@pega/cosmos-react-demos 2.1.3 → 3.0.0-dev.2.1

package/jsx/work/CaseView/CaseView.mocks.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.mocks.jsx","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useEffect, useMemo, useState } from 'react';\n\nimport {\n  Avatar,\n  Button,\n  Link,\n  createStringMatcher,\n  Modal,\n  ModalManagerContext,\n  Popover,\n  SummaryList,\n  SummaryListProps,\n  useElement,\n  useOuterEvent,\n  ViewAll\n} from '@pega/cosmos-react-core';\nimport type { Tab } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.types';\nimport { Glimpse } from '@pega/cosmos-react-work';\nimport { useMockListData } from '@pega/cosmos-react-demos/lib/core/SummaryList/SummaryList.mocks';\n\nexport function getTabs() {\n  return ['Details', 'Pulse', 'Accounts'].map((name): Tab => {\n    return {\n      name,\n      id: name\n    };\n  });\n}\n\nconst singularize = (s = '') => s.replace(/s$/i, '').toLowerCase();\n\nexport const MockSummaryListViewAllModal = ({ name, count }: any) => {\n  const [search, setSearch] = useState('');\n  const [loading, setLoading] = useState(true);\n  const [items] = useMockListData(\n    () => {\n      setLoading(false);\n    },\n    {\n      count\n    }\n  );\n\n  const onSearchChange = (value: string) => {\n    setSearch(value.trim());\n  };\n\n  const itemsToRender = useMemo(() => {\n    if (search) {\n      const regEx = createStringMatcher(search, 'boundary');\n      return items.filter(({ primary, id }) => regEx.test(primary) || regEx.test(id));\n    }\n\n    return items;\n  }, [items, search]);\n\n  return (\n    <Modal heading={name}>\n      <ViewAll\n        loading={loading}\n        items={itemsToRender}\n        actions={[\n          {\n            id: 'addNew',\n            text: `Add ${singularize(name)}`\n          }\n        ]}\n        searchInputProps={{ onSearchChange }}\n      />\n    </Modal>\n  );\n};\n\nexport const MockSummaryList = ({\n  icon,\n  name,\n  actions,\n  limit\n}: Pick<SummaryListProps, 'icon' | 'name'> & { actions?: null; limit?: number }) => {\n  const { create: createModal } = useContext(ModalManagerContext);\n  const [loading, setLoading] = useState(true);\n  const count = Math.floor(Math.random() * 144) + 7;\n\n  const [items] = useMockListData(\n    () => {\n      setLoading(false);\n    },\n    { count: limit }\n  );\n\n  return (\n    <SummaryList\n      loading={loading}\n      items={items}\n      icon={icon}\n      name={name}\n      count={loading ? undefined : count}\n      actions={\n        actions !== null\n          ? [\n              {\n                text: `Add new ${name}`,\n                id: `${name}:addNew`,\n                icon: 'plus',\n                onClick() {\n                  createModal(() => {\n                    const singularName = singularize(name);\n                    return (\n                      <Modal heading={`Add new ${singularName}`}>\n                        {`Content for adding a new ${singularName} goes here…`}\n                      </Modal>\n                    );\n                  });\n                }\n              }\n            ]\n          : undefined\n      }\n      onViewAll={() => {\n        createModal(MockSummaryListViewAllModal, {\n          name,\n          count\n        });\n      }}\n    />\n  );\n};\n\nexport const MockOperatorFieldValue = () => {\n  const [showGlimpse, setShowGlimpse] = useState(false);\n  const [operatorBtn, setOperatorBtn] = useElement(null);\n  const [popoverEl, setPopoverEl] = useElement(null);\n\n  useOuterEvent('click', [popoverEl], () => {\n    setShowGlimpse(false);\n  });\n\n  const onKeydown = (e: KeyboardEvent) => {\n    if (showGlimpse && e.key === 'Escape') {\n      setShowGlimpse(false);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeydown);\n    return () => {\n      document.removeEventListener('keydown', onKeydown);\n    };\n  }, [showGlimpse]);\n\n  return (\n    <>\n      <Button\n        variant='link'\n        onClick={() => {\n          setShowGlimpse(true);\n        }}\n        ref={setOperatorBtn}\n      >\n        cosmos@pega.com\n      </Button>\n      {showGlimpse && (\n        <Popover\n          target={operatorBtn}\n          ref={setPopoverEl}\n          strategy='fixed'\n          placement='bottom-start'\n          arrow\n        >\n          <Glimpse\n            id='cosmos'\n            primary='Cosmos Operator'\n            secondary={['Director of the stars']}\n            visual={<Avatar size='l' name='Cosmos Operator' />}\n            fields={[\n              {\n                id: '1',\n                name: 'Department',\n                value: 'Space Travel'\n              },\n              {\n                id: '2',\n                name: 'Manager',\n                value: 'Captain Galaxy'\n              },\n              {\n                id: '3',\n                name: 'Location',\n                value: 'A galaxy far away'\n              },\n              {\n                id: '4',\n                name: 'Email',\n                value: <Link href='mailto:cosmos@pega.com'>cosmos@pega.com</Link>\n              },\n              {\n                id: '5',\n                name: 'Telephone',\n                value: <Link href='tel:555-123-4567'>555-123-4567</Link>\n              }\n            ]}\n          />\n        </Popover>\n      )}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"CaseView.mocks.jsx","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useEffect, useMemo, useState } from 'react';\n\nimport {\n  Avatar,\n  Button,\n  Link,\n  createStringMatcher,\n  Modal,\n  ModalManagerContext,\n  Popover,\n  SummaryList,\n  SummaryListProps,\n  useElement,\n  useOuterEvent,\n  ViewAll\n} from '@pega/cosmos-react-core';\nimport type { Tab } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.types';\nimport { Glimpse } from '@pega/cosmos-react-work';\n\nimport { useMockListData } from '../../core/SummaryList/SummaryList.mocks';\n\nexport function getTabs() {\n  return ['Details', 'Pulse', 'Accounts'].map((name): Tab => {\n    return {\n      name,\n      id: name\n    };\n  });\n}\n\nconst singularize = (s = '') => s.replace(/s$/i, '').toLowerCase();\n\nexport const MockSummaryListViewAllModal = ({ name, count }: any) => {\n  const [search, setSearch] = useState('');\n  const [loading, setLoading] = useState(true);\n  const [items] = useMockListData(\n    () => {\n      setLoading(false);\n    },\n    {\n      count\n    }\n  );\n\n  const onSearchChange = (value: string) => {\n    setSearch(value.trim());\n  };\n\n  const itemsToRender = useMemo(() => {\n    if (search) {\n      const regEx = createStringMatcher(search, 'boundary');\n      return items.filter(({ primary, id }) => regEx.test(primary) || regEx.test(id));\n    }\n\n    return items;\n  }, [items, search]);\n\n  return (\n    <Modal heading={name}>\n      <ViewAll\n        loading={loading}\n        items={itemsToRender}\n        actions={[\n          {\n            id: 'addNew',\n            text: `Add ${singularize(name)}`\n          }\n        ]}\n        searchInputProps={{ onSearchChange }}\n      />\n    </Modal>\n  );\n};\n\nexport const MockSummaryList = ({\n  icon,\n  name,\n  actions,\n  limit\n}: Pick<SummaryListProps, 'icon' | 'name'> & { actions?: null; limit?: number }) => {\n  const { create: createModal } = useContext(ModalManagerContext);\n  const [loading, setLoading] = useState(true);\n  const count = Math.floor(Math.random() * 144) + 7;\n\n  const [items] = useMockListData(\n    () => {\n      setLoading(false);\n    },\n    { count: limit }\n  );\n\n  return (\n    <SummaryList\n      loading={loading}\n      items={items}\n      icon={icon}\n      name={name}\n      count={loading ? undefined : count}\n      actions={\n        actions !== null\n          ? [\n              {\n                text: `Add new ${name}`,\n                id: `${name}:addNew`,\n                icon: 'plus',\n                onClick() {\n                  createModal(() => {\n                    const singularName = singularize(name);\n                    return (\n                      <Modal heading={`Add new ${singularName}`}>\n                        {`Content for adding a new ${singularName} goes here…`}\n                      </Modal>\n                    );\n                  });\n                }\n              }\n            ]\n          : undefined\n      }\n      onViewAll={() => {\n        createModal(MockSummaryListViewAllModal, {\n          name,\n          count\n        });\n      }}\n    />\n  );\n};\n\nexport const MockOperatorFieldValue = () => {\n  const [showGlimpse, setShowGlimpse] = useState(false);\n  const [operatorBtn, setOperatorBtn] = useElement(null);\n  const [popoverEl, setPopoverEl] = useElement(null);\n\n  useOuterEvent('click', [popoverEl], () => {\n    setShowGlimpse(false);\n  });\n\n  const onKeydown = (e: KeyboardEvent) => {\n    if (showGlimpse && e.key === 'Escape') {\n      setShowGlimpse(false);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeydown);\n    return () => {\n      document.removeEventListener('keydown', onKeydown);\n    };\n  }, [showGlimpse]);\n\n  return (\n    <>\n      <Button\n        variant='link'\n        onClick={() => {\n          setShowGlimpse(true);\n        }}\n        ref={setOperatorBtn}\n      >\n        cosmos@pega.com\n      </Button>\n      {showGlimpse && (\n        <Popover\n          target={operatorBtn}\n          ref={setPopoverEl}\n          strategy='fixed'\n          placement='bottom-start'\n          arrow\n        >\n          <Glimpse\n            id='cosmos'\n            primary='Cosmos Operator'\n            secondary={['Director of the stars']}\n            visual={<Avatar size='l' name='Cosmos Operator' />}\n            fields={[\n              {\n                id: '1',\n                name: 'Department',\n                value: 'Space Travel'\n              },\n              {\n                id: '2',\n                name: 'Manager',\n                value: 'Captain Galaxy'\n              },\n              {\n                id: '3',\n                name: 'Location',\n                value: 'A galaxy far away'\n              },\n              {\n                id: '4',\n                name: 'Email',\n                value: <Link href='mailto:cosmos@pega.com'>cosmos@pega.com</Link>\n              },\n              {\n                id: '5',\n                name: 'Telephone',\n                value: <Link href='tel:555-123-4567'>555-123-4567</Link>\n              }\n            ]}\n          />\n        </Popover>\n      )}\n    </>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.stories.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAW,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAML,aAAa,EAEd,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAEL,aAAa,EAEb,eAAe,EAEf,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;;AAgBjC,wBAOU;AAEV,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAUD,eAAO,MAAM,YAAY,uMAgBtB,kBAAkB,gBAuUpB,CAAC;AAYF,eAAO,MAAM,oBAAoB;YAAW,kBAAkB;;;;;;CAE7D,CAAC;AAuBF,eAAO,MAAM,gBAAgB,UAAW,kBAAkB,gBAYzD,CAAC"}
+{"version":3,"file":"CaseView.stories.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAW,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAML,aAAa,EAEd,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAEL,aAAa,EAEb,eAAe,EAEf,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;;AAiBjC,wBAOU;AAEV,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAUD,eAAO,MAAM,YAAY,uMAgBtB,kBAAkB,gBAuUpB,CAAC;AAYF,eAAO,MAAM,oBAAoB;YAAW,kBAAkB;;;;;;CAE7D,CAAC;AAuBF,eAAO,MAAM,gBAAgB,UAAW,kBAAkB,gBAYzD,CAAC"}

package/jsx/work/CaseView/CaseView.stories.jsx

@@ -3,13 +3,13 @@ import { action } from '@storybook/addon-actions';
 import { Icon, registerIcon, Status, Link, Grid, useBreakpoint } from '@pega/cosmos-react-core';
 import * as userSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/user-solid.icon';
 import { CaseView, CasePreview, CaseSummaryFields } from '@pega/cosmos-react-work';
-import { TasksDemo } from '@pega/cosmos-react-demos/lib/work/Tasks/Tasks.stories';
-import { AppShellDemo } from '@pega/cosmos-react-demos/lib/core/AppShell/AppShell.stories';
-import { TableDemo } from '@pega/cosmos-react-demos/lib/core/Table/Table.stories';
-import { StandardChat } from '@pega/cosmos-react-demos/lib/social/Chat/Chat.stories';
-import { TagsDemo } from '@pega/cosmos-react-demos/lib/work/Tags/Tags.stories';
-import { StagesDemo } from '@pega/cosmos-react-demos/lib/work/Stages/Stages.stories';
-import { StakeHoldersDemo } from '@pega/cosmos-react-demos/lib/work/Stakeholders/Stakeholders.stories';
+import { TasksDemo } from '../Tasks/Tasks.stories';
+import { AppShellDemo } from '../../core/AppShell/AppShell.stories';
+import { TableDemo } from '../../core/Table/Table.stories';
+import { StandardChat } from '../../social/Chat/Chat.stories';
+import { TagsDemo } from '../Tags/Tags.stories';
+import { StagesDemo } from '../Stages/Stages.stories';
+import { StakeHoldersDemo } from '../Stakeholders/Stakeholders.stories';
 import { Details } from './Details.mocks';
 import { PulseMock } from './Pulse.mocks';
 import { AttachmentsMock } from './Attachments.mocks';

package/jsx/work/CaseView/CaseView.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.stories.jsx","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';\nimport { TasksDemo } from '@pega/cosmos-react-demos/lib/work/Tasks/Tasks.stories';\nimport { AppShellDemo } from '@pega/cosmos-react-demos/lib/core/AppShell/AppShell.stories';\nimport { TableDemo } from '@pega/cosmos-react-demos/lib/core/Table/Table.stories';\nimport { StandardChat } from '@pega/cosmos-react-demos/lib/social/Chat/Chat.stories';\nimport { TagsDemo } from '@pega/cosmos-react-demos/lib/work/Tags/Tags.stories';\nimport { StagesDemo } from '@pega/cosmos-react-demos/lib/work/Stages/Stages.stories';\nimport { StakeHoldersDemo } from '@pega/cosmos-react-demos/lib/work/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"]}
+{"version":3,"file":"CaseView.stories.jsx","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/jsx/work/CaseView/Details.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Details.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/Details.mocks.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,OAAO,mBAmBnB,CAAC"}
+{"version":3,"file":"Details.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/Details.mocks.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO,mBAmBnB,CAAC"}

package/jsx/work/CaseView/Details.mocks.jsx

@@ -1,5 +1,5 @@
 import { Card, FieldGroup, Text, Flex, CardHeader } from '@pega/cosmos-react-core';
-import { DetailsDemo } from '@pega/cosmos-react-demos/lib/work/Details/Details.stories';
+import { DetailsDemo } from '../Details/Details.stories';
 export const Details = () => {
     return (<Card>
       <CardHeader>

package/jsx/work/CaseView/Details.mocks.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Details.mocks.jsx","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;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAExF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,CAAC,IAAI,CACH;MAAA,CAAC,UAAU,CACT;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAClC;MAAA,EAAE,UAAU,CAEZ;;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/D;QAAA,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAC5B;UAAA,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CACV;;;;UAGF,EAAE,IAAI,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,WAAW,CAAC,AAAD,EACd;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Card, FieldGroup, Text, Flex, CardHeader } from '@pega/cosmos-react-core';\nimport { DetailsDemo } from '@pega/cosmos-react-demos/lib/work/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"]}
+{"version":3,"file":"Details.mocks.jsx","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,CAAC,IAAI,CACH;MAAA,CAAC,UAAU,CACT;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAClC;MAAA,EAAE,UAAU,CAEZ;;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/D;QAAA,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAC5B;UAAA,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CACV;;;;UAGF,EAAE,IAAI,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,WAAW,CAAC,AAAD,EACd;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,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/jsx/work/CaseView/Pulse.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pulse.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/Pulse.mocks.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAK/C,eAAO,MAAM,SAAS;;iBAiDrB,CAAC"}
+{"version":3,"file":"Pulse.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/Pulse.mocks.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAM/C,eAAO,MAAM,SAAS;;iBAiDrB,CAAC"}

package/jsx/work/CaseView/Pulse.mocks.jsx

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
 import { Tabs, TabPanel, Flex, Table, Card, CardContent } from '@pega/cosmos-react-core';
-import { FeedDemo } from '@pega/cosmos-react-demos/lib/social/Feed/Feed.stories';
+import { FeedDemo } from '../../social/Feed/Feed.stories';
 const msInHour = 60 * 60 * 1000;
 export const PulseMock = ({ markdownMap }) => {
     const [currentTab, setCurrentTab] = useState('pulse');

package/jsx/work/CaseView/Pulse.mocks.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Pulse.mocks.jsx","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;AAEzF,OAAO,EAAE,QAAQ,EAAE,MAAM,uDAAuD,CAAC;AAEjF,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,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC;YACJ,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;YAC9B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;SACnC,CAAC,CACF,YAAY,CAAC,CAAC,UAAU,CAAC,CACzB,UAAU,CAAC,CAAC,aAAa,CAAC,EAG5B;;MAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAC1B;QAAA,CAAC,UAAU,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EAAG,CACjE;QAAA,CAAC,UAAU,KAAK,SAAS,IAAI,CAC3B,CAAC,IAAI,CACH;YAAA,CAAC,WAAW,CACV;cAAA,CAAC,KAAK,CACJ,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,CAAC,WAAW,CAAC,CAClB,OAAO,CAAC,CAAC;gBACP,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBACnC,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;gBACjD,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;aACnD,CAAC,EAEN;YAAA,EAAE,WAAW,CACf;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,QAAQ,CACZ;IAAA,EAAE,IAAI,CAAC,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';\nimport { FeedDemo } from '@pega/cosmos-react-demos/lib/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"]}
+{"version":3,"file":"Pulse.mocks.jsx","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,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC;YACJ,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;YAC9B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;SACnC,CAAC,CACF,YAAY,CAAC,CAAC,UAAU,CAAC,CACzB,UAAU,CAAC,CAAC,aAAa,CAAC,EAG5B;;MAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAC1B;QAAA,CAAC,UAAU,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EAAG,CACjE;QAAA,CAAC,UAAU,KAAK,SAAS,IAAI,CAC3B,CAAC,IAAI,CACH;YAAA,CAAC,WAAW,CACV;cAAA,CAAC,KAAK,CACJ,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,CAAC,WAAW,CAAC,CAClB,OAAO,CAAC,CAAC;gBACP,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBACnC,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;gBACjD,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;aACnD,CAAC,EAEN;YAAA,EAAE,WAAW,CACf;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,QAAQ,CACZ;IAAA,EAAE,IAAI,CAAC,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/jsx/work/ConfigurableLayout/ConfigurableLayout.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableLayout.stories.d.ts","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.stories.tsx"],"names":[],"mappings":";;;;;;;AAWA,wBAKE;AAqLF,eAAO,MAAM,+BAA+B,mBAgC3C,CAAC"}
+{"version":3,"file":"ConfigurableLayout.stories.d.ts","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.stories.tsx"],"names":[],"mappings":";;;;;;;AAYA,wBAKE;AAqLF,eAAO,MAAM,+BAA+B,mBAgC3C,CAAC"}

package/jsx/work/ConfigurableLayout/ConfigurableLayout.stories.jsx

@@ -2,7 +2,7 @@ import { useRef } from 'react';
 import styled, { css } from 'styled-components';
 import { Flex, NarrowWidePage } from '@pega/cosmos-react-core';
 import { ConfigurableLayout, useTrackWrappedRegions } from '@pega/cosmos-react-work';
-import { AppShellDemo as AppShell } from '@pega/cosmos-react-demos/lib/core/AppShell/AppShell.stories';
+import { AppShellDemo as AppShell } from '../../core/AppShell/AppShell.stories';
 export default {
     title: 'Work/ConfigurableLayout',
     parameters: {

package/jsx/work/ConfigurableLayout/ConfigurableLayout.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableLayout.stories.jsx","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Flex, NarrowWidePage } from '@pega/cosmos-react-core';\nimport {\n  ConfigurableLayout,\n  ConfigurableLayoutProps,\n  useTrackWrappedRegions\n} from '@pega/cosmos-react-work';\nimport { AppShellDemo as AppShell } from '@pega/cosmos-react-demos/lib/core/AppShell/AppShell.stories';\n\nexport default {\n  title: 'Work/ConfigurableLayout',\n  parameters: {\n    layout: 'fullscreen'\n  }\n};\n\nconst StyledPlaceholder = styled.div(({ verticalPadding }: { verticalPadding: number }) => {\n  return css`\n    background: white;\n    border: 0.0625rem black dashed;\n    text-align: center;\n    min-height: 100%;\n    padding: ${`${verticalPadding}rem`} 0;\n  `;\n});\n\nconst 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\nconst 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\nconst 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\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"]}
+{"version":3,"file":"ConfigurableLayout.stories.jsx","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Flex, 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\nexport default {\n  title: 'Work/ConfigurableLayout',\n  parameters: {\n    layout: 'fullscreen'\n  }\n};\n\nconst StyledPlaceholder = styled.div(({ verticalPadding }: { verticalPadding: number }) => {\n  return css`\n    background: white;\n    border: 0.0625rem black dashed;\n    text-align: center;\n    min-height: 100%;\n    padding: ${`${verticalPadding}rem`} 0;\n  `;\n});\n\nconst 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\nconst 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\nconst 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\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/jsx/work/Confirmation/Confirmation.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.stories.d.ts","sourceRoot":"","sources":["../../../src/work/Confirmation/Confirmation.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;;AAM1E,wBAGU;AAEV,UAAU,sBAAsB;IAC9B,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,sBAAsB,CAuB1D,CAAC"}
+{"version":3,"file":"Confirmation.stories.d.ts","sourceRoot":"","sources":["../../../src/work/Confirmation/Confirmation.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;;AAO1E,wBAGU;AAEV,UAAU,sBAAsB;IAC9B,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,sBAAsB,CAuB1D,CAAC"}

package/jsx/work/Confirmation/Confirmation.stories.jsx

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { Button, Flex } from '@pega/cosmos-react-core';
 import { Confirmation } from '@pega/cosmos-react-work';
-import { FieldValueListDemo } from '@pega/cosmos-react-demos/lib/core/FieldValueList/FieldValueList.stories';
-import { TaskListDemo } from '@pega/cosmos-react-demos/lib/work/Tasks/TaskList.stories';
+import { FieldValueListDemo } from '../../core/FieldValueList/FieldValueList.stories';
+import { TaskListDemo } from '../Tasks/TaskList.stories';
 import { StyledFlex } from './Confirmation.styles';
 export default {
     title: 'Work/Confirmation',

package/jsx/work/Confirmation/Confirmation.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.stories.jsx","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;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yEAAyE,CAAC;AAC7G,OAAO,EAAE,YAAY,EAAE,MAAM,0DAA0D,CAAC;AAExF,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,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAC3E;MAAA,CAAC,gBAAgB,IAAI,CACnB,CAAC,YAAY,CACX,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAG,CAAC,CAC/E,SAAS,CAAC,CAAC;gBACT,iBAAiB;gBACjB,iCAAiC;gBACjC,yBAAyB;aAC1B,CAAC,CACF,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,AAAD,EAAG,CAAC,CACxB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAC1C,CACH,CACD;MAAA,CAAC,CAAC,gBAAgB,IAAI,CACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAC7E,CACH;IAAA,EAAE,IAAI,CAAC,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';\nimport { FieldValueListDemo } from '@pega/cosmos-react-demos/lib/core/FieldValueList/FieldValueList.stories';\nimport { TaskListDemo } from '@pega/cosmos-react-demos/lib/work/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"]}
+{"version":3,"file":"Confirmation.stories.jsx","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,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAC3E;MAAA,CAAC,gBAAgB,IAAI,CACnB,CAAC,YAAY,CACX,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAG,CAAC,CAC/E,SAAS,CAAC,CAAC;gBACT,iBAAiB;gBACjB,iCAAiC;gBACjC,yBAAyB;aAC1B,CAAC,CACF,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,AAAD,EAAG,CAAC,CACxB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAC1C,CACH,CACD;MAAA,CAAC,CAAC,gBAAgB,IAAI,CACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAC7E,CACH;IAAA,EAAE,IAAI,CAAC,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"]}

package/jsx/work/Details/Details.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Details.stories.d.ts","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAa/C,wBAGU;AAEV,eAAO,MAAM,WAAW,EAAE,KAwEzB,CAAC"}
+{"version":3,"file":"Details.stories.d.ts","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAgB/C,wBAGU;AAEV,eAAO,MAAM,WAAW,EAAE,KAuFzB,CAAC"}

package/jsx/work/Details/Details.stories.jsx

@@ -1,25 +1,26 @@
-import { CurrencyDisplay, DateTimeDisplay, URLDisplay, BooleanDisplay, FieldGroup, FieldValueList, Link } from '@pega/cosmos-react-core';
+import { CurrencyDisplay, DateTimeDisplay, URLDisplay, BooleanDisplay, FieldGroup, FieldValueList, LocationDisplay, MapsContext, PhoneDisplay, EmailDisplay } from '@pega/cosmos-react-core';
 import { Details } from '@pega/cosmos-react-work';
 export default {
     title: 'Work/Details',
     component: Details
 };
 export const DetailsDemo = () => {
-    return (<Details highlightedFields={[
+    return (<MapsContext.Provider value={{ name: 'google' }}>
+      <Details highlightedFields={[
             {
                 id: '1',
                 name: 'Statement balance',
-                value: <CurrencyDisplay value='1,289.00' currencyISOCode='USD'/>
+                value: <CurrencyDisplay value='1289.00' currencyISOCode='USD'/>
             },
             {
                 id: '2',
                 name: 'Total balance',
-                value: <CurrencyDisplay value='35,667.00' currencyISOCode='USD'/>
+                value: <CurrencyDisplay value='35667.00' currencyISOCode='USD'/>
             },
             {
                 id: '3',
                 name: 'Available credit',
-                value: <CurrencyDisplay value='5,813.00' currencyISOCode='USD'/>
+                value: <CurrencyDisplay value='5813.00' currencyISOCode='USD'/>
             },
             {
                 id: '4',
@@ -38,28 +39,32 @@ export const DetailsDemo = () => {
             }
         ]} regions={[
             <FieldGroup name='Personal'>
-          <FieldValueList fields={[
-                    { name: 'Home address', value: '12 Higgins Bottom Way, Carnell, NH, 02133' },
-                    { name: 'Primary phone', value: '(617) 374-9637' },
+            <FieldValueList fields={[
+                    {
+                        name: 'Home address',
+                        value: (<LocationDisplay value='12 Higgins Bottom Way, Carnell, NH, 02133' variant='text'/>)
+                    },
+                    { name: 'Primary phone', value: <PhoneDisplay value='+15553749637'/> },
                     {
                         name: 'Primary email',
-                        value: <Link href='mailto:joe.smith@example.com'>joe.smith@example.com</Link>
+                        value: <EmailDisplay value='joe.smith@example.com'/>
                     }
                 ]}/>
-        </FieldGroup>,
+          </FieldGroup>,
             <FieldGroup name='Work'>
-          <FieldValueList fields={[
+            <FieldValueList fields={[
                     {
                         name: 'Work address',
-                        value: '1 Monolith Business Parkway, Milltown, NH, 02333'
+                        value: (<LocationDisplay value='1 Monolith Business Parkway, Milltown, NH, 02333' variant='text'/>)
                     },
-                    { name: 'Work phone', value: '(800) 374-2200' },
+                    { name: 'Work phone', value: <PhoneDisplay value='+15553742200'/> },
                     {
                         name: 'Work email',
-                        value: <Link href='mailto:jane.smith@example.com'>jane.smith@example.com</Link>
+                        value: <EmailDisplay value='jane.smith@example.com'/>
                     }
                 ]}/>
-        </FieldGroup>
-        ]}/>);
+          </FieldGroup>
+        ]}/>
+    </MapsContext.Provider>);
 };
 //# sourceMappingURL=Details.stories.jsx.map

package/jsx/work/Details/Details.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Details.stories.jsx","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,eAAe,EACf,UAAU,EACV,cAAc,EACd,UAAU,EACV,cAAc,EACd,IAAI,EACL,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAO;CACX,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAU,GAAG,EAAE;IACrC,OAAO,CACL,CAAC,OAAO,CACN,iBAAiB,CAAC,CAAC;YACjB;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,mBAAmB;gBACzB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,KAAK,EAAG;aAClE;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,EAAG;aACnE;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,KAAK,EAAG;aAClE;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAG;aAC/E;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,oBAAoB;gBAC1B,KAAK,EAAE,CACL,CAAC,UAAU,CACT,KAAK,CAAC,yBAAyB,CAC/B,WAAW,CAAC,eAAe,CAC3B,OAAO,CAAC,MAAM,EACd,CACH;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,iBAAiB;gBACvB,KAAK,EAAE,CAAC,cAAc,CAAC,KAAK,EAAG;aAChC;SACF,CAAC,CACF,OAAO,CAAC,CAAC;YACP,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CACzB;UAAA,CAAC,cAAc,CACb,MAAM,CAAC,CAAC;oBACN,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,2CAA2C,EAAE;oBAC5E,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;oBAClD;wBACE,IAAI,EAAE,eAAe;wBACrB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,8BAA8B,CAAC,qBAAqB,EAAE,IAAI,CAAC;qBAC9E;iBACF,CAAC,EAEN;QAAA,EAAE,UAAU,CAAC;YACb,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CACrB;UAAA,CAAC,cAAc,CACb,MAAM,CAAC,CAAC;oBACN;wBACE,IAAI,EAAE,cAAc;wBACpB,KAAK,EAAE,kDAAkD;qBAC1D;oBACD,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE;oBAC/C;wBACE,IAAI,EAAE,YAAY;wBAClB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,sBAAsB,EAAE,IAAI,CAAC;qBAChF;iBACF,CAAC,EAEN;QAAA,EAAE,UAAU,CAAC;SACd,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport {\n  CurrencyDisplay,\n  DateTimeDisplay,\n  URLDisplay,\n  BooleanDisplay,\n  FieldGroup,\n  FieldValueList,\n  Link\n} from '@pega/cosmos-react-core';\nimport { Details } from '@pega/cosmos-react-work';\n\nexport default {\n  title: 'Work/Details',\n  component: Details\n} as Meta;\n\nexport const DetailsDemo: Story = () => {\n  return (\n    <Details\n      highlightedFields={[\n        {\n          id: '1',\n          name: 'Statement balance',\n          value: <CurrencyDisplay value='1,289.00' currencyISOCode='USD' />\n        },\n        {\n          id: '2',\n          name: 'Total balance',\n          value: <CurrencyDisplay value='35,667.00' currencyISOCode='USD' />\n        },\n        {\n          id: '3',\n          name: 'Available credit',\n          value: <CurrencyDisplay value='5,813.00' currencyISOCode='USD' />\n        },\n        {\n          id: '4',\n          name: 'Payment due date',\n          value: <DateTimeDisplay value={Date.now()} variant='datetime' format='long' />\n        },\n        {\n          id: '5',\n          name: 'Available benefits',\n          value: (\n            <URLDisplay\n              value='https://www.google.com/'\n              displayText='View benefits'\n              variant='link'\n            />\n          )\n        },\n        {\n          id: '6',\n          name: 'Platinum member',\n          value: <BooleanDisplay value />\n        }\n      ]}\n      regions={[\n        <FieldGroup name='Personal'>\n          <FieldValueList\n            fields={[\n              { name: 'Home address', value: '12 Higgins Bottom Way, Carnell, NH, 02133' },\n              { name: 'Primary phone', value: '(617) 374-9637' },\n              {\n                name: 'Primary email',\n                value: <Link href='mailto:joe.smith@example.com'>joe.smith@example.com</Link>\n              }\n            ]}\n          />\n        </FieldGroup>,\n        <FieldGroup name='Work'>\n          <FieldValueList\n            fields={[\n              {\n                name: 'Work address',\n                value: '1 Monolith Business Parkway, Milltown, NH, 02333'\n              },\n              { name: 'Work phone', value: '(800) 374-2200' },\n              {\n                name: 'Work email',\n                value: <Link href='mailto:jane.smith@example.com'>jane.smith@example.com</Link>\n              }\n            ]}\n          />\n        </FieldGroup>\n      ]}\n    />\n  );\n};\n"]}
+{"version":3,"file":"Details.stories.jsx","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,eAAe,EACf,UAAU,EACV,cAAc,EACd,UAAU,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,YAAY,EACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAO;CACX,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAU,GAAG,EAAE;IACrC,OAAO,CACL,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAC9C;MAAA,CAAC,OAAO,CACN,iBAAiB,CAAC,CAAC;YACjB;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,mBAAmB;gBACzB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,EAAG;aACjE;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,KAAK,EAAG;aAClE;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,EAAG;aACjE;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAG;aAC/E;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,oBAAoB;gBAC1B,KAAK,EAAE,CACL,CAAC,UAAU,CACT,KAAK,CAAC,yBAAyB,CAC/B,WAAW,CAAC,eAAe,CAC3B,OAAO,CAAC,MAAM,EACd,CACH;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,iBAAiB;gBACvB,KAAK,EAAE,CAAC,cAAc,CAAC,KAAK,EAAG;aAChC;SACF,CAAC,CACF,OAAO,CAAC,CAAC;YACP,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CACzB;YAAA,CAAC,cAAc,CACb,MAAM,CAAC,CAAC;oBACN;wBACE,IAAI,EAAE,cAAc;wBACpB,KAAK,EAAE,CACL,CAAC,eAAe,CACd,KAAK,CAAC,2CAA2C,CACjD,OAAO,CAAC,MAAM,EACd,CACH;qBACF;oBACD,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,EAAG,EAAE;oBACvE;wBACE,IAAI,EAAE,eAAe;wBACrB,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,uBAAuB,EAAG;qBACtD;iBACF,CAAC,EAEN;UAAA,EAAE,UAAU,CAAC;YACb,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CACrB;YAAA,CAAC,cAAc,CACb,MAAM,CAAC,CAAC;oBACN;wBACE,IAAI,EAAE,cAAc;wBACpB,KAAK,EAAE,CACL,CAAC,eAAe,CACd,KAAK,CAAC,kDAAkD,CACxD,OAAO,CAAC,MAAM,EACd,CACH;qBACF;oBACD,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,EAAG,EAAE;oBACpE;wBACE,IAAI,EAAE,YAAY;wBAClB,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,EAAG;qBACvD;iBACF,CAAC,EAEN;UAAA,EAAE,UAAU,CAAC;SACd,CAAC,EAEN;IAAA,EAAE,WAAW,CAAC,QAAQ,CAAC,CACxB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport {\n  CurrencyDisplay,\n  DateTimeDisplay,\n  URLDisplay,\n  BooleanDisplay,\n  FieldGroup,\n  FieldValueList,\n  LocationDisplay,\n  MapsContext,\n  PhoneDisplay,\n  EmailDisplay\n} from '@pega/cosmos-react-core';\nimport { Details } from '@pega/cosmos-react-work';\n\nexport default {\n  title: 'Work/Details',\n  component: Details\n} as Meta;\n\nexport const DetailsDemo: Story = () => {\n  return (\n    <MapsContext.Provider value={{ name: 'google' }}>\n      <Details\n        highlightedFields={[\n          {\n            id: '1',\n            name: 'Statement balance',\n            value: <CurrencyDisplay value='1289.00' currencyISOCode='USD' />\n          },\n          {\n            id: '2',\n            name: 'Total balance',\n            value: <CurrencyDisplay value='35667.00' currencyISOCode='USD' />\n          },\n          {\n            id: '3',\n            name: 'Available credit',\n            value: <CurrencyDisplay value='5813.00' currencyISOCode='USD' />\n          },\n          {\n            id: '4',\n            name: 'Payment due date',\n            value: <DateTimeDisplay value={Date.now()} variant='datetime' format='long' />\n          },\n          {\n            id: '5',\n            name: 'Available benefits',\n            value: (\n              <URLDisplay\n                value='https://www.google.com/'\n                displayText='View benefits'\n                variant='link'\n              />\n            )\n          },\n          {\n            id: '6',\n            name: 'Platinum member',\n            value: <BooleanDisplay value />\n          }\n        ]}\n        regions={[\n          <FieldGroup name='Personal'>\n            <FieldValueList\n              fields={[\n                {\n                  name: 'Home address',\n                  value: (\n                    <LocationDisplay\n                      value='12 Higgins Bottom Way, Carnell, NH, 02133'\n                      variant='text'\n                    />\n                  )\n                },\n                { name: 'Primary phone', value: <PhoneDisplay value='+15553749637' /> },\n                {\n                  name: 'Primary email',\n                  value: <EmailDisplay value='joe.smith@example.com' />\n                }\n              ]}\n            />\n          </FieldGroup>,\n          <FieldGroup name='Work'>\n            <FieldValueList\n              fields={[\n                {\n                  name: 'Work address',\n                  value: (\n                    <LocationDisplay\n                      value='1 Monolith Business Parkway, Milltown, NH, 02333'\n                      variant='text'\n                    />\n                  )\n                },\n                { name: 'Work phone', value: <PhoneDisplay value='+15553742200' /> },\n                {\n                  name: 'Work email',\n                  value: <EmailDisplay value='jane.smith@example.com' />\n                }\n              ]}\n            />\n          </FieldGroup>\n        ]}\n      />\n    </MapsContext.Provider>\n  );\n};\n"]}

package/jsx/work/SearchResults/SearchResults.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.stories.d.ts","sourceRoot":"","sources":["../../../src/work/SearchResults/SearchResults.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAgB/C,wBAMU;AAIV,UAAU,uBAAuB;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,CA8O5D,CAAC"}
+{"version":3,"file":"SearchResults.stories.d.ts","sourceRoot":"","sources":["../../../src/work/SearchResults/SearchResults.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAiB/C,wBAMU;AAIV,UAAU,uBAAuB;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,CA8O5D,CAAC"}

package/jsx/work/SearchResults/SearchResults.stories.jsx

@@ -1,7 +1,7 @@
 import { useEffect, useState, useMemo } from 'react';
 import { Status, OneColumnPage, Text, Flex } from '@pega/cosmos-react-core';
 import { CasePreview, SearchResults } from '@pega/cosmos-react-work';
-import { AppShellDemo } from '@pega/cosmos-react-demos/lib/core/AppShell/AppShell.stories';
+import { AppShellDemo } from '../../core/AppShell/AppShell.stories';
 import { getInitialResults, initialFilters } from './SearchResults.mocks';
 import { ColoredText, StyledSearchResults } from './SearchResults.styles';
 export default {