Replaces deprecated <Meta /> with object export

MuckRock · Nov 29, 2023 · 702a2d2 · 702a2d2
1 parent 0177cff
commit 702a2d2
Show file tree

Hide file tree

Showing 35 changed files with 289 additions and 292 deletions.
diff --git a/src/addons/browser/stories/AddOnList.stories.svelte b/src/addons/browser/stories/AddOnList.stories.svelte
@@ -1,5 +1,5 @@
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import defaultAddons from "../../fixtures/addons.json";
   import AddOnList from "../AddOnList.svelte";
@@ -9,13 +9,13 @@
     loading: false,
     error: null,
   };
-</script>
 
-<Meta
-  title="Add-Ons / Browser / Components / List"
-  component={AddOnList}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Browser / Components / List",
+    component: AddOnList,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <AddOnList {...args} />

diff --git a/src/addons/browser/stories/Browser.stories.svelte b/src/addons/browser/stories/Browser.stories.svelte
@@ -1,6 +1,6 @@
-<script>
+<script lang="ts" context="module">
   import { rest } from "msw";
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import Browser from "../Browser.svelte";
   import listFixture from "../../fixtures/addon-list.json";
@@ -22,14 +22,14 @@
   const empty = rest.get(mockUrl, (req, res, ctx) =>
     res(ctx.json({ next: null, previous: null, results: [] })),
   );
-</script>
 
-<Meta
-  title="Add-Ons / Browser"
-  tags={["autodocs"]}
-  parameters={{ layout: "fullscreen" }}
-  component={Browser}
-/>
+  export const meta = {
+    title: "Add-Ons / Browser",
+    tags: ["autodocs"],
+    parameters: { layout: "fullscreen" },
+    component: Browser,
+  };
+</script>
 
 <Template let:args>
   <Browser {...args} />

diff --git a/src/addons/browser/stories/Filters.stories.svelte b/src/addons/browser/stories/Filters.stories.svelte
@@ -1,17 +1,17 @@
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import Filters from "../Filters.svelte";
 
   const args = {};
-</script>
 
-<Meta
-  title="Add-Ons / Browser / Components / Filters"
-  tags={["autodocs"]}
-  parameters={{ layout: "centered" }}
-  component={Filters}
-/>
+  export const meta = {
+    title: "Add-Ons / Browser / Components / Filters",
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+    component: Filters,
+  };
+</script>
 
 <Template let:args>
   <Filters {...args} />

diff --git a/src/addons/dispatch/fields/stories/ArrayField.stories.svelte b/src/addons/dispatch/fields/stories/ArrayField.stories.svelte
@@ -1,5 +1,5 @@
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import ArrayField from "../ArrayField.svelte";
 
@@ -8,13 +8,13 @@
     title: "Array Field",
     description: "An array of items",
   };
-</script>
 
-<Meta
-  title="Add-Ons / Dispatch / Form / Fields / Array Field"
-  component={ArrayField}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Dispatch / Form / Fields / Array Field",
+    component: ArrayField,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <ArrayField {...args} />

diff --git a/src/addons/dispatch/fields/stories/Checkbox.stories.svelte b/src/addons/dispatch/fields/stories/Checkbox.stories.svelte
@@ -1,5 +1,5 @@
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import Checkbox from "../Checkbox.svelte";
 
@@ -10,13 +10,13 @@
     required: false,
     value: true,
   };
-</script>
 
-<Meta
-  title="Add-Ons / Dispatch / Form / Fields / Checkbox"
-  component={Checkbox}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Dispatch / Form / Fields / Checkbox",
+    component: Checkbox,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <Checkbox {...args} />

diff --git a/src/addons/dispatch/fields/stories/Number.stories.svelte b/src/addons/dispatch/fields/stories/Number.stories.svelte
@@ -1,5 +1,5 @@
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import Number from "../Number.svelte";
 
@@ -13,13 +13,13 @@
     min: "0",
     max: "2",
   };
-</script>
 
-<Meta
-  title="Add-Ons / Dispatch / Form / Fields / Number"
-  component={Number}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Dispatch / Form / Fields / Number",
+    component: Number,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <Number {...args} />

diff --git a/src/addons/dispatch/fields/stories/Text.stories.svelte b/src/addons/dispatch/fields/stories/Text.stories.svelte
@@ -1,5 +1,5 @@
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import Text from "../Text.svelte";
 
@@ -10,13 +10,13 @@
     required: false,
     value: "Lorem ipsum dolor sit amet",
   };
-</script>
 
-<Meta
-  title="Add-Ons / Dispatch / Form / Fields / Text"
-  component={Number}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Dispatch / Form / Fields / Text",
+    component: Number,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <Text {...args} />

diff --git a/src/addons/dispatch/stories/Dispatch.stories.svelte b/src/addons/dispatch/stories/Dispatch.stories.svelte
@@ -1,6 +1,6 @@
-<script>
+<script lang="ts" context="module">
   import { rest } from "msw";
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import Dispatch from "../Dispatch.svelte";
   import * as addons from "../../fixtures/addons.json";
