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

package/jsx/core/MenuButton/MenuButton.stories.jsx

@@ -1,194 +0,0 @@
-import { useState, useMemo, useEffect } from 'react';
-import { Avatar, Button, Flex, MenuButton, menuHelpers } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/MenuButton',
-    component: MenuButton,
-    args: {
-        variant: 'secondary',
-        showIcon: true,
-        iconOnly: false,
-        showArrow: false,
-        showItemVisual: true,
-        showItemSecondary: true,
-        showItemCount: true
-    },
-    argTypes: {
-        text: { control: { type: 'text' } },
-        variant: {
-            options: ['primary', 'secondary', 'simple', 'link', 'text'],
-            control: { type: 'select' }
-        },
-        showIcon: { control: { type: 'boolean' } },
-        iconOnly: { control: { type: 'boolean' } },
-        showArrow: {
-            control: { type: 'boolean' },
-            if: { arg: 'iconOnly', truthy: true }
-        },
-        showItemVisual: { control: { type: 'boolean' } },
-        showItemSecondary: { control: { type: 'boolean' } },
-        showItemCount: { control: { type: 'boolean' } }
-    }
-};
-export const MenuButtonAction = (args) => {
-    const [items, setItems] = useState(() => Array.from({ length: 10 }, (_, i) => {
-        return {
-            id: `${i}`,
-            primary: `Item ${i + 1}`,
-            secondary: ['Meta A', 'Meta B', 'Meta C'],
-            items: i === 2 ? [{ id: 'sub', primary: 'SubItem' }] : undefined
-        };
-    }));
-    const itemsToRender = useMemo(() => {
-        return menuHelpers.mapTree(items, item => {
-            return {
-                ...item,
-                visual: args.showItemVisual ? <Avatar name={item.primary}/> : undefined,
-                secondary: args.showItemSecondary ? item.secondary : undefined
-            };
-        });
-    }, [items, args.showItemVisual, args.showItemSecondary]);
-    useEffect(() => {
-        setItems(cur => {
-            return menuHelpers.mapTree(cur, item => {
-                return { ...item, count: args.showItemCount ? Math.ceil(Math.random() * 10) : undefined };
-            });
-        });
-    }, [args.showItemCount]);
-    return (<MenuButton text={args.text} variant={args.variant} icon={args.showIcon ? 'user-list-solid' : undefined} iconOnly={args.iconOnly} showArrow={args.showArrow} menu={{
-            mode: 'action',
-            items: itemsToRender,
-            onItemClick: () => { }
-        }}/>);
-};
-MenuButtonAction.args = {
-    text: 'Actions'
-};
-export const MenuButtonSingleSelect = (args) => {
-    const [items, setItems] = useState(() => Array.from({ length: 10 }, (_, i) => {
-        return {
-            id: `${i}`,
-            primary: `Item ${i + 1}`,
-            secondary: ['Meta A', 'Meta B', 'Meta C'],
-            selected: false
-        };
-    }));
-    const handleMenuItemClick = (id) => {
-        setItems(cur => menuHelpers.toggleSelected(cur, id, 'single-select'));
-    };
-    const itemsToRender = useMemo(() => {
-        return menuHelpers.mapTree(items, item => {
-            return {
-                ...item,
-                visual: args.showItemVisual ? <Avatar name={item.primary}/> : undefined,
-                secondary: args.showItemSecondary ? item.secondary : undefined
-            };
-        });
-    }, [items, args.showItemVisual, args.showItemSecondary]);
-    const buttonText = useMemo(() => {
-        const selected = menuHelpers.getSelected(items)[0];
-        return selected ? selected.primary : args.text;
-    }, [items]);
-    useEffect(() => {
-        setItems(cur => {
-            return menuHelpers.mapTree(cur, item => {
-                return { ...item, count: args.showItemCount ? Math.ceil(Math.random() * 10) : undefined };
-            });
-        });
-    }, [args.showItemCount]);
-    return (<MenuButton text={buttonText} variant={args.variant} icon={args.showIcon ? 'user-list-solid' : undefined} iconOnly={args.iconOnly} showArrow={args.showArrow} menu={{
-            mode: 'single-select',
-            items: itemsToRender,
-            onItemClick: handleMenuItemClick
-        }}/>);
-};
-MenuButtonSingleSelect.args = {
-    text: 'Select an item'
-};
-export const MenuButtonMultiSelect = (args) => {
-    const [items, setItems] = useState(() => Array.from({ length: 10 }, (_, i) => {
-        return {
-            id: `${i}`,
-            primary: `Item ${i + 1}`,
-            secondary: ['Meta A', 'Meta B', 'Meta C'],
-            selected: false
-        };
-    }));
-    const handleMenuItemClick = (id) => {
-        setItems(cur => menuHelpers.toggleSelected(cur, id, 'multi-select'));
-    };
-    const itemsToRender = useMemo(() => {
-        return menuHelpers.mapTree(items, item => {
-            return {
-                ...item,
-                visual: args.showItemVisual ? <Avatar name={item.primary}/> : undefined,
-                secondary: args.showItemSecondary ? item.secondary : undefined
-            };
-        });
-    }, [items, args.showItemVisual, args.showItemSecondary]);
-    const selectionCount = useMemo(() => menuHelpers.getSelected(items).length, [items]);
-    useEffect(() => {
-        setItems(cur => {
-            return menuHelpers.mapTree(cur, item => {
-                return { ...item, count: args.showItemCount ? Math.ceil(Math.random() * 10) : undefined };
-            });
-        });
-    }, [args.showItemCount]);
-    return (<MenuButton text={args.text} variant={args.variant} icon={args.showIcon ? 'user-list-solid' : undefined} iconOnly={args.iconOnly} showArrow={args.showArrow} count={selectionCount} menu={{
-            mode: 'multi-select',
-            items: itemsToRender,
-            onItemClick: handleMenuItemClick,
-            footer: (<Flex container={{ justify: 'center' }}>
-            <Button variant='link' disabled={selectionCount <= 0} onClick={() => {
-                    setItems(cur => {
-                        return menuHelpers.mapTree(cur, item => {
-                            return {
-                                ...item,
-                                selected: false
-                            };
-                        });
-                    });
-                }}>
-              Clear
-            </Button>
-          </Flex>)
-        }}/>);
-};
-MenuButtonMultiSelect.args = {
-    text: 'Select items'
-};
-export const MenuButtonDisabledItems = (args) => {
-    const [items, setItems] = useState(() => Array.from({ length: 10 }, (_, i) => {
-        return {
-            id: `${i}`,
-            primary: `Item ${i + 1}`,
-            secondary: ['Meta A', 'Meta B', 'Meta C'],
-            selected: false
-        };
-    }));
-    const itemsToRender = useMemo(() => {
-        return menuHelpers.mapTree(items, (item, index) => {
-            return {
-                ...item,
-                visual: args.showItemVisual ? <Avatar name={item.primary}/> : undefined,
-                secondary: args.showItemSecondary ? item.secondary : undefined,
-                disabled: (index + 1) % 2 === 0
-            };
-        });
-    }, [items, args.showItemVisual, args.showItemSecondary]);
-    useEffect(() => {
-        setItems(cur => {
-            return menuHelpers.mapTree(cur, item => {
-                return { ...item, count: args.showItemCount ? Math.ceil(Math.random() * 10) : undefined };
-            });
-        });
-    }, [args.showItemCount]);
-    return (<MenuButton text={args.text} variant={args.variant} icon={args.showIcon ? 'user-list-solid' : undefined} iconOnly={args.iconOnly} showArrow={args.showArrow} menu={{
-            mode: 'action',
-            items: itemsToRender,
-            onItemClick: args.onItemClick
-        }}/>);
-};
-MenuButtonDisabledItems.args = {
-    text: 'Actions'
-};
-//# sourceMappingURL=MenuButton.stories.jsx.map

