@pega/cosmos-react-demos 7.11.3 → 7.11.4-10

package/jsx/core/Modal/Modal.stories.jsx

@@ -1,175 +0,0 @@
-import { useRef, useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { Button, Modal, useModalManager } from '@pega/cosmos-react-core';
-import { AlertModalMockModal, AutoWidthModalContentMockModal, DockedModalMockModal, MinimizableModalModal, ModalDemoMockModal, ModalUpdatesMockModal, ProgressStateMockModal, getContent } from './Modal.mocks';
-export default {
-    title: 'Core/Modal',
-    component: Modal,
-    parameters: {
-        layout: 'centered'
-    },
-    args: {
-        autoWidth: false,
-        stretch: false,
-        center: false,
-        onDismiss: action('Clicked dismiss button'),
-        onMinimize: action('Clicked minimize button'),
-        onActivate: action('Activates minimized modal'),
-        onRequestDismiss: action('onRequestDismiss called'),
-        onRequestMinimize: action('onRequestMinimize called'),
-        onRequestActivate: action('onRequestActivate called'),
-        onRequestDock: action('onRequestActivate called')
-    },
-    argTypes: {
-        autoWidth: { control: { type: 'boolean' } },
-        stretch: { control: { type: 'boolean' } },
-        center: { control: { type: 'boolean' } },
-        onDismiss: { table: { disable: true } },
-        onMinimize: { table: { disable: true } },
-        onActivate: { table: { disable: true } },
-        onRequestDismiss: { table: { disable: true } },
-        onRequestMinimize: { table: { disable: true } },
-        onRequestActivate: { table: { disable: true } },
-        onRequestDock: { table: { disable: true } }
-    }
-};
-export const ModalDemo = (args) => {
-    const { create } = useModalManager();
-    return (<Button onClick={() => {
-            create(ModalDemoMockModal, {
-                ...args,
-                autoWidth: args.autoWidth,
-                stretch: args.stretch,
-                center: args.center
-            });
-        }}>
-      Open Modal
-    </Button>);
-};
-export const ModalUpdates = (args) => {
-    const { create } = useModalManager();
-    const modalMethods = useRef();
-    return (<Button onClick={() => {
-            modalMethods.current = create(ModalUpdatesMockModal, {
-                ...args,
-                autoWidth: args.autoWidth,
-                stretch: args.stretch,
-                center: args.center,
-                heading: 'This is the Modal heading',
-                content: 'This Modal will automatically update in a few seconds.',
-                disableButton: true
-            });
-            setTimeout(() => {
-                modalMethods.current?.update({
-                    heading: 'This is the updated Modal heading',
-                    content: 'This Modal has been updated from its parent!',
-                    disableButton: false
-                });
-            }, 2000);
-        }}>
-      Open Modal
-    </Button>);
-};
-export const AlertModal = (args) => {
-    const { create } = useModalManager();
-    return (<Button onClick={() => {
-            create(AlertModalMockModal, { ...args, autoWidth: args.autoWidth, stretch: args.stretch, center: args.center }, {
-                onDismiss: args.onDismiss
-            });
-        }}>
-      Open Modal
-    </Button>);
-};
-AlertModal.args = {
-    onKeyDown: action("Called input's onKeyDown")
-};
-AlertModal.argTypes = {
-    onKeyDown: { table: { disable: true } }
-};
-export const ProgressState = () => {
-    const { create } = useModalManager();
-    return (<Button onClick={() => {
-            create(ProgressStateMockModal);
-        }}>
-      Open Modal
-    </Button>);
-};
-ProgressState.argTypes = {
-    autoWidth: { table: { disable: true } },
-    stretch: { table: { disable: true } },
-    center: { table: { disable: true } }
-};
-export const MinimizableModal = (args) => {
-    const { create } = useModalManager();
-    const [count, setCount] = useState(1);
-    return (<Button onClick={() => {
-            setCount(cnt => cnt + 1);
-            create(MinimizableModalModal, { ...args, autoWidth: args.autoWidth, stretch: args.stretch, center: args.center, count }, {
-                id: `${count}`,
-                minimizable: true,
-                onDismiss: args.onDismiss,
-                onMinimize: args.onMinimize,
-                onActivate: args.onActivate,
-                defaultMinimized: args.defaultMinimized
-            });
-        }}>
-      Open Modal
-    </Button>);
-};
-export const DockedModal = (args) => {
-    const { create } = useModalManager();
-    const [count, setCount] = useState(1);
-    return (<Button onClick={() => {
-            setCount(cnt => cnt + 1);
-            create(DockedModalMockModal, args, {
-                id: `${count}`,
-                minimizable: true,
-                maximizable: true,
-                dockable: true
-            });
-        }}>
-      Open Modal
-    </Button>);
-};
-DockedModal.argTypes = {
-    autoWidth: { table: { disable: true } },
-    stretch: { table: { disable: true } },
-    center: { table: { disable: true } }
-};
-export const AutoWidthModalContent = (args) => {
-    const { create } = useModalManager();
-    return (<Button onClick={() => {
-            create(AutoWidthModalContentMockModal, {
-                ...args,
-                autoWidth: args.autoWidth,
-                contentType: args.content,
-                content: getContent(args.content, args.formColumnWidthFixed)
-            });
-        }}>
-      Open Modal
-    </Button>);
-};
-AutoWidthModalContent.args = {
-    autoWidth: true,
-    content: 'short text',
-    formColumnWidthFixed: false
-};
-AutoWidthModalContent.argTypes = {
-    stretch: { table: { disable: true } },
-    center: { table: { disable: true } },
-    content: {
-        options: [
-            'short text',
-            'long text',
-            'image',
-            'table',
-            'form (1 column)',
-            'form (2 column)',
-            'form (3 column)',
-            'random'
-        ],
-        control: { type: 'select' }
-    },
-    formColumnWidthFixed: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=Modal.stories.jsx.map

package/jsx/core/Modal/Modal.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.jsx","sourceRoot":"","sources":["../../../src/core/Modal/Modal.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useRef, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { Button, Modal, useModalManager } from '@pega/cosmos-react-core';\nimport type { ModalMethods } from '@pega/cosmos-react-core';\n\nimport {\n  AlertModalMockModal,\n  AutoWidthModalContentMockModal,\n  DockedModalMockModal,\n  MinimizableModalModal,\n  ModalDemoMockModal,\n  ModalUpdatesMockModal,\n  ProgressStateMockModal,\n  getContent\n} from './Modal.mocks';\nimport type {\n  AlertModalDemoProps,\n  AutoWidthModalContentProps,\n  ModalDemoProps,\n  ModalUpdatesProps\n} from './Modal.mocks';\n\nexport default {\n  title: 'Core/Modal',\n  component: Modal,\n  parameters: {\n    layout: 'centered'\n  },\n  args: {\n    autoWidth: false,\n    stretch: false,\n    center: false,\n    onDismiss: action('Clicked dismiss button'),\n    onMinimize: action('Clicked minimize button'),\n    onActivate: action('Activates minimized modal'),\n    onRequestDismiss: action('onRequestDismiss called'),\n    onRequestMinimize: action('onRequestMinimize called'),\n    onRequestActivate: action('onRequestActivate called'),\n    onRequestDock: action('onRequestActivate called')\n  },\n  argTypes: {\n    autoWidth: { control: { type: 'boolean' } },\n    stretch: { control: { type: 'boolean' } },\n    center: { control: { type: 'boolean' } },\n    onDismiss: { table: { disable: true } },\n    onMinimize: { table: { disable: true } },\n    onActivate: { table: { disable: true } },\n    onRequestDismiss: { table: { disable: true } },\n    onRequestMinimize: { table: { disable: true } },\n    onRequestActivate: { table: { disable: true } },\n    onRequestDock: { table: { disable: true } }\n  }\n} as Meta;\n\nexport const ModalDemo: StoryFn<ModalDemoProps> = (args: ModalDemoProps) => {\n  const { create } = useModalManager();\n\n  return (\n    <Button\n      onClick={() => {\n        create(ModalDemoMockModal, {\n          ...args,\n          autoWidth: args.autoWidth,\n          stretch: args.stretch,\n          center: args.center\n        });\n      }}\n    >\n      Open Modal\n    </Button>\n  );\n};\n\nexport const ModalUpdates: StoryFn<ModalUpdatesProps> = (args: ModalUpdatesProps) => {\n  const { create } = useModalManager();\n  const modalMethods = useRef<ModalMethods<ModalUpdatesProps>>();\n\n  return (\n    <Button\n      onClick={() => {\n        // <ModalUpdatesProps> type arg required to assert disableButton as boolean vs true.\n        modalMethods.current = create<ModalUpdatesProps>(ModalUpdatesMockModal, {\n          ...args,\n          autoWidth: args.autoWidth,\n          stretch: args.stretch,\n          center: args.center,\n          heading: 'This is the Modal heading',\n          content: 'This Modal will automatically update in a few seconds.',\n          disableButton: true\n        });\n\n        setTimeout(() => {\n          modalMethods.current?.update({\n            heading: 'This is the updated Modal heading',\n            content: 'This Modal has been updated from its parent!',\n            disableButton: false\n          });\n        }, 2000);\n      }}\n    >\n      Open Modal\n    </Button>\n  );\n};\n\nexport const AlertModal: StoryFn<AlertModalDemoProps> = (args: AlertModalDemoProps) => {\n  const { create } = useModalManager();\n\n  return (\n    <Button\n      onClick={() => {\n        create(\n          AlertModalMockModal,\n          { ...args, autoWidth: args.autoWidth, stretch: args.stretch, center: args.center },\n          {\n            onDismiss: args.onDismiss\n          }\n        );\n      }}\n    >\n      Open Modal\n    </Button>\n  );\n};\n\nAlertModal.args = {\n  onKeyDown: action(\"Called input's onKeyDown\")\n};\n\nAlertModal.argTypes = {\n  onKeyDown: { table: { disable: true } }\n};\n\nexport const ProgressState: StoryFn = () => {\n  const { create } = useModalManager();\n\n  return (\n    <Button\n      onClick={() => {\n        create(ProgressStateMockModal);\n      }}\n    >\n      Open Modal\n    </Button>\n  );\n};\n\nProgressState.argTypes = {\n  autoWidth: { table: { disable: true } },\n  stretch: { table: { disable: true } },\n  center: { table: { disable: true } }\n};\n\nexport const MinimizableModal: StoryFn<ModalDemoProps> = (args: ModalDemoProps) => {\n  const { create } = useModalManager();\n  const [count, setCount] = useState(1);\n\n  return (\n    <Button\n      onClick={() => {\n        setCount(cnt => cnt + 1);\n        create(\n          MinimizableModalModal,\n          { ...args, autoWidth: args.autoWidth, stretch: args.stretch, center: args.center, count },\n          {\n            id: `${count}`,\n            minimizable: true,\n            onDismiss: args.onDismiss,\n            onMinimize: args.onMinimize,\n            onActivate: args.onActivate,\n            defaultMinimized: args.defaultMinimized\n          }\n        );\n      }}\n    >\n      Open Modal\n    </Button>\n  );\n};\n\nexport const DockedModal: StoryFn<ModalDemoProps> = (args: ModalDemoProps) => {\n  const { create } = useModalManager();\n  const [count, setCount] = useState(1);\n\n  return (\n    <Button\n      onClick={() => {\n        setCount(cnt => cnt + 1);\n        create(DockedModalMockModal, args, {\n          id: `${count}`,\n          minimizable: true,\n          maximizable: true,\n          dockable: true\n        });\n      }}\n    >\n      Open Modal\n    </Button>\n  );\n};\n\nDockedModal.argTypes = {\n  autoWidth: { table: { disable: true } },\n  stretch: { table: { disable: true } },\n  center: { table: { disable: true } }\n};\n\nexport const AutoWidthModalContent: StoryFn<AutoWidthModalContentProps> = (\n  args: AutoWidthModalContentProps\n) => {\n  const { create } = useModalManager();\n\n  return (\n    <Button\n      onClick={() => {\n        create(AutoWidthModalContentMockModal, {\n          ...args,\n          autoWidth: args.autoWidth,\n          contentType: args.content,\n          content: getContent(args.content, args.formColumnWidthFixed)\n        });\n      }}\n    >\n      Open Modal\n    </Button>\n  );\n};\n\nAutoWidthModalContent.args = {\n  autoWidth: true,\n  content: 'short text',\n  formColumnWidthFixed: false\n};\n\nAutoWidthModalContent.argTypes = {\n  stretch: { table: { disable: true } },\n  center: { table: { disable: true } },\n  content: {\n    options: [\n      'short text',\n      'long text',\n      'image',\n      'table',\n      'form (1 column)',\n      'form (2 column)',\n      'form (3 column)',\n      'random'\n    ],\n    control: { type: 'select' }\n  },\n  formColumnWidthFixed: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/core/MultiStepForm/MultiStepForm.mocks.d.ts

@@ -1,70 +0,0 @@
-/// <reference types="react" />
-import type { BannerMessage } from '@pega/cosmos-react-core';
-import type MultiStepFormProps from '@pega/cosmos-react-core/lib/components/MultiStepForm/MultiStepForm.types';
-export interface MultiStepFormDemoProps {
-    heading?: MultiStepFormProps['heading'];
-    stepIndicator?: MultiStepFormProps['stepIndicator'];
-}
-export interface ReducerAction {
-    type: string;
-    payload?: any;
-}
-export interface DemoMultiStepState {
-    formData: DemoFormDataType;
-    formErrors: DemoFormErrorsType;
-    currentStepIndex: number;
-    numSteps: number;
-    cancelled: boolean;
-    finished: boolean;
-}
-interface DemoFormDataType {
-    [key: string]: string | boolean | undefined;
-    firstName?: string;
-    lastName?: string;
-    currentTitle?: string;
-    currentCompany?: string;
-    salaryRequested?: string;
-    experienceLevel?: string;
-    priorityOne?: string;
-    priorityTwo?: string;
-    priorityThree?: string;
-    interviewNotes?: string;
-    additionalInterview?: boolean;
-    nextInterviewer?: string;
-    salaryRequestReview?: string;
-    cultureFit?: string;
-    finalRecommendation?: string;
-    recommendationComments?: string;
-}
-interface DemoFormErrorsType {
-    [field: string]: BannerMessage;
-}
-interface MockFormArgs {
-    formData: DemoFormDataType;
-    formErrors: DemoFormErrorsType;
-    dispatch: (value: {
-        type: string;
-        payload?: any;
-    }) => void;
-}
-interface FieldData {
-    name: string;
-    label: string;
-}
-export declare const stepFields: FieldData[][];
-export declare const initialState: DemoMultiStepState;
-export declare const reducer: (state: DemoMultiStepState, action: ReducerAction) => DemoMultiStepState | {
-    currentStepIndex: any;
-    formErrors: {};
-    formData: DemoFormDataType;
-    numSteps: number;
-    cancelled: boolean;
-    finished: boolean;
-};
-export declare const ApplicantDetailsFields: ({ formData, formErrors, dispatch }: MockFormArgs) => import("react").JSX.Element;
-export declare const InterviewNotesFields: ({ formData, formErrors, dispatch }: MockFormArgs) => import("react").JSX.Element;
-export declare const NextInterviewFields: ({ formData, formErrors, dispatch }: MockFormArgs) => import("react").JSX.Element;
-export declare const RecommendationsFields: ({ formData, formErrors, dispatch }: MockFormArgs) => import("react").JSX.Element;
-export declare const MultiStepModal: (args: MultiStepFormDemoProps) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=MultiStepForm.mocks.d.ts.map

package/jsx/core/MultiStepForm/MultiStepForm.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiStepForm.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/MultiStepForm/MultiStepForm.mocks.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,KAAK,kBAAkB,MAAM,0EAA0E,CAAC;AAK/G,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAQD,UAAU,gBAAgB;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,UAAU,kBAAkB;IAC1B,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,UAAU,YAAY;IACpB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,EAAE,SAAS,EAAE,EAwBnC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAY1B,CAAC;AA6BF,eAAO,MAAM,OAAO,UAAW,kBAAkB,UAAU,aAAa;;;cApH5D,gBAAgB;cAGhB,MAAM;eACL,OAAO;cACR,OAAO;CA8MlB,CAAC;AAEF,eAAO,MAAM,sBAAsB,uCAAwC,YAAY,gCAgGtF,CAAC;AAEF,eAAO,MAAM,oBAAoB,uCAAwC,YAAY,gCA2BpF,CAAC;AAEF,eAAO,MAAM,mBAAmB,uCAAwC,YAAY,gCAsBnF,CAAC;AAEF,eAAO,MAAM,qBAAqB,uCAAwC,YAAY,gCAiKrF,CAAC;AAEF,eAAO,MAAM,cAAc,SAAU,sBAAsB,gCAoL1D,CAAC"}