@@ -48,13 +48,13 @@
     addon: null,
     event: null,
   };
-</script>
 
-<Meta
-  title="Add-Ons / Dispatch"
-  component={Dispatch}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Dispatch",
+    component: Dispatch,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <Dispatch {...args} />

diff --git a/src/addons/dispatch/stories/Premium.stories.svelte b/src/addons/dispatch/stories/Premium.stories.svelte
@@ -1,5 +1,5 @@
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import Premium from "../Premium.svelte";
 
@@ -44,13 +44,13 @@
     username: "lasser.allan",
     verified_journalist: true,
   };
-</script>
 
-<Meta
-  title="Add-Ons / Dispatch / Premium"
-  component={Premium}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Dispatch / Premium",
+    component: Premium,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <Premium {...args} />

diff --git a/src/addons/dispatch/stories/ScheduledInset.stories.svelte b/src/addons/dispatch/stories/ScheduledInset.stories.svelte
@@ -1,16 +1,16 @@
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import ScheduledInset from "../ScheduledInset.svelte";
   import addon from "../../fixtures/addon.json";
   import klaxon from "../../fixtures/klaxon-scheduled.json";
-</script>
 
-<Meta
-  title="Add-Ons / Dispatch / Scheduled Inset"
-  component={ScheduledInset}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Dispatch / Scheduled Inset",
+    component: ScheduledInset,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <ScheduledInset addon={args.addon} events={args.events} open />

diff --git a/src/addons/progress/stories/AddonRun.stories.svelte b/src/addons/progress/stories/AddonRun.stories.svelte
@@ -1,6 +1,6 @@
-<script>
+<script lang="ts" context="module">
   import { rest } from "msw";
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from "@storybook/addon-svelte-csf";
   import run from "../../fixtures/run.json";
   import { baseApiUrl } from "../../../api/base";
   import AddonRun from "../AddonRun.svelte";
@@ -16,9 +16,12 @@
     }),
     rest.delete(mockUpdateUrl, (req, res, ctx) => res(ctx.json({}))),
   ];
-</script>
 
-<Meta title="Add-Ons / Progress / Run" component={AddonRun} />
+  export const meta = {
+    title: "Add-Ons / Progress / Run",
+    component: AddonRun,
+  };
+</script>
 
 <Template let:args>
   <AddonRun {...args} />

diff --git a/src/addons/progress/stories/AddonStatus.stories.svelte b/src/addons/progress/stories/AddonStatus.stories.svelte
@@ -1,6 +1,6 @@
-<script>
+<script lang="ts" context="module">
   import { rest } from "msw";
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from "@storybook/addon-svelte-csf";
   import runList from "../../fixtures/run-list.json";
   import { baseApiUrl } from "../../../api/base";
   import AddonStatus from "../AddonStatus.svelte";
@@ -18,9 +18,12 @@
     }),
     rest.delete(mockUpdateUrl, (req, res, ctx) => res(ctx.json({}))),
   ];
-</script>
 
-<Meta title="Add-Ons / Progress / Status" component={AddonStatus} />
+  export const meta = {
+    title: "Add-Ons / Progress / Status",
+    component: AddonStatus,
+  };
+</script>
 
 <Template let:args>
   <AddonStatus {...args} />

diff --git a/src/addons/runs/stories/History.stories.svelte b/src/addons/runs/stories/History.stories.svelte
@@ -1,4 +1,7 @@
-<script context="module">
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
+  import History from "../History.svelte";
+
   import { rest } from "msw";
   import runListFixture from "../../fixtures/run-list.json";
   import { baseApiUrl } from "../../../api/base";
@@ -21,20 +24,15 @@
     res(ctx.json({ next: null, previous: null, results: [] })),
   );
   export const handlers = { data, loading, error, empty };
-</script>
-
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
-  import History from "../History.svelte";
 
   const args = {};
-</script>
 
-<Meta
-  title="Add-Ons / Runs / History"
-  component={History}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Runs / History",
+    component: History,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <History {...args} />

diff --git a/src/addons/runs/stories/HistoryEvent.stories.svelte b/src/addons/runs/stories/HistoryEvent.stories.svelte
@@ -1,16 +1,16 @@
-<script>
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts" context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
   import run from "../../fixtures/run.json";
   import Event from "../HistoryEvent.svelte";
 
   const args = { run };
-</script>
 
-<Meta
-  title="Add-Ons / Runs / History / Event"
-  component={Event}
-  parameters={{ layout: "centered" }}
-/>
+  export const meta = {
+    title: "Add-Ons / Runs / History / Event",
+    component: Event,
+    parameters: { layout: "centered" },
+  };
+</script>
 
 <Template let:args>
   <Event {...args} />