Update storybook setup for portability

stories/account/PageStory.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import type { KcContext } from "./KcContext";
 import KcApp from "./KcApp";
 import type { DeepPartial } from "../../dist/tools/DeepPartial";
-import { createGetKcContextMock } from "../../dist/account";
+import { createGetKcContextMock } from "../../dist/account/KcContext";
 import type { KcContextExtraProperties, KcContextExtraPropertiesPerPage } from "./KcContext";
 
 const kcContextExtraProperties: KcContextExtraProperties = {};
@@ -33,12 +33,3 @@ export function createPageStory<PageId extends KcContext["pageId"]>(params: { pa
 
     return { PageStory };
 }
-
-export const parameters = {
-    viewMode: "story",
-    previewTabs: {
-        "storybook/docs/panel": {
-            hidden: true
-        }
-    }
-};

stories/account/pages/Account.stories.tsx

@@ -1,15 +1,12 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import { createPageStory, parameters } from "../PageStory";
+import { createPageStory } from "../PageStory";
 
-const pageId = "account.ftl";
-
-const { PageStory } = createPageStory({ pageId });
+const { PageStory } = createPageStory({ pageId: "account.ftl" });
 
 const meta = {
-    title: `account/${pageId}`,
-    component: PageStory,
-    parameters
+    title: "account/account.ftl",
+    component: PageStory
 } satisfies Meta<typeof PageStory>;
 
 export default meta;

stories/account/pages/FederatedIdentity.stories.tsx

@@ -1,15 +1,12 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import { createPageStory, parameters } from "../PageStory";
+import { createPageStory } from "../PageStory";
 
-const pageId = "federatedIdentity.ftl";
-
-const { PageStory } = createPageStory({ pageId });
+const { PageStory } = createPageStory({ pageId: "federatedIdentity.ftl" });
 
 const meta = {
-    title: `account/${pageId}`,
-    component: PageStory,
-    parameters
+    title: "account/federatedIdentity.ftl",
+    component: PageStory
 } satisfies Meta<typeof PageStory>;
 
 export default meta;

stories/account/pages/Log.stories.tsx

@@ -1,15 +1,13 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import { createPageStory, parameters } from "../PageStory";
-
-const pageId = "log.ftl";
+import { createPageStory } from "../PageStory";
 
 const { PageStory } = createPageStory({
-    pageId
+    pageId: "log.ftl"
 });
 
 const meta = {
-    title: `account/${pageId}`,
+    title: "account/log.ftl",
     component: PageStory
 } satisfies Meta<typeof PageStory>;
 

stories/account/pages/Pasword.stories.tsx

@@ -1,15 +1,12 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import { createPageStory, parameters } from "../PageStory";
+import { createPageStory } from "../PageStory";
 
-const pageId = "password.ftl";
-
-const { PageStory } = createPageStory({ pageId });
+const { PageStory } = createPageStory({ pageId: "password.ftl" });
 
 const meta = {
-    title: `account/${pageId}`,
-    component: PageStory,
-    parameters
+    title: "account/password.ftl",
+    component: PageStory
 } satisfies Meta<typeof PageStory>;
 
 export default meta;

stories/account/pages/Sessions.stories.tsx

@@ -1,15 +1,12 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import { createPageStory, parameters } from "../PageStory";
+import { createPageStory } from "../PageStory";
 
-const pageId = "sessions.ftl";
-
-const { PageStory } = createPageStory({ pageId });
+const { PageStory } = createPageStory({ pageId: "sessions.ftl" });
 
 const meta = {
-    title: `account/${pageId}`,
-    component: PageStory,
-    parameters
+    title: "account/sessions.ftl",
+    component: PageStory
 } satisfies Meta<typeof PageStory>;
 
 export default meta;

stories/account/pages/Totp.stories.tsx

@@ -1,17 +1,12 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import { createPageStory, parameters } from "../PageStory";
+import { createPageStory } from "../PageStory";
 
-const pageId = "totp.ftl";
-
-const { PageStory } = createPageStory({
-    pageId
-});
+const { PageStory } = createPageStory({ pageId: "totp.ftl" });
 
 const meta = {
-    title: `account/${pageId}`,
-    component: PageStory,
-    parameters
+    title: "account/totp.ftl",
+    component: PageStory
 } satisfies Meta<typeof PageStory>;
 
 export default meta;