npm - @pega/cosmos-react-demos - Versions diffs - 4.0.0-dev.12.1 → 4.0.0-dev.13.0 - Mend

@pega/cosmos-react-demos 4.0.0-dev.12.1 → 4.0.0-dev.13.0

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 (133) hide show

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

@@ -29,4 +29,14 @@ export declare const defaultNavItems: NavProps['items'];
 export declare const contents: PageContentProps[];
 export declare const TabbedPageComp: FC<TabbedPageStoryProps>;
 export declare const ShowcasePageComp: FC<ShowcasePageStoryProps>;
+export declare const operatorData: {
+    avatar: {
+        name: string;
+    };
+    actions: {
+        primary: string;
+        id: string;
+    }[];
+    name: string;
+};
 //# sourceMappingURL=AppShell.mocks.d.ts.map

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

	@@ -1 +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,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"}
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,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;AAEF,eAAO,MAAM,YAAY;;;;;;;;;CAUxB,CAAC"}

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

@@ -405,4 +405,15 @@ export const ShowcasePageComp = ({ title, description, actionLabel, imageSrc })
             }
         ]} link={{ label: 'Learn more', href: '#' }} content={<TableDemo title={title}/>}/>);
 };
+export const operatorData = {
+    avatar: { name: 'Cindy Turner' },
+    actions: [
+        { primary: 'Profile', id: 'profile' },
+        { primary: 'Settings', id: 'settings' },
+        { primary: 'My applications', id: 'apps' },
+        { primary: 'Help center', id: 'help' },
+        { primary: 'Log out', id: 'logout' }
+    ],
+    name: 'Cindy Turner'
+};
 //# sourceMappingURL=AppShell.mocks.jsx.map

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';\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"]}
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, 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\nexport const operatorData = {\n avatar: { name: 'Cindy Turner' },\n actions: [\n { primary: 'Profile', id: 'profile' },\n { primary: 'Settings', id: 'settings' },\n { primary: 'My applications', id: 'apps' },\n { primary: 'Help center', id: 'help' },\n { primary: 'Log out', id: 'logout' }\n ],\n name: 'Cindy Turner'\n};\n"]}

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,EAGL,UAAU,EACV,MAAM,EAMP,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,aAAa,EAEb,iBAAiB,EAElB,MAAM,0BAA0B,CAAC;;~~AAUlC~~,wBAMU;AAEV,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAChF,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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,CA0LlD,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,EAGL,UAAU,EACV,MAAM,EAMP,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,aAAa,EAEb,iBAAiB,EAElB,MAAM,0BAA0B,CAAC;;AAWlC,wBAMU;AAEV,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAChF,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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,CA0LlD,CAAC"}

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