package/jsx/core/MenuButton/MenuButton.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuButton.stories.jsx","sourceRoot":"","sources":["../../../src/core/MenuButton/MenuButton.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState, useMemo, useEffect } from 'react';\n\nimport { Avatar, Button, Flex, MenuButton, menuHelpers } from '@pega/cosmos-react-core';\nimport type { MenuButtonProps, MenuItemProps, MenuProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/MenuButton',\n  component: MenuButton,\n  args: {\n    variant: 'secondary',\n    showIcon: true,\n    iconOnly: false,\n    showArrow: false,\n    showItemVisual: true,\n    showItemSecondary: true,\n    showItemCount: true\n  },\n  argTypes: {\n    text: { control: { type: 'text' } },\n    variant: {\n      options: ['primary', 'secondary', 'simple', 'link', 'text'],\n      control: { type: 'select' }\n    },\n    showIcon: { control: { type: 'boolean' } },\n    iconOnly: { control: { type: 'boolean' } },\n    showArrow: {\n      control: { type: 'boolean' },\n      if: { arg: 'iconOnly', truthy: true }\n    },\n    showItemVisual: { control: { type: 'boolean' } },\n    showItemSecondary: { control: { type: 'boolean' } },\n    showItemCount: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\ntype MenuButtonStoryProps = MenuButtonProps & {\n  showIcon?: boolean;\n  showItemVisual?: boolean;\n  showItemSecondary?: boolean;\n  showItemCount?: boolean;\n  onItemClick?: () => void;\n};\n\nexport const MenuButtonAction: StoryFn<MenuButtonStoryProps> = (args: MenuButtonStoryProps) => {\n  const [items, setItems] = useState<MenuProps['items']>(() =>\n    Array.from({ length: 10 }, (_, i) => {\n      return {\n        id: `${i}`,\n        primary: `Item ${i + 1}`,\n        secondary: ['Meta A', 'Meta B', 'Meta C'],\n        items: i === 2 ? [{ id: 'sub', primary: 'SubItem' }] : undefined\n      };\n    })\n  );\n\n  const itemsToRender = useMemo(() => {\n    return menuHelpers.mapTree(items, item => {\n      return {\n        ...item,\n        visual: args.showItemVisual ? <Avatar name={item.primary} /> : undefined,\n        secondary: args.showItemSecondary ? item.secondary : undefined\n      };\n    });\n  }, [items, args.showItemVisual, args.showItemSecondary]);\n\n  useEffect(() => {\n    setItems(cur => {\n      return menuHelpers.mapTree(cur, item => {\n        return { ...item, count: args.showItemCount ? Math.ceil(Math.random() * 10) : undefined };\n      });\n    });\n  }, [args.showItemCount]);\n\n  return (\n    <MenuButton\n      text={args.text}\n      variant={args.variant}\n      icon={args.showIcon ? 'user-list-solid' : undefined}\n      iconOnly={args.iconOnly}\n      showArrow={args.showArrow}\n      menu={{\n        mode: 'action',\n        items: itemsToRender,\n        onItemClick: () => {}\n      }}\n    />\n  );\n};\n\nMenuButtonAction.args = {\n  text: 'Actions'\n};\n\nexport const MenuButtonSingleSelect: StoryFn<MenuButtonStoryProps> = (\n  args: MenuButtonStoryProps\n) => {\n  const [items, setItems] = useState<MenuProps['items']>(() =>\n    Array.from({ length: 10 }, (_, i) => {\n      return {\n        id: `${i}`,\n        primary: `Item ${i + 1}`,\n        secondary: ['Meta A', 'Meta B', 'Meta C'],\n        selected: false\n      };\n    })\n  );\n  const handleMenuItemClick = (id: MenuItemProps['id']) => {\n    setItems(cur => menuHelpers.toggleSelected(cur, id, 'single-select'));\n  };\n\n  const itemsToRender = useMemo(() => {\n    return menuHelpers.mapTree(items, item => {\n      return {\n        ...item,\n        visual: args.showItemVisual ? <Avatar name={item.primary} /> : undefined,\n        secondary: args.showItemSecondary ? item.secondary : undefined\n      };\n    });\n  }, [items, args.showItemVisual, args.showItemSecondary]);\n\n  const buttonText = useMemo(() => {\n    const selected = menuHelpers.getSelected(items)[0];\n    return selected ? selected.primary : args.text;\n  }, [items]);\n\n  useEffect(() => {\n    setItems(cur => {\n      return menuHelpers.mapTree(cur, item => {\n        return { ...item, count: args.showItemCount ? Math.ceil(Math.random() * 10) : undefined };\n      });\n    });\n  }, [args.showItemCount]);\n\n  return (\n    <MenuButton\n      text={buttonText}\n      variant={args.variant}\n      icon={args.showIcon ? 'user-list-solid' : undefined}\n      iconOnly={args.iconOnly}\n      showArrow={args.showArrow}\n      menu={{\n        mode: 'single-select',\n        items: itemsToRender,\n        onItemClick: handleMenuItemClick\n      }}\n    />\n  );\n};\n\nMenuButtonSingleSelect.args = {\n  text: 'Select an item'\n};\n\nexport const MenuButtonMultiSelect: StoryFn<MenuButtonStoryProps> = (\n  args: MenuButtonStoryProps\n) => {\n  const [items, setItems] = useState<MenuProps['items']>(() =>\n    Array.from({ length: 10 }, (_, i) => {\n      return {\n        id: `${i}`,\n        primary: `Item ${i + 1}`,\n        secondary: ['Meta A', 'Meta B', 'Meta C'],\n        selected: false\n      };\n    })\n  );\n\n  const handleMenuItemClick = (id: MenuItemProps['id']) => {\n    setItems(cur => menuHelpers.toggleSelected(cur, id, 'multi-select'));\n  };\n\n  const itemsToRender = useMemo(() => {\n    return menuHelpers.mapTree(items, item => {\n      return {\n        ...item,\n        visual: args.showItemVisual ? <Avatar name={item.primary} /> : undefined,\n        secondary: args.showItemSecondary ? item.secondary : undefined\n      };\n    });\n  }, [items, args.showItemVisual, args.showItemSecondary]);\n\n  const selectionCount = useMemo(() => menuHelpers.getSelected(items).length, [items]);\n\n  useEffect(() => {\n    setItems(cur => {\n      return menuHelpers.mapTree(cur, item => {\n        return { ...item, count: args.showItemCount ? Math.ceil(Math.random() * 10) : undefined };\n      });\n    });\n  }, [args.showItemCount]);\n\n  return (\n    <MenuButton\n      text={args.text}\n      variant={args.variant}\n      icon={args.showIcon ? 'user-list-solid' : undefined}\n      iconOnly={args.iconOnly}\n      showArrow={args.showArrow}\n      count={selectionCount}\n      menu={{\n        mode: 'multi-select',\n        items: itemsToRender,\n        onItemClick: handleMenuItemClick,\n        footer: (\n          <Flex container={{ justify: 'center' }}>\n            <Button\n              variant='link'\n              disabled={selectionCount <= 0}\n              onClick={() => {\n                setItems(cur => {\n                  return menuHelpers.mapTree(cur, item => {\n                    return {\n                      ...item,\n                      selected: false\n                    };\n                  });\n                });\n              }}\n            >\n              Clear\n            </Button>\n          </Flex>\n        )\n      }}\n    />\n  );\n};\n\nMenuButtonMultiSelect.args = {\n  text: 'Select items'\n};\n\nexport const MenuButtonDisabledItems: StoryFn<MenuButtonStoryProps> = (\n  args: MenuButtonStoryProps\n) => {\n  const [items, setItems] = useState<MenuProps['items']>(() =>\n    Array.from({ length: 10 }, (_, i) => {\n      return {\n        id: `${i}`,\n        primary: `Item ${i + 1}`,\n        secondary: ['Meta A', 'Meta B', 'Meta C'],\n        selected: false\n      };\n    })\n  );\n\n  const itemsToRender = useMemo(() => {\n    return menuHelpers.mapTree(items, (item, index) => {\n      return {\n        ...item,\n        visual: args.showItemVisual ? <Avatar name={item.primary} /> : undefined,\n        secondary: args.showItemSecondary ? item.secondary : undefined,\n        disabled: (index + 1) % 2 === 0\n      };\n    });\n  }, [items, args.showItemVisual, args.showItemSecondary]);\n\n  useEffect(() => {\n    setItems(cur => {\n      return menuHelpers.mapTree(cur, item => {\n        return { ...item, count: args.showItemCount ? Math.ceil(Math.random() * 10) : undefined };\n      });\n    });\n  }, [args.showItemCount]);\n\n  return (\n    <MenuButton\n      text={args.text}\n      variant={args.variant}\n      icon={args.showIcon ? 'user-list-solid' : undefined}\n      iconOnly={args.iconOnly}\n      showArrow={args.showArrow}\n      menu={{\n        mode: 'action',\n        items: itemsToRender,\n        onItemClick: args.onItemClick\n      }}\n    />\n  );\n};\n\nMenuButtonDisabledItems.args = {\n  text: 'Actions'\n};\n"]}

package/jsx/core/MetaList/MetaList.stories.d.ts

@@ -1,9 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { MetaListProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-interface MetaListStoryProps {
-    wrapItems?: MetaListProps['wrapItems'];
-}
-export declare const MetaListDemo: StoryFn<MetaListStoryProps>;
-//# sourceMappingURL=MetaList.stories.d.ts.map

package/jsx/core/MetaList/MetaList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetaList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MetaList/MetaList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;;AAE7D,wBAGU;AAEV,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAgBpD,CAAC"}

package/jsx/core/MetaList/MetaList.stories.jsx

@@ -1,24 +0,0 @@
-import { Link, MetaList, Status } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/MetaList',
-    component: MetaList
-};
-export const MetaListDemo = (args) => {
-    return (<MetaList wrapItems={args.wrapItems} items={[
-            'email@example.com',
-            <Status variant='success'>Verified</Status>,
-            <>
-          Go to{' '}
-          <Link href='https://www.pega.com' target='_blank'>
-            Pega.com
-          </Link>
-        </>
-        ]}/>);
-};
-MetaListDemo.args = {
-    wrapItems: true
-};
-MetaListDemo.argTypes = {
-    wrapItems: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=MetaList.stories.jsx.map

package/jsx/core/MetaList/MetaList.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetaList.stories.jsx","sourceRoot":"","sources":["../../../src/core/MetaList/MetaList.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjE,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAQ;CACZ,CAAC;AAMV,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,IAAwB,EAAE,EAAE;IACpF,OAAO,CACL,CAAC,QAAQ,CACP,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,KAAK,CAAC,CAAC;YACL,mBAAmB;YACnB,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC;YAC3C,EACE;eAAK,CAAC,GAAG,CACT;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAC/C;;UACF,EAAE,IAAI,CACR;QAAA,GAAG;SACJ,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,IAAI,GAAG;IAClB,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG;IACtB,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC5C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Link, MetaList, Status } from '@pega/cosmos-react-core';\nimport type { MetaListProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/MetaList',\n  component: MetaList\n} as Meta;\n\ninterface MetaListStoryProps {\n  wrapItems?: MetaListProps['wrapItems'];\n}\n\nexport const MetaListDemo: StoryFn<MetaListStoryProps> = (args: MetaListStoryProps) => {\n  return (\n    <MetaList\n      wrapItems={args.wrapItems}\n      items={[\n        'email@example.com',\n        <Status variant='success'>Verified</Status>,\n        <>\n          Go to{' '}\n          <Link href='https://www.pega.com' target='_blank'>\n            Pega.com\n          </Link>\n        </>\n      ]}\n    />\n  );\n};\n\nMetaListDemo.args = {\n  wrapItems: true\n};\n\nMetaListDemo.argTypes = {\n  wrapItems: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -1,45 +0,0 @@
-import { type ReactNode, type KeyboardEvent } from 'react';
-import type { ModalProps, OmitStrict } from '@pega/cosmos-react-core';
-export interface ModalDemoProps {
-    autoWidth: ModalProps['autoWidth'];
-    center: ModalProps['center'];
-    stretch: ModalProps['stretch'];
-    defaultMinimized?: boolean;
-    onDismiss?: (id: string) => void;
-    onMinimize?: (id: string) => void;
-    onActivate?: (id: string) => void;
-    onRequestDismiss?: () => boolean;
-    onRequestMinimize?: () => boolean;
-    onRequestActivate?: () => boolean;
-    onRequestDock?: () => boolean;
-}
-export interface AlertModalDemoProps extends ModalDemoProps {
-    onKeyDown?: (e: KeyboardEvent) => void;
-}
-export interface ModalUpdatesProps extends ModalDemoProps {
-    content: string;
-    disableButton: boolean;
-    heading: string;
-}
-export interface AutoWidthModalContentProps {
-    autoWidth: boolean;
-    content: ContentType;
-    formColumnWidthFixed: boolean;
-    stretch?: never;
-    center?: never;
-}
-export type ContentType = 'short text' | 'long text' | 'image' | 'table' | 'form (1 column)' | 'form (2 column)' | 'form (3 column)' | 'random';
-export declare const getContent: (contentType: ContentType, formColumnWidthFixed: boolean) => import("react").JSX.Element;
-export declare const ModalDemoMockModal: (args: ModalDemoProps) => import("react").JSX.Element;
-export declare const ModalUpdatesMockModal: (props: ModalUpdatesProps) => import("react").JSX.Element;
-export declare const AlertModalMockModal: (args: AlertModalDemoProps) => import("react").JSX.Element;
-export declare const ProgressStateMockModal: () => import("react").JSX.Element;
-export declare const MinimizableModalModal: (args: ModalDemoProps & {
-    count: number;
-}) => import("react").JSX.Element;
-export declare const DockedModalMockModal: (args: ModalDemoProps) => import("react").JSX.Element;
-export declare const AutoWidthModalContentMockModal: (args: OmitStrict<AutoWidthModalContentProps, 'content'> & {
-    contentType: ContentType;
-    content: ReactNode;
-}) => import("react").JSX.Element;
-//# sourceMappingURL=Modal.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Modal/Modal.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAalG,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAOtE,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7B,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;AAID,MAAM,MAAM,WAAW,GACnB,YAAY,GACZ,WAAW,GACX,OAAO,GACP,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,QAAQ,CAAC;AAab,eAAO,MAAM,UAAU,gBAAiB,WAAW,wBAAwB,OAAO,gCAiCjF,CAAC;AAKF,eAAO,MAAM,kBAAkB,SAAU,cAAc,gCAWtD,CAAC;AAKF,eAAO,MAAM,qBAAqB,UAAW,iBAAiB,gCA6B7D,CAAC;AA+BF,eAAO,MAAM,mBAAmB,SAAU,mBAAmB,gCAkD5D,CAAC;AAKF,eAAO,MAAM,sBAAsB,mCAsElC,CAAC;AAuBF,eAAO,MAAM,qBAAqB,SAAU,cAAc,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,gCAoC7E,CAAC;AAKF,eAAO,MAAM,oBAAoB,SAAU,cAAc,gCAQxD,CAAC;AAKF,eAAO,MAAM,8BAA8B,SACnC,WAAW,0BAA0B,EAAE,SAAS,CAAC,GAAG;IACxD,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC;CACpB,gCAuCF,CAAC"}

package/jsx/core/Modal/Modal.mocks.jsx

@@ -1,204 +0,0 @@
-import { useState, useEffect } from 'react';
-import { Button, Flex, Input, Modal, Text, cap, useModalContext, useModalManager, useToaster } from '@pega/cosmos-react-core';
-import { ImageDemo } from '../Image/Image.stories';
-import { TableDemo } from '../Table/Table.stories';
-import { FormContent } from '../Form/Form.mocks';
-import { loadingTimeoutMS } from '../Progress/Progress.mocks';
-const getRandomContentType = (contentType) => {
-    const contentMap = {
-        text: ['short text', 'long text'],
-        meta: ['image', 'table'],
-        form: ['form (1 column)', 'form (2 column)', 'form (3 column)']
-    };
-    const options = contentMap[contentType];
-    return options[Math.floor(Math.random() * options.length)];
-};
-export const getContent = (contentType, formColumnWidthFixed) => {
-    switch (contentType) {
-        case 'random':
-            return (<Flex container={{ direction: 'column', gap: 4 }}>
-          {getContent(getRandomContentType('text'), false)}
-          {getContent(getRandomContentType('meta'), false)}
-          {getContent(getRandomContentType('form'), formColumnWidthFixed)}
-        </Flex>);
-        case 'image':
-            return <ImageDemo />;
-        case 'table':
-            return <TableDemo />;
-        case 'form (1 column)':
-            return <FormContent cols={1} showActions={false}/>;
-        case 'form (2 column)':
-            return <FormContent cols={2} showActions={false}/>;
-        case 'form (3 column)':
-            return <FormContent cols={3} showActions={false}/>;
-        case 'long text':
-            return (<Text>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fermentum ipsum ipsum, nec
-          sodales risus finibus eget. Proin ornare, ante ac convallis sollicitudin, elit turpis
-          venenatis lorem, vitae viverra eros magna non lectus. Duis ac auctor sapien. Donec
-          malesuada eros ut libero sodales, malesuada ullamcorper lacus eleifend.
-        </Text>);
-        case 'short text':
-        default:
-            return <Text>Lorem ipsum dolor sit amet.</Text>;
-    }
-};
-export const ModalDemoMockModal = (args) => {
-    return (<Modal heading='This is the Modal heading' autoWidth={args.autoWidth} center={args.center} stretch={args.stretch}>
-      <Text>This is the content of the Modal.</Text>
-    </Modal>);
-};
-export const ModalUpdatesMockModal = (props) => {
-    const { update } = useModalContext();
-    const actions = (<Button variant='primary' disabled={props.disableButton} onClick={() => {
-            update({
-                content: 'This Modal has been updated a second time from within the Modal!'
-            });
-        }}>
-      Update Modal
-    </Button>);
-    return (<Modal {...props} heading={props.heading} actions={actions} autoWidth={props.autoWidth} center={props.center} stretch={props.stretch}>
-      <Text>{props.content}</Text>
-    </Modal>);
-};
-const AlertModalMockAlert = (props) => {
-    const { dismiss } = useModalContext();
-    return (<Modal heading='You have unsaved changes!' actions={<>
-          <Button onClick={dismiss}>No</Button>
-          <Button variant='primary' onClick={() => {
-                dismiss();
-                props.closeInitialModal();
-            }}>
-            Yes
-          </Button>
-        </>}>
-      <Text>Are you sure you want to close without saving?</Text>
-    </Modal>);
-};
-export const AlertModalMockModal = (args) => {
-    const [name, setName] = useState('');
-    const { create } = useModalManager();
-    const { dismiss } = useModalContext();
-    const actions = (<>
-      <Button onClick={() => {
-            if (name !== '') {
-                create(AlertModalMockAlert, { closeInitialModal: dismiss }, { alert: true });
-            }
-            else {
-                dismiss();
-            }
-        }}>
-        Close
-      </Button>
-      <Button variant='primary' onClick={dismiss} disabled={name === ''}>
-        Save
-      </Button>
-    </>);
-    return (<Modal actions={actions} heading='Close the Modal without saving any data to invoke the alert' autoWidth={args.autoWidth} center={args.center} stretch={args.stretch} onRequestDismiss={() => {
-            if (name !== '') {
-                create(AlertModalMockAlert, { closeInitialModal: dismiss }, { alert: true });
-                return false;
-            }
-        }}>
-      <Input label='Name' name='name' onChange={(e) => {
-            setName(e.target.value);
-        }} onKeyDown={args.onKeyDown} value={name} required/>
-    </Modal>);
-};
-export const ProgressStateMockModal = () => {
-    const { dismiss } = useModalContext();
-    const [transientState, setTransientState] = useState('loading');
-    const actions = transientState === 'loading' ? null : (<>
-        <Button disabled={!!transientState} onClick={() => {
-            if (transientState !== 'submitting') {
-                dismiss();
-            }
-        }}>
-          Cancel
-        </Button>
-        <Button disabled={!!transientState} variant='primary' onClick={() => {
-            setTransientState('submitting');
-        }}>
-          Submit
-        </Button>
-      </>);
-    useEffect(() => {
-        let timerID;
-        if (transientState === 'loading' || transientState === 'submitting') {
-            timerID = window.setTimeout(() => {
-                if (transientState === 'loading') {
-                    setTransientState(null);
-                }
-                else {
-                    dismiss();
-                }
-            }, loadingTimeoutMS);
-        }
-        return () => {
-            window.clearTimeout(timerID);
-        };
-    }, [transientState]);
-    return (<Modal progress={(() => {
-            if (transientState) {
-                return {
-                    message: `${cap(transientState)}…`
-                };
-            }
-        })()} heading='Modal progress demo' actions={actions} onRequestDismiss={() => transientState !== 'submitting'}>
-      {transientState !== 'loading' && (<Flex container={{ direction: 'column', gap: 2 }}>
-          {Array.from({ length: 5 }, (_, i) => (<Input key={i} label={`Field-${i + 1}`}/>))}
-        </Flex>)}
-    </Modal>);
-};
-const MinimizableModalMockChildModal = (args) => {
-    return (<Modal heading={`Modal #${args.count}`} autoWidth={args.autoWidth} onRequestDismiss={() => {
-            args.onRequestDismiss?.();
-        }}>
-      <Text>
-        This minimizable modal is triggered from an existing open modal - Modal #{args.parentId}.
-      </Text>
-    </Modal>);
-};
-export const MinimizableModalModal = (args) => {
-    const { create } = useModalManager();
-    return (<Modal heading={`Modal #${args.count}`} autoWidth={args.autoWidth} actions={<Button variant='secondary' onClick={() => {
-                create(MinimizableModalMockChildModal, { ...args, count: args.count + 0.1, parentId: args.count }, {
-                    id: `${args.count + 0.1}`,
-                    minimizable: true,
-                    onDismiss: args.onDismiss,
-                    onMinimize: args.onMinimize,
-                    onActivate: args.onActivate
-                });
-            }}>
-          Create modal
-        </Button>} center={args.center} stretch={args.stretch} onRequestDismiss={args.onRequestDismiss} onRequestMinimize={args.onRequestMinimize} onRequestActivate={args.onRequestActivate}>
-      <Text>This Modal can be minimized by clicking the minimize button above.</Text>
-    </Modal>);
-};
-export const DockedModalMockModal = (args) => {
-    const { id } = useModalContext();
-    return (<Modal heading={`Modal #${id}`} onRequestDock={args.onRequestDock}>
-      <Text>This Modal can be minimized by clicking the minimize button above.</Text>
-    </Modal>);
-};
-export const AutoWidthModalContentMockModal = (args) => {
-    const { dismiss } = useModalContext();
-    const { push } = useToaster();
-    return (<Modal heading={`Modal ${args.autoWidth ? 'with' : 'without'} autoWidth`} autoWidth={args.autoWidth} actions={args.contentType.includes('form') || args.contentType === 'random' ? (<>
-            <Button name='Cancel' variant='secondary' onClick={() => {
-                dismiss();
-                push({ content: 'Form cancelled!' });
-            }}>
-              Cancel
-            </Button>
-            <Button name='Submit' variant='primary' onClick={() => {
-                dismiss();
-                push({ content: 'Form submitted!' });
-            }}>
-              Submit
-            </Button>
-          </>) : undefined}>
-      {args.content}
-    </Modal>);
-};
-//# sourceMappingURL=Modal.mocks.jsx.map

package/jsx/core/Modal/Modal.mocks.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.mocks.jsx","sourceRoot":"","sources":["../../../src/core/Modal/Modal.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, type ChangeEvent, useEffect, type ReactNode, type KeyboardEvent } from 'react';\n\nimport {\n  Button,\n  Flex,\n  Input,\n  Modal,\n  Text,\n  cap,\n  useModalContext,\n  useModalManager,\n  useToaster\n} from '@pega/cosmos-react-core';\nimport type { ModalProps, OmitStrict } from '@pega/cosmos-react-core';\n\nimport { ImageDemo } from '../Image/Image.stories';\nimport { TableDemo } from '../Table/Table.stories';\nimport { FormContent } from '../Form/Form.mocks';\nimport { loadingTimeoutMS } from '../Progress/Progress.mocks';\n\nexport interface ModalDemoProps {\n  autoWidth: ModalProps['autoWidth'];\n  center: ModalProps['center'];\n  stretch: ModalProps['stretch'];\n  defaultMinimized?: boolean;\n  onDismiss?: (id: string) => void;\n  onMinimize?: (id: string) => void;\n  onActivate?: (id: string) => void;\n  onRequestDismiss?: () => boolean;\n  onRequestMinimize?: () => boolean;\n  onRequestActivate?: () => boolean;\n  onRequestDock?: () => boolean;\n}\n\nexport interface AlertModalDemoProps extends ModalDemoProps {\n  onKeyDown?: (e: KeyboardEvent) => void;\n}\n\nexport interface ModalUpdatesProps extends ModalDemoProps {\n  content: string;\n  disableButton: boolean;\n  heading: string;\n}\n\nexport interface AutoWidthModalContentProps {\n  autoWidth: boolean;\n  content: ContentType;\n  formColumnWidthFixed: boolean;\n  stretch?: never;\n  center?: never;\n}\n\ntype ContentSections = 'text' | 'meta' | 'form';\n\nexport type ContentType =\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\nconst getRandomContentType = (contentType: ContentSections): ContentType => {\n  const contentMap: Record<ContentSections, ContentType[]> = {\n    text: ['short text', 'long text'],\n    meta: ['image', 'table'],\n    form: ['form (1 column)', 'form (2 column)', 'form (3 column)']\n  };\n  const options = contentMap[contentType];\n\n  return options[Math.floor(Math.random() * options.length)];\n};\n\nexport const getContent = (contentType: ContentType, formColumnWidthFixed: boolean) => {\n  switch (contentType) {\n    case 'random':\n      return (\n        <Flex container={{ direction: 'column', gap: 4 }}>\n          {getContent(getRandomContentType('text'), false)}\n          {getContent(getRandomContentType('meta'), false)}\n          {getContent(getRandomContentType('form'), formColumnWidthFixed)}\n        </Flex>\n      );\n    case 'image':\n      return <ImageDemo />;\n    case 'table':\n      return <TableDemo />;\n    case 'form (1 column)':\n      return <FormContent cols={1} showActions={false} />;\n    case 'form (2 column)':\n      return <FormContent cols={2} showActions={false} />;\n    case 'form (3 column)':\n      return <FormContent cols={3} showActions={false} />;\n    case 'long text':\n      return (\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fermentum ipsum ipsum, nec\n          sodales risus finibus eget. Proin ornare, ante ac convallis sollicitudin, elit turpis\n          venenatis lorem, vitae viverra eros magna non lectus. Duis ac auctor sapien. Donec\n          malesuada eros ut libero sodales, malesuada ullamcorper lacus eleifend.\n        </Text>\n      );\n    case 'short text':\n    default:\n      return <Text>Lorem ipsum dolor sit amet.</Text>;\n  }\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// ModalDemo story mocks\n// ---------------------------------------------------------------------------------------------------------------------\nexport const ModalDemoMockModal = (args: ModalDemoProps) => {\n  return (\n    <Modal\n      heading='This is the Modal heading'\n      autoWidth={args.autoWidth}\n      center={args.center}\n      stretch={args.stretch}\n    >\n      <Text>This is the content of the Modal.</Text>\n    </Modal>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// ModalUpdates story mocks\n// ---------------------------------------------------------------------------------------------------------------------\nexport const ModalUpdatesMockModal = (props: ModalUpdatesProps) => {\n  const { update } = useModalContext();\n\n  const actions = (\n    <Button\n      variant='primary'\n      disabled={props.disableButton}\n      onClick={() => {\n        update({\n          content: 'This Modal has been updated a second time from within the Modal!'\n        });\n      }}\n    >\n      Update Modal\n    </Button>\n  );\n\n  return (\n    <Modal\n      {...props}\n      heading={props.heading}\n      actions={actions}\n      autoWidth={props.autoWidth}\n      center={props.center}\n      stretch={props.stretch}\n    >\n      <Text>{props.content}</Text>\n    </Modal>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// AlertModal story mocks\n// ---------------------------------------------------------------------------------------------------------------------\nconst AlertModalMockAlert = (props: { closeInitialModal: () => void }) => {\n  const { dismiss } = useModalContext();\n\n  return (\n    <Modal\n      heading='You have unsaved changes!'\n      actions={\n        <>\n          <Button onClick={dismiss}>No</Button>\n          <Button\n            variant='primary'\n            onClick={() => {\n              dismiss();\n              props.closeInitialModal();\n            }}\n          >\n            Yes\n          </Button>\n        </>\n      }\n    >\n      <Text>Are you sure you want to close without saving?</Text>\n    </Modal>\n  );\n};\n\nexport const AlertModalMockModal = (args: AlertModalDemoProps) => {\n  const [name, setName] = useState('');\n  const { create } = useModalManager();\n  const { dismiss } = useModalContext();\n\n  const actions = (\n    <>\n      <Button\n        onClick={() => {\n          if (name !== '') {\n            create(AlertModalMockAlert, { closeInitialModal: dismiss }, { alert: true });\n          } else {\n            dismiss();\n          }\n        }}\n      >\n        Close\n      </Button>\n      <Button variant='primary' onClick={dismiss} disabled={name === ''}>\n        Save\n      </Button>\n    </>\n  );\n\n  return (\n    <Modal\n      actions={actions}\n      heading='Close the Modal without saving any data to invoke the alert'\n      autoWidth={args.autoWidth}\n      center={args.center}\n      stretch={args.stretch}\n      onRequestDismiss={() => {\n        if (name !== '') {\n          create(AlertModalMockAlert, { closeInitialModal: dismiss }, { alert: true });\n          return false;\n        }\n      }}\n    >\n      <Input\n        label='Name'\n        name='name'\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          setName(e.target.value);\n        }}\n        onKeyDown={args.onKeyDown}\n        value={name}\n        required\n      />\n    </Modal>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// ProgressState story mocks\n// ---------------------------------------------------------------------------------------------------------------------\nexport const ProgressStateMockModal = () => {\n  const { dismiss } = useModalContext();\n\n  const [transientState, setTransientState] = useState<'loading' | 'submitting' | null>('loading');\n\n  const actions =\n    transientState === 'loading' ? null : (\n      <>\n        <Button\n          disabled={!!transientState}\n          onClick={() => {\n            if (transientState !== 'submitting') {\n              dismiss();\n            }\n          }}\n        >\n          Cancel\n        </Button>\n        <Button\n          disabled={!!transientState}\n          variant='primary'\n          onClick={() => {\n            setTransientState('submitting');\n          }}\n        >\n          Submit\n        </Button>\n      </>\n    );\n\n  useEffect(() => {\n    let timerID: number;\n\n    if (transientState === 'loading' || transientState === 'submitting') {\n      timerID = window.setTimeout(() => {\n        if (transientState === 'loading') {\n          setTransientState(null);\n        } else {\n          dismiss();\n        }\n      }, loadingTimeoutMS);\n    }\n\n    return () => {\n      window.clearTimeout(timerID);\n    };\n  }, [transientState]);\n\n  return (\n    <Modal\n      progress={(() => {\n        if (transientState) {\n          return {\n            message: `${cap(transientState)}…`\n          };\n        }\n      })()}\n      heading='Modal progress demo'\n      actions={actions}\n      onRequestDismiss={() => transientState !== 'submitting'}\n    >\n      {transientState !== 'loading' && (\n        <Flex container={{ direction: 'column', gap: 2 }}>\n          {Array.from({ length: 5 }, (_, i) => (\n            <Input key={i} label={`Field-${i + 1}`} />\n          ))}\n        </Flex>\n      )}\n    </Modal>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// MinimizableModal story mocks\n// ---------------------------------------------------------------------------------------------------------------------\nconst MinimizableModalMockChildModal = (\n  args: ModalDemoProps & { count: number; parentId: number }\n) => {\n  return (\n    <Modal\n      heading={`Modal #${args.count}`}\n      autoWidth={args.autoWidth}\n      onRequestDismiss={() => {\n        args.onRequestDismiss?.();\n      }}\n    >\n      <Text>\n        This minimizable modal is triggered from an existing open modal - Modal #{args.parentId}.\n      </Text>\n    </Modal>\n  );\n};\n\nexport const MinimizableModalModal = (args: ModalDemoProps & { count: number }) => {\n  const { create } = useModalManager();\n\n  return (\n    <Modal\n      heading={`Modal #${args.count}`}\n      autoWidth={args.autoWidth}\n      actions={\n        <Button\n          variant='secondary'\n          onClick={() => {\n            create(\n              MinimizableModalMockChildModal,\n              { ...args, count: args.count + 0.1, parentId: args.count },\n              {\n                id: `${args.count + 0.1}`,\n                minimizable: true,\n                onDismiss: args.onDismiss,\n                onMinimize: args.onMinimize,\n                onActivate: args.onActivate\n              }\n            );\n          }}\n        >\n          Create modal\n        </Button>\n      }\n      center={args.center}\n      stretch={args.stretch}\n      onRequestDismiss={args.onRequestDismiss}\n      onRequestMinimize={args.onRequestMinimize}\n      onRequestActivate={args.onRequestActivate}\n    >\n      <Text>This Modal can be minimized by clicking the minimize button above.</Text>\n    </Modal>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// DockedModal story mocks\n// ---------------------------------------------------------------------------------------------------------------------\nexport const DockedModalMockModal = (args: ModalDemoProps) => {\n  const { id } = useModalContext();\n\n  return (\n    <Modal heading={`Modal #${id}`} onRequestDock={args.onRequestDock}>\n      <Text>This Modal can be minimized by clicking the minimize button above.</Text>\n    </Modal>\n  );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// AutoWidthModalContent story mocks\n// ---------------------------------------------------------------------------------------------------------------------\nexport const AutoWidthModalContentMockModal = (\n  args: OmitStrict<AutoWidthModalContentProps, 'content'> & {\n    contentType: ContentType;\n    content: ReactNode;\n  }\n) => {\n  const { dismiss } = useModalContext();\n  const { push } = useToaster();\n\n  return (\n    <Modal\n      heading={`Modal ${args.autoWidth ? 'with' : 'without'} autoWidth`}\n      autoWidth={args.autoWidth}\n      actions={\n        args.contentType.includes('form') || args.contentType === 'random' ? (\n          <>\n            <Button\n              name='Cancel'\n              variant='secondary'\n              onClick={() => {\n                dismiss();\n                push({ content: 'Form cancelled!' });\n              }}\n            >\n              Cancel\n            </Button>\n            <Button\n              name='Submit'\n              variant='primary'\n              onClick={() => {\n                dismiss();\n                push({ content: 'Form submitted!' });\n              }}\n            >\n              Submit\n            </Button>\n          </>\n        ) : undefined\n      }\n    >\n      {args.content}\n    </Modal>\n  );\n};\n"]}

package/jsx/core/Modal/Modal.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { AlertModalDemoProps, AutoWidthModalContentProps, ModalDemoProps, ModalUpdatesProps } from './Modal.mocks';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const ModalDemo: StoryFn<ModalDemoProps>;
-export declare const ModalUpdates: StoryFn<ModalUpdatesProps>;
-export declare const AlertModal: StoryFn<AlertModalDemoProps>;
-export declare const ProgressState: StoryFn;
-export declare const MinimizableModal: StoryFn<ModalDemoProps>;
-export declare const DockedModal: StoryFn<ModalDemoProps>;
-export declare const AutoWidthModalContent: StoryFn<AutoWidthModalContentProps>;
-//# sourceMappingURL=Modal.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAiBtD,OAAO,KAAK,EACV,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,iBAAiB,EAClB,MAAM,eAAe,CAAC;;AAEvB,wBA8BU;AAEV,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,cAAc,CAiB7C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,iBAAiB,CA8BnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,mBAAmB,CAkBnD,CAAC;AAUF,eAAO,MAAM,aAAa,EAAE,OAY3B,CAAC;AAQF,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,cAAc,CAyBpD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,cAAc,CAmB/C,CAAC;AAQF,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,0BAA0B,CAmBrE,CAAC"}