diff --git a/pkg/app/web/.storybook/ThemeDecorator.tsx b/pkg/app/web/.storybook/ThemeDecorator.tsx deleted file mode 100644 index 965c55a5d5..0000000000 --- a/pkg/app/web/.storybook/ThemeDecorator.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { theme } from "../src/theme"; -import CssBaseline from "@material-ui/core/CssBaseline"; -import { makeStyles, ThemeProvider } from "@material-ui/core"; -import { MemoryRouter } from "react-router-dom"; - -// NOTE: To prevent difference of screenshot that is caused by mouse hover. -const useStyles = makeStyles({ - wrapper: { - padding: 10, - }, -}); - -export const ThemeDecorator = (fn: () => JSX.Element) => { - const classes = useStyles(); - return ( - - -
- - {fn()} -
- - - ); -}; diff --git a/pkg/app/web/.storybook/main.js b/pkg/app/web/.storybook/main.js deleted file mode 100644 index 73e6f07f1c..0000000000 --- a/pkg/app/web/.storybook/main.js +++ /dev/null @@ -1,4 +0,0 @@ -module.exports = { - stories: ["../src/**/*.stories.tsx"], - addons: ["@storybook/addon-essentials"], -}; diff --git a/pkg/app/web/.storybook/preview-head.html b/pkg/app/web/.storybook/preview-head.html deleted file mode 100644 index 60667e5065..0000000000 --- a/pkg/app/web/.storybook/preview-head.html +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/pkg/app/web/.storybook/preview.js b/pkg/app/web/.storybook/preview.js deleted file mode 100644 index 7dad696749..0000000000 --- a/pkg/app/web/.storybook/preview.js +++ /dev/null @@ -1,7 +0,0 @@ -import { addDecorator } from "@storybook/react"; -import { ThemeDecorator } from "./ThemeDecorator"; -import { setupDayjs } from "../src/utils/setup-dayjs"; - -setupDayjs(); - -addDecorator(ThemeDecorator); diff --git a/pkg/app/web/.storybook/redux-decorator.tsx b/pkg/app/web/.storybook/redux-decorator.tsx deleted file mode 100644 index f93f2facfa..0000000000 --- a/pkg/app/web/.storybook/redux-decorator.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import { DeepPartial } from "@reduxjs/toolkit"; -import { Provider } from "react-redux"; -import type { AppState } from "../src/store"; -import { createStore } from "test-utils"; - -export const createDecoratorRedux = (initialState: DeepPartial) => ( - storyFn: any -) => {storyFn()}; diff --git a/pkg/app/web/.storybook/webpack.config.js b/pkg/app/web/.storybook/webpack.config.js deleted file mode 100644 index 332ce2acbd..0000000000 --- a/pkg/app/web/.storybook/webpack.config.js +++ /dev/null @@ -1,19 +0,0 @@ -const path = require("path"); - -module.exports = ({ config }) => { - config.module.rules.push({ - type: "javascript/auto", - test: /\.mjs$/, - use: [], - }); - config.resolve.extensions.push(".mjs", ".ts", ".tsx", ".js"); - config.resolve.modules.push( - path.resolve(__dirname, "../node_modules"), - "node_modules" - ); - config.resolve.alias = { - pipe: path.resolve(__dirname, "../../../../bazel-bin/"), - }; - - return config; -}; diff --git a/pkg/app/web/package.json b/pkg/app/web/package.json index b12153f9c9..8b6e95dcbd 100644 --- a/pkg/app/web/package.json +++ b/pkg/app/web/package.json @@ -11,8 +11,6 @@ "test:coverage": "yarn test --coverage", "lint": "eslint --ext .ts,.tsx ./src", "lint:fix": "eslint --fix --ext .ts,.tsx ./src", - "storybook": "start-storybook -p 6006", - "build-storybook": "build-storybook", "typecheck": "tsc --noEmit" }, "devDependencies": { diff --git a/pkg/app/web/src/components/app-sync-status/index.stories.tsx b/pkg/app/web/src/components/app-sync-status/index.stories.tsx deleted file mode 100644 index 116ecbedbd..0000000000 --- a/pkg/app/web/src/components/app-sync-status/index.stories.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Story } from "@storybook/react"; -import { dummyApplicationSyncState } from "~/__fixtures__/dummy-application"; - -import { AppSyncStatus, AppSyncStatusProps } from "./"; - -export default { - title: "application/AppSyncStatus", - component: AppSyncStatus, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { deploying: false, syncState: dummyApplicationSyncState }; - -export const Large = Template.bind({}); -Large.args = { - deploying: false, - size: "large", - syncState: dummyApplicationSyncState, -}; - -export const Deploying = Template.bind({}); -Large.args = { - deploying: true, - syncState: dummyApplicationSyncState, -}; diff --git a/pkg/app/web/src/components/app-sync-status/sync-status-icon/index.stories.tsx b/pkg/app/web/src/components/app-sync-status/sync-status-icon/index.stories.tsx deleted file mode 100644 index 2a2f0eeaa4..0000000000 --- a/pkg/app/web/src/components/app-sync-status/sync-status-icon/index.stories.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { Story } from "@storybook/react"; -import { ApplicationSyncStatus } from "~/modules/applications"; -import { SyncStatusIcon, SyncStatusIconProps } from "."; - -export default { - title: "APPLICATION/SyncStatusIcon", - component: SyncStatusIcon, -}; - -const Template: Story = (args) => ( - -); - -export const Unknown = Template.bind({}); -Unknown.args = { - status: ApplicationSyncStatus.UNKNOWN, -}; - -export const Synced = Template.bind({}); -Synced.args = { - status: ApplicationSyncStatus.SYNCED, -}; - -export const Deploying = Template.bind({}); -Deploying.args = { - status: ApplicationSyncStatus.DEPLOYING, -}; - -export const OutOfSync = Template.bind({}); -OutOfSync.args = { - status: ApplicationSyncStatus.OUT_OF_SYNC, -}; diff --git a/pkg/app/web/src/components/application-detail-page/application-detail/app-live-state/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-detail/app-live-state/index.stories.tsx deleted file mode 100644 index 1539997274..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-detail/app-live-state/index.stories.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import { Story } from "@storybook/react"; -import { Provider } from "react-redux"; -import { createStore } from "~~/test-utils"; -import { dummyApplication } from "~/__fixtures__/dummy-application"; -import { dummyApplicationLiveState } from "~/__fixtures__/dummy-application-live-state"; -import { AppLiveState } from "."; - -export default { - title: "APPLICATION/AppLiveState", - component: AppLiveState, -}; - -export const Overview: Story = () => ( - - - -); - -export const loading: Story = () => ( - - - -); - -export const refresh: Story = () => ( - - - -); - -export const notAvailable: Story = () => ( - - - -); diff --git a/pkg/app/web/src/components/application-detail-page/application-detail/health-status-icon/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-detail/health-status-icon/index.stories.tsx deleted file mode 100644 index 583656dbce..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-detail/health-status-icon/index.stories.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import { Story } from "@storybook/react"; -import { ApplicationLiveStateSnapshot } from "~/modules/applications-live-state"; -import { - ApplicationHealthStatusIcon, - ApplicationHealthStatusIconProps, -} from "."; - -export default { - title: "APPLICATION/ApplicationHealthStatusIcon", - component: ApplicationHealthStatusIcon, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { health: ApplicationLiveStateSnapshot.Status.HEALTHY }; diff --git a/pkg/app/web/src/components/application-detail-page/application-detail/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-detail/index.stories.tsx deleted file mode 100644 index 106d71144a..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-detail/index.stories.tsx +++ /dev/null @@ -1,165 +0,0 @@ -import { Story } from "@storybook/react"; -import { Provider } from "react-redux"; -import { ApplicationSyncStatus } from "~/modules/applications"; -import type { AppState } from "~/store"; -import { dummyApplication } from "~/__fixtures__/dummy-application"; -import { dummyApplicationLiveState } from "~/__fixtures__/dummy-application-live-state"; -import { dummyPiped } from "~/__fixtures__/dummy-piped"; -import { createStore } from "~~/test-utils"; -import { ApplicationDetail } from "."; - -const dummyStore: Partial = { - applications: { - entities: { - [dummyApplication.id]: dummyApplication, - }, - ids: [dummyApplication.id], - syncing: {}, - disabling: {}, - adding: false, - loading: false, - addedApplicationId: null, - fetchApplicationError: null, - }, - applicationLiveState: { - entities: { - [dummyApplicationLiveState.applicationId]: dummyApplicationLiveState, - }, - ids: [dummyApplicationLiveState.applicationId], - loading: {}, - hasError: {}, - }, - pipeds: { - updating: false, - entities: { - [dummyPiped.id]: dummyPiped, - }, - ids: [dummyPiped.id], - registeredPiped: null, - }, -}; - -export default { - title: "APPLICATION/ApplicationDetail", - component: ApplicationDetail, -}; - -export const Overview: Story = () => ( - - - -); - -export const HasDescription: Story = () => ( - - - -); - -export const Error: Story = () => ( - - - -); - -export const LoadingLiveState: Story = () => ( - - - -); - -export const NotAvailable: Story = () => ( - - - -); diff --git a/pkg/app/web/src/components/application-detail-page/application-detail/sync-state-reason/diff-view/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-detail/sync-state-reason/diff-view/index.stories.tsx deleted file mode 100644 index 8f3b9f41f6..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-detail/sync-state-reason/diff-view/index.stories.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { Story } from "@storybook/react"; -import { DiffView, DiffViewProps } from "."; - -export default { - title: "DiffView", - component: DiffView, -}; - -const content = ` -+ added line -- deleted line -normal - indent -`; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = { content }; diff --git a/pkg/app/web/src/components/application-detail-page/application-detail/sync-state-reason/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-detail/sync-state-reason/index.stories.tsx deleted file mode 100644 index 1ea49c9c3e..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-detail/sync-state-reason/index.stories.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { Story } from "@storybook/react"; -import { SyncStateReason, SyncStateReasonProps } from "."; - -export default { - title: "APPLICATION/SyncStateReason", - component: SyncStateReason, -}; - -const Template: Story = (args) => ( - -); - -export const Overview = Template.bind({}); -Overview.args = { - summary: "There are 1 missing manifests and 2 redundant manifests.", - detail: `The following 1 manifests are defined in Git, but NOT appearing in the cluster: - - apiVersion=v1, kind=Service, namespace=default, name=wait-approvalThe following 2 manifests are NOT defined in Git, but appearing in the cluster: - - apiVersion=apps/v1, kind=Deployment, namespace=default, name=wait-approval-canary- apiVersion=v1, kind=Service, namespace=default, name=wait-approval`, -}; - -export const Diff = Template.bind({}); -Diff.args = { - summary: "Summary message", - detail: `message\n\n+ added-line\n- deleted-line`, -}; diff --git a/pkg/app/web/src/components/application-detail-page/application-state-view/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-state-view/index.stories.tsx deleted file mode 100644 index 21bd4712f5..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-state-view/index.stories.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { Story } from "@storybook/react"; -import { dummyApplicationLiveState } from "~/__fixtures__/dummy-application-live-state"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { ApplicationStateView, ApplicationStateViewProps } from "."; - -export default { - title: "APPLICATION/ApplicationStateView", - component: ApplicationStateView, - decorators: [ - createDecoratorRedux({ - applicationLiveState: { - entities: { - [dummyApplicationLiveState.applicationId]: dummyApplicationLiveState, - }, - ids: [dummyApplicationLiveState.applicationId], - }, - }), - ], -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { applicationId: dummyApplicationLiveState.applicationId }; diff --git a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/index.stories.tsx deleted file mode 100644 index 5e98625acb..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/index.stories.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { Story } from "@storybook/react"; -import { resourcesList } from "~/__fixtures__/dummy-application-live-state"; -import { KubernetesStateView, KubernetesStateViewProps } from "."; - -export default { - title: "APPLICATION/KubernetesStateView", - component: KubernetesStateView, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { resources: resourcesList }; diff --git a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/kubernetes-resource-detail/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/kubernetes-resource-detail/index.stories.tsx deleted file mode 100644 index 769163174c..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/kubernetes-resource-detail/index.stories.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { Story } from "@storybook/react"; -import { KubernetesResourceDetail, KubernetesResourceDetailProps } from "."; - -export default { - title: "KubernetesResourceDetail", - component: KubernetesResourceDetail, - argTypes: { - onClose: { - action: "onClose", - }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { - resource: { - name: "demo-application-9504e8601a", - namespace: "default", - apiVersion: "apps/v1", - healthDescription: "Unimplemented or unknown resource", - kind: "Pod", - }, -}; diff --git a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/kubernetes-resource/health-status-icon/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/kubernetes-resource/health-status-icon/index.stories.tsx deleted file mode 100644 index 9e0c640943..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/kubernetes-resource/health-status-icon/index.stories.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import { Story } from "@storybook/react"; -import { HealthStatus } from "~/modules/applications-live-state"; -import { - KubernetesResourceHealthStatusIcon, - KubernetesResourceHealthStatusIconProps, -} from "."; - -export default { - title: "APPLICATION/KubernetesResourceHealthStatusIcon", - component: KubernetesResourceHealthStatusIcon, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { health: HealthStatus.HEALTHY }; diff --git a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/kubernetes-resource/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/kubernetes-resource/index.stories.tsx deleted file mode 100644 index 5a98414a5e..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/kubernetes-resource/index.stories.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { Story } from "@storybook/react"; -import { HealthStatus } from "~/modules/applications-live-state"; -import { KubernetesResource, KubernetesResourceProps } from "."; - -export default { - title: "APPLICATION/KubernetesResource", - component: KubernetesResource, - argTypes: { - onClick: { - action: "onClick", - }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { - resource: { - apiVersion: "v1", - createdAt: 0, - healthStatus: HealthStatus.HEALTHY, - healthDescription: "", - id: "1", - kind: "Pod", - name: "resource-1", - namespace: "default", - ownerIdsList: [], - parentIdsList: [], - updatedAt: 0, - }, -}; diff --git a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/resource-filter-popover/index.stories.tsx b/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/resource-filter-popover/index.stories.tsx deleted file mode 100644 index ea53fc5d93..0000000000 --- a/pkg/app/web/src/components/application-detail-page/application-state-view/kubernetes-state-view/resource-filter-popover/index.stories.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { Story } from "@storybook/react"; -import { ResourceFilterPopover, ResourceFilterPopoverProps } from "."; - -export default { - title: "ResourceFilterPopover", - component: ResourceFilterPopover, - argTypes: { - onChange: { - action: "onChange", - }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { enables: { Pod: true, ReplicaSet: false } }; diff --git a/pkg/app/web/src/components/applications-page/add-application-drawer/index.stories.tsx b/pkg/app/web/src/components/applications-page/add-application-drawer/index.stories.tsx deleted file mode 100644 index ff4aae0e4d..0000000000 --- a/pkg/app/web/src/components/applications-page/add-application-drawer/index.stories.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { Story } from "@storybook/react"; -import { dummyPiped } from "~/__fixtures__/dummy-piped"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { AddApplicationDrawer, AddApplicationDrawerProps } from "."; - -export default { - title: "APPLICATION/AddApplicationDrawer", - component: AddApplicationDrawer, - decorators: [ - createDecoratorRedux({ - pipeds: { - entities: { - [dummyPiped.id]: dummyPiped, - }, - ids: [dummyPiped.id], - }, - }), - ], - argTypes: { - onClose: { - action: "onClose", - }, - }, -}; - -const Template: Story = (args) => ( - -); - -export const Overview = Template.bind({}); -Overview.args = { - open: true, -}; diff --git a/pkg/app/web/src/components/applications-page/application-filter/index.stories.tsx b/pkg/app/web/src/components/applications-page/application-filter/index.stories.tsx deleted file mode 100644 index acb1ee161e..0000000000 --- a/pkg/app/web/src/components/applications-page/application-filter/index.stories.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { Story } from "@storybook/react"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { ApplicationFilter, ApplicationFilterProps } from "."; - -export default { - title: "APPLICATION/ApplicationFilter", - component: ApplicationFilter, - decorators: [createDecoratorRedux({})], - argTypes: { - onChange: { action: "onChange" }, - onClear: { action: "onClear" }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { options: {} }; diff --git a/pkg/app/web/src/components/applications-page/application-list/delete-application-dialog/index.stories.tsx b/pkg/app/web/src/components/applications-page/application-list/delete-application-dialog/index.stories.tsx deleted file mode 100644 index 7bf9f8e1fb..0000000000 --- a/pkg/app/web/src/components/applications-page/application-list/delete-application-dialog/index.stories.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import { Story } from "@storybook/react"; -import { dummyApplication } from "~/__fixtures__/dummy-application"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { DeleteApplicationDialog, DeleteApplicationDialogProps } from "."; - -export default { - title: "DeleteApplicationDialog", - component: DeleteApplicationDialog, - decorators: [ - createDecoratorRedux({ - applications: { - entities: { - [dummyApplication.id]: dummyApplication, - }, - ids: [dummyApplication.id], - }, - deleteApplication: { - applicationId: dummyApplication.id, - deleting: false, - }, - }), - ], - argTypes: { - onDeleted: { - action: "onDeleted", - }, - }, -}; - -const Template: Story = (args) => ( - -); - -export const Overview = Template.bind({}); -Overview.args = {}; diff --git a/pkg/app/web/src/components/applications-page/application-list/index.stories.tsx b/pkg/app/web/src/components/applications-page/application-list/index.stories.tsx deleted file mode 100644 index 61951ab6cb..0000000000 --- a/pkg/app/web/src/components/applications-page/application-list/index.stories.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import { Story } from "@storybook/react"; -import { dummyApplication } from "~/__fixtures__/dummy-application"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { ApplicationList, ApplicationListProps } from "."; - -export default { - title: "APPLICATION/ApplicationList", - component: ApplicationList, - argTypes: { - onPageChange: { - actions: "onPageChange", - }, - }, - decorators: [ - createDecoratorRedux({ - applications: { - adding: false, - disabling: {}, - syncing: {}, - entities: { - [dummyApplication.id]: dummyApplication, - }, - ids: [dummyApplication.id], - }, - }), - ], -}; - -const Template: Story = (args) => ( - -); - -export const Overview = Template.bind({}); -Overview.args = { - currentPage: 1, -}; diff --git a/pkg/app/web/src/components/applications-page/application-list/sealed-secret-dialog/index.stories.tsx b/pkg/app/web/src/components/applications-page/application-list/sealed-secret-dialog/index.stories.tsx deleted file mode 100644 index b9a84366f3..0000000000 --- a/pkg/app/web/src/components/applications-page/application-list/sealed-secret-dialog/index.stories.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import { action } from "@storybook/addon-actions"; -import { Story } from "@storybook/react"; -import { Provider } from "react-redux"; -import { dummyApplication } from "~/__fixtures__/dummy-application"; -import { createStore } from "~~/test-utils"; -import { SealedSecretDialog } from "."; - -export default { - title: "APPLICATION/SealedSecretDialog", - component: SealedSecretDialog, -}; - -export const Overview: Story = () => ( - - - -); - -export const Encrypted: Story = () => ( - - - -); diff --git a/pkg/app/web/src/components/applications-page/edit-application-drawer/index.stories.tsx b/pkg/app/web/src/components/applications-page/edit-application-drawer/index.stories.tsx deleted file mode 100644 index 8b5b5c8c1b..0000000000 --- a/pkg/app/web/src/components/applications-page/edit-application-drawer/index.stories.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { Story } from "@storybook/react"; -import { dummyApplication } from "~/__fixtures__/dummy-application"; -import { dummyPiped } from "~/__fixtures__/dummy-piped"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { EditApplicationDrawer, EditApplicationDrawerProps } from "."; - -export default { - title: "APPLICATION/EditApplicationDrawer", - component: EditApplicationDrawer, - decorators: [ - createDecoratorRedux({ - updateApplication: { - targetId: dummyApplication.id, - }, - applications: { - entities: { - [dummyApplication.id]: dummyApplication, - }, - ids: [dummyApplication.id], - }, - pipeds: { - entities: { - [dummyPiped.id]: dummyPiped, - }, - ids: [dummyPiped.id], - }, - }), - ], - argTypes: { - onUpdated: { - action: "onUpdated", - }, - }, -}; - -const Template: Story = (args) => ( - -); - -export const Overview = Template.bind({}); diff --git a/pkg/app/web/src/components/copy-icon-button/index.stories.tsx b/pkg/app/web/src/components/copy-icon-button/index.stories.tsx deleted file mode 100644 index 220a73bb7a..0000000000 --- a/pkg/app/web/src/components/copy-icon-button/index.stories.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { CopyIconButton, CopyIconButtonProps } from "./"; -import { Story } from "@storybook/react"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; - -export default { - title: "COMMON/CopyIconButton", - component: CopyIconButton, - decorators: [createDecoratorRedux({})], -}; - -const Template: Story = (args) => ( - -); - -export const Overview = Template.bind({}); -Overview.args = { - name: "ID", - value: "id", -}; diff --git a/pkg/app/web/src/components/deployment-status-icon/index.stories.tsx b/pkg/app/web/src/components/deployment-status-icon/index.stories.tsx deleted file mode 100644 index 5576c1fbcc..0000000000 --- a/pkg/app/web/src/components/deployment-status-icon/index.stories.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { DeploymentStatusIcon, DeploymentStatusIconProps } from "./"; -import { Story } from "@storybook/react"; -import { DeploymentStatus } from "~/modules/deployments"; - -export default { - title: "DEPLOYMENT/StatusIcon", - component: DeploymentStatusIcon, -}; - -const Template: Story = (args) => ( - -); - -export const Success = Template.bind({}); -Success.args = { status: DeploymentStatus.DEPLOYMENT_SUCCESS }; - -export const Failure = Template.bind({}); -Failure.args = { status: DeploymentStatus.DEPLOYMENT_FAILURE }; - -export const Cancelled = Template.bind({}); -Cancelled.args = { status: DeploymentStatus.DEPLOYMENT_CANCELLED }; - -export const Pending = Template.bind({}); -Pending.args = { status: DeploymentStatus.DEPLOYMENT_PENDING }; - -export const Planned = Template.bind({}); -Planned.args = { status: DeploymentStatus.DEPLOYMENT_PLANNED }; - -export const Running = Template.bind({}); -Running.args = { status: DeploymentStatus.DEPLOYMENT_RUNNING }; diff --git a/pkg/app/web/src/components/deployments-detail-page/deployment-detail/index.stories.tsx b/pkg/app/web/src/components/deployments-detail-page/deployment-detail/index.stories.tsx deleted file mode 100644 index 5d38c5031d..0000000000 --- a/pkg/app/web/src/components/deployments-detail-page/deployment-detail/index.stories.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import { Story } from "@storybook/react"; -import { DeploymentStatus } from "~/modules/deployments"; -import { dummyDeployment } from "~/__fixtures__/dummy-deployment"; -import { dummyPiped } from "~/__fixtures__/dummy-piped"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { DeploymentDetail, DeploymentDetailProps } from "."; - -export default { - title: "DEPLOYMENT/DeploymentDetail", - component: DeploymentDetail, - decorators: [ - createDecoratorRedux({ - deployments: { - canceling: {}, - entities: { - [dummyDeployment.id]: dummyDeployment, - [dummyDeployment.id + 1]: { - ...dummyDeployment, - id: dummyDeployment.id + 1, - status: DeploymentStatus.DEPLOYMENT_RUNNING, - }, - }, - ids: [dummyDeployment.id], - loading: {}, - }, - pipeds: { - entities: { - [dummyPiped.id]: dummyPiped, - }, - ids: [dummyPiped.id], - }, - }), - ], -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { deploymentId: dummyDeployment.id }; - -export const Running = Template.bind({}); -Running.args = { deploymentId: dummyDeployment.id + 1 }; diff --git a/pkg/app/web/src/components/deployments-detail-page/log-viewer/index.stories.tsx b/pkg/app/web/src/components/deployments-detail-page/log-viewer/index.stories.tsx deleted file mode 100644 index 0c80031385..0000000000 --- a/pkg/app/web/src/components/deployments-detail-page/log-viewer/index.stories.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import { Story } from "@storybook/react"; -import { createActiveStageKey, LogSeverity } from "~/modules/stage-logs"; -import { dummyDeployment } from "~/__fixtures__/dummy-deployment"; -import { dummyPipelineStage } from "~/__fixtures__/dummy-pipeline"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { LogViewer } from "."; - -export default { - title: "DEPLOYMENT/LogViewer", - component: LogViewer, - decorators: [ - createDecoratorRedux({ - activeStage: { - deploymentId: dummyDeployment.id, - stageId: dummyPipelineStage.id, - name: "active-log", - }, - deployments: { - entities: { - [dummyDeployment.id]: dummyDeployment, - }, - ids: [dummyDeployment.id], - }, - stageLogs: { - [createActiveStageKey({ - deploymentId: dummyDeployment.id, - stageId: dummyPipelineStage.id, - })]: { - deploymentId: dummyDeployment.id, - logBlocks: [ - { - createdAt: 0, - index: 0, - log: "HELLO", - severity: LogSeverity.SUCCESS, - }, - { - createdAt: 0, - index: 1, - log: "ERROR", - severity: LogSeverity.ERROR, - }, - { - createdAt: 0, - index: 2, - log: "INFO", - severity: LogSeverity.INFO, - }, - ], - stageId: dummyPipelineStage.id, - }, - }, - }), - ], -}; - -const Template: Story = (args) => ( -
- -
-); -export const Overview = Template.bind({}); -Overview.args = {}; diff --git a/pkg/app/web/src/components/deployments-detail-page/log-viewer/log/index.stories.tsx b/pkg/app/web/src/components/deployments-detail-page/log-viewer/log/index.stories.tsx deleted file mode 100644 index 32d1daf87f..0000000000 --- a/pkg/app/web/src/components/deployments-detail-page/log-viewer/log/index.stories.tsx +++ /dev/null @@ -1,127 +0,0 @@ -import { Log, LogProps } from "."; -import { LogSeverity } from "~/modules/stage-logs"; -import { Story } from "@storybook/react"; - -export default { - title: "DEPLOYMENT/Log", - component: Log, -}; - -const Template: Story = (args) => ; - -export const Overview = Template.bind({}); -Overview.args = { - logs: [ - "Hello, World", - "Hello, World", - "Hello, World", - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!" + - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!" + - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!" + - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!" + - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!", - "Hello, World", - ].map((v, i) => ({ - log: v, - index: i, - severity: LogSeverity.INFO, - createdAt: 0, - })), - loading: false, -}; - -export const Severity = Template.bind({}); -Severity.args = { - logs: ["Hello, World", "Hello, World", "Hello, World"].map((v, i) => ({ - log: v, - index: i, - severity: i, - createdAt: 0, - })), - loading: false, -}; - -export const Loading = Template.bind({}); -Loading.args = { - logs: ["Hello, World", "Hello, World", "Hello, World", "Hello, World"].map( - (v, i) => ({ - log: v, - index: i, - severity: LogSeverity.INFO, - createdAt: 0, - }) - ), - loading: true, -}; - -export const WordWrap = Template.bind({}); -WordWrap.args = { - logs: [ - "Hello, World", - "Hello, World", - "Hello, World", - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!" + - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!" + - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!" + - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!" + - "Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!", - "Hello, World", - ].map((v, i) => ({ - log: v, - index: i, - severity: LogSeverity.INFO, - createdAt: 0, - })), - loading: false, -}; - -export const AnsiCodes = Template.bind({}); -AnsiCodes.args = { - logs: [ - "\u001b[30m A \u001b[31m B \u001b[32m C \u001b[33m D \u001b[0m", - "\u001b[34m E \u001b[35m F \u001b[36m G \u001b[37m H \u001b[0m", - "\u001b[40m A \u001b[41m B \u001b[42m C \u001b[43m D \u001b[0m", - "\u001b[44m A \u001b[45m B \u001b[46m C \u001b[47m D \u001b[0m", - "\u001b[1m BOLD \u001b[0m\u001b[4m Underline \u001b[0m\u001b[7m Reversed \u001b[0m", - "\u001b[1m\u001b[4m\u001b[7m BOLD Underline Reversed \u001b[0m", - "\u001b[1m\u001b[31m Red Bold \u001b[0m", - "\u001b[4m\u001b[44m Blue Background Underline \u001b[0m", - ].map((v, i) => ({ - log: v, - index: i, - severity: LogSeverity.INFO, - createdAt: 0, - })), - loading: false, -}; - -export const AllColors = Template.bind({}); -AllColors.args = { - logs: [ - " 40m 41m 42m 43m 44m 45m 46m 47m", - " m \u001b[m gYw \u001b[m\u001b[40m gYw \u001b[0m \u001b[m\u001b[41m gYw \u001b[0m \u001b[m\u001b[42m gYw \u001b[0m \u001b[m\u001b[43m gYw \u001b[0m \u001b[m\u001b[44m gYw \u001b[0m \u001b[m\u001b[45m gYw \u001b[0m \u001b[m\u001b[46m gYw \u001b[0m \u001b[m\u001b[47m gYw \u001b[0m", - " 1m \u001b[1m gYw \u001b[1m\u001b[40m gYw \u001b[0m \u001b[1m\u001b[41m gYw \u001b[0m \u001b[1m\u001b[42m gYw \u001b[0m \u001b[1m\u001b[43m gYw \u001b[0m \u001b[1m\u001b[44m gYw \u001b[0m \u001b[1m\u001b[45m gYw \u001b[0m \u001b[1m\u001b[46m gYw \u001b[0m \u001b[1m\u001b[47m gYw \u001b[0m", - " 30m \u001b[30m gYw \u001b[30m\u001b[40m gYw \u001b[0m \u001b[30m\u001b[41m gYw \u001b[0m \u001b[30m\u001b[42m gYw \u001b[0m \u001b[30m\u001b[43m gYw \u001b[0m \u001b[30m\u001b[44m gYw \u001b[0m \u001b[30m\u001b[45m gYw \u001b[0m \u001b[30m\u001b[46m gYw \u001b[0m \u001b[30m\u001b[47m gYw \u001b[0m", - " 1;30m \u001b[1;30m gYw \u001b[1;30m\u001b[40m gYw \u001b[0m \u001b[1;30m\u001b[41m gYw \u001b[0m \u001b[1;30m\u001b[42m gYw \u001b[0m \u001b[1;30m\u001b[43m gYw \u001b[0m \u001b[1;30m\u001b[44m gYw \u001b[0m \u001b[1;30m\u001b[45m gYw \u001b[0m \u001b[1;30m\u001b[46m gYw \u001b[0m \u001b[1;30m\u001b[47m gYw \u001b[0m", - " 31m \u001b[31m gYw \u001b[31m\u001b[40m gYw \u001b[0m \u001b[31m\u001b[41m gYw \u001b[0m \u001b[31m\u001b[42m gYw \u001b[0m \u001b[31m\u001b[43m gYw \u001b[0m \u001b[31m\u001b[44m gYw \u001b[0m \u001b[31m\u001b[45m gYw \u001b[0m \u001b[31m\u001b[46m gYw \u001b[0m \u001b[31m\u001b[47m gYw \u001b[0m", - " 1;31m \u001b[1;31m gYw \u001b[1;31m\u001b[40m gYw \u001b[0m \u001b[1;31m\u001b[41m gYw \u001b[0m \u001b[1;31m\u001b[42m gYw \u001b[0m \u001b[1;31m\u001b[43m gYw \u001b[0m \u001b[1;31m\u001b[44m gYw \u001b[0m \u001b[1;31m\u001b[45m gYw \u001b[0m \u001b[1;31m\u001b[46m gYw \u001b[0m \u001b[1;31m\u001b[47m gYw \u001b[0m", - " 32m \u001b[32m gYw \u001b[32m\u001b[40m gYw \u001b[0m \u001b[32m\u001b[41m gYw \u001b[0m \u001b[32m\u001b[42m gYw \u001b[0m \u001b[32m\u001b[43m gYw \u001b[0m \u001b[32m\u001b[44m gYw \u001b[0m \u001b[32m\u001b[45m gYw \u001b[0m \u001b[32m\u001b[46m gYw \u001b[0m \u001b[32m\u001b[47m gYw \u001b[0m", - " 1;32m \u001b[1;32m gYw \u001b[1;32m\u001b[40m gYw \u001b[0m \u001b[1;32m\u001b[41m gYw \u001b[0m \u001b[1;32m\u001b[42m gYw \u001b[0m \u001b[1;32m\u001b[43m gYw \u001b[0m \u001b[1;32m\u001b[44m gYw \u001b[0m \u001b[1;32m\u001b[45m gYw \u001b[0m \u001b[1;32m\u001b[46m gYw \u001b[0m \u001b[1;32m\u001b[47m gYw \u001b[0m", - " 33m \u001b[33m gYw \u001b[33m\u001b[40m gYw \u001b[0m \u001b[33m\u001b[41m gYw \u001b[0m \u001b[33m\u001b[42m gYw \u001b[0m \u001b[33m\u001b[43m gYw \u001b[0m \u001b[33m\u001b[44m gYw \u001b[0m \u001b[33m\u001b[45m gYw \u001b[0m \u001b[33m\u001b[46m gYw \u001b[0m \u001b[33m\u001b[47m gYw \u001b[0m", - " 1;33m \u001b[1;33m gYw \u001b[1;33m\u001b[40m gYw \u001b[0m \u001b[1;33m\u001b[41m gYw \u001b[0m \u001b[1;33m\u001b[42m gYw \u001b[0m \u001b[1;33m\u001b[43m gYw \u001b[0m \u001b[1;33m\u001b[44m gYw \u001b[0m \u001b[1;33m\u001b[45m gYw \u001b[0m \u001b[1;33m\u001b[46m gYw \u001b[0m \u001b[1;33m\u001b[47m gYw \u001b[0m", - " 34m \u001b[34m gYw \u001b[34m\u001b[40m gYw \u001b[0m \u001b[34m\u001b[41m gYw \u001b[0m \u001b[34m\u001b[42m gYw \u001b[0m \u001b[34m\u001b[43m gYw \u001b[0m \u001b[34m\u001b[44m gYw \u001b[0m \u001b[34m\u001b[45m gYw \u001b[0m \u001b[34m\u001b[46m gYw \u001b[0m \u001b[34m\u001b[47m gYw \u001b[0m", - " 1;34m \u001b[1;34m gYw \u001b[1;34m\u001b[40m gYw \u001b[0m \u001b[1;34m\u001b[41m gYw \u001b[0m \u001b[1;34m\u001b[42m gYw \u001b[0m \u001b[1;34m\u001b[43m gYw \u001b[0m \u001b[1;34m\u001b[44m gYw \u001b[0m \u001b[1;34m\u001b[45m gYw \u001b[0m \u001b[1;34m\u001b[46m gYw \u001b[0m \u001b[1;34m\u001b[47m gYw \u001b[0m", - " 35m \u001b[35m gYw \u001b[35m\u001b[40m gYw \u001b[0m \u001b[35m\u001b[41m gYw \u001b[0m \u001b[35m\u001b[42m gYw \u001b[0m \u001b[35m\u001b[43m gYw \u001b[0m \u001b[35m\u001b[44m gYw \u001b[0m \u001b[35m\u001b[45m gYw \u001b[0m \u001b[35m\u001b[46m gYw \u001b[0m \u001b[35m\u001b[47m gYw \u001b[0m", - " 1;35m \u001b[1;35m gYw \u001b[1;35m\u001b[40m gYw \u001b[0m \u001b[1;35m\u001b[41m gYw \u001b[0m \u001b[1;35m\u001b[42m gYw \u001b[0m \u001b[1;35m\u001b[43m gYw \u001b[0m \u001b[1;35m\u001b[44m gYw \u001b[0m \u001b[1;35m\u001b[45m gYw \u001b[0m \u001b[1;35m\u001b[46m gYw \u001b[0m \u001b[1;35m\u001b[47m gYw \u001b[0m", - " 36m \u001b[36m gYw \u001b[36m\u001b[40m gYw \u001b[0m \u001b[36m\u001b[41m gYw \u001b[0m \u001b[36m\u001b[42m gYw \u001b[0m \u001b[36m\u001b[43m gYw \u001b[0m \u001b[36m\u001b[44m gYw \u001b[0m \u001b[36m\u001b[45m gYw \u001b[0m \u001b[36m\u001b[46m gYw \u001b[0m \u001b[36m\u001b[47m gYw \u001b[0m", - " 1;36m \u001b[1;36m gYw \u001b[1;36m\u001b[40m gYw \u001b[0m \u001b[1;36m\u001b[41m gYw \u001b[0m \u001b[1;36m\u001b[42m gYw \u001b[0m \u001b[1;36m\u001b[43m gYw \u001b[0m \u001b[1;36m\u001b[44m gYw \u001b[0m \u001b[1;36m\u001b[45m gYw \u001b[0m \u001b[1;36m\u001b[46m gYw \u001b[0m \u001b[1;36m\u001b[47m gYw \u001b[0m", - " 37m \u001b[37m gYw \u001b[37m\u001b[40m gYw \u001b[0m \u001b[37m\u001b[41m gYw \u001b[0m \u001b[37m\u001b[42m gYw \u001b[0m \u001b[37m\u001b[43m gYw \u001b[0m \u001b[37m\u001b[44m gYw \u001b[0m \u001b[37m\u001b[45m gYw \u001b[0m \u001b[37m\u001b[46m gYw \u001b[0m \u001b[37m\u001b[47m gYw \u001b[0m", - " 1;37m \u001b[1;37m gYw \u001b[1;37m\u001b[40m gYw \u001b[0m \u001b[1;37m\u001b[41m gYw \u001b[0m \u001b[1;37m\u001b[42m gYw \u001b[0m \u001b[1;37m\u001b[43m gYw \u001b[0m \u001b[1;37m\u001b[44m gYw \u001b[0m \u001b[1;37m\u001b[45m gYw \u001b[0m \u001b[1;37m\u001b[46m gYw \u001b[0m \u001b[1;37m\u001b[47m gYw \u001b[0m", - ].map((v, i) => ({ - log: v, - index: i, - severity: LogSeverity.INFO, - createdAt: 0, - })), - loading: false, -}; diff --git a/pkg/app/web/src/components/deployments-detail-page/pipeline/approval-stage/index.stories.tsx b/pkg/app/web/src/components/deployments-detail-page/pipeline/approval-stage/index.stories.tsx deleted file mode 100644 index b6fd3f4286..0000000000 --- a/pkg/app/web/src/components/deployments-detail-page/pipeline/approval-stage/index.stories.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { Story } from "@storybook/react"; -import { ApprovalStage, ApprovalStageProps } from "."; - -export default { - title: "DEPLOYMENT/Pipeline/ApprovalStage", - component: ApprovalStage, - argTypes: { - onClick: { action: "onClick" }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { id: "stage-1", name: "K8S_CANARY_ROLLOUT", active: false }; diff --git a/pkg/app/web/src/components/deployments-detail-page/pipeline/index.stories.tsx b/pkg/app/web/src/components/deployments-detail-page/pipeline/index.stories.tsx deleted file mode 100644 index 07171d2b45..0000000000 --- a/pkg/app/web/src/components/deployments-detail-page/pipeline/index.stories.tsx +++ /dev/null @@ -1,143 +0,0 @@ -import { Story } from "@storybook/react"; -import { METADATA_APPROVED_BY } from "~/constants/metadata-keys"; -import { Deployment, SyncStrategy } from "~/modules/deployments"; -import { createPipelineStage } from "~/__fixtures__/dummy-pipeline"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { Pipeline, PipelineProps } from "."; - -const DEPLOYMENT_ID = "debug-deployment-id-01"; -const fakeDeployment: Deployment.AsObject = { - id: DEPLOYMENT_ID, - applicationId: "debug-project/development/debug-app", - applicationName: "demo-app", - envId: "", - pipedId: "debug-piped", - projectId: "debug-project", - kind: 0, - gitPath: { - configPath: "", - repo: { - id: "pipe-debug", - branch: "master", - remote: "xxx", - }, - path: "k8s", - configFilename: "", - url: "", - }, - version: "0.0.1", - cloudProvider: "", - labelsMap: [], - trigger: { - commit: { - hash: "3808585b46f1e90196d7ffe8dd04c807a251febc", - message: "Add web page routing (#133)", - author: "cakecatz", - branch: "master", - pullRequest: 0, - createdAt: 1592201366, - url: "", - }, - commander: "cakecatz", - timestamp: 1592201366, - syncStrategy: SyncStrategy.AUTO, - strategySummary: "", - }, - runningCommitHash: "3808585b46f1e90196d7ffe8dd04c807a251febc", - runningConfigFilename: ".pipe.yaml", - summary: "This deployment is debug", - status: 2, - statusReason: "", - stagesList: [ - createPipelineStage({ id: "fake-stage-id-0-0" }), - createPipelineStage({ - index: 1, - id: "fake-stage-id-1-0", - requiresList: ["fake-stage-id-0-0"], - status: 1, - }), - createPipelineStage({ - id: "fake-stage-id-1-1", - name: "WAIT_APPROVAL", - index: 2, - requiresList: ["fake-stage-id-0-0"], - status: 2, - metadataMap: [[METADATA_APPROVED_BY, "User"]], - }), - createPipelineStage({ - id: "fake-stage-id-1-2", - name: "K8S_CANARY_ROLLOUT", - index: 2, - requiresList: ["fake-stage-id-0-0"], - status: 3, - }), - createPipelineStage({ - id: "fake-stage-id-1-3", - name: "WAIT_APPROVAL", - index: 2, - requiresList: ["fake-stage-id-0-0"], - status: 1, - }), - createPipelineStage({ - id: "fake-stage-id-2-0", - name: "K8S_TRAFFIC_ROUTING", - desc: "waiting approval", - index: 0, - requiresList: [ - "fake-stage-id-1-0", - "fake-stage-id-1-1", - "fake-stage-id-1-2", - ], - status: 0, - metadataMap: [ - ["baseline-percentage", "0"], - ["canary-percentage", "50"], - ["primary-percentage", "50"], - ], - }), - createPipelineStage({ - id: "fake-stage-id-2-1", - name: "K8S_CANARY_CLEAN", - desc: "approved by cakecatz", - index: 1, - requiresList: [ - "fake-stage-id-1-0", - "fake-stage-id-1-1", - "fake-stage-id-1-2", - ], - status: 0, - }), - createPipelineStage({ - id: "fake-stage-id-3-0", - name: "K8S_CANARY_ROLLOUT", - index: 0, - requiresList: ["fake-stage-id-2-0", "fake-stage-id-2-1"], - status: 0, - }), - ], - metadataMap: [], - completedAt: 0, - createdAt: 1592203166, - updatedAt: 1592203166, - deploymentChainId: "", - deploymentChainBlockIndex: 0, -}; - -export default { - title: "DEPLOYMENT/Pipeline/Pipeline", - component: Pipeline, - decorators: [ - createDecoratorRedux({ - deployments: { - ids: [DEPLOYMENT_ID], - entities: { - [DEPLOYMENT_ID]: fakeDeployment, - }, - }, - }), - ], -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = { deploymentId: DEPLOYMENT_ID }; diff --git a/pkg/app/web/src/components/deployments-detail-page/pipeline/pipeline-stage/index.stories.tsx b/pkg/app/web/src/components/deployments-detail-page/pipeline/pipeline-stage/index.stories.tsx deleted file mode 100644 index b82d169e72..0000000000 --- a/pkg/app/web/src/components/deployments-detail-page/pipeline/pipeline-stage/index.stories.tsx +++ /dev/null @@ -1,81 +0,0 @@ -import { Story } from "@storybook/react"; -import { StageStatus } from "~/modules/deployments"; -import { PipelineStage, PipelineStageProps } from "."; - -export default { - title: "DEPLOYMENT/Pipeline/PipelineStage", - component: PipelineStage, - argTypes: { - onClick: { - action: "onClick", - }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { - id: "stage-1", - status: StageStatus.STAGE_SUCCESS, - name: "K8S_CANARY_ROLLOUT", - active: false, - metadata: [], - isDeploymentRunning: true, -}; - -export const LongName = Template.bind({}); -LongName.args = { - id: "stage-1", - status: StageStatus.STAGE_SUCCESS, - name: "LONG_STAGE_NAME_XXXXXXX_YYYYYY_ZZZZZZZZ", - active: false, - metadata: [], - isDeploymentRunning: true, -}; - -export const Stopped = Template.bind({}); -Stopped.args = { - id: "stage-1", - status: StageStatus.STAGE_NOT_STARTED_YET, - name: "K8S_CANARY_ROLLOUT", - active: false, - metadata: [], - isDeploymentRunning: false, -}; - -export const Approved = Template.bind({}); -Approved.args = { - id: "stage-1", - status: StageStatus.STAGE_SUCCESS, - name: "K8S_CANARY_ROLLOUT", - active: false, - metadata: [], - approver: "User", - isDeploymentRunning: true, -}; - -export const TrafficPercentage = Template.bind({}); -TrafficPercentage.args = { - id: "stage-1", - status: StageStatus.STAGE_SUCCESS, - name: "K8S_CANARY_ROLLOUT", - active: false, - metadata: [ - ["baseline-percentage", "0"], - ["canary-percentage", "50"], - ["primary-percentage", "50"], - ], - isDeploymentRunning: true, -}; - -export const PromotePercentage = Template.bind({}); -PromotePercentage.args = { - id: "stage-1", - status: StageStatus.STAGE_SUCCESS, - name: "K8S_CANARY_ROLLOUT", - active: false, - metadata: [["promote-percentage", "75"]], - isDeploymentRunning: true, -}; diff --git a/pkg/app/web/src/components/deployments-detail-page/pipeline/pipeline-stage/stage-status-icon/index.stories.tsx b/pkg/app/web/src/components/deployments-detail-page/pipeline/pipeline-stage/stage-status-icon/index.stories.tsx deleted file mode 100644 index ad66618742..0000000000 --- a/pkg/app/web/src/components/deployments-detail-page/pipeline/pipeline-stage/stage-status-icon/index.stories.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { Story } from "@storybook/react"; -import { StageStatus } from "~/modules/deployments"; -import { StageStatusIcon, StageStatusIconProps } from "."; - -export default { - title: "DEPLOYMENT/StageStatusIcon", - component: StageStatusIcon, -}; - -const Template: Story = (args) => ( - -); - -export const Cancelled = Template.bind({}); -Cancelled.args = { status: StageStatus.STAGE_CANCELLED }; - -export const Failure = Template.bind({}); -Failure.args = { status: StageStatus.STAGE_FAILURE }; - -export const NotStartedYet = Template.bind({}); -NotStartedYet.args = { status: StageStatus.STAGE_NOT_STARTED_YET }; - -export const Running = Template.bind({}); -Running.args = { status: StageStatus.STAGE_RUNNING }; - -export const Success = Template.bind({}); -Success.args = { status: StageStatus.STAGE_SUCCESS }; diff --git a/pkg/app/web/src/components/deployments-page/deployment-filter/index.stories.tsx b/pkg/app/web/src/components/deployments-page/deployment-filter/index.stories.tsx deleted file mode 100644 index 575351ce63..0000000000 --- a/pkg/app/web/src/components/deployments-page/deployment-filter/index.stories.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { DeploymentFilter, DeploymentFilterProps } from "."; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { dummyApplication } from "~/__fixtures__/dummy-application"; -import { Story } from "@storybook/react"; - -export default { - title: "DEPLOYMENT/DeploymentFilter", - component: DeploymentFilter, - decorators: [ - createDecoratorRedux({ - applications: { - entities: { - [dummyApplication.id]: dummyApplication, - ["test"]: { ...dummyApplication, id: "test", name: "test-app" }, - }, - ids: [dummyApplication.id, "test"], - }, - }), - ], - argTypes: { - onChange: { - action: "onChange", - }, - onClear: { - action: "onClear", - }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { - options: { - applicationId: undefined, - kind: undefined, - status: undefined, - }, -}; diff --git a/pkg/app/web/src/components/deployments-page/deployment-item/index.stories.tsx b/pkg/app/web/src/components/deployments-page/deployment-item/index.stories.tsx deleted file mode 100644 index 33e075b870..0000000000 --- a/pkg/app/web/src/components/deployments-page/deployment-item/index.stories.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import { Story } from "@storybook/react"; -import { Provider } from "react-redux"; -import { dummyApplication } from "~/__fixtures__/dummy-application"; -import { dummyDeployment } from "~/__fixtures__/dummy-deployment"; -import { createStore } from "~~/test-utils"; -import { DeploymentItem } from "."; - -export default { - title: "DEPLOYMENT/DeploymentItem", - component: DeploymentItem, -}; - -export const Overview: Story = () => ( - - - -); - -export const noDescription: Story = () => ( - - - -); diff --git a/pkg/app/web/src/components/detail-table-row/index.stories.tsx b/pkg/app/web/src/components/detail-table-row/index.stories.tsx deleted file mode 100644 index 4ce45716e4..0000000000 --- a/pkg/app/web/src/components/detail-table-row/index.stories.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { Story } from "@storybook/react"; -import { DetailTableRow, DetailTableRowProps } from "./"; - -export default { - title: "COMMON/DetailTableRow", - component: DetailTableRow, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { label: "piped", value: "hello-world" }; diff --git a/pkg/app/web/src/components/filter-view/index.stories.tsx b/pkg/app/web/src/components/filter-view/index.stories.tsx deleted file mode 100644 index de80c23610..0000000000 --- a/pkg/app/web/src/components/filter-view/index.stories.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { Story } from "@storybook/react"; -import { FilterView, FilterViewProps } from "./"; - -export default { - title: "FilterView", - component: FilterView, - argTypes: { - onClear: { - action: "onClear", - }, - }, -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = {}; diff --git a/pkg/app/web/src/components/header/index.stories.tsx b/pkg/app/web/src/components/header/index.stories.tsx deleted file mode 100644 index 42de750e96..0000000000 --- a/pkg/app/web/src/components/header/index.stories.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { Header } from "./"; -import { createStore } from "~~/test-utils"; -import { Provider } from "react-redux"; -import { Story } from "@storybook/react"; -import { Role } from "~/modules/me"; - -export default { - title: "COMMON/Header", - component: Header, -}; - -export const Overview: Story = () => ( - -
- -); - -export const LoggedIn: Story = () => ( - -
- -); diff --git a/pkg/app/web/src/components/insight-page/application-counts/application-count/index.stories.tsx b/pkg/app/web/src/components/insight-page/application-counts/application-count/index.stories.tsx deleted file mode 100644 index 5de64a433c..0000000000 --- a/pkg/app/web/src/components/insight-page/application-counts/application-count/index.stories.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import { Story } from "@storybook/react"; -import { ApplicationCount, ApplicationCountProps } from "."; - -export default { - title: "application/ApplicationCount", - component: ApplicationCount, - argTypes: { - onClick: { - action: "onClick", - }, - }, -}; - -const Template: Story = (args) => ( - -); - -export const Overview = Template.bind({}); -Overview.args = { - enabledCount: 123, - disabledCount: 12, - kindName: "KUBERNETES", -}; diff --git a/pkg/app/web/src/components/insight-page/change-failure-rate-chart/index.stories.tsx b/pkg/app/web/src/components/insight-page/change-failure-rate-chart/index.stories.tsx deleted file mode 100644 index 8edbbd8eee..0000000000 --- a/pkg/app/web/src/components/insight-page/change-failure-rate-chart/index.stories.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Box } from "@material-ui/core"; -import { Story } from "@storybook/react"; -import { ChangeFailureRateChart, ChangeFailureRateChartProps } from "."; - -export default { - title: "insights/ChangeFailureRateChart", - component: ChangeFailureRateChart, -}; - -const randData = Array.from(new Array(20)).map((_, v) => ({ - value: Math.floor(Math.random() * 20 + 10), - timestamp: new Date(`2020/10/${v + 5}`).getTime(), -})); - -const Template: Story = (args) => ( - - - -); -export const Overview = Template.bind({}); -Overview.args = { - data: [{ name: "Average Change Failure Rate", points: randData }], -}; - -export const NoData = Template.bind({}); -NoData.args = { - data: [], -}; diff --git a/pkg/app/web/src/components/insight-page/chart-base/index.stories.tsx b/pkg/app/web/src/components/insight-page/chart-base/index.stories.tsx deleted file mode 100644 index 6225dd0eba..0000000000 --- a/pkg/app/web/src/components/insight-page/chart-base/index.stories.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import chartColor from "@material-ui/core/colors/indigo"; -import { Story } from "@storybook/react"; -import { ChartBase, ChartBaseProps } from "."; - -export default { - title: "insights/ChartBase", - component: ChartBase, -}; - -const randData = Array.from(new Array(20)).map((_, v) => ({ - value: Math.floor(Math.random() * 20 + 10), - timestamp: new Date(`2020/10/${v + 5}`).getTime(), -})); - -const Template: Story = (args) => ; - -export const Overview = Template.bind({}); -Overview.args = { - data: [{ name: "data name", points: randData }], - title: "Title", - xName: "xName", - yName: "yName", - lineColor: chartColor[500], - areaColor: chartColor[200], -}; diff --git a/pkg/app/web/src/components/insight-page/deployment-frequency-chart/index.stories.tsx b/pkg/app/web/src/components/insight-page/deployment-frequency-chart/index.stories.tsx deleted file mode 100644 index 10ba19a950..0000000000 --- a/pkg/app/web/src/components/insight-page/deployment-frequency-chart/index.stories.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Box } from "@material-ui/core"; -import { Story } from "@storybook/react"; -import { DeploymentFrequencyChart, DeploymentFrequencyChartProps } from "."; - -export default { - title: "insights/DeploymentFrequencyChart", - component: DeploymentFrequencyChart, -}; - -const randData = Array.from(new Array(20)).map((_, v) => ({ - value: Math.floor(Math.random() * 20 + 10), - timestamp: new Date(`2020/10/${v + 5}`).getTime(), -})); - -const Template: Story = (args) => ( - - - -); -export const Overview = Template.bind({}); -Overview.args = { - data: [{ name: "Total Deployments", points: randData }], -}; - -export const NoData = Template.bind({}); -NoData.args = { - data: [], -}; diff --git a/pkg/app/web/src/components/insight-page/insight-header/index.stories.tsx b/pkg/app/web/src/components/insight-page/insight-header/index.stories.tsx deleted file mode 100644 index 95cbe2fdc6..0000000000 --- a/pkg/app/web/src/components/insight-page/insight-header/index.stories.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { Story } from "@storybook/react"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { InsightHeader } from "."; - -export default { - title: "INSIGHTS/InsightHeader", - component: InsightHeader, - decorators: [createDecoratorRedux({})], -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = {}; diff --git a/pkg/app/web/src/components/insight-page/insight-header/week-picker/index.stories.tsx b/pkg/app/web/src/components/insight-page/insight-header/week-picker/index.stories.tsx deleted file mode 100644 index 504e8db2eb..0000000000 --- a/pkg/app/web/src/components/insight-page/insight-header/week-picker/index.stories.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import { Story } from "@storybook/react"; -import { WeekPicker, WeekPickerProps } from "."; - -export default { - title: "COMMON/WeekPicker", - component: WeekPicker, - argTypes: { - onChange: { action: "onChange" }, - }, -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = { - value: new Date(), - label: "Week Picker", -}; diff --git a/pkg/app/web/src/components/insight-page/lead-time-for-changes-chart/index.stories.tsx b/pkg/app/web/src/components/insight-page/lead-time-for-changes-chart/index.stories.tsx deleted file mode 100644 index 3f8cb26cd1..0000000000 --- a/pkg/app/web/src/components/insight-page/lead-time-for-changes-chart/index.stories.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Box } from "@material-ui/core"; -import { Story } from "@storybook/react"; -import { LeadTimeForChangesChart, LeadTimeForChangesChartProps } from "."; - -export default { - title: "insights/LeadTimeForChangesChart", - component: LeadTimeForChangesChart, -}; - -const randData = Array.from(new Array(20)).map((_, v) => ({ - value: Math.floor(Math.random() * 20 + 10), - timestamp: new Date(`2020/10/${v + 5}`).getTime(), -})); - -const Template: Story = (args) => ( - - - -); -export const Overview = Template.bind({}); -Overview.args = { - data: [{ name: "Total Deployments", points: randData }], -}; - -export const NoData = Template.bind({}); -NoData.args = { - data: [], -}; diff --git a/pkg/app/web/src/components/insight-page/mean-time-to-restore-chart/index.stories.tsx b/pkg/app/web/src/components/insight-page/mean-time-to-restore-chart/index.stories.tsx deleted file mode 100644 index 7eb4a9b971..0000000000 --- a/pkg/app/web/src/components/insight-page/mean-time-to-restore-chart/index.stories.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Box } from "@material-ui/core"; -import { Story } from "@storybook/react"; -import { MeanTimeToRestoreChart, MeanTimeToRestoreChartProps } from "."; - -export default { - title: "insights/MeanTimeToRestoreChart", - component: MeanTimeToRestoreChart, -}; - -const randData = Array.from(new Array(20)).map((_, v) => ({ - value: Math.floor(Math.random() * 20 + 10), - timestamp: new Date(`2020/10/${v + 5}`).getTime(), -})); - -const Template: Story = (args) => ( - - - -); -export const Overview = Template.bind({}); -Overview.args = { - data: [{ name: "Total Deployments", points: randData }], -}; - -export const NoData = Template.bind({}); -NoData.args = { - data: [], -}; diff --git a/pkg/app/web/src/components/login-page/login-form/index.stories.tsx b/pkg/app/web/src/components/login-page/login-form/index.stories.tsx deleted file mode 100644 index f4c6ad7205..0000000000 --- a/pkg/app/web/src/components/login-page/login-form/index.stories.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { Story } from "@storybook/react"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { LoginForm, LoginFormProps } from "."; - -export default { - title: "LOGIN/LoginForm", - component: LoginForm, - decorators: [createDecoratorRedux({})], -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = { - projectName: "PipeCD", -}; diff --git a/pkg/app/web/src/components/settings-page/api-key/components/disable-api-key-confirm-dialog/index.stories.tsx b/pkg/app/web/src/components/settings-page/api-key/components/disable-api-key-confirm-dialog/index.stories.tsx deleted file mode 100644 index f69511e137..0000000000 --- a/pkg/app/web/src/components/settings-page/api-key/components/disable-api-key-confirm-dialog/index.stories.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { Story } from "@storybook/react"; -import { dummyAPIKey } from "~/__fixtures__/dummy-api-key"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { DisableAPIKeyConfirmDialog, DisableAPIKeyConfirmDialogProps } from "."; - -export default { - title: "Setting/APIKey/DisableAPIKeyConfirmDialog", - component: DisableAPIKeyConfirmDialog, - decorators: [ - createDecoratorRedux({ - apiKeys: { - entities: { [dummyAPIKey.id]: dummyAPIKey }, - ids: [dummyAPIKey.id], - }, - }), - ], - argTypes: { - onCancel: { - action: "onCancel", - }, - onDisable: { - action: "onDisable", - }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { - apiKeyId: dummyAPIKey.id, -}; diff --git a/pkg/app/web/src/components/settings-page/api-key/components/generate-api-key-dialog/index.stories.tsx b/pkg/app/web/src/components/settings-page/api-key/components/generate-api-key-dialog/index.stories.tsx deleted file mode 100644 index 878f5699c6..0000000000 --- a/pkg/app/web/src/components/settings-page/api-key/components/generate-api-key-dialog/index.stories.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { Story } from "@storybook/react"; -import { GenerateAPIKeyDialog, GenerateAPIKeyDialogProps } from "."; - -export default { - title: "Setting/APIKey/GenerateAPIKeyDialog", - component: GenerateAPIKeyDialog, - argTypes: { - onClose: { - action: "onClose", - }, - onSubmit: { - action: "onSubmit", - }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { open: true }; diff --git a/pkg/app/web/src/components/settings-page/api-key/components/generated-api-key-dialog/index.stories.tsx b/pkg/app/web/src/components/settings-page/api-key/components/generated-api-key-dialog/index.stories.tsx deleted file mode 100644 index 976b94287c..0000000000 --- a/pkg/app/web/src/components/settings-page/api-key/components/generated-api-key-dialog/index.stories.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { Story } from "@storybook/react"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { GeneratedAPIKeyDialog } from "."; - -export default { - title: "Setting/APIKey/GeneratedAPIKeyDialog", - component: GeneratedAPIKeyDialog, - decorators: [ - createDecoratorRedux({ - apiKeys: { - disabling: false, - error: null, - generatedKey: - "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.bspmf2xvt74area19iaxl0yh33jzwelq493vzil0orgzylrdb1", - generating: false, - loading: false, - entities: {}, - ids: [], - }, - }), - ], -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = {}; diff --git a/pkg/app/web/src/components/settings-page/piped/components/add-piped-drawer/index.stories.tsx b/pkg/app/web/src/components/settings-page/piped/components/add-piped-drawer/index.stories.tsx deleted file mode 100644 index e233c98512..0000000000 --- a/pkg/app/web/src/components/settings-page/piped/components/add-piped-drawer/index.stories.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { Story } from "@storybook/react"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { AddPipedDrawer, AddPipedDrawerProps } from "."; - -export default { - title: "Setting/Piped/AddPipedDrawer", - component: AddPipedDrawer, - decorators: [createDecoratorRedux({})], - argTypes: { - onClose: { - action: "onClose", - }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { open: true }; diff --git a/pkg/app/web/src/components/settings-page/piped/components/edit-piped-drawer/index.stories.tsx b/pkg/app/web/src/components/settings-page/piped/components/edit-piped-drawer/index.stories.tsx deleted file mode 100644 index ad68e85bf9..0000000000 --- a/pkg/app/web/src/components/settings-page/piped/components/edit-piped-drawer/index.stories.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { Story } from "@storybook/react"; -import { dummyPiped } from "~/__fixtures__/dummy-piped"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { EditPipedDrawer, EditPipedDrawerProps } from "."; - -export default { - title: "Setting/Piped/EditPipedDrawer", - component: EditPipedDrawer, - decorators: [ - createDecoratorRedux({ - pipeds: { - entities: { - [dummyPiped.id]: dummyPiped, - }, - ids: [dummyPiped.id], - }, - }), - ], - argTypes: { - onClose: { - action: "onClose", - }, - }, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { pipedId: dummyPiped.id }; diff --git a/pkg/app/web/src/components/settings-page/piped/components/piped-filter/index.stories.tsx b/pkg/app/web/src/components/settings-page/piped/components/piped-filter/index.stories.tsx deleted file mode 100644 index 321750335b..0000000000 --- a/pkg/app/web/src/components/settings-page/piped/components/piped-filter/index.stories.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { Story } from "@storybook/react"; -import { PipedFilter, PipedFilterProps } from "."; - -export default { - title: "Setting/Piped/PipedFilter", - component: PipedFilter, - argTypes: { - onChange: { - action: "onChange", - }, - }, -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = { - values: { - enabled: false, - }, -}; diff --git a/pkg/app/web/src/components/settings-page/project/components/github-sso-form/index.stories.tsx b/pkg/app/web/src/components/settings-page/project/components/github-sso-form/index.stories.tsx deleted file mode 100644 index e6efcfbb71..0000000000 --- a/pkg/app/web/src/components/settings-page/project/components/github-sso-form/index.stories.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { Story } from "@storybook/react"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { GithubSSOForm } from "."; - -export default { - title: "Setting/GithubSSOForm", - component: GithubSSOForm, - decorators: [createDecoratorRedux({})], -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = {}; diff --git a/pkg/app/web/src/components/settings-page/project/components/project-setting-labeled-text/index.stories.tsx b/pkg/app/web/src/components/settings-page/project/components/project-setting-labeled-text/index.stories.tsx deleted file mode 100644 index a6061a56e0..0000000000 --- a/pkg/app/web/src/components/settings-page/project/components/project-setting-labeled-text/index.stories.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { Story } from "@storybook/react"; -import { ProjectSettingLabeledText, ProjectSettingLabeledTextProps } from "."; - -export default { - title: "ProjectSettingLabeledText", - component: ProjectSettingLabeledText, -}; - -const Template: Story = (args) => ( - -); -export const Overview = Template.bind({}); -Overview.args = { label: "label", value: "value" }; diff --git a/pkg/app/web/src/components/settings-page/project/components/rbac-form/index.stories.tsx b/pkg/app/web/src/components/settings-page/project/components/rbac-form/index.stories.tsx deleted file mode 100644 index fdaed04fd5..0000000000 --- a/pkg/app/web/src/components/settings-page/project/components/rbac-form/index.stories.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { Story } from "@storybook/react"; -import { Provider } from "react-redux"; -import { createStore } from "~~/test-utils"; -import { RBACForm } from "."; - -export default { - title: "RBACForm", - component: RBACForm, -}; - -export const Overview: Story = () => ( - - - -); - -export const NotConfigured: Story = () => ( - - - -); diff --git a/pkg/app/web/src/components/settings-page/project/components/static-admin-form/index.stories.tsx b/pkg/app/web/src/components/settings-page/project/components/static-admin-form/index.stories.tsx deleted file mode 100644 index f1b18985c3..0000000000 --- a/pkg/app/web/src/components/settings-page/project/components/static-admin-form/index.stories.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { Story } from "@storybook/react"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { StaticAdminForm } from "."; - -export default { - title: "Setting/StaticAdminForm", - component: StaticAdminForm, - decorators: [ - createDecoratorRedux({ - project: { - staticAdminDisabled: false, - username: "pipe-user", - }, - }), - ], -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = {}; diff --git a/pkg/app/web/src/components/split-button/index.stories.tsx b/pkg/app/web/src/components/split-button/index.stories.tsx deleted file mode 100644 index 825b5bdac4..0000000000 --- a/pkg/app/web/src/components/split-button/index.stories.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { SplitButton, SplitButtonProps } from "./"; -import CancelIcon from "@material-ui/icons/Cancel"; -import { Story } from "@storybook/react"; - -export default { - title: "COMMON/SplitButton", - component: SplitButton, - argTypes: { - onClick: { action: "onClick" }, - }, -}; - -const Template: Story = (args) => ; -export const Overview = Template.bind({}); -Overview.args = { - label: "select option", - startIcon: , - options: ["Cancel", "Cancel Without Rollback"], - disabled: false, - loading: false, -}; - -export const Loading = Template.bind({}); -Loading.args = { - label: "select option", - startIcon: , - options: ["Cancel", "Cancel Without Rollback"], - disabled: true, - loading: true, -}; diff --git a/pkg/app/web/src/components/text-with-copy-button/index.stories.tsx b/pkg/app/web/src/components/text-with-copy-button/index.stories.tsx deleted file mode 100644 index 54eca7c937..0000000000 --- a/pkg/app/web/src/components/text-with-copy-button/index.stories.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { Story } from "@storybook/react"; -import { createDecoratorRedux } from "~~/.storybook/redux-decorator"; -import { TextWithCopyButton, TextWithCopyButtonProps } from "./"; - -export default { - title: "COMMON/TextWithCopyButton", - component: TextWithCopyButton, - decorators: [createDecoratorRedux({})], -}; - -const Template: Story = (args) => ( - -); - -export const Overview = Template.bind({}); -Overview.args = { name: "Value", value: "value" }; diff --git a/pkg/app/web/src/components/toasts/index.stories.tsx b/pkg/app/web/src/components/toasts/index.stories.tsx deleted file mode 100644 index 24ff8f43bc..0000000000 --- a/pkg/app/web/src/components/toasts/index.stories.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { Toasts } from "./"; -import { Provider } from "react-redux"; -import { createStore } from "~~/test-utils"; -import { Story } from "@storybook/react"; - -export default { - title: "COMMON/Toasts", - component: Toasts, -}; - -export const Overview: Story = () => ( - - - -); - -export const Url: Story = () => ( - - - -);