npm - @pega/cosmos-react-demos - Versions diffs - 3.0.0-dev.4.2 → 3.0.0-dev.7.0 - Mend

@pega/cosmos-react-demos 3.0.0-dev.4.2 → 3.0.0-dev.7.0

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

Files changed (445) hide show

package/lib/work/CaseView/CaseView.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CaseView.stories.js","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, ReactElement, useMemo } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta } from '@storybook/react';\n\nimport {\n Icon,\n registerIcon,\n Status,\n Link,\n Grid,\n MenuItemProps,\n useBreakpoint\n} from '@pega/cosmos-react-core';\nimport { TokenMap } from '@pega/cosmos-react-rte';\nimport * as userSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/user-solid.icon';\nimport {\n CaseView,\n CaseViewProps,\n CasePreview,\n CaseHeaderProps,\n CaseSummaryFields,\n CaseSummaryFieldsProps\n} from '@pega/cosmos-react-work';\n\nimport { TasksDemo } from '../Tasks/Tasks.stories';\nimport { AppShellDemo } from '../../core/AppShell/AppShell.stories';\nimport { TableDemo } from '../../core/Table/Table.stories';\nimport { StandardChat } from '../../social/Chat/Chat.stories';\nimport { TagsDemo } from '../Tags/Tags.stories';\nimport { StagesDemo } from '../Stages/Stages.stories';\nimport { StakeHoldersDemo } from '../Stakeholders/Stakeholders.stories';\n\nimport { Details } from './Details.mocks';\nimport { PulseMock } from './Pulse.mocks';\nimport { AttachmentsMock } from './Attachments.mocks';\nimport { getTabs, MockOperatorFieldValue, MockSummaryList } from './CaseView.mocks';\n\nregisterIcon(userSolidIcon);\n\nexport default {\n title: 'Work/CaseView',\n component: CaseView,\n includeStories: ['CaseViewDemo', 'CaseViewWithAppShell', 'CaseViewWithChat'],\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport interface CaseViewStoryProps {\n banners?: CaseViewProps['banners'];\n persistentUtility?: CaseViewProps['persistentUtility'];\n caseId?: string;\n heading?: string;\n icon?: ReactElement;\n parentCases?: MenuItemProps[];\n primaryFields?: CaseSummaryFieldsProps['primaryFields'];\n secondaryFields?: CaseSummaryFieldsProps['secondaryFields'];\n actions?: CaseHeaderProps['actions'];\n tabs?: any;\n tasksWidget?: ReactElement;\n stages?: boolean;\n showUtilities?: boolean;\n showFollowedIcon?: boolean;\n defaultCollapsedUtilities?: boolean;\n}\n\n/\n _____ _ _ _\n/ __ \\ \| \| \| (_)\n\| / \\/ __ _ ___ ___ \| \| \| \|_ _____ __\n\| \| / _` / __\|/ _ \\\| \| \| \| \|/ _ \\ \\ /\\ / /\n\| \\__/\\ (_\| \\__ \\ __/\\ \\_/ / \| __/\\ V V /\n \\____/\\__,_\|___/\\___\| \\___/\|_\|\\___\| \\_/\\_/\n /\nexport const CaseViewDemo = ({\n banners,\n persistentUtility,\n caseId = 'C-456',\n parentCases,\n heading = 'Cosmos demo case',\n icon = <Icon name='user-solid' />,\n tasksWidget = <TasksDemo />,\n primaryFields,\n secondaryFields,\n actions,\n tabs,\n stages = true,\n showUtilities = true,\n defaultCollapsedUtilities = false,\n showFollowedIcon = true\n}: CaseViewStoryProps) => {\n const previewTabItems = getTabs();\n const [preview, setPreview] = useState<null \| { id: string; name: string }>(null);\n const [previewCurrentTabId, setPreviewCurrentTabId] = useState(previewTabItems[0].id);\n const [followed, setFollowed] = useState(false);\n\n const isMediumOrAbove = useBreakpoint('md');\n\n const PreviewLinkComponent = ({ token: linkToken }: { token: TokenMap['link'] }) => {\n return (\n <Link\n href={linkToken.href}\n previewable\n onPreview={() => {\n setPreview({ id: linkToken.href, name: 'Previewable Case' });\n setPreviewCurrentTabId(`summary-${linkToken.href}`);\n }}\n >\n {linkToken.text}\n </Link>\n );\n };\n\n const pulseMarkdownMap = {\n link: (linkToken: TokenMap['link']) => {\n if (linkToken.href?.startsWith('C-')) return PreviewLinkComponent;\n }\n };\n\n const demoTabItems = tabs \|\| getTabs();\n\n const [demoCurrentTabId, setDemoCurrentTabId] = useState(\n isMediumOrAbove ? demoTabItems[0].id : `summary-${caseId}`\n );\n\n const demoTabs = {\n items: demoTabItems,\n currentTabId: demoCurrentTabId,\n onClick: (id: string) => setDemoCurrentTabId(id)\n };\n\n const demoStages = stages ? <StagesDemo currentStage={3} numberOfStages={5} /> : undefined;\n\n const demoTabContent = useMemo(() => {\n return [\n {\n id: 'Details',\n content: <Details />\n },\n {\n id: 'Pulse',\n content: <PulseMock markdownMap={pulseMarkdownMap} />\n },\n {\n id: 'Accounts',\n content: <TableDemo />\n },\n {\n id: 'not found',\n content: <h2>Not Found</h2>\n }\n ];\n }, []);\n\n const previewTabs = {\n items: previewTabItems,\n currentTabId: previewCurrentTabId,\n onClick: (id: string) => setPreviewCurrentTabId(id)\n };\n\n const previewTabContent = useMemo(() => {\n return [\n {\n id: 'Details',\n content: <Details />\n },\n {\n id: 'Pulse',\n content: <PulseMock markdownMap={pulseMarkdownMap} />\n },\n {\n id: 'Accounts',\n content: <TableDemo />\n },\n {\n id: 'not found',\n content: <h2>Not Found</h2>\n }\n ];\n }, []);\n\n const demoPrimaryFields =\n primaryFields \|\|\n [\n {\n name: 'Member ID',\n value: 'M205435569FD'\n },\n {\n name: 'Priority',\n value: '95'\n }\n ].map((f, i) => ({ ...f, id: `p-${i}` }));\n\n const createDate = new Date(2016, 1, 8);\n const msInYear = 1000 * 60 * 60 * 24 * 365;\n const diffInYears = Math.floor((Date.now() - createDate.getTime()) / msInYear);\n\n const demoSecondaryFields =\n secondaryFields \|\|\n [\n {\n name: 'Status',\n value: <Status variant='info'>New</Status>\n },\n {\n name: 'Assigned to',\n value: 'Dean Thomas'\n },\n {\n name: 'Create date',\n value: createDate.toDateString()\n },\n {\n name: 'Update date',\n value: `${diffInYears} years ago`\n },\n {\n name: 'Created by',\n value: <MockOperatorFieldValue />\n },\n {\n name: 'Previewable Case',\n value: (\n <Link\n href='/cases/C-789'\n previewable\n onPreview={() => {\n setPreview({ id: 'C-789', name: 'Previewable Case' });\n setPreviewCurrentTabId('summary-C-789');\n }}\n >\n Previewable Case - C-789\n </Link>\n )\n }\n ].map((f, i) => ({ ...f, id: `s-${i}` }));\n\n const demoParentCases = useMemo(() => {\n if (parentCases) {\n return parentCases.map(parentCase => {\n return {\n ...parentCase,\n onPreview: () => {\n setPreview({ id: parentCase.id, name: parentCase.primary });\n setPreviewCurrentTabId(`summary-${parentCase.id}`);\n }\n };\n });\n }\n\n const ids = new Set([caseId]);\n\n return Array.from({ length: 5 }, (_, i) => {\n let id: string;\n // Ensure parent ids are unique.\n do {\n id = `C-${Math.floor(Math.random() * 200 + 100)}`;\n } while (ids.has(id));\n ids.add(id);\n\n const name = `Parent ${5 - i}`;\n\n return {\n id,\n primary: `${name} - ${id}`,\n href: `/cases/${id}`,\n previewable: true,\n onPreview: () => {\n setPreview({ id, name });\n setPreviewCurrentTabId(`summary-${id}`);\n }\n };\n });\n }, [caseId, parentCases]);\n\n return (\n <>\n <CasePreview\n open={!!preview}\n caseId={preview?.id ?? ''}\n parentCases={[...demoParentCases]\n .splice(\n 0,\n demoParentCases.findIndex(c => c.id === preview?.id)\n )\n .map(c => {\n return { ...c, id: `preview-${c.id}` };\n })}\n heading={preview?.name ?? ''}\n caseLink={{ href: `/cases/${preview?.id}`, target: '_blank' }}\n icon={icon}\n followed={showFollowedIcon ? !followed : undefined}\n onEdit={action('Case Preview Edit was clicked')}\n actions={\n actions \|\|\n Array.from({ length: 12 }, (_, i) => {\n return {\n text: `Action ${i + 1}`,\n id: `${i + 1}`,\n onClick: action(`Clicked Option Number ${i + 1}`)\n };\n })\n }\n summary={\n <CaseSummaryFields\n primaryFields={[\n {\n name: 'Member ID',\n value: 'M204859F438G'\n },\n {\n name: 'Priority',\n value: '95'\n }\n ].map((f, i) => ({ ...f, id: `p-${i}` }))}\n secondaryFields={[\n {\n name: 'Status',\n value: <Status variant='info'>New</Status>\n },\n {\n name: 'Assigned to',\n value: 'Dean Thomas'\n },\n {\n name: 'Create date',\n value: createDate.toDateString()\n },\n {\n name: 'Update date',\n value: `${diffInYears} years ago`\n }\n ].map((f, i) => ({ ...f, id: `s-${i}` }))}\n />\n }\n stages={demoStages}\n tasks={tasksWidget}\n tabs={previewTabs}\n tabContent={previewTabContent}\n utilities={\n showUtilities ? (\n <Grid container={{ rowGap: 2 }}>\n <AttachmentsMock />\n <StakeHoldersDemo />\n <MockSummaryList icon='user-star' name='Followers' />\n <TagsDemo />\n </Grid>\n ) : (\n <Grid container={{ rowGap: 2 }}>\n <AttachmentsMock />\n </Grid>\n )\n }\n onBeforeClose={() => {\n // TODO: Maybe should handle syncing state to avoid additional render with duplicate prop value\n if (preview) {\n setPreview(null);\n }\n }}\n />\n <CaseView\n caseId={caseId}\n parentCases={demoParentCases}\n heading={heading}\n icon={icon}\n followed={showFollowedIcon ? followed : undefined}\n onFollowedChange={showFollowedIcon ? setFollowed : undefined}\n actions={\n actions \|\|\n Array.from({ length: 12 }, (_, i) => {\n return {\n text: `Action ${i + 1}`,\n id: `${i + 1}`,\n onClick: action(`Clicked Option Number ${i + 1}`)\n };\n })\n }\n onEdit={action('Case View Edit was clicked')}\n summary={\n <CaseSummaryFields\n primaryFields={demoPrimaryFields}\n secondaryFields={demoSecondaryFields}\n />\n }\n tabs={demoTabs}\n banners={banners}\n persistentUtility={persistentUtility}\n stages={demoStages}\n tasks={tasksWidget}\n tabContent={demoTabContent}\n defaultCollapsedUtilities={defaultCollapsedUtilities}\n utilities={\n showUtilities ? (\n <>\n <AttachmentsMock />\n <StakeHoldersDemo />\n <MockSummaryList icon='user-star' name='Followers' />\n <TagsDemo />\n </>\n ) : (\n <AttachmentsMock />\n )\n }\n utilitiesSummaryItems={\n showUtilities\n ? [\n { iconName: 'paper-clip', count: 4 },\n { iconName: 'user-search-solid', count: 10 },\n { iconName: 'user-star-solid', count: 5 },\n { iconName: 'tag', count: 10 }\n ]\n : [{ iconName: 'paper-clip', count: 4 }]\n }\n />\n </>\n );\n};\n\n/\n _____ _ _ _ ___ _____ _ _ _\n/ __ \\ \| \| \| (_) / _ \\ / ___\| \| \| \| \|\n\| / \\/ __ _ ___ ___ \| \| \| \|_ _____ ________/ /_\\ \\_ __ _ __ \\ `--.\| \|__ ___\| \| \|\n\| \| / _` / __\|/ _ \\\| \| \| \| \|/ _ \\ \\ /\\ / /______\| _ \| '_ \\\| '_ \\ `--. \\ '_ \\ / _ \\ \| \|\n\| \\__/\\ (_\| \\__ \\ __/\\ \\_/ / \| __/\\ V V / \| \| \| \| \|_) \| \|_) /\\__/ / \| \| \| __/ \| \|\n \\____/\\__,_\|___/\\___\| \\___/\|_\|\\___\| \\_/\\_/ \\_\| \|_/ .__/\| .__/\\____/\|_\| \|_\|\\___\|_\|_\|\n \| \| \| \|\n \|_\| \|_\|\n /\nexport const CaseViewWithAppShell = (props: CaseViewStoryProps) => {\n return <AppShellDemo appHeader main={<CaseViewDemo {...props} />} />;\n};\n\n/\n _____ _ _ _ _____ _ _\n/ __ \\ \| \| \| (_) / __ \\ \| \| \|\n\| / \\/ __ _ ___ ___ \| \| \| \|_ _____ ________\| / \\/ \|__ __ _\| \|_\n\| \| / _` / __\|/ _ \\\| \| \| \| \|/ _ \\ \\ /\\ / /______\| \| \| '_ \\ / _` \| __\|\n\| \\__/\\ (_\| \\__ \\ __/\\ \\_/ / \| __/\\ V V / \| \\__/\\ \| \| \| (_\| \| \|_\n \\____/\\__,_\|___/\\___\| \\___/\|_\|\\___\| \\_/\\_/ \\____/_\| \|_\|\\__,_\|\\__\|\n /\nCaseViewWithAppShell.parameters = {\n eyes: {\n runBefore: () => {\n document\n .querySelector<HTMLButtonElement>(\n // Find the case actions menu.\n '[aria-label=\"Actions\"]'\n )\n ?.click();\n }\n }\n};\n\nexport const CaseViewWithChat = (props: CaseViewStoryProps) => {\n return (\n <AppShellDemo\n appHeader\n main={\n <CaseViewDemo\n persistentUtility={{ content: <StandardChat chatWidth='100%' />, title: 'Chat' }}\n {...props}\n />\n }\n />\n );\n};\n"]}
1	+ {"version":3,"file":"CaseView.stories.js","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, ReactElement, useMemo } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta } from '@storybook/react';\n\nimport {\n Icon,\n registerIcon,\n Status,\n Link,\n Grid,\n MenuItemProps,\n useBreakpoint\n} from '@pega/cosmos-react-core';\nimport { TokenMap } from '@pega/cosmos-react-rte';\nimport * as userSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/user-solid.icon';\nimport {\n CaseView,\n CaseViewProps,\n CasePreview,\n CaseHeaderProps,\n CaseSummaryFields,\n CaseSummaryFieldsProps\n} from '@pega/cosmos-react-work';\n\nimport { TasksDemo } from '../Tasks/Tasks.stories';\nimport { AppShellDemo } from '../../core/AppShell/AppShell.stories';\nimport { TableDemo } from '../../core/Table/Table.stories';\nimport { StandardChat } from '../../social/Chat/Chat.stories';\nimport { TagsDemo } from '../Tags/Tags.stories';\nimport { StagesDemo } from '../Stages/Stages.stories';\nimport { StakeHoldersDemo } from '../Stakeholders/Stakeholders.stories';\n\nimport { Details } from './Details.mocks';\nimport { PulseMock } from './Pulse.mocks';\nimport { AttachmentsMock } from './Attachments.mocks';\nimport { getTabs, MockOperatorFieldValue, MockSummaryList } from './CaseView.mocks';\n\nregisterIcon(userSolidIcon);\n\nexport default {\n title: 'Work/CaseView',\n component: CaseView,\n includeStories: ['CaseViewDemo', 'CaseViewWithAppShell', 'CaseViewWithChat'],\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport interface CaseViewStoryProps {\n banners?: CaseViewProps['banners'];\n persistentUtility?: CaseViewProps['persistentUtility'];\n caseId?: string;\n heading?: string;\n icon?: ReactElement;\n parentCases?: MenuItemProps[];\n primaryFields?: CaseSummaryFieldsProps['primaryFields'];\n secondaryFields?: CaseSummaryFieldsProps['secondaryFields'];\n actions?: CaseHeaderProps['actions'];\n tabs?: any;\n tasksWidget?: ReactElement;\n stages?: boolean;\n showUtilities?: boolean;\n showFollowedIcon?: boolean;\n defaultCollapsedUtilities?: boolean;\n}\n\n/\n _____ _ _ _\n/ __ \\ \| \| \| (_)\n\| / \\/ __ _ ___ ___ \| \| \| \|_ _____ __\n\| \| / _` / __\|/ _ \\\| \| \| \| \|/ _ \\ \\ /\\ / /\n\| \\__/\\ (_\| \\__ \\ __/\\ \\_/ / \| __/\\ V V /\n \\____/\\__,_\|___/\\___\| \\___/\|_\|\\___\| \\_/\\_/\n /\nexport const CaseViewDemo = ({\n banners,\n persistentUtility,\n caseId = 'C-456',\n parentCases,\n heading = 'Cosmos demo case',\n icon = <Icon name='user-solid' />,\n tasksWidget = <TasksDemo />,\n primaryFields,\n secondaryFields,\n actions,\n tabs,\n stages = true,\n showUtilities = true,\n defaultCollapsedUtilities = false,\n showFollowedIcon = true\n}: CaseViewStoryProps) => {\n const previewTabItems = getTabs();\n const [preview, setPreview] = useState<null \| { id: string; name: string }>(null);\n const [previewCurrentTabId, setPreviewCurrentTabId] = useState(previewTabItems[0].id);\n const [followed, setFollowed] = useState(false);\n\n const isMediumOrAbove = useBreakpoint('md');\n\n const PreviewLinkComponent = ({ token: linkToken }: { token: TokenMap['link'] }) => {\n return (\n <Link\n href={linkToken.href}\n previewable\n onPreview={() => {\n setPreview({ id: linkToken.href, name: 'Previewable Case' });\n setPreviewCurrentTabId(`summary-${linkToken.href}`);\n }}\n >\n {linkToken.text}\n </Link>\n );\n };\n\n const pulseMarkdownMap = {\n link: (linkToken: TokenMap['link']) => {\n if (linkToken.href?.startsWith('C-')) return PreviewLinkComponent;\n }\n };\n\n const demoTabItems = tabs \|\| getTabs();\n\n const [demoCurrentTabId, setDemoCurrentTabId] = useState(\n isMediumOrAbove ? demoTabItems[0].id : `summary-${caseId}`\n );\n\n const demoTabs = {\n items: demoTabItems,\n currentTabId: demoCurrentTabId,\n onClick: (id: string) => setDemoCurrentTabId(id)\n };\n\n const demoStages = stages ? <StagesDemo currentStage={3} numberOfStages={5} /> : undefined;\n\n const demoTabContent = useMemo(() => {\n return [\n {\n id: 'Details',\n content: <Details />\n },\n {\n id: 'Pulse',\n content: <PulseMock markdownMap={pulseMarkdownMap} />\n },\n {\n id: 'Accounts',\n content: <TableDemo />\n },\n {\n id: 'not found',\n content: <h2>Not Found</h2>\n }\n ];\n }, []);\n\n const previewTabs = {\n items: previewTabItems,\n currentTabId: previewCurrentTabId,\n onClick: (id: string) => setPreviewCurrentTabId(id)\n };\n\n const previewTabContent = useMemo(() => {\n return [\n {\n id: 'Details',\n content: <Details />\n },\n {\n id: 'Pulse',\n content: <PulseMock markdownMap={pulseMarkdownMap} />\n },\n {\n id: 'Accounts',\n content: <TableDemo />\n },\n {\n id: 'not found',\n content: <h2>Not Found</h2>\n }\n ];\n }, []);\n\n const demoPrimaryFields =\n primaryFields \|\|\n [\n {\n name: 'Member ID',\n value: 'M205435569FD'\n },\n {\n name: 'Priority',\n value: '95'\n }\n ].map((f, i) => ({ ...f, id: `p-${i}` }));\n\n const createDate = new Date(2016, 1, 8);\n const msInYear = 1000 * 60 * 60 * 24 * 365;\n const diffInYears = Math.floor((Date.now() - createDate.getTime()) / msInYear);\n\n const demoSecondaryFields =\n secondaryFields \|\|\n [\n {\n name: 'Status',\n value: <Status variant='info'>New</Status>\n },\n {\n name: 'Assigned to',\n value: 'Dean Thomas'\n },\n {\n name: 'Create date',\n value: createDate.toDateString()\n },\n {\n name: 'Update date',\n value: `${diffInYears} years ago`\n },\n {\n name: 'Created by',\n value: <MockOperatorFieldValue />\n },\n {\n name: 'Previewable Case',\n value: (\n <Link\n href='/cases/C-789'\n previewable\n onPreview={() => {\n setPreview({ id: 'C-789', name: 'Previewable Case' });\n setPreviewCurrentTabId('summary-C-789');\n }}\n >\n Previewable Case - C-789\n </Link>\n )\n }\n ].map((f, i) => ({ ...f, id: `s-${i}` }));\n\n const demoParentCases = useMemo(() => {\n if (parentCases) {\n return parentCases.map(parentCase => {\n return {\n ...parentCase,\n onPreview: () => {\n setPreview({ id: parentCase.id, name: parentCase.primary });\n setPreviewCurrentTabId(`summary-${parentCase.id}`);\n }\n };\n });\n }\n\n const ids = new Set([caseId]);\n\n return Array.from({ length: 5 }, (_, i) => {\n let id: string;\n // Ensure parent ids are unique.\n do {\n id = `C-${Math.floor(Math.random() * 200 + 100)}`;\n } while (ids.has(id));\n ids.add(id);\n\n const name = `Parent ${5 - i}`;\n\n return {\n id,\n primary: `${name} - ${id}`,\n href: `/cases/${id}`,\n previewable: true,\n onPreview: () => {\n setPreview({ id, name });\n setPreviewCurrentTabId(`summary-${id}`);\n }\n };\n });\n }, [caseId, parentCases]);\n\n return (\n <>\n <CasePreview\n open={!!preview}\n caseId={preview?.id ?? ''}\n parentCases={[...demoParentCases]\n .splice(\n 0,\n demoParentCases.findIndex(c => c.id === preview?.id)\n )\n .map(c => {\n return { ...c, id: `preview-${c.id}` };\n })}\n heading={preview?.name ?? ''}\n caseLink={{ href: `/cases/${preview?.id}`, target: '_blank' }}\n icon={icon}\n followed={showFollowedIcon ? !followed : undefined}\n onEdit={action('Case Preview Edit was clicked')}\n actions={\n actions \|\|\n Array.from({ length: 12 }, (_, i) => {\n return {\n text: `Action ${i + 1}`,\n id: `${i + 1}`,\n onClick: action(`Clicked Option Number ${i + 1}`)\n };\n })\n }\n summary={\n <CaseSummaryFields\n primaryFields={[\n {\n name: 'Member ID',\n value: 'M204859F438G'\n },\n {\n name: 'Priority',\n value: '95'\n }\n ].map((f, i) => ({ ...f, id: `p-${i}` }))}\n secondaryFields={[\n {\n name: 'Status',\n value: <Status variant='info'>New</Status>\n },\n {\n name: 'Assigned to',\n value: 'Dean Thomas'\n },\n {\n name: 'Create date',\n value: createDate.toDateString()\n },\n {\n name: 'Update date',\n value: `${diffInYears} years ago`\n }\n ].map((f, i) => ({ ...f, id: `s-${i}` }))}\n />\n }\n stages={demoStages}\n tasks={tasksWidget}\n tabs={previewTabs}\n tabContent={previewTabContent}\n utilities={\n showUtilities ? (\n <Grid container={{ rowGap: 2 }}>\n <AttachmentsMock />\n <StakeHoldersDemo />\n <MockSummaryList icon='user-star' name='Followers' />\n <TagsDemo />\n </Grid>\n ) : (\n <Grid container={{ rowGap: 2 }}>\n <AttachmentsMock />\n </Grid>\n )\n }\n onBeforeClose={() => {\n // TODO: Maybe should handle syncing state to avoid additional render with duplicate prop value\n if (preview) {\n setPreview(null);\n }\n }}\n />\n <CaseView\n caseId={caseId}\n parentCases={demoParentCases}\n heading={heading}\n icon={icon}\n followed={showFollowedIcon ? followed : undefined}\n onFollowedChange={showFollowedIcon ? setFollowed : undefined}\n actions={\n actions \|\|\n Array.from({ length: 12 }, (_, i) => {\n return {\n text: `Action ${i + 1}`,\n id: `${i + 1}`,\n onClick: action(`Clicked Option Number ${i + 1}`)\n };\n })\n }\n onEdit={action('Case View Edit was clicked')}\n summary={\n <CaseSummaryFields\n primaryFields={demoPrimaryFields}\n secondaryFields={demoSecondaryFields}\n />\n }\n tabs={demoTabs}\n banners={banners}\n persistentUtility={persistentUtility}\n stages={demoStages}\n tasks={tasksWidget}\n tabContent={demoTabContent}\n defaultCollapsedUtilities={defaultCollapsedUtilities}\n utilities={\n showUtilities ? (\n <>\n <AttachmentsMock />\n <StakeHoldersDemo />\n <MockSummaryList icon='user-star' name='Followers' />\n <TagsDemo />\n </>\n ) : (\n <AttachmentsMock />\n )\n }\n utilitiesSummaryItems={\n showUtilities\n ? [\n { iconName: 'paper-clip', count: 4 },\n { iconName: 'user-search-solid', count: 10 },\n { iconName: 'user-star-solid', count: 5 },\n { iconName: 'tag', count: 10 }\n ]\n : [{ iconName: 'paper-clip', count: 4 }]\n }\n />\n </>\n );\n};\n\n/\n _____ _ _ _ ___ _____ _ _ _\n/ __ \\ \| \| \| (_) / _ \\ / ___\| \| \| \| \|\n\| / \\/ __ _ ___ ___ \| \| \| \|_ _____ ________/ /_\\ \\_ __ _ __ \\ `--.\| \|__ ___\| \| \|\n\| \| / _` / __\|/ _ \\\| \| \| \| \|/ _ \\ \\ /\\ / /______\| _ \| '_ \\\| '_ \\ `--. \\ '_ \\ / _ \\ \| \|\n\| \\__/\\ (_\| \\__ \\ __/\\ \\_/ / \| __/\\ V V / \| \| \| \| \|_) \| \|_) /\\__/ / \| \| \| __/ \| \|\n \\____/\\__,_\|___/\\___\| \\___/\|_\|\\___\| \\_/\\_/ \\_\| \|_/ .__/\| .__/\\____/\|_\| \|_\|\\___\|_\|_\|\n \| \| \| \|\n \|_\| \|_\|\n /\nexport const CaseViewWithAppShell = (props: CaseViewStoryProps) => {\n return <AppShellDemo appHeader main={<CaseViewDemo {...props} />} />;\n};\n\n/\n _____ _ _ _ _____ _ _\n/ __ \\ \| \| \| (_) / __ \\ \| \| \|\n\| / \\/ __ _ ___ ___ \| \| \| \|_ _____ ________\| / \\/ \|__ __ _\| \|_\n\| \| / _` / __\|/ _ \\\| \| \| \| \|/ _ \\ \\ /\\ / /______\| \| \| '_ \\ / _` \| __\|\n\| \\__/\\ (_\| \\__ \\ __/\\ \\_/ / \| __/\\ V V / \| \\__/\\ \| \| \| (_\| \| \|_\n \\____/\\__,_\|___/\\___\| \\___/\|_\|\\___\| \\_/\\_/ \\____/_\| \|_\|\\__,_\|\\__\|\n /\nCaseViewWithAppShell.parameters = {\n eyes: {\n runBefore: () => {\n document\n .querySelector<HTMLButtonElement>(\n // Find the case actions menu.\n '[aria-label=\"Actions\"]'\n )\n ?.click();\n }\n }\n};\n\nexport const CaseViewWithChat = (props: CaseViewStoryProps) => {\n return (\n <AppShellDemo\n appHeader\n main={\n <CaseViewDemo\n persistentUtility={{ content: <StandardChat chatWidth='100%' />, title: 'Chat' }}\n {...props}\n />\n }\n />\n );\n};\n"]}

package/lib/work/CaseView/Details.mocks.js CHANGED Viewed

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, FieldGroup, Text, Flex, CardHeader } from '@pega/cosmos-react-core';
 import { DetailsDemo } from '../Details/Details.stories';
 export const Details = () => {
-    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Text, { variant: 'h2', children: "Details" }, void 0) }, void 0), _jsxs(Flex, { container: { direction: 'column', pad: [1, 2, 2], gap: 2 }, children: [_jsx(FieldGroup, { name: 'Description', children: _jsx(Text, { as: 'p', children: "This case is presented as a demonstration of the feature set and capabilities of the Cosmos design system and the case management UX. All of the data within this demo is mock data and it is not meant to represent any actual user data." }, void 0) }, void 0), _jsx(DetailsDemo, {}, void 0)] }, void 0)] }, void 0));
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Text, { variant: 'h2', children: "Details" }) }), _jsxs(Flex, { container: { direction: 'column', pad: [1, 2, 2], gap: 2 }, children: [_jsx(FieldGroup, { name: 'Description', children: _jsx(Text, { as: 'p', children: "This case is presented as a demonstration of the feature set and capabilities of the Cosmos design system and the case management UX. All of the data within this demo is mock data and it is not meant to represent any actual user data." }) }), _jsx(DetailsDemo, {})] })] }));
 };
 //# sourceMappingURL=Details.mocks.js.map

