feat(storybook): progress on many more pages

.storybook/data.ts

@@ -1,27 +0,0 @@
-import { KcContextBase, getKcContext } from "keycloakify/lib/getKcContext";
-import type { DeepPartial } from "keycloakify/lib/tools/DeepPartial";
-import type { ExtendsKcContextBase } from "keycloakify/lib/getKcContext/getKcContextFromWindow";
-import type { KcContextExtension } from "keycloak-theme/kcContext";
-
-
-export const useKcStoryData = (mockData: (
-    { pageId: KcContextBase['pageId'] | KcContextExtension['pageId'] } & DeepPartial<ExtendsKcContextBase<KcContextExtension>>
-)) => {
-    const { kcContext } = getKcContext<KcContextExtension>({ mockPageId: mockData.pageId, mockData: [mockData] })
-    return { kcContext: kcContext as NonNullable<typeof kcContext> }
-}
-
-export const socialProviders = [
-    { loginUrl: 'google', alias: 'google', providerId: 'google', displayName: 'Google' },
-    { loginUrl: 'microsoft', alias: 'microsoft', providerId: 'microsoft', displayName: 'Microsoft' },
-    { loginUrl: 'facebook', alias: 'facebook', providerId: 'facebook', displayName: 'Facebook' },
-    { loginUrl: 'instagram', alias: 'instagram', providerId: 'instagram', displayName: 'Instagram' },
-    { loginUrl: 'twitter', alias: 'twitter', providerId: 'twitter', displayName: 'Twitter' },
-    { loginUrl: 'linkedin', alias: 'linkedin', providerId: 'linkedin', displayName: 'LinkedIn' },
-    { loginUrl: 'stackoverflow', alias: 'stackoverflow', providerId: 'stackoverflow', displayName: 'Stackoverflow' },
-    { loginUrl: 'github', alias: 'github', providerId: 'github', displayName: 'Github' },
-    { loginUrl: 'gitlab', alias: 'gitlab', providerId: 'gitlab', displayName: 'Gitlab' },
-    { loginUrl: 'bitbucket', alias: 'bitbucket', providerId: 'bitbucket', displayName: 'Bitbucket' },
-    { loginUrl: 'paypal', alias: 'paypal', providerId: 'paypal', displayName: 'PayPal' },
-    { loginUrl: 'openshift', alias: 'openshift', providerId: 'openshift', displayName: 'OpenShift' },
-]

.storybook/main.js

@@ -1,18 +1,16 @@
 module.exports = {
-  "stories": [
-    "../src/keycloak-theme/pages/Login.stories.tsx",
-    "../src/keycloak-theme/pages/Register.stories.tsx",
-    "../src/keycloak-theme/pages/MyExtraPage1.stories.tsx",
-    "../src/keycloak-theme/pages/MyExtraPage2.stories.tsx",
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "@storybook/preset-create-react-app"
-  ],
-  "framework": "@storybook/react",
-  "core": {
-    "builder": "@storybook/builder-webpack5"
-  }
+    "stories": [
+        "../src/keycloak-theme/**/*.stories.tsx",
+    ],
+    "addons": [
+        "@storybook/addon-links",
+        "@storybook/addon-essentials",
+        "@storybook/addon-interactions",
+        "@storybook/preset-create-react-app"
+    ],
+    "framework": "@storybook/react",
+    "core": {
+        "builder": "@storybook/builder-webpack5"
+    },
+    "staticDirs": ['../public']
 }

.storybook/preview.js

@@ -1,9 +1,13 @@
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
+    actions: {argTypesRegex: "^on[A-Z].*"},
+    controls: {
+        matchers: {
+            color: /(background|color)$/i,
+            date: /Date$/,
+        },
+    },
+    options: {
+        storySort: (a, b) =>
+            a[1].kind === b[1].kind ? 0 : a[1].id.localeCompare(b[1].id, undefined, {numeric: true}),
     },
-  },
 }