chore: update types in stories

src/components/ActionsPanel/__stories__/ActionsPanel.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Meta, Story} from '@storybook/react';
+import {Meta, StoryFn} from '@storybook/react';
 
 import {ActionsPanel, ActionsPanelProps} from '../../ActionsPanel';
 
@@ -11,7 +11,7 @@ export default {
     component: ActionsPanel,
 } as Meta;
 
-const WithIconsTemplate: Story<ActionsPanelProps> = (args) => {
+const WithIconsTemplate: StoryFn<ActionsPanelProps> = (args) => {
     return (
         <ActionsPanel
             {...args}
@@ -22,7 +22,7 @@ const WithIconsTemplate: Story<ActionsPanelProps> = (args) => {
 };
 export const WithIcons = WithIconsTemplate.bind({});
 
-const WithNoteTemplate: Story<ActionsPanelProps> = (args) => {
+const WithNoteTemplate: StoryFn<ActionsPanelProps> = (args) => {
     return (
         <ActionsPanel
             {...args}
@@ -34,12 +34,12 @@ const WithNoteTemplate: Story<ActionsPanelProps> = (args) => {
 };
 export const WithNote = WithNoteTemplate.bind({});
 
-const GroupsTemplate: Story<ActionsPanelProps> = (args) => {
+const GroupsTemplate: StoryFn<ActionsPanelProps> = (args) => {
     return <ActionsPanel {...args} actions={actionsGroups} />;
 };
 export const Groups = GroupsTemplate.bind({});
 
-const SubmenuTemplate: Story<ActionsPanelProps> = (args) => {
+const SubmenuTemplate: StoryFn<ActionsPanelProps> = (args) => {
     return <ActionsPanel {...args} actions={actionsSubmenu} />;
 };
 export const Submenu = SubmenuTemplate.bind({});

src/components/AdaptiveTabs/__stories__/AdaptiveTabs.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Meta, Story} from '@storybook/react';
+import {Meta, StoryFn} from '@storybook/react';
 
 import {AdaptiveTabs, AdaptiveTabsProps} from '../AdaptiveTabs';
 
@@ -17,7 +17,7 @@ export default {
         },
     },
 } as Meta;
-const Template: Story<{size: 'm' | 'l' | 'xl'} & AdaptiveTabs<{}>> = (args) => {
+const Template: StoryFn<{size: 'm' | 'l' | 'xl'} & AdaptiveTabs<{}>> = (args) => {
     const [activeTab, setActiveTab] = React.useState('active');
     const items: AdaptiveTabsProps<{}>['items'] = React.useMemo(
         () => [
@@ -59,7 +59,7 @@ const Template: Story<{size: 'm' | 'l' | 'xl'} & AdaptiveTabs<{}>> = (args) => {
 };
 export const Default = Template.bind({});
 
-const WrapTemplate: Story<AdaptiveTabsProps<{}>> = (args) => {
+const WrapTemplate: StoryFn<AdaptiveTabsProps<{}>> = (args) => {
     const [activeTab, setActiveTab] = React.useState('active');
     const items: AdaptiveTabsProps<{}>['items'] = React.useMemo(
         () => [
@@ -109,7 +109,7 @@ const WrapTemplate: Story<AdaptiveTabsProps<{}>> = (args) => {
 };
 export const Wrap = WrapTemplate.bind({});
 
-const CustomTabTemplate: Story<AdaptiveTabsProps<{}>> = (args) => {
+const CustomTabTemplate: StoryFn<AdaptiveTabsProps<{}>> = (args) => {
     const [activeTab, setActiveTab] = React.useState('active');
     return (
         <div style={{resize: 'horizontal', overflow: 'auto'}}>

src/components/InfiniteScroll/__stories__/InfiniteScroll.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import type {Meta, Story} from '@storybook/react';
+import type {Meta, StoryFn} from '@storybook/react';
 
 import {InfiniteScroll} from '../InfiniteScroll';
 
@@ -11,5 +11,5 @@ export default {
     component: InfiniteScroll,
 } as Meta;
 
-export const Playground: Story = () => <InfiniteScrollShowcase />;
+export const Playground: StoryFn = () => <InfiniteScrollShowcase />;
 Playground.storyName = 'InfiniteScroll';

src/components/ItemSelector/__stories__/ItemSelector.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import {useArgs} from '@storybook/manager-api';
-import {Meta, Story} from '@storybook/react';
+import {Meta, StoryFn} from '@storybook/react';
 
 import {ItemSelector, ItemSelectorProps} from '../ItemSelector';
 
@@ -56,7 +56,7 @@ export default {
     },
 } as Meta;
 
-const DefaultTemplate: Story<ItemSelectorProps<{name: string; type: string}>> = (args) => {
+const DefaultTemplate: StoryFn<ItemSelectorProps<{name: string; type: string}>> = (args) => {
     const [, setStoryArgs] = useArgs();
     return (
         <ItemSelector

src/components/OnboardingMenu/__stories__/OnboardingMenu.stories.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import {GraduationCap} from '@gravity-ui/icons';
 import {Button} from '@gravity-ui/uikit';
 import {actions} from '@storybook/addon-actions';
-import type {Meta, Story} from '@storybook/react';
+import type {Meta, StoryFn} from '@storybook/react';
 
 import type {OnboardingMenuProps} from '../OnboardingMenu';
 import {OnboardingMenu} from '../OnboardingMenu';
@@ -16,7 +16,7 @@ export default {
 const actionsButtonHandlers = () => actions('onClick').onClick('Click on the button');
 const actionsButtonComplete = () => actions('onClick').onClick('Click on the end button');
 
-const DefaultTemplate: Story<OnboardingMenuProps> = (args) => {
+const DefaultTemplate: StoryFn<OnboardingMenuProps> = (args) => {
     const [expanded, setExpanded] = React.useState(false);
 
     const actionsOnboardingMenuHandlers = (expanded: boolean) => {

src/components/PlaceholderContainer/__stories__/PlaceholderContainer.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Meta, Story} from '@storybook/react';
+import {Meta, StoryFn} from '@storybook/react';
 
 import {PlaceholderContainer} from '../PlaceholderContainer';
 
@@ -11,5 +11,5 @@ export default {
     component: PlaceholderContainer,
 } as Meta;
 
-const ShowcaseTemplate: Story = () => <PlaceholderContainerShowcase />;
+const ShowcaseTemplate: StoryFn = () => <PlaceholderContainerShowcase />;
 export const Showcase = ShowcaseTemplate.bind({});

src/components/SharePopover/__stories__/SharePopover.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import type {ComponentMeta, ComponentStory} from '@storybook/react';
+import type {Meta, StoryFn} from '@storybook/react';
 
 import {SharePopover, sharePopoverDefaultProps} from '../SharePopover';
 
@@ -18,12 +18,12 @@ export default {
         },
     },
     args: {...sharePopoverDefaultProps},
-} as ComponentMeta<typeof SharePopover>;
+} as Meta<typeof SharePopover>;
 
-const DefaultTemplate: ComponentStory<typeof SharePopover> = (args) => <SharePopover {...args} />;
+const DefaultTemplate: StoryFn<typeof SharePopover> = (args) => <SharePopover {...args} />;
 export const Default = DefaultTemplate.bind({});
 
-const ShowcaseTemplate: ComponentStory<typeof SharePopover & typeof SharePopoverDemo> = () => (
+const ShowcaseTemplate: StoryFn<typeof SharePopover & typeof SharePopoverDemo> = () => (
     <SharePopoverDemo />
 );
 export const Showcase = ShowcaseTemplate.bind({});

src/components/StoreBadge/__stories__/StoreBadge.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import {Platform} from '@gravity-ui/uikit';
-import {Meta, Story} from '@storybook/react';
+import {Meta, StoryFn} from '@storybook/react';
 
 import {StoreBadge, StoreBadgeProps} from '../StoreBadge';
 
@@ -13,11 +13,11 @@ export default {
     },
 } as Meta;
 
-const Template: Story<StoreBadgeProps> = (args) => <StoreBadge {...args} />;
+const Template: StoryFn<StoreBadgeProps> = (args) => <StoreBadge {...args} />;
 
 export const Default = Template.bind({});
 
-const WithHrefTemplate: Story<StoreBadgeProps> = (args) => (
+const WithHrefTemplate: StoryFn<StoreBadgeProps> = (args) => (
     <StoreBadge {...args} href="https://github.com/gravity-ui/uikit" />
 );