package/lib/work/CaseView/Details.mocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Details.mocks.js","sourceRoot":"","sources":["../../../src/work/CaseView/Details.mocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEnF,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,UAAU,cACT,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,~~gCAAe~~,~~WACtB~~,EAEb,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9D,KAAC,UAAU,IAAC,IAAI,EAAC,aAAa,YAC5B,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,~~mQAIL~~,~~WACI~~,EACb,KAAC,WAAW,~~aAAG~~,~~YACV~~,~~YACF~~,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Card, FieldGroup, Text, Flex, CardHeader } from '@pega/cosmos-react-core';\n\nimport { DetailsDemo } from '../Details/Details.stories';\n\nexport const Details = () => {\n return (\n <Card>\n <CardHeader>\n <Text variant='h2'>Details</Text>\n </CardHeader>\n\n <Flex container={{ direction: 'column', pad: [1, 2, 2], gap: 2 }}>\n <FieldGroup name='Description'>\n <Text as='p'>\n This case is presented as a demonstration of the feature set and capabilities of the\n Cosmos design system and the case management UX. All of the data within this demo is\n mock data and it is not meant to represent any actual user data.\n </Text>\n </FieldGroup>\n <DetailsDemo />\n </Flex>\n </Card>\n );\n};\n"]}
1	+ {"version":3,"file":"Details.mocks.js","sourceRoot":"","sources":["../../../src/work/CaseView/Details.mocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEnF,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,UAAU,cACT,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,wBAAe,GACtB,EAEb,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9D,KAAC,UAAU,IAAC,IAAI,EAAC,aAAa,YAC5B,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,2PAIL,GACI,EACb,KAAC,WAAW,KAAG,IACV,IACF,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Card, FieldGroup, Text, Flex, CardHeader } from '@pega/cosmos-react-core';\n\nimport { DetailsDemo } from '../Details/Details.stories';\n\nexport const Details = () => {\n return (\n <Card>\n <CardHeader>\n <Text variant='h2'>Details</Text>\n </CardHeader>\n\n <Flex container={{ direction: 'column', pad: [1, 2, 2], gap: 2 }}>\n <FieldGroup name='Description'>\n <Text as='p'>\n This case is presented as a demonstration of the feature set and capabilities of the\n Cosmos design system and the case management UX. All of the data within this demo is\n mock data and it is not meant to represent any actual user data.\n </Text>\n </FieldGroup>\n <DetailsDemo />\n </Flex>\n </Card>\n );\n};\n"]}

