Replace deprecated uses of ComponentMeta and ComponentStory

koesie10 · koesie10 · commit b830781e4862 · 2023-07-18T15:29:11.000+02:00
diff --git a/extensions/ql-vscode/src/stories/common/Alert.stories.tsx b/extensions/ql-vscode/src/stories/common/Alert.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 import { VSCodeButton, VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 
 import { VariantAnalysisContainer } from "../../view/variant-analysis/VariantAnalysisContainer";
@@ -16,9 +16,9 @@ export default {
       </VariantAnalysisContainer>
     ),
   ],
-} as ComponentMeta<typeof Alert>;
+} as Meta<typeof Alert>;
 
-const Template: ComponentStory<typeof Alert> = (args) => <Alert {...args} />;
+const Template: StoryFn<typeof Alert> = (args) => <Alert {...args} />;
 
 export const Warning = Template.bind({});
 Warning.args = {
diff --git a/extensions/ql-vscode/src/stories/common/CodePaths.stories.tsx b/extensions/ql-vscode/src/stories/common/CodePaths.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { CodePaths } from "../../view/common";
 import type { CodeFlow } from "../../variant-analysis/shared/analysis-result";
@@ -9,11 +9,9 @@ export default {
   title: "Code Paths",
   component: CodePaths,
   decorators: [(Story) => <Story />],
-} as ComponentMeta<typeof CodePaths>;
+} as Meta<typeof CodePaths>;
 
-const Template: ComponentStory<typeof CodePaths> = (args) => (
-  <CodePaths {...args} />
-);
+const Template: StoryFn<typeof CodePaths> = (args) => <CodePaths {...args} />;
 
 export const PowerShell = Template.bind({});
 
diff --git a/extensions/ql-vscode/src/stories/common/FileCodeSnippet.stories.tsx b/extensions/ql-vscode/src/stories/common/FileCodeSnippet.stories.tsx
@@ -1,15 +1,15 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { FileCodeSnippet } from "../../view/common";
 
 export default {
   title: "File Code Snippet",
   component: FileCodeSnippet,
-} as ComponentMeta<typeof FileCodeSnippet>;
+} as Meta<typeof FileCodeSnippet>;
 
-const Template: ComponentStory<typeof FileCodeSnippet> = (args) => (
+const Template: StoryFn<typeof FileCodeSnippet> = (args) => (
   <FileCodeSnippet {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/common/LastUpdated.stories.tsx b/extensions/ql-vscode/src/stories/common/LastUpdated.stories.tsx
@@ -1,15 +1,15 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { LastUpdated as LastUpdatedComponent } from "../../view/common/LastUpdated";
 
 export default {
   title: "Last Updated",
   component: LastUpdatedComponent,
-} as ComponentMeta<typeof LastUpdatedComponent>;
+} as Meta<typeof LastUpdatedComponent>;
 
-const Template: ComponentStory<typeof LastUpdatedComponent> = (args) => (
+const Template: StoryFn<typeof LastUpdatedComponent> = (args) => (
   <LastUpdatedComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/common/StarCount.stories.tsx b/extensions/ql-vscode/src/stories/common/StarCount.stories.tsx
@@ -1,15 +1,15 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import StarCountComponent from "../../view/common/StarCount";
 
 export default {
   title: "Star Count",
   component: StarCountComponent,
-} as ComponentMeta<typeof StarCountComponent>;
+} as Meta<typeof StarCountComponent>;
 
-const Template: ComponentStory<typeof StarCountComponent> = (args) => (
+const Template: StoryFn<typeof StarCountComponent> = (args) => (
   <StarCountComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/common/TextButton.stories.tsx b/extensions/ql-vscode/src/stories/common/TextButton.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import TextButtonComponent from "../../view/common/TextButton";
 
@@ -15,9 +15,9 @@ export default {
       },
     },
   },
-} as ComponentMeta<typeof TextButtonComponent>;
+} as Meta<typeof TextButtonComponent>;
 
-const Template: ComponentStory<typeof TextButtonComponent> = (args) => (
+const Template: StoryFn<typeof TextButtonComponent> = (args) => (
   <TextButtonComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/common/icon/Codicon.stories.tsx b/extensions/ql-vscode/src/stories/common/icon/Codicon.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { Codicon as CodiconComponent } from "../../../view/common";
 
@@ -17,9 +17,9 @@ export default {
       options: icons,
     },
   },
-} as ComponentMeta<typeof CodiconComponent>;
+} as Meta<typeof CodiconComponent>;
 