@@ -2,7 +2,7 @@ import { useMemo, useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import { Icon, useModalManager, Input, Button, Modal, useI18n } from '@pega/cosmos-react-core';
 import { AppShell } from '@pega/cosmos-react-build';
-import { contents, defaultNavItems, ShowcasePageComp, TabbedPageComp } from './AppShell.mocks';
+import { contents, defaultNavItems, ShowcasePageComp, TabbedPageComp, operatorData } from './AppShell.mocks';
 export default {
     title: 'Build/AppShell',
     component: AppShell,
@@ -91,7 +91,7 @@ export const AppShellDemo = (args) => {
                     version: '1.0.0'
                 }
                 : undefined,
-            avatar: { name: 'Cindy Turner' },
+            operator: operatorData,
             branch: args.showBranch
                 ? {
                     text: args.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 { KeyboardEvent, MouseEvent, useMemo, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\n\nimport {\n ContextSwitcherProps,\n Icon,\n OmitStrict,\n Action,\n useModalManager,\n Input,\n Button,\n Modal,\n useI18n\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 {\n contents,\n defaultNavItems,\n PageContentProps,\n ShowcasePageComp,\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 hideNav?: boolean;\n defaultExpanded?: boolean;\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 t = useI18n();\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<ContextSwitcherProps['contexts']>([\n {\n id: '1',\n primary: 'Studio',\n selected: true,\n visual: <Icon name='app' />\n },\n {\n id: '2',\n primary: 'Administration',\n selected: false,\n visual: <Icon name='cloud' />\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 contextSwitcher: {\n contexts,\n onContextClick: (id: string) =>\n setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id }))),\n label: t('switch_to')\n },\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 const mainContent =\n pageContent.data.template === 'showcase' ? (\n <ShowcasePageComp {...pageContent.data} />\n ) : (\n <TabbedPageComp pageContent={pageContent.data} showBreadcrumbs={!!args.showBreadcrumbs} />\n );\n\n return (\n <>\n <AppShell\n main={args.main \|\| mainContent}\n appHeader={appHeaderProps}\n nav={\n args.hideNav\n ? undefined\n : {\n items: items as NavItemProps[],\n currentItemId,\n defaultExpanded: args.defaultExpanded\n }\n }\n />\n </>\n );\n};\n\nAppShellDemo.args = {\n hideNav: false,\n defaultExpanded: true,\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 hideNav: { control: { type: 'boolean' } },\n defaultExpanded: { 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 ContextSwitcherProps,\n Icon,\n OmitStrict,\n Action,\n useModalManager,\n Input,\n Button,\n Modal,\n useI18n\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 {\n contents,\n defaultNavItems,\n PageContentProps,\n ShowcasePageComp,\n TabbedPageComp,\n operatorData\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 hideNav?: boolean;\n defaultExpanded?: boolean;\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 t = useI18n();\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<ContextSwitcherProps['contexts']>([\n {\n id: '1',\n primary: 'Studio',\n selected: true,\n visual: <Icon name='app' />\n },\n {\n id: '2',\n primary: 'Administration',\n selected: false,\n visual: <Icon name='cloud' />\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 contextSwitcher: {\n contexts,\n onContextClick: (id: string) =>\n setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id }))),\n label: t('switch_to')\n },\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 operator: operatorData,\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 const mainContent =\n pageContent.data.template === 'showcase' ? (\n <ShowcasePageComp {...pageContent.data} />\n ) : (\n <TabbedPageComp pageContent={pageContent.data} showBreadcrumbs={!!args.showBreadcrumbs} />\n );\n\n return (\n <>\n <AppShell\n main={args.main \|\| mainContent}\n appHeader={appHeaderProps}\n nav={\n args.hideNav\n ? undefined\n : {\n items: items as NavItemProps[],\n currentItemId,\n defaultExpanded: args.defaultExpanded\n }\n }\n />\n </>\n );\n};\n\nAppShellDemo.args = {\n hideNav: false,\n defaultExpanded: true,\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 hideNav: { control: { type: 'boolean' } },\n defaultExpanded: { 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"]}

package/jsx/core/Checkbox/Checkbox.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAA2B,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAEnF,~~wBAsBU~~;AAEV,UAAU,kBAAmB,SAAQ,eAAe;IAClD,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,kBAAkB,~~CAmBrD~~,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAoBlD,CAAC;AAEF,UAAU,yBAA0B,SAAQ,eAAe;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,yBAAyB,CAwCjE,CAAC"}
1	+ {"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAA2B,eAAe,EAAE,MAAM,yBAAyB,CAAC;;AAEnF,wBAwBU;AAEV,UAAU,kBAAmB,SAAQ,eAAe;IAClD,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,kBAAkB,CAoBrD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAoBlD,CAAC;AAEF,UAAU,yBAA0B,SAAQ,eAAe;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,yBAAyB,CAwCjE,CAAC"}

package/jsx/core/Checkbox/Checkbox.stories.jsx CHANGED Viewed

@@ -5,6 +5,7 @@ export default {
     excludeStories: ['ConfigurableCheckbox'],
     args: {
         status: undefined,
+        info: 'You must check this',
         label: 'Check me, please',
         required: false,
         disabled: false,
@@ -14,6 +15,7 @@ export default {
     },
     argTypes: {
         status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
+        info: { control: { type: 'text' } },
         label: { control: { type: 'text' } },
         required: { control: { type: 'boolean' } },
         disabled: { control: { type: 'boolean' } },
@@ -28,7 +30,7 @@ export const DefaultCheckbox = (args) => {
                 heading: 'Additional Info',
                 content: 'Some additional info'
             }
-            : undefined} status={args.status} label={args.label} required={args.required} disabled={args.disabled} readOnly={args.readOnly} indeterminate={args.indeterminate}/>);
+            : undefined} info={args.info} status={args.status} label={args.label} required={args.required} disabled={args.disabled} readOnly={args.readOnly} indeterminate={args.indeterminate}/>);
 };
 export const CheckboxCard = (args) => {
     return (<Checkbox additionalInfo={args.showAdditionalInfo

package/jsx/core/Checkbox/Checkbox.stories.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.stories.jsx","sourceRoot":"","sources":["../../../src/core/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { Checkbox, Configuration, RadioCheckProps } from '@pega/cosmos-react-core';\n\nexport default {\n title: 'Core/Checkbox',\n component: Checkbox,\n excludeStories: ['ConfigurableCheckbox'],\n args: {\n status: undefined,\n label: 'Check me, please',\n required: false,\n disabled: false,\n readOnly: false,\n indeterminate: false,\n showAdditionalInfo: true\n },\n argTypes: {\n status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n label: { control: { type: 'text' } },\n required: { control: { type: 'boolean' } },\n disabled: { control: { type: 'boolean' } },\n readOnly: { control: { type: 'boolean' } },\n indeterminate: { control: { type: 'boolean' } },\n showAdditionalInfo: { control: { type: 'boolean' } }\n }\n} as Meta;\n\ninterface CheckboxStoryProps extends RadioCheckProps {\n showAdditionalInfo: boolean;\n}\n\nexport const DefaultCheckbox: Story<CheckboxStoryProps> = (args: CheckboxStoryProps) => {\n return (\n <Checkbox\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n status={args.status}\n label={args.label}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n indeterminate={args.indeterminate}\n />\n );\n};\n\nexport const CheckboxCard: Story<CheckboxStoryProps> = (args: CheckboxStoryProps) => {\n return (\n <Checkbox\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n variant='card'\n status={args.status}\n label={args.label}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n indeterminate={args.indeterminate}\n />\n );\n};\n\ninterface ConfigurableCheckboxProps extends RadioCheckProps {\n size?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderWidth?: string;\n borderRadius?: string;\n labelColor?: string;\n labelFontWeight?: string;\n checkedBackgroundColor?: string;\n checkedBorderColor?: string;\n showAdditionalInfo?: boolean;\n}\n\nexport const ConfigurableCheckbox: Story<ConfigurableCheckboxProps> = (\n args: ConfigurableCheckboxProps\n) => {\n return (\n <Configuration\n theme={{\n components: {\n checkbox: {\n 'border-radius': args.borderRadius\n },\n 'radio-check': {\n 'border-color': args.borderColor,\n 'border-width': args.borderWidth,\n 'background-color': args.backgroundColor,\n label: {\n color: args.labelColor,\n 'font-weight': args.labelFontWeight\n },\n size: args.size,\n ':checked': {\n 'background-color': args.checkedBackgroundColor,\n 'border-color': args.checkedBorderColor\n }\n }\n }\n }}\n >\n <Checkbox\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n label='Configurable Checkbox'\n />\n </Configuration>\n );\n};\n\nConfigurableCheckbox.args = {\n size: '1.25rem',\n backgroundColor: '#ffffff',\n borderColor: '#939393',\n borderWidth: '0.0625rem',\n borderRadius: '0.5',\n labelColor: '#939393',\n labelFontWeight: '400',\n checkedBackgroundColor: '#076bc9',\n checkedBorderColor: '#076bc9',\n showAdditionalInfo: true\n};\n\nConfigurableCheckbox.argTypes = {\n size: { control: { type: 'text' } },\n backgroundColor: { control: { type: 'color' } },\n borderColor: { control: { type: 'color' } },\n borderWidth: { control: { type: 'text' } },\n borderRadius: { control: { type: 'text' } },\n labelColor: { control: { type: 'color' } },\n labelFontWeight: { control: { type: 'text' } },\n checkedBackgroundColor: { control: { type: 'color' } },\n checkedBorderColor: { control: { type: 'color' } },\n status: { table: { disable: true } },\n label: { table: { disable: true } },\n required: { table: { disable: true } },\n disabled: { table: { disable: true } },\n readOnly: { table: { disable: true } },\n indeterminate: { table: { disable: true } },\n showAdditionalInfo: { control: { type: 'boolean' } }\n};\n"]}
1	+ {"version":3,"file":"Checkbox.stories.jsx","sourceRoot":"","sources":["../../../src/core/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { Checkbox, Configuration, RadioCheckProps } from '@pega/cosmos-react-core';\n\nexport default {\n title: 'Core/Checkbox',\n component: Checkbox,\n excludeStories: ['ConfigurableCheckbox'],\n args: {\n status: undefined,\n info: 'You must check this',\n label: 'Check me, please',\n required: false,\n disabled: false,\n readOnly: false,\n indeterminate: false,\n showAdditionalInfo: true\n },\n argTypes: {\n status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n info: { control: { type: 'text' } },\n label: { control: { type: 'text' } },\n required: { control: { type: 'boolean' } },\n disabled: { control: { type: 'boolean' } },\n readOnly: { control: { type: 'boolean' } },\n indeterminate: { control: { type: 'boolean' } },\n showAdditionalInfo: { control: { type: 'boolean' } }\n }\n} as Meta;\n\ninterface CheckboxStoryProps extends RadioCheckProps {\n showAdditionalInfo: boolean;\n}\n\nexport const DefaultCheckbox: Story<CheckboxStoryProps> = (args: CheckboxStoryProps) => {\n return (\n <Checkbox\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n info={args.info}\n status={args.status}\n label={args.label}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n indeterminate={args.indeterminate}\n />\n );\n};\n\nexport const CheckboxCard: Story<CheckboxStoryProps> = (args: CheckboxStoryProps) => {\n return (\n <Checkbox\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n variant='card'\n status={args.status}\n label={args.label}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n indeterminate={args.indeterminate}\n />\n );\n};\n\ninterface ConfigurableCheckboxProps extends RadioCheckProps {\n size?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderWidth?: string;\n borderRadius?: string;\n labelColor?: string;\n labelFontWeight?: string;\n checkedBackgroundColor?: string;\n checkedBorderColor?: string;\n showAdditionalInfo?: boolean;\n}\n\nexport const ConfigurableCheckbox: Story<ConfigurableCheckboxProps> = (\n args: ConfigurableCheckboxProps\n) => {\n return (\n <Configuration\n theme={{\n components: {\n checkbox: {\n 'border-radius': args.borderRadius\n },\n 'radio-check': {\n 'border-color': args.borderColor,\n 'border-width': args.borderWidth,\n 'background-color': args.backgroundColor,\n label: {\n color: args.labelColor,\n 'font-weight': args.labelFontWeight\n },\n size: args.size,\n ':checked': {\n 'background-color': args.checkedBackgroundColor,\n 'border-color': args.checkedBorderColor\n }\n }\n }\n }}\n >\n <Checkbox\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n label='Configurable Checkbox'\n />\n </Configuration>\n );\n};\n\nConfigurableCheckbox.args = {\n size: '1.25rem',\n backgroundColor: '#ffffff',\n borderColor: '#939393',\n borderWidth: '0.0625rem',\n borderRadius: '0.5',\n labelColor: '#939393',\n labelFontWeight: '400',\n checkedBackgroundColor: '#076bc9',\n checkedBorderColor: '#076bc9',\n showAdditionalInfo: true\n};\n\nConfigurableCheckbox.argTypes = {\n size: { control: { type: 'text' } },\n backgroundColor: { control: { type: 'color' } },\n borderColor: { control: { type: 'color' } },\n borderWidth: { control: { type: 'text' } },\n borderRadius: { control: { type: 'text' } },\n labelColor: { control: { type: 'color' } },\n labelFontWeight: { control: { type: 'text' } },\n checkedBackgroundColor: { control: { type: 'color' } },\n checkedBorderColor: { control: { type: 'color' } },\n status: { table: { disable: true } },\n label: { table: { disable: true } },\n required: { table: { disable: true } },\n disabled: { table: { disable: true } },\n readOnly: { table: { disable: true } },\n indeterminate: { table: { disable: true } },\n showAdditionalInfo: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/core/CheckboxGroup/CheckboxGroup.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAML,oBAAoB,EAEpB,UAAU,EACX,MAAM,yBAAyB,CAAC;;AAIjC,~~wBAqBU~~;AAEV,UAAU,yBAA0B,SAAQ,oBAAoB;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,~~CA+EtF~~,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAuFtF,CAAC"}
1	+ {"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAML,oBAAoB,EAEpB,UAAU,EACX,MAAM,yBAAyB,CAAC;;AAIjC,wBAwBU;AAEV,UAAU,yBAA0B,SAAQ,oBAAoB;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAmFtF,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAuFtF,CAAC"}

package/jsx/core/CheckboxGroup/CheckboxGroup.stories.jsx CHANGED Viewed

@@ -10,7 +10,9 @@ export default {
         disabled: false,
         readOnly: false,
         showAdditionalInfo: true,
-        showNestedAdditionalInfo: false
+        showNestedAdditionalInfo: false,
+        status: undefined,
+        info: 'You must select it'
     },
     argTypes: {
         labelHidden: { control: { type: 'boolean' } },
@@ -19,7 +21,8 @@ export default {
         disabled: { control: { type: 'boolean' } },
         readOnly: { control: { type: 'boolean' } },
         showAdditionalInfo: { control: { type: 'boolean' } },
-        showNestedAdditionalInfo: { control: { type: 'boolean' } }
+        showNestedAdditionalInfo: { control: { type: 'boolean' } },
+        status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } }
     }
 };
 export const CheckboxGroupDemo = (args) => {
@@ -28,7 +31,7 @@ export const CheckboxGroupDemo = (args) => {
                 heading: 'Additional Info',
                 content: 'Some additional info'
             }
-            : undefined} label='What do you want to eat?' name='Fruit' labelHidden={args.labelHidden} inline={args.inline} required={args.required} disabled={args.disabled} readOnly={args.readOnly}>
+            : undefined} label='What do you want to eat?' name='Fruit' labelHidden={args.labelHidden} inline={args.inline} required={args.required} disabled={args.disabled} readOnly={args.readOnly} info={args.info} status={args.status}>
       <Checkbox additionalInfo={{
             heading: 'Additional Info',
             content: 'Some additional info'
@@ -50,7 +53,7 @@ export const CheckboxGroupDemo = (args) => {
                 heading: 'Additional Info',
                 content: 'Some additional info'
             }
-            : undefined} label='What do you want to eat?' name='Fruit' labelHidden={args.labelHidden} inline={args.inline} required={args.required} disabled={args.disabled} readOnly={args.readOnly}>
+            : undefined} label='What do you want to eat?' name='Fruit' labelHidden={args.labelHidden} inline={args.inline} required={args.required} disabled={args.disabled} readOnly={args.readOnly} info={args.info} status={args.status}>
       <Checkbox label='Banana' id='Banana' defaultChecked/>
       <Checkbox label='Apple' id='Apple'/>
       <Checkbox label='Mango' id='Mango'/>

package/jsx/core/CheckboxGroup/CheckboxGroup.stories.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxGroup.stories.jsx","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,cAAc,EACd,IAAI,EAEJ,IAAI,EAEL,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAEhE,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,aAAa;IACxB,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,kBAAkB,EAAE,IAAI;QACxB,wBAAwB,EAAE,KAAK;KAChC;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC7C,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QACxC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,kBAAkB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QACpD,wBAAwB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;KAC3D;CACM,CAAC;AAOV,MAAM,CAAC,MAAM,iBAAiB,GAA6D,CACzF,IAAuD,EACvD,EAAE;IACF,OAAO,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CACrC,CAAC,aAAa,CACZ,cAAc,CAAC,CACb,IAAI,CAAC,kBAAkB;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,OAAO,EAAE,sBAAsB;aAChC;YACH,CAAC,CAAC,SAAS,CACd,CACD,KAAK,CAAC,0BAA0B,CAChC,IAAI,CAAC,OAAO,CACZ,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAExB;MAAA,CAAC,QAAQ,CACP,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,sBAAsB;SAChC,CAAC,CACF,KAAK,CAAC,QAAQ,CACd,EAAE,CAAC,QAAQ,CACX,cAAc,EAEhB;MAAA,CAAC,QAAQ,CACP,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,sBAAsB;SAChC,CAAC,CACF,KAAK,CAAC,OAAO,CACb,EAAE,CAAC,OAAO,EAEZ;MAAA,CAAC,QAAQ,CACP,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,sBAAsB;SAChC,CAAC,CACF,KAAK,CAAC,OAAO,CACb,EAAE,CAAC,OAAO,EAEZ;MAAA,CAAC,QAAQ,CACP,cAAc,CAAC,CAAC;YACd,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,sBAAsB;SAChC,CAAC,CACF,KAAK,CAAC,QAAQ,CACd,EAAE,CAAC,QAAQ,EAEf;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC,CAAC,CAAC,CACF,CAAC,aAAa,CACZ,cAAc,CAAC,CACb,IAAI,CAAC,kBAAkB;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,OAAO,EAAE,sBAAsB;aAChC;YACH,CAAC,CAAC,SAAS,CACd,CACD,KAAK,CAAC,0BAA0B,CAChC,IAAI,CAAC,OAAO,CACZ,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAExB;MAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,cAAc,EACnD;MAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAClC;MAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAClC;MAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EACtC;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA6D,CACzF,IAAuD,EACvD,EAAE;IACF,OAAO,CACL,CAAC,aAAa,CACZ,cAAc,CAAC,CACb,IAAI,CAAC,kBAAkB;YACrB,CAAC,CAAC;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,OAAO,EAAE,sBAAsB;aAChC;YACH,CAAC,CAAC,SAAS,CACd,CACD,OAAO,CAAC,MAAM,CACd,KAAK,CAAC,kCAAkC,CACxC,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAExB;MAAA,CAAC,QAAQ,CACP,cAAc,CAAC,CACb,IAAI,CAAC,wBAAwB;YAC3B,CAAC,CAAC;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,OAAO,EAAE,sBAAsB;aAChC;YACH,CAAC,CAAC,SAAS,CACd,CACD,KAAK,CAAC,CACJ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CACpC;YAAA,CAAC,SAAS,CACR;;;YAEF,EAAE,SAAS,CACb;UAAA,EAAE,IAAI,CAAC,CACR,CACD,EAAE,CAAC,WAAW,CACd,cAAc,EAEhB;MAAA,CAAC,QAAQ,CACP,KAAK,CAAC,CACJ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAC9B;YAAA,CAAC,WAAW,CACV,GAAG,CAAC,+IAA+I,CACnJ,GAAG,CAAC,OAAO,EAEf;UAAA,EAAE,IAAI,CAAC,CACR,CACD,EAAE,CAAC,aAAa,EAElB;MAAA,CAAC,QAAQ,CACP,KAAK,CAAC,CACJ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAC/C;YAAA,CAAC,WAAW,CACV,GAAG,CAAC,+IAA+I,CACnJ,GAAG,CAAC,OAAO,EAEb;YAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;cAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAC9B;cAAA,CAAC,SAAS,CACR;;cACF,EAAE,SAAS,CACb;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CAAC,CACR,CACD,EAAE,CAAC,QAAQ,EAEb;MAAA,CAAC,QAAQ,CACP,KAAK,CAAC,CACJ,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,CAClD;YAAA,CAAC,cAAc,CACb,MAAM,CAAC,CAAC;gBACN,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE;gBAC1D,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC9D,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE;aAC7D,CAAC,EAEN;UAAA,EAAE,UAAU,CAAC,CACd,CACD,EAAE,CAAC,YAAY,EAEnB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport {\n Checkbox,\n CheckboxGroup,\n FieldGroup,\n FieldValueList,\n Flex,\n RadioCheckGroupProps,\n Text,\n OmitStrict\n} from '@pega/cosmos-react-core';\n\nimport { Paragraph, StyledImage } from './CheckboxGroup.styles';\n\nexport default {\n title: 'Core/CheckboxGroup',\n component: CheckboxGroup,\n args: {\n labelHidden: false,\n inline: false,\n required: false,\n disabled: false,\n readOnly: false,\n showAdditionalInfo: true,\n showNestedAdditionalInfo: false\n },\n argTypes: {\n labelHidden: { control: { type: 'boolean' } },\n inline: { control: { type: 'boolean' } },\n required: { control: { type: 'boolean' } },\n disabled: { control: { type: 'boolean' } },\n readOnly: { control: { type: 'boolean' } },\n showAdditionalInfo: { control: { type: 'boolean' } },\n showNestedAdditionalInfo: { control: { type: 'boolean' } }\n }\n} as Meta;\n\ninterface RadioCheckGroupStoryProps extends RadioCheckGroupProps {\n showAdditionalInfo?: boolean;\n showNestedAdditionalInfo?: boolean;\n}\n\nexport const CheckboxGroupDemo: Story<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n return args.showNestedAdditionalInfo ? (\n <CheckboxGroup\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n label='What do you want to eat?'\n name='Fruit'\n labelHidden={args.labelHidden}\n inline={args.inline}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n >\n <Checkbox\n additionalInfo={{\n heading: 'Additional Info',\n content: 'Some additional info'\n }}\n label='Banana'\n id='Banana'\n defaultChecked\n />\n <Checkbox\n additionalInfo={{\n heading: 'Additional Info',\n content: 'Some additional info'\n }}\n label='Apple'\n id='Apple'\n />\n <Checkbox\n additionalInfo={{\n heading: 'Additional Info',\n content: 'Some additional info'\n }}\n label='Mango'\n id='Mango'\n />\n <Checkbox\n additionalInfo={{\n heading: 'Additional Info',\n content: 'Some additional info'\n }}\n label='Orange'\n id='Orange'\n />\n </CheckboxGroup>\n ) : (\n <CheckboxGroup\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n label='What do you want to eat?'\n name='Fruit'\n labelHidden={args.labelHidden}\n inline={args.inline}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n >\n <Checkbox label='Banana' id='Banana' defaultChecked />\n <Checkbox label='Apple' id='Apple' />\n <Checkbox label='Mango' id='Mango' />\n <Checkbox label='Orange' id='Orange' />\n </CheckboxGroup>\n );\n};\n\nexport const CheckboxCardGroup: Story<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n return (\n <CheckboxGroup\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n variant='card'\n label='Which visuals appear satisfying?'\n labelHidden={args.labelHidden}\n inline={args.inline}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n >\n <Checkbox\n additionalInfo={\n args.showNestedAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n label={\n <Flex container={{ direction: 'column', gap: 1 }}>\n <Text variant='h4'>A paragraph</Text>\n <Paragraph>\n This is a paragraph of text. It is meant to appear visually satisfying amongst the\n other options in this group.\n </Paragraph>\n </Flex>\n }\n id='paragraph'\n defaultChecked\n />\n <Checkbox\n label={\n <Flex container={{ direction: 'column', gap: 1 }}>\n <Text variant='h4'>Space</Text>\n <StyledImage\n src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n alt='space'\n />\n </Flex>\n }\n id='space-photo'\n />\n <Checkbox\n label={\n <Flex container={{ gap: 1, alignItems: 'start' }}>\n <StyledImage\n src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n alt='space'\n />\n <Flex container={{ direction: 'column', gap: 1 }}>\n <Text variant='h4'>Space</Text>\n <Paragraph>\n Space is the final frontier. There is so much to discover within Cosmos!\n </Paragraph>\n </Flex>\n </Flex>\n }\n id='cosmos'\n />\n <Checkbox\n label={\n <FieldGroup name='Gold service plan' headingTag='h3'>\n <FieldValueList\n fields={[\n { id: 'service', name: 'Service length', value: '1 year' },\n { id: 'monthly-cost', name: 'Monthly cost', value: '$180.00' },\n { id: 'total-cost', name: 'Total cost', value: '$2,160.00' }\n ]}\n />\n </FieldGroup>\n }\n id='phone-plan'\n />\n </CheckboxGroup>\n );\n};\n"]}
1	+ {"version":3,"file":"CheckboxGroup.stories.jsx","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport {\n Checkbox,\n CheckboxGroup,\n FieldGroup,\n FieldValueList,\n Flex,\n RadioCheckGroupProps,\n Text,\n OmitStrict\n} from '@pega/cosmos-react-core';\n\nimport { Paragraph, StyledImage } from './CheckboxGroup.styles';\n\nexport default {\n title: 'Core/CheckboxGroup',\n component: CheckboxGroup,\n args: {\n labelHidden: false,\n inline: false,\n required: false,\n disabled: false,\n readOnly: false,\n showAdditionalInfo: true,\n showNestedAdditionalInfo: false,\n status: undefined,\n info: 'You must select it'\n },\n argTypes: {\n labelHidden: { control: { type: 'boolean' } },\n inline: { control: { type: 'boolean' } },\n required: { control: { type: 'boolean' } },\n disabled: { control: { type: 'boolean' } },\n readOnly: { control: { type: 'boolean' } },\n showAdditionalInfo: { control: { type: 'boolean' } },\n showNestedAdditionalInfo: { control: { type: 'boolean' } },\n status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } }\n }\n} as Meta;\n\ninterface RadioCheckGroupStoryProps extends RadioCheckGroupProps {\n showAdditionalInfo?: boolean;\n showNestedAdditionalInfo?: boolean;\n}\n\nexport const CheckboxGroupDemo: Story<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n return args.showNestedAdditionalInfo ? (\n <CheckboxGroup\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n label='What do you want to eat?'\n name='Fruit'\n labelHidden={args.labelHidden}\n inline={args.inline}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n info={args.info}\n status={args.status}\n >\n <Checkbox\n additionalInfo={{\n heading: 'Additional Info',\n content: 'Some additional info'\n }}\n label='Banana'\n id='Banana'\n defaultChecked\n />\n <Checkbox\n additionalInfo={{\n heading: 'Additional Info',\n content: 'Some additional info'\n }}\n label='Apple'\n id='Apple'\n />\n <Checkbox\n additionalInfo={{\n heading: 'Additional Info',\n content: 'Some additional info'\n }}\n label='Mango'\n id='Mango'\n />\n <Checkbox\n additionalInfo={{\n heading: 'Additional Info',\n content: 'Some additional info'\n }}\n label='Orange'\n id='Orange'\n />\n </CheckboxGroup>\n ) : (\n <CheckboxGroup\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n label='What do you want to eat?'\n name='Fruit'\n labelHidden={args.labelHidden}\n inline={args.inline}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n info={args.info}\n status={args.status}\n >\n <Checkbox label='Banana' id='Banana' defaultChecked />\n <Checkbox label='Apple' id='Apple' />\n <Checkbox label='Mango' id='Mango' />\n <Checkbox label='Orange' id='Orange' />\n </CheckboxGroup>\n );\n};\n\nexport const CheckboxCardGroup: Story<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n return (\n <CheckboxGroup\n additionalInfo={\n args.showAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n variant='card'\n label='Which visuals appear satisfying?'\n labelHidden={args.labelHidden}\n inline={args.inline}\n required={args.required}\n disabled={args.disabled}\n readOnly={args.readOnly}\n >\n <Checkbox\n additionalInfo={\n args.showNestedAdditionalInfo\n ? {\n heading: 'Additional Info',\n content: 'Some additional info'\n }\n : undefined\n }\n label={\n <Flex container={{ direction: 'column', gap: 1 }}>\n <Text variant='h4'>A paragraph</Text>\n <Paragraph>\n This is a paragraph of text. It is meant to appear visually satisfying amongst the\n other options in this group.\n </Paragraph>\n </Flex>\n }\n id='paragraph'\n defaultChecked\n />\n <Checkbox\n label={\n <Flex container={{ direction: 'column', gap: 1 }}>\n <Text variant='h4'>Space</Text>\n <StyledImage\n src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n alt='space'\n />\n </Flex>\n }\n id='space-photo'\n />\n <Checkbox\n label={\n <Flex container={{ gap: 1, alignItems: 'start' }}>\n <StyledImage\n src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n alt='space'\n />\n <Flex container={{ direction: 'column', gap: 1 }}>\n <Text variant='h4'>Space</Text>\n <Paragraph>\n Space is the final frontier. There is so much to discover within Cosmos!\n </Paragraph>\n </Flex>\n </Flex>\n }\n id='cosmos'\n />\n <Checkbox\n label={\n <FieldGroup name='Gold service plan' headingTag='h3'>\n <FieldValueList\n fields={[\n { id: 'service', name: 'Service length', value: '1 year' },\n { id: 'monthly-cost', name: 'Monthly cost', value: '$180.00' },\n { id: 'total-cost', name: 'Total cost', value: '$2,160.00' }\n ]}\n />\n </FieldGroup>\n }\n id='phone-plan'\n />\n </CheckboxGroup>\n );\n};\n"]}

package/jsx/core/DateTime/DateTime.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTime.stories.d.ts","sourceRoot":"","sources":["../../../src/core/DateTime/DateTime.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAEL,cAAc,EAEd,kBAAkB,EAElB,mBAAmB,EAEnB,mBAAmB,EAEnB,kBAAkB,EAGlB,eAAe,EAEf,iBAAiB,EAEjB,cAAc,EAEd,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;;AAEjC,~~wBA+BU~~;AAEV,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,oBAAqB,SAAQ,eAAe;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,sBAAuB,SAAQ,iBAAiB;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,~~CAiCpD~~,CAAC;AAWF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAgCtD,CAAC;AAUF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAgCpD,CAAC;AAUF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,sBAAsB,CAgC1D,CAAC;AAUF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CA8B7F,CAAC;AAWF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAmCpD,CAAC;AAeF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,~~CAsC5D~~,CAAC;AAiBF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,~~CA4C9D~~,CAAC;AAuBF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,mBAAmB,CA4BzD,CAAC;AAiBF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CA+B3F,CAAC"}
1	+ {"version":3,"file":"DateTime.stories.d.ts","sourceRoot":"","sources":["../../../src/core/DateTime/DateTime.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAEL,cAAc,EAEd,kBAAkB,EAElB,mBAAmB,EAEnB,mBAAmB,EAEnB,kBAAkB,EAGlB,eAAe,EAEf,iBAAiB,EAEjB,cAAc,EAEd,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;;AAEjC,wBAiCU;AAEV,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,oBAAqB,SAAQ,eAAe;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,sBAAuB,SAAQ,iBAAiB;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAkCpD,CAAC;AAWF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAgCtD,CAAC;AAUF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAgCpD,CAAC;AAUF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,sBAAsB,CAgC1D,CAAC;AAUF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CA8B7F,CAAC;AAWF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAmCpD,CAAC;AAeF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,CAuC5D,CAAC;AAiBF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,CA6C9D,CAAC;AAuBF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,mBAAmB,CA4BzD,CAAC;AAiBF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CA+B3F,CAAC"}

package/jsx/core/DateTime/DateTime.stories.jsx CHANGED Viewed

@@ -5,6 +5,7 @@ export default {
     args: {
         value: undefined,
         status: undefined,
+        info: 'can not be blank',
         label: '',
         labelHidden: false,
         required: false,
@@ -21,6 +22,7 @@ export default {
             options: [undefined, 'success', 'warning', 'error', 'pending'],
             control: { type: 'select' }
         },
+        info: { control: { type: 'text' } },
         label: { control: { type: 'text' } },
         labelHidden: { control: { type: 'boolean' } },
         required: { control: { type: 'boolean' } },
@@ -44,7 +46,7 @@ export const DateInputDemo = (args) => {
                 heading: 'Additional Info',
                 content: 'Select a date'
             }
-            : undefined} value={value} showWeekNumber={args.showWeekNumber} status={args.status} label={args.label} labelHidden={args.labelHidden} required={args.required} disabled={args.disabled} readOnly={args.readOnly} min={args.min} max={args.max} onBlur={({ valueAsISOString, state }) => {
+            : undefined} value={value} showWeekNumber={args.showWeekNumber} status={args.status} info={args.info} label={args.label} labelHidden={args.labelHidden} required={args.required} disabled={args.disabled} readOnly={args.readOnly} min={args.min} max={args.max} onBlur={({ valueAsISOString, state }) => {
             if (state !== 'incomplete' && state !== 'invalid')
                 setValue(valueAsISOString);
         }}/>);
@@ -186,7 +188,7 @@ export const DateTimeInputDemo = (args) => {
                 heading: 'Additional Info',
                 content: 'Select a date'
             }
-            : undefined} value={value} showWeekNumber={args.showWeekNumber} withSeconds={args.withSeconds} clockFormat={args.clockFormat} pickerInterval={args.pickerInterval} status={args.status} label={args.label} labelHidden={args.labelHidden} required={args.required} disabled={args.disabled} readOnly={args.readOnly} min={args.min} max={args.max} onBlur={({ valueAsISOString, state }) => {
+            : undefined} value={value} showWeekNumber={args.showWeekNumber} withSeconds={args.withSeconds} clockFormat={args.clockFormat} pickerInterval={args.pickerInterval} status={args.status} info={args.info} label={args.label} labelHidden={args.labelHidden} required={args.required} disabled={args.disabled} readOnly={args.readOnly} min={args.min} max={args.max} onBlur={({ valueAsISOString, state }) => {
             if (state !== 'incomplete' && state !== 'invalid')
                 setValue(valueAsISOString);
         }}/>);
@@ -224,7 +226,7 @@ export const DateRangeInputDemo = (args) => {
             : undefined} value={value} onChange={({ start, end }) => {
             if (!start.state && !end.state)
                 setValue({ start: start.valueAsISOString, end: end.valueAsISOString });
-        }} showWeekNumber={args.showWeekNumber} status={args.status} label={args.label} fromLabel={args.fromLabel} toLabel={args.toLabel} labelHidden={args.labelHidden} required={args.required} disabled={args.disabled} readOnly={args.readOnly}/>);
+        }} showWeekNumber={args.showWeekNumber} status={args.status} info={args.info} label={args.label} fromLabel={args.fromLabel} toLabel={args.toLabel} labelHidden={args.labelHidden} required={args.required} disabled={args.disabled} readOnly={args.readOnly}/>);
 };
 DateRangeInputDemo.args = {
     showWeekNumber: false,