From 81a899a0036a011267b7cacf08fc15eca3d55535 Mon Sep 17 00:00:00 2001 From: charmi-v Date: Tue, 10 Sep 2024 17:30:20 +0530 Subject: [PATCH 1/3] fix: updated deprecated type usage --- src/components/basic/Alert/Alert.stories.tsx | 4 ++-- src/components/basic/BaseImage/BaseImage.stories.tsx | 4 ++-- src/components/basic/Breadcrumb/Breadcrumb.stories.tsx | 4 ++-- src/components/basic/Button/BackButton.stories.tsx | 4 ++-- src/components/basic/Button/LoadMoreButton.stories.tsx | 4 ++-- src/components/basic/Button/ScrollToTopButton.stories.tsx | 4 ++-- src/components/basic/Carousel/Carousel.stories.tsx | 4 ++-- src/components/basic/Carousel/CarouselBox.stories.tsx | 4 ++-- .../basic/CategoryDivider/CategoryDivider.stories.tsx | 4 ++-- src/components/basic/Checkbox/Checkbox.stories.tsx | 4 ++-- src/components/basic/Chip/DraggableChip.stories.tsx | 4 ++-- src/components/basic/Chip/chip.stories.tsx | 4 ++-- .../basic/CircularProgress/circularProgress.stories.tsx | 4 ++-- .../basic/CustomAccordion/CustomAccordion.stories.tsx | 4 ++-- src/components/basic/Datepicker/Datepicker.stories.tsx | 4 ++-- src/components/basic/Dialog/Dialog.stories.tsx | 4 ++-- src/components/basic/Dialog/DialogActions.stories.tsx | 4 ++-- src/components/basic/Dialog/DialogHeader.stories.tsx | 4 ++-- src/components/basic/DropdownMenu/DropdownMenu.stories.tsx | 4 ++-- src/components/basic/Dropzone/DropArea.stories.tsx | 4 ++-- src/components/basic/Dropzone/DropPreview.stories.tsx | 4 ++-- src/components/basic/Dropzone/DropPreviewFile.stories.tsx | 4 ++-- src/components/basic/ErrorBar/ErrorBar.stories.tsx | 4 ++-- src/components/basic/ErrorPage/ErrorPage.stories.tsx | 4 ++-- src/components/basic/Expand/Expand.stories.tsx | 4 ++-- .../basic/Headers/MainHeader/MainHeader.stories.tsx | 4 ++-- .../basic/Headers/PageHeader/PageHeader.stories.tsx | 4 ++-- src/components/basic/IconButton/IconButton.stories.tsx | 4 ++-- src/components/basic/ImageGallery/ImageGallery.stories.tsx | 4 ++-- .../basic/ImageGallery/ImageGalleryItem.stories.tsx | 4 ++-- src/components/basic/Input/Input.stories.tsx | 4 ++-- .../basic/LanguageSwitch/LanguageSwitch.stories.tsx | 4 ++-- src/components/basic/LoadingButton/LoadingButton.stories.tsx | 4 ++-- src/components/basic/Logo/Logo.stories.tsx | 4 ++-- .../basic/MainNavigation/MainNavigation.stories.tsx | 4 ++-- src/components/basic/Menu/Menu.stories.tsx | 4 ++-- .../basic/MultiSelectList/MultiSelectList.stories.tsx | 4 ++-- .../basic/NewSubNavigation/NewSubNavigation.stories.tsx | 4 ++-- .../PageNotification/PageNotification.stories.tsx | 4 ++-- .../basic/Notifications/Snackbar/PageSnackbar.stories.tsx | 4 ++-- .../Notifications/Snackbar/PageSnackbarStack.stories.tsx | 4 ++-- .../basic/OrderStatusButton/OrderStatusButton.stories.tsx | 4 ++-- src/components/basic/ProcessList/ProcessList.stories.tsx | 4 ++-- .../basic/Progress/CircleProgress/CircleProgress.stories.tsx | 4 ++-- .../LinearProgress/LinearProgressWithValueLabel.stories.tsx | 4 ++-- src/components/basic/QuickLinks/QuickLinks.stories.tsx | 4 ++-- src/components/basic/Radio/Radio.stories.tsx | 4 ++-- src/components/basic/Rating/Rating.stories.tsx | 4 ++-- src/components/basic/SearchInput/SearchInput.stories.tsx | 4 ++-- src/components/basic/SelectList/SelectList.stories.tsx | 4 ++-- src/components/basic/SideMenu/SideMenu.stories.tsx | 4 ++-- src/components/basic/SortOption/SortOption.stories.tsx | 4 ++-- src/components/basic/StaticTable/StaticTable.stories.tsx | 4 ++-- src/components/basic/Stepper/RoundedStepper.stories.tsx | 4 ++-- src/components/basic/Stepper/Stepper.stories.tsx | 4 ++-- src/components/basic/SubNavigation/SubNavigation.stories.tsx | 4 ++-- .../basic/Table/components/StatusTag/statusTag.stories.tsx | 4 ++-- src/components/basic/Table/table.stories.tsx | 4 ++-- src/components/basic/Tabs/TabPanel.stories.tsx | 4 ++-- src/components/basic/Tabs/Tabs.stories.tsx | 4 ++-- src/components/basic/Textarea/Textarea.stories.tsx | 4 ++-- src/components/basic/ToggleSwitch/ToggleSwitch.stories.tsx | 4 ++-- src/components/basic/ToolTips/ToolTips.stories.tsx | 4 ++-- src/components/basic/UserAvatar/UserAvatar.stories.tsx | 4 ++-- src/components/basic/VerticalTabs/VerticalTabs.stories.tsx | 4 ++-- src/components/basic/ViewSelector/ViewSelector.stories.tsx | 4 ++-- src/components/content/Cards/AboutCard.stories.tsx | 4 ++-- src/components/content/Cards/CardDecision.stories.tsx | 4 ++-- src/components/content/Cards/CardHorizontal.stories.tsx | 4 ++-- src/components/content/Cards/ContentCard.stories.tsx | 4 ++-- src/components/content/Cards/MarketplaceCard.stories.tsx | 4 ++-- src/components/content/Navigation/Navigation.stories.tsx | 4 ++-- src/components/content/UserMenu/UserMenu.stories.tsx | 4 ++-- src/components/content/UserNav/UserNav.stories.tsx | 4 ++-- 74 files changed, 148 insertions(+), 148 deletions(-) diff --git a/src/components/basic/Alert/Alert.stories.tsx b/src/components/basic/Alert/Alert.stories.tsx index b440f3e8..22bd3bff 100644 --- 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 '.' @@ -31,7 +31,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => {args.children} diff --git a/src/components/basic/BaseImage/BaseImage.stories.tsx b/src/components/basic/BaseImage/BaseImage.stories.tsx index 182669ad..f6131acf 100644 --- 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 '.' @@ -28,7 +28,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx b/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx index a4d7546e..c0688c51 100644 --- 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 '.' @@ -58,7 +58,7 @@ const breadcrumbs = [ , ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Button/BackButton.stories.tsx b/src/components/basic/Button/BackButton.stories.tsx index 778671c7..4f1bf564 100644 --- 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' @@ -33,7 +33,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Button/LoadMoreButton.stories.tsx b/src/components/basic/Button/LoadMoreButton.stories.tsx index c071d890..8e07feea 100644 --- 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' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Button/ScrollToTopButton.stories.tsx b/src/components/basic/Button/ScrollToTopButton.stories.tsx index 4f22f053..568939e2 100644 --- 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' @@ -33,7 +33,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Carousel/Carousel.stories.tsx b/src/components/basic/Carousel/Carousel.stories.tsx index d60a3c38..1ee4f0d0 100644 --- 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 { Carousel as Component } from '.' import { theme } from '../../../theme' import uniqueId from 'lodash/uniqueId' @@ -40,7 +40,7 @@ const itemsArray = [ 'Element 5', ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => ( diff --git a/src/components/basic/Carousel/CarouselBox.stories.tsx b/src/components/basic/Carousel/CarouselBox.stories.tsx index d5ae834f..301cca52 100644 --- 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 { CarouselBox as Component } from './CarouselBox' import { theme } from '../../../theme' import uniqueId from 'lodash/uniqueId' @@ -40,7 +40,7 @@ const itemsArray = [ 'Element 5', ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => ( diff --git a/src/components/basic/CategoryDivider/CategoryDivider.stories.tsx b/src/components/basic/CategoryDivider/CategoryDivider.stories.tsx index 8992960b..613103da 100644 --- 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 '.' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Checkbox/Checkbox.stories.tsx b/src/components/basic/Checkbox/Checkbox.stories.tsx index 77afdeaa..63c701ab 100644 --- 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 '.' @@ -33,7 +33,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Chip/DraggableChip.stories.tsx b/src/components/basic/Chip/DraggableChip.stories.tsx index 8d7e6760..32a682ff 100644 --- 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' @@ -33,7 +33,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => {args.children} diff --git a/src/components/basic/Chip/chip.stories.tsx b/src/components/basic/Chip/chip.stories.tsx index 87d32db3..3c405b3d 100644 --- 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 = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/CircularProgress/circularProgress.stories.tsx b/src/components/basic/CircularProgress/circularProgress.stories.tsx index 4423ebc1..2224923f 100644 --- 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 '.' @@ -28,7 +28,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx b/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx index e079a07a..493b53b4 100644 --- a/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx +++ b/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx @@ -19,7 +19,7 @@ ********************************************************************************/ import { Box, Divider, Typography } from '@mui/material' -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { CustomAccordion as Component } from '.' import { Table } from '../StaticTable/StaticTable.stories' import { type CustomAccordionProps } from './Item' @@ -35,7 +35,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Datepicker/Datepicker.stories.tsx b/src/components/basic/Datepicker/Datepicker.stories.tsx index ad5d4442..92fb4de2 100644 --- a/src/components/basic/Datepicker/Datepicker.stories.tsx +++ b/src/components/basic/Datepicker/Datepicker.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 { Box } from '@mui/material' import { Datepicker as Component, type DateType } from '.' @@ -30,7 +30,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => ( diff --git a/src/components/basic/Dialog/Dialog.stories.tsx b/src/components/basic/Dialog/Dialog.stories.tsx index d84090bf..8a1697b2 100644 --- 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 { Dialog as Component } from '.' import { Button } from '../Button' @@ -48,7 +48,7 @@ export default { }, } -const DialogTemplate: ComponentStory = ( +const DialogTemplate: StoryFn = ( args: React.ComponentProps ) => { 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 index f9b01b36..ffc8be79 100644 --- 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 { DialogActions as Component } from './DialogActions' import { Button } from '../Button' @@ -29,7 +29,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => ( diff --git a/src/components/basic/Dialog/DialogHeader.stories.tsx b/src/components/basic/Dialog/DialogHeader.stories.tsx index 3843c20c..9258ac54 100644 --- 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' @@ -28,7 +28,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/DropdownMenu/DropdownMenu.stories.tsx b/src/components/basic/DropdownMenu/DropdownMenu.stories.tsx index cd4c9919..0ac30af9 100644 --- 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 '.' @@ -34,7 +34,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => ( diff --git a/src/components/basic/Dropzone/DropArea.stories.tsx b/src/components/basic/Dropzone/DropArea.stories.tsx index 37aba522..38624745 100644 --- 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' @@ -38,7 +38,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Dropzone/DropPreview.stories.tsx b/src/components/basic/Dropzone/DropPreview.stories.tsx index 05bec356..24538520 100644 --- 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' @@ -62,7 +62,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => ( diff --git a/src/components/basic/Dropzone/DropPreviewFile.stories.tsx b/src/components/basic/Dropzone/DropPreviewFile.stories.tsx index bf8ecb6e..72cce6e6 100644 --- 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' @@ -53,7 +53,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => { const { name, size, status, progressPercent, ...props } = args diff --git a/src/components/basic/ErrorBar/ErrorBar.stories.tsx b/src/components/basic/ErrorBar/ErrorBar.stories.tsx index 0b797912..2ea7cfde 100644 --- a/src/components/basic/ErrorBar/ErrorBar.stories.tsx +++ b/src/components/basic/ErrorBar/ErrorBar.stories.tsx @@ -17,7 +17,7 @@ * SPDX-License-Identifier: Apache-2.0 ********************************************************************************/ -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { ErrorBar as Component } from './ErrorBar' @@ -28,7 +28,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/ErrorPage/ErrorPage.stories.tsx b/src/components/basic/ErrorPage/ErrorPage.stories.tsx index bf77a6da..464beffa 100644 --- a/src/components/basic/ErrorPage/ErrorPage.stories.tsx +++ b/src/components/basic/ErrorPage/ErrorPage.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 { ErrorPage as Component } from '.' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Expand/Expand.stories.tsx b/src/components/basic/Expand/Expand.stories.tsx index e5c2a8a0..9307ee9a 100644 --- a/src/components/basic/Expand/Expand.stories.tsx +++ b/src/components/basic/Expand/Expand.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 { Expand as Component } from '.' @@ -33,7 +33,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Headers/MainHeader/MainHeader.stories.tsx b/src/components/basic/Headers/MainHeader/MainHeader.stories.tsx index c57d0477..e45eb7ab 100644 --- a/src/components/basic/Headers/MainHeader/MainHeader.stories.tsx +++ b/src/components/basic/Headers/MainHeader/MainHeader.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 { MainHeader as Component } from './MainHeader' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Headers/PageHeader/PageHeader.stories.tsx b/src/components/basic/Headers/PageHeader/PageHeader.stories.tsx index 8dffbae9..2c93e299 100644 --- a/src/components/basic/Headers/PageHeader/PageHeader.stories.tsx +++ b/src/components/basic/Headers/PageHeader/PageHeader.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 { PageHeader as Component } from './PageHeader' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/IconButton/IconButton.stories.tsx b/src/components/basic/IconButton/IconButton.stories.tsx index f691d7f8..01a2480f 100644 --- a/src/components/basic/IconButton/IconButton.stories.tsx +++ b/src/components/basic/IconButton/IconButton.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 { IconButton as Component } from '.' import AddIcon from '@mui/icons-material/Add' @@ -35,7 +35,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/ImageGallery/ImageGallery.stories.tsx b/src/components/basic/ImageGallery/ImageGallery.stories.tsx index 5fb8e6e5..58c0f3f6 100644 --- a/src/components/basic/ImageGallery/ImageGallery.stories.tsx +++ b/src/components/basic/ImageGallery/ImageGallery.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 { ImageGallery as Component } from '.' @@ -28,7 +28,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/ImageGallery/ImageGalleryItem.stories.tsx b/src/components/basic/ImageGallery/ImageGalleryItem.stories.tsx index 0d0fdc6b..fbafcacf 100644 --- a/src/components/basic/ImageGallery/ImageGalleryItem.stories.tsx +++ b/src/components/basic/ImageGallery/ImageGalleryItem.stories.tsx @@ -17,7 +17,7 @@ * SPDX-License-Identifier: Apache-2.0 ********************************************************************************/ -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { ImageItem } from './ImageItem' export default { @@ -25,7 +25,7 @@ export default { component: ImageItem, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Input/Input.stories.tsx b/src/components/basic/Input/Input.stories.tsx index 40957719..1ed7f342 100644 --- a/src/components/basic/Input/Input.stories.tsx +++ b/src/components/basic/Input/Input.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 { Input as Component } from '.' @@ -33,7 +33,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/LanguageSwitch/LanguageSwitch.stories.tsx b/src/components/basic/LanguageSwitch/LanguageSwitch.stories.tsx index 0d05d02a..b9a5ae83 100644 --- a/src/components/basic/LanguageSwitch/LanguageSwitch.stories.tsx +++ b/src/components/basic/LanguageSwitch/LanguageSwitch.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 { LanguageSwitch as Component } from '.' @@ -33,7 +33,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/LoadingButton/LoadingButton.stories.tsx b/src/components/basic/LoadingButton/LoadingButton.stories.tsx index 003f0273..fb2f8df2 100644 --- a/src/components/basic/LoadingButton/LoadingButton.stories.tsx +++ b/src/components/basic/LoadingButton/LoadingButton.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 { LoadingButton as Component } from '.' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Logo/Logo.stories.tsx b/src/components/basic/Logo/Logo.stories.tsx index 35bacb35..e0fc6c96 100644 --- a/src/components/basic/Logo/Logo.stories.tsx +++ b/src/components/basic/Logo/Logo.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 { Logo as Component } from '.' @@ -28,7 +28,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/MainNavigation/MainNavigation.stories.tsx b/src/components/basic/MainNavigation/MainNavigation.stories.tsx index ffa7a9a2..1b056d5b 100644 --- a/src/components/basic/MainNavigation/MainNavigation.stories.tsx +++ b/src/components/basic/MainNavigation/MainNavigation.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 { Box } from '@mui/material' import CXLogoText from '../../../assets/logo/cx-logo-text.svg' @@ -41,7 +41,7 @@ const items = [ { href: '/partnernetwork', title: 'Partner Network' }, ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => ( diff --git a/src/components/basic/Menu/Menu.stories.tsx b/src/components/basic/Menu/Menu.stories.tsx index e67b39f2..68ee776c 100644 --- a/src/components/basic/Menu/Menu.stories.tsx +++ b/src/components/basic/Menu/Menu.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 { Menu as Component } from '.' @@ -28,7 +28,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/MultiSelectList/MultiSelectList.stories.tsx b/src/components/basic/MultiSelectList/MultiSelectList.stories.tsx index 5e89cf3b..2bec3c4d 100644 --- a/src/components/basic/MultiSelectList/MultiSelectList.stories.tsx +++ b/src/components/basic/MultiSelectList/MultiSelectList.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 { MultiSelectList as Component } from '.' @@ -77,7 +77,7 @@ const items = [ }, ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/NewSubNavigation/NewSubNavigation.stories.tsx b/src/components/basic/NewSubNavigation/NewSubNavigation.stories.tsx index f973f0d7..1108435a 100644 --- a/src/components/basic/NewSubNavigation/NewSubNavigation.stories.tsx +++ b/src/components/basic/NewSubNavigation/NewSubNavigation.stories.tsx @@ -17,7 +17,7 @@ * SPDX-License-Identifier: Apache-2.0 ********************************************************************************/ -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { NewSubNavigation as Component } from '.' export default { @@ -27,7 +27,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Notifications/PageNotification/PageNotification.stories.tsx b/src/components/basic/Notifications/PageNotification/PageNotification.stories.tsx index a8eb7878..b5d37219 100644 --- a/src/components/basic/Notifications/PageNotification/PageNotification.stories.tsx +++ b/src/components/basic/Notifications/PageNotification/PageNotification.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 { PageNotifications as Component } from '.' @@ -28,7 +28,7 @@ export default { tags: ['autodocs'], argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => {args.children} diff --git a/src/components/basic/Notifications/Snackbar/PageSnackbar.stories.tsx b/src/components/basic/Notifications/Snackbar/PageSnackbar.stories.tsx index 31a53075..b94a1167 100644 --- a/src/components/basic/Notifications/Snackbar/PageSnackbar.stories.tsx +++ b/src/components/basic/Notifications/Snackbar/PageSnackbar.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 { PageSnackbar as Component } from '.' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Notifications/Snackbar/PageSnackbarStack.stories.tsx b/src/components/basic/Notifications/Snackbar/PageSnackbarStack.stories.tsx index d0c1b9f5..2045ae50 100644 --- a/src/components/basic/Notifications/Snackbar/PageSnackbarStack.stories.tsx +++ b/src/components/basic/Notifications/Snackbar/PageSnackbarStack.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 { PageSnackbar } from './index' import { PageSnackbarStack as Component } from './PageSnackbarStack' @@ -36,7 +36,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => { return ( diff --git a/src/components/basic/OrderStatusButton/OrderStatusButton.stories.tsx b/src/components/basic/OrderStatusButton/OrderStatusButton.stories.tsx index 8ec81976..f3d5f46b 100644 --- a/src/components/basic/OrderStatusButton/OrderStatusButton.stories.tsx +++ b/src/components/basic/OrderStatusButton/OrderStatusButton.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 { OrderStatusButton as Component } from '.' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/ProcessList/ProcessList.stories.tsx b/src/components/basic/ProcessList/ProcessList.stories.tsx index 1c8555b3..e12c527c 100644 --- a/src/components/basic/ProcessList/ProcessList.stories.tsx +++ b/src/components/basic/ProcessList/ProcessList.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 { ProcessList as Component } from '.' @@ -68,7 +68,7 @@ const processListElements = [ }, ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Progress/CircleProgress/CircleProgress.stories.tsx b/src/components/basic/Progress/CircleProgress/CircleProgress.stories.tsx index 2a9eebe3..c9701167 100644 --- a/src/components/basic/Progress/CircleProgress/CircleProgress.stories.tsx +++ b/src/components/basic/Progress/CircleProgress/CircleProgress.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 { CircleProgress as Component } from '.' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Progress/LinearProgress/LinearProgressWithValueLabel.stories.tsx b/src/components/basic/Progress/LinearProgress/LinearProgressWithValueLabel.stories.tsx index 515c196f..2bd48620 100644 --- a/src/components/basic/Progress/LinearProgress/LinearProgressWithValueLabel.stories.tsx +++ b/src/components/basic/Progress/LinearProgress/LinearProgressWithValueLabel.stories.tsx @@ -17,7 +17,7 @@ * SPDX-License-Identifier: Apache-2.0 ********************************************************************************/ -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { LinearProgressWithValueLabel as Component } from './LinearProgressWithValueLabel' @@ -28,7 +28,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/QuickLinks/QuickLinks.stories.tsx b/src/components/basic/QuickLinks/QuickLinks.stories.tsx index d0467c05..9ea45855 100644 --- a/src/components/basic/QuickLinks/QuickLinks.stories.tsx +++ b/src/components/basic/QuickLinks/QuickLinks.stories.tsx @@ -18,7 +18,7 @@ ********************************************************************************/ import React from 'react' -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { QuickLinks as Component } from './index' export default { @@ -28,7 +28,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Radio/Radio.stories.tsx b/src/components/basic/Radio/Radio.stories.tsx index 284f23bd..709c94eb 100644 --- a/src/components/basic/Radio/Radio.stories.tsx +++ b/src/components/basic/Radio/Radio.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 { Radio as Component } from '.' @@ -33,7 +33,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Rating/Rating.stories.tsx b/src/components/basic/Rating/Rating.stories.tsx index 766b013f..0553e0ed 100644 --- a/src/components/basic/Rating/Rating.stories.tsx +++ b/src/components/basic/Rating/Rating.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 { Rating as Component } from '.' @@ -28,7 +28,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/SearchInput/SearchInput.stories.tsx b/src/components/basic/SearchInput/SearchInput.stories.tsx index 8e66d835..6799b746 100644 --- a/src/components/basic/SearchInput/SearchInput.stories.tsx +++ b/src/components/basic/SearchInput/SearchInput.stories.tsx @@ -19,7 +19,7 @@ ********************************************************************************/ import { useState } from 'react' -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { SearchInput as Component } from '.' @@ -30,7 +30,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/SelectList/SelectList.stories.tsx b/src/components/basic/SelectList/SelectList.stories.tsx index 0c02984b..007c2e46 100644 --- a/src/components/basic/SelectList/SelectList.stories.tsx +++ b/src/components/basic/SelectList/SelectList.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 { SelectList as Component } from '.' @@ -62,7 +62,7 @@ const countries = [ }, ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/SideMenu/SideMenu.stories.tsx b/src/components/basic/SideMenu/SideMenu.stories.tsx index 24218ed6..d547552c 100644 --- a/src/components/basic/SideMenu/SideMenu.stories.tsx +++ b/src/components/basic/SideMenu/SideMenu.stories.tsx @@ -19,7 +19,7 @@ ********************************************************************************/ import { Box } from '@mui/material' -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { SideMenu as Component } from '.' import { DraggableChip } from '../Chip/DraggableChip' @@ -37,7 +37,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/SortOption/SortOption.stories.tsx b/src/components/basic/SortOption/SortOption.stories.tsx index e62d1e45..617155f9 100644 --- a/src/components/basic/SortOption/SortOption.stories.tsx +++ b/src/components/basic/SortOption/SortOption.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 { SortOption as Component } from '.' export default { @@ -27,7 +27,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => (
= ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Stepper/RoundedStepper.stories.tsx b/src/components/basic/Stepper/RoundedStepper.stories.tsx index 2ce4bfee..5f5090c7 100644 --- a/src/components/basic/Stepper/RoundedStepper.stories.tsx +++ b/src/components/basic/Stepper/RoundedStepper.stories.tsx @@ -17,7 +17,7 @@ * SPDX-License-Identifier: Apache-2.0 ********************************************************************************/ -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { RoundedStepper as Component } from './RoundedStepper' @@ -43,7 +43,7 @@ const stepperElements = [ }, ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Stepper/Stepper.stories.tsx b/src/components/basic/Stepper/Stepper.stories.tsx index b9c06947..fa04312d 100644 --- a/src/components/basic/Stepper/Stepper.stories.tsx +++ b/src/components/basic/Stepper/Stepper.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 { Stepper as Component } from '.' @@ -59,7 +59,7 @@ const stepperElements = [ }, ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/SubNavigation/SubNavigation.stories.tsx b/src/components/basic/SubNavigation/SubNavigation.stories.tsx index a50e7e52..74c4f451 100644 --- a/src/components/basic/SubNavigation/SubNavigation.stories.tsx +++ b/src/components/basic/SubNavigation/SubNavigation.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 { SubNavigation as Component } from '.' export default { @@ -28,7 +28,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Table/components/StatusTag/statusTag.stories.tsx b/src/components/basic/Table/components/StatusTag/statusTag.stories.tsx index d164e315..49db5619 100644 --- a/src/components/basic/Table/components/StatusTag/statusTag.stories.tsx +++ b/src/components/basic/Table/components/StatusTag/statusTag.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 { StatusTag as Component } from '.' export default { @@ -28,7 +28,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Table/table.stories.tsx b/src/components/basic/Table/table.stories.tsx index ba16ce5b..75224910 100644 --- a/src/components/basic/Table/table.stories.tsx +++ b/src/components/basic/Table/table.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 { Table as Component } from '.' import type { @@ -66,7 +66,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/Tabs/TabPanel.stories.tsx b/src/components/basic/Tabs/TabPanel.stories.tsx index 860fa496..2f26b26c 100644 --- a/src/components/basic/Tabs/TabPanel.stories.tsx +++ b/src/components/basic/Tabs/TabPanel.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 { TabPanel as Component } from './TabPanel' export default { @@ -35,7 +35,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => TabPanel Content diff --git a/src/components/basic/Tabs/Tabs.stories.tsx b/src/components/basic/Tabs/Tabs.stories.tsx index 4d5afe93..e10a6e16 100644 --- a/src/components/basic/Tabs/Tabs.stories.tsx +++ b/src/components/basic/Tabs/Tabs.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 GroupOutlinedIcon from '@mui/icons-material/GroupOutlined' import PersonOutlinedIcon from '@mui/icons-material/PersonOutlined' @@ -41,7 +41,7 @@ export default { }, } -const Template: ComponentStory = () => { +const Template: StoryFn = () => { const [activeTab, setActiveTab] = React.useState(0) const handleChange = (_: unknown, newValue: number) => { diff --git a/src/components/basic/Textarea/Textarea.stories.tsx b/src/components/basic/Textarea/Textarea.stories.tsx index bdd9a382..adf04e55 100644 --- a/src/components/basic/Textarea/Textarea.stories.tsx +++ b/src/components/basic/Textarea/Textarea.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 { Textarea as Component } from '.' @@ -33,7 +33,7 @@ export default { }, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/ToggleSwitch/ToggleSwitch.stories.tsx b/src/components/basic/ToggleSwitch/ToggleSwitch.stories.tsx index cf92084a..4cd55f7b 100644 --- a/src/components/basic/ToggleSwitch/ToggleSwitch.stories.tsx +++ b/src/components/basic/ToggleSwitch/ToggleSwitch.stories.tsx @@ -17,7 +17,7 @@ * SPDX-License-Identifier: Apache-2.0 ********************************************************************************/ -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { ToggleSwitch as Component } from '.' import { useState } from 'react' @@ -27,7 +27,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => { const [checked, setChecked] = useState(false) diff --git a/src/components/basic/ToolTips/ToolTips.stories.tsx b/src/components/basic/ToolTips/ToolTips.stories.tsx index 07db92d3..47cdefec 100644 --- a/src/components/basic/ToolTips/ToolTips.stories.tsx +++ b/src/components/basic/ToolTips/ToolTips.stories.tsx @@ -19,7 +19,7 @@ ********************************************************************************/ import { Box } from '@mui/material' -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { Tooltips as Component } from '.' import { Button } from '../Button' @@ -29,7 +29,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => ( = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/VerticalTabs/VerticalTabs.stories.tsx b/src/components/basic/VerticalTabs/VerticalTabs.stories.tsx index 119604a0..59241710 100644 --- a/src/components/basic/VerticalTabs/VerticalTabs.stories.tsx +++ b/src/components/basic/VerticalTabs/VerticalTabs.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 { Box, Typography } from '@mui/material' import { type TabPanelType, VerticalTabs as Component } from '.' @@ -84,7 +84,7 @@ const items: TabPanelType[] = [ description: User Account, }, ] -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/basic/ViewSelector/ViewSelector.stories.tsx b/src/components/basic/ViewSelector/ViewSelector.stories.tsx index 9b89bcd4..0079f083 100644 --- a/src/components/basic/ViewSelector/ViewSelector.stories.tsx +++ b/src/components/basic/ViewSelector/ViewSelector.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 { ViewSelector as Component, type View } from '.' export default { @@ -28,7 +28,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/content/Cards/AboutCard.stories.tsx b/src/components/content/Cards/AboutCard.stories.tsx index 57745774..24f97e04 100644 --- a/src/components/content/Cards/AboutCard.stories.tsx +++ b/src/components/content/Cards/AboutCard.stories.tsx @@ -17,7 +17,7 @@ * SPDX-License-Identifier: Apache-2.0 ********************************************************************************/ -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { AboutCard as Component } from './AboutCard' @@ -27,7 +27,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/content/Cards/CardDecision.stories.tsx b/src/components/content/Cards/CardDecision.stories.tsx index 27957d4d..ef0d14d1 100644 --- a/src/components/content/Cards/CardDecision.stories.tsx +++ b/src/components/content/Cards/CardDecision.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 { StatusVariants } from './CardChip' import { CardDecision as Component } from './CardDecision' @@ -30,7 +30,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/content/Cards/CardHorizontal.stories.tsx b/src/components/content/Cards/CardHorizontal.stories.tsx index 520505b3..ce351a7e 100644 --- a/src/components/content/Cards/CardHorizontal.stories.tsx +++ b/src/components/content/Cards/CardHorizontal.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 { StatusVariants } from './CardChip' import { CardHorizontal as Component } from './CardHorizontal' @@ -30,7 +30,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/content/Cards/ContentCard.stories.tsx b/src/components/content/Cards/ContentCard.stories.tsx index 206f7087..04eeeb4c 100644 --- a/src/components/content/Cards/ContentCard.stories.tsx +++ b/src/components/content/Cards/ContentCard.stories.tsx @@ -17,7 +17,7 @@ * SPDX-License-Identifier: Apache-2.0 ********************************************************************************/ -import { type ComponentStory } from '@storybook/react' +import { type StoryFn } from '@storybook/react' import { ContentCard as Component } from './ContentCard' @@ -28,7 +28,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/content/Cards/MarketplaceCard.stories.tsx b/src/components/content/Cards/MarketplaceCard.stories.tsx index a63508f1..fb59f540 100644 --- a/src/components/content/Cards/MarketplaceCard.stories.tsx +++ b/src/components/content/Cards/MarketplaceCard.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 { Cards as Component } from '.' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/content/Navigation/Navigation.stories.tsx b/src/components/content/Navigation/Navigation.stories.tsx index 845df85d..66339774 100644 --- a/src/components/content/Navigation/Navigation.stories.tsx +++ b/src/components/content/Navigation/Navigation.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 { Navigation as Component } from '.' @@ -29,7 +29,7 @@ export default { argTypes: {}, } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => diff --git a/src/components/content/UserMenu/UserMenu.stories.tsx b/src/components/content/UserMenu/UserMenu.stories.tsx index 35cd7900..353d863e 100644 --- a/src/components/content/UserMenu/UserMenu.stories.tsx +++ b/src/components/content/UserMenu/UserMenu.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 { UserMenu as Component } from '.' import { LanguageSwitch } from '../../basic/LanguageSwitch' @@ -30,7 +30,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => ( diff --git a/src/components/content/UserNav/UserNav.stories.tsx b/src/components/content/UserNav/UserNav.stories.tsx index 2776fa5e..c5411ed3 100644 --- a/src/components/content/UserNav/UserNav.stories.tsx +++ b/src/components/content/UserNav/UserNav.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 { UserNav as Component } from '.' @@ -28,7 +28,7 @@ export default { tags: ['autodocs'], } -const Template: ComponentStory = ( +const Template: StoryFn = ( args: React.ComponentProps ) => From c91bf1de52c2ce6d1d33147897925f2b90147132 Mon Sep 17 00:00:00 2001 From: charmi-v Date: Fri, 13 Sep 2024 17:18:00 +0530 Subject: [PATCH 2/3] fix: pr check issue --- CHANGELOG.md | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 3f6ace95..7089ff76 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,13 +2,12 @@ ## [3.5.1](https://github.com/eclipse-tractusx/portal-shared-components/compare/v3.5.0...v3.5.1) (2024-09-05) - ### Bug Fixes -* **chor:** pretty ([b8c5264](https://github.com/eclipse-tractusx/portal-shared-components/commit/b8c5264ec5d442bd8d06459b7347e5591c1d8c7b)) -* **chor:** update version number ([3f03f0e](https://github.com/eclipse-tractusx/portal-shared-components/commit/3f03f0e8a01dcce597e6916fd8c882f630d5a490)) -* **table:** add new props to support multiple buttons in table component ([e0e7271](https://github.com/eclipse-tractusx/portal-shared-components/commit/e0e72713bc00523dcb11e0810c97ab702c6b87af)) -* **table:** support buttons props ([9ea1295](https://github.com/eclipse-tractusx/portal-shared-components/commit/9ea12951b17a737332b25018e10d78517cba499f)) +- **chor:** pretty ([b8c5264](https://github.com/eclipse-tractusx/portal-shared-components/commit/b8c5264ec5d442bd8d06459b7347e5591c1d8c7b)) +- **chor:** update version number ([3f03f0e](https://github.com/eclipse-tractusx/portal-shared-components/commit/3f03f0e8a01dcce597e6916fd8c882f630d5a490)) +- **table:** add new props to support multiple buttons in table component ([e0e7271](https://github.com/eclipse-tractusx/portal-shared-components/commit/e0e72713bc00523dcb11e0810c97ab702c6b87af)) +- **table:** support buttons props ([9ea1295](https://github.com/eclipse-tractusx/portal-shared-components/commit/9ea12951b17a737332b25018e10d78517cba499f)) ## [3.5.0](https://github.com/eclipse-tractusx/portal-shared-components/compare/v3.4.0...v3.5.0) (2024-09-03) From 557061ba394eeeea0c3b323777ce5a1c898aa620 Mon Sep 17 00:00:00 2001 From: charmi-v Date: Fri, 13 Sep 2024 17:40:02 +0530 Subject: [PATCH 3/3] fix: linting --- src/components/basic/Alert/Alert.stories.tsx | 1 - src/components/basic/BaseImage/BaseImage.stories.tsx | 1 - src/components/basic/Breadcrumb/Breadcrumb.stories.tsx | 1 - src/components/basic/Button/BackButton.stories.tsx | 1 - src/components/basic/Button/LoadMoreButton.stories.tsx | 1 - 5 files changed, 5 deletions(-) diff --git a/src/components/basic/Alert/Alert.stories.tsx b/src/components/basic/Alert/Alert.stories.tsx index 22bd3bff..cadd1de1 100644 --- a/src/components/basic/Alert/Alert.stories.tsx +++ b/src/components/basic/Alert/Alert.stories.tsx @@ -19,7 +19,6 @@ ********************************************************************************/ import { type StoryFn } from '@storybook/react' - import { Alert as Component } from '.' export default { diff --git a/src/components/basic/BaseImage/BaseImage.stories.tsx b/src/components/basic/BaseImage/BaseImage.stories.tsx index f6131acf..abe04ce6 100644 --- a/src/components/basic/BaseImage/BaseImage.stories.tsx +++ b/src/components/basic/BaseImage/BaseImage.stories.tsx @@ -19,7 +19,6 @@ ********************************************************************************/ import { type StoryFn } from '@storybook/react' - import { BaseImage as Component } from '.' export default { diff --git a/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx b/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx index c0688c51..9d6f8765 100644 --- a/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx +++ b/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx @@ -20,7 +20,6 @@ import { Link, Typography } from '@mui/material' import { type StoryFn } from '@storybook/react' - import { Breadcrumb as Component } from '.' export default { diff --git a/src/components/basic/Button/BackButton.stories.tsx b/src/components/basic/Button/BackButton.stories.tsx index 4f1bf564..48b07f96 100644 --- a/src/components/basic/Button/BackButton.stories.tsx +++ b/src/components/basic/Button/BackButton.stories.tsx @@ -19,7 +19,6 @@ ********************************************************************************/ import { type StoryFn } from '@storybook/react' - import { BackButton as Component } from './BackButton' export default { diff --git a/src/components/basic/Button/LoadMoreButton.stories.tsx b/src/components/basic/Button/LoadMoreButton.stories.tsx index 8e07feea..73b0769b 100644 --- a/src/components/basic/Button/LoadMoreButton.stories.tsx +++ b/src/components/basic/Button/LoadMoreButton.stories.tsx @@ -19,7 +19,6 @@ ********************************************************************************/ import { type StoryFn } from '@storybook/react' - import { LoadMoreButton as Component } from './LoadMoreButton' export default {