= (args) => (
-
-);
-
-export const Simple = Template.bind({});
-Simple.args = {
- titleKey: "Delete app02?",
- messageKey: "If you delete this client, all associated data will be removed.",
- continueButtonLabel: "Delete",
- continueButtonVariant: ButtonVariant.danger,
-};
-
-export const Children = Template.bind({});
-Children.args = {
- titleKey: "Children as content!",
- continueButtonVariant: ButtonVariant.primary,
- children: (
- <>
-
- Hello World
-
- Example of some other patternfly components.
-
- ),
-};
-
-const Test = () => {
- const [toggle, Dialog] = useConfirmDialog({
- titleKey: "Delete app02?",
- messageKey:
- "If you delete this client, all associated data will be removed.",
- continueButtonLabel: "Delete",
- onConfirm: action("confirm"),
- onCancel: action("cancel"),
- });
- return (
- <>
-
-
-
- );
-};
-
-export const Api = () => ;
diff --git a/src/stories/DataLoader.stories.tsx b/src/stories/DataLoader.stories.tsx
deleted file mode 100644
index 84700dea43..0000000000
--- a/src/stories/DataLoader.stories.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React, { ReactNode } from "react";
-import type { Meta } from "@storybook/react";
-
-import { DataLoader } from "../components/data-loader/DataLoader";
-
-export default {
- title: "Data Loader",
- component: DataLoader,
-} as Meta;
-
-type Post = {
- title: string;
- body: string;
-};
-
-export const loadPosts = () => {
- const PostLoader = (props: { url: string; children: ReactNode }) => {
- const loader = async () => {
- const wait = (ms: number, value: Post) =>
- new Promise((resolve) => setTimeout(resolve, ms, value));
- return await fetch(props.url)
- .then((res) => res.json())
- .then((value) => wait(3000, value));
- };
- return {props.children};
- };
-
- return (
-
- {(posts: Post[]) => (
-
-
-
- | Name |
- Description |
-
-
-
- {posts.map((post, i) => (
-
- | {post.title} |
- {post.body} |
-
- ))}
-
-
- )}
-
- );
-};
diff --git a/src/stories/DownloadDialog.stories.tsx b/src/stories/DownloadDialog.stories.tsx
deleted file mode 100644
index b27193cd1d..0000000000
--- a/src/stories/DownloadDialog.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React, { useState } from "react";
-import type { Meta } from "@storybook/react";
-
-import { DownloadDialog } from "../components/download-dialog/DownloadDialog";
-import { MockAdminClient } from "./MockAdminClient";
-
-export default {
- title: "Download Dialog",
- component: DownloadDialog,
-} as Meta;
-
-const Test = () => {
- const [open, setOpen] = useState(false);
- const toggle = () => setOpen(!open);
-
- return (
- '{some: "json"}' } }}
- >
-
-
-
- );
-};
-
-export const Show = () => ;
diff --git a/src/stories/FormattedLink.stories.tsx b/src/stories/FormattedLink.stories.tsx
deleted file mode 100644
index d16dd081d4..0000000000
--- a/src/stories/FormattedLink.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-import type { Meta, Story } from "@storybook/react";
-import {
- FormattedLink,
- FormattedLinkProps,
-} from "../components/external-link/FormattedLink";
-
-export default {
- title: "Formatted link",
- component: FormattedLink,
-} as Meta;
-
-const Template: Story = (args) => (
-
-);
-
-export const WithTitle = Template.bind({});
-WithTitle.args = {
- title: "With title",
- href: "http://test.nl",
-};
-
-export const WithoutTitle = Template.bind({});
-WithoutTitle.args = {
- href: "http://some-other-link.nl/super",
-};
-
-export const ApplicationLink = Template.bind({});
-ApplicationLink.args = {
- title: "Application link",
- href: "/application/main",
-};
diff --git a/src/stories/HelpSystem.stories.tsx b/src/stories/HelpSystem.stories.tsx
deleted file mode 100644
index a8aab3f0aa..0000000000
--- a/src/stories/HelpSystem.stories.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import React, { useContext } from "react";
-import {
- Page,
- PageHeader,
- PageHeaderTools,
- PageHeaderToolsItem,
- PageSection,
- FormGroup,
- Form,
- TextInput,
-} from "@patternfly/react-core";
-import type { Meta } from "@storybook/react";
-
-import { HelpItem } from "../components/help-enabler/HelpItem";
-import {
- Help,
- HelpContext,
- HelpHeader,
-} from "../components/help-enabler/HelpHeader";
-
-export default {
- title: "Help System Example",
- component: HelpHeader,
-} as Meta;
-
-export const HelpSystem = () => (
-
-
-
-);
-
-export const HelpItems = () => (
-
-);
-
-export const FormFieldHelp = () => (
-
-);
-
-const HelpSystemTest = () => {
- const { enabled } = useContext(HelpContext);
- return (
-
-
-
-
- dummy user...
-
- }
- />
- }
- >
- Help system is {enabled ? "enabled" : "not on"}
-
-
-
-
- );
-};
diff --git a/src/stories/JsonFileUpload.stories.tsx b/src/stories/JsonFileUpload.stories.tsx
deleted file mode 100644
index 963360fcf7..0000000000
--- a/src/stories/JsonFileUpload.stories.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import type { Meta, Story } from "@storybook/react";
-
-import {
- JsonFileUpload,
- JsonFileUploadProps,
-} from "../components/json-file-upload/JsonFileUpload";
-
-export default {
- title: "Json file upload dailog",
- component: JsonFileUpload,
- parameters: { actions: { argTypesRegex: "^on.*" } },
-} as Meta;
-
-const Template: Story = (args) => (
-
-);
-
-export const Dialog = Template.bind({});
-Dialog.args = {
- id: "jsonFile",
-};
diff --git a/src/stories/KeycloakDataTable.stories.tsx b/src/stories/KeycloakDataTable.stories.tsx
deleted file mode 100644
index 453fd1333a..0000000000
--- a/src/stories/KeycloakDataTable.stories.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from "react";
-import type { IFormatterValueType } from "@patternfly/react-table";
-import type { Meta, Story } from "@storybook/react";
-
-import clients from "../clients/__tests__/mock-clients.json";
-
-import {
- KeycloakDataTable,
- DataListProps,
-} from "../components/table-toolbar/KeycloakDataTable";
-
-export default {
- title: "Keycloak Data Table",
- component: KeycloakDataTable,
-} as Meta;
-
-const wait = (ms: number, value: any) =>
- new Promise((resolve) => setTimeout(resolve, ms, value));
-
-const Template: Story> = (args) => (
-
-);
-
-export const SimpleList = Template.bind({});
-SimpleList.args = {
- ariaLabelKey: "clients:clientList",
- searchPlaceholderKey: "common:search",
- columns: [
- { name: "clientId", displayKey: "common:clientId" },
- { name: "protocol", displayKey: "common:type" },
- {
- name: "description",
- displayKey: "common:description",
- cellFormatters: [
- (data?: IFormatterValueType) => {
- return data ? data : "—";
- },
- ],
- },
- { name: "baseUrl", displayKey: "clients:homeURL" },
- ],
- loader: async () => clients,
-};
-
-export const LoadingList = Template.bind({});
-LoadingList.args = {
- ariaLabelKey: "clients:clientList",
- searchPlaceholderKey: "common:search",
- columns: [{ name: "title" }, { name: "body" }],
- isPaginated: true,
- loader: async () => {
- const res = await fetch("https://jsonplaceholder.typicode.com/posts/");
- const value = await res.json();
- return wait(3000, value) as any;
- },
-};
-
-export const EmptyList = Template.bind({});
-EmptyList.args = {
- ariaLabelKey: "clients:clientList",
- searchPlaceholderKey: "common:search",
- columns: [{ name: "title" }, { name: "body" }],
- loader: () => Promise.resolve([]),
- emptyState: Wait what? No content?
,
-};
diff --git a/src/stories/ListEmptyState.stories.tsx b/src/stories/ListEmptyState.stories.tsx
deleted file mode 100644
index 05bb9da66b..0000000000
--- a/src/stories/ListEmptyState.stories.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from "react";
-import type { Meta, Story } from "@storybook/react";
-import {
- ListEmptyState,
- ListEmptyStateProps,
-} from "../components/list-empty-state/ListEmptyState";
-
-function handleClick() {
- alert("Button clicked to add a thing.");
-}
-
-export default {
- title: "List empty state",
- component: ListEmptyState,
-} as Meta;
-
-const Template: Story = (args) => (
-
-);
-
-export const View = Template.bind({});
-View.args = {
- message: "No things",
- instructions: "You haven't created any things for this list.",
- primaryActionText: "Add it now!",
- secondaryActions: [{ text: "Add a thing", onClick: handleClick }],
-};
diff --git a/src/stories/MapperList.stories.tsx b/src/stories/MapperList.stories.tsx
deleted file mode 100644
index 74df3ff1fb..0000000000
--- a/src/stories/MapperList.stories.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from "react";
-import type { Meta } from "@storybook/react";
-import type { ServerInfoRepresentation } from "keycloak-admin/lib/defs/serverInfoRepesentation";
-
-import serverInfo from "../context/server-info/__tests__/mock.json";
-import clientScopeMock from "../client-scopes/__tests__/mock-client-scope.json";
-import { ServerInfoContext } from "../context/server-info/ServerInfoProvider";
-import { MapperList } from "../client-scopes/details/MapperList";
-import { MockAdminClient } from "./MockAdminClient";
-
-export default {
- title: "Mapper List",
- component: MapperList,
-} as Meta;
-
-export const MapperListExample = () => (
-
-
- {}} />
-
-
-);
diff --git a/src/stories/MockAdminClient.tsx b/src/stories/MockAdminClient.tsx
deleted file mode 100644
index 032961ffeb..0000000000
--- a/src/stories/MockAdminClient.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React, { ReactNode } from "react";
-import { HashRouter } from "react-router-dom";
-import type KeycloakAdminClient from "keycloak-admin";
-import type { ServerInfoRepresentation } from "keycloak-admin/lib/defs/serverInfoRepesentation";
-
-import { AccessContextProvider } from "../context/access/Access";
-import { WhoAmIContextProvider } from "../context/whoami/WhoAmI";
-import { RealmContext } from "../context/realm-context/RealmContext";
-import { AdminClient } from "../context/auth/AdminClient";
-import { ServerInfoContext } from "../context/server-info/ServerInfoProvider";
-
-import whoamiMock from "../context/whoami/__tests__/mock-whoami.json";
-import serverInfo from "../context/server-info/__tests__/mock.json";
-
-/**
- * This component provides some mocked default react context so that other components can work in a storybook.
- * In it's simplest form wrap your component like so:
- * @example
- *
- *
- *
- * @example With an endpoint, roles => findOneById
- * mockJson } }}>
- * <
- *
- * @param props mock endpoints to be mocked
- */
-export const MockAdminClient = (props: {
- children: ReactNode;
- mock?: object;
-}) => {
- return (
-
-
- Promise.resolve(whoamiMock) },
- setConfig: () => {},
- } as unknown as KeycloakAdminClient
- }
- >
-
- {},
- realms: [],
- refresh: () => Promise.resolve(),
- }}
- >
- {props.children}
-
-
-
-
-
- );
-};
diff --git a/src/stories/MultiLineInput.stories.tsx b/src/stories/MultiLineInput.stories.tsx
deleted file mode 100644
index 8955187042..0000000000
--- a/src/stories/MultiLineInput.stories.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from "react";
-import type { Meta, Story } from "@storybook/react";
-import { action } from "@storybook/addon-actions";
-import { FormProvider, useForm } from "react-hook-form";
-import { Button } from "@patternfly/react-core";
-
-import {
- MultiLineInput,
- MultiLineInputProps,
- toValue,
-} from "../components/multi-line-input/MultiLineInput";
-
-export default {
- title: "MultiLineInput component",
- component: MultiLineInput,
-} as Meta;
-
-const Template: Story = (args) => {
- const form = useForm({ mode: "onChange" });
- return (
-
- );
-};
-
-export const View = Template.bind({});
-View.args = {
- name: "items",
-};
diff --git a/src/stories/RealmForm.stories.tsx b/src/stories/RealmForm.stories.tsx
deleted file mode 100644
index f15bb237bd..0000000000
--- a/src/stories/RealmForm.stories.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from "react";
-import type { Meta } from "@storybook/react";
-import { Page } from "@patternfly/react-core";
-import { NewRealmForm } from "../realm/add/NewRealmForm";
-import { MockAdminClient } from "./MockAdminClient";
-
-export default {
- title: "New realm form",
- component: NewRealmForm,
-} as Meta;
-
-export const view = () => {
- return (
-
-
-
-
-
- );
-};
diff --git a/src/stories/RoleAttributes.stories.tsx b/src/stories/RoleAttributes.stories.tsx
deleted file mode 100644
index c4a641bbca..0000000000
--- a/src/stories/RoleAttributes.stories.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import type { Meta } from "@storybook/react";
-import { MockAdminClient } from "./MockAdminClient";
-import rolesMock from "../realm-roles/__tests__/mock-roles.json";
-import { RealmRoleTabs } from "../realm-roles/RealmRoleTabs";
-
-export default {
- title: "Roles tabs",
- component: RealmRoleTabs,
-} as Meta;
-
-export const RolesTabsExample = () => {
- return (
- rolesMock[0] } }}>
-
-
- );
-};
diff --git a/src/stories/RoleDetails.stories.tsx b/src/stories/RoleDetails.stories.tsx
deleted file mode 100644
index 668cc25da1..0000000000
--- a/src/stories/RoleDetails.stories.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from "react";
-import { Page } from "@patternfly/react-core";
-import type { Meta } from "@storybook/react";
-
-import { MockAdminClient } from "./MockAdminClient";
-import { RealmRoleTabs } from "../realm-roles/RealmRoleTabs";
-
-export default {
- title: "New role form",
- component: RealmRoleTabs,
-} as Meta;
-
-export const View = () => {
- return (
-
-
-
-
-
- );
-};
diff --git a/src/stories/RoleMappingForm.stories.tsx b/src/stories/RoleMappingForm.stories.tsx
deleted file mode 100644
index cfac7051e7..0000000000
--- a/src/stories/RoleMappingForm.stories.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from "react";
-import type { Meta } from "@storybook/react";
-import { Page } from "@patternfly/react-core";
-import type { ServerInfoRepresentation } from "keycloak-admin/lib/defs/serverInfoRepesentation";
-
-import serverInfo from "../context/server-info/__tests__/mock.json";
-import roles from "../realm-roles/__tests__/mock-roles.json";
-import clients from "../clients/__tests__/mock-clients.json";
-import { ServerInfoContext } from "../context/server-info/ServerInfoProvider";
-
-import { RoleMappingForm } from "../client-scopes/add/RoleMappingForm";
-import { MockAdminClient } from "./MockAdminClient";
-
-export default {
- title: "Role Mapping Form",
- component: RoleMappingForm,
-} as Meta;
-
-export const RoleMappingFormExample = () => (
-
- roles,
- },
- clients: {
- find: () => clients,
- listRoles: () => roles,
- },
- }}
- >
-
-
-
-
-
-);
diff --git a/src/stories/ScrollSpy.stories.tsx b/src/stories/ScrollSpy.stories.tsx
deleted file mode 100644
index 89e9352d1b..0000000000
--- a/src/stories/ScrollSpy.stories.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import type { Meta } from "@storybook/react";
-import { ScrollForm } from "../components/scroll-form/ScrollForm";
-
-export default {
- title: "Scroll spy scroll form",
- component: ScrollForm,
-} as Meta;
-
-export const View = () => {
- return (
-
- One
- Two
- fine grain
-
- );
-};
diff --git a/src/stories/Toolbar.stories.tsx b/src/stories/Toolbar.stories.tsx
deleted file mode 100644
index 545da59431..0000000000
--- a/src/stories/Toolbar.stories.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from "react";
-import {
- Nav,
- NavItem,
- NavList,
- PageSidebar,
- Page,
-} from "@patternfly/react-core";
-import type { Meta } from "@storybook/react";
-
-import { RealmSelector } from "../components/realm-selector/RealmSelector";
-import { RealmContext } from "../context/realm-context/RealmContext";
-import { HashRouter } from "react-router-dom";
-
-export default {
- title: "Header",
- component: RealmSelector,
-} as Meta;
-
-export const Header = () => {
- return (
-
- {},
- realms: [
- { id: "master", realm: "Master" },
- { id: "photoz", realm: "Photoz" },
- ],
- refresh: () => Promise.resolve(),
- }}
- >
-
-
-
-
- Link 1
-
-
- Current link
-
-
- Link 3
-
-
- Link 4
-
-
-
- }
- />
- }
- />
-
-
- );
-};
diff --git a/src/stories/UserFedKerberosSettings.stories.tsx b/src/stories/UserFedKerberosSettings.stories.tsx
deleted file mode 100644
index 7a2ded923d..0000000000
--- a/src/stories/UserFedKerberosSettings.stories.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import type { Meta } from "@storybook/react";
-import { Page } from "@patternfly/react-core";
-import { UserFederationKerberosSettings } from "../user-federation/UserFederationKerberosSettings";
-import { MockAdminClient } from "./MockAdminClient";
-
-export default {
- title: "User Federation Kerberos Settings Tab",
- component: UserFederationKerberosSettings,
-} as Meta;
-
-export const view = () => {
- return (
-
- Promise.resolve({}) } }}
- >
-
-
-
- );
-};
diff --git a/src/stories/UserFedKerberosWizard.stories.tsx b/src/stories/UserFedKerberosWizard.stories.tsx
deleted file mode 100644
index 9441938798..0000000000
--- a/src/stories/UserFedKerberosWizard.stories.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import type { Meta } from "@storybook/react";
-import { Page, PageSection } from "@patternfly/react-core";
-import { UserFederationKerberosWizard } from "../user-federation/UserFederationKerberosWizard";
-import { MockAdminClient } from "./MockAdminClient";
-
-export default {
- title: "User Federation Kerberos Wizard",
- component: UserFederationKerberosWizard,
-} as Meta;
-
-export const view = () => {
- return (
-
-
-
-
-
-
-
- );
-};
diff --git a/src/stories/UserFedLDAPSettingsTab.stories.tsx b/src/stories/UserFedLDAPSettingsTab.stories.tsx
deleted file mode 100644
index d719c578f3..0000000000
--- a/src/stories/UserFedLDAPSettingsTab.stories.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import type { Meta } from "@storybook/react";
-import { Page } from "@patternfly/react-core";
-import { UserFederationLdapSettings } from "../user-federation/UserFederationLdapSettings";
-import { MockAdminClient } from "./MockAdminClient";
-
-export default {
- title: "User Federation LDAP Settings Tab",
- component: UserFederationLdapSettings,
-} as Meta;
-
-export const view = () => {
- return (
-
- Promise.resolve({}) } }}
- >
-
-
-
- );
-};
diff --git a/src/stories/UserFedLdapWizard.stories.tsx b/src/stories/UserFedLdapWizard.stories.tsx
deleted file mode 100644
index b57afcc4ae..0000000000
--- a/src/stories/UserFedLdapWizard.stories.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from "react";
-import type { Meta } from "@storybook/react";
-import { Page } from "@patternfly/react-core";
-import { UserFederationLdapWizard } from "../user-federation/UserFederationLdapWizard";
-import { MockAdminClient } from "./MockAdminClient";
-
-export default {
- title: "User Federation LDAP Wizard",
- component: UserFederationLdapWizard,
-} as Meta;
-
-export const view = () => {
- return (
-
-
-
- {" "}
-
- );
-};
diff --git a/src/stories/ViewHeader.stories.tsx b/src/stories/ViewHeader.stories.tsx
deleted file mode 100644
index a98de4e6da..0000000000
--- a/src/stories/ViewHeader.stories.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from "react";
-import type { Meta, Story } from "@storybook/react";
-import { DropdownItem, Page } from "@patternfly/react-core";
-import {
- ViewHeader,
- ViewHeaderProps,
-} from "../components/view-header/ViewHeader";
-
-export default {
- title: "View Header",
- component: ViewHeader,
-} as Meta;
-
-const Template: Story = (args) => (
-
-
-
-);
-
-export const Extended = Template.bind({});
-Extended.args = {
- titleKey: "This is the title",
- badge: "badge",
- subKey: "This is the description.",
- subKeyLinkProps: {
- title: "More information",
- href: "http://google.com",
- },
- dropdownItems: [
- {}}>
- First item
- ,
- {}}>
- Second item
- ,
- ],
-};
-
-export const Simple = Template.bind({});
-Simple.args = {
- titleKey: "Title simple",
- subKey: "Some lengthy description about what this is about.",
-};
diff --git a/src/stories/WizardSectionHeader.stories.tsx b/src/stories/WizardSectionHeader.stories.tsx
deleted file mode 100644
index eff4b624e0..0000000000
--- a/src/stories/WizardSectionHeader.stories.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import type { Meta, Story } from "@storybook/react";
-import {
- WizardSectionHeader,
- WizardSectionHeaderProps,
-} from "../components/wizard-section-header/WizardSectionHeader";
-
-export default {
- title: "Wizard Section Header",
- component: WizardSectionHeader,
-} as Meta;
-
-const Template: Story = (args) => (
-
-);
-
-export const TitleAndDescription = Template.bind({});
-TitleAndDescription.args = {
- title: "Section title",
- description: "This is a description of the section",
- showDescription: true,
-};
diff --git a/src/stories/messages.ts b/src/stories/messages.ts
deleted file mode 100644
index 711d4e09e3..0000000000
--- a/src/stories/messages.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
- storybook: {
- helpPlaceholder:
- "Sometimes you need some help and it's nice when the app does that",
- },
-};