fix: updated deprecated type usage

eclipse-tractusx · Sep 16, 2024 · 8fa97e1 · 8fa97e1
2 parents cbf91b7 + 557061b
commit 8fa97e1
Show file tree

Hide file tree

Showing 74 changed files with 148 additions and 148 deletions.
diff --git a/src/components/basic/Alert/Alert.stories.tsx b/src/components/basic/Alert/Alert.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { Alert as Component } from '.'
 
 export default {
@@ -30,7 +30,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args}>{args.children}</Component>
 

diff --git a/src/components/basic/BaseImage/BaseImage.stories.tsx b/src/components/basic/BaseImage/BaseImage.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { BaseImage as Component } from '.'
 
 export default {
@@ -27,7 +27,7 @@ export default {
   tags: ['autodocs'],
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx b/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx
@@ -19,7 +19,7 @@
  ********************************************************************************/
 
 import { Link, Typography } from '@mui/material'
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { Breadcrumb as Component } from '.'
 
 export default {
@@ -57,7 +57,7 @@ const breadcrumbs = [
   </Typography>,
 ]
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/Button/BackButton.stories.tsx b/src/components/basic/Button/BackButton.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import type { ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { BackButton as Component } from './BackButton'
 
 export default {
@@ -32,7 +32,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/Button/LoadMoreButton.stories.tsx b/src/components/basic/Button/LoadMoreButton.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { LoadMoreButton as Component } from './LoadMoreButton'
 
 export default {
@@ -28,7 +28,7 @@ export default {
   argTypes: {},
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/Button/ScrollToTopButton.stories.tsx b/src/components/basic/Button/ScrollToTopButton.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { ScrollToTopButton as Component } from './ScrollToTopButton'
 
 export default {
@@ -32,7 +32,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/Carousel/Carousel.stories.tsx b/src/components/basic/Carousel/Carousel.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import uniqueId from 'lodash/uniqueId'
 import { theme } from '../../../theme'
 import { Carousel as Component } from '.'
@@ -40,7 +40,7 @@ const itemsArray = [
   'Element 5',
 ]
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => (
   <Component {...args}>

diff --git a/src/components/basic/Carousel/CarouselBox.stories.tsx b/src/components/basic/Carousel/CarouselBox.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import uniqueId from 'lodash/uniqueId'
 import { theme } from '../../../theme'
 import { CarouselBox as Component } from './CarouselBox'
@@ -40,7 +40,7 @@ const itemsArray = [
   'Element 5',
 ]
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => (
   <Component {...args}>

diff --git a/src/components/basic/CategoryDivider/CategoryDivider.stories.tsx b/src/components/basic/CategoryDivider/CategoryDivider.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { CategoryDivider as Component } from '.'
 
 export default {
@@ -28,7 +28,7 @@ export default {
   argTypes: {},
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/Checkbox/Checkbox.stories.tsx b/src/components/basic/Checkbox/Checkbox.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { Checkbox as Component } from '.'
 
 export default {
@@ -32,7 +32,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/Chip/DraggableChip.stories.tsx b/src/components/basic/Chip/DraggableChip.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { DraggableChip as Component } from './DraggableChip'
 
 export default {
@@ -32,7 +32,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args}>{args.children}</Component>
 

diff --git a/src/components/basic/Chip/chip.stories.tsx b/src/components/basic/Chip/chip.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { Chip as Component } from '.'
 
 export default {
@@ -29,7 +29,7 @@ export default {
   parameters: {},
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/CircularProgress/circularProgress.stories.tsx b/src/components/basic/CircularProgress/circularProgress.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { CircularProgress as Component } from '.'
 
 export default {
@@ -27,7 +27,7 @@ export default {
   tags: ['autodocs'],
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx b/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx
@@ -21,7 +21,7 @@
 import HomeOutlinedIcon from '@mui/icons-material/HomeOutlined'
 import SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined'
 import { Box, Divider, Typography } from '@mui/material'
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { Table } from '../StaticTable/StaticTable.stories'
 import { type CustomAccordionProps } from './Item'
 import { CustomAccordion as Component } from '.'
@@ -35,7 +35,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/Datepicker/Datepicker.stories.tsx b/src/components/basic/Datepicker/Datepicker.stories.tsx
@@ -19,7 +19,7 @@
  ********************************************************************************/
 
 import { Box } from '@mui/material'
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { Datepicker as Component, type DateType } from '.'
 
 export default {
@@ -29,7 +29,7 @@ export default {
   argTypes: {},
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => (
   <Box sx={{ width: '320px' }}>

diff --git a/src/components/basic/Dialog/Dialog.stories.tsx b/src/components/basic/Dialog/Dialog.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { Button } from '../Button'
 import { DialogActions } from './DialogActions'
 import { DialogContent } from './DialogContent'
@@ -47,7 +47,7 @@ export default {
   },
 }
 
-const DialogTemplate: ComponentStory<typeof Component> = (
+const DialogTemplate: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => {
   const { title, intro, content, helperText, ...componentArgs } = args

diff --git a/src/components/basic/Dialog/DialogActions.stories.tsx b/src/components/basic/Dialog/DialogActions.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { Button } from '../Button'
 import { DialogActions as Component } from './DialogActions'
 
@@ -28,7 +28,7 @@ export default {
   tags: ['autodocs'],
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => (
   <Component {...args}>

diff --git a/src/components/basic/Dialog/DialogHeader.stories.tsx b/src/components/basic/Dialog/DialogHeader.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { DialogHeader as Component } from './DialogHeader'
 
 export default {
@@ -27,7 +27,7 @@ export default {
   tags: ['autodocs'],
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/DropdownMenu/DropdownMenu.stories.tsx b/src/components/basic/DropdownMenu/DropdownMenu.stories.tsx
@@ -21,7 +21,7 @@
 import EditIcon from '@mui/icons-material/Edit'
 import FileCopyIcon from '@mui/icons-material/FileCopy'
 import MenuItem from '@mui/material/MenuItem'
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { DropdownMenu as Component } from '.'
 
 export default {
@@ -33,7 +33,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => (
   <Component {...args}>

diff --git a/src/components/basic/Dropzone/DropArea.stories.tsx b/src/components/basic/Dropzone/DropArea.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { DropArea as Component } from './components/DropArea'
 
 export default {
@@ -37,7 +37,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => <Component {...args} />
 

diff --git a/src/components/basic/Dropzone/DropPreview.stories.tsx b/src/components/basic/Dropzone/DropPreview.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { DropPreview as Component } from './components/DropPreview'
 import { UploadStatus } from './types'
 
@@ -61,7 +61,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => (
   <Component {...args} uploadFiles={args.placeholder ? [] : args.uploadFiles} />

diff --git a/src/components/basic/Dropzone/DropPreviewFile.stories.tsx b/src/components/basic/Dropzone/DropPreviewFile.stories.tsx
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { type ComponentStory } from '@storybook/react'
+import { type StoryFn } from '@storybook/react'
 import { DropPreviewFile as Component } from './components/DropPreviewFile'
 import { UploadStatus } from './types'
 
@@ -52,7 +52,7 @@ export default {
   },
 }
 
-const Template: ComponentStory<typeof Component> = (
+const Template: StoryFn<typeof Component> = (
   args: React.ComponentProps<typeof Component>
 ) => {
   const { name, size, status, progressPercent, ...props } = args