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

package/jsx/work/Tasks/Tasks.stories.jsx

@@ -1,4 +1,4 @@
-import { useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Avatar, Button, MenuButton, MetaList, Text, Form, Input, TextArea, RadioCheckGroup, RadioButton, Checkbox, DateInput, NumberInput, FileInput, menuHelpers, Status, Link, DateTimeDisplay, EmptyState, Flex } from '@pega/cosmos-react-core';
 import { Tasks } from '@pega/cosmos-react-work';
 export default {
@@ -42,25 +42,33 @@ export const TasksDemo = (args) => {
             };
         });
     });
-    const activeGroup = useMemo(() => menuHelpers.getSelected(workGroups)[0], [workGroups]);
+    const activeGroup = menuHelpers.getSelected(workGroups)[0];
     const activeGroupTaskCount = activeGroup?.count ?? 0;
-    const groupSelection = useMemo(() => {
-        return (<MenuButton variant='text' text={activeGroup.primary} menu={{
-                mode: 'single-select',
-                items: workGroups,
-                onItemClick: id => {
-                    setWorkGroups(currentWorkGroups => {
-                        return menuHelpers.mapTree(currentWorkGroups, group => {
-                            if (id === group.id || group.selected) {
-                                return { ...group, selected: id === group.id };
-                            }
-                            return group;
-                        });
-                    });
+    useEffect(() => {
+        setWorkGroups(cur => {
+            return cur.map(group => {
+                if (group.id === activeGroup.id) {
+                    return { ...group, count: args.count };
                 }
-            }}/>);
-    }, [activeGroup.primary, workGroups]);
-    const taskArray = useMemo(() => Array.from({ length: isLimited ? Math.min(3, activeGroupTaskCount) : activeGroupTaskCount }, (_, i) => {
+                return group;
+            });
+        });
+    }, [args.count]);
+    const groupSelection = (<MenuButton variant='text' text={activeGroup.primary} menu={{
+            mode: 'single-select',
+            items: workGroups,
+            onItemClick: id => {
+                setWorkGroups(currentWorkGroups => {
+                    return menuHelpers.mapTree(currentWorkGroups, group => {
+                        if (id === group.id || group.selected) {
+                            return { ...group, selected: id === group.id };
+                        }
+                        return group;
+                    });
+                });
+            }
+        }}/>);
+    const taskArray = Array.from({ length: isLimited ? Math.min(3, activeGroupTaskCount) : activeGroupTaskCount }, (_, i) => {
         const dueIn = 86400000 * i;
         let status = 'info';
         if (i === 0) {
@@ -76,8 +84,8 @@ export const TasksDemo = (args) => {
             meta: (<MetaList items={[
                     <Status variant={status}>{status}</Status>,
                     <Text variant='secondary'>
-                    Due <DateTimeDisplay variant='relative' value={Date.now() + dueIn}/>
-                  </Text>,
+                Due <DateTimeDisplay variant='relative' value={Date.now() + dueIn}/>
+              </Text>,
                     <Link href='#demo'>Parent case link</Link>
                 ]}/>),
             onOpen: args.openableTasks !== false
@@ -91,7 +99,7 @@ export const TasksDemo = (args) => {
                     setHasOpenTask(false);
                 }}/>) : null
         };
-    }), [isLimited, activeGroupTaskCount, args.openableTasks, hasOpenTask]);
+    });
     return (<Tasks headerText={args.headerText || 'Tasks'} count={activeGroupTaskCount} items={taskArray} headerVisual={args.showHeaderVisual && activeGroup ? (<Avatar size='l' name={activeGroup.primary}/>) : undefined} headerSecondary={args.showHeaderSecondary ? groupSelection : undefined} emptyPlaceholder={<EmptyState />} onExpandToggle={() => {
             setIsLimited(cur => !cur);
         }}/>);

