@pega/cosmos-react-demos 3.0.0-dev.9.0 → 3.0.0-rc.2

package/lib/work/CaseView/CaseView.mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.mocks.js","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"]}
+{"version":3,"file":"CaseView.mocks.js","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Dispatch, SetStateAction, useEffect, useMemo, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Avatar,\n  Button,\n  Link,\n  createStringMatcher,\n  Modal,\n  Popover,\n  SummaryList,\n  SummaryListProps,\n  useModalManager,\n  useElement,\n  useOuterEvent,\n  ViewAll,\n  Status,\n  createUID,\n  Flex\n} from '@pega/cosmos-react-core';\nimport type { Tab } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.types';\nimport { Glimpse, CaseViewProps } from '@pega/cosmos-react-work';\nimport { TokenMap } from '@pega/cosmos-react-rte';\nimport { FeedProps } from '@pega/cosmos-react-social/lib/components/Feed/Feed';\n\nimport { TableDemo } from '../../core/Table/Table.stories';\nimport { useMockListData } from '../../core/SummaryList/SummaryList.mocks';\nimport { StakeHoldersDemo } from '../Stakeholders/Stakeholders.stories';\nimport { TagsDemo } from '../Tags/Tags.stories';\n\nimport { PulseMock } from './Pulse.mocks';\nimport { Details } from './Details.mocks';\nimport { AttachmentsMock } from './Attachments.mocks';\n\ninterface PreviewSetters {\n  setPreviewCaseId: Dispatch<SetStateAction<string | null>>;\n  setPreviewCurrentTabId: Dispatch<SetStateAction<string>>;\n}\n\nconst createDate = new Date(2016, 1, 8);\nconst msInYear = 1000 * 60 * 60 * 24 * 365;\nconst diffInYears = Math.floor((Date.now() - createDate.getTime()) / msInYear);\n\nexport const tabLabels = ['Details', 'Pulse', 'Accounts'];\n\nexport const baseCaseTabs = tabLabels.map((name): Tab => {\n  return {\n    name,\n    id: name\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 } = useModalManager();\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\nexport const PreviewLinkComponent = ({\n  token: linkToken,\n  setPreviewCaseId,\n  setPreviewCurrentTabId\n}: { token: TokenMap['link'] } & PreviewSetters) => {\n  return (\n    <Link\n      href={linkToken.href}\n      previewable\n      onPreview={() => {\n        setPreviewCaseId(linkToken.href);\n        setPreviewCurrentTabId(`summary-${linkToken.href}`);\n      }}\n    >\n      {linkToken.text}\n    </Link>\n  );\n};\n\nexport const getPulseMarkdownMap = ({\n  setPreviewCaseId,\n  setPreviewCurrentTabId\n}: PreviewSetters): FeedProps['markdownMap'] => {\n  return {\n    link: (linkToken: TokenMap['link']) => {\n      if (linkToken.href?.startsWith('C-')) {\n        return () => (\n          <PreviewLinkComponent\n            token={linkToken}\n            setPreviewCaseId={setPreviewCaseId}\n            setPreviewCurrentTabId={setPreviewCurrentTabId}\n          />\n        );\n      }\n    }\n  };\n};\n\nexport const onMentionPreview = ({\n  id,\n  type,\n  setPreviewCaseId,\n  setPreviewCurrentTabId\n}: {\n  id: string;\n  type: string;\n} & PreviewSetters) => {\n  if (type === 'case') {\n    setPreviewCaseId(id);\n    setPreviewCurrentTabId(`summary-${id}`);\n  }\n};\n\nexport const getTabContent = ({ setPreviewCaseId, setPreviewCurrentTabId }: PreviewSetters) => {\n  return [\n    {\n      id: 'Details',\n      content: <Details />\n    },\n    {\n      id: 'Pulse',\n      content: (\n        <PulseMock\n          markdownMap={getPulseMarkdownMap({ setPreviewCaseId, setPreviewCurrentTabId })}\n          onMentionPreview={({ id, type }) => {\n            onMentionPreview({ id, type, setPreviewCaseId, setPreviewCurrentTabId });\n          }}\n        />\n      )\n    },\n    {\n      id: 'Accounts',\n      content: <TableDemo />\n    },\n    {\n      id: 'not found',\n      content: <h2>Not Found</h2>\n    }\n  ];\n};\n\nexport const previewTabContent = [\n  {\n    id: 'Details',\n    content: <Details />\n  },\n  {\n    id: 'Pulse',\n    content: <PulseMock />\n  },\n  {\n    id: 'Accounts',\n    content: <TableDemo />\n  },\n  {\n    id: 'not found',\n    content: <h2>Not Found</h2>\n  }\n];\n\nexport const getPrimaryFields = () => {\n  return [\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\nconst baseSecondaryFields = [\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\nexport const getSecondaryFields = ({\n  setPreviewCaseId,\n  setPreviewCurrentTabId\n}: PreviewSetters) => {\n  return [\n    ...baseSecondaryFields,\n    {\n      name: 'Created by',\n      value: <MockOperatorFieldValue />\n    },\n    {\n      name: 'Previewable Case',\n      value: (\n        <Link\n          href='/cases/C-456'\n          previewable\n          onPreview={() => {\n            setPreviewCaseId('C-456');\n            setPreviewCurrentTabId('summary-C-456');\n          }}\n        >\n          Previewable Case - C-456\n        </Link>\n      )\n    }\n  ];\n};\n\nexport const casePreviewPrimaryFields = [\n  {\n    name: 'Member ID',\n    value: 'M204859F438G'\n  },\n  {\n    name: 'Priority',\n    value: '95'\n  }\n];\n\nexport const casePreviewSecondaryFields = baseSecondaryFields;\n\nexport const getParentCases = ({\n  caseId,\n  setPreviewCaseId,\n  setPreviewCurrentTabId\n}: {\n  caseId: CaseViewProps['caseId'];\n} & PreviewSetters) => {\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    return {\n      id,\n      primary: `Parent ${5 - i} - ${id}`,\n      href: `/cases/${id}`,\n      previewable: true,\n      onPreview: () => {\n        setPreviewCaseId(id);\n        setPreviewCurrentTabId(`summary-${id}`);\n      }\n    };\n  });\n};\n\nexport const Utilities = () => {\n  return (\n    <>\n      <AttachmentsMock />\n      <StakeHoldersDemo />\n      <MockSummaryList icon='user-star' name='Followers' />\n      <TagsDemo />\n    </>\n  );\n};\n\nexport const getUtilitiesSummaryItems = (): CaseViewProps['utilitiesSummaryItems'] => {\n  return [\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};\n\nexport const getCaseActions = () => {\n  return Array.from({ length: 12 }, (_, i) => {\n    return {\n      text: `Action ${i + 1}`,\n      id: `${i + 1}`,\n      onClick: () => {}\n    };\n  });\n};\n\nexport const getPromotedActions = () => {\n  return [{ id: createUID(), text: 'Promoted action', onClick: () => {} }];\n};\n\nconst StyledPersistentUtilityContent = styled.div(({ theme }) => {\n  return css`\n    height: 100%;\n    border-inline: 0.0625rem dashed ${theme.base.palette['border-line']};\n  `;\n});\n\nexport const PersistentUtilityContent = () => {\n  return (\n    <Flex\n      container={{ justify: 'center', alignItems: 'center' }}\n      as={StyledPersistentUtilityContent}\n    >\n      Persistent utility content\n    </Flex>\n  );\n};\n"]}