package/lib/work/CaseView/FileService.mock.js CHANGED Viewed

@@ -156,7 +156,7 @@ const Provider = ({ children }) => {
         cancelFile,
         deleteFile
     }), [files, attachFile, cancelFile, deleteFile]);
-    return _jsx(FileServiceContext.Provider, { value: value, children: children }, void 0);
+    return _jsx(FileServiceContext.Provider, { value: value, children: children });
 };
 export default Provider;
 //# sourceMappingURL=FileService.mock.js.map

package/lib/work/CaseView/FileService.mock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileService.mock.js","sourceRoot":"","sources":["../../../src/work/CaseView/FileService.mock.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EAEb,QAAQ,EAER,WAAW,EACX,OAAO,EAGR,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,SAAS,EAET,mBAAmB,EACnB,mBAAmB,EACnB,OAAO,EACP,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAkCjC,gFAAgF;AAChF,qBAAqB;AACrB,gFAAgF;AAChF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAA0B;IACvE,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;CACrB,CAAC,CAAC;AAYH,gFAAgF;AAChF,oBAAoB;AACpB,gFAAgF;AAChF,MAAM,iBAAiB,GAAmC,EAAE,CAAC;AAE7D,gFAAgF;AAChF,WAAW;AACX,gFAAgF;AAChF,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAe,EAAE,EAAE;IAC1E,MAAM,GAAG,GAAG,IAAI,cAAc,EAAE,CAAC;IACjC,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;IAE1B,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;IAEjC,GAAG,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG,EAAE;QAC5B,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,GAAG,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;QAC9D,IAAI,gBAAgB,EAAE;YACpB,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC;IAEF,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,kDAAkD;IAClD,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,wCAAwC,CAAC,CAAC;IAC3D,GAAG,CAAC,gBAAgB,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC;IAC5D,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEb,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,sBAAsB;AACtB,MAAM,gBAAgB,GAAG,CAAC,CAAS,EAAE,EAAE;IACrC,MAAM,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC;IACrB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAoE;IAC7F,IAAI;IACJ,WAAW;IACX,OAAO;IACP,YAAY;IACZ,aAAa;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAA0C,EAAE;IACnF,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC;gBACN;oBACE,EAAE,EAAE,SAAS,EAAE;oBACf,IAAI,EAAE,UAAU;oBAChB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;oBAC3B,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;iBAChC;gBACD;oBACE,EAAE,EAAE,SAAS,EAAE;oBACf,IAAI,EAAE,UAAU;oBAChB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;oBAC3B,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;iBAChC;gBACD;oBACE,EAAE,EAAE,SAAS,EAAE;oBACf,IAAI,EAAE,UAAU;oBAChB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;oBAC3B,UAAU,EAAE,gBAAgB,CAAC,EAAE,CAAC;iBACjC;gBACD;oBACE,EAAE,EAAE,SAAS,EAAE;oBACf,IAAI,EAAE,WAAW;oBACjB,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,gBAAgB,CAAC,GAAG,CAAC;iBAClC;aACF,CAAC,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,gFAAgF;AAChF,WAAW;AACX,gFAAgF;AAChF,MAAM,QAAQ,GAA+C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmC,EAAE,CAAC,CAAC;IAEzE,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,IAAwB,EAAE,EAAE;QAC3B,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;YAAE,OAAO;QAE9C,MAAM,IAAI,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACvE,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,SAAS;YAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC;;YAC3E,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,qCAAqC;IACrC,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAA4B,EAAE,EAAE;QAC/B,IAAI,iBAAiB,CAAC,EAAE,CAAC,EAAE;YACzB,iBAAiB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;YAC9B,OAAO,iBAAiB,CAAC,EAAE,CAAC,CAAC;SAC9B;QACD,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,6DAA6D;IAC7D,MAAM,UAAU,GAAG,WAAW,CAC5B,KAAK,EAAE,EAA4B,EAAE,EAAE;QACrC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAA+B,CAAC;QACxE,KAAK,CAAC,0CAA0C,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACzF,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,IAAwB,EAAE,QAAiB,EAAE,EAAE;QAC9E,QAAQ,CAAC,OAAO,CAAC,EAAE,CACjB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACd,IAAI,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE;gBACnB,CAAwB,CAAC,QAAQ,GAAG,QAAQ,CAAC;aAC/C;YACD,OAAO,CAAC,CAAC;QACX,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,qBAAqB,CAAC,GAAG,EAAE;QACzB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,oGAAoG;YACpG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ;gBAAE,OAAO;YAExE,iFAAiF;YACjF,QAAQ,CAAC;gBACP,IAAI;gBACJ,WAAW,EAAE,WAAW;gBACxB,UAAU,EAAE,WAAW;gBACvB,MAAM,CAAC,UAAU;oBACf,OAAO,iBAAiB,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;oBAExC,QAAQ,CAAC,GAAG,CAAC,EAAE;wBACb,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;4BACjB,IAAI,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,EAAE;gCAC1B,OAAO;oCACL,GAAG,UAAU;oCACb,EAAE,EAAE,SAAS,EAAE;oCACf,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;iCACvB,CAAC;6BACH;4BAED,OAAO,CAAC,CAAC;wBACX,CAAC,CAAC,CAAC;oBACL,CAAC,CAAC,CAAC;gBACL,CAAC;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhC,MAAM,KAAK,GAA4B,OAAO,CAC5C,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,QAAQ;QACR,UAAU;QACV,UAAU;QACV,UAAU;KACX,CAAC,EACF,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAC5C,CAAC;IAEF,OAAO,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,WAA+B,CAAC;AAC7F,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import {\n createContext,\n ReactNode,\n useState,\n FunctionComponent,\n useCallback,\n useMemo,\n Dispatch,\n SetStateAction\n} from 'react';\n\nimport {\n createUID,\n FileUploadItemProps,\n getKindFromMimeType,\n getMimeTypeFromFile,\n hasProp,\n useAfterInitialEffect\n} from '@pega/cosmos-react-core';\n\n// -----------------------------------------------------------------------------\n// MockFileResourceObject\n// -----------------------------------------------------------------------------\nexport interface MockFileAttachmentResource {\n id: string;\n name: string;\n category: string;\n thumbnail?: string;\n createDate?: number;\n modifiedDate?: number;\n}\n\n// -----------------------------------------------------------------------------\n// MockFileSelectionObject\n// -----------------------------------------------------------------------------\nexport interface MockFileUploadItem\n extends Pick<MockFileAttachmentResource, 'id' \| 'category'>,\n FileUploadItemProps {\n File: File;\n}\n\n// -----------------------------------------------------------------------------\n// FileServiceContextValue\n// -----------------------------------------------------------------------------\nexport interface FileServiceContextValue {\n files: (MockFileAttachmentResource \| MockFileUploadItem)[];\n setFiles: Dispatch<SetStateAction<FileServiceContextValue['files']>>;\n attachFile: (file: MockFileUploadItem) => void;\n cancelFile: (id: MockFileAttachmentResource['id']) => void;\n deleteFile: (id: MockFileAttachmentResource['id']) => void;\n}\n\n// -----------------------------------------------------------------------------\n// FileServiceContext\n// -----------------------------------------------------------------------------\nexport const FileServiceContext = createContext<FileServiceContextValue>({\n files: [],\n setFiles: () => {},\n attachFile: () => {},\n cancelFile: () => {},\n deleteFile: () => {}\n});\n\n// -----------------------------------------------------------------------------\n// FilePostArg\n// -----------------------------------------------------------------------------\ninterface FilePostArg {\n file: MockFileUploadItem;\n onLoadStart: (file: MockFileUploadItem, progress: number) => void;\n onProgress: (file: MockFileUploadItem, progress: number) => void;\n onLoad: (file: MockFileUploadItem) => void;\n}\n\n// -----------------------------------------------------------------------------\n// uploadsInProgress\n// -----------------------------------------------------------------------------\nconst uploadsInProgress: Record<string, XMLHttpRequest> = {};\n\n// -----------------------------------------------------------------------------\n// postFile\n// -----------------------------------------------------------------------------\nconst postFile = ({ file, onLoadStart, onProgress, onLoad }: FilePostArg) => {\n const xhr = new XMLHttpRequest();\n const fd = new FormData();\n\n uploadsInProgress[file.id] = xhr;\n\n xhr.upload.onloadstart = () => {\n onLoadStart(file, 0);\n };\n\n xhr.upload.onprogress = ({ lengthComputable, loaded, total }) => {\n if (lengthComputable) {\n onProgress(file, (loaded / total) * 100);\n }\n };\n\n xhr.upload.onload = () => {\n onLoad(file);\n };\n\n // This is a mock api used to demo upload progress\n xhr.open('POST', 'http://cosmos.eng.pega.com/attachments');\n xhr.setRequestHeader('Content-Type', 'multipart/form-data');\n fd.append('attachments', file.File);\n xhr.send(fd);\n\n return xhr;\n};\n\n// Mock date generator\nconst getMockPriorDate = (h: number) => {\n const d = new Date();\n return d.setHours(d.getHours() - h);\n};\n\nexport const mockCategories: ('HR' \| 'Marketing' \| 'Sales' \| 'Accounting' \| 'Engineering')[] = [\n 'HR',\n 'Marketing',\n 'Sales',\n 'Accounting',\n 'Engineering'\n];\n\nexport const mockAttachmentListRequest = (): Promise<MockFileAttachmentResource[]> => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve([\n {\n id: createUID(),\n name: 'File.doc',\n category: mockCategories[0],\n createDate: getMockPriorDate(1)\n },\n {\n id: createUID(),\n name: 'File.ppt',\n category: mockCategories[1],\n createDate: getMockPriorDate(4)\n },\n {\n id: createUID(),\n name: 'File.xls',\n category: mockCategories[2],\n createDate: getMockPriorDate(30)\n },\n {\n id: createUID(),\n name: 'emptyFile',\n category: '',\n createDate: getMockPriorDate(144)\n }\n ]);\n }, 1000);\n });\n};\n\n// -----------------------------------------------------------------------------\n// Provider\n// -----------------------------------------------------------------------------\nconst Provider: FunctionComponent<{ children: ReactNode }> = ({ children }) => {\n const [files, setFiles] = useState<FileServiceContextValue['files']>([]);\n\n const attachFile = useCallback(\n (file: MockFileUploadItem) => {\n if (files.some(f => f.id === file.id)) return;\n\n const type = getKindFromMimeType(getMimeTypeFromFile(file.name) ?? '');\n if (type === 'image' && file.thumbnail) setFiles(current => [file, ...current]);\n else setFiles(current => [...current, file]);\n },\n [files]\n );\n\n // Remove a file from the state array\n const cancelFile = useCallback(\n (id: MockFileUploadItem['id']) => {\n if (uploadsInProgress[id]) {\n uploadsInProgress[id].abort();\n delete uploadsInProgress[id];\n }\n setFiles(current => current.filter(f => f.id !== id));\n },\n [uploadsInProgress]\n );\n\n // Mock an api request and remove a file from the state array\n const deleteFile = useCallback(\n async (id: MockFileUploadItem['id']) => {\n const file = files.find(f => f.id === id) as MockFileAttachmentResource;\n fetch(`http://cosmos.eng.pega.com/attachments/${file.id}`, { method: 'DELETE' }).then(() => {\n setFiles(current => current.filter(f => f.id !== file.id));\n });\n },\n [files]\n );\n\n const setProgress = useCallback((file: MockFileUploadItem, progress?: number) => {\n setFiles(current =>\n current.map(f => {\n if (file.id === f.id) {\n (f as MockFileUploadItem).progress = progress;\n }\n return f;\n })\n );\n }, []);\n\n useAfterInitialEffect(() => {\n files.forEach(file => {\n // Return if we have a mock attachment resource object or a File object that is currently uploading.\n if (!hasProp(file, 'File') \|\| typeof file.progress === 'number') return;\n\n // For each File in the array, not uploaded yet, make a POST to the mock service.\n postFile({\n file,\n onLoadStart: setProgress,\n onProgress: setProgress,\n onLoad(loadedFile) {\n delete uploadsInProgress[loadedFile.id];\n\n setFiles(cur => {\n return cur.map(f => {\n if (f.id === loadedFile.id) {\n return {\n ...loadedFile,\n id: createUID(),\n createDate: Date.now()\n };\n }\n\n return f;\n });\n });\n }\n });\n });\n }, [files.length, setProgress]);\n\n const value: FileServiceContextValue = useMemo(\n () => ({\n files,\n setFiles,\n attachFile,\n cancelFile,\n deleteFile\n }),\n [files, attachFile, cancelFile, deleteFile]\n );\n\n return <FileServiceContext.Provider value={value}>{children}</FileServiceContext.Provider>;\n};\n\nexport default Provider;\n"]}
1	+ {"version":3,"file":"FileService.mock.js","sourceRoot":"","sources":["../../../src/work/CaseView/FileService.mock.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n createContext,\n ReactNode,\n useState,\n FunctionComponent,\n useCallback,\n useMemo,\n Dispatch,\n SetStateAction\n} from 'react';\n\nimport {\n createUID,\n FileUploadItemProps,\n getKindFromMimeType,\n getMimeTypeFromFile,\n hasProp,\n useAfterInitialEffect\n} from '@pega/cosmos-react-core';\n\n// -----------------------------------------------------------------------------\n// MockFileResourceObject\n// -----------------------------------------------------------------------------\nexport interface MockFileAttachmentResource {\n id: string;\n name: string;\n category: string;\n thumbnail?: string;\n createDate?: number;\n modifiedDate?: number;\n}\n\n// -----------------------------------------------------------------------------\n// MockFileSelectionObject\n// -----------------------------------------------------------------------------\nexport interface MockFileUploadItem\n extends Pick<MockFileAttachmentResource, 'id' \| 'category'>,\n FileUploadItemProps {\n File: File;\n}\n\n// -----------------------------------------------------------------------------\n// FileServiceContextValue\n// -----------------------------------------------------------------------------\nexport interface FileServiceContextValue {\n files: (MockFileAttachmentResource \| MockFileUploadItem)[];\n setFiles: Dispatch<SetStateAction<FileServiceContextValue['files']>>;\n attachFile: (file: MockFileUploadItem) => void;\n cancelFile: (id: MockFileAttachmentResource['id']) => void;\n deleteFile: (id: MockFileAttachmentResource['id']) => void;\n}\n\n// -----------------------------------------------------------------------------\n// FileServiceContext\n// -----------------------------------------------------------------------------\nexport const FileServiceContext = createContext<FileServiceContextValue>({\n files: [],\n setFiles: () => {},\n attachFile: () => {},\n cancelFile: () => {},\n deleteFile: () => {}\n});\n\n// -----------------------------------------------------------------------------\n// FilePostArg\n// -----------------------------------------------------------------------------\ninterface FilePostArg {\n file: MockFileUploadItem;\n onLoadStart: (file: MockFileUploadItem, progress: number) => void;\n onProgress: (file: MockFileUploadItem, progress: number) => void;\n onLoad: (file: MockFileUploadItem) => void;\n}\n\n// -----------------------------------------------------------------------------\n// uploadsInProgress\n// -----------------------------------------------------------------------------\nconst uploadsInProgress: Record<string, XMLHttpRequest> = {};\n\n// -----------------------------------------------------------------------------\n// postFile\n// -----------------------------------------------------------------------------\nconst postFile = ({ file, onLoadStart, onProgress, onLoad }: FilePostArg) => {\n const xhr = new XMLHttpRequest();\n const fd = new FormData();\n\n uploadsInProgress[file.id] = xhr;\n\n xhr.upload.onloadstart = () => {\n onLoadStart(file, 0);\n };\n\n xhr.upload.onprogress = ({ lengthComputable, loaded, total }) => {\n if (lengthComputable) {\n onProgress(file, (loaded / total) * 100);\n }\n };\n\n xhr.upload.onload = () => {\n onLoad(file);\n };\n\n // This is a mock api used to demo upload progress\n xhr.open('POST', 'http://cosmos.eng.pega.com/attachments');\n xhr.setRequestHeader('Content-Type', 'multipart/form-data');\n fd.append('attachments', file.File);\n xhr.send(fd);\n\n return xhr;\n};\n\n// Mock date generator\nconst getMockPriorDate = (h: number) => {\n const d = new Date();\n return d.setHours(d.getHours() - h);\n};\n\nexport const mockCategories: ('HR' \| 'Marketing' \| 'Sales' \| 'Accounting' \| 'Engineering')[] = [\n 'HR',\n 'Marketing',\n 'Sales',\n 'Accounting',\n 'Engineering'\n];\n\nexport const mockAttachmentListRequest = (): Promise<MockFileAttachmentResource[]> => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve([\n {\n id: createUID(),\n name: 'File.doc',\n category: mockCategories[0],\n createDate: getMockPriorDate(1)\n },\n {\n id: createUID(),\n name: 'File.ppt',\n category: mockCategories[1],\n createDate: getMockPriorDate(4)\n },\n {\n id: createUID(),\n name: 'File.xls',\n category: mockCategories[2],\n createDate: getMockPriorDate(30)\n },\n {\n id: createUID(),\n name: 'emptyFile',\n category: '',\n createDate: getMockPriorDate(144)\n }\n ]);\n }, 1000);\n });\n};\n\n// -----------------------------------------------------------------------------\n// Provider\n// -----------------------------------------------------------------------------\nconst Provider: FunctionComponent<{ children: ReactNode }> = ({ children }) => {\n const [files, setFiles] = useState<FileServiceContextValue['files']>([]);\n\n const attachFile = useCallback(\n (file: MockFileUploadItem) => {\n if (files.some(f => f.id === file.id)) return;\n\n const type = getKindFromMimeType(getMimeTypeFromFile(file.name) ?? '');\n if (type === 'image' && file.thumbnail) setFiles(current => [file, ...current]);\n else setFiles(current => [...current, file]);\n },\n [files]\n );\n\n // Remove a file from the state array\n const cancelFile = useCallback(\n (id: MockFileUploadItem['id']) => {\n if (uploadsInProgress[id]) {\n uploadsInProgress[id].abort();\n delete uploadsInProgress[id];\n }\n setFiles(current => current.filter(f => f.id !== id));\n },\n [uploadsInProgress]\n );\n\n // Mock an api request and remove a file from the state array\n const deleteFile = useCallback(\n async (id: MockFileUploadItem['id']) => {\n const file = files.find(f => f.id === id) as MockFileAttachmentResource;\n fetch(`http://cosmos.eng.pega.com/attachments/${file.id}`, { method: 'DELETE' }).then(() => {\n setFiles(current => current.filter(f => f.id !== file.id));\n });\n },\n [files]\n );\n\n const setProgress = useCallback((file: MockFileUploadItem, progress?: number) => {\n setFiles(current =>\n current.map(f => {\n if (file.id === f.id) {\n (f as MockFileUploadItem).progress = progress;\n }\n return f;\n })\n );\n }, []);\n\n useAfterInitialEffect(() => {\n files.forEach(file => {\n // Return if we have a mock attachment resource object or a File object that is currently uploading.\n if (!hasProp(file, 'File') \|\| typeof file.progress === 'number') return;\n\n // For each File in the array, not uploaded yet, make a POST to the mock service.\n postFile({\n file,\n onLoadStart: setProgress,\n onProgress: setProgress,\n onLoad(loadedFile) {\n delete uploadsInProgress[loadedFile.id];\n\n setFiles(cur => {\n return cur.map(f => {\n if (f.id === loadedFile.id) {\n return {\n ...loadedFile,\n id: createUID(),\n createDate: Date.now()\n };\n }\n\n return f;\n });\n });\n }\n });\n });\n }, [files.length, setProgress]);\n\n const value: FileServiceContextValue = useMemo(\n () => ({\n files,\n setFiles,\n attachFile,\n cancelFile,\n deleteFile\n }),\n [files, attachFile, cancelFile, deleteFile]\n );\n\n return <FileServiceContext.Provider value={value}>{children}</FileServiceContext.Provider>;\n};\n\nexport default Provider;\n"]}

