@pega/cosmos-react-demos 4.0.0-dev.1.1 → 4.0.0-dev.10.0

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 {
@@ -14,512 +16,372 @@ export const getPath = (args) => {
             : [];
     }
 };
-export const appExplorerMenuList = [
+export const defaultNavItems = [
     {
-        id: '50',
-        label: 'SysAdmin',
-        nodes: [
-            {
-                id: '54',
-                label: 'Class',
-                nodes: [
-                    {
-                        id: '55',
-                        label: 'OJ4RFS-PegaTest-Work'
-                    }
-                ]
-            }
-        ]
+        id: 'overview',
+        label: 'Overview',
+        href: '#overview',
+        icon: 'home-solid'
     },
     {
-        id: '51',
-        label: 'XCompass',
-        nodes: [
-            {
-                id: '56',
-                label: 'Data Model'
-            },
+        id: 'caseTypes',
+        label: 'Case Types',
+        icon: 'chevron-solid',
+        href: '#caseTypes'
+    },
+    {
+        id: 'liveData',
+        label: 'Live Data',
+        href: '#liveData',
+        icon: 'disc-stack-solid'
+    },
+    {
+        id: 'insights',
+        label: 'Insights',
+        href: '#insights',
+        icon: 'search-analytics-solid'
+    },
+    {
+        id: 'personas',
+        label: 'Personas',
+        href: '#personas',
+        icon: 'users-solid'
+    },
+    {
+        id: 'appSettings',
+        label: 'App Settings',
+        href: '#appSettings',
+        icon: 'gear-solid'
+    },
+    {
+        id: 'rulesLibrary',
+        label: 'Rules Library',
+        icon: 'book-solid',
+        items: [
+            { id: 'appLogic', label: 'App Logic', href: '#appLogic' },
+            { id: 'application', label: 'Application', href: '#application' },
+            { id: 'data', label: 'Data', href: '#data' },
             {
-                id: '57',
-                label: 'Process',
-                nodes: [
+                id: 'integration',
+                label: 'Integration',
+                items: [
+                    { id: 'emailAccounts', label: 'Email Accounts', href: '#emailAccounts' },
                     {
-                        id: '60',
-                        label: 'Case Type'
+                        id: 'integrationSystems',
+                        label: 'Integration Systems',
+                        href: '#integrationSystems'
                     },
                     {
-                        id: '61',
-                        label: 'Flow'
+                        id: 'jsonTransforms',
+                        label: 'JSON Transforms',
+                        href: '#jsonTransforms'
                     },
                     {
-                        id: '62',
-                        label: 'Work Parties'
+                        id: 'restConnectors',
+                        label: 'REST Connectors',
+                        href: '#restConnectors'
                     }
                 ]
             },
             {
-                id: '58',
-                label: 'Reports',
-                nodes: [
+                id: 'process',
+                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-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: 'security',
+                label: 'Security',
+                items: [
+                    {
+                        id: 'accessConditions',
+                        label: 'Access Conditions',
+                        href: '#accessConditions'
+                    },
+                    { id: 'accessGroups', label: 'Access Groups', href: '#accessGroups' },
                     {
-                        id: '63',
-                        label: 'Report Definition'
+                        id: 'accessPolicies',
+                        label: 'Access Policies',
+                        href: '#accessPolicies'
+                    },
+                    { id: 'accessRoles', label: 'Access Roles', href: '#accessRoles' },
+                    {
+                        id: 'authentication',
+                        label: 'Authentication',
+                        items: [
+                            {
+                                id: 'authProfiles',
+                                label: 'Authentication Profiles',
+                                href: '#authProfiles'
+                            }
+                        ]
                     }
                 ]
             },
-            {
-                id: '59',
-                label: 'SysAdmin'
-            }
+            { id: 'systemAdmin', label: 'System Admin', href: '#systemAdmin' },
+            { id: 'userInterface', label: 'User Interface', href: '#userInterface' }
         ]
     }
 ];
-export const branchesMenuList = [
-    {
-        icon: 'nodes-right',
-        id: '40',
-        label: 'Theme-Cosmos'
-    },
-    {
-        icon: 'nodes-right',
-        id: '41',
-        label: 'PegaDevelopment'
-    },
-    {
-        icon: 'nodes-right',
-        id: '42',
-        label: 'PegaSSOT'
-    },
-    {
-        icon: 'nodes-right',
-        id: '43',
-        label: 'PegaRULES'
-    }
-];
 export const contents = [
     {
-        id: '1',
+        id: 'overview',
         data: {
-            pageTitle: 'Application definition',
+            template: 'tabbed',
+            title: 'Overview',
             breadcrumbsPath: 'Home',
             tabs: ['Application']
         }
     },
     {
-        id: '100',
+        id: 'caseTypes',
         data: {
-            pageTitle: 'Decisions',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            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: '101',
+        id: 'liveData',
         data: {
-            pageTitle: 'Validations',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            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: '102',
+        id: 'insights',
         data: {
-            pageTitle: 'When',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            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: '103',
+        id: 'personas',
         data: {
-            pageTitle: 'Configuration sets',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            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: '104',
+        id: 'appSettings',
         data: {
-            pageTitle: 'Data pages',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
-        }
-    },
-    {
-        id: '105',
-        data: {
-            pageTitle: 'Data sources',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
-        }
-    },
-    {
-        id: '106',
-        data: {
-            pageTitle: 'Data transforms',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
-        }
-    },
-    {
-        id: '107',
-        data: {
-            pageTitle: 'Fields',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
-        }
-    },
-    {
-        id: '108',
-        data: {
-            pageTitle: 'Queries',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
-        }
-    },
-    {
-        id: '109',
-        data: {
-            pageTitle: 'Email account',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
-        }
-    },
-    {
-        id: '110',
-        data: {
-            pageTitle: 'Integration systems',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
-        }
-    },
-    {
-        id: '111',
-        data: {
-            pageTitle: 'Actions',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
-        }
-    },
-    {
-        id: '112',
-        data: {
-            pageTitle: 'Automations',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
-        }
-    },
-    {
-        id: '113',
-        data: {
-            pageTitle: 'Access groups',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'App Settings',
+            breadcrumbsPath: 'Home',
+            tabs: ['App Settings']
         }
     },
     {
-        id: '114',
+        id: 'appLogic',
         data: {
-            pageTitle: 'Access roles',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'App Logic',
+            breadcrumbsPath: 'Home, Rules Library',
+            tabs: ['Rules Library', 'App Logic']
         }
     },
     {
-        id: '55',
+        id: 'application',
         data: {
-            pageTitle: 'OJ4RFS-PegaTest-Work',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'Application',
+            breadcrumbsPath: 'Home, Rules Library',
+            tabs: ['Rules Library', 'Application']
         }
     },
     {
-        id: '',
+        id: 'data',
         data: {
-            pageTitle: 'OJ4RFS-PegaTest-Work',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'Data',
+            breadcrumbsPath: 'Home, Rules Library',
+            tabs: ['Rules Library', 'Data']
         }
     },
     {
-        id: '56',
+        id: 'emailAccounts',
         data: {
-            pageTitle: 'Data Model',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'Email Accounts',
+            breadcrumbsPath: 'Home, Rules Library, Integration',
+            tabs: ['Rules Library', 'Integration', 'Email Accounts']
         }
     },
     {
-        id: '60',
+        id: 'integrationSystems',
         data: {
-            pageTitle: 'Case Type',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'Integration Systems',
+            breadcrumbsPath: 'Home, Rules Library, Integration',
+            tabs: ['Rules Library', 'Integration', 'Integration Systems']
         }
     },
     {
-        id: '61',
+        id: 'jsonTransforms',
         data: {
-            pageTitle: 'Flow',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'JSON Transforms',
+            breadcrumbsPath: 'Home, Rules Library, Integration',
+            tabs: ['Rules Library', 'Integration', 'JSON Transforms']
         }
     },
     {
-        id: '62',
+        id: 'restConnectors',
         data: {
-            pageTitle: 'Work Parties',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'REST Connectors',
+            breadcrumbsPath: 'Home, Rules Library, Integration',
+            tabs: ['Rules Library', 'Integration', 'REST Connectors']
         }
     },
     {
-        id: '63',
+        id: 'process-actions',
         data: {
-            pageTitle: 'Report Definition',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'Actions',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Actions']
         }
     },
     {
-        id: '59',
+        id: 'process-caseStatus',
         data: {
-            pageTitle: 'SysAdmin',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'Case Status',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Case Status']
         }
     },
     {
-        id: '40',
+        id: 'process-caseTypes',
         data: {
-            pageTitle: 'Theme-Cosmos',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'Case Types',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Case Types']
         }
     },
     {
-        id: '41',
+        id: 'process-processes',
         data: {
-            pageTitle: 'PegaDevelopment',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'Processes',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Processes']
         }
     },
     {
-        id: '42',
+        id: 'process-SLAs',
         data: {
-            pageTitle: 'PegaSSOT',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'SLAs',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'SLAs']
         }
     },
     {
-        id: '43',
+        id: 'process-stages',
         data: {
-            pageTitle: 'PegaRULES',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'Stages',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Stages']
         }
     },
     {
-        id: '25',
+        id: 'process-workQueues',
         data: {
-            pageTitle: 'Association',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'Work Queues',
+            breadcrumbsPath: 'Home, Rules Library, Process',
+            tabs: ['Rules Library', 'Process', 'Work Queues']
         }
     },
     {
-        id: '26',
+        id: 'accessConditions',
         data: {
-            pageTitle: 'Data Flow',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'Access Conditions',
+            breadcrumbsPath: 'Home, Rules Library, Security',
+            tabs: ['Rules Library', 'Security', 'Access Conditions']
         }
     },
     {
-        id: '27',
+        id: 'accessGroups',
         data: {
-            pageTitle: 'Adaptive Model',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'Access Groups',
+            breadcrumbsPath: 'Home, Rules Library, Security',
+            tabs: ['Rules Library', 'Security', 'Access Groups']
         }
     },
     {
-        id: '28',
+        id: 'accessPolicies',
         data: {
-            pageTitle: 'Case Match',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'Access Policies',
+            breadcrumbsPath: 'Home, Rules Library, Security',
+            tabs: ['Rules Library', 'Security', 'Access Policies']
         }
     },
     {
-        id: '29',
+        id: 'accessRoles',
         data: {
-            pageTitle: 'Connect File',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'Access Roles',
+            breadcrumbsPath: 'Home, Rules Library, Security',
+            tabs: ['Rules Library', 'Security', 'Access Roles']
         }
     },
     {
-        id: '30',
+        id: 'authProfiles',
         data: {
-            pageTitle: 'Connect Cassandra',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'Authentication Profiles',
+            breadcrumbsPath: 'Home, Rules Library, Security, Authentication',
+            tabs: ['Rules Library', 'Security', 'Authentication', 'Authentication Profiles']
         }
     },
     {
-        id: '31',
+        id: 'systemAdmin',
         data: {
-            pageTitle: 'EForm File',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application']
+            template: 'tabbed',
+            title: 'System Admin',
+            breadcrumbsPath: 'Home',
+            tabs: ['Rules Library', 'System Admin']
         }
     },
     {
-        id: '32',
+        id: 'userInterface',
         data: {
-            pageTitle: 'Map eForm',
-            breadcrumbsPath: 'Home, U+ Desk',
-            tabs: ['Application', 'User Interface']
+            template: 'tabbed',
+            title: 'User Interface',
+            breadcrumbsPath: 'Home',
+            tabs: ['Rules Library', 'User Interface']
         }
     }
 ];
-export const recordMenuList = [
-    {
-        id: '21',
-        label: 'Data Model',
-        nodes: [
-            { id: '25', label: 'Association' },
-            { id: '26', label: 'Data Flow' }
-        ]
-    },
-    {
-        id: '22',
-        label: 'Decision',
-        nodes: [
-            { id: '27', label: 'Adaptive Model' },
-            { id: '28', label: 'Case Match' }
-        ]
-    },
-    {
-        id: '23',
-        label: 'Integration-Connectors',
-        nodes: [
-            { id: '29', label: 'Connect File' },
-            { id: '30', label: 'Connect Cassandra' }
-        ]
-    },
-    {
-        id: '24',
-        label: 'Integration-Mapping',
-        nodes: [
-            { id: '31', label: 'EForm File' },
-            { id: '32', label: 'Map eForm' }
-        ]
-    }
-];
-export const treeList = [
-    {
-        id: '1',
-        label: 'Application definition'
-    },
-    {
-        id: '2',
-        label: 'App logic',
-        nodes: [
-            {
-                id: '100',
-                label: 'Decisions'
-            },
-            {
-                id: '101',
-                label: 'Validations'
-            },
-            {
-                id: '102',
-                label: 'When'
-            }
-        ]
-    },
-    {
-        id: '3',
-        label: 'Applications',
-        nodes: [
-            {
-                id: '103',
-                label: 'Configuration sets'
-            }
-        ]
-    },
-    {
-        id: '4',
-        label: 'Data',
-        nodes: [
-            {
-                id: '104',
-                label: 'Data pages'
-            },
-            {
-                id: '105',
-                label: 'Data sources'
-            },
-            {
-                id: '106',
-                label: 'Data transforms'
-            },
-            {
-                id: '107',
-                label: 'Fields'
-            },
-            {
-                id: '108',
-                label: 'Queries'
-            }
-        ]
-    },
-    {
-        id: '5',
-        label: 'Integration',
-        nodes: [
-            {
-                id: '109',
-                label: 'Email account'
-            },
-            {
-                id: '110',
-                label: 'Integration systems'
-            }
-        ]
-    },
-    {
-        id: '6',
-        label: 'Process',
-        nodes: [
-            {
-                id: '111',
-                label: 'Actions'
-            },
-            { id: '112', label: 'Automations' }
-        ]
-    },
-    {
-        id: '7',
-        label: 'Security',
-        nodes: [
-            {
-                id: '113',
-                label: 'Access groups'
-            },
-            { id: '114', label: 'Access roles' }
-        ]
-    }
-];
-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,
@@ -532,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