-const Template: ComponentStory<typeof CodiconComponent> = (args) => (
+const Template: StoryFn<typeof CodiconComponent> = (args) => (
   <CodiconComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/common/icon/ErrorIcon.stories.tsx b/extensions/ql-vscode/src/stories/common/icon/ErrorIcon.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import {
   CodePaths,
@@ -10,9 +10,9 @@ import {
 export default {
   title: "Icon/Error Icon",
   component: ErrorIconComponent,
-} as ComponentMeta<typeof CodePaths>;
+} as Meta<typeof CodePaths>;
 
-const Template: ComponentStory<typeof ErrorIconComponent> = (args) => (
+const Template: StoryFn<typeof ErrorIconComponent> = (args) => (
   <ErrorIconComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/common/icon/SuccessIcon.stories.tsx b/extensions/ql-vscode/src/stories/common/icon/SuccessIcon.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import {
   CodePaths,
@@ -10,9 +10,9 @@ import {
 export default {
   title: "Icon/Success Icon",
   component: SuccessIconComponent,
-} as ComponentMeta<typeof CodePaths>;
+} as Meta<typeof CodePaths>;
 
-const Template: ComponentStory<typeof SuccessIconComponent> = (args) => (
+const Template: StoryFn<typeof SuccessIconComponent> = (args) => (
   <SuccessIconComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/common/icon/WarningIcon.stories.tsx b/extensions/ql-vscode/src/stories/common/icon/WarningIcon.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import {
   CodePaths,
@@ -10,9 +10,9 @@ import {
 export default {
   title: "Icon/Warning Icon",
   component: WarningIconComponent,
-} as ComponentMeta<typeof CodePaths>;
+} as Meta<typeof CodePaths>;
 
-const Template: ComponentStory<typeof WarningIconComponent> = (args) => (
+const Template: StoryFn<typeof WarningIconComponent> = (args) => (
   <WarningIconComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/data-extensions-editor/DataExtensionsEditor.stories.tsx b/extensions/ql-vscode/src/stories/data-extensions-editor/DataExtensionsEditor.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { Mode } from "../../data-extensions-editor/shared/mode";
 import { DataExtensionsEditor as DataExtensionsEditorComponent } from "../../view/data-extensions-editor/DataExtensionsEditor";
@@ -9,11 +9,11 @@ import { CallClassification } from "../../data-extensions-editor/external-api-us
 export default {
   title: "Data Extensions Editor/Data Extensions Editor",
   component: DataExtensionsEditorComponent,
-} as ComponentMeta<typeof DataExtensionsEditorComponent>;
+} as Meta<typeof DataExtensionsEditorComponent>;
 
-const Template: ComponentStory<typeof DataExtensionsEditorComponent> = (
-  args,
-) => <DataExtensionsEditorComponent {...args} />;
+const Template: StoryFn<typeof DataExtensionsEditorComponent> = (args) => (
+  <DataExtensionsEditorComponent {...args} />
+);
 
 export const DataExtensionsEditor = Template.bind({});
 DataExtensionsEditor.args = {
diff --git a/extensions/ql-vscode/src/stories/data-extensions-editor/MethodRow.stories.tsx b/extensions/ql-vscode/src/stories/data-extensions-editor/MethodRow.stories.tsx
@@ -1,16 +1,16 @@
 import * as React from "react";
 
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { MethodRow as MethodRowComponent } from "../../view/data-extensions-editor/MethodRow";
 import { CallClassification } from "../../data-extensions-editor/external-api-usage";
 
 export default {
   title: "Data Extensions Editor/Method Row",
   component: MethodRowComponent,
-} as ComponentMeta<typeof MethodRowComponent>;
+} as Meta<typeof MethodRowComponent>;
 
-const Template: ComponentStory<typeof MethodRowComponent> = (args) => (
+const Template: StoryFn<typeof MethodRowComponent> = (args) => (
   <MethodRowComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/data-flow-paths/DataFlowPaths.stories.tsx b/extensions/ql-vscode/src/stories/data-flow-paths/DataFlowPaths.stories.tsx
@@ -1,15 +1,15 @@
 import * as React from "react";
 
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { DataFlowPaths as DataFlowPathsComponent } from "../../view/data-flow-paths/DataFlowPaths";
 import { createMockDataFlowPaths } from "../../../test/factories/variant-analysis/shared/data-flow-paths";
 export default {
   title: "Data Flow Paths/Data Flow Paths",
   component: DataFlowPathsComponent,
-} as ComponentMeta<typeof DataFlowPathsComponent>;
+} as Meta<typeof DataFlowPathsComponent>;
 
-const Template: ComponentStory<typeof DataFlowPathsComponent> = (args) => (
+const Template: StoryFn<typeof DataFlowPathsComponent> = (args) => (
   <DataFlowPathsComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/AnalysisAlertResult.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/AnalysisAlertResult.stories.tsx
@@ -1,16 +1,16 @@
 import * as React from "react";
 
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import AnalysisAlertResult from "../../view/variant-analysis/AnalysisAlertResult";
 import type { AnalysisAlert } from "../../variant-analysis/shared/analysis-result";
 
 export default {
   title: "Variant Analysis/Analysis Alert Result",
   component: AnalysisAlertResult,
-} as ComponentMeta<typeof AnalysisAlertResult>;
+} as Meta<typeof AnalysisAlertResult>;
 
-const Template: ComponentStory<typeof AnalysisAlertResult> = (args) => (
+const Template: StoryFn<typeof AnalysisAlertResult> = (args) => (
   <AnalysisAlertResult {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/FailureReasonAlert.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/FailureReasonAlert.stories.tsx
@@ -1,15 +1,15 @@
 import * as React from "react";
 
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 import { VariantAnalysisFailureReason } from "../../variant-analysis/shared/variant-analysis";
 import { FailureReasonAlert } from "../../view/variant-analysis/FailureReasonAlert";
 
 export default {
   title: "Variant Analysis/Failure reason alert",
   component: FailureReasonAlert,
-} as ComponentMeta<typeof FailureReasonAlert>;
+} as Meta<typeof FailureReasonAlert>;
 
-const Template: ComponentStory<typeof FailureReasonAlert> = (args) => (
+const Template: StoryFn<typeof FailureReasonAlert> = (args) => (
   <FailureReasonAlert {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/QueryDetails.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/QueryDetails.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { VariantAnalysisContainer } from "../../view/variant-analysis/VariantAnalysisContainer";
 import { QueryDetails as QueryDetailsComponent } from "../../view/variant-analysis/QueryDetails";
@@ -29,9 +29,9 @@ export default {
       },
     },
   },
-} as ComponentMeta<typeof QueryDetailsComponent>;
+} as Meta<typeof QueryDetailsComponent>;
 
-const Template: ComponentStory<typeof QueryDetailsComponent> = (args) => (
+const Template: StoryFn<typeof QueryDetailsComponent> = (args) => (
   <QueryDetailsComponent {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/RepoRow.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/RepoRow.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { VariantAnalysisContainer } from "../../view/variant-analysis/VariantAnalysisContainer";
 import {
@@ -27,9 +27,9 @@ export default {
       </VariantAnalysisContainer>
     ),
   ],
-} as ComponentMeta<typeof RepoRow>;
+} as Meta<typeof RepoRow>;
 
-const Template: ComponentStory<typeof RepoRow> = (args: RepoRowProps) => (
+const Template: StoryFn<typeof RepoRow> = (args: RepoRowProps) => (
   <RepoRow {...args} />
 );
 
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/RepositoriesFilter.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/RepositoriesFilter.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useState } from "react";
 
-import { ComponentMeta } from "@storybook/react";
+import { Meta } from "@storybook/react";
 
 import { RepositoriesFilter as RepositoriesFilterComponent } from "../../view/variant-analysis/RepositoriesFilter";
 import { FilterKey } from "../../variant-analysis/shared/variant-analysis-filter-sort";
@@ -16,7 +16,7 @@ export default {
       },
     },
   },
-} as ComponentMeta<typeof RepositoriesFilterComponent>;
+} as Meta<typeof RepositoriesFilterComponent>;
 
 export const RepositoriesFilter = () => {
   const [value, setValue] = useState(FilterKey.All);
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/RepositoriesSearch.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/RepositoriesSearch.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useState } from "react";
 
-import { ComponentMeta } from "@storybook/react";
+import { Meta } from "@storybook/react";
 
 import { RepositoriesSearch as RepositoriesSearchComponent } from "../../view/variant-analysis/RepositoriesSearch";
 
@@ -15,7 +15,7 @@ export default {
       },
     },
   },
-} as ComponentMeta<typeof RepositoriesSearchComponent>;
+} as Meta<typeof RepositoriesSearchComponent>;
 
 export const RepositoriesSearch = () => {
   const [value, setValue] = useState("");
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/RepositoriesSearchSortRow.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/RepositoriesSearchSortRow.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useState } from "react";
 
-import { ComponentMeta } from "@storybook/react";
+import { Meta } from "@storybook/react";
 
 import { RepositoriesSearchSortRow as RepositoriesSearchSortRowComponent } from "../../view/variant-analysis/RepositoriesSearchSortRow";
 import { defaultFilterSortState } from "../../variant-analysis/shared/variant-analysis-filter-sort";
@@ -16,7 +16,7 @@ export default {
       },
     },
   },
-} as ComponentMeta<typeof RepositoriesSearchSortRowComponent>;
+} as Meta<typeof RepositoriesSearchSortRowComponent>;
 
 export const RepositoriesSearchSortRow = () => {
   const [value, setValue] = useState(defaultFilterSortState);
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/RepositoriesSort.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/RepositoriesSort.stories.tsx
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysis.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysis.stories.tsx
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisActions.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisActions.stories.tsx
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisAnalyzedRepos.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisAnalyzedRepos.stories.tsx
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisHeader.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisHeader.stories.tsx
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisLoading.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisLoading.stories.tsx
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisOutcomePanels.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisOutcomePanels.stories.tsx
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisSkippedRepositoriesTab.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisSkippedRepositoriesTab.stories.tsx
diff --git a/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisStats.stories.tsx b/extensions/ql-vscode/src/stories/variant-analysis/VariantAnalysisStats.stories.tsx