package/lib/work/CaseView/MobileCaseView.stories.js CHANGED Viewed

@@ -23,6 +23,6 @@ export const MobileCaseViewDemo = () => {
             tabs,
             onTabClick,
             currentTabId
-        }, tabContent: _jsx("div", { style: { padding: '2.5rem' }, children: tabContent }, void 0) }, void 0));
+        }, tabContent: _jsx("div", { style: { padding: '2.5rem' }, children: tabContent }) }));
 };
 //# sourceMappingURL=MobileCaseView.stories.js.map

package/lib/work/CaseView/MobileCaseView.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MobileCaseView.stories.js","sourceRoot":"","sources":["../../../src/work/CaseView/MobileCaseView.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QAClD,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QACvB,OAAO,EAAE,IAAI,EAAE,aAAa,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QAC5C,eAAe,CAAC,EAAE,CAAC,CAAC;QACpB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAE;YACJ,IAAI;YACJ,UAAU;YACV,YAAY;SACb,EACD,UAAU,EAAE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAG,UAAU,~~WAAO~~,~~WACjE~~,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useState, useCallback } from 'react';\nimport { Meta } from '@storybook/react';\n\nimport { MobileCaseView } from '@pega/cosmos-react-work';\n\nexport default {\n title: 'Work/CaseView/Mobile',\n component: MobileCaseView,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport const MobileCaseViewDemo = () => {\n const tabs = Array.from({ length: 2 }, (undef, i) => {\n const key = `${i + 1}`;\n return { name: `Hello tab ${key}`, id: key };\n });\n\n const [currentTabId, setCurrentTabId] = useState(tabs[0].id);\n const [tabContent, setTabContent] = useState(tabs[0].name);\n\n const onTabClick = useCallback((id: string) => {\n setCurrentTabId(id);\n setTabContent(tabs.find(tab => tab.id === id)?.name ?? '');\n }, []);\n\n return (\n <MobileCaseView\n title='Mobile Case View Story'\n tabs={{\n tabs,\n onTabClick,\n currentTabId\n }}\n tabContent={<div style={{ padding: '2.5rem' }}>{tabContent}</div>}\n />\n );\n};\n"]}
1	+ {"version":3,"file":"MobileCaseView.stories.js","sourceRoot":"","sources":["../../../src/work/CaseView/MobileCaseView.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QAClD,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QACvB,OAAO,EAAE,IAAI,EAAE,aAAa,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QAC5C,eAAe,CAAC,EAAE,CAAC,CAAC;QACpB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAE;YACJ,IAAI;YACJ,UAAU;YACV,YAAY;SACb,EACD,UAAU,EAAE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAG,UAAU,GAAO,GACjE,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useState, useCallback } from 'react';\nimport { Meta } from '@storybook/react';\n\nimport { MobileCaseView } from '@pega/cosmos-react-work';\n\nexport default {\n title: 'Work/CaseView/Mobile',\n component: MobileCaseView,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport const MobileCaseViewDemo = () => {\n const tabs = Array.from({ length: 2 }, (undef, i) => {\n const key = `${i + 1}`;\n return { name: `Hello tab ${key}`, id: key };\n });\n\n const [currentTabId, setCurrentTabId] = useState(tabs[0].id);\n const [tabContent, setTabContent] = useState(tabs[0].name);\n\n const onTabClick = useCallback((id: string) => {\n setCurrentTabId(id);\n setTabContent(tabs.find(tab => tab.id === id)?.name ?? '');\n }, []);\n\n return (\n <MobileCaseView\n title='Mobile Case View Story'\n tabs={{\n tabs,\n onTabClick,\n currentTabId\n }}\n tabContent={<div style={{ padding: '2.5rem' }}>{tabContent}</div>}\n />\n );\n};\n"]}

package/lib/work/CaseView/Pulse.mocks.js CHANGED Viewed

@@ -16,10 +16,10 @@ export const PulseMock = ({ markdownMap }) => {
     return (_jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [_jsx(Tabs, { tabs: [
                     { id: 'pulse', name: 'Pulse' },
                     { id: 'history', name: 'History' }
-                ], currentTabId: currentTab, onTabClick: setCurrentTab }, void 0), _jsxs(TabPanel, { tabId: currentTab, children: [currentTab === 'pulse' && _jsx(FeedDemo, { markdownMap: markdownMap }, void 0), currentTab === 'history' && (_jsx(Card, { children: _jsx(CardContent, { children: _jsx(Table, { title: 'History', data: historyData, columns: [
+                ], currentTabId: currentTab, onTabClick: setCurrentTab }), _jsxs(TabPanel, { tabId: currentTab, children: [currentTab === 'pulse' && _jsx(FeedDemo, { markdownMap: markdownMap }), currentTab === 'history' && (_jsx(Card, { children: _jsx(CardContent, { children: _jsx(Table, { title: 'History', data: historyData, columns: [
                                     { renderer: 'date', label: 'Date' },
                                     { renderer: 'description', label: 'Description' },
                                     { renderer: 'performedBy', label: 'Performed By' }
-                                ] }, void 0) }, void 0) }, void 0))] }, void 0)] }, void 0));
+                                ] }) }) }))] })] }));
 };
 //# sourceMappingURL=Pulse.mocks.js.map