package/lib/work/CaseView/CaseView.stories.d.ts

@@ -1,27 +1,9 @@
-import { ReactElement } from 'react';
 import { Meta, Story } from '@storybook/react';
-import { MenuItemProps } from '@pega/cosmos-react-core';
-import { CaseViewProps, CaseHeaderProps, CaseSummaryFieldsProps } from '@pega/cosmos-react-work';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export interface CaseViewStoryProps {
-    banners?: CaseViewProps['banners'];
-    persistentUtility?: CaseViewProps['persistentUtility'];
-    caseId?: string;
-    heading?: string;
-    icon?: ReactElement;
-    parentCases?: MenuItemProps[];
-    primaryFields?: CaseSummaryFieldsProps['primaryFields'];
-    secondaryFields?: CaseSummaryFieldsProps['secondaryFields'];
-    actions?: CaseHeaderProps['actions'];
-    tabs?: any;
-    tasksWidget?: ReactElement;
-    stages?: boolean;
-    showUtilities?: boolean;
-    showFollowedIcon?: boolean;
-    defaultCollapsedUtilities?: boolean;
+export interface CaseViewStoryArgs {
+    persistentUtility?: boolean;
+    parentCases?: boolean;
 }
-export declare const CaseViewDemo: Story<CaseViewStoryProps>;
-export declare const CaseViewWithAppShell: Story;
-export declare const CaseViewWithChat: Story;
+export declare const CaseViewDemo: Story<CaseViewStoryArgs>;
 //# sourceMappingURL=CaseView.stories.d.ts.map

package/lib/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,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,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,EAAE,KAAK,CAAC,kBAAkB,CAuVlD,CAAC;AAYF,eAAO,MAAM,oBAAoB,EAAE,KAElC,CAAC;AAuBF,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAC"}
+{"version":3,"file":"CaseView.stories.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AA2B/C,wBAOU;AAEV,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAoIjD,CAAC"}

package/lib/work/CaseView/CaseView.stories.js

@@ -1,20 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { action } from '@storybook/addon-actions';
-import { Icon, registerIcon, Status, Link, Grid, useBreakpoint } from '@pega/cosmos-react-core';
+import { Icon, registerIcon, 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 '../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';
-import { getTabs, MockOperatorFieldValue, MockSummaryList } from './CaseView.mocks';
+import { baseCaseTabs, casePreviewPrimaryFields, casePreviewSecondaryFields, getCaseActions, getParentCases, getPrimaryFields, getPromotedActions, getSecondaryFields, getTabContent, getUtilitiesSummaryItems, PersistentUtilityContent, Utilities } from './CaseView.mocks';
 registerIcon(userSolidIcon);
 export default {
     title: 'Work/CaseView',
@@ -24,242 +17,54 @@ export default {
         layout: 'fullscreen'
     }
 };
-/*
- _____                 _   _ _
-/  __ \               | | | (_)
-| /  \/ __ _ ___  ___ | | | |_  _____      __
-| |    / _` / __|/ _ \| | | | |/ _ \ \ /\ / /
-| \__/\ (_| \__ \  __/\ \_/ / |  __/\ V  V /
- \____/\__,_|___/\___| \___/|_|\___| \_/\_/
- */
-export const CaseViewDemo = ({ banners, persistentUtility, caseId = 'C-456', parentCases, heading = 'Cosmos demo case', icon = _jsx(Icon, { name: 'user-solid' }), tasksWidget = _jsx(TasksDemo, {}), primaryFields, secondaryFields, actions, tabs, stages = true, showUtilities = true, defaultCollapsedUtilities = false, showFollowedIcon = true }) => {
-    const previewTabItems = getTabs();
-    const [preview, setPreview] = useState(null);
-    const [previewCurrentTabId, setPreviewCurrentTabId] = useState(previewTabItems[0].id);
+export const CaseViewDemo = (args) => {
+    const caseId = 'C-123';
+    const heading = 'Cosmos demo case';
+    const [previewCaseId, setPreviewCaseId] = useState(null);
+    const [previewCurrentTabId, setPreviewCurrentTabId] = useState(baseCaseTabs[0].id);
     const [followed, setFollowed] = useState(false);
     const isMediumOrAbove = useBreakpoint('md');
-    const PreviewLinkComponent = ({ token: linkToken }) => {
-        return (_jsx(Link, { href: linkToken.href, previewable: true, onPreview: () => {
-                setPreview({ id: linkToken.href, name: 'Previewable Case' });
-                setPreviewCurrentTabId(`summary-${linkToken.href}`);
-            }, children: linkToken.text }));
-    };
-    const pulseMarkdownMap = {
-        link: (linkToken) => {
-            if (linkToken.href?.startsWith('C-'))
-                return PreviewLinkComponent;
-        }
-    };
-    const demoTabItems = tabs || getTabs();
-    const [demoCurrentTabId, setDemoCurrentTabId] = useState(isMediumOrAbove ? demoTabItems[0].id : `summary-${caseId}`);
+    const [demoCurrentTabId, setDemoCurrentTabId] = useState(isMediumOrAbove ? baseCaseTabs[0].id : `summary-${caseId}`);
     const demoTabs = {
-        items: demoTabItems,
+        items: baseCaseTabs,
         currentTabId: demoCurrentTabId,
-        onClick: (id) => setDemoCurrentTabId(id)
+        onClick: setDemoCurrentTabId
     };
-    const demoStages = stages ? _jsx(StagesDemo, { currentStage: 3, numberOfStages: 5 }) : undefined;
-    const demoTabContent = useMemo(() => {
-        return [
-            {
-                id: 'Details',
-                content: _jsx(Details, {})
-            },
-            {
-                id: 'Pulse',
-                content: _jsx(PulseMock, { markdownMap: pulseMarkdownMap })
-            },
-            {
-                id: 'Accounts',
-                content: _jsx(TableDemo, {})
-            },
-            {
-                id: 'not found',
-                content: _jsx("h2", { children: "Not Found" })
-            }
-        ];
-    }, []);
     const previewTabs = {
-        items: previewTabItems,
+        items: baseCaseTabs,
         currentTabId: previewCurrentTabId,
-        onClick: (id) => setPreviewCurrentTabId(id)
+        onClick: setPreviewCurrentTabId
     };
-    const previewTabContent = useMemo(() => {
-        return [
-            {
-                id: 'Details',
-                content: _jsx(Details, {})
-            },
-            {
-                id: 'Pulse',
-                content: _jsx(PulseMock, { markdownMap: pulseMarkdownMap })
-            },
-            {
-                id: 'Accounts',
-                content: _jsx(TableDemo, {})
-            },
-            {
-                id: 'not found',
-                content: _jsx("h2", { children: "Not Found" })
-            }
-        ];
-    }, []);
-    const demoPrimaryFields = primaryFields ||
-        [
-            {
-                name: 'Member ID',
-                value: 'M205435569FD'
-            },
-            {
-                name: 'Priority',
-                value: '95'
-            }
-        ].map((f, i) => ({ ...f, id: `p-${i}` }));
-    const createDate = new Date(2016, 1, 8);
-    const msInYear = 1000 * 60 * 60 * 24 * 365;
-    const diffInYears = Math.floor((Date.now() - createDate.getTime()) / msInYear);
-    const demoSecondaryFields = secondaryFields ||
-        [
-            {
-                name: 'Status',
-                value: _jsx(Status, { variant: 'info', children: "New" })
-            },
-            {
-                name: 'Assigned to',
-                value: 'Dean Thomas'
-            },
-            {
-                name: 'Create date',
-                value: createDate.toDateString()
-            },
-            {
-                name: 'Update date',
-                value: `${diffInYears} years ago`
-            },
-            {
-                name: 'Created by',
-                value: _jsx(MockOperatorFieldValue, {})
-            },
-            {
-                name: 'Previewable Case',
-                value: (_jsx(Link, { href: '/cases/C-789', previewable: true, onPreview: () => {
-                        setPreview({ id: 'C-789', name: 'Previewable Case' });
-                        setPreviewCurrentTabId('summary-C-789');
-                    }, children: "Previewable Case - C-789" }))
-            }
-        ].map((f, i) => ({ ...f, id: `s-${i}` }));
-    const demoParentCases = useMemo(() => {
-        if (parentCases) {
-            return parentCases.map(parentCase => {
-                return {
-                    ...parentCase,
-                    onPreview: () => {
-                        setPreview({ id: parentCase.id, name: parentCase.primary });
-                        setPreviewCurrentTabId(`summary-${parentCase.id}`);
-                    }
-                };
-            });
-        }
-        const ids = new Set([caseId]);
-        return Array.from({ length: 5 }, (_, i) => {
-            let id;
-            // Ensure parent ids are unique.
-            do {
-                id = `C-${Math.floor(Math.random() * 200 + 100)}`;
-            } while (ids.has(id));
-            ids.add(id);
-            const name = `Parent ${5 - i}`;
-            return {
-                id,
-                primary: `${name} - ${id}`,
-                href: `/cases/${id}`,
-                previewable: true,
-                onPreview: () => {
-                    setPreview({ id, name });
-                    setPreviewCurrentTabId(`summary-${id}`);
-                }
-            };
-        });
-    }, [caseId, parentCases]);
-    return (_jsxs(_Fragment, { children: [_jsx(CasePreview, { open: !!preview, caseId: preview?.id ?? '', parentCases: [...demoParentCases]
-                    .splice(0, demoParentCases.findIndex(c => c.id === preview?.id))
-                    .map(c => {
-                    return { ...c, id: `preview-${c.id}` };
-                }), heading: preview?.name ?? '', caseLink: { href: `/cases/${preview?.id}`, target: '_blank' }, icon: icon, followed: showFollowedIcon ? !followed : undefined, onEdit: action('Case Preview Edit was clicked'), actions: actions ||
-                    Array.from({ length: 12 }, (_, i) => {
-                        return {
-                            text: `Action ${i + 1}`,
-                            id: `${i + 1}`,
-                            onClick: action(`Clicked Option Number ${i + 1}`)
-                        };
-                    }), summary: _jsx(CaseSummaryFields, { primaryFields: [
-                        {
-                            name: 'Member ID',
-                            value: 'M204859F438G'
-                        },
-                        {
-                            name: 'Priority',
-                            value: '95'
-                        }
-                    ].map((f, i) => ({ ...f, id: `p-${i}` })), secondaryFields: [
-                        {
-                            name: 'Status',
-                            value: _jsx(Status, { variant: 'info', children: "New" })
-                        },
-                        {
-                            name: 'Assigned to',
-                            value: 'Dean Thomas'
-                        },
-                        {
-                            name: 'Create date',
-                            value: createDate.toDateString()
-                        },
-                        {
-                            name: 'Update date',
-                            value: `${diffInYears} years ago`
-                        }
-                    ].map((f, i) => ({ ...f, id: `s-${i}` })) }), stages: demoStages, tasks: tasksWidget, tabs: previewTabs, tabContent: previewTabContent, utilities: showUtilities ? (_jsxs(Grid, { container: { rowGap: 2 }, children: [_jsx(AttachmentsMock, {}), _jsx(StakeHoldersDemo, {}), _jsx(MockSummaryList, { icon: 'user-star', name: 'Followers' }), _jsx(TagsDemo, {})] })) : (_jsx(Grid, { container: { rowGap: 2 }, children: _jsx(AttachmentsMock, {}) })), onBeforeClose: () => {
-                    // TODO: Maybe should handle syncing state to avoid additional render with duplicate prop value
-                    if (preview) {
-                        setPreview(null);
-                    }
-                } }), _jsx(CaseView, { caseId: caseId, parentCases: demoParentCases, heading: heading, icon: icon, followed: showFollowedIcon ? followed : undefined, onFollowedChange: showFollowedIcon ? setFollowed : undefined, actions: actions ||
-                    Array.from({ length: 12 }, (_, i) => {
-                        return {
-                            text: `Action ${i + 1}`,
-                            id: `${i + 1}`,
-                            onClick: action(`Clicked Option Number ${i + 1}`)
-                        };
-                    }), onEdit: action('Case View Edit was clicked'), summary: _jsx(CaseSummaryFields, { primaryFields: demoPrimaryFields, secondaryFields: demoSecondaryFields }), tabs: demoTabs, banners: banners, persistentUtility: persistentUtility, stages: demoStages, tasks: tasksWidget, tabContent: demoTabContent, defaultCollapsedUtilities: defaultCollapsedUtilities, utilities: showUtilities ? (_jsxs(_Fragment, { children: [_jsx(AttachmentsMock, {}), _jsx(StakeHoldersDemo, {}), _jsx(MockSummaryList, { icon: 'user-star', name: 'Followers' }), _jsx(TagsDemo, {})] })) : (_jsx(AttachmentsMock, {})), utilitiesSummaryItems: showUtilities
-                    ? [
-                        { iconName: 'paper-clip', count: 4 },
-                        { iconName: 'user-search-solid', count: 10 },
-                        { iconName: 'user-star-solid', count: 5 },
-                        { iconName: 'tag', count: 10 }
-                    ]
-                    : [{ iconName: 'paper-clip', count: 4 }] })] }));
-};
-/*
- _____                 _   _ _                       ___              _____ _          _ _
-/  __ \               | | | (_)                     / _ \            /  ___| |        | | |
-| /  \/ __ _ ___  ___ | | | |_  _____      ________/ /_\ \_ __  _ __ \ `--.| |__   ___| | |
-| |    / _` / __|/ _ \| | | | |/ _ \ \ /\ / /______|  _  | '_ \| '_ \ `--. \ '_ \ / _ \ | |
-| \__/\ (_| \__ \  __/\ \_/ / |  __/\ V  V /       | | | | |_) | |_) /\__/ / | | |  __/ | |
- \____/\__,_|___/\___| \___/|_|\___| \_/\_/        \_| |_/ .__/| .__/\____/|_| |_|\___|_|_|
-                                                         | |   | |
-                                                         |_|   |_|
- */
-export const CaseViewWithAppShell = (props) => {
-    return _jsx(AppShellDemo, { appHeader: true, main: _jsx(CaseViewDemo, { ...props }) });
+    const tabContent = getTabContent({ setPreviewCaseId, setPreviewCurrentTabId });
+    const parentCases = getParentCases({
+        caseId,
+        setPreviewCaseId,
+        setPreviewCurrentTabId
+    });
+    const demoStages = _jsx(StagesDemo, { currentStage: 3 });
+    const [summaryExpanded, setSummaryExpanded] = useState(true);
+    const [utilitiesExpanded, setUtilitiesExpanded] = useState(true);
+    return (_jsx(AppShellDemo, { appHeader: true, main: _jsxs(_Fragment, { children: [previewCaseId && (_jsx(CasePreview, { open: true, onAfterClose: () => {
+                        setPreviewCaseId(null);
+                    }, caseId: previewCaseId, parentCases: Math.random() > 0.5
+                        ? [...parentCases]
+                            .filter(c => c.id !== previewCaseId)
+                            .map(c => ({ ...c, id: `preview-${c.id}` }))
+                        : undefined, heading: 'Previewable demo case', subheading: previewCaseId, caseLink: { href: `/cases/${previewCaseId}`, target: '_blank' }, icon: _jsx(Icon, { name: 'user-solid' }), followed: !followed, onEdit: action('Case Preview Edit was clicked'), actions: getCaseActions(), summary: _jsx(CaseSummaryFields, { primaryFields: casePreviewPrimaryFields, secondaryFields: casePreviewSecondaryFields }), stages: demoStages, tasks: _jsx(TasksDemo, {}), tabs: previewTabs, tabContent: tabContent, utilities: _jsx(Grid, { container: { rowGap: 2 }, children: _jsx(Utilities, {}) }) })), _jsx(CaseView, { caseId: caseId, parentCases: args.parentCases
+                        ? getParentCases({
+                            caseId,
+                            setPreviewCaseId,
+                            setPreviewCurrentTabId
+                        })
+                        : undefined, heading: heading, subheading: caseId, icon: _jsx(Icon, { name: 'user-solid' }), followed: followed, onFollowedChange: setFollowed, actions: getCaseActions(), promotedActions: getPromotedActions(), onEdit: action('Case View Edit was clicked'), summary: _jsx(CaseSummaryFields, { primaryFields: getPrimaryFields(), secondaryFields: getSecondaryFields({ setPreviewCaseId, setPreviewCurrentTabId }) }), summaryExpanded: summaryExpanded, onToggleSummary: () => {
+                        setSummaryExpanded(cur => !cur);
+                    }, tabs: demoTabs, persistentUtility: args.persistentUtility
+                        ? { title: 'Persistent utility', content: _jsx(PersistentUtilityContent, {}) }
+                        : undefined, stages: demoStages, tasks: _jsx(TasksDemo, {}), tabContent: tabContent, utilities: _jsx(Utilities, {}), utilitiesSummaryItems: getUtilitiesSummaryItems(), utilitiesExpanded: utilitiesExpanded, onToggleUtilities: () => {
+                        setUtilitiesExpanded(cur => !cur);
+                    } })] }) }));
 };
-/*
- _____                 _   _ _                      _____ _           _
-/  __ \               | | | (_)                    /  __ \ |         | |
-| /  \/ __ _ ___  ___ | | | |_  _____      ________| /  \/ |__   __ _| |_
-| |    / _` / __|/ _ \| | | | |/ _ \ \ /\ / /______| |   | '_ \ / _` | __|
-| \__/\ (_| \__ \  __/\ \_/ / |  __/\ V  V /       | \__/\ | | | (_| | |_
- \____/\__,_|___/\___| \___/|_|\___| \_/\_/         \____/_| |_|\__,_|\__|
- */
-CaseViewWithAppShell.parameters = {
+CaseViewDemo.parameters = {
     eyes: {
         runBefore: () => {
             document
@@ -270,7 +75,12 @@ CaseViewWithAppShell.parameters = {
         }
     }
 };
-export const CaseViewWithChat = (props) => {
-    return (_jsx(AppShellDemo, { appHeader: true, main: _jsx(CaseViewDemo, { persistentUtility: { content: _jsx(StandardChat, { chatWidth: '100%' }), title: 'Chat' }, ...props }) }));
+CaseViewDemo.args = {
+    persistentUtility: false,
+    parentCases: false
+};
+CaseViewDemo.argTypes = {
+    persistentUtility: { control: { type: 'boolean' } },
+    parentCases: { control: { type: 'boolean' } }
 };
 //# sourceMappingURL=CaseView.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.stories.js","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,IAAI,EAEJ,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AACnG,OAAO,EACL,QAAQ,EAER,WAAW,EAEX,iBAAiB,EAElB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpF,YAAY,CAAC,aAAa,CAAC,CAAC;AAE5B,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAQ;IACnB,cAAc,EAAE,CAAC,cAAc,EAAE,sBAAsB,EAAE,kBAAkB,CAAC;IAC5E,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAoBV;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAA8B,CAAC,EACtD,OAAO,EACP,iBAAiB,EACjB,MAAM,GAAG,OAAO,EAChB,WAAW,EACX,OAAO,GAAG,kBAAkB,EAC5B,IAAI,GAAG,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EACjC,WAAW,GAAG,KAAC,SAAS,KAAG,EAC3B,aAAa,EACb,eAAe,EACf,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,aAAa,GAAG,IAAI,EACpB,yBAAyB,GAAG,KAAK,EACjC,gBAAgB,GAAG,IAAI,EACJ,EAAE,EAAE;IACvB,MAAM,eAAe,GAAG,OAAO,EAAE,CAAC;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAsC,IAAI,CAAC,CAAC;IAClF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACtF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAE5C,MAAM,oBAAoB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAA+B,EAAE,EAAE;QACjF,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,WAAW,QACX,SAAS,EAAE,GAAG,EAAE;gBACd,UAAU,CAAC,EAAE,EAAE,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC;gBAC7D,sBAAsB,CAAC,WAAW,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;YACtD,CAAC,YAEA,SAAS,CAAC,IAAI,GACV,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACvB,IAAI,EAAE,CAAC,SAA2B,EAAE,EAAE;YACpC,IAAI,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC;gBAAE,OAAO,oBAAoB,CAAC;QACpE,CAAC;KACF,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,IAAI,OAAO,EAAE,CAAC;IAEvC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,MAAM,EAAE,CAC3D,CAAC;IAEF,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,YAAY;QACnB,YAAY,EAAE,gBAAgB;QAC9B,OAAO,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC;KACjD,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,YAAY,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3F,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO;YACL;gBACE,EAAE,EAAE,SAAS;gBACb,OAAO,EAAE,KAAC,OAAO,KAAG;aACrB;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,OAAO,EAAE,KAAC,SAAS,IAAC,WAAW,EAAE,gBAAgB,GAAI;aACtD;YACD;gBACE,EAAE,EAAE,UAAU;gBACd,OAAO,EAAE,KAAC,SAAS,KAAG;aACvB;YACD;gBACE,EAAE,EAAE,WAAW;gBACf,OAAO,EAAE,qCAAkB;aAC5B;SACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG;QAClB,KAAK,EAAE,eAAe;QACtB,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,CAAC;KACpD,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO;YACL;gBACE,EAAE,EAAE,SAAS;gBACb,OAAO,EAAE,KAAC,OAAO,KAAG;aACrB;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,OAAO,EAAE,KAAC,SAAS,IAAC,WAAW,EAAE,gBAAgB,GAAI;aACtD;YACD;gBACE,EAAE,EAAE,UAAU;gBACd,OAAO,EAAE,KAAC,SAAS,KAAG;aACvB;YACD;gBACE,EAAE,EAAE,WAAW;gBACf,OAAO,EAAE,qCAAkB;aAC5B;SACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GACrB,aAAa;QACb;YACE;gBACE,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,cAAc;aACtB;YACD;gBACE,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,IAAI;aACZ;SACF,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC;IAE/E,MAAM,mBAAmB,GACvB,eAAe;QACf;YACE;gBACE,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,oBAAa;aAC3C;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,KAAK,EAAE,aAAa;aACrB;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE;aACjC;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,KAAK,EAAE,GAAG,WAAW,YAAY;aAClC;YACD;gBACE,IAAI,EAAE,YAAY;gBAClB,KAAK,EAAE,KAAC,sBAAsB,KAAG;aAClC;YACD;gBACE,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,CACL,KAAC,IAAI,IACH,IAAI,EAAC,cAAc,EACnB,WAAW,QACX,SAAS,EAAE,GAAG,EAAE;wBACd,UAAU,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC;wBACtD,sBAAsB,CAAC,eAAe,CAAC,CAAC;oBAC1C,CAAC,yCAGI,CACR;aACF;SACF,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAE5C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,WAAW,EAAE;YACf,OAAO,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;gBAClC,OAAO;oBACL,GAAG,UAAU;oBACb,SAAS,EAAE,GAAG,EAAE;wBACd,UAAU,CAAC,EAAE,EAAE,EAAE,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;wBAC5D,sBAAsB,CAAC,WAAW,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC;oBACrD,CAAC;iBACF,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;QAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QAE9B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACxC,IAAI,EAAU,CAAC;YACf,gCAAgC;YAChC,GAAG;gBACD,EAAE,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC;aACnD,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACtB,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAEZ,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAE/B,OAAO;gBACL,EAAE;gBACF,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,EAAE;gBAC1B,IAAI,EAAE,UAAU,EAAE,EAAE;gBACpB,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,GAAG,EAAE;oBACd,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;oBACzB,sBAAsB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;gBAC1C,CAAC;aACF,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,8BACE,KAAC,WAAW,IACV,IAAI,EAAE,CAAC,CAAC,OAAO,EACf,MAAM,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,EACzB,WAAW,EAAE,CAAC,GAAG,eAAe,CAAC;qBAC9B,MAAM,CACL,CAAC,EACD,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,EAAE,EAAE,CAAC,CACrD;qBACA,GAAG,CAAC,CAAC,CAAC,EAAE;oBACP,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;gBACzC,CAAC,CAAC,EACJ,OAAO,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAC7D,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,MAAM,CAAC,+BAA+B,CAAC,EAC/C,OAAO,EACL,OAAO;oBACP,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;wBAClC,OAAO;4BACL,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE;4BACvB,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE;4BACd,OAAO,EAAE,MAAM,CAAC,yBAAyB,CAAC,GAAG,CAAC,EAAE,CAAC;yBAClD,CAAC;oBACJ,CAAC,CAAC,EAEJ,OAAO,EACL,KAAC,iBAAiB,IAChB,aAAa,EAAE;wBACb;4BACE,IAAI,EAAE,WAAW;4BACjB,KAAK,EAAE,cAAc;yBACtB;wBACD;4BACE,IAAI,EAAE,UAAU;4BAChB,KAAK,EAAE,IAAI;yBACZ;qBACF,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EACzC,eAAe,EAAE;wBACf;4BACE,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,oBAAa;yBAC3C;wBACD;4BACE,IAAI,EAAE,aAAa;4BACnB,KAAK,EAAE,aAAa;yBACrB;wBACD;4BACE,IAAI,EAAE,aAAa;4BACnB,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE;yBACjC;wBACD;4BACE,IAAI,EAAE,aAAa;4BACnB,KAAK,EAAE,GAAG,WAAW,YAAY;yBAClC;qBACF,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GACzC,EAEJ,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EACP,aAAa,CAAC,CAAC,CAAC,CACd,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,aAC5B,KAAC,eAAe,KAAG,EACnB,KAAC,gBAAgB,KAAG,EACpB,KAAC,eAAe,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,WAAW,GAAG,EACrD,KAAC,QAAQ,KAAG,IACP,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YAC5B,KAAC,eAAe,KAAG,GACd,CACR,EAEH,aAAa,EAAE,GAAG,EAAE;oBAClB,+FAA+F;oBAC/F,IAAI,OAAO,EAAE;wBACX,UAAU,CAAC,IAAI,CAAC,CAAC;qBAClB;gBACH,CAAC,GACD,EACF,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjD,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC5D,OAAO,EACL,OAAO;oBACP,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;wBAClC,OAAO;4BACL,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE;4BACvB,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE;4BACd,OAAO,EAAE,MAAM,CAAC,yBAAyB,CAAC,GAAG,CAAC,EAAE,CAAC;yBAClD,CAAC;oBACJ,CAAC,CAAC,EAEJ,MAAM,EAAE,MAAM,CAAC,4BAA4B,CAAC,EAC5C,OAAO,EACL,KAAC,iBAAiB,IAChB,aAAa,EAAE,iBAAiB,EAChC,eAAe,EAAE,mBAAmB,GACpC,EAEJ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,cAAc,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,SAAS,EACP,aAAa,CAAC,CAAC,CAAC,CACd,8BACE,KAAC,eAAe,KAAG,EACnB,KAAC,gBAAgB,KAAG,EACpB,KAAC,eAAe,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,WAAW,GAAG,EACrD,KAAC,QAAQ,KAAG,IACX,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,KAAG,CACpB,EAEH,qBAAqB,EACnB,aAAa;oBACX,CAAC,CAAC;wBACE,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE;wBACpC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,EAAE;wBAC5C,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,EAAE;wBACzC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;qBAC/B;oBACH,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,GAE5C,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAU,CAAC,KAAyB,EAAE,EAAE;IACvE,OAAO,KAAC,YAAY,IAAC,SAAS,QAAC,IAAI,EAAE,KAAC,YAAY,OAAK,KAAK,GAAI,GAAI,CAAC;AACvE,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,oBAAoB,CAAC,UAAU,GAAG;IAChC,IAAI,EAAE;QACJ,SAAS,EAAE,GAAG,EAAE;YACd,QAAQ;iBACL,aAAa;YACZ,8BAA8B;YAC9B,wBAAwB,CACzB;gBACD,EAAE,KAAK,EAAE,CAAC;QACd,CAAC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU,CAAC,KAAyB,EAAE,EAAE;IACnE,OAAO,CACL,KAAC,YAAY,IACX,SAAS,QACT,IAAI,EACF,KAAC,YAAY,IACX,iBAAiB,EAAE,EAAE,OAAO,EAAE,KAAC,YAAY,IAAC,SAAS,EAAC,MAAM,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAC5E,KAAK,GACT,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useState, ReactElement, useMemo } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } 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: Story<CaseViewStoryProps> = ({\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: Story = (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: Story = (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.js","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport { Icon, registerIcon, Grid, useBreakpoint } from '@pega/cosmos-react-core';\nimport * as userSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/user-solid.icon';\nimport { CaseView, CasePreview, CaseSummaryFields } from '@pega/cosmos-react-work';\n\nimport { TasksDemo } from '../Tasks/Tasks.stories';\nimport { AppShellDemo } from '../../core/AppShell/AppShell.stories';\nimport { StagesDemo } from '../Stages/Stages.stories';\n\nimport {\n  baseCaseTabs,\n  casePreviewPrimaryFields,\n  casePreviewSecondaryFields,\n  getCaseActions,\n  getParentCases,\n  getPrimaryFields,\n  getPromotedActions,\n  getSecondaryFields,\n  getTabContent,\n  getUtilitiesSummaryItems,\n  PersistentUtilityContent,\n  Utilities\n} 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 CaseViewStoryArgs {\n  persistentUtility?: boolean;\n  parentCases?: boolean;\n}\n\nexport const CaseViewDemo: Story<CaseViewStoryArgs> = (args: CaseViewStoryArgs) => {\n  const caseId = 'C-123';\n  const heading = 'Cosmos demo case';\n\n  const [previewCaseId, setPreviewCaseId] = useState<null | string>(null);\n  const [previewCurrentTabId, setPreviewCurrentTabId] = useState(baseCaseTabs[0].id);\n  const [followed, setFollowed] = useState(false);\n\n  const isMediumOrAbove = useBreakpoint('md');\n\n  const [demoCurrentTabId, setDemoCurrentTabId] = useState(\n    isMediumOrAbove ? baseCaseTabs[0].id : `summary-${caseId}`\n  );\n\n  const demoTabs = {\n    items: baseCaseTabs,\n    currentTabId: demoCurrentTabId,\n    onClick: setDemoCurrentTabId\n  };\n\n  const previewTabs = {\n    items: baseCaseTabs,\n    currentTabId: previewCurrentTabId,\n    onClick: setPreviewCurrentTabId\n  };\n\n  const tabContent = getTabContent({ setPreviewCaseId, setPreviewCurrentTabId });\n\n  const parentCases = getParentCases({\n    caseId,\n    setPreviewCaseId,\n    setPreviewCurrentTabId\n  });\n\n  const demoStages = <StagesDemo currentStage={3} />;\n\n  const [summaryExpanded, setSummaryExpanded] = useState(true);\n  const [utilitiesExpanded, setUtilitiesExpanded] = useState(true);\n\n  return (\n    <AppShellDemo\n      appHeader\n      main={\n        <>\n          {previewCaseId && (\n            <CasePreview\n              open\n              onAfterClose={() => {\n                setPreviewCaseId(null);\n              }}\n              caseId={previewCaseId}\n              parentCases={\n                Math.random() > 0.5\n                  ? [...parentCases]\n                      .filter(c => c.id !== previewCaseId)\n                      .map(c => ({ ...c, id: `preview-${c.id}` }))\n                  : undefined\n              }\n              heading='Previewable demo case'\n              subheading={previewCaseId}\n              caseLink={{ href: `/cases/${previewCaseId}`, target: '_blank' }}\n              icon={<Icon name='user-solid' />}\n              followed={!followed}\n              onEdit={action('Case Preview Edit was clicked')}\n              actions={getCaseActions()}\n              summary={\n                <CaseSummaryFields\n                  primaryFields={casePreviewPrimaryFields}\n                  secondaryFields={casePreviewSecondaryFields}\n                />\n              }\n              stages={demoStages}\n              tasks={<TasksDemo />}\n              tabs={previewTabs}\n              tabContent={tabContent}\n              utilities={\n                <Grid container={{ rowGap: 2 }}>\n                  <Utilities />\n                </Grid>\n              }\n            />\n          )}\n\n          <CaseView\n            caseId={caseId}\n            parentCases={\n              args.parentCases\n                ? getParentCases({\n                    caseId,\n                    setPreviewCaseId,\n                    setPreviewCurrentTabId\n                  })\n                : undefined\n            }\n            heading={heading}\n            subheading={caseId}\n            icon={<Icon name='user-solid' />}\n            followed={followed}\n            onFollowedChange={setFollowed}\n            actions={getCaseActions()}\n            promotedActions={getPromotedActions()}\n            onEdit={action('Case View Edit was clicked')}\n            summary={\n              <CaseSummaryFields\n                primaryFields={getPrimaryFields()}\n                secondaryFields={getSecondaryFields({ setPreviewCaseId, setPreviewCurrentTabId })}\n              />\n            }\n            summaryExpanded={summaryExpanded}\n            onToggleSummary={() => {\n              setSummaryExpanded(cur => !cur);\n            }}\n            tabs={demoTabs}\n            persistentUtility={\n              args.persistentUtility\n                ? { title: 'Persistent utility', content: <PersistentUtilityContent /> }\n                : undefined\n            }\n            stages={demoStages}\n            tasks={<TasksDemo />}\n            tabContent={tabContent}\n            utilities={<Utilities />}\n            utilitiesSummaryItems={getUtilitiesSummaryItems()}\n            utilitiesExpanded={utilitiesExpanded}\n            onToggleUtilities={() => {\n              setUtilitiesExpanded(cur => !cur);\n            }}\n          />\n        </>\n      }\n    />\n  );\n};\n\nCaseViewDemo.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\nCaseViewDemo.args = {\n  persistentUtility: false,\n  parentCases: false\n};\n\nCaseViewDemo.argTypes = {\n  persistentUtility: { control: { type: 'boolean' } },\n  parentCases: { control: { type: 'boolean' } }\n};\n"]}

package/lib/work/CaseView/Pulse.mocks.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { MDMap } from '@pega/cosmos-react-rte';
-export declare const PulseMock: ({ markdownMap }: {
-    markdownMap?: MDMap | undefined;
+import { FeedProps } from '@pega/cosmos-react-social/lib/components/Feed/Feed';
+export declare const PulseMock: ({ markdownMap, onMentionPreview }: {
+    markdownMap?: FeedProps['markdownMap'];
+    onMentionPreview?: FeedProps['onMentionPreview'];
 }) => JSX.Element;
 //# sourceMappingURL=Pulse.mocks.d.ts.map

package/lib/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;AAM/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,SAAS,EAAE,MAAM,oDAAoD,CAAC;AAM/E,eAAO,MAAM,SAAS;kBAIN,SAAS,CAAC,aAAa,CAAC;uBACnB,SAAS,CAAC,kBAAkB,CAAC;iBAoDjD,CAAC"}

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

@@ -3,7 +3,7 @@ import { useMemo, useState } from 'react';
 import { Tabs, TabPanel, Flex, Table, Card, CardContent } from '@pega/cosmos-react-core';
 import { FeedDemo } from '../../social/Feed/Feed.stories';
 const msInHour = 60 * 60 * 1000;
-export const PulseMock = ({ markdownMap }) => {
+export const PulseMock = ({ markdownMap, onMentionPreview }) => {
     const [currentTab, setCurrentTab] = useState('pulse');
     const historyData = useMemo(() => Array.from({ length: 37 }, (_, i) => {
         return {
@@ -16,7 +16,7 @@ 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 }), _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: [
+                ], currentTabId: currentTab, onTabClick: setCurrentTab }), _jsxs(TabPanel, { tabId: currentTab, children: [currentTab === 'pulse' && (_jsx(FeedDemo, { markdownMap: markdownMap, onMentionPreview: onMentionPreview })), 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' }

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

@@ -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,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"]}
+{"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,EACxB,WAAW,EACX,gBAAgB,EAIjB,EAAE,EAAE;IACH,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,CACzB,KAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CAC3E,EACA,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 { FeedProps } from '@pega/cosmos-react-social/lib/components/Feed/Feed';\n\nimport { FeedDemo } from '../../social/Feed/Feed.stories';\n\nconst msInHour = 60 * 60 * 1000;\n\nexport const PulseMock = ({\n  markdownMap,\n  onMentionPreview\n}: {\n  markdownMap?: FeedProps['markdownMap'];\n  onMentionPreview?: FeedProps['onMentionPreview'];\n}) => {\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' && (\n          <FeedDemo markdownMap={markdownMap} onMentionPreview={onMentionPreview} />\n        )}\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.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableLayout.stories.d.ts","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAa/C,wBAKU;AAEV,eAAO,MAAM,+BAA+B,EAAE,KAgC7C,CAAC"}
+{"version":3,"file":"ConfigurableLayout.stories.d.ts","sourceRoot":"","sources":["../../../src/work/ConfigurableLayout/ConfigurableLayout.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAa/C,wBAMU;AAEV,eAAO,MAAM,+BAA+B,EAAE,KAgC7C,CAAC"}

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

@@ -6,6 +6,7 @@ import { AppShellDemo as AppShell } from '../../core/AppShell/AppShell.stories';
 import { regionAItems, regionBItems } from './ConfigurableLayout.mocks';
 export default {
     title: 'Work/ConfigurableLayout',
+    component: ConfigurableLayout,
     parameters: {
         layout: 'fullscreen'
     }