Add beta.ts and update HairballProps in hairball.tsx

mhnpd · Dec 22, 2023 · 75ced84 · 75ced84
1 parent 96b2fc6
commit 75ced84
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/jest.config.js b/jest.config.js
@@ -1,4 +1,3 @@
-/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jest-environment-jsdom',

diff --git a/src/beta.ts b/src/beta.ts
@@ -0,0 +1,2 @@
+export * from './experimental/hairball'
+export * from './experimental/whirl'
diff --git a/src/experimental/hairball.tsx b/src/experimental/hairball.tsx
@@ -18,7 +18,7 @@ export const HAIRBALL_DEFAULT_COLOR = FourColorsSchema.sunset
 
 export interface HairballProps extends PrimaryProps {
   colors?: HairballCustomColor
-  preset?: HairballPresetType
+  preset?: HairballPresetType | string
   backgroundColor?: string
   speed?: number
   width?: number
@@ -37,14 +37,12 @@ export const Hairball: FC<HairballProps> = ({
   wrapperStyle = {},
   preset,
 }) => {
-  const colorSchema = FourColorsSchema.sunset
-  return null
   const {
     fillColor1 = HairballPresetColors.dawn.fillColor1,
     fillColor2 = HairballPresetColors.dawn.fillColor2,
     fillColor3 = HairballPresetColors.dawn.fillColor3,
     fillColor4 = HairballPresetColors.dawn.fillColor4,
-  } = colorSchema
+  } = preset ? HairballPresetColors?.[preset] : colors
 
   if (!visible) {
     return null
@@ -66,6 +64,7 @@ export const Hairball: FC<HairballProps> = ({
       viewBox="0 0 100 100"
       preserveAspectRatio="xMidYMid"
       role="progressbar"
+      data-testid="hairball"
     >
       <g transform="translate(50,50)">
         <g transform="scale(0.8)">
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export * from './experimental/hairball'
		export * from './experimental/whirl'