package/lib/work/CaseView/Pulse.mocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pulse.mocks.js","sourceRoot":"","sources":["../../../src/work/CaseView/Pulse.mocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGzF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAEhC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,WAAW,EAA2B,EAAE,EAAE;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEtD,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAClC,OAAO;YACL,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,IAAI,IAAI,CACZ,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,QAAQ,GAAG,QAAQ,CACzE,CAAC,cAAc,EAAE;YAClB,WAAW,EAAE,gCAAgC,CAAC,GAAG,CAAC,EAAE;YACpD,WAAW,EAAE,iBAAiB;SAC/B,CAAC;IACJ,CAAC,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,KAAC,IAAI,IACH,IAAI,EAAE;oBACJ,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;oBAC9B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;iBACnC,EACD,YAAY,EAAE,UAAU,EACxB,UAAU,EAAE,aAAa,~~WACzB~~,EAEF,MAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,aACxB,UAAU,KAAK,OAAO,IAAI,KAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,~~WAAI~~,EAChE,UAAU,KAAK,SAAS,IAAI,CAC3B,KAAC,IAAI,cACH,KAAC,WAAW,cACV,KAAC,KAAK,IACJ,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE;oCACP,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;oCACnC,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;oCACjD,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;iCACnD,~~WACD~~,~~WACU~~,~~WACT~~,CACR,~~YACQ~~,~~YACN~~,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useMemo, useState } from 'react';\n\nimport { Tabs, TabPanel, Flex, Table, Card, CardContent } from '@pega/cosmos-react-core';\nimport { MDMap } from '@pega/cosmos-react-rte';\n\nimport { FeedDemo } from '../../social/Feed/Feed.stories';\n\nconst msInHour = 60 * 60 * 1000;\n\nexport const PulseMock = ({ markdownMap }: { markdownMap?: MDMap }) => {\n const [currentTab, setCurrentTab] = useState('pulse');\n\n const historyData = useMemo(\n () =>\n Array.from({ length: 37 }, (_, i) => {\n return {\n id: i,\n date: new Date(\n Date.now() - i * 24 * msInHour + Math.random() * 2 * msInHour - msInHour\n ).toLocaleString(),\n description: `Description for history item ${i + 1}`,\n performedBy: 'Cosmos Operator'\n };\n }),\n []\n );\n\n return (\n <Flex container={{ direction: 'column', gap: 2 }}>\n <Tabs\n tabs={[\n { id: 'pulse', name: 'Pulse' },\n { id: 'history', name: 'History' }\n ]}\n currentTabId={currentTab}\n onTabClick={setCurrentTab}\n />\n\n <TabPanel tabId={currentTab}>\n {currentTab === 'pulse' && <FeedDemo markdownMap={markdownMap} />}\n {currentTab === 'history' && (\n <Card>\n <CardContent>\n <Table\n title='History'\n data={historyData}\n columns={[\n { renderer: 'date', label: 'Date' },\n { renderer: 'description', label: 'Description' },\n { renderer: 'performedBy', label: 'Performed By' }\n ]}\n />\n </CardContent>\n </Card>\n )}\n </TabPanel>\n </Flex>\n );\n};\n"]}
1	+ {"version":3,"file":"Pulse.mocks.js","sourceRoot":"","sources":["../../../src/work/CaseView/Pulse.mocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGzF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAEhC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,WAAW,EAA2B,EAAE,EAAE;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEtD,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAClC,OAAO;YACL,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,IAAI,IAAI,CACZ,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,QAAQ,GAAG,QAAQ,CACzE,CAAC,cAAc,EAAE;YAClB,WAAW,EAAE,gCAAgC,CAAC,GAAG,CAAC,EAAE;YACpD,WAAW,EAAE,iBAAiB;SAC/B,CAAC;IACJ,CAAC,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,KAAC,IAAI,IACH,IAAI,EAAE;oBACJ,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;oBAC9B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;iBACnC,EACD,YAAY,EAAE,UAAU,EACxB,UAAU,EAAE,aAAa,GACzB,EAEF,MAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,aACxB,UAAU,KAAK,OAAO,IAAI,KAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,GAAI,EAChE,UAAU,KAAK,SAAS,IAAI,CAC3B,KAAC,IAAI,cACH,KAAC,WAAW,cACV,KAAC,KAAK,IACJ,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE;oCACP,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;oCACnC,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;oCACjD,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;iCACnD,GACD,GACU,GACT,CACR,IACQ,IACN,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useMemo, useState } from 'react';\n\nimport { Tabs, TabPanel, Flex, Table, Card, CardContent } from '@pega/cosmos-react-core';\nimport { MDMap } from '@pega/cosmos-react-rte';\n\nimport { FeedDemo } from '../../social/Feed/Feed.stories';\n\nconst msInHour = 60 * 60 * 1000;\n\nexport const PulseMock = ({ markdownMap }: { markdownMap?: MDMap }) => {\n const [currentTab, setCurrentTab] = useState('pulse');\n\n const historyData = useMemo(\n () =>\n Array.from({ length: 37 }, (_, i) => {\n return {\n id: i,\n date: new Date(\n Date.now() - i * 24 * msInHour + Math.random() * 2 * msInHour - msInHour\n ).toLocaleString(),\n description: `Description for history item ${i + 1}`,\n performedBy: 'Cosmos Operator'\n };\n }),\n []\n );\n\n return (\n <Flex container={{ direction: 'column', gap: 2 }}>\n <Tabs\n tabs={[\n { id: 'pulse', name: 'Pulse' },\n { id: 'history', name: 'History' }\n ]}\n currentTabId={currentTab}\n onTabClick={setCurrentTab}\n />\n\n <TabPanel tabId={currentTab}>\n {currentTab === 'pulse' && <FeedDemo markdownMap={markdownMap} />}\n {currentTab === 'history' && (\n <Card>\n <CardContent>\n <Table\n title='History'\n data={historyData}\n columns={[\n { renderer: 'date', label: 'Date' },\n { renderer: 'description', label: 'Description' },\n { renderer: 'performedBy', label: 'Performed By' }\n ]}\n />\n </CardContent>\n </Card>\n )}\n </TabPanel>\n </Flex>\n );\n};\n"]}

