npm - @pega/cosmos-react-demos - Versions diffs - 4.0.0-dev.7.0 → 4.0.0-dev.8.1 - Mend

@pega/cosmos-react-demos 4.0.0-dev.7.0 → 4.0.0-dev.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

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

	@@ -1 +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';\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 appExplorerMenuList = [\n {\n id: '50',\n label: 'SysAdmin',\n nodes: [\n {\n id: '54',\n label: 'Class',\n nodes: [\n {\n id: '55',\n label: 'OJ4RFS-PegaTest-Work'\n }\n ]\n }\n ]\n },\n {\n id: '51',\n label: 'XCompass',\n nodes: [\n {\n id: '56',\n label: 'Data Model'\n },\n {\n id: '57',\n label: 'Process',\n nodes: [\n {\n id: '60',\n label: 'Case Type'\n },\n {\n id: '61',\n label: 'Flow'\n },\n {\n id: '62',\n label: 'Work Parties'\n }\n ]\n },\n {\n id: '58',\n label: 'Reports',\n nodes: [\n {\n id: '63',\n label: 'Report Definition'\n }\n ]\n },\n {\n id: '59',\n label: 'SysAdmin'\n }\n ]\n }\n];\n\nexport const branchesMenuList = [\n {\n icon: 'nodes-right',\n id: '40',\n label: 'Theme-Cosmos'\n },\n {\n icon: 'nodes-right',\n id: '41',\n label: 'PegaDevelopment'\n },\n {\n icon: 'nodes-right',\n id: '42',\n label: 'PegaSSOT'\n },\n {\n icon: 'nodes-right',\n id: '43',\n label: 'PegaRULES'\n }\n];\n\nexport const contents = [\n {\n id: '1',\n data: {\n pageTitle: 'Application definition',\n breadcrumbsPath: 'Home',\n tabs: ['Application']\n }\n },\n {\n id: '100',\n data: {\n pageTitle: 'Decisions',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '101',\n data: {\n pageTitle: 'Validations',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '102',\n data: {\n pageTitle: 'When',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '103',\n data: {\n pageTitle: 'Configuration sets',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '104',\n data: {\n pageTitle: 'Data pages',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '105',\n data: {\n pageTitle: 'Data sources',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '106',\n data: {\n pageTitle: 'Data transforms',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '107',\n data: {\n pageTitle: 'Fields',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '108',\n data: {\n pageTitle: 'Queries',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '109',\n data: {\n pageTitle: 'Email account',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '110',\n data: {\n pageTitle: 'Integration systems',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '111',\n data: {\n pageTitle: 'Actions',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '112',\n data: {\n pageTitle: 'Automations',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '113',\n data: {\n pageTitle: 'Access groups',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '114',\n data: {\n pageTitle: 'Access roles',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '55',\n data: {\n pageTitle: 'OJ4RFS-PegaTest-Work',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '',\n data: {\n pageTitle: 'OJ4RFS-PegaTest-Work',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '56',\n data: {\n pageTitle: 'Data Model',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '60',\n data: {\n pageTitle: 'Case Type',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '61',\n data: {\n pageTitle: 'Flow',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '62',\n data: {\n pageTitle: 'Work Parties',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '63',\n data: {\n pageTitle: 'Report Definition',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '59',\n data: {\n pageTitle: 'SysAdmin',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n\n {\n id: '40',\n data: {\n pageTitle: 'Theme-Cosmos',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '41',\n data: {\n pageTitle: 'PegaDevelopment',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '42',\n data: {\n pageTitle: 'PegaSSOT',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '43',\n data: {\n pageTitle: 'PegaRULES',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '25',\n data: {\n pageTitle: 'Association',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '26',\n data: {\n pageTitle: 'Data Flow',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '27',\n data: {\n pageTitle: 'Adaptive Model',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '28',\n data: {\n pageTitle: 'Case Match',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '29',\n data: {\n pageTitle: 'Connect File',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '30',\n data: {\n pageTitle: 'Connect Cassandra',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n },\n {\n id: '31',\n data: {\n pageTitle: 'EForm File',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application']\n }\n },\n {\n id: '32',\n data: {\n pageTitle: 'Map eForm',\n breadcrumbsPath: 'Home, U+ Desk',\n tabs: ['Application', 'User Interface']\n }\n }\n];\n\nexport const recordMenuList = [\n {\n id: '21',\n label: 'Data Model',\n nodes: [\n { id: '25', label: 'Association' },\n { id: '26', label: 'Data Flow' }\n ]\n },\n {\n id: '22',\n label: 'Decision',\n nodes: [\n { id: '27', label: 'Adaptive Model' },\n { id: '28', label: 'Case Match' }\n ]\n },\n {\n id: '23',\n label: 'Integration-Connectors',\n nodes: [\n { id: '29', label: 'Connect File' },\n { id: '30', label: 'Connect Cassandra' }\n ]\n },\n {\n id: '24',\n label: 'Integration-Mapping',\n nodes: [\n { id: '31', label: 'EForm File' },\n { id: '32', label: 'Map eForm' }\n ]\n }\n];\n\nexport const treeList = [\n {\n id: '1',\n label: 'Application definition'\n },\n {\n id: '2',\n label: 'App logic',\n nodes: [\n {\n id: '100',\n label: 'Decisions'\n },\n {\n id: '101',\n label: 'Validations'\n },\n {\n id: '102',\n label: 'When'\n }\n ]\n },\n {\n id: '3',\n label: 'Applications',\n nodes: [\n {\n id: '103',\n label: 'Configuration sets'\n }\n ]\n },\n {\n id: '4',\n label: 'Data',\n nodes: [\n {\n id: '104',\n label: 'Data pages'\n },\n {\n id: '105',\n label: 'Data sources'\n },\n {\n id: '106',\n label: 'Data transforms'\n },\n {\n id: '107',\n label: 'Fields'\n },\n {\n id: '108',\n label: 'Queries'\n }\n ]\n },\n {\n id: '5',\n label: 'Integration',\n nodes: [\n {\n id: '109',\n label: 'Email account'\n },\n {\n id: '110',\n label: 'Integration systems'\n }\n ]\n },\n {\n id: '6',\n label: 'Process',\n nodes: [\n {\n id: '111',\n label: 'Actions'\n },\n { id: '112', label: 'Automations' }\n ]\n },\n {\n id: '7',\n label: 'Security',\n nodes: [\n {\n id: '113',\n label: 'Access groups'\n },\n { id: '114', label: 'Access roles' }\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"]}
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"]}

package/jsx/build/AppShell/AppShell.stories.d.ts CHANGED Viewed

@@ -10,9 +10,9 @@ export interface AppShellStoryProps extends OmitStrict<BranchButtonProps, 'items
     showBranch?: boolean;
     showAppNameAndVersion?: boolean;
     onPreviewClick?: Action['onClick'];
-    hideNavigation?: boolean;
     showBreadcrumbs?: boolean;
     main?: AppShellProps['main'];
+    currentItemId?: string;
 }
 export declare const AppShellDemo: Story<AppShellStoryProps>;
 //# sourceMappingURL=AppShell.stories.d.ts.map

package/jsx/build/AppShell/AppShell.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,~~EAIL~~,UAAU,EACV,MAAM,EAKP,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,aAAa,~~EACb~~,iBAAiB,~~EAClB~~,MAAM,0BAA0B,CAAC;;~~AAYlC~~,wBAMU;AAEV,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAChF,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IACnC,~~cAAc~~,CAAC,EAAE,OAAO,CAAC;~~IACzB~~,~~eAAe~~,CAAC,EAAE,~~OAAO~~,CAAC~~;IAC1B~~,~~IAAI~~,CAAC,~~EAAE~~,aAAa,CAAC,MAAM,CAAC~~,CAAC~~;~~CAC9B~~;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,~~CAyOlD~~,CAAC"}
1	+ {"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAEL,UAAU,EACV,MAAM,EAKP,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,aAAa,EAEb,iBAAiB,EAElB,MAAM,0BAA0B,CAAC;;AAIlC,wBAMU;AAEV,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAChF,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAgLlD,CAAC"}

package/jsx/build/AppShell/AppShell.stories.jsx CHANGED Viewed

@@ -1,8 +1,8 @@
-import { useState } from 'react';
+import { useMemo, useState } from 'react';
 import { action } from '@storybook/addon-actions';
-import { treeHelpers, Icon, useModalManager, Input, Button, Modal } from '@pega/cosmos-react-core';
+import { Icon, useModalManager, Input, Button, Modal } from '@pega/cosmos-react-core';
 import { AppShell } from '@pega/cosmos-react-build';
-import { appExplorerMenuList, branchesMenuList, contents, recordMenuList, treeList, TabbedPageComp } from './AppShell.mocks';
+import { contents, defaultNavItems, TabbedPageComp } from './AppShell.mocks';
 export default {
     title: 'Build/AppShell',
     component: AppShell,
@@ -11,13 +11,30 @@ export default {
     }
 };
 export const AppShellDemo = (args) => {
-    const [currentNodeId, setCurrentNodeId] = useState('60');
-    const [allNodes, setAllNodes] = useState(treeHelpers.expandTo(appExplorerMenuList, currentNodeId));
-    const [currentDrawer, setCurrentDrawer] = useState('explorer');
-    const [currentUtil, setCurrentUtil] = useState('explorer');
-    const [pageContent, setPageContent] = useState(contents[19]);
+    const initialId = defaultNavItems[0].id;
+    const [pageContent, setPageContent] = useState(contents.find(content => content.id === initialId) || contents[0]);
+    const [currentItemId, setCurrentItemId] = useState(args.currentItemId || initialId);
     const [searchText, setSearchText] = useState('');
     const { create } = useModalManager();
+    const addHandlersToItems = (navItems) => {
+        return (navItems || []).map(item => {
+            const mutatedItem = { ...item };
+            if (!mutatedItem.items) {
+                mutatedItem.onClick = (itemId, e) => {
+                    e.preventDefault();
+                    setCurrentItemId(itemId);
+                    setPageContent(contents.find(content => content.id === itemId) || contents[0]);
+                };
+            }
+            else if (mutatedItem.items) {
+                mutatedItem.items = addHandlersToItems(mutatedItem.items);
+            }
+            return mutatedItem;
+        });
+    };
+    const items = useMemo(() => {
+        return addHandlersToItems(defaultNavItems);
+    }, [defaultNavItems]);
     const openAddBranchModal = () => {
         const { dismiss, update } = create(Modal, {
             children: <Input label='Branch'/>,
@@ -32,21 +49,6 @@ export const AppShellDemo = (args) => {
             ]
         });
     };
-    const onNodeClick = (nodeId, activeDrawerId) => {
-        const clickedNode = treeHelpers.getNode(allNodes, nodeId);
-        if (!clickedNode?.nodes) {
-            setCurrentUtil(activeDrawerId);
-            setCurrentNodeId(nodeId);
-            setPageContent(contents.find(content => content.id === clickedNode?.id));
-            return;
-        }
-        setAllNodes(tree => treeHelpers.mapNode(tree, nodeId, node => {
-            return {
-                ...node,
-                expanded: !node.expanded
-            };
-        }));
-    };
     const [contexts, setContexts] = useState([
         {
             id: '1',
@@ -87,7 +89,7 @@ export const AppShellDemo = (args) => {
                     version: '1.0.0'
                 }
                 : undefined,
-            avatar: { name: 'Alan' },
+            avatar: { name: 'Cindy Turner' },
             branch: args.showBranch
                 ? {
                     text: args.text,
@@ -156,69 +158,13 @@ export const AppShellDemo = (args) => {
             : []
     };
     return (<>
-      <AppShell main={args.main || (<TabbedPageComp pageContent={pageContent} showBreadcrumbs={!!args.showBreadcrumbs}/>)} appHeader={appHeaderProps} hideNav={args.hideNavigation} appInfo={{
-            text: 'U+ Desk',
-            visual: {
-                icon: 'phone-in-solid',
-                backgroundColor: '#0ac7c8',
-                color: '#fff'
-            },
-            meta: ['1.0.0']
-        }} navigation={{
-            nodes: allNodes,
-            currentNodeId,
-            onNodeClick: id => {
-                onNodeClick(id, currentDrawer);
-            }
-        }} utils={{
-            onItemClick: id => {
-                setCurrentDrawer(id);
-                if (id === 'explorer') {
-                    const appExploreTree = currentNodeId
-                        ? treeHelpers.expandTo(appExplorerMenuList, currentNodeId)
-                        : appExplorerMenuList;
-                    setAllNodes(appExploreTree);
-                }
-                if (id === 'branches') {
-                    const branchTree = currentNodeId
-                        ? treeHelpers.expandTo(branchesMenuList, currentNodeId)
-                        : branchesMenuList;
-                    setAllNodes(branchTree);
-                }
-                if (id === 'records') {
-                    const recordTree = currentNodeId
-                        ? treeHelpers.expandTo(recordMenuList, currentNodeId)
-                        : recordMenuList;
-                    setAllNodes(recordTree);
-                }
-            },
-            currentItemId: currentUtil,
-            items: [
-                {
-                    label: 'App Explorer',
-                    id: 'explorer'
-                },
-                {
-                    label: 'Branches',
-                    id: 'branches'
-                },
-                {
-                    label: 'Records',
-                    id: 'records'
-                }
-            ],
-            drawer: {
-                onBeforeClose: () => {
-                    setCurrentDrawer('');
-                    setAllNodes(currentNodeId ? treeHelpers.expandTo(treeList, currentNodeId) : treeList);
-                }
-            },
-            devMode: true
+      <AppShell main={args.main || (<TabbedPageComp pageContent={pageContent} showBreadcrumbs={!!args.showBreadcrumbs}/>)} appHeader={appHeaderProps} nav={{
+            items: items,
+            currentItemId
         }}/>
     </>);
 };
 AppShellDemo.args = {
-    hideNavigation: false,
     showBreadcrumbs: true,
     variant: undefined,
     text: 'Launchpad (Main)',
@@ -229,10 +175,9 @@ AppShellDemo.args = {
     showLinks: false,
     showAppNameAndVersion: true,
     showBranch: true,
-    appName: 'Compass App'
+    appName: 'Launchpad'
 };
 AppShellDemo.argTypes = {
-    hideNavigation: { control: { type: 'boolean' } },
     showBreadcrumbs: { control: { type: 'boolean' } },
     variant: { options: ['success', 'urgent'], control: { type: 'radio' } },
     text: { control: { type: 'text' } },

package/jsx/build/AppShell/AppShell.stories.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.stories.jsx","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport {\n StandardTreeProps,\n treeHelpers,\n Icon,\n OmitStrict,\n Action,\n useModalManager,\n Input,\n Button,\n Modal\n} from '@pega/cosmos-react-core';\nimport {\n AppShell,\n AppHeaderProps,\n AppShellProps,\n BranchButtonProps\n} from '@pega/cosmos-react-build';\n\nimport {\n appExplorerMenuList,\n branchesMenuList,\n contents,\n PageContentProps,\n recordMenuList,\n treeList,\n TabbedPageComp\n} from './AppShell.mocks';\n\nexport default {\n title: 'Build/AppShell',\n component: AppShell,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport interface AppShellStoryProps extends OmitStrict<BranchButtonProps, 'items'> {\n appName: string;\n showPreview?: boolean;\n showLinks?: boolean;\n showBranch?: boolean;\n showAppNameAndVersion?: boolean;\n onPreviewClick?: Action['onClick'];\n hideNavigation?: boolean;\n showBreadcrumbs?: boolean;\n main?: AppShellProps['main'];\n}\n\nexport const AppShellDemo: Story<AppShellStoryProps> = (args: AppShellStoryProps) => {\n const [currentNodeId, setCurrentNodeId] = useState<string>('60');\n const [allNodes, setAllNodes] = useState<StandardTreeProps['nodes']>(\n treeHelpers.expandTo(appExplorerMenuList, currentNodeId)\n );\n const [currentDrawer, setCurrentDrawer] = useState('explorer');\n const [currentUtil, setCurrentUtil] = useState('explorer');\n const [pageContent, setPageContent] = useState<PageContentProps>(contents[19]);\n const [searchText, setSearchText] = useState('');\n const { create } = useModalManager();\n\n const openAddBranchModal = () => {\n const { dismiss, update } = create(Modal, {\n children: <Input label='Branch' />,\n heading: 'Add branch'\n });\n update({\n actions: [\n <Button onClick={dismiss}>Cancel</Button>,\n <Button onClick={dismiss} variant='primary'>\n Finish\n </Button>\n ]\n });\n };\n\n const onNodeClick = (nodeId: string, activeDrawerId: string) => {\n const clickedNode = treeHelpers.getNode(allNodes, nodeId);\n\n if (!clickedNode?.nodes) {\n setCurrentUtil(activeDrawerId);\n setCurrentNodeId(nodeId);\n setPageContent(contents.find(content => content.id === clickedNode?.id)!);\n return;\n }\n\n setAllNodes(tree =>\n treeHelpers.mapNode(tree, nodeId, node => {\n return {\n ...node,\n expanded: !node.expanded\n };\n })\n );\n };\n\n const [contexts, setContexts] = useState<AppHeaderProps['contexts']>([\n {\n id: '1',\n primary: 'Studio',\n selected: true,\n visual: <Icon name='app' />,\n href: 'www.pega.com'\n },\n {\n id: '2',\n primary: 'Administration',\n selected: false,\n visual: <Icon name='cloud' />,\n href: 'www.pega.com'\n }\n ]);\n\n const appHeaderProps: AppHeaderProps = {\n brand: {\n label: 'Launchpad',\n logo: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',\n href: '/',\n onClick: e => {\n e.preventDefault();\n action('Navigated to root');\n }\n },\n contexts,\n onContextClick: (id: string) =>\n setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id }))),\n utils: {\n search: {\n value: searchText,\n placeholder: 'Search',\n onSearchChange: setSearchText\n },\n appInfo: args.showAppNameAndVersion\n ? {\n name: args.appName,\n version: '1.0.0'\n }\n : undefined,\n avatar: { name: 'Alan' },\n branch: args.showBranch\n ? {\n text: args.text,\n variant: args.variant,\n count: args.count,\n compact: args.compact,\n items: [\n {\n primary: 'Commit to branch',\n id: 'commitToBranch',\n onClick: action('Clicked commitToBranch')\n },\n {\n primary: 'Merge branch',\n id: 'mergeBranch',\n onClick: action('Clicked mergeBranch')\n },\n {\n primary: 'View branch',\n id: 'viewBranch',\n onClick: action('Clicked viewBranch')\n },\n {\n primary: 'Switch branch',\n id: 'switchBranch',\n onClick: action('Clicked switchBranch')\n },\n {\n primary: 'Add branch',\n id: 'addBranch',\n onClick: () => {\n action('Clicked addBranch')();\n openAddBranchModal();\n }\n },\n {\n primary: 'View all branches',\n id: 'viewAllBranches',\n onClick: action('Clicked viewAllBranches')\n }\n ]\n }\n : undefined,\n action: args.showPreview\n ? {\n id: 'preview',\n text: 'Preview',\n onClick: args.onPreviewClick,\n icon: 'play-solid'\n }\n : undefined\n },\n links: args.showLinks\n ? [\n {\n id: '1',\n name: 'Applications',\n onClick: action('Clicked Applications')\n },\n {\n id: '2',\n name: 'Shared resources',\n onClick: action('Clicked Shared resources')\n }\n ]\n : []\n };\n\n return (\n <>\n <AppShell\n main={\n args.main \|\| (\n <TabbedPageComp pageContent={pageContent} showBreadcrumbs={!!args.showBreadcrumbs} />\n )\n }\n appHeader={appHeaderProps}\n hideNav={args.hideNavigation}\n appInfo={{\n text: 'U+ Desk',\n visual: {\n icon: 'phone-in-solid',\n backgroundColor: '#0ac7c8',\n color: '#fff'\n },\n meta: ['1.0.0']\n }}\n navigation={{\n nodes: allNodes,\n currentNodeId,\n onNodeClick: id => {\n onNodeClick(id, currentDrawer);\n }\n }}\n utils={{\n onItemClick: id => {\n setCurrentDrawer(id);\n if (id === 'explorer') {\n const appExploreTree = currentNodeId\n ? treeHelpers.expandTo(appExplorerMenuList, currentNodeId)\n : appExplorerMenuList;\n setAllNodes(appExploreTree);\n }\n\n if (id === 'branches') {\n const branchTree = currentNodeId\n ? treeHelpers.expandTo(branchesMenuList, currentNodeId)\n : branchesMenuList;\n setAllNodes(branchTree);\n }\n\n if (id === 'records') {\n const recordTree = currentNodeId\n ? treeHelpers.expandTo(recordMenuList, currentNodeId)\n : recordMenuList;\n setAllNodes(recordTree);\n }\n },\n currentItemId: currentUtil,\n items: [\n {\n label: 'App Explorer',\n id: 'explorer'\n },\n {\n label: 'Branches',\n id: 'branches'\n },\n {\n label: 'Records',\n id: 'records'\n }\n ],\n drawer: {\n onBeforeClose: () => {\n setCurrentDrawer('');\n setAllNodes(currentNodeId ? treeHelpers.expandTo(treeList, currentNodeId) : treeList);\n }\n },\n devMode: true\n }}\n />\n </>\n );\n};\n\nAppShellDemo.args = {\n hideNavigation: false,\n showBreadcrumbs: true,\n variant: undefined,\n text: 'Launchpad (Main)',\n count: null,\n compact: false,\n showPreview: true,\n // eslint-disable-next-line demo-patterns/literal-args\n onPreviewClick: action('Clicked preview button'),\n showLinks: false,\n showAppNameAndVersion: true,\n showBranch: true,\n appName: 'Compass App'\n};\n\nAppShellDemo.argTypes = {\n hideNavigation: { control: { type: 'boolean' } },\n showBreadcrumbs: { control: { type: 'boolean' } },\n variant: { options: ['success', 'urgent'], control: { type: 'radio' } },\n text: { control: { type: 'text' } },\n count: { control: { type: 'number' } },\n compact: { control: { type: 'boolean' } },\n onPreviewClick: { table: { disable: true } },\n showLinks: { control: { type: 'boolean' } },\n showAppNameAndVersion: { control: { type: 'boolean' } },\n showBranch: { control: { type: 'boolean' } },\n showPreview: { control: { type: 'boolean' } },\n appName: { control: { type: 'text' } }\n};\n"]}
1	+ {"version":3,"file":"AppShell.stories.jsx","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { KeyboardEvent, MouseEvent, useMemo, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport {\n Icon,\n OmitStrict,\n Action,\n useModalManager,\n Input,\n Button,\n Modal\n} from '@pega/cosmos-react-core';\nimport {\n AppShell,\n AppHeaderProps,\n AppShellProps,\n NavItemProps,\n BranchButtonProps,\n NestedNavItemProps\n} from '@pega/cosmos-react-build';\n\nimport { contents, defaultNavItems, PageContentProps, TabbedPageComp } from './AppShell.mocks';\n\nexport default {\n title: 'Build/AppShell',\n component: AppShell,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport interface AppShellStoryProps extends OmitStrict<BranchButtonProps, 'items'> {\n appName: string;\n showPreview?: boolean;\n showLinks?: boolean;\n showBranch?: boolean;\n showAppNameAndVersion?: boolean;\n onPreviewClick?: Action['onClick'];\n showBreadcrumbs?: boolean;\n main?: AppShellProps['main'];\n currentItemId?: string;\n}\n\nexport const AppShellDemo: Story<AppShellStoryProps> = (args: AppShellStoryProps) => {\n const initialId = defaultNavItems[0].id;\n const [pageContent, setPageContent] = useState<PageContentProps>(\n contents.find(content => content.id === initialId) \|\| contents[0]\n );\n const [currentItemId, setCurrentItemId] = useState(args.currentItemId \|\| initialId);\n const [searchText, setSearchText] = useState('');\n const { create } = useModalManager();\n\n const addHandlersToItems = (\n navItems: NavItemProps[] \| NestedNavItemProps[]\n ): NavItemProps[] \| NestedNavItemProps[] => {\n return (navItems \|\| []).map(item => {\n const mutatedItem = { ...item };\n if (!mutatedItem.items) {\n mutatedItem.onClick = (\n itemId: string,\n e: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>\n ) => {\n e.preventDefault();\n setCurrentItemId(itemId);\n setPageContent(contents.find(content => content.id === itemId) \|\| contents[0]);\n };\n } else if (mutatedItem.items) {\n mutatedItem.items = addHandlersToItems(mutatedItem.items);\n }\n return mutatedItem;\n });\n };\n\n const items = useMemo<NavItemProps[] \| NestedNavItemProps[]>(() => {\n return addHandlersToItems(defaultNavItems);\n }, [defaultNavItems]);\n\n const openAddBranchModal = () => {\n const { dismiss, update } = create(Modal, {\n children: <Input label='Branch' />,\n heading: 'Add branch'\n });\n update({\n actions: [\n <Button onClick={dismiss}>Cancel</Button>,\n <Button onClick={dismiss} variant='primary'>\n Finish\n </Button>\n ]\n });\n };\n\n const [contexts, setContexts] = useState<AppHeaderProps['contexts']>([\n {\n id: '1',\n primary: 'Studio',\n selected: true,\n visual: <Icon name='app' />,\n href: 'www.pega.com'\n },\n {\n id: '2',\n primary: 'Administration',\n selected: false,\n visual: <Icon name='cloud' />,\n href: 'www.pega.com'\n }\n ]);\n\n const appHeaderProps: AppHeaderProps = {\n brand: {\n label: 'Launchpad',\n logo: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',\n href: '/',\n onClick: e => {\n e.preventDefault();\n action('Navigated to root');\n }\n },\n contexts,\n onContextClick: (id: string) =>\n setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id }))),\n utils: {\n search: {\n value: searchText,\n placeholder: 'Search',\n onSearchChange: setSearchText\n },\n appInfo: args.showAppNameAndVersion\n ? {\n name: args.appName,\n version: '1.0.0'\n }\n : undefined,\n avatar: { name: 'Cindy Turner' },\n branch: args.showBranch\n ? {\n text: args.text,\n variant: args.variant,\n count: args.count,\n compact: args.compact,\n items: [\n {\n primary: 'Commit to branch',\n id: 'commitToBranch',\n onClick: action('Clicked commitToBranch')\n },\n {\n primary: 'Merge branch',\n id: 'mergeBranch',\n onClick: action('Clicked mergeBranch')\n },\n {\n primary: 'View branch',\n id: 'viewBranch',\n onClick: action('Clicked viewBranch')\n },\n {\n primary: 'Switch branch',\n id: 'switchBranch',\n onClick: action('Clicked switchBranch')\n },\n {\n primary: 'Add branch',\n id: 'addBranch',\n onClick: () => {\n action('Clicked addBranch')();\n openAddBranchModal();\n }\n },\n {\n primary: 'View all branches',\n id: 'viewAllBranches',\n onClick: action('Clicked viewAllBranches')\n }\n ]\n }\n : undefined,\n action: args.showPreview\n ? {\n id: 'preview',\n text: 'Preview',\n onClick: args.onPreviewClick,\n icon: 'play-solid'\n }\n : undefined\n },\n links: args.showLinks\n ? [\n {\n id: '1',\n name: 'Applications',\n onClick: action('Clicked Applications')\n },\n {\n id: '2',\n name: 'Shared resources',\n onClick: action('Clicked Shared resources')\n }\n ]\n : []\n };\n\n return (\n <>\n <AppShell\n main={\n args.main \|\| (\n <TabbedPageComp pageContent={pageContent} showBreadcrumbs={!!args.showBreadcrumbs} />\n )\n }\n appHeader={appHeaderProps}\n nav={{\n items: items as NavItemProps[],\n currentItemId\n }}\n />\n </>\n );\n};\n\nAppShellDemo.args = {\n showBreadcrumbs: true,\n variant: undefined,\n text: 'Launchpad (Main)',\n count: null,\n compact: false,\n showPreview: true,\n // eslint-disable-next-line demo-patterns/literal-args\n onPreviewClick: action('Clicked preview button'),\n showLinks: false,\n showAppNameAndVersion: true,\n showBranch: true,\n appName: 'Launchpad'\n};\n\nAppShellDemo.argTypes = {\n showBreadcrumbs: { control: { type: 'boolean' } },\n variant: { options: ['success', 'urgent'], control: { type: 'radio' } },\n text: { control: { type: 'text' } },\n count: { control: { type: 'number' } },\n compact: { control: { type: 'boolean' } },\n onPreviewClick: { table: { disable: true } },\n showLinks: { control: { type: 'boolean' } },\n showAppNameAndVersion: { control: { type: 'boolean' } },\n showBranch: { control: { type: 'boolean' } },\n showPreview: { control: { type: 'boolean' } },\n appName: { control: { type: 'text' } }\n};\n"]}

package/jsx/build/FlowModeller/FlowModeller.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowModeller.stories.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAYL,iBAAiB,EAElB,MAAM,0BAA0B,CAAC;;~~AA2BlC~~,wBAMU;AACV,UAAU,kBAAmB,SAAQ,OAAO,CAAC,iBAAiB,CAAC;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,~~CA2PxD~~,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,kBAAkB,~~CA6QtD~~,CAAC"}
1	+ {"version":3,"file":"FlowModeller.stories.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAYL,iBAAiB,EAElB,MAAM,0BAA0B,CAAC;;AA4BlC,wBAMU;AACV,UAAU,kBAAmB,SAAQ,OAAO,CAAC,iBAAiB,CAAC;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAuTxD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,kBAAkB,CA8UtD,CAAC"}

package/jsx/build/FlowModeller/FlowModeller.stories.jsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { memo, useMemo, useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import { FlowModeller, FlowModellerHelper, Workbench } from '@pega/cosmos-react-build';
-import { useOuterEvent, useEscape, useElement, Modal, ComboBox, menuHelpers, Text, useModalManager } from '@pega/cosmos-react-core';
+import { useOuterEvent, useEscape, useElement, Modal, ComboBox, menuHelpers, Text, useModalManager, Input } from '@pega/cosmos-react-core';
 import { nodeLibrary, nodeActions, exampleCRMNodesData, exampleCRMConnectorsData, emptyNodesData, emptyConnectorsData, FlowShapeType, DecisionTable, DeletePopover } from './FlowModeller.mocks';
 import { StyledWrapper } from './FlowModeller.styles';
 export default {
@@ -29,6 +29,8 @@ export const EmptyFlowChartView = (args) => {
     const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
     const [connectorData, setConnectorData] = useState();
     const { create } = useModalManager();
+    const [inputError, setInputError] = useState(false);
+    const [inputValue, setInputValue] = useState();
     const [items, setItems] = useState(graphData?.nodes
         .filter(node => node.type.id !== 'start' &&
         node.id !== nodeData?.node.id &&
@@ -45,6 +47,8 @@ export const EmptyFlowChartView = (args) => {
         setOpen(true);
         setNodeData(selectedNodeData);
         setActiveNodeId(selectedNodeData.node.id);
+        setInputValue(selectedNodeData.node.label);
+        setInputError(!!selectedNodeData.node.error);
     };
     const onNodeActionClick = (params) => {
         if (params.actionId === 'action-2') {
@@ -68,6 +72,8 @@ export const EmptyFlowChartView = (args) => {
             setOpen(true);
             setNodeData(selectedNodeData);
             setActiveNodeId(selectedNodeData.node.id);
+            setInputError(false);
+            setInputValue(selectedNodeData.node.label);
         }
     };
     const launchModal = (errorTitle, errorMessage) => {
@@ -109,6 +115,7 @@ export const EmptyFlowChartView = (args) => {
     };
     const onDelete = () => {
         setHighlightItems(undefined);
+        setInputError(false);
         const updatedGraphData = buffer;
         if (nodeData?.outConnectors.length === 2) {
             const defaultConnector = nodeData?.outConnectors[0].id !== connectorData?.id
@@ -133,7 +140,34 @@ export const EmptyFlowChartView = (args) => {
     const onCancel = () => {
         setHighlightItems(undefined);
         setPopover(false);
-        setActiveNodeId(undefined);
+    };
+    const onSelectedUpdateData = () => {
+        if (nodeData && inputValue === '') {
+            const updatedNode = {
+                ...nodeData?.node,
+                label: inputValue,
+                error: 'Please fill in all the required fields'
+            };
+            const updatedNodes = [
+                updatedNode,
+                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+            ];
+            setNodeData({ ...nodeData, node: updatedNode });
+            setGraphData({ ...graphData, nodes: updatedNodes });
+        }
+        else if (nodeData && inputValue) {
+            const updatedNode = {
+                ...nodeData?.node,
+                label: inputValue,
+                error: ''
+            };
+            const updatedNodes = [
+                updatedNode,
+                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+            ];
+            setNodeData({ ...nodeData, node: updatedNode });
+            setGraphData({ ...graphData, nodes: updatedNodes });
+        }
     };
     const WorkbenchContent = memo(() => {
         const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
@@ -150,11 +184,34 @@ export const EmptyFlowChartView = (args) => {
                 ];
                 setNodeData({ ...nodeData, node: updatedNode });
                 setGraphData({ ...graphData, nodes: updatedNodes });
+                setInputValue(updatedNode.label);
+                setInputError(false);
             }
             setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
         };
+        const onInputBlur = (e) => {
+            if (e.target.value === '') {
+                setInputError(true);
+            }
+            else {
+                setInputError(false);
+            }
+            setInputValue(e.target.value);
+            if (nodeData) {
+                setNodeData({
+                    ...nodeData,
+                    node: {
+                        ...nodeData.node,
+                        label: e.target.value
+                    }
+                });
+            }
+        };
         return (<>
-        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (<DecisionTable updatedData={graphData} connectors={nodeData?.outConnectors} onDeleteRow={onDeleteRow} node={nodeData?.node} onAddRow={onAddRow} readOnly={args.readOnly}/>)}
+        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (<>
+            <Input defaultValue={inputValue} label='Name' info={inputError ? 'Cannot be blank' : ''} status={inputError ? 'error' : undefined} required readOnly={args.readOnly} onBlur={onInputBlur}/>
+            <DecisionTable updatedData={graphData} connectors={nodeData?.outConnectors} onDeleteRow={onDeleteRow} node={nodeData?.node} onAddRow={onAddRow} readOnly={args.readOnly}/>
+          </>)}
         {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (<ComboBox label='Go to' placeholder='Select step' menu={{
                     items,
                     onItemClick: selectItem
@@ -168,16 +225,15 @@ export const EmptyFlowChartView = (args) => {
                     : undefined}/>)}
       </>);
     });
-    useEscape(() => {
-        onCancel();
-    });
+    useEscape(onCancel);
     useOuterEvent('mousedown', [deletePopoverEl], onCancel);
     return (<StyledWrapper>
       <Workbench initiallyVisiblePanelId={undefined} configurationPanel={{
             open,
             content: <WorkbenchContent />,
-            header: nodeData?.node.label,
+            header: nodeData?.node.label || 'Task step',
             onDismiss: () => {
+                onSelectedUpdateData();
                 setOpen(false);
             }
         }}>
@@ -215,11 +271,15 @@ export const CRMFlowChartView = (args) => {
     const [connectorData, setConnectorData] = useState();
     const [activeNodeId, setActiveNodeId] = useState();
     const { create } = useModalManager();
+    const [inputError, setInputError] = useState(false);
+    const [inputValue, setInputValue] = useState();
     const selectNode = (nodeId) => {
         const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);
         setOpen(true);
         setNodeData(selectedNodeData);
         setActiveNodeId(selectedNodeData.node.id);
+        setInputValue(selectedNodeData.node.label);
+        setInputError(!!selectedNodeData.node.error);
     };
     const onNodeActionClick = (params) => {
         if (params.actionId === 'action-2') {
@@ -243,6 +303,8 @@ export const CRMFlowChartView = (args) => {
             setOpen(true);
             setNodeData(selectedNodeData);
             setActiveNodeId(selectedNodeData.node.id);
+            setInputError(false);
+            setInputValue(selectedNodeData.node.label);
         }
     };
     const launchModal = (errorTitle, errorMessage) => {
@@ -267,6 +329,7 @@ export const CRMFlowChartView = (args) => {
             const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);
             setNodeData(nodeInfo);
             setGraphData(updatedData);
+            setInputError(false);
         }
     };
     const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
@@ -285,6 +348,7 @@ export const CRMFlowChartView = (args) => {
     const onDelete = () => {
         setPopover(false);
         setHighlightItems(undefined);
+        setInputError(false);
         const updatedGraphData = buffer;
         if (nodeData?.outConnectors.length === 2) {
             const defaultConnector = nodeData?.outConnectors[0].id !== connectorData?.id
@@ -310,6 +374,34 @@ export const CRMFlowChartView = (args) => {
         setHighlightItems(undefined);
         setPopover(false);
     };
+    const onSelectedUpdateData = () => {
+        if (nodeData && inputValue === '') {
+            const updatedNode = {
+                ...nodeData?.node,
+                label: inputValue,
+                error: 'Please fill in all the required fields'
+            };
+            const updatedNodes = [
+                updatedNode,
+                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+            ];
+            setNodeData({ ...nodeData, node: updatedNode });
+            setGraphData({ ...graphData, nodes: updatedNodes });
+        }
+        else if (nodeData && inputValue) {
+            const updatedNode = {
+                ...nodeData?.node,
+                label: inputValue,
+                error: ''
+            };
+            const updatedNodes = [
+                updatedNode,
+                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
+            ];
+            setNodeData({ ...nodeData, node: updatedNode });
+            setGraphData({ ...graphData, nodes: updatedNodes });
+        }
+    };
     const WorkbenchContent = memo(() => {
         const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
         const selectItem = (id) => {
@@ -325,11 +417,34 @@ export const CRMFlowChartView = (args) => {
                 ];
                 setNodeData({ ...nodeData, node: updatedNode });
                 setGraphData({ ...graphData, nodes: updatedNodes });
+                setInputValue(updatedNode.label);
+                setInputError(false);
             }
             setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
         };
+        const onInputBlur = (e) => {
+            if (e.target.value === '') {
+                setInputError(true);
+            }
+            else {
+                setInputError(false);
+            }
+            setInputValue(e.target.value);
+            if (nodeData) {
+                setNodeData({
+                    ...nodeData,
+                    node: {
+                        ...nodeData.node,
+                        label: e.target.value
+                    }
+                });
+            }
+        };
         return (<>
-        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (<DecisionTable updatedData={graphData} connectors={nodeData?.outConnectors} onDeleteRow={onDeleteRow} node={nodeData?.node} onAddRow={onAddRow} readOnly={args.readOnly}/>)}
+        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (<>
+            <Input defaultValue={inputValue} label='Name' info={inputError ? 'Cannot be blank' : ''} status={inputError ? 'error' : undefined} required readOnly={args.readOnly} onBlur={onInputBlur}/>
+            <DecisionTable updatedData={graphData} connectors={nodeData?.outConnectors} onDeleteRow={onDeleteRow} node={nodeData?.node} onAddRow={onAddRow} readOnly={args.readOnly}/>
+          </>)}
         {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (<ComboBox label='Go to' placeholder='Select step' menu={{
                     items,
                     onItemClick: selectItem
@@ -363,8 +478,9 @@ export const CRMFlowChartView = (args) => {
       <Workbench initiallyVisiblePanelId={undefined} configurationPanel={{
             open,
             content: <WorkbenchContent />,
-            header: nodeData?.node.label,
+            header: nodeData?.node.label || 'Task step',
             onDismiss: () => {
+                onSelectedUpdateData();
                 setOpen(false);
                 setActiveNodeId(undefined);
             }