package/jsx/work/Tasks/Tasks.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Tasks.stories.jsx","sourceRoot":"","sources":["../../../src/work/Tasks/Tasks.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useMemo, useState } from 'react';\n\nimport {\n  Avatar,\n  Button,\n  MenuButton,\n  MenuProps,\n  MetaList,\n  Text,\n  Form,\n  Input,\n  TextArea,\n  RadioCheckGroup,\n  RadioButton,\n  Checkbox,\n  DateInput,\n  NumberInput,\n  FileInput,\n  menuHelpers,\n  Status,\n  Link,\n  DateTimeDisplay,\n  StatusProps,\n  EmptyState,\n  Flex\n} from '@pega/cosmos-react-core';\nimport { Tasks, TasksProps, TaskItemProps } from '@pega/cosmos-react-work';\n\nexport default {\n  title: 'Work/Tasks',\n  component: Tasks\n} as Meta;\n\ninterface TasksStoryProps {\n  headerText?: TasksProps['headerText'];\n  showHeaderVisual?: boolean;\n  showHeaderSecondary?: boolean;\n  count?: TasksProps['count'];\n  openableTasks?: boolean;\n}\n\nexport const TasksDemo: Story<TasksStoryProps> = (args: TasksStoryProps) => {\n  const [isLimited, setIsLimited] = useState(true);\n  const [hasOpenTask, setHasOpenTask] = useState(false);\n\n  const DemoTaskForm = ({ onSubmit, onCancel }: { onSubmit: () => void; onCancel: () => void }) => {\n    return (\n      <Form\n        actions={\n          <>\n            <Button onClick={onCancel}>Cancel</Button>\n            <Button variant='primary' onClick={onSubmit}>\n              Submit\n            </Button>\n          </>\n        }\n      >\n        <Flex container={{ direction: 'column', itemGap: 2 }}>\n          <Input label='Text field 1' required />\n          <Input label='Text field 2' />\n          <NumberInput onChange={() => {}} label='Number field' />\n          <Checkbox label='Boolean field' required />\n          <RadioCheckGroup label='Picklist options' name='picklist-1'>\n            <RadioButton label='option 1' defaultChecked />\n            <RadioButton label='option 2' />\n            <RadioButton label='option 3' />\n          </RadioCheckGroup>\n          <TextArea label='Text paragraph field' required />\n          <FileInput label='File field' />\n          <DateInput label='Datetime field' />\n        </Flex>\n      </Form>\n    );\n  };\n\n  const [workGroups, setWorkGroups] = useState<MenuProps['items']>(() => {\n    return Array.from({ length: 10 }, (_, i) => {\n      return {\n        id: `${i + 1}`,\n        primary: `Workgroup ${i + 1}`,\n        count: typeof args.count === 'number' ? args.count : Math.floor(Math.random() * 10),\n        selected: i === 0,\n        visual: <Avatar size='l' name={`Team ${i + 1}`} />\n      };\n    });\n  });\n\n  const activeGroup = useMemo(() => menuHelpers.getSelected(workGroups)[0], [workGroups]);\n  const activeGroupTaskCount = activeGroup?.count ?? 0;\n\n  const groupSelection = useMemo(() => {\n    return (\n      <MenuButton\n        variant='text'\n        text={activeGroup.primary}\n        menu={{\n          mode: 'single-select',\n          items: workGroups,\n          onItemClick: id => {\n            setWorkGroups(currentWorkGroups => {\n              return menuHelpers.mapTree(currentWorkGroups, group => {\n                if (id === group.id || group.selected) {\n                  return { ...group, selected: id === group.id };\n                }\n\n                return group;\n              });\n            });\n          }\n        }}\n      />\n    );\n  }, [activeGroup.primary, workGroups]);\n\n  const taskArray: TaskItemProps[] = useMemo(\n    () =>\n      Array.from(\n        { length: isLimited ? Math.min(3, activeGroupTaskCount) : activeGroupTaskCount },\n        (_, i) => {\n          const dueIn = 86400000 * i;\n          let status: StatusProps['variant'] = 'info';\n\n          if (i === 0) {\n            status = 'urgent';\n          } else if (i === 1) {\n            status = 'warn';\n          }\n\n          return {\n            id: `${i}`,\n            name: `Task ${i + 1}`,\n            processName: i % 2 ? 'Demo process' : undefined,\n            meta: (\n              <MetaList\n                items={[\n                  <Status variant={status}>{status}</Status>,\n                  <Text variant='secondary'>\n                    Due <DateTimeDisplay variant='relative' value={Date.now() + dueIn} />\n                  </Text>,\n                  <Link href='#demo'>Parent case link</Link>\n                ]}\n              />\n            ),\n            onOpen:\n              args.openableTasks !== false\n                ? () => {\n                    setHasOpenTask(true);\n                  }\n                : undefined,\n            content: hasOpenTask ? (\n              <DemoTaskForm\n                onSubmit={() => {\n                  setHasOpenTask(false);\n                }}\n                onCancel={() => {\n                  setHasOpenTask(false);\n                }}\n              />\n            ) : null\n          };\n        }\n      ),\n    [isLimited, activeGroupTaskCount, args.openableTasks, hasOpenTask]\n  );\n\n  return (\n    <Tasks\n      headerText={args.headerText || 'Tasks'}\n      count={activeGroupTaskCount}\n      items={taskArray}\n      headerVisual={\n        args.showHeaderVisual && activeGroup ? (\n          <Avatar size='l' name={activeGroup.primary} />\n        ) : undefined\n      }\n      headerSecondary={args.showHeaderSecondary ? groupSelection : undefined}\n      emptyPlaceholder={<EmptyState />}\n      onExpandToggle={() => {\n        setIsLimited(cur => !cur);\n      }}\n    />\n  );\n};\n\nTasksDemo.args = {\n  headerText: 'Tasks',\n  showHeaderVisual: true,\n  showHeaderSecondary: true,\n  count: undefined,\n  openableTasks: true\n};\n\nTasksDemo.argTypes = {\n  headerText: { control: { type: 'text' } },\n  showHeaderVisual: { control: { type: 'boolean' } },\n  showHeaderSecondary: { control: { type: 'boolean' } },\n  count: { control: { type: 'number' } },\n  openableTasks: { control: { type: 'boolean' } }\n};\n"]}
+{"version":3,"file":"Tasks.stories.jsx","sourceRoot":"","sources":["../../../src/work/Tasks/Tasks.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useEffect, useState } from 'react';\n\nimport {\n  Avatar,\n  Button,\n  MenuButton,\n  MenuProps,\n  MetaList,\n  Text,\n  Form,\n  Input,\n  TextArea,\n  RadioCheckGroup,\n  RadioButton,\n  Checkbox,\n  DateInput,\n  NumberInput,\n  FileInput,\n  menuHelpers,\n  Status,\n  Link,\n  DateTimeDisplay,\n  StatusProps,\n  EmptyState,\n  Flex\n} from '@pega/cosmos-react-core';\nimport { Tasks, TasksProps, TaskItemProps } from '@pega/cosmos-react-work';\n\nexport default {\n  title: 'Work/Tasks',\n  component: Tasks\n} as Meta;\n\ninterface TasksStoryProps {\n  headerText?: TasksProps['headerText'];\n  showHeaderVisual?: boolean;\n  showHeaderSecondary?: boolean;\n  count?: TasksProps['count'];\n  openableTasks?: boolean;\n}\n\nexport const TasksDemo: Story<TasksStoryProps> = (args: TasksStoryProps) => {\n  const [isLimited, setIsLimited] = useState(true);\n  const [hasOpenTask, setHasOpenTask] = useState(false);\n\n  const DemoTaskForm = ({ onSubmit, onCancel }: { onSubmit: () => void; onCancel: () => void }) => {\n    return (\n      <Form\n        actions={\n          <>\n            <Button onClick={onCancel}>Cancel</Button>\n            <Button variant='primary' onClick={onSubmit}>\n              Submit\n            </Button>\n          </>\n        }\n      >\n        <Flex container={{ direction: 'column', itemGap: 2 }}>\n          <Input label='Text field 1' required />\n          <Input label='Text field 2' />\n          <NumberInput onChange={() => {}} label='Number field' />\n          <Checkbox label='Boolean field' required />\n          <RadioCheckGroup label='Picklist options' name='picklist-1'>\n            <RadioButton label='option 1' defaultChecked />\n            <RadioButton label='option 2' />\n            <RadioButton label='option 3' />\n          </RadioCheckGroup>\n          <TextArea label='Text paragraph field' required />\n          <FileInput label='File field' />\n          <DateInput label='Datetime field' />\n        </Flex>\n      </Form>\n    );\n  };\n\n  const [workGroups, setWorkGroups] = useState<MenuProps['items']>(() => {\n    return Array.from({ length: 10 }, (_, i) => {\n      return {\n        id: `${i + 1}`,\n        primary: `Workgroup ${i + 1}`,\n        count: typeof args.count === 'number' ? args.count : Math.floor(Math.random() * 10),\n        selected: i === 0,\n        visual: <Avatar size='l' name={`Team ${i + 1}`} />\n      };\n    });\n  });\n\n  const activeGroup = menuHelpers.getSelected(workGroups)[0];\n  const activeGroupTaskCount = activeGroup?.count ?? 0;\n\n  useEffect(() => {\n    setWorkGroups(cur => {\n      return cur.map(group => {\n        if (group.id === activeGroup.id) {\n          // Asserting as args.count changes will always be a number in demo\n          return { ...group, count: args.count! };\n        }\n\n        return group;\n      });\n    });\n  }, [args.count]);\n\n  const groupSelection = (\n    <MenuButton\n      variant='text'\n      text={activeGroup.primary}\n      menu={{\n        mode: 'single-select',\n        items: workGroups,\n        onItemClick: id => {\n          setWorkGroups(currentWorkGroups => {\n            return menuHelpers.mapTree(currentWorkGroups, group => {\n              if (id === group.id || group.selected) {\n                return { ...group, selected: id === group.id };\n              }\n\n              return group;\n            });\n          });\n        }\n      }}\n    />\n  );\n\n  const taskArray: TaskItemProps[] = Array.from(\n    { length: isLimited ? Math.min(3, activeGroupTaskCount) : activeGroupTaskCount },\n    (_, i) => {\n      const dueIn = 86400000 * i;\n      let status: StatusProps['variant'] = 'info';\n\n      if (i === 0) {\n        status = 'urgent';\n      } else if (i === 1) {\n        status = 'warn';\n      }\n\n      return {\n        id: `${i}`,\n        name: `Task ${i + 1}`,\n        processName: i % 2 ? 'Demo process' : undefined,\n        meta: (\n          <MetaList\n            items={[\n              <Status variant={status}>{status}</Status>,\n              <Text variant='secondary'>\n                Due <DateTimeDisplay variant='relative' value={Date.now() + dueIn} />\n              </Text>,\n              <Link href='#demo'>Parent case link</Link>\n            ]}\n          />\n        ),\n        onOpen:\n          args.openableTasks !== false\n            ? () => {\n                setHasOpenTask(true);\n              }\n            : undefined,\n        content: hasOpenTask ? (\n          <DemoTaskForm\n            onSubmit={() => {\n              setHasOpenTask(false);\n            }}\n            onCancel={() => {\n              setHasOpenTask(false);\n            }}\n          />\n        ) : null\n      };\n    }\n  );\n\n  return (\n    <Tasks\n      headerText={args.headerText || 'Tasks'}\n      count={activeGroupTaskCount}\n      items={taskArray}\n      headerVisual={\n        args.showHeaderVisual && activeGroup ? (\n          <Avatar size='l' name={activeGroup.primary} />\n        ) : undefined\n      }\n      headerSecondary={args.showHeaderSecondary ? groupSelection : undefined}\n      emptyPlaceholder={<EmptyState />}\n      onExpandToggle={() => {\n        setIsLimited(cur => !cur);\n      }}\n    />\n  );\n};\n\nTasksDemo.args = {\n  headerText: 'Tasks',\n  showHeaderVisual: true,\n  showHeaderSecondary: true,\n  count: undefined,\n  openableTasks: true\n};\n\nTasksDemo.argTypes = {\n  headerText: { control: { type: 'text' } },\n  showHeaderVisual: { control: { type: 'boolean' } },\n  showHeaderSecondary: { control: { type: 'boolean' } },\n  count: { control: { type: 'number' } },\n  openableTasks: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/wss/CaseView/CaseView.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAe/C,wBAMU;AAEV,UAAU,iBAAiB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CA4EjD,CAAC"}
+{"version":3,"file":"CaseView.stories.d.ts","sourceRoot":"","sources":["../../../src/wss/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAoB/C,wBAMU;AAEV,UAAU,iBAAiB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAqFjD,CAAC"}

package/jsx/wss/CaseView/CaseView.stories.jsx

@@ -1,6 +1,8 @@
 import { useState } from 'react';
 import { AppShell, CaseView } from '@pega/cosmos-react-wss';
-import { CaseSummaryFields, Stages } from '@pega/cosmos-react-work';
+import { Stages } from '@pega/cosmos-react-work';
+import { Grid } from '@pega/cosmos-react-core';
+import { StyledSummaryPrimaryList, StyledSummarySecondaryList } from '@pega/cosmos-react-work/lib/components/CaseView/CaseView.styles';
 import { AttachmentsMock } from '../../work/CaseView/Attachments.mocks';
 import { FeedPostDemo } from '../../social/Feed/FeedPost.stories';
 import { casePreviewPrimaryFields, casePreviewSecondaryFields } from '../../work/CaseView/CaseView.mocks';
@@ -27,7 +29,11 @@ export const CaseViewDemo = (args) => {
                 : undefined} summary={args.showSummaryRegion
                 ? {
                     label: 'Summary',
-                    content: (<CaseSummaryFields primary={casePreviewPrimaryFields} secondary={casePreviewSecondaryFields}/>)
+                    content: (<Grid container={{ rowGap: 2, pad: [1.5, 2] }}>
+                      <StyledSummaryPrimaryList variant='stacked' fields={casePreviewPrimaryFields} aria-label='Primary summary fields'/>
+
+                      <StyledSummarySecondaryList variant='inline' fields={casePreviewSecondaryFields} aria-label='Secondary summary fields'/>
+                    </Grid>)
                 }
                 : undefined} feed={args.showPulseRegion ? { label: 'Feed', content: <FeedPostDemo /> } : undefined} utility={args.showUtilitiesRegion
                 ? { label: 'Utility', content: <AttachmentsMock /> }

package/jsx/wss/CaseView/CaseView.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.stories.jsx","sourceRoot":"","sources":["../../../src/wss/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { AppShell, CaseView } from '@pega/cosmos-react-wss';\nimport { CaseSummaryFields, Stages } from '@pega/cosmos-react-work';\n\nimport { AttachmentsMock } from '../../work/CaseView/Attachments.mocks';\nimport { FeedPostDemo } from '../../social/Feed/FeedPost.stories';\nimport {\n  casePreviewPrimaryFields,\n  casePreviewSecondaryFields\n} from '../../work/CaseView/CaseView.mocks';\nimport { TasksDemo } from '../../work/Tasks/Tasks.stories';\nimport { defaultAppDemoProps } from '../AppShell/AppShell.mocks';\n\nexport default {\n  title: 'Web Self Service/CaseView',\n  component: CaseView,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface CaseViewDemoProps {\n  showStagesRegion?: boolean;\n  showUtilitiesRegion?: boolean;\n  showSummaryRegion?: boolean;\n  showTasksRegion?: boolean;\n  showPulseRegion?: boolean;\n}\n\nexport const CaseViewDemo: Story<CaseViewDemoProps> = (args: CaseViewDemoProps) => {\n  const [, setMainContent] = useState('Home');\n\n  return (\n    <AppShell\n      caseId='1234'\n      main={\n        <CaseView\n          heading='I have an issue that is impacting my work and I need help'\n          actions={[{ id: '1', text: 'Some text' }]}\n          tasks={{ label: 'Tasks', content: <TasksDemo /> }}\n          stages={\n            args.showStagesRegion\n              ? {\n                  label: 'Stages',\n                  content: (\n                    <Stages\n                      stages={[\n                        { name: 'Create', id: '1', completed: true },\n                        { name: 'Troubleshoot', id: '2', completed: false },\n                        { name: 'Resolve', id: '3', completed: false }\n                      ]}\n                      current=''\n                    />\n                  )\n                }\n              : undefined\n          }\n          summary={\n            args.showSummaryRegion\n              ? {\n                  label: 'Summary',\n                  content: (\n                    <CaseSummaryFields\n                      primary={casePreviewPrimaryFields}\n                      secondary={casePreviewSecondaryFields}\n                    />\n                  )\n                }\n              : undefined\n          }\n          feed={args.showPulseRegion ? { label: 'Feed', content: <FeedPostDemo /> } : undefined}\n          utility={\n            args.showUtilitiesRegion\n              ? { label: 'Utility', content: <AttachmentsMock /> }\n              : undefined\n          }\n        />\n      }\n      appInfo={{\n        appName: 'App name',\n        imageSrc: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg'\n      }}\n      navLinks={Array.from({\n        length: defaultAppDemoProps.numberOfNavLinks\n      }).map((_, index) => {\n        const navName = `Navigation ${index + 1}`;\n\n        return {\n          id: `nav-${index + 1}`,\n          text: navName,\n          href: '#',\n          onClick: () => setMainContent(navName)\n        };\n      })}\n      operator={{\n        avatar: { name: 'hello' },\n        title: 'title',\n        actions: [\n          { id: 'profile', primary: 'My profile', href: '#' },\n          { id: 'settings', primary: 'Settings', href: '#' },\n          { id: 'logOut', primary: 'Log out', href: '#' }\n        ]\n      }}\n    />\n  );\n};\n\nCaseViewDemo.args = {\n  showStagesRegion: true,\n  showUtilitiesRegion: true,\n  showSummaryRegion: true,\n  showPulseRegion: true\n};\n\nCaseViewDemo.argTypes = {\n  showStagesRegion: { control: { type: 'boolean' } },\n  showUtilitiesRegion: { control: { type: 'boolean' } },\n  showSummaryRegion: { control: { type: 'boolean' } },\n  showPulseRegion: { control: { type: 'boolean' } }\n};\n"]}
+{"version":3,"file":"CaseView.stories.jsx","sourceRoot":"","sources":["../../../src/wss/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,iEAAiE,CAAC;AAEzE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAUV,MAAM,CAAC,MAAM,YAAY,GAA6B,CAAC,IAAuB,EAAE,EAAE;IAChF,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE5C,OAAO,CACL,CAAC,QAAQ,CACP,MAAM,CAAC,MAAM,CACb,IAAI,CAAC,CACH,CAAC,QAAQ,CACP,OAAO,CAAC,2DAA2D,CACnE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAC1C,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,SAAS,CAAC,AAAD,EAAG,EAAE,CAAC,CAClD,MAAM,CAAC,CACL,IAAI,CAAC,gBAAgB;gBACnB,CAAC,CAAC;oBACE,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,CACP,CAAC,MAAM,CACL,MAAM,CAAC,CAAC;4BACN,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE;4BAC5C,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE;4BACnD,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE;yBAC/C,CAAC,CACF,OAAO,CAAC,EAAE,EACV,CACH;iBACF;gBACH,CAAC,CAAC,SAAS,CACd,CACD,OAAO,CAAC,CACN,IAAI,CAAC,iBAAiB;gBACpB,CAAC,CAAC;oBACE,KAAK,EAAE,SAAS;oBAChB,OAAO,EAAE,CACP,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAC5C;sBAAA,CAAC,wBAAwB,CACvB,OAAO,CAAC,SAAS,CACjB,MAAM,CAAC,CAAC,wBAAwB,CAAC,CACjC,UAAU,CAAC,wBAAwB,EAGrC;;sBAAA,CAAC,0BAA0B,CACzB,OAAO,CAAC,QAAQ,CAChB,MAAM,CAAC,CAAC,0BAA0B,CAAC,CACnC,UAAU,CAAC,0BAA0B,EAEzC;oBAAA,EAAE,IAAI,CAAC,CACR;iBACF;gBACH,CAAC,CAAC,SAAS,CACd,CACD,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,AAAD,EAAG,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CACtF,OAAO,CAAC,CACN,IAAI,CAAC,mBAAmB;gBACtB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,eAAe,CAAC,AAAD,EAAG,EAAE;gBACpD,CAAC,CAAC,SAAS,CACd,EACD,CACH,CACD,OAAO,CAAC,CAAC;YACP,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,uEAAuE;SAClF,CAAC,CACF,QAAQ,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;YACnB,MAAM,EAAE,mBAAmB,CAAC,gBAAgB;SAC7C,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAClB,MAAM,OAAO,GAAG,cAAc,KAAK,GAAG,CAAC,EAAE,CAAC;YAE1C,OAAO;gBACL,EAAE,EAAE,OAAO,KAAK,GAAG,CAAC,EAAE;gBACtB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,GAAG;gBACT,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC;aACvC,CAAC;QACJ,CAAC,CAAC,CAAC,CACH,QAAQ,CAAC,CAAC;YACR,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YACzB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE;gBACP,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,EAAE;gBACnD,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE;gBAClD,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;aAChD;SACF,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,IAAI,GAAG;IAClB,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,IAAI;IACzB,iBAAiB,EAAE,IAAI;IACvB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG;IACtB,gBAAgB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAClD,mBAAmB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACrD,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACnD,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAClD,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { AppShell, CaseView } from '@pega/cosmos-react-wss';\nimport { Stages } from '@pega/cosmos-react-work';\nimport { Grid } from '@pega/cosmos-react-core';\nimport {\n  StyledSummaryPrimaryList,\n  StyledSummarySecondaryList\n} from '@pega/cosmos-react-work/lib/components/CaseView/CaseView.styles';\n\nimport { AttachmentsMock } from '../../work/CaseView/Attachments.mocks';\nimport { FeedPostDemo } from '../../social/Feed/FeedPost.stories';\nimport {\n  casePreviewPrimaryFields,\n  casePreviewSecondaryFields\n} from '../../work/CaseView/CaseView.mocks';\nimport { TasksDemo } from '../../work/Tasks/Tasks.stories';\nimport { defaultAppDemoProps } from '../AppShell/AppShell.mocks';\n\nexport default {\n  title: 'Web Self Service/CaseView',\n  component: CaseView,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface CaseViewDemoProps {\n  showStagesRegion?: boolean;\n  showUtilitiesRegion?: boolean;\n  showSummaryRegion?: boolean;\n  showTasksRegion?: boolean;\n  showPulseRegion?: boolean;\n}\n\nexport const CaseViewDemo: Story<CaseViewDemoProps> = (args: CaseViewDemoProps) => {\n  const [, setMainContent] = useState('Home');\n\n  return (\n    <AppShell\n      caseId='1234'\n      main={\n        <CaseView\n          heading='I have an issue that is impacting my work and I need help'\n          actions={[{ id: '1', text: 'Some text' }]}\n          tasks={{ label: 'Tasks', content: <TasksDemo /> }}\n          stages={\n            args.showStagesRegion\n              ? {\n                  label: 'Stages',\n                  content: (\n                    <Stages\n                      stages={[\n                        { name: 'Create', id: '1', completed: true },\n                        { name: 'Troubleshoot', id: '2', completed: false },\n                        { name: 'Resolve', id: '3', completed: false }\n                      ]}\n                      current=''\n                    />\n                  )\n                }\n              : undefined\n          }\n          summary={\n            args.showSummaryRegion\n              ? {\n                  label: 'Summary',\n                  content: (\n                    <Grid container={{ rowGap: 2, pad: [1.5, 2] }}>\n                      <StyledSummaryPrimaryList\n                        variant='stacked'\n                        fields={casePreviewPrimaryFields}\n                        aria-label='Primary summary fields'\n                      />\n\n                      <StyledSummarySecondaryList\n                        variant='inline'\n                        fields={casePreviewSecondaryFields}\n                        aria-label='Secondary summary fields'\n                      />\n                    </Grid>\n                  )\n                }\n              : undefined\n          }\n          feed={args.showPulseRegion ? { label: 'Feed', content: <FeedPostDemo /> } : undefined}\n          utility={\n            args.showUtilitiesRegion\n              ? { label: 'Utility', content: <AttachmentsMock /> }\n              : undefined\n          }\n        />\n      }\n      appInfo={{\n        appName: 'App name',\n        imageSrc: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg'\n      }}\n      navLinks={Array.from({\n        length: defaultAppDemoProps.numberOfNavLinks\n      }).map((_, index) => {\n        const navName = `Navigation ${index + 1}`;\n\n        return {\n          id: `nav-${index + 1}`,\n          text: navName,\n          href: '#',\n          onClick: () => setMainContent(navName)\n        };\n      })}\n      operator={{\n        avatar: { name: 'hello' },\n        title: 'title',\n        actions: [\n          { id: 'profile', primary: 'My profile', href: '#' },\n          { id: 'settings', primary: 'Settings', href: '#' },\n          { id: 'logOut', primary: 'Log out', href: '#' }\n        ]\n      }}\n    />\n  );\n};\n\nCaseViewDemo.args = {\n  showStagesRegion: true,\n  showUtilitiesRegion: true,\n  showSummaryRegion: true,\n  showPulseRegion: true\n};\n\nCaseViewDemo.argTypes = {\n  showStagesRegion: { control: { type: 'boolean' } },\n  showUtilitiesRegion: { control: { type: 'boolean' } },\n  showSummaryRegion: { control: { type: 'boolean' } },\n  showPulseRegion: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -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/lib/build/AppShell/AppShell.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAAE,QAAQ,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"}
+{"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/lib/build/AppShell/AppShell.mocks.js

@@ -405,4 +405,15 @@ export const ShowcasePageComp = ({ title, description, actionLabel, imageSrc })
             }
         ], link: { label: 'Learn more', href: '#' }, content: _jsx(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.js.map

package/lib/build/AppShell/AppShell.mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.mocks.js","sourceRoot":"","sources":["../../../src/build/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAY,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AA0B3D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAA0B,EAAE,EAAE;IACpD,MAAM,EACJ,eAAe,EACf,WAAW,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EACxC,GAAG,IAAI,CAAC;IAET,IAAI,eAAe,EAAE;QACnB,MAAM,IAAI,GAAG,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC;QAC7D,OAAO,IAAI;YACT,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,CAAC,EAAE,EAAE;gBACvC,wGAAwG;gBACxG,OAAO;oBACL,EAAE,EAAE,KAAK;oBACT,OAAO,EAAE,KAAK;oBACd,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAK,KAAa,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;iBACnE,CAAC;YACJ,CAAC,CAAC;YACJ,CAAC,CAAC,EAAE,CAAC;KACR;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAsB;IAChD;QACE,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,YAAY;KACnB;IACD;QACE,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,YAAY;KACnB;IACD;QACE,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,kBAAkB;KACzB;IACD;QACE,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,wBAAwB;KAC/B;IACD;QACE,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,aAAa;KACpB;IACD;QACE,EAAE,EAAE,aAAa;QACjB,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,YAAY;KACnB;IACD;QACE,EAAE,EAAE,cAAc;QAClB,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE;YACL,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE;YACzD,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,cAAc,EAAE;YACjE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE;YAC5C;gBACE,EAAE,EAAE,aAAa;gBACjB,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE;oBACL,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EAAE;oBACxE;wBACE,EAAE,EAAE,oBAAoB;wBACxB,KAAK,EAAE,qBAAqB;wBAC5B,IAAI,EAAE,qBAAqB;qBAC5B;oBACD;wBACE,EAAE,EAAE,gBAAgB;wBACpB,KAAK,EAAE,iBAAiB;wBACxB,IAAI,EAAE,iBAAiB;qBACxB;oBACD;wBACE,EAAE,EAAE,gBAAgB;wBACpB,KAAK,EAAE,iBAAiB;wBACxB,IAAI,EAAE,iBAAiB;qBACxB;iBACF;aACF;YACD;gBACE,EAAE,EAAE,SAAS;gBACb,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE;oBACL,EAAE,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE;oBAC7D,EAAE,EAAE,EAAE,oBAAoB,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE;oBACvE,EAAE,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE;oBACpE,EAAE,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE;oBACnE,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE;oBACpD,EAAE,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE;oBAC1D,EAAE,EAAE,EAAE,oBAAoB,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE;iBACxE;aACF;YACD;gBACE,EAAE,EAAE,UAAU;gBACd,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE;oBACL;wBACE,EAAE,EAAE,kBAAkB;wBACtB,KAAK,EAAE,mBAAmB;wBAC1B,IAAI,EAAE,mBAAmB;qBAC1B;oBACD,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,eAAe,EAAE;oBACrE;wBACE,EAAE,EAAE,gBAAgB;wBACpB,KAAK,EAAE,iBAAiB;wBACxB,IAAI,EAAE,iBAAiB;qBACxB;oBACD,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE;oBAClE;wBACE,EAAE,EAAE,gBAAgB;wBACpB,KAAK,EAAE,gBAAgB;wBACvB,KAAK,EAAE;4BACL;gCACE,EAAE,EAAE,cAAc;gCAClB,KAAK,EAAE,yBAAyB;gCAChC,IAAI,EAAE,eAAe;6BACtB;yBACF;qBACF;iBACF;aACF;YACD,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE;YAClE,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EAAE;SACzE;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAuB;IAC1C;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,UAAU;YACjB,eAAe,EAAE,MAAM;YACvB,IAAI,EAAE,CAAC,aAAa,CAAC;SACtB;KACF;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,YAAY;YACnB,WAAW,EACT,mOAAmO;YACrO,WAAW,EAAE,eAAe;YAC5B,QAAQ,EAAE,uBAAuB;SAClC;KACF;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,WAAW;YAClB,WAAW,EACT,uPAAuP;YACzP,WAAW,EAAE,eAAe;YAC5B,QAAQ,EAAE,uBAAuB;SAClC;KACF;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;YACjB,WAAW,EACT,2LAA2L;YAC7L,WAAW,EAAE,aAAa;YAC1B,QAAQ,EAAE,uBAAuB;SAClC;KACF;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;YACjB,WAAW,EACT,qLAAqL;YACvL,WAAW,EAAE,aAAa;YAC1B,QAAQ,EAAE,uBAAuB;SAClC;KACF;IACD;QACE,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,cAAc;YACrB,eAAe,EAAE,MAAM;YACvB,IAAI,EAAE,CAAC,cAAc,CAAC;SACvB;KACF;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,WAAW;YAClB,eAAe,EAAE,qBAAqB;YACtC,IAAI,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC;SACrC;KACF;IACD;QACE,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,aAAa;YACpB,eAAe,EAAE,qBAAqB;YACtC,IAAI,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC;SACvC;KACF;IACD;QACE,EAAE,EAAE,MAAM;QACV,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,qBAAqB;YACtC,IAAI,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC;SAChC;KACF;IACD;QACE,EAAE,EAAE,eAAe;QACnB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,gBAAgB;YACvB,eAAe,EAAE,kCAAkC;YACnD,IAAI,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,gBAAgB,CAAC;SACzD;KACF;IACD;QACE,EAAE,EAAE,oBAAoB;QACxB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,qBAAqB;YAC5B,eAAe,EAAE,kCAAkC;YACnD,IAAI,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,qBAAqB,CAAC;SAC9D;KACF;IACD;QACE,EAAE,EAAE,gBAAgB;QACpB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,iBAAiB;YACxB,eAAe,EAAE,kCAAkC;YACnD,IAAI,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,iBAAiB,CAAC;SAC1D;KACF;IACD;QACE,EAAE,EAAE,gBAAgB;QACpB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,iBAAiB;YACxB,eAAe,EAAE,kCAAkC;YACnD,IAAI,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,iBAAiB,CAAC;SAC1D;KACF;IACD;QACE,EAAE,EAAE,iBAAiB;QACrB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,SAAS,CAAC;SAC9C;KACF;IACD;QACE,EAAE,EAAE,oBAAoB;QACxB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,aAAa;YACpB,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,aAAa,CAAC;SAClD;KACF;IACD;QACE,EAAE,EAAE,mBAAmB;QACvB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,YAAY;YACnB,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC;SACjD;KACF;IACD;QACE,EAAE,EAAE,mBAAmB;QACvB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,WAAW;YAClB,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,WAAW,CAAC;SAChD;KACF;IACD;QACE,EAAE,EAAE,cAAc;QAClB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,MAAM,CAAC;SAC3C;KACF;IAED;QACE,EAAE,EAAE,gBAAgB;QACpB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,QAAQ;YACf,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,QAAQ,CAAC;SAC7C;KACF;IACD;QACE,EAAE,EAAE,oBAAoB;QACxB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,aAAa;YACpB,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,aAAa,CAAC;SAClD;KACF;IACD;QACE,EAAE,EAAE,kBAAkB;QACtB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,mBAAmB;YAC1B,eAAe,EAAE,+BAA+B;YAChD,IAAI,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,mBAAmB,CAAC;SACzD;KACF;IACD;QACE,EAAE,EAAE,cAAc;QAClB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,eAAe;YACtB,eAAe,EAAE,+BAA+B;YAChD,IAAI,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,eAAe,CAAC;SACrD;KACF;IACD;QACE,EAAE,EAAE,gBAAgB;QACpB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,iBAAiB;YACxB,eAAe,EAAE,+BAA+B;YAChD,IAAI,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,iBAAiB,CAAC;SACvD;KACF;IACD;QACE,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,cAAc;YACrB,eAAe,EAAE,+BAA+B;YAChD,IAAI,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,cAAc,CAAC;SACpD;KACF;IACD;QACE,EAAE,EAAE,cAAc;QAClB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,yBAAyB;YAChC,eAAe,EAAE,+CAA+C;YAChE,IAAI,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,yBAAyB,CAAC;SACjF;KACF;IACD;QACE,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,cAAc;YACrB,eAAe,EAAE,MAAM;YACvB,IAAI,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC;SACxC;KACF;IACD;QACE,EAAE,EAAE,eAAe;QACnB,IAAI,EAAE;YACJ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,gBAAgB;YACvB,eAAe,EAAE,MAAM;YACvB,IAAI,EAAE,CAAC,eAAe,EAAE,gBAAgB,CAAC;SAC1C;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,EACvD,WAAW,EACX,eAAe,EACM,EAAE,EAAE;IACzB,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,OAAO,CAAC,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC,EAC/C,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,IAAI,EAAE;YACJ,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACrC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBACtB,OAAO;oBACL,EAAE;oBACF,IAAI;oBACJ,OAAO,EAAE,CACP,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,YACxB,OAAO,EAAE,UAAU,GACf,CACR;iBACF,CAAC;YACJ,CAAC,CAAC;YACF,IAAI,EAAE,YAAY;SACnB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA+B,CAAC,EAC3D,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACe,EAAE,EAAE;IAC3B,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE;YACL,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,sBAAsB;SAC5B,EACD,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,WAAW;gBAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;aAClB;SACF,EACD,IAAI,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,EAAE,EACxC,OAAO,EAAE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,GACpC,CACH,CAAC;AACJ,CAAC,CAAC","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"]}
+{"version":3,"file":"AppShell.mocks.js","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/lib/build/AppShell/AppShell.stories.d.ts.map

@@ -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"}
+{"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/lib/build/AppShell/AppShell.stories.js

@@ -3,7 +3,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,
@@ -90,7 +90,7 @@ export const AppShellDemo = (args) => {
                     version: '1.0.0'
                 }
                 : undefined,
-            avatar: { name: 'Cindy Turner' },
+            operator: operatorData,
             branch: args.showBranch
                 ? {
                     text: args.text,

package/lib/build/AppShell/AppShell.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.stories.js","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"]}
+{"version":3,"file":"AppShell.stories.js","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/lib/core/Checkbox/Checkbox.stories.d.ts.map

@@ -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"}
+{"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/lib/core/Checkbox/Checkbox.stories.js

@@ -6,6 +6,7 @@ export default {
     excludeStories: ['ConfigurableCheckbox'],
     args: {
         status: undefined,
+        info: 'You must check this',
         label: 'Check me, please',
         required: false,
         disabled: false,
@@ -15,6 +16,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' } },
@@ -29,7 +31,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 (_jsx(Checkbox, { additionalInfo: args.showAdditionalInfo

package/lib/core/Checkbox/Checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.js","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"]}
+{"version":3,"file":"Checkbox.stories.js","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/lib/core/CheckboxGroup/CheckboxGroup.stories.d.ts.map

@@ -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"}
+{"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/lib/core/CheckboxGroup/CheckboxGroup.stories.js

@@ -11,7 +11,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' } },
@@ -20,7 +22,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) => {
@@ -29,7 +32,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, children: [_jsx(Checkbox, { additionalInfo: {
+            : 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, children: [_jsx(Checkbox, { additionalInfo: {
                     heading: 'Additional Info',
                     content: 'Some additional info'
                 }, label: 'Banana', id: 'Banana', defaultChecked: true }), _jsx(Checkbox, { additionalInfo: {
@@ -46,7 +49,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, children: [_jsx(Checkbox, { label: 'Banana', id: 'Banana', defaultChecked: true }), _jsx(Checkbox, { label: 'Apple', id: 'Apple' }), _jsx(Checkbox, { label: 'Mango', id: 'Mango' }), _jsx(Checkbox, { label: 'Orange', id: 'Orange' })] }));
+            : 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, children: [_jsx(Checkbox, { label: 'Banana', id: 'Banana', defaultChecked: true }), _jsx(Checkbox, { label: 'Apple', id: 'Apple' }), _jsx(Checkbox, { label: 'Mango', id: 'Mango' }), _jsx(Checkbox, { label: 'Orange', id: 'Orange' })] }));
 };
 export const CheckboxCardGroup = (args) => {
     return (_jsxs(CheckboxGroup, { additionalInfo: args.showAdditionalInfo