@pega/cosmos-react-demos 4.0.0-dev.8.4 → 4.0.0-dev.9.0

package/jsx/build/AppShell/AppShell.mocks.d.ts

@@ -1,16 +1,24 @@
 import { FC } from 'react';
 import { NavProps } from '@pega/cosmos-react-build';
 export interface TabbedPageStoryProps {
-    pageContent: PageContentProps;
+    pageContent: {
+        template: 'tabbed';
+        title: string;
+        breadcrumbsPath: string;
+        tabs: string[];
+    };
     showBreadcrumbs: boolean;
 }
+export interface ShowcasePageStoryProps {
+    template: 'showcase';
+    title: string;
+    description: string;
+    actionLabel: string;
+    imageSrc: string;
+}
 export interface PageContentProps {
     id: string;
-    data: {
-        pageTitle: string;
-        breadcrumbsPath: string;
-        tabs: string[];
-    };
+    data: TabbedPageStoryProps['pageContent'] | ShowcasePageStoryProps;
 }
 export declare const getPath: (args: TabbedPageStoryProps) => {
     id: string;
@@ -18,13 +26,7 @@ export declare const getPath: (args: TabbedPageStoryProps) => {
     href: string | undefined;
 }[] | undefined;
 export declare const defaultNavItems: NavProps['items'];
-export declare const contents: {
-    id: string;
-    data: {
-        pageTitle: string;
-        breadcrumbsPath: string;
-        tabs: string[];
-    };
-}[];
+export declare const contents: PageContentProps[];
 export declare const TabbedPageComp: FC<TabbedPageStoryProps>;
+export declare const ShowcasePageComp: FC<ShowcasePageStoryProps>;
 //# sourceMappingURL=AppShell.mocks.d.ts.map

package/jsx/build/AppShell/AppShell.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,EAAE,MAAM,EAAE,CAAC;KAChB,CAAC;CACH;AAED,eAAO,MAAM,OAAO,SAAU,oBAAoB;;;;eAqBjD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,CAiH7C,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;GA0NpB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAwBnD,CAAC"}
+{"version":3,"file":"AppShell.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAAE,QAAQ,EAAgB,MAAM,0BAA0B,CAAC;AAKlE,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE;QACX,QAAQ,EAAE,QAAQ,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,EAAE,MAAM,EAAE,CAAC;KAChB,CAAC;IACF,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,oBAAoB,CAAC,aAAa,CAAC,GAAG,sBAAsB,CAAC;CACpE;AAED,eAAO,MAAM,OAAO,SAAU,oBAAoB;;;;eAmBjD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,CAiH7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAAgB,EA6PtC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAyBnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,CAwBvD,CAAC"}

package/jsx/build/AppShell/AppShell.mocks.jsx

@@ -1,8 +1,10 @@
 import { TabbedPage, Text } from '@pega/cosmos-react-core';
+import { ShowcasePage } from '@pega/cosmos-react-build';
+import { TableDemo } from '../../core/Table/Table.stories';
 export const getPath = (args) => {
-    const { showBreadcrumbs, pageContent: { data: { pageTitle, breadcrumbsPath } } } = args;
+    const { showBreadcrumbs, pageContent: { title, breadcrumbsPath } } = args;
     if (showBreadcrumbs) {
-        const path = pageTitle === 'Overview' ? 'Home' : breadcrumbsPath;
+        const path = title === 'Overview' ? 'Home' : breadcrumbsPath;
         return path
             ? path.split(',').map((crumb, i) => {
                 return {
@@ -23,13 +25,13 @@ export const defaultNavItems = [
     },
     {
         id: 'caseTypes',
-        label: 'Case types',
+        label: 'Case Types',
         icon: 'chevron-solid',
         href: '#caseTypes'
     },
     {
         id: 'liveData',
-        label: 'Live data',
+        label: 'Live Data',
         href: '#liveData',
         icon: 'disc-stack-solid'
     },
@@ -47,36 +49,36 @@ export const defaultNavItems = [
     },
     {
         id: 'appSettings',
-        label: 'App settings',
+        label: 'App Settings',
         href: '#appSettings',
         icon: 'gear-solid'
     },
     {
         id: 'rulesLibrary',
-        label: 'Rules library',
+        label: 'Rules Library',
         icon: 'book-solid',
         items: [
-            { id: 'appLogic', label: 'App logic', href: '#appLogic' },
+            { id: 'appLogic', label: 'App Logic', href: '#appLogic' },
             { id: 'application', label: 'Application', href: '#application' },
             { id: 'data', label: 'Data', href: '#data' },
             {
                 id: 'integration',
                 label: 'Integration',
                 items: [
-                    { id: 'emailAccounts', label: 'Email accounts', href: '#emailAccounts' },
+                    { id: 'emailAccounts', label: 'Email Accounts', href: '#emailAccounts' },
                     {
                         id: 'integrationSystems',
-                        label: 'Integration systems',
+                        label: 'Integration Systems',
                         href: '#integrationSystems'
                     },
                     {
                         id: 'jsonTransforms',
-                        label: 'JSON transforms',
+                        label: 'JSON Transforms',
                         href: '#jsonTransforms'
                     },
                     {
                         id: 'restConnectors',
-                        label: 'REST connectors',
+                        label: 'REST Connectors',
                         href: '#restConnectors'
                     }
                 ]
@@ -86,12 +88,12 @@ export const defaultNavItems = [
                 label: 'Process',
                 items: [
                     { id: 'process-actions', label: 'Actions', href: '#actions' },
-                    { id: 'process-caseStatus', label: 'Case status', href: '#caseStatus' },
-                    { id: 'process-caseTypes', label: 'Case types', href: '#caseTypes' },
+                    { id: 'process-caseStatus', label: 'Case Status', href: '#caseStatus' },
+                    { id: 'process-caseTypes', label: 'Case Types', href: '#caseTypes' },
                     { id: 'process-processes', label: 'Processes', href: '#processes' },
                     { id: 'process-SLAs', label: 'SLAs', href: '#SLAs' },
                     { id: 'process-stages', label: 'Stages', href: '#stages' },
-                    { id: 'process-workQueues', label: 'Work queues', href: '#workQueues' }
+                    { id: 'process-workQueues', label: 'Work Queues', href: '#workQueues' }
                 ]
             },
             {
@@ -100,31 +102,31 @@ export const defaultNavItems = [
                 items: [
                     {
                         id: 'accessConditions',
-                        label: 'Access conditions',
+                        label: 'Access Conditions',
                         href: '#accessConditions'
                     },
-                    { id: 'accessGroups', label: 'Access groups', href: '#accessGroups' },
+                    { id: 'accessGroups', label: 'Access Groups', href: '#accessGroups' },
                     {
                         id: 'accessPolicies',
-                        label: 'Access policies',
+                        label: 'Access Policies',
                         href: '#accessPolicies'
                     },
-                    { id: 'accessRoles', label: 'Access roles', href: '#accessRoles' },
+                    { id: 'accessRoles', label: 'Access Roles', href: '#accessRoles' },
                     {
                         id: 'authentication',
                         label: 'Authentication',
                         items: [
                             {
                                 id: 'authProfiles',
-                                label: 'Authentication profiles',
+                                label: 'Authentication Profiles',
                                 href: '#authProfiles'
                             }
                         ]
                     }
                 ]
             },
-            { id: 'systemAdmin', label: 'System admin', href: '#systemAdmin' },
-            { id: 'userInterface', label: 'User interface', href: '#userInterface' }
+            { id: 'systemAdmin', label: 'System Admin', href: '#systemAdmin' },
+            { id: 'userInterface', label: 'User Interface', href: '#userInterface' }
         ]
     }
 ];
@@ -132,7 +134,8 @@ export const contents = [
     {
         id: 'overview',
         data: {
-            pageTitle: 'Overview',
+            template: 'tabbed',
+            title: 'Overview',
             breadcrumbsPath: 'Home',
             tabs: ['Application']
         }
@@ -140,216 +143,245 @@ export const contents = [
     {
         id: 'caseTypes',
         data: {
-            pageTitle: 'Case types',
-            breadcrumbsPath: 'Home',
-            tabs: ['Case types']
+            template: 'showcase',
+            title: 'Case Types',
+            description: 'Case Types are the life cycles, or units of work, that deliver a meaningful result to customers and users. Case Types are a part of the overall customer journey that achieves all of a subset of the required business outcomes.',
+            actionLabel: 'Add Case Type',
+            imageSrc: './build-live-data.svg'
         }
     },
     {
         id: 'liveData',
         data: {
-            pageTitle: 'Live data',
-            breadcrumbsPath: 'Home',
-            tabs: ['Live data']
+            template: 'showcase',
+            title: 'Live Data',
+            description: 'Live Data allows users to quickly and easily define the data required to build the apps they need, and then access that data in their running application - all without having to worry about how and where the data is actually stored and accessed.',
+            actionLabel: 'Add Data Type',
+            imageSrc: './build-live-data.svg'
         }
     },
     {
         id: 'insights',
         data: {
-            pageTitle: 'Insights',
-            breadcrumbsPath: 'Home',
-            tabs: ['Insights']
+            template: 'showcase',
+            title: 'Insights',
+            description: 'Insights allow you to easily explore and analyze data in your application. You can use Insights to transform data queries into tables or visualizations that you can share between users.',
+            actionLabel: 'Add Insight',
+            imageSrc: './build-live-data.svg'
         }
     },
     {
         id: 'personas',
         data: {
-            pageTitle: 'Personas',
-            breadcrumbsPath: 'Home',
-            tabs: ['Personas']
+            template: 'showcase',
+            title: 'Personas',
+            description: 'A Persona is the business representation of a role. Personas are made up of a collection of permissions, portals and work queues that define the user experience of an application.',
+            actionLabel: 'Add Persona',
+            imageSrc: './build-live-data.svg'
         }
     },
     {
         id: 'appSettings',
         data: {
-            pageTitle: 'App settings',
+            template: 'tabbed',
+            title: 'App Settings',
             breadcrumbsPath: 'Home',
-            tabs: ['App settings']
+            tabs: ['App Settings']
         }
     },
     {
         id: 'appLogic',
         data: {
-            pageTitle: 'App logic',
-            breadcrumbsPath: 'Home, Rules library',
-            tabs: ['Rules library', 'App logic']
+            template: 'tabbed',
+            title: 'App Logic',
+            breadcrumbsPath: 'Home, Rules Library',
+            tabs: ['Rules Library', 'App Logic']
         }
     },
     {
         id: 'application',
         data: {
-            pageTitle: 'Application',
-            breadcrumbsPath: 'Home, Rules library',
-            tabs: ['Rules library', 'Application']
+            template: 'tabbed',
+            title: 'Application',
+            breadcrumbsPath: 'Home, Rules Library',
+            tabs: ['Rules Library', 'Application']
         }
     },
     {
         id: 'data',
         data: {
-            pageTitle: 'Data',
-            breadcrumbsPath: 'Home, Rules library',
-            tabs: ['Rules library', 'Data']
+            template: 'tabbed',
+            title: 'Data',
+            breadcrumbsPath: 'Home, Rules Library',
+            tabs: ['Rules Library', 'Data']
         }
     },
     {
         id: 'emailAccounts',
         data: {
-            pageTitle: 'Email accounts',
-            breadcrumbsPath: 'Home, Rules library, Integration',
-            tabs: ['Rules library', 'Integration', 'Email accounts']
+            template: 'tabbed',
+            title: 'Email Accounts',
+            breadcrumbsPath: 'Home, Rules Library, Integration',
+            tabs: ['Rules Library', 'Integration', 'Email Accounts']
         }
     },
     {
         id: 'integrationSystems',
         data: {
-            pageTitle: 'Integration systems',
-            breadcrumbsPath: 'Home, Rules library, Integration',
-            tabs: ['Rules library', 'Integration', 'Integration systems']
+            template: 'tabbed',
+            title: 'Integration Systems',
+            breadcrumbsPath: 'Home, Rules Library, Integration',
+            tabs: ['Rules Library', 'Integration', 'Integration Systems']
         }
     },
     {
         id: 'jsonTransforms',
         data: {
-            pageTitle: 'JSON transforms',
-            breadcrumbsPath: 'Home, Rules library, Integration',
-            tabs: ['Rules library', 'Integration', 'JSON transforms']
+            template: 'tabbed',
+            title: 'JSON Transforms',
+            breadcrumbsPath: 'Home, Rules Library, Integration',
+            tabs: ['Rules Library', 'Integration', 'JSON Transforms']
         }
     },
     {
         id: 'restConnectors',
         data: {
-            pageTitle: 'REST connectors',
-            breadcrumbsPath: 'Home, Rules library, Integration',
-            tabs: ['Rules library', 'Integration', 'REST connectors']
+            template: 'tabbed',
+            title: 'REST Connectors',
+            breadcrumbsPath: 'Home, Rules Library, Integration',
+            tabs: ['Rules Library', 'Integration', 'REST Connectors']
         }
     },
     {
         id: 'process-actions',
         data: {
-            pageTitle: 'Actions',
-            breadcrumbsPath: 'Home, Rules library, Process',
-            tabs: ['Rules library', 'Process', 'Actions']
+            template: 'tabbed',
+            title: 'Actions',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Actions']
         }
     },
     {
         id: 'process-caseStatus',
         data: {
-            pageTitle: 'Case status',
-            breadcrumbsPath: 'Home, Rules library, Process',
-            tabs: ['Rules library', 'Process', 'Case status']
+            template: 'tabbed',
+            title: 'Case Status',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Case Status']
         }
     },
     {
         id: 'process-caseTypes',
         data: {
-            pageTitle: 'Case types',
-            breadcrumbsPath: 'Home, Rules library, Process',
-            tabs: ['Rules library', 'Process', 'Case types']
+            template: 'tabbed',
+            title: 'Case Types',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Case Types']
         }
     },
     {
         id: 'process-processes',
         data: {
-            pageTitle: 'Processes',
-            breadcrumbsPath: 'Home, Rules library, Process',
-            tabs: ['Rules library', 'Process', 'Processes']
+            template: 'tabbed',
+            title: 'Processes',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Processes']
         }
     },
     {
         id: 'process-SLAs',
         data: {
-            pageTitle: 'SLAs',
-            breadcrumbsPath: 'Home, Rules library, Process',
-            tabs: ['Rules library', 'Process', 'SLAs']
+            template: 'tabbed',
+            title: 'SLAs',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'SLAs']
         }
     },
     {
         id: 'process-stages',
         data: {
-            pageTitle: 'Stages',
-            breadcrumbsPath: 'Home, Rules library, Process',
-            tabs: ['Rules library', 'Process', 'Stages']
+            template: 'tabbed',
+            title: 'Stages',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Stages']
         }
     },
     {
         id: 'process-workQueues',
         data: {
-            pageTitle: 'Work queues',
-            breadcrumbsPath: 'Home, Rules library, Process',
-            tabs: ['Rules library', 'Process', 'Work queues']
+            template: 'tabbed',
+            title: 'Work Queues',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Work Queues']
         }
     },
     {
         id: 'accessConditions',
         data: {
-            pageTitle: 'Access conditions',
-            breadcrumbsPath: 'Home, Rules library, Security',
-            tabs: ['Rules library', 'Security', 'Access conditions']
+            template: 'tabbed',
+            title: 'Access Conditions',
+            breadcrumbsPath: 'Home, Rules Library, Security',
+            tabs: ['Rules Library', 'Security', 'Access Conditions']
         }
     },
     {
         id: 'accessGroups',
         data: {
-            pageTitle: 'Access groups',
-            breadcrumbsPath: 'Home, Rules library, Security',
-            tabs: ['Rules library', 'Security', 'Access groups']
+            template: 'tabbed',
+            title: 'Access Groups',
+            breadcrumbsPath: 'Home, Rules Library, Security',
+            tabs: ['Rules Library', 'Security', 'Access Groups']
         }
     },
     {
         id: 'accessPolicies',
         data: {
-            pageTitle: 'Access policies',
-            breadcrumbsPath: 'Home, Rules library, Security',
-            tabs: ['Rules library', 'Security', 'Access policies']
+            template: 'tabbed',
+            title: 'Access Policies',
+            breadcrumbsPath: 'Home, Rules Library, Security',
+            tabs: ['Rules Library', 'Security', 'Access Policies']
         }
     },
     {
         id: 'accessRoles',
         data: {
-            pageTitle: 'Access roles',
-            breadcrumbsPath: 'Home, Rules library, Security',
-            tabs: ['Rules library', 'Security', 'Access roles']
+            template: 'tabbed',
+            title: 'Access Roles',
+            breadcrumbsPath: 'Home, Rules Library, Security',
+            tabs: ['Rules Library', 'Security', 'Access Roles']
         }
     },
     {
         id: 'authProfiles',
         data: {
-            pageTitle: 'Authentication profiles',
-            breadcrumbsPath: 'Home, Rules library, Security, Authentication',
-            tabs: ['Rules library', 'Security', 'Authentication', 'Authentication profiles']
+            template: 'tabbed',
+            title: 'Authentication Profiles',
+            breadcrumbsPath: 'Home, Rules Library, Security, Authentication',
+            tabs: ['Rules Library', 'Security', 'Authentication', 'Authentication Profiles']
         }
     },
     {
         id: 'systemAdmin',
         data: {
-            pageTitle: 'System admin',
+            template: 'tabbed',
+            title: 'System Admin',
             breadcrumbsPath: 'Home',
-            tabs: ['Rules library', 'System admin']
+            tabs: ['Rules Library', 'System Admin']
         }
     },
     {
         id: 'userInterface',
         data: {
-            pageTitle: 'User interface',
+            template: 'tabbed',
+            title: 'User Interface',
             breadcrumbsPath: 'Home',
-            tabs: ['Rules library', 'User interface']
+            tabs: ['Rules Library', 'User Interface']
         }
     }
 ];
-export const TabbedPageComp = (args) => {
-    const { pageContent, showBreadcrumbs } = args;
-    return (<TabbedPage path={getPath({ showBreadcrumbs, pageContent })} title={pageContent.data.pageTitle} tabs={{
-            tabs: pageContent.data.tabs.map((name, i) => {
+export const TabbedPageComp = ({ pageContent, showBreadcrumbs }) => {
+    return (<TabbedPage path={getPath({ showBreadcrumbs, pageContent })} title={pageContent.title} tabs={{
+            tabs: pageContent.tabs.map((name, i) => {
                 const id = `${i + 1}`;
                 return {
                     id,
@@ -362,4 +394,15 @@ export const TabbedPageComp = (args) => {
             type: 'horizontal'
         }}/>);
 };
+export const ShowcasePageComp = ({ title, description, actionLabel, imageSrc }) => {
+    return (<ShowcasePage title={title} description={description} image={{
+            src: imageSrc,
+            alt: 'Image for the banner'
+        }} actions={[
+            {
+                label: actionLabel,
+                onClick: () => { }
+            }
+        ]} link={{ label: 'Learn more', href: '#' }} content={<TableDemo title={title}/>}/>);
+};
 //# sourceMappingURL=AppShell.mocks.jsx.map

package/jsx/build/AppShell/AppShell.mocks.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.mocks.jsx","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC } from 'react';\n\nimport { TabbedPage, Text } from '@pega/cosmos-react-core';\nimport { NavProps } from '@pega/cosmos-react-build';\n\n// cSpell:words SSOT\nexport interface TabbedPageStoryProps {\n  pageContent: PageContentProps;\n  showBreadcrumbs: boolean;\n}\n\nexport interface PageContentProps {\n  id: string;\n  data: {\n    pageTitle: string;\n    breadcrumbsPath: string;\n    tabs: string[];\n  };\n}\n\nexport const getPath = (args: TabbedPageStoryProps) => {\n  const {\n    showBreadcrumbs,\n    pageContent: {\n      data: { pageTitle, breadcrumbsPath }\n    }\n  } = args;\n\n  if (showBreadcrumbs) {\n    const path = pageTitle === 'Overview' ? 'Home' : breadcrumbsPath;\n    return path\n      ? path.split(',').map((crumb: string, i) => {\n          // FIXME: https://stackoverflow.com/questions/63616486/property-replaceall-does-not-exist-on-type-string\n          return {\n            id: crumb,\n            primary: crumb,\n            href: i < 3 ? `#${(crumb as any).replace(/\\s/g, '-')}` : undefined\n          };\n        })\n      : [];\n  }\n};\n\nexport const defaultNavItems: NavProps['items'] = [\n  {\n    id: 'overview',\n    label: 'Overview',\n    href: '#overview',\n    icon: 'home-solid'\n  },\n  {\n    id: 'caseTypes',\n    label: 'Case types',\n    icon: 'chevron-solid',\n    href: '#caseTypes'\n  },\n  {\n    id: 'liveData',\n    label: 'Live data',\n    href: '#liveData',\n    icon: 'disc-stack-solid'\n  },\n  {\n    id: 'insights',\n    label: 'Insights',\n    href: '#insights',\n    icon: 'search-analytics-solid'\n  },\n  {\n    id: 'personas',\n    label: 'Personas',\n    href: '#personas',\n    icon: 'users-solid'\n  },\n  {\n    id: 'appSettings',\n    label: 'App settings',\n    href: '#appSettings',\n    icon: 'gear-solid'\n  },\n  {\n    id: 'rulesLibrary',\n    label: 'Rules library',\n    icon: 'book-solid',\n    items: [\n      { id: 'appLogic', label: 'App logic', href: '#appLogic' },\n      { id: 'application', label: 'Application', href: '#application' },\n      { id: 'data', label: 'Data', href: '#data' },\n      {\n        id: 'integration',\n        label: 'Integration',\n        items: [\n          { id: 'emailAccounts', label: 'Email accounts', href: '#emailAccounts' },\n          {\n            id: 'integrationSystems',\n            label: 'Integration systems',\n            href: '#integrationSystems'\n          },\n          {\n            id: 'jsonTransforms',\n            label: 'JSON transforms',\n            href: '#jsonTransforms'\n          },\n          {\n            id: 'restConnectors',\n            label: 'REST connectors',\n            href: '#restConnectors'\n          }\n        ]\n      },\n      {\n        id: 'process',\n        label: 'Process',\n        items: [\n          { id: 'process-actions', label: 'Actions', href: '#actions' },\n          { id: 'process-caseStatus', label: 'Case status', href: '#caseStatus' },\n          { id: 'process-caseTypes', label: 'Case types', href: '#caseTypes' },\n          { id: 'process-processes', label: 'Processes', href: '#processes' },\n          { id: 'process-SLAs', label: 'SLAs', href: '#SLAs' },\n          { id: 'process-stages', label: 'Stages', href: '#stages' },\n          { id: 'process-workQueues', label: 'Work queues', href: '#workQueues' }\n        ]\n      },\n      {\n        id: 'security',\n        label: 'Security',\n        items: [\n          {\n            id: 'accessConditions',\n            label: 'Access conditions',\n            href: '#accessConditions'\n          },\n          { id: 'accessGroups', label: 'Access groups', href: '#accessGroups' },\n          {\n            id: 'accessPolicies',\n            label: 'Access policies',\n            href: '#accessPolicies'\n          },\n          { id: 'accessRoles', label: 'Access roles', href: '#accessRoles' },\n          {\n            id: 'authentication',\n            label: 'Authentication',\n            items: [\n              {\n                id: 'authProfiles',\n                label: 'Authentication profiles',\n                href: '#authProfiles'\n              }\n            ]\n          }\n        ]\n      },\n      { id: 'systemAdmin', label: 'System admin', href: '#systemAdmin' },\n      { id: 'userInterface', label: 'User interface', href: '#userInterface' }\n    ]\n  }\n];\n\nexport const contents = [\n  {\n    id: 'overview',\n    data: {\n      pageTitle: 'Overview',\n      breadcrumbsPath: 'Home',\n      tabs: ['Application']\n    }\n  },\n  {\n    id: 'caseTypes',\n    data: {\n      pageTitle: 'Case types',\n      breadcrumbsPath: 'Home',\n      tabs: ['Case types']\n    }\n  },\n  {\n    id: 'liveData',\n    data: {\n      pageTitle: 'Live data',\n      breadcrumbsPath: 'Home',\n      tabs: ['Live data']\n    }\n  },\n  {\n    id: 'insights',\n    data: {\n      pageTitle: 'Insights',\n      breadcrumbsPath: 'Home',\n      tabs: ['Insights']\n    }\n  },\n  {\n    id: 'personas',\n    data: {\n      pageTitle: 'Personas',\n      breadcrumbsPath: 'Home',\n      tabs: ['Personas']\n    }\n  },\n  {\n    id: 'appSettings',\n    data: {\n      pageTitle: 'App settings',\n      breadcrumbsPath: 'Home',\n      tabs: ['App settings']\n    }\n  },\n  {\n    id: 'appLogic',\n    data: {\n      pageTitle: 'App logic',\n      breadcrumbsPath: 'Home, Rules library',\n      tabs: ['Rules library', 'App logic']\n    }\n  },\n  {\n    id: 'application',\n    data: {\n      pageTitle: 'Application',\n      breadcrumbsPath: 'Home, Rules library',\n      tabs: ['Rules library', 'Application']\n    }\n  },\n  {\n    id: 'data',\n    data: {\n      pageTitle: 'Data',\n      breadcrumbsPath: 'Home, Rules library',\n      tabs: ['Rules library', 'Data']\n    }\n  },\n  {\n    id: 'emailAccounts',\n    data: {\n      pageTitle: 'Email accounts',\n      breadcrumbsPath: 'Home, Rules library, Integration',\n      tabs: ['Rules library', 'Integration', 'Email accounts']\n    }\n  },\n  {\n    id: 'integrationSystems',\n    data: {\n      pageTitle: 'Integration systems',\n      breadcrumbsPath: 'Home, Rules library, Integration',\n      tabs: ['Rules library', 'Integration', 'Integration systems']\n    }\n  },\n  {\n    id: 'jsonTransforms',\n    data: {\n      pageTitle: 'JSON transforms',\n      breadcrumbsPath: 'Home, Rules library, Integration',\n      tabs: ['Rules library', 'Integration', 'JSON transforms']\n    }\n  },\n  {\n    id: 'restConnectors',\n    data: {\n      pageTitle: 'REST connectors',\n      breadcrumbsPath: 'Home, Rules library, Integration',\n      tabs: ['Rules library', 'Integration', 'REST connectors']\n    }\n  },\n  {\n    id: 'process-actions',\n    data: {\n      pageTitle: 'Actions',\n      breadcrumbsPath: 'Home, Rules library, Process',\n      tabs: ['Rules library', 'Process', 'Actions']\n    }\n  },\n  {\n    id: 'process-caseStatus',\n    data: {\n      pageTitle: 'Case status',\n      breadcrumbsPath: 'Home, Rules library, Process',\n      tabs: ['Rules library', 'Process', 'Case status']\n    }\n  },\n  {\n    id: 'process-caseTypes',\n    data: {\n      pageTitle: 'Case types',\n      breadcrumbsPath: 'Home, Rules library, Process',\n      tabs: ['Rules library', 'Process', 'Case types']\n    }\n  },\n  {\n    id: 'process-processes',\n    data: {\n      pageTitle: 'Processes',\n      breadcrumbsPath: 'Home, Rules library, Process',\n      tabs: ['Rules library', 'Process', 'Processes']\n    }\n  },\n  {\n    id: 'process-SLAs',\n    data: {\n      pageTitle: 'SLAs',\n      breadcrumbsPath: 'Home, Rules library, Process',\n      tabs: ['Rules library', 'Process', 'SLAs']\n    }\n  },\n\n  {\n    id: 'process-stages',\n    data: {\n      pageTitle: 'Stages',\n      breadcrumbsPath: 'Home, Rules library, Process',\n      tabs: ['Rules library', 'Process', 'Stages']\n    }\n  },\n  {\n    id: 'process-workQueues',\n    data: {\n      pageTitle: 'Work queues',\n      breadcrumbsPath: 'Home, Rules library, Process',\n      tabs: ['Rules library', 'Process', 'Work queues']\n    }\n  },\n  {\n    id: 'accessConditions',\n    data: {\n      pageTitle: 'Access conditions',\n      breadcrumbsPath: 'Home, Rules library, Security',\n      tabs: ['Rules library', 'Security', 'Access conditions']\n    }\n  },\n  {\n    id: 'accessGroups',\n    data: {\n      pageTitle: 'Access groups',\n      breadcrumbsPath: 'Home, Rules library, Security',\n      tabs: ['Rules library', 'Security', 'Access groups']\n    }\n  },\n  {\n    id: 'accessPolicies',\n    data: {\n      pageTitle: 'Access policies',\n      breadcrumbsPath: 'Home, Rules library, Security',\n      tabs: ['Rules library', 'Security', 'Access policies']\n    }\n  },\n  {\n    id: 'accessRoles',\n    data: {\n      pageTitle: 'Access roles',\n      breadcrumbsPath: 'Home, Rules library, Security',\n      tabs: ['Rules library', 'Security', 'Access roles']\n    }\n  },\n  {\n    id: 'authProfiles',\n    data: {\n      pageTitle: 'Authentication profiles',\n      breadcrumbsPath: 'Home, Rules library, Security, Authentication',\n      tabs: ['Rules library', 'Security', 'Authentication', 'Authentication profiles']\n    }\n  },\n  {\n    id: 'systemAdmin',\n    data: {\n      pageTitle: 'System admin',\n      breadcrumbsPath: 'Home',\n      tabs: ['Rules library', 'System admin']\n    }\n  },\n  {\n    id: 'userInterface',\n    data: {\n      pageTitle: 'User interface',\n      breadcrumbsPath: 'Home',\n      tabs: ['Rules library', 'User interface']\n    }\n  }\n];\n\nexport const TabbedPageComp: FC<TabbedPageStoryProps> = (args: TabbedPageStoryProps) => {\n  const { pageContent, showBreadcrumbs } = args;\n\n  return (\n    <TabbedPage\n      path={getPath({ showBreadcrumbs, pageContent })}\n      title={pageContent.data.pageTitle}\n      tabs={{\n        tabs: pageContent.data.tabs.map((name, i) => {\n          const id = `${i + 1}`;\n          return {\n            id,\n            name,\n            content: (\n              <Text variant='h1' as='div'>\n                {`Tab ${id} content`}\n              </Text>\n            )\n          };\n        }),\n        type: 'horizontal'\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"file":"AppShell.mocks.jsx","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC } from 'react';\n\nimport { TabbedPage, Text } from '@pega/cosmos-react-core';\nimport { NavProps, ShowcasePage } from '@pega/cosmos-react-build';\n\nimport { TableDemo } from '../../core/Table/Table.stories';\n\n// cSpell:words SSOT\nexport interface TabbedPageStoryProps {\n  pageContent: {\n    template: 'tabbed';\n    title: string;\n    breadcrumbsPath: string;\n    tabs: string[];\n  };\n  showBreadcrumbs: boolean;\n}\n\nexport interface ShowcasePageStoryProps {\n  template: 'showcase';\n  title: string;\n  description: string;\n  actionLabel: string;\n  imageSrc: string;\n}\n\nexport interface PageContentProps {\n  id: string;\n  data: TabbedPageStoryProps['pageContent'] | ShowcasePageStoryProps;\n}\n\nexport const getPath = (args: TabbedPageStoryProps) => {\n  const {\n    showBreadcrumbs,\n    pageContent: { title, breadcrumbsPath }\n  } = args;\n\n  if (showBreadcrumbs) {\n    const path = title === 'Overview' ? 'Home' : breadcrumbsPath;\n    return path\n      ? path.split(',').map((crumb: string, i) => {\n          // FIXME: https://stackoverflow.com/questions/63616486/property-replaceall-does-not-exist-on-type-string\n          return {\n            id: crumb,\n            primary: crumb,\n            href: i < 3 ? `#${(crumb as any).replace(/\\s/g, '-')}` : undefined\n          };\n        })\n      : [];\n  }\n};\n\nexport const defaultNavItems: NavProps['items'] = [\n  {\n    id: 'overview',\n    label: 'Overview',\n    href: '#overview',\n    icon: 'home-solid'\n  },\n  {\n    id: 'caseTypes',\n    label: 'Case Types',\n    icon: 'chevron-solid',\n    href: '#caseTypes'\n  },\n  {\n    id: 'liveData',\n    label: 'Live Data',\n    href: '#liveData',\n    icon: 'disc-stack-solid'\n  },\n  {\n    id: 'insights',\n    label: 'Insights',\n    href: '#insights',\n    icon: 'search-analytics-solid'\n  },\n  {\n    id: 'personas',\n    label: 'Personas',\n    href: '#personas',\n    icon: 'users-solid'\n  },\n  {\n    id: 'appSettings',\n    label: 'App Settings',\n    href: '#appSettings',\n    icon: 'gear-solid'\n  },\n  {\n    id: 'rulesLibrary',\n    label: 'Rules Library',\n    icon: 'book-solid',\n    items: [\n      { id: 'appLogic', label: 'App Logic', href: '#appLogic' },\n      { id: 'application', label: 'Application', href: '#application' },\n      { id: 'data', label: 'Data', href: '#data' },\n      {\n        id: 'integration',\n        label: 'Integration',\n        items: [\n          { id: 'emailAccounts', label: 'Email Accounts', href: '#emailAccounts' },\n          {\n            id: 'integrationSystems',\n            label: 'Integration Systems',\n            href: '#integrationSystems'\n          },\n          {\n            id: 'jsonTransforms',\n            label: 'JSON Transforms',\n            href: '#jsonTransforms'\n          },\n          {\n            id: 'restConnectors',\n            label: 'REST Connectors',\n            href: '#restConnectors'\n          }\n        ]\n      },\n      {\n        id: 'process',\n        label: 'Process',\n        items: [\n          { id: 'process-actions', label: 'Actions', href: '#actions' },\n          { id: 'process-caseStatus', label: 'Case Status', href: '#caseStatus' },\n          { id: 'process-caseTypes', label: 'Case Types', href: '#caseTypes' },\n          { id: 'process-processes', label: 'Processes', href: '#processes' },\n          { id: 'process-SLAs', label: 'SLAs', href: '#SLAs' },\n          { id: 'process-stages', label: 'Stages', href: '#stages' },\n          { id: 'process-workQueues', label: 'Work Queues', href: '#workQueues' }\n        ]\n      },\n      {\n        id: 'security',\n        label: 'Security',\n        items: [\n          {\n            id: 'accessConditions',\n            label: 'Access Conditions',\n            href: '#accessConditions'\n          },\n          { id: 'accessGroups', label: 'Access Groups', href: '#accessGroups' },\n          {\n            id: 'accessPolicies',\n            label: 'Access Policies',\n            href: '#accessPolicies'\n          },\n          { id: 'accessRoles', label: 'Access Roles', href: '#accessRoles' },\n          {\n            id: 'authentication',\n            label: 'Authentication',\n            items: [\n              {\n                id: 'authProfiles',\n                label: 'Authentication Profiles',\n                href: '#authProfiles'\n              }\n            ]\n          }\n        ]\n      },\n      { id: 'systemAdmin', label: 'System Admin', href: '#systemAdmin' },\n      { id: 'userInterface', label: 'User Interface', href: '#userInterface' }\n    ]\n  }\n];\n\nexport const contents: PageContentProps[] = [\n  {\n    id: 'overview',\n    data: {\n      template: 'tabbed',\n      title: 'Overview',\n      breadcrumbsPath: 'Home',\n      tabs: ['Application']\n    }\n  },\n  {\n    id: 'caseTypes',\n    data: {\n      template: 'showcase',\n      title: 'Case Types',\n      description:\n        'Case Types are the life cycles, or units of work, that deliver a meaningful result to customers and users. Case Types are a part of the overall customer journey that achieves all of a subset of the required business outcomes.',\n      actionLabel: 'Add Case Type',\n      imageSrc: './build-live-data.svg'\n    }\n  },\n  {\n    id: 'liveData',\n    data: {\n      template: 'showcase',\n      title: 'Live Data',\n      description:\n        'Live Data allows users to quickly and easily define the data required to build the apps they need, and then access that data in their running application - all without having to worry about how and where the data is actually stored and accessed.',\n      actionLabel: 'Add Data Type',\n      imageSrc: './build-live-data.svg'\n    }\n  },\n  {\n    id: 'insights',\n    data: {\n      template: 'showcase',\n      title: 'Insights',\n      description:\n        'Insights allow you to easily explore and analyze data in your application. You can use Insights to transform data queries into tables or visualizations that you can share between users.',\n      actionLabel: 'Add Insight',\n      imageSrc: './build-live-data.svg'\n    }\n  },\n  {\n    id: 'personas',\n    data: {\n      template: 'showcase',\n      title: 'Personas',\n      description:\n        'A Persona is the business representation of a role. Personas are made up of a collection of permissions, portals and work queues that define the user experience of an application.',\n      actionLabel: 'Add Persona',\n      imageSrc: './build-live-data.svg'\n    }\n  },\n  {\n    id: 'appSettings',\n    data: {\n      template: 'tabbed',\n      title: 'App Settings',\n      breadcrumbsPath: 'Home',\n      tabs: ['App Settings']\n    }\n  },\n  {\n    id: 'appLogic',\n    data: {\n      template: 'tabbed',\n      title: 'App Logic',\n      breadcrumbsPath: 'Home, Rules Library',\n      tabs: ['Rules Library', 'App Logic']\n    }\n  },\n  {\n    id: 'application',\n    data: {\n      template: 'tabbed',\n      title: 'Application',\n      breadcrumbsPath: 'Home, Rules Library',\n      tabs: ['Rules Library', 'Application']\n    }\n  },\n  {\n    id: 'data',\n    data: {\n      template: 'tabbed',\n      title: 'Data',\n      breadcrumbsPath: 'Home, Rules Library',\n      tabs: ['Rules Library', 'Data']\n    }\n  },\n  {\n    id: 'emailAccounts',\n    data: {\n      template: 'tabbed',\n      title: 'Email Accounts',\n      breadcrumbsPath: 'Home, Rules Library, Integration',\n      tabs: ['Rules Library', 'Integration', 'Email Accounts']\n    }\n  },\n  {\n    id: 'integrationSystems',\n    data: {\n      template: 'tabbed',\n      title: 'Integration Systems',\n      breadcrumbsPath: 'Home, Rules Library, Integration',\n      tabs: ['Rules Library', 'Integration', 'Integration Systems']\n    }\n  },\n  {\n    id: 'jsonTransforms',\n    data: {\n      template: 'tabbed',\n      title: 'JSON Transforms',\n      breadcrumbsPath: 'Home, Rules Library, Integration',\n      tabs: ['Rules Library', 'Integration', 'JSON Transforms']\n    }\n  },\n  {\n    id: 'restConnectors',\n    data: {\n      template: 'tabbed',\n      title: 'REST Connectors',\n      breadcrumbsPath: 'Home, Rules Library, Integration',\n      tabs: ['Rules Library', 'Integration', 'REST Connectors']\n    }\n  },\n  {\n    id: 'process-actions',\n    data: {\n      template: 'tabbed',\n      title: 'Actions',\n      breadcrumbsPath: 'Home, Rules Library, Process',\n      tabs: ['Rules Library', 'Process', 'Actions']\n    }\n  },\n  {\n    id: 'process-caseStatus',\n    data: {\n      template: 'tabbed',\n      title: 'Case Status',\n      breadcrumbsPath: 'Home, Rules Library, Process',\n      tabs: ['Rules Library', 'Process', 'Case Status']\n    }\n  },\n  {\n    id: 'process-caseTypes',\n    data: {\n      template: 'tabbed',\n      title: 'Case Types',\n      breadcrumbsPath: 'Home, Rules Library, Process',\n      tabs: ['Rules Library', 'Process', 'Case Types']\n    }\n  },\n  {\n    id: 'process-processes',\n    data: {\n      template: 'tabbed',\n      title: 'Processes',\n      breadcrumbsPath: 'Home, Rules Library, Process',\n      tabs: ['Rules Library', 'Process', 'Processes']\n    }\n  },\n  {\n    id: 'process-SLAs',\n    data: {\n      template: 'tabbed',\n      title: 'SLAs',\n      breadcrumbsPath: 'Home, Rules Library, Process',\n      tabs: ['Rules Library', 'Process', 'SLAs']\n    }\n  },\n\n  {\n    id: 'process-stages',\n    data: {\n      template: 'tabbed',\n      title: 'Stages',\n      breadcrumbsPath: 'Home, Rules Library, Process',\n      tabs: ['Rules Library', 'Process', 'Stages']\n    }\n  },\n  {\n    id: 'process-workQueues',\n    data: {\n      template: 'tabbed',\n      title: 'Work Queues',\n      breadcrumbsPath: 'Home, Rules Library, Process',\n      tabs: ['Rules Library', 'Process', 'Work Queues']\n    }\n  },\n  {\n    id: 'accessConditions',\n    data: {\n      template: 'tabbed',\n      title: 'Access Conditions',\n      breadcrumbsPath: 'Home, Rules Library, Security',\n      tabs: ['Rules Library', 'Security', 'Access Conditions']\n    }\n  },\n  {\n    id: 'accessGroups',\n    data: {\n      template: 'tabbed',\n      title: 'Access Groups',\n      breadcrumbsPath: 'Home, Rules Library, Security',\n      tabs: ['Rules Library', 'Security', 'Access Groups']\n    }\n  },\n  {\n    id: 'accessPolicies',\n    data: {\n      template: 'tabbed',\n      title: 'Access Policies',\n      breadcrumbsPath: 'Home, Rules Library, Security',\n      tabs: ['Rules Library', 'Security', 'Access Policies']\n    }\n  },\n  {\n    id: 'accessRoles',\n    data: {\n      template: 'tabbed',\n      title: 'Access Roles',\n      breadcrumbsPath: 'Home, Rules Library, Security',\n      tabs: ['Rules Library', 'Security', 'Access Roles']\n    }\n  },\n  {\n    id: 'authProfiles',\n    data: {\n      template: 'tabbed',\n      title: 'Authentication Profiles',\n      breadcrumbsPath: 'Home, Rules Library, Security, Authentication',\n      tabs: ['Rules Library', 'Security', 'Authentication', 'Authentication Profiles']\n    }\n  },\n  {\n    id: 'systemAdmin',\n    data: {\n      template: 'tabbed',\n      title: 'System Admin',\n      breadcrumbsPath: 'Home',\n      tabs: ['Rules Library', 'System Admin']\n    }\n  },\n  {\n    id: 'userInterface',\n    data: {\n      template: 'tabbed',\n      title: 'User Interface',\n      breadcrumbsPath: 'Home',\n      tabs: ['Rules Library', 'User Interface']\n    }\n  }\n];\n\nexport const TabbedPageComp: FC<TabbedPageStoryProps> = ({\n  pageContent,\n  showBreadcrumbs\n}: TabbedPageStoryProps) => {\n  return (\n    <TabbedPage\n      path={getPath({ showBreadcrumbs, pageContent })}\n      title={pageContent.title}\n      tabs={{\n        tabs: pageContent.tabs.map((name, i) => {\n          const id = `${i + 1}`;\n          return {\n            id,\n            name,\n            content: (\n              <Text variant='h1' as='div'>\n                {`Tab ${id} content`}\n              </Text>\n            )\n          };\n        }),\n        type: 'horizontal'\n      }}\n    />\n  );\n};\n\nexport const ShowcasePageComp: FC<ShowcasePageStoryProps> = ({\n  title,\n  description,\n  actionLabel,\n  imageSrc\n}: ShowcasePageStoryProps) => {\n  return (\n    <ShowcasePage\n      title={title}\n      description={description}\n      image={{\n        src: imageSrc,\n        alt: 'Image for the banner'\n      }}\n      actions={[\n        {\n          label: actionLabel,\n          onClick: () => {}\n        }\n      ]}\n      link={{ label: 'Learn more', href: '#' }}\n      content={<TableDemo title={title} />}\n    />\n  );\n};\n"]}