package/lib/work/ConfigurableLayout/ConfigurableLayout.mocks.js CHANGED Viewed

@@ -5,12 +5,12 @@ export const Placeholder = ({ text }) => {
     const props = {
         verticalPadding: Math.floor(Math.random() * (4 - 1 + 1)) + 1
     };
-    return (_jsx(Flex, { as: StyledPlaceholder, container: { direction: 'column', justify: 'center' }, ...props, children: _jsx("p", { children: text }, void 0) }, void 0));
+    return (_jsx(Flex, { as: StyledPlaceholder, container: { direction: 'column', justify: 'center' }, ...props, children: _jsx("p", { children: text }) }));
 };
 export const regionAItems = [
     {
         id: 'a0',
-        content: _jsx(Placeholder, { text: 'A0' }, void 0),
+        content: _jsx(Placeholder, { text: 'A0' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 150
@@ -18,7 +18,7 @@ export const regionAItems = [
     },
     {
         id: 'a1',
-        content: _jsx(Placeholder, { text: 'A1' }, void 0),
+        content: _jsx(Placeholder, { text: 'A1' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 150
@@ -26,7 +26,7 @@ export const regionAItems = [
     },
     {
         id: 'a2',
-        content: _jsx(Placeholder, { text: 'A2' }, void 0),
+        content: _jsx(Placeholder, { text: 'A2' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 150
@@ -34,7 +34,7 @@ export const regionAItems = [
     },
     {
         id: 'a3',
-        content: _jsx(Placeholder, { text: 'A3' }, void 0),
+        content: _jsx(Placeholder, { text: 'A3' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 150
@@ -42,14 +42,14 @@ export const regionAItems = [
     },
     {
         id: 'a4',
-        content: _jsx(Placeholder, { text: 'A4' }, void 0),
+        content: _jsx(Placeholder, { text: 'A4' }),
         layoutConfig: {
             width: '3/4'
         }
     },
     {
         id: 'a5',
-        content: _jsx(Placeholder, { text: 'A5' }, void 0),
+        content: _jsx(Placeholder, { text: 'A5' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 150
@@ -57,14 +57,14 @@ export const regionAItems = [
     },
     {
         id: 'a6',
-        content: _jsx(Placeholder, { text: 'A6' }, void 0),
+        content: _jsx(Placeholder, { text: 'A6' }),
         layoutConfig: {
             width: '1/3'
         }
     },
     {
         id: 'a7',
-        content: _jsx(Placeholder, { text: 'A7' }, void 0),
+        content: _jsx(Placeholder, { text: 'A7' }),
         layoutConfig: {
             width: '2/3'
         }
@@ -73,7 +73,7 @@ export const regionAItems = [
 export const regionBItems = [
     {
         id: 'b0',
-        content: _jsx(Placeholder, { text: 'B0' }, void 0),
+        content: _jsx(Placeholder, { text: 'B0' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 150
@@ -81,7 +81,7 @@ export const regionBItems = [
     },
     {
         id: 'b1',
-        content: _jsx(Placeholder, { text: 'B1' }, void 0),
+        content: _jsx(Placeholder, { text: 'B1' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 150
@@ -89,7 +89,7 @@ export const regionBItems = [
     },
     {
         id: 'b2',
-        content: _jsx(Placeholder, { text: 'B2' }, void 0),
+        content: _jsx(Placeholder, { text: 'B2' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 150
@@ -97,7 +97,7 @@ export const regionBItems = [
     },
     {
         id: 'b3',
-        content: _jsx(Placeholder, { text: 'B3' }, void 0),
+        content: _jsx(Placeholder, { text: 'B3' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 150
@@ -105,56 +105,56 @@ export const regionBItems = [
     },
     {
         id: 'b4',
-        content: _jsx(Placeholder, { text: 'B4' }, void 0),
+        content: _jsx(Placeholder, { text: 'B4' }),
         layoutConfig: {
             width: '1/2'
         }
     },
     {
         id: 'b5',
-        content: _jsx(Placeholder, { text: 'B5' }, void 0),
+        content: _jsx(Placeholder, { text: 'B5' }),
         layoutConfig: {
             width: '1/2'
         }
     },
     {
         id: 'b6',
-        content: _jsx(Placeholder, { text: 'B6' }, void 0),
+        content: _jsx(Placeholder, { text: 'B6' }),
         layoutConfig: {
             width: 'full'
         }
     },
     {
         id: 'b7',
-        content: _jsx(Placeholder, { text: 'B7' }, void 0),
+        content: _jsx(Placeholder, { text: 'B7' }),
         layoutConfig: {
             width: '1/3'
         }
     },
     {
         id: 'b8',
-        content: _jsx(Placeholder, { text: 'B8' }, void 0),
+        content: _jsx(Placeholder, { text: 'B8' }),
         layoutConfig: {
             width: '2/3'
         }
     },
     {
         id: 'b9',
-        content: _jsx(Placeholder, { text: 'B9' }, void 0),
+        content: _jsx(Placeholder, { text: 'B9' }),
         layoutConfig: {
             width: '3/4'
         }
     },
     {
         id: 'b10',
-        content: _jsx(Placeholder, { text: 'B10' }, void 0),
+        content: _jsx(Placeholder, { text: 'B10' }),
         layoutConfig: {
             width: '1/4'
         }
     },
     {
         id: 'b11',
-        content: _jsx(Placeholder, { text: 'B11' }, void 0),
+        content: _jsx(Placeholder, { text: 'B11' }),
         layoutConfig: {
             width: '1/4',
             minWidth: 330,

package/lib/work/ConfigurableLayout/ConfigurableLayout.mocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfigurableLayout.mocks.js","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.mocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG;QACZ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;KAC7D,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAM,KAAK,YAC3F,sBAAI,IAAI,~~WAAK~~,~~WACR~~,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;SACb;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;SACd;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,~~WAAG~~;QAClC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,KAAK,~~WAAG~~;QACnC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,KAAC,WAAW,IAAC,IAAI,EAAC,KAAK,~~WAAG~~;QACnC,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;YACb,aAAa,EAAE,KAAK;SACrB;KACF;CACF,CAAC","sourcesContent":["import { Flex } from '@pega/cosmos-react-core';\n\nimport { StyledPlaceholder } from './ConfigurableLayout.styles';\n\nexport const Placeholder = ({ text }: { text: string }) => {\n const props = {\n verticalPadding: Math.floor(Math.random() * (4 - 1 + 1)) + 1\n };\n\n return (\n <Flex as={StyledPlaceholder} container={{ direction: 'column', justify: 'center' }} {...props}>\n <p>{text}</p>\n </Flex>\n );\n};\n\nexport const regionAItems = [\n {\n id: 'a0',\n content: <Placeholder text='A0' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a1',\n content: <Placeholder text='A1' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a2',\n content: <Placeholder text='A2' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a3',\n content: <Placeholder text='A3' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a4',\n content: <Placeholder text='A4' />,\n layoutConfig: {\n width: '3/4'\n }\n },\n {\n id: 'a5',\n content: <Placeholder text='A5' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a6',\n content: <Placeholder text='A6' />,\n layoutConfig: {\n width: '1/3'\n }\n },\n {\n id: 'a7',\n content: <Placeholder text='A7' />,\n layoutConfig: {\n width: '2/3'\n }\n }\n];\n\nexport const regionBItems = [\n {\n id: 'b0',\n content: <Placeholder text='B0' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'b1',\n content: <Placeholder text='B1' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'b2',\n content: <Placeholder text='B2' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'b3',\n content: <Placeholder text='B3' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'b4',\n content: <Placeholder text='B4' />,\n layoutConfig: {\n width: '1/2'\n }\n },\n {\n id: 'b5',\n content: <Placeholder text='B5' />,\n layoutConfig: {\n width: '1/2'\n }\n },\n {\n id: 'b6',\n content: <Placeholder text='B6' />,\n layoutConfig: {\n width: 'full'\n }\n },\n {\n id: 'b7',\n content: <Placeholder text='B7' />,\n layoutConfig: {\n width: '1/3'\n }\n },\n {\n id: 'b8',\n content: <Placeholder text='B8' />,\n layoutConfig: {\n width: '2/3'\n }\n },\n {\n id: 'b9',\n content: <Placeholder text='B9' />,\n layoutConfig: {\n width: '3/4'\n }\n },\n {\n id: 'b10',\n content: <Placeholder text='B10' />,\n layoutConfig: {\n width: '1/4'\n }\n },\n {\n id: 'b11',\n content: <Placeholder text='B11' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 330,\n fillAvailable: false\n }\n }\n];\n"]}
1	+ {"version":3,"file":"ConfigurableLayout.mocks.js","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Flex } from '@pega/cosmos-react-core';\n\nimport { StyledPlaceholder } from './ConfigurableLayout.styles';\n\nexport const Placeholder = ({ text }: { text: string }) => {\n const props = {\n verticalPadding: Math.floor(Math.random() * (4 - 1 + 1)) + 1\n };\n\n return (\n <Flex as={StyledPlaceholder} container={{ direction: 'column', justify: 'center' }} {...props}>\n <p>{text}</p>\n </Flex>\n );\n};\n\nexport const regionAItems = [\n {\n id: 'a0',\n content: <Placeholder text='A0' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a1',\n content: <Placeholder text='A1' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a2',\n content: <Placeholder text='A2' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a3',\n content: <Placeholder text='A3' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a4',\n content: <Placeholder text='A4' />,\n layoutConfig: {\n width: '3/4'\n }\n },\n {\n id: 'a5',\n content: <Placeholder text='A5' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'a6',\n content: <Placeholder text='A6' />,\n layoutConfig: {\n width: '1/3'\n }\n },\n {\n id: 'a7',\n content: <Placeholder text='A7' />,\n layoutConfig: {\n width: '2/3'\n }\n }\n];\n\nexport const regionBItems = [\n {\n id: 'b0',\n content: <Placeholder text='B0' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'b1',\n content: <Placeholder text='B1' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'b2',\n content: <Placeholder text='B2' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'b3',\n content: <Placeholder text='B3' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 150\n }\n },\n {\n id: 'b4',\n content: <Placeholder text='B4' />,\n layoutConfig: {\n width: '1/2'\n }\n },\n {\n id: 'b5',\n content: <Placeholder text='B5' />,\n layoutConfig: {\n width: '1/2'\n }\n },\n {\n id: 'b6',\n content: <Placeholder text='B6' />,\n layoutConfig: {\n width: 'full'\n }\n },\n {\n id: 'b7',\n content: <Placeholder text='B7' />,\n layoutConfig: {\n width: '1/3'\n }\n },\n {\n id: 'b8',\n content: <Placeholder text='B8' />,\n layoutConfig: {\n width: '2/3'\n }\n },\n {\n id: 'b9',\n content: <Placeholder text='B9' />,\n layoutConfig: {\n width: '3/4'\n }\n },\n {\n id: 'b10',\n content: <Placeholder text='B10' />,\n layoutConfig: {\n width: '1/4'\n }\n },\n {\n id: 'b11',\n content: <Placeholder text='B11' />,\n layoutConfig: {\n width: '1/4',\n minWidth: 330,\n fillAvailable: false\n }\n }\n];\n"]}

package/lib/work/ConfigurableLayout/ConfigurableLayout.stories.js CHANGED Viewed

@@ -16,9 +16,9 @@ export const ConfigurableLayoutInPageRegions = () => {
     return (_jsx(AppShell, { main: _jsx(NarrowWidePage, { regionsRef: containerRef, a: _jsx(ConfigurableLayout, { ref: (el) => {
                     if (el)
                         regionElArray.current[0] = el;
-                }, arrangement: { size: 'narrow', hasWrapped: regionWrappedStates[0] }, items: regionAItems }, void 0), b: _jsx(ConfigurableLayout, { ref: (el) => {
+                }, arrangement: { size: 'narrow', hasWrapped: regionWrappedStates[0] }, items: regionAItems }), b: _jsx(ConfigurableLayout, { ref: (el) => {
                     if (el)
                         regionElArray.current[1] = el;
-                }, arrangement: { size: 'main', hasWrapped: regionWrappedStates[1] }, items: regionBItems }, void 0), title: 'Configurable Layout in Narrow Wide Page' }, void 0) }, void 0));
+                }, arrangement: { size: 'main', hasWrapped: regionWrappedStates[1] }, items: regionBItems }), title: 'Configurable Layout in Narrow Wide Page' }) }));
 };
 //# sourceMappingURL=ConfigurableLayout.stories.js.map

package/lib/work/ConfigurableLayout/ConfigurableLayout.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfigurableLayout.stories.js","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,kBAAkB,EAElB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAExE,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,+BAA+B,GAAG,GAAG,EAAE;IAClD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAE5F,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EACF,KAAC,cAAc,IACb,UAAU,EAAE,YAAY,EACxB,CAAC,EACC,KAAC,kBAAkB,IACjB,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE;oBACvB,IAAI,EAAE;wBAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;gBACxC,CAAC,EACD,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACnE,KAAK,EAAE,YAAgD,~~WACvD~~,EAEJ,CAAC,EACC,KAAC,kBAAkB,IACjB,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE;oBACvB,IAAI,EAAE;wBAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;gBACxC,CAAC,EACD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACjE,KAAK,EAAE,YAAgD,~~WACvD~~,EAEJ,KAAK,EAAC,yCAAyC,~~WAC~~/C,~~WAEJ~~,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useRef } from 'react';\nimport { Meta } from '@storybook/react';\n\nimport { NarrowWidePage } from '@pega/cosmos-react-core';\nimport {\n ConfigurableLayout,\n ConfigurableLayoutProps,\n useTrackWrappedRegions\n} from '@pega/cosmos-react-work';\n\nimport { AppShellDemo as AppShell } from '../../core/AppShell/AppShell.stories';\n\nimport { regionAItems, regionBItems } from './ConfigurableLayout.mocks';\n\nexport default {\n title: 'Work/ConfigurableLayout',\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport const ConfigurableLayoutInPageRegions = () => {\n const regionElArray = useRef(new Array(2).fill(null));\n const { containerRef, regionWrappedStates } = useTrackWrappedRegions(regionElArray.current);\n\n return (\n <AppShell\n main={\n <NarrowWidePage\n regionsRef={containerRef}\n a={\n <ConfigurableLayout\n ref={(el: HTMLElement) => {\n if (el) regionElArray.current[0] = el;\n }}\n arrangement={{ size: 'narrow', hasWrapped: regionWrappedStates[0] }}\n items={regionAItems as ConfigurableLayoutProps['items']}\n />\n }\n b={\n <ConfigurableLayout\n ref={(el: HTMLElement) => {\n if (el) regionElArray.current[1] = el;\n }}\n arrangement={{ size: 'main', hasWrapped: regionWrappedStates[1] }}\n items={regionBItems as ConfigurableLayoutProps['items']}\n />\n }\n title='Configurable Layout in Narrow Wide Page'\n />\n }\n />\n );\n};\n"]}
1	+ {"version":3,"file":"ConfigurableLayout.stories.js","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,kBAAkB,EAElB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAExE,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,+BAA+B,GAAG,GAAG,EAAE;IAClD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAE5F,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EACF,KAAC,cAAc,IACb,UAAU,EAAE,YAAY,EACxB,CAAC,EACC,KAAC,kBAAkB,IACjB,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE;oBACvB,IAAI,EAAE;wBAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;gBACxC,CAAC,EACD,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACnE,KAAK,EAAE,YAAgD,GACvD,EAEJ,CAAC,EACC,KAAC,kBAAkB,IACjB,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE;oBACvB,IAAI,EAAE;wBAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;gBACxC,CAAC,EACD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACjE,KAAK,EAAE,YAAgD,GACvD,EAEJ,KAAK,EAAC,yCAAyC,GAC/C,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useRef } from 'react';\nimport { Meta } from '@storybook/react';\n\nimport { NarrowWidePage } from '@pega/cosmos-react-core';\nimport {\n ConfigurableLayout,\n ConfigurableLayoutProps,\n useTrackWrappedRegions\n} from '@pega/cosmos-react-work';\n\nimport { AppShellDemo as AppShell } from '../../core/AppShell/AppShell.stories';\n\nimport { regionAItems, regionBItems } from './ConfigurableLayout.mocks';\n\nexport default {\n title: 'Work/ConfigurableLayout',\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport const ConfigurableLayoutInPageRegions = () => {\n const regionElArray = useRef(new Array(2).fill(null));\n const { containerRef, regionWrappedStates } = useTrackWrappedRegions(regionElArray.current);\n\n return (\n <AppShell\n main={\n <NarrowWidePage\n regionsRef={containerRef}\n a={\n <ConfigurableLayout\n ref={(el: HTMLElement) => {\n if (el) regionElArray.current[0] = el;\n }}\n arrangement={{ size: 'narrow', hasWrapped: regionWrappedStates[0] }}\n items={regionAItems as ConfigurableLayoutProps['items']}\n />\n }\n b={\n <ConfigurableLayout\n ref={(el: HTMLElement) => {\n if (el) regionElArray.current[1] = el;\n }}\n arrangement={{ size: 'main', hasWrapped: regionWrappedStates[1] }}\n items={regionBItems as ConfigurableLayoutProps['items']}\n />\n }\n title='Configurable Layout in Narrow Wide Page'\n />\n }\n />\n );\n};\n"]}

package/lib/work/Confirmation/Confirmation.stories.js CHANGED Viewed

@@ -11,11 +11,11 @@ export default {
 };
 export const ConfirmationDemo = (args) => {
     const [showConfirmation, setShowConfirmation] = useState(true);
-    return (_jsxs(Flex, { as: StyledFlex, container: { justify: 'center', alignItems: 'center' }, children: [showConfirmation && (_jsx(Confirmation, { title: args.title, details: _jsx(FieldValueListDemo, { name: 'Project', value: 'Pega Cosmos', fields: [] }, void 0), whatsNext: [
+    return (_jsxs(Flex, { as: StyledFlex, container: { justify: 'center', alignItems: 'center' }, children: [showConfirmation && (_jsx(Confirmation, { title: args.title, details: _jsx(FieldValueListDemo, { name: 'Project', value: 'Pega Cosmos', fields: [] }), whatsNext: [
                     'Send references',
                     'Collect information on the case',
                     'Prepare a demonstration'
-                ], tasks: _jsx(TaskListDemo, {}, void 0), onClose: () => setShowConfirmation(false) }, void 0)), !showConfirmation && (_jsx(Button, { onClick: () => setShowConfirmation(true), children: "Show confirmation" }, void 0))] }, void 0));
+                ], tasks: _jsx(TaskListDemo, {}), onClose: () => setShowConfirmation(false) })), !showConfirmation && (_jsx(Button, { onClick: () => setShowConfirmation(true), children: "Show confirmation" }))] }));
 };
 ConfirmationDemo.args = {
     title: 'US-1337 confirmation'

package/lib/work/Confirmation/Confirmation.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Confirmation.stories.js","sourceRoot":"","sources":["../../../src/work/Confirmation/Confirmation.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,YAAY;CAChB,CAAC;AAMV,MAAM,CAAC,MAAM,gBAAgB,GAAkC,CAAC,IAA4B,EAAE,EAAE;IAC9F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,aACzE,gBAAgB,IAAI,CACnB,KAAC,YAAY,IACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,KAAC,kBAAkB,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,EAAC,MAAM,EAAE,EAAE,~~WAAI~~,EAC9E,SAAS,EAAE;oBACT,iBAAiB;oBACjB,iCAAiC;oBACjC,yBAAyB;iBAC1B,EACD,KAAK,EAAE,KAAC,YAAY,~~aAAG~~,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,~~WACzC~~,CACH,EACA,CAAC,gBAAgB,IAAI,CACpB,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,~~0CAA4B~~,CAC7E,~~YACI~~,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,sBAAsB;CAC9B,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG;IAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACrC,CAAC","sourcesContent":["import { useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport { Button, Flex } from '@pega/cosmos-react-core';\nimport { Confirmation, ConfirmationProps } from '@pega/cosmos-react-work';\n\nimport { FieldValueListDemo } from '../../core/FieldValueList/FieldValueList.stories';\nimport { TaskListDemo } from '../Tasks/TaskList.stories';\n\nimport { StyledFlex } from './Confirmation.styles';\n\nexport default {\n title: 'Work/Confirmation',\n component: Confirmation\n} as Meta;\n\ninterface ConfirmationStoryProps {\n title: ConfirmationProps['title'];\n}\n\nexport const ConfirmationDemo: Story<ConfirmationStoryProps> = (args: ConfirmationStoryProps) => {\n const [showConfirmation, setShowConfirmation] = useState(true);\n\n return (\n <Flex as={StyledFlex} container={{ justify: 'center', alignItems: 'center' }}>\n {showConfirmation && (\n <Confirmation\n title={args.title}\n details={<FieldValueListDemo name='Project' value='Pega Cosmos' fields={[]} />}\n whatsNext={[\n 'Send references',\n 'Collect information on the case',\n 'Prepare a demonstration'\n ]}\n tasks={<TaskListDemo />}\n onClose={() => setShowConfirmation(false)}\n />\n )}\n {!showConfirmation && (\n <Button onClick={() => setShowConfirmation(true)}>Show confirmation</Button>\n )}\n </Flex>\n );\n};\n\nConfirmationDemo.args = {\n title: 'US-1337 confirmation'\n};\n\nConfirmationDemo.argTypes = {\n title: { control: { type: 'text' } }\n};\n"]}
1	+ {"version":3,"file":"Confirmation.stories.js","sourceRoot":"","sources":["../../../src/work/Confirmation/Confirmation.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,YAAY;CAChB,CAAC;AAMV,MAAM,CAAC,MAAM,gBAAgB,GAAkC,CAAC,IAA4B,EAAE,EAAE;IAC9F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,aACzE,gBAAgB,IAAI,CACnB,KAAC,YAAY,IACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,KAAC,kBAAkB,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,EAAC,MAAM,EAAE,EAAE,GAAI,EAC9E,SAAS,EAAE;oBACT,iBAAiB;oBACjB,iCAAiC;oBACjC,yBAAyB;iBAC1B,EACD,KAAK,EAAE,KAAC,YAAY,KAAG,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GACzC,CACH,EACA,CAAC,gBAAgB,IAAI,CACpB,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,kCAA4B,CAC7E,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,sBAAsB;CAC9B,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG;IAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACrC,CAAC","sourcesContent":["import { useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport { Button, Flex } from '@pega/cosmos-react-core';\nimport { Confirmation, ConfirmationProps } from '@pega/cosmos-react-work';\n\nimport { FieldValueListDemo } from '../../core/FieldValueList/FieldValueList.stories';\nimport { TaskListDemo } from '../Tasks/TaskList.stories';\n\nimport { StyledFlex } from './Confirmation.styles';\n\nexport default {\n title: 'Work/Confirmation',\n component: Confirmation\n} as Meta;\n\ninterface ConfirmationStoryProps {\n title: ConfirmationProps['title'];\n}\n\nexport const ConfirmationDemo: Story<ConfirmationStoryProps> = (args: ConfirmationStoryProps) => {\n const [showConfirmation, setShowConfirmation] = useState(true);\n\n return (\n <Flex as={StyledFlex} container={{ justify: 'center', alignItems: 'center' }}>\n {showConfirmation && (\n <Confirmation\n title={args.title}\n details={<FieldValueListDemo name='Project' value='Pega Cosmos' fields={[]} />}\n whatsNext={[\n 'Send references',\n 'Collect information on the case',\n 'Prepare a demonstration'\n ]}\n tasks={<TaskListDemo />}\n onClose={() => setShowConfirmation(false)}\n />\n )}\n {!showConfirmation && (\n <Button onClick={() => setShowConfirmation(true)}>Show confirmation</Button>\n )}\n </Flex>\n );\n};\n\nConfirmationDemo.args = {\n title: 'US-1337 confirmation'\n};\n\nConfirmationDemo.argTypes = {\n title: { control: { type: 'text' } }\n};\n"]}