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

package/jsx/core/PageTemplates/PageTemplates.stories.jsx

@@ -1,301 +0,0 @@
-import { useState, useMemo } from 'react';
-import { Banner, Button, CategorySubPage, ComboBox, DashboardPage, TabbedPage, OneColumnPage, TwoColumnPage, ThreeColumnPage, FourColumnPage, WideNarrowPage, NarrowWidePage, WideWideNarrowPage, NarrowWideWidePage, NarrowWideNarrowPage, icons, menuHelpers, createUID, Table, Text, StyledRegion } from '@pega/cosmos-react-core';
-import { UtilitiesLayout } from '@pega/cosmos-react-work';
-import useGenAICoach from '../../work/GenAICoach/useGenAICoach';
-import { FeedDemo } from '../../social/Feed/Feed.stories';
-import { TasksDemo } from '../../work/Tasks/Tasks.stories';
-import { MockSummaryList } from '../../work/CaseView/CaseView.mocks';
-import { commitsData } from '../Table/Table.mocks';
-import { AppShellDemo } from '../AppShell/AppShell.stories';
-import { StyledDemoTableWrapper, StyledStoryPage } from './PageTemplates.styles';
-import { getPath } from './PageTemplates.mocks';
-export default {
-    title: 'Core/PageTemplates',
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const ColumnPageDemo = (args) => {
-    const actions = args.showActions && (<>
-      <Button>Page action 1</Button>
-      <Button>Page action 2</Button>
-    </>);
-    const banners = args.showBanners && (<Banner variant='warning' messages={['This is a warning banner. You have been warned!']}/>);
-    const genAICoachProps = useGenAICoach({ enableGenAICoach: args.showUtilities });
-    const pageTemplateProps = {
-        scrollContent: args.scrollContent,
-        title: args.title || 'Demo page',
-        icon: args.showIcon ? args.icon : undefined,
-        actions,
-        banners,
-        path: getPath(args.showBreadcrumbs, args.pathData),
-        as: args.template !== 'demo page' ? StyledStoryPage : undefined,
-        utilities: args.showUtilities && genAICoachProps && (<UtilitiesLayout genAICoachProps={genAICoachProps}/>)
-    };
-    let page;
-    switch (args.template) {
-        case 'one column':
-            page = <OneColumnPage a='a' {...pageTemplateProps}/>;
-            break;
-        case 'two column':
-            page = <TwoColumnPage a='a' b='b' {...pageTemplateProps}/>;
-            break;
-        case 'three column':
-            page = <ThreeColumnPage a='a' b='b' c='c' {...pageTemplateProps}/>;
-            break;
-        case 'four column':
-            page = <FourColumnPage a='a' b='b' c='c' d='d' {...pageTemplateProps}/>;
-            break;
-        case 'wide narrow':
-            page = <WideNarrowPage a='a' b='b' {...pageTemplateProps}/>;
-            break;
-        case 'narrow wide':
-            page = <NarrowWidePage a='a' b='b' {...pageTemplateProps}/>;
-            break;
-        case 'wide wide narrow':
-            page = <WideWideNarrowPage a='a' b='b' c='c' {...pageTemplateProps}/>;
-            break;
-        case 'narrow wide wide':
-            page = <NarrowWideWidePage a='a' b='b' c='c' {...pageTemplateProps}/>;
-            break;
-        case 'narrow wide narrow':
-            page = <NarrowWideNarrowPage a='a' b='b' c='c' {...pageTemplateProps}/>;
-            break;
-        case 'demo page':
-        default:
-            page = (<TwoColumnPage a={<FeedDemo />} b={<>
-              <TasksDemo />
-              <MockSummaryList name='My team' limit={10} actions={null}/>
-            </>} {...pageTemplateProps}/>);
-            break;
-    }
-    return <AppShellDemo main={page} appHeader/>;
-};
-ColumnPageDemo.args = {
-    template: 'demo page',
-    scrollContent: false,
-    title: 'Demo page',
-    icon: 'home-solid',
-    showIcon: true,
-    showBreadcrumbs: true,
-    pathData: 'Page 1: Maximus gravida augue nec fermentum,Page2: Lorem ipsum dolor sit amet,Page 3: Phasellus commodo, diam ut rhoncus auctor,Page 4: In tincidunt ex eu mi tincidunt, a lobortis nunc tempor,Page 5: In tincidunt ex eu mi tincidunt',
-    showActions: true,
-    showBanners: false,
-    showUtilities: true
-};
-ColumnPageDemo.argTypes = {
-    template: {
-        options: [
-            'demo page',
-            'one column',
-            'two column',
-            'three column',
-            'four column',
-            'wide narrow',
-            'narrow wide',
-            'wide wide narrow',
-            'narrow wide wide',
-            'narrow wide narrow'
-        ],
-        control: { type: 'select' }
-    },
-    scrollContent: { control: { type: 'boolean' } },
-    title: { control: { type: 'text' } },
-    icon: { options: [...icons], control: { type: 'select', icons: true } },
-    showIcon: { control: { type: 'boolean' } },
-    showBreadcrumbs: { control: { type: 'boolean' } },
-    pathData: { control: { type: 'text' } },
-    showActions: { control: { type: 'boolean' } },
-    showBanners: { control: { type: 'boolean' } },
-    showUtilities: { control: { type: 'boolean' } }
-};
-export const DashboardPageDemo = (args) => {
-    const FilterComboBox = () => {
-        const [filterSearchValue, setFilterSearchValue] = useState('');
-        const [filterOptions, setFilterOptions] = useState(() => Array.from({ length: 10 }, (_, i) => ({
-            id: createUID(),
-            primary: `Filter ${i + 1}`,
-            selected: false
-        })));
-        const selected = useMemo(() => {
-            return menuHelpers
-                .getSelected(filterOptions)
-                .map(item => ({ text: item.primary, id: item.id }));
-        }, [filterOptions]);
-        const toggleItem = (id) => {
-            setFilterOptions(cur => menuHelpers.toggleSelected(cur, id, 'multi-select'));
-        };
-        return (<ComboBox mode='multi-select' label='Filters' placeholder='Choose filters' value={filterSearchValue} onChange={e => {
-                setFilterSearchValue(e.target.value);
-            }} selected={{ items: selected, onRemove: toggleItem }} menu={{
-                items: filterSearchValue
-                    ? menuHelpers
-                        .flatten(filterOptions)
-                        .filter(({ primary }) => primary.includes(filterSearchValue))
-                    : filterOptions,
-                emptyText: 'No filters',
-                onItemClick: toggleItem
-            }}/>);
-    };
-    const filterControls = Array.from({ length: args.numberOfFilters || 3 }, (_, i) => (<FilterComboBox key={i}/>));
-    const genAICoachProps = useGenAICoach({ enableGenAICoach: args.showUtilities });
-    return (<AppShellDemo main={<DashboardPage a='a' b='b' c='c' path={getPath()} filters={filterControls} filterPosition={args.filterPosition} fitToViewport title={args.title || 'Dashboard'} as={StyledStoryPage} utilities={genAICoachProps &&
-                args.showUtilities && <UtilitiesLayout genAICoachProps={genAICoachProps}/>}/>} appHeader/>);
-};
-DashboardPageDemo.args = {
-    title: 'Dashboard',
-    filterPosition: 'block-start',
-    numberOfFilters: 3,
-    showUtilities: true
-};
-DashboardPageDemo.argTypes = {
-    title: { control: { type: 'text' } },
-    filterPosition: {
-        options: ['block-start', 'inline-start', 'inline-end'],
-        control: { type: 'select' }
-    },
-    numberOfFilters: { control: { type: 'number' } },
-    showUtilities: { control: { type: 'boolean' } }
-};
-export const CategorySubPageDemo = (args) => {
-    const [activeItem, setActiveItem] = useState('Profile');
-    const mockNavLinks = (itemTextArray) => {
-        return itemTextArray.map(itemText => {
-            return {
-                text: itemText,
-                active: itemText === activeItem,
-                href: '#',
-                onClick: (event) => setActiveItem(event.target.textContent || '')
-            };
-        });
-    };
-    return (<AppShellDemo main={<CategorySubPage viewLoading={args.viewLoading} category={args.category || 'Administration'} categoryIcon={args.showIcon ? args.categoryIcon : undefined} navItemGroups={[
-                {
-                    title: 'General',
-                    items: useMemo(() => mockNavLinks(['Configurations', 'Profile', 'Authentication', 'Connections']), [activeItem])
-                },
-                {
-                    title: 'Second Group',
-                    items: useMemo(() => mockNavLinks(['Option 1', 'Option 2']), [activeItem])
-                },
-                {
-                    items: useMemo(() => mockNavLinks(['All configurations']), [activeItem])
-                },
-                {
-                    items: useMemo(() => mockNavLinks(['Visually Grouped SubPage A', 'Visually Grouped SubPage B']), [activeItem])
-                },
-                {
-                    items: [
-                        {
-                            text: 'Button Item'
-                        }
-                    ]
-                }
-            ]} pageTitle={activeItem} maxActions={args.maxActions} pageActions={[
-                {
-                    id: 'saveChanges',
-                    text: 'Save'
-                },
-                {
-                    id: 'cancelChanges',
-                    text: 'Cancel'
-                },
-                {
-                    id: 'goToRule',
-                    text: 'Go to Rule'
-                },
-                {
-                    id: 'viewInClipboard',
-                    text: 'View in Clipboard'
-                }
-            ]} region={<StyledStoryPage secondary>
-              <StyledRegion style={{ minHeight: '150vh' }}/>
-            </StyledStoryPage>}/>} appHeader/>);
-};
-CategorySubPageDemo.args = {
-    category: 'Administration',
-    categoryIcon: 'gear-solid',
-    showIcon: true,
-    viewLoading: false,
-    maxActions: 3
-};
-CategorySubPageDemo.argTypes = {
-    category: { control: { type: 'text' } },
-    categoryIcon: { options: [...icons], control: { type: 'select', icons: true } },
-    showIcon: { control: { type: 'boolean' } },
-    viewLoading: { control: { type: 'boolean' } },
-    maxActions: { control: { type: 'number' } }
-};
-export const TabbedPageDemo = (args) => {
-    const actions = args.showActions && (<>
-      <Button>Page action 1</Button>
-      <Button>Page action 2</Button>
-    </>);
-    const banners = args.showBanners && (<Banner variant='warning' messages={['This is a warning banner. You have been warned!']}/>);
-    const genAICoachProps = useGenAICoach({ enableGenAICoach: args.showUtilities });
-    const pageTemplateProps = {
-        scrollContent: args.scrollContent,
-        title: args.title || 'Tabbed page',
-        icon: args.showIcon ? args.icon : undefined,
-        actions,
-        banners,
-        path: getPath(args.showBreadcrumbs, args.pathData),
-        utilities: args.showUtilities && genAICoachProps && (<UtilitiesLayout genAICoachProps={genAICoachProps}/>)
-    };
-    const tableData = commitsData;
-    const columns = [
-        { renderer: data => <Text>{data.id}</Text>, label: 'ID' },
-        { renderer: data => <Text>{data.author}</Text>, label: 'Author' },
-        { renderer: data => <Text>{data.date}</Text>, label: 'Date' },
-        { renderer: data => <Text>{data.message}</Text>, label: 'Message' }
-    ];
-    return (<AppShellDemo main={<TabbedPage {...pageTemplateProps} tabs={{
-                tabs: [
-                    {
-                        id: 'table',
-                        name: 'Audit',
-                        content: (<StyledDemoTableWrapper>
-                    <Table title='Commit History' hoverHighlight={false} data={tableData} columns={columns}/>
-                  </StyledDemoTableWrapper>)
-                    },
-                    {
-                        id: 'team',
-                        name: 'My Team',
-                        content: (<>
-                    <TasksDemo />
-                    <MockSummaryList name='My team' limit={10} actions={null}/>
-                  </>)
-                    },
-                    {
-                        id: 'chat',
-                        name: 'Chat',
-                        content: <FeedDemo />
-                    }
-                ],
-                type: 'horizontal',
-                defaultTabId: 'chat'
-            }}/>} appHeader/>);
-};
-TabbedPageDemo.args = {
-    scrollContent: false,
-    title: 'Tabbed page',
-    icon: 'home-solid',
-    showIcon: true,
-    showBreadcrumbs: true,
-    pathData: 'Page 1,Page2,Page 3,Page 4,Page 5',
-    showActions: true,
-    showBanners: false,
-    showUtilities: true
-};
-TabbedPageDemo.argTypes = {
-    scrollContent: { control: { type: 'boolean' } },
-    title: { control: { type: 'text' } },
-    icon: { options: [...icons], control: { type: 'select', icons: true } },
-    showIcon: { control: { type: 'boolean' } },
-    showBreadcrumbs: { control: { type: 'boolean' } },
-    pathData: { control: { type: 'text' } },
-    showActions: { control: { type: 'boolean' } },
-    showBanners: { control: { type: 'boolean' } },
-    showUtilities: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=PageTemplates.stories.jsx.map

package/jsx/core/PageTemplates/PageTemplates.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.stories.jsx","sourceRoot":"","sources":["../../../src/core/PageTemplates/PageTemplates.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState, useMemo } from 'react';\nimport type { MouseEvent } from 'react';\n\nimport {\n  Banner,\n  Button,\n  CategorySubPage,\n  ComboBox,\n  DashboardPage,\n  TabbedPage,\n  OneColumnPage,\n  TwoColumnPage,\n  ThreeColumnPage,\n  FourColumnPage,\n  WideNarrowPage,\n  NarrowWidePage,\n  WideWideNarrowPage,\n  NarrowWideWidePage,\n  NarrowWideNarrowPage,\n  icons,\n  menuHelpers,\n  createUID,\n  Table,\n  Text,\n  StyledRegion\n} from '@pega/cosmos-react-core';\nimport type {\n  DashboardPageLayoutProps,\n  PageTemplateProps,\n  MenuItemProps,\n  MenuProps,\n  TemplateProps,\n  ColumnProps,\n  OmitStrict\n} from '@pega/cosmos-react-core';\nimport { UtilitiesLayout } from '@pega/cosmos-react-work';\n\nimport useGenAICoach from '../../work/GenAICoach/useGenAICoach';\nimport { FeedDemo } from '../../social/Feed/Feed.stories';\nimport { TasksDemo } from '../../work/Tasks/Tasks.stories';\nimport { MockSummaryList } from '../../work/CaseView/CaseView.mocks';\nimport { commitsData } from '../Table/Table.mocks';\nimport { AppShellDemo } from '../AppShell/AppShell.stories';\n\nimport { StyledDemoTableWrapper, StyledStoryPage } from './PageTemplates.styles';\nimport { getPath } from './PageTemplates.mocks';\n\nexport default {\n  title: 'Core/PageTemplates',\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface PageTemplatesStoryProps {\n  template?:\n    | 'demo page'\n    | 'one column'\n    | 'two column'\n    | 'three column'\n    | 'four column'\n    | 'wide narrow'\n    | 'narrow wide'\n    | 'wide wide narrow'\n    | 'narrow wide wide'\n    | 'narrow wide narrow';\n  title?: PageTemplateProps['title'];\n  icon?: PageTemplateProps['icon'];\n  scrollContent?: PageTemplateProps['scrollContent'];\n  showIcon?: boolean;\n  showBreadcrumbs?: boolean;\n  pathData?: string;\n  showActions?: boolean;\n  showBanners?: boolean;\n  showUtilities?: boolean;\n}\n\nexport const ColumnPageDemo: StoryFn<PageTemplatesStoryProps> = (args: PageTemplatesStoryProps) => {\n  const actions: PageTemplateProps['actions'] = args.showActions && (\n    <>\n      <Button>Page action 1</Button>\n      <Button>Page action 2</Button>\n    </>\n  );\n\n  const banners: PageTemplateProps['banners'] = args.showBanners && (\n    <Banner variant='warning' messages={['This is a warning banner. You have been warned!']} />\n  );\n\n  const genAICoachProps = useGenAICoach({ enableGenAICoach: args.showUtilities });\n\n  const pageTemplateProps = {\n    scrollContent: args.scrollContent,\n    title: args.title || 'Demo page',\n    icon: args.showIcon ? args.icon : undefined,\n    actions,\n    banners,\n    path: getPath(args.showBreadcrumbs, args.pathData),\n    as: args.template !== 'demo page' ? StyledStoryPage : undefined,\n    utilities: args.showUtilities && genAICoachProps && (\n      <UtilitiesLayout genAICoachProps={genAICoachProps} />\n    )\n  };\n\n  let page;\n\n  switch (args.template) {\n    case 'one column':\n      page = <OneColumnPage a='a' {...pageTemplateProps} />;\n      break;\n    case 'two column':\n      page = <TwoColumnPage a='a' b='b' {...pageTemplateProps} />;\n      break;\n    case 'three column':\n      page = <ThreeColumnPage a='a' b='b' c='c' {...pageTemplateProps} />;\n      break;\n    case 'four column':\n      page = <FourColumnPage a='a' b='b' c='c' d='d' {...pageTemplateProps} />;\n      break;\n    case 'wide narrow':\n      page = <WideNarrowPage a='a' b='b' {...pageTemplateProps} />;\n      break;\n    case 'narrow wide':\n      page = <NarrowWidePage a='a' b='b' {...pageTemplateProps} />;\n      break;\n    case 'wide wide narrow':\n      page = <WideWideNarrowPage a='a' b='b' c='c' {...pageTemplateProps} />;\n      break;\n    case 'narrow wide wide':\n      page = <NarrowWideWidePage a='a' b='b' c='c' {...pageTemplateProps} />;\n      break;\n    case 'narrow wide narrow':\n      page = <NarrowWideNarrowPage a='a' b='b' c='c' {...pageTemplateProps} />;\n      break;\n    case 'demo page':\n    default:\n      page = (\n        <TwoColumnPage\n          a={<FeedDemo />}\n          b={\n            <>\n              <TasksDemo />\n              <MockSummaryList name='My team' limit={10} actions={null} />\n            </>\n          }\n          {...pageTemplateProps}\n        />\n      );\n      break;\n  }\n\n  return <AppShellDemo main={page} appHeader />;\n};\n\nColumnPageDemo.args = {\n  template: 'demo page',\n  scrollContent: false,\n  title: 'Demo page',\n  icon: 'home-solid',\n  showIcon: true,\n  showBreadcrumbs: true,\n  pathData:\n    'Page 1: Maximus gravida augue nec fermentum,Page2: Lorem ipsum dolor sit amet,Page 3: Phasellus commodo, diam ut rhoncus auctor,Page 4: In tincidunt ex eu mi tincidunt, a lobortis nunc tempor,Page 5: In tincidunt ex eu mi tincidunt',\n  showActions: true,\n  showBanners: false,\n  showUtilities: true\n};\n\nColumnPageDemo.argTypes = {\n  template: {\n    options: [\n      'demo page',\n      'one column',\n      'two column',\n      'three column',\n      'four column',\n      'wide narrow',\n      'narrow wide',\n      'wide wide narrow',\n      'narrow wide wide',\n      'narrow wide narrow'\n    ],\n    control: { type: 'select' }\n  },\n  scrollContent: { control: { type: 'boolean' } },\n  title: { control: { type: 'text' } },\n  icon: { options: [...icons], control: { type: 'select', icons: true } },\n  showIcon: { control: { type: 'boolean' } },\n  showBreadcrumbs: { control: { type: 'boolean' } },\n  pathData: { control: { type: 'text' } },\n  showActions: { control: { type: 'boolean' } },\n  showBanners: { control: { type: 'boolean' } },\n  showUtilities: { control: { type: 'boolean' } }\n};\n\ninterface DashboardPageStoryProps {\n  title?: DashboardPageLayoutProps['title'];\n  filterPosition?: DashboardPageLayoutProps['filterPosition'];\n  numberOfFilters?: number;\n  showUtilities?: boolean;\n}\n\nexport const DashboardPageDemo: StoryFn<DashboardPageStoryProps> = (\n  args: DashboardPageStoryProps\n) => {\n  const FilterComboBox = () => {\n    const [filterSearchValue, setFilterSearchValue] = useState('');\n    const [filterOptions, setFilterOptions] = useState<MenuProps['items']>(() =>\n      Array.from({ length: 10 }, (_, i) => ({\n        id: createUID(),\n        primary: `Filter ${i + 1}`,\n        selected: false\n      }))\n    );\n\n    const selected = useMemo(() => {\n      return menuHelpers\n        .getSelected(filterOptions)\n        .map(item => ({ text: item.primary, id: item.id }));\n    }, [filterOptions]);\n\n    const toggleItem = (id: MenuItemProps['id']) => {\n      setFilterOptions(cur => menuHelpers.toggleSelected(cur, id, 'multi-select'));\n    };\n\n    return (\n      <ComboBox\n        mode='multi-select'\n        label='Filters'\n        placeholder='Choose filters'\n        value={filterSearchValue}\n        onChange={e => {\n          setFilterSearchValue(e.target.value);\n        }}\n        selected={{ items: selected, onRemove: toggleItem }}\n        menu={{\n          items: filterSearchValue\n            ? menuHelpers\n                .flatten(filterOptions)\n                .filter(({ primary }) => primary.includes(filterSearchValue))\n            : filterOptions,\n          emptyText: 'No filters',\n          onItemClick: toggleItem\n        }}\n      />\n    );\n  };\n\n  const filterControls = Array.from({ length: args.numberOfFilters || 3 }, (_, i) => (\n    <FilterComboBox key={i} />\n  ));\n\n  const genAICoachProps = useGenAICoach({ enableGenAICoach: args.showUtilities });\n\n  return (\n    <AppShellDemo\n      main={\n        <DashboardPage\n          a='a'\n          b='b'\n          c='c'\n          path={getPath()}\n          filters={filterControls}\n          filterPosition={args.filterPosition}\n          fitToViewport\n          title={args.title || 'Dashboard'}\n          as={StyledStoryPage}\n          utilities={\n            genAICoachProps &&\n            args.showUtilities && <UtilitiesLayout genAICoachProps={genAICoachProps} />\n          }\n        />\n      }\n      appHeader\n    />\n  );\n};\n\nDashboardPageDemo.args = {\n  title: 'Dashboard',\n  filterPosition: 'block-start',\n  numberOfFilters: 3,\n  showUtilities: true\n};\n\nDashboardPageDemo.argTypes = {\n  title: { control: { type: 'text' } },\n  filterPosition: {\n    options: ['block-start', 'inline-start', 'inline-end'],\n    control: { type: 'select' }\n  },\n  numberOfFilters: { control: { type: 'number' } },\n  showUtilities: { control: { type: 'boolean' } }\n};\n\ninterface CategorySubPageStoryProps {\n  category?: TemplateProps['category'];\n  categoryIcon?: TemplateProps['categoryIcon'];\n  showIcon?: boolean;\n  viewLoading?: TemplateProps['viewLoading'];\n  maxActions?: TemplateProps['maxActions'];\n}\n\nexport const CategorySubPageDemo: StoryFn<CategorySubPageStoryProps> = (\n  args: CategorySubPageStoryProps\n) => {\n  const [activeItem, setActiveItem] = useState('Profile');\n\n  const mockNavLinks = (itemTextArray: string[]) => {\n    return itemTextArray.map(itemText => {\n      return {\n        text: itemText,\n        active: itemText === activeItem,\n        href: '#',\n        onClick: (event: MouseEvent) => setActiveItem((event.target as Element).textContent || '')\n      };\n    });\n  };\n\n  return (\n    <AppShellDemo\n      main={\n        <CategorySubPage\n          viewLoading={args.viewLoading}\n          category={args.category || 'Administration'}\n          categoryIcon={args.showIcon ? args.categoryIcon : undefined}\n          navItemGroups={[\n            {\n              title: 'General',\n              items: useMemo(\n                () => mockNavLinks(['Configurations', 'Profile', 'Authentication', 'Connections']),\n                [activeItem]\n              )\n            },\n            {\n              title: 'Second Group',\n              items: useMemo(() => mockNavLinks(['Option 1', 'Option 2']), [activeItem])\n            },\n            {\n              items: useMemo(() => mockNavLinks(['All configurations']), [activeItem])\n            },\n            {\n              items: useMemo(\n                () => mockNavLinks(['Visually Grouped SubPage A', 'Visually Grouped SubPage B']),\n                [activeItem]\n              )\n            },\n            {\n              items: [\n                {\n                  text: 'Button Item'\n                }\n              ]\n            }\n          ]}\n          pageTitle={activeItem}\n          maxActions={args.maxActions}\n          pageActions={[\n            {\n              id: 'saveChanges',\n              text: 'Save'\n            },\n            {\n              id: 'cancelChanges',\n              text: 'Cancel'\n            },\n            {\n              id: 'goToRule',\n              text: 'Go to Rule'\n            },\n            {\n              id: 'viewInClipboard',\n              text: 'View in Clipboard'\n            }\n          ]}\n          region={\n            <StyledStoryPage secondary>\n              <StyledRegion style={{ minHeight: '150vh' }} />\n            </StyledStoryPage>\n          }\n        />\n      }\n      appHeader\n    />\n  );\n};\n\nCategorySubPageDemo.args = {\n  category: 'Administration',\n  categoryIcon: 'gear-solid',\n  showIcon: true,\n  viewLoading: false,\n  maxActions: 3\n};\n\nCategorySubPageDemo.argTypes = {\n  category: { control: { type: 'text' } },\n  categoryIcon: { options: [...icons], control: { type: 'select', icons: true } },\n  showIcon: { control: { type: 'boolean' } },\n  viewLoading: { control: { type: 'boolean' } },\n  maxActions: { control: { type: 'number' } }\n};\n\ntype TabbedPageStoryProps = OmitStrict<PageTemplatesStoryProps, 'template'>;\n\nexport const TabbedPageDemo: StoryFn<TabbedPageStoryProps> = (args: TabbedPageStoryProps) => {\n  const actions: PageTemplateProps['actions'] = args.showActions && (\n    <>\n      <Button>Page action 1</Button>\n      <Button>Page action 2</Button>\n    </>\n  );\n\n  const banners: PageTemplateProps['banners'] = args.showBanners && (\n    <Banner variant='warning' messages={['This is a warning banner. You have been warned!']} />\n  );\n\n  const genAICoachProps = useGenAICoach({ enableGenAICoach: args.showUtilities });\n\n  const pageTemplateProps = {\n    scrollContent: args.scrollContent,\n    title: args.title || 'Tabbed page',\n    icon: args.showIcon ? args.icon : undefined,\n    actions,\n    banners,\n    path: getPath(args.showBreadcrumbs, args.pathData),\n    utilities: args.showUtilities && genAICoachProps && (\n      <UtilitiesLayout genAICoachProps={genAICoachProps} />\n    )\n  };\n\n  const tableData = commitsData;\n\n  const columns: ColumnProps<(typeof tableData)[number]>[] = [\n    { renderer: data => <Text>{data.id}</Text>, label: 'ID' },\n    { renderer: data => <Text>{data.author}</Text>, label: 'Author' },\n    { renderer: data => <Text>{data.date}</Text>, label: 'Date' },\n    { renderer: data => <Text>{data.message}</Text>, label: 'Message' }\n  ];\n\n  return (\n    <AppShellDemo\n      main={\n        <TabbedPage\n          {...pageTemplateProps}\n          tabs={{\n            tabs: [\n              {\n                id: 'table',\n                name: 'Audit',\n                content: (\n                  <StyledDemoTableWrapper>\n                    <Table\n                      title='Commit History'\n                      hoverHighlight={false}\n                      data={tableData}\n                      columns={columns}\n                    />\n                  </StyledDemoTableWrapper>\n                )\n              },\n              {\n                id: 'team',\n                name: 'My Team',\n                content: (\n                  <>\n                    <TasksDemo />\n                    <MockSummaryList name='My team' limit={10} actions={null} />\n                  </>\n                )\n              },\n              {\n                id: 'chat',\n                name: 'Chat',\n                content: <FeedDemo />\n              }\n            ],\n            type: 'horizontal',\n            defaultTabId: 'chat'\n          }}\n        />\n      }\n      appHeader\n    />\n  );\n};\n\nTabbedPageDemo.args = {\n  scrollContent: false,\n  title: 'Tabbed page',\n  icon: 'home-solid',\n  showIcon: true,\n  showBreadcrumbs: true,\n  pathData: 'Page 1,Page2,Page 3,Page 4,Page 5',\n  showActions: true,\n  showBanners: false,\n  showUtilities: true\n};\n\nTabbedPageDemo.argTypes = {\n  scrollContent: { control: { type: 'boolean' } },\n  title: { control: { type: 'text' } },\n  icon: { options: [...icons], control: { type: 'select', icons: true } },\n  showIcon: { control: { type: 'boolean' } },\n  showBreadcrumbs: { control: { type: 'boolean' } },\n  pathData: { control: { type: 'text' } },\n  showActions: { control: { type: 'boolean' } },\n  showBanners: { control: { type: 'boolean' } },\n  showUtilities: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/core/PageTemplates/PageTemplates.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledStoryPage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    secondary?: boolean | undefined;
-}, never>;
-export declare const StyledDemoTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=PageTemplates.styles.d.ts.map

package/jsx/core/PageTemplates/PageTemplates.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.styles.d.ts","sourceRoot":"","sources":["../../../src/core/PageTemplates/PageTemplates.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,eAAe;;SA+B1B,CAAC;AAOH,eAAO,MAAM,sBAAsB,yGAKlC,CAAC"}

package/jsx/core/PageTemplates/PageTemplates.styles.js

@@ -1,40 +0,0 @@
-import styled, { css } from 'styled-components';
-import { calculateFontSize, defaultThemeProp, StyledFlex, StyledFilterRegion, StyledGrid, StyledRegion } from '@pega/cosmos-react-core';
-import { StyledTableWrapper } from '@pega/cosmos-react-core/lib/components/Table/Table';
-export const StyledStoryPage = styled.div(({ theme, secondary }) => {
-    const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
-    return css `
-    ${StyledRegion} {
-      border: 0.0625rem dashed ${theme.base.palette['border-line']};
-      background-color: ${theme.base.palette[secondary ? 'secondary-background' : 'primary-background']};
-    }
-
-    ${StyledFlex}${StyledRegion}:not(${StyledFilterRegion}) {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      text-transform: uppercase;
-      font-size: ${fontSize.xxl};
-    }
-
-    ${StyledGrid}${StyledRegion}:not(${StyledFilterRegion}) {
-      display: grid;
-      justify-items: center;
-      align-content: center;
-      align-self: stretch;
-      text-transform: uppercase;
-      font-size: ${fontSize.xxl};
-    }
-  `;
-});
-StyledStoryPage.defaultProps = defaultThemeProp;
-const minTableHeight = '400px';
-const tableComponentInternalHeightOffset = '54px';
-export const StyledDemoTableWrapper = styled.div `
-  ${StyledTableWrapper} {
-    max-height: calc(var(--content-height-in-view) - ${tableComponentInternalHeightOffset});
-    min-height: ${minTableHeight};
-  }
-`;
-//# sourceMappingURL=PageTemplates.styles.js.map

package/jsx/core/PageTemplates/PageTemplates.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.styles.js","sourceRoot":"","sources":["../../../src/core/PageTemplates/PageTemplates.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,UAAU,EACV,YAAY,EACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAExF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAEtC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAC1B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtF,OAAO,GAAG,CAAA;MACN,YAAY;iCACe,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;0BACxC,KAAK,CAAC,IAAI,CAAC,OAAO,CACpC,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,oBAAoB,CAC1D;;;MAGD,UAAU,GAAG,YAAY,QAAQ,kBAAkB;;;;;;mBAMtC,QAAQ,CAAC,GAAG;;;MAGzB,UAAU,GAAG,YAAY,QAAQ,kBAAkB;;;;;;mBAMtC,QAAQ,CAAC,GAAG;;GAE5B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,cAAc,GAAG,OAAO,CAAC;AAC/B,MAAM,kCAAkC,GAAG,MAAM,CAAC;AAElD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;IAC5C,kBAAkB;uDACiC,kCAAkC;kBACvE,cAAc;;CAE/B,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  calculateFontSize,\n  defaultThemeProp,\n  StyledFlex,\n  StyledFilterRegion,\n  StyledGrid,\n  StyledRegion\n} from '@pega/cosmos-react-core';\nimport { StyledTableWrapper } from '@pega/cosmos-react-core/lib/components/Table/Table';\n\nexport const StyledStoryPage = styled.div<{\n  secondary?: boolean;\n}>(({ theme, secondary }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    ${StyledRegion} {\n      border: 0.0625rem dashed ${theme.base.palette['border-line']};\n      background-color: ${theme.base.palette[\n        secondary ? 'secondary-background' : 'primary-background'\n      ]};\n    }\n\n    ${StyledFlex}${StyledRegion}:not(${StyledFilterRegion}) {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      align-self: stretch;\n      text-transform: uppercase;\n      font-size: ${fontSize.xxl};\n    }\n\n    ${StyledGrid}${StyledRegion}:not(${StyledFilterRegion}) {\n      display: grid;\n      justify-items: center;\n      align-content: center;\n      align-self: stretch;\n      text-transform: uppercase;\n      font-size: ${fontSize.xxl};\n    }\n  `;\n});\n\nStyledStoryPage.defaultProps = defaultThemeProp;\n\nconst minTableHeight = '400px'; // compute based on number of rows.\nconst tableComponentInternalHeightOffset = '54px'; // compute based on component internal padding & heading height.\n\nexport const StyledDemoTableWrapper = styled.div`\n  ${StyledTableWrapper} {\n    max-height: calc(var(--content-height-in-view) - ${tableComponentInternalHeightOffset});\n    min-height: ${minTableHeight};\n  }\n`;\n"]}

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

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { PaginationProps } 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;
-export declare const PaginationDemo: StoryFn<PaginationProps>;
-//# sourceMappingURL=Pagination.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAE/D,wBAGU;AAEV,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,eAAe,CAWnD,CAAC"}

package/jsx/core/Pagination/Pagination.stories.jsx

@@ -1,19 +0,0 @@
-import { useState } from 'react';
-import { Pagination } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Pagination',
-    component: Pagination
-};
-export const PaginationDemo = (args) => {
-    const [currentPage, setCurrentPage] = useState(1);
-    return (<Pagination total={args.total} pageSize={args.pageSize} pageNumber={currentPage} onPageChange={pageNumber => setCurrentPage(pageNumber)}/>);
-};
-PaginationDemo.args = {
-    total: 50,
-    pageSize: 10
-};
-PaginationDemo.argTypes = {
-    total: { control: { type: 'number' } },
-    pageSize: { control: { type: 'number' } }
-};
-//# sourceMappingURL=Pagination.stories.jsx.map

package/jsx/core/Pagination/Pagination.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.stories.jsx","sourceRoot":"","sources":["../../../src/core/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;CACd,CAAC;AAEV,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,IAAqB,EAAE,EAAE;IAChF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,OAAO,CACL,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,UAAU,CAAC,CAAC,WAAW,CAAC,CACxB,YAAY,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,EACvD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG;IACpB,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,cAAc,CAAC,QAAQ,GAAG;IACxB,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACtC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;CAC1C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { Pagination } from '@pega/cosmos-react-core';\nimport type { PaginationProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Pagination',\n  component: Pagination\n} as Meta;\n\nexport const PaginationDemo: StoryFn<PaginationProps> = (args: PaginationProps) => {\n  const [currentPage, setCurrentPage] = useState(1);\n\n  return (\n    <Pagination\n      total={args.total}\n      pageSize={args.pageSize}\n      pageNumber={currentPage}\n      onPageChange={pageNumber => setCurrentPage(pageNumber)}\n    />\n  );\n};\n\nPaginationDemo.args = {\n  total: 50,\n  pageSize: 10\n};\n\nPaginationDemo.argTypes = {\n  total: { control: { type: 'number' } },\n  pageSize: { control: { type: 'number' } }\n};\n"]}

package/jsx/core/Paragraph/ParagraphDisplay.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { ParagraphDisplayProps } 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;
-export declare const ParagraphDisplayDemo: StoryFn<ParagraphDisplayProps>;
-//# sourceMappingURL=ParagraphDisplay.stories.d.ts.map

package/jsx/core/Paragraph/ParagraphDisplay.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ParagraphDisplay.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Paragraph/ParagraphDisplay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAErE,wBAGU;AAEV,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,qBAAqB,CAI/D,CAAC"}

package/jsx/core/Paragraph/ParagraphDisplay.stories.jsx

@@ -1,15 +0,0 @@
-import { ParagraphDisplay } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Paragraph',
-    component: ParagraphDisplay
-};
-export const ParagraphDisplayDemo = (args) => {
-    return <ParagraphDisplay value={args.value}/>;
-};
-ParagraphDisplayDemo.args = {
-    value: "Here's a string with\na new line in it."
-};
-ParagraphDisplayDemo.argTypes = {
-    value: { control: { type: 'text', multiLine: true } }
-};
-//# sourceMappingURL=ParagraphDisplay.stories.jsx.map

package/jsx/core/Paragraph/ParagraphDisplay.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"ParagraphDisplay.stories.jsx","sourceRoot":"","sources":["../../../src/core/Paragraph/ParagraphDisplay.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,gBAAgB;CACpB,CAAC;AAEV,MAAM,CAAC,MAAM,oBAAoB,GAAmC,CAClE,IAA2B,EAC3B,EAAE;IACF,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAG,CAAC;AACjD,CAAC,CAAC;AAEF,oBAAoB,CAAC,IAAI,GAAG;IAC1B,KAAK,EAAE,yCAAyC;CACjD,CAAC;AAEF,oBAAoB,CAAC,QAAQ,GAAG;IAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE;CACtD,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { ParagraphDisplay } from '@pega/cosmos-react-core';\nimport type { ParagraphDisplayProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Paragraph',\n  component: ParagraphDisplay\n} as Meta;\n\nexport const ParagraphDisplayDemo: StoryFn<ParagraphDisplayProps> = (\n  args: ParagraphDisplayProps\n) => {\n  return <ParagraphDisplay value={args.value} />;\n};\n\nParagraphDisplayDemo.args = {\n  value: \"Here's a string with\\na new line in it.\"\n};\n\nParagraphDisplayDemo.argTypes = {\n  value: { control: { type: 'text', multiLine: true } }\n};\n"]}

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

@@ -1,13 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { PhoneDisplayProps, PhoneInputProps } 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 PhoneInputStoryProps extends PhoneInputProps {
-    showAdditionalInfo?: boolean;
-}
-export declare const PhoneInputDemo: StoryFn<PhoneInputStoryProps>;
-interface PhoneDisplayStoryProps extends PhoneDisplayProps {
-    showCountryCode?: boolean;
-}
-export declare const PhoneDisplayDemo: StoryFn<PhoneDisplayStoryProps>;
-//# sourceMappingURL=Phone.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Phone.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Phone/Phone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAElF,wBAGU;AAEV,UAAU,oBAAqB,SAAQ,eAAe;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,oBAAoB,CAuBxD,CAAC;AA0BF,UAAU,sBAAuB,SAAQ,iBAAiB;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,sBAAsB,CAS5D,CAAC"}

package/jsx/core/Phone/Phone.stories.jsx

@@ -1,52 +0,0 @@
-import { useState } from 'react';
-import { PhoneDisplay, PhoneInput } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Phone',
-    component: PhoneInput
-};
-export const PhoneInputDemo = (args) => {
-    const [phoneNumber, setPhoneNumber] = useState('');
-    return (<PhoneInput additionalInfo={args.showAdditionalInfo
-            ? {
-                content: 'Some additional info'
-            }
-            : undefined} value={phoneNumber} onChange={setPhoneNumber} showCountryCode={args.showCountryCode} label={args.label} labelHidden={args.labelHidden} info={args.info} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly}/>);
-};
-PhoneInputDemo.args = {
-    showCountryCode: true,
-    label: 'Phone input',
-    labelHidden: false,
-    info: 'Enter a phone number',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false,
-    showAdditionalInfo: false
-};
-PhoneInputDemo.argTypes = {
-    showCountryCode: { control: { type: 'boolean' } },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } },
-    showAdditionalInfo: { control: { type: 'boolean' } }
-};
-export const PhoneDisplayDemo = (args) => {
-    return (<PhoneDisplay value={args.value} displayText={args.displayText} variant={args.variant} formattingOptions={{ showCountryCode: args.showCountryCode }}/>);
-};
-PhoneDisplayDemo.args = {
-    value: '+12345678900',
-    displayText: 'Example Phone',
-    variant: 'link',
-    showCountryCode: true
-};
-PhoneDisplayDemo.argTypes = {
-    value: { control: { type: 'text' } },
-    displayText: { control: { type: 'text' } },
-    variant: { options: ['link', 'text'], control: { type: 'select' } },
-    showCountryCode: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=Phone.stories.jsx.map

package/jsx/core/Phone/Phone.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Phone.stories.jsx","sourceRoot":"","sources":["../../../src/core/Phone/Phone.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGnE,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;CACd,CAAC;AAMV,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,IAA0B,EAAE,EAAE;IAC1F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,OAAO,CACL,CAAC,UAAU,CACT,cAAc,CAAC,CACb,IAAI,CAAC,kBAAkB;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,sBAAsB;aAChC;YACH,CAAC,CAAC,SAAS,CACd,CACD,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,QAAQ,CAAC,CAAC,cAAc,CAAC,CACzB,eAAe,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CACtC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG;IACpB,eAAe,EAAE,IAAI;IACrB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,sBAAsB;IAC5B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;CAC1B,CAAC;AAEF,cAAc,CAAC,QAAQ,GAAG;IACxB,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACjD,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;IACzD,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC5F,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC1C,kBAAkB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CACrD,CAAC;AAMF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,IAA4B,EAAE,EAAE;IAChG,OAAO,CACL,CAAC,YAAY,CACX,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,iBAAiB,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,EAC7D,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,eAAe;IAC5B,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG;IAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACnE,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAClD,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { PhoneDisplay, PhoneInput } from '@pega/cosmos-react-core';\nimport type { PhoneDisplayProps, PhoneInputProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Phone',\n  component: PhoneInput\n} as Meta;\n\ninterface PhoneInputStoryProps extends PhoneInputProps {\n  showAdditionalInfo?: boolean;\n}\n\nexport const PhoneInputDemo: StoryFn<PhoneInputStoryProps> = (args: PhoneInputStoryProps) => {\n  const [phoneNumber, setPhoneNumber] = useState<string>('');\n  return (\n    <PhoneInput\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      value={phoneNumber}\n      onChange={setPhoneNumber}\n      showCountryCode={args.showCountryCode}\n      label={args.label}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      status={args.status}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n    />\n  );\n};\n\nPhoneInputDemo.args = {\n  showCountryCode: true,\n  label: 'Phone input',\n  labelHidden: false,\n  info: 'Enter a phone number',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: false\n};\n\nPhoneInputDemo.argTypes = {\n  showCountryCode: { control: { type: 'boolean' } },\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text', label: 'Helper text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  showAdditionalInfo: { control: { type: 'boolean' } }\n};\n\ninterface PhoneDisplayStoryProps extends PhoneDisplayProps {\n  showCountryCode?: boolean;\n}\n\nexport const PhoneDisplayDemo: StoryFn<PhoneDisplayStoryProps> = (args: PhoneDisplayStoryProps) => {\n  return (\n    <PhoneDisplay\n      value={args.value}\n      displayText={args.displayText}\n      variant={args.variant}\n      formattingOptions={{ showCountryCode: args.showCountryCode }}\n    />\n  );\n};\n\nPhoneDisplayDemo.args = {\n  value: '+12345678900',\n  displayText: 'Example Phone',\n  variant: 'link',\n  showCountryCode: true\n};\n\nPhoneDisplayDemo.argTypes = {\n  value: { control: { type: 'text' } },\n  displayText: { control: { type: 'text' } },\n  variant: { options: ['link', 'text'], control: { type: 'select' } },\n  showCountryCode: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { PopoverProps } from '@pega/cosmos-react-core';
-export interface PlaceAndContainMockProps extends Pick<PopoverProps, 'arrow'> {
-    primaryPlacement: 'bottom' | 'top' | 'left' | 'right' | 'none';
-    secondaryPlacement: 'start' | 'end' | 'none';
-    contentSize: number;
-}
-export declare const PlaceAndContainMock: ({ arrow, primaryPlacement, secondaryPlacement, contentSize }: PlaceAndContainMockProps) => import("react").JSX.Element;
-//# sourceMappingURL=Popover.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Popover/Popover.mocks.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;IAC3E,gBAAgB,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/D,kBAAkB,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;CACrB;AAiGD,eAAO,MAAM,mBAAmB,iEAK7B,wBAAwB,gCAqC1B,CAAC"}