feat(storybook): migrate preview to ts file

Author: yangwooseong

packages/bezier-react/.storybook/preview.js renamed to packages/bezier-react/.storybook/WithFoundationProvider.jsx

@@ -17,35 +17,6 @@ const FoundationKeyword = {
   Dark: 'dark',
 }
 
-export const parameters = {
-  layout: 'centered',
-  backgrounds: {
-    default: 'light',
-    values: [
-      {
-        name: 'light',
-        value: 'white',
-      },
-      {
-        name: 'dark',
-        value: '#2f3233',
-      },
-    ],
-  }
-}
-
-export const globalTypes = {
-  Foundation: {
-    name: 'Foundation',
-    description: 'Global Foundation for components',
-    defaultValue: 'light',
-    toolbar: {
-      icon: 'circlehollow',
-      items: [FoundationKeyword.Light, FoundationKeyword.Dark],
-    },
-  },
-};
-
 function getFoundation(keyword) {
   const isDarkFoundation = keyword === FoundationKeyword.Dark
   return {
@@ -87,7 +58,7 @@ const innerWrapperStyle = {
   borderRadius: 20,
 }
 
-function withFoundationProvider(Story, context) {
+export function WithFoundationProvider(Story, context) {
   const {
     isDarkFoundation,
     foundation,
@@ -143,5 +114,3 @@ function withFoundationProvider(Story, context) {
     </FeatureProvider>
   )
 }
-
-export const decorators = [withFoundationProvider]

packages/bezier-react/.storybook/preview.ts

@@ -0,0 +1,9 @@
+import type { Preview } from "@storybook/react"
+
+import { WithFoundationProvider } from './WithFoundationProvider'
+
+const preview: Preview = {
+  decorators: [WithFoundationProvider],
+}
+
+export default preview