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

package/lib/social/Feed/FeedReplyInput.stories.js

@@ -15,7 +15,7 @@ export const FeedReplyInputDemo = ({ onSubmit, renderFeed = true }) => {
         if (type === 'mention') {
             const availableMentions = mentionType === 'case' ? caseMentions : userMentions;
             const mentions = availableMentions
-                .filter((user) => {
+                .filter(user => {
                 const names = user.primary.toLowerCase().split(' ');
                 const searchWords = search.toLowerCase().split(' ');
                 return !!searchWords.every((word) => names.find((name) => name.startsWith(word)));
@@ -24,7 +24,7 @@ export const FeedReplyInputDemo = ({ onSubmit, renderFeed = true }) => {
                 return {
                     id,
                     primary,
-                    secondary,
+                    secondary: secondary !== undefined && !Array.isArray(secondary) ? [secondary] : secondary,
                     visual,
                     href
                 };

package/lib/social/Feed/FeedReplyInput.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedReplyInput.stories.js","sourceRoot":"","sources":["../../../src/social/Feed/FeedReplyInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAiB,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,IAAI,EACJ,cAAc,EAGf,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE1D,eAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,cAAc;CAClB,CAAC;AAOV,MAAM,CAAC,MAAM,kBAAkB,GAAmC,CAAC,EACjE,QAAQ,EACR,UAAU,GAAG,IAAI,EACO,EAAE,EAAE;IAC5B,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IACxE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAEpE,MAAM,QAAQ,GAAG,CAAC,EAChB,IAAI,EACJ,MAAM,EACN,WAAW,EAKZ,EAAE,EAAE;QACH,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,MAAM,iBAAiB,GAAG,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;YAE/E,MAAM,QAAQ,GAAoB,iBAAiB;iBAChD,MAAM,CAAC,CAAC,IAAkB,EAAE,EAAE;gBAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBACpD,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBACpD,OAAO,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,IAAY,EAAE,EAAE,CAC1C,KAAK,CAAC,IAAI,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CACpD,CAAC;YACJ,CAAC,CAAC;iBACD,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;gBAChD,OAAO;oBACL,EAAE;oBACF,OAAO;oBACP,SAAS;oBACT,MAAM;oBACN,IAAI;iBACL,CAAC;YACJ,CAAC,CAAC,CAAC;YACL,gBAAgB,CAAC,QAAQ,CAAC,CAAC;SAC5B;aAAM;YACL,gBAAgB,CACd,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;iBAC1B,MAAM,CAAC,GAAG,CAAC,EAAE;gBACZ,OAAO,GAAG,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;YAC1D,CAAC,CAAC;iBACD,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAC3C,CAAC;SACH;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,EAAE;QAC9C,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,OAAO;gBAAE,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAEpF,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE;gBACnB,cAAc,CAAC,OAAO,CAAC,EAAE;oBACvB,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC;gBACnD,CAAC,CAAC,CAAC;YACL,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CACjB,KAAC,cAAc,IACb,EAAE,EAAE,GAAG,EACP,YAAY,EAAC,cAAc,EAC3B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,UAAU,CAAC,EAAE;YACrB,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC;YACvB,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,UAAU,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC,GACD,CACH,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,KAAC,IAAI,IACH,KAAK,EAAC,OAAO,EACb,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7B,iBAAiB,EAAE,QAAQ,EAC3B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,EAC1D,KAAK,EAAE,CAAC,UAAU,CAAC,GACnB,CACH,CAAC,CAAC,CAAC,CACF,UAAU,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { MenuItemProps, useUID } from '@pega/cosmos-react-core';\nimport {\n  Feed,\n  FeedReplyInput,\n  FeedReplyInputProps,\n  AttachedFiles\n} from '@pega/cosmos-react-social';\nimport { GlimpseProps } from '@pega/cosmos-react-work';\n\nimport { caseMentions, userMentions } from './Feed.mocks';\n\nexport default {\n  title: 'Social/Feed/FeedReplyInput',\n  component: FeedReplyInput\n} as Meta;\n\ninterface FeedReplyInputDemoProps {\n  onSubmit?: FeedReplyInputProps['onSubmit'];\n  renderFeed?: boolean;\n}\n\nexport const FeedReplyInputDemo: Story<FeedReplyInputDemoProps> = ({\n  onSubmit,\n  renderFeed = true\n}: FeedReplyInputDemoProps) => {\n  const key = useUID();\n  const [searchResults, setSearchResults] = useState<MenuItemProps[]>([]);\n  const [attachments, setAttachments] = useState<AttachedFiles[]>([]);\n\n  const onSearch = ({\n    type,\n    search,\n    mentionType\n  }: {\n    type: 'mention' | 'tag';\n    search: string;\n    mentionType: string;\n  }) => {\n    if (type === 'mention') {\n      const availableMentions = mentionType === 'case' ? caseMentions : userMentions;\n\n      const mentions: MenuItemProps[] = availableMentions\n        .filter((user: GlimpseProps) => {\n          const names = user.primary.toLowerCase().split(' ');\n          const searchWords = search.toLowerCase().split(' ');\n          return !!searchWords.every((word: string) =>\n            names.find((name: string) => name.startsWith(word))\n          );\n        })\n        .map(({ id, primary, secondary, visual, href }) => {\n          return {\n            id,\n            primary,\n            secondary,\n            visual,\n            href\n          };\n        });\n      setSearchResults(mentions);\n    } else {\n      setSearchResults(\n        ['cosmos', 'hashtag', 'pega']\n          .filter(tag => {\n            return tag.toLowerCase().includes(search.toLowerCase());\n          })\n          .map(tag => ({ id: tag, primary: tag }))\n      );\n    }\n  };\n\n  const onFilesAdded = (files: AttachedFiles[]) => {\n    files.forEach(file => {\n      if (file.type.split('/')[0] === 'image') file.thumbnail = URL.createObjectURL(file);\n\n      file.onDelete = () => {\n        setAttachments(current => {\n          return current.filter(x => x.name !== file.name);\n        });\n      };\n    });\n\n    setAttachments(files);\n  };\n\n  const replyInput = (\n    <FeedReplyInput\n      id={key}\n      commentLabel='Send Comment'\n      attachments={attachments}\n      placeholder='Add a comment'\n      onFilesAdded={onFilesAdded}\n      onSubmit={replyEvent => {\n        onSubmit?.(replyEvent);\n        setAttachments([]);\n        replyEvent.clear();\n      }}\n    />\n  );\n\n  return renderFeed ? (\n    <Feed\n      title='Pulse'\n      searchTypes={['user', 'case']}\n      onDecoratorSearch={onSearch}\n      searchResults={searchResults}\n      userInfo={{ username: 'demo_user', fullname: 'Demo User' }}\n      posts={[replyInput]}\n    />\n  ) : (\n    replyInput\n  );\n};\n"]}
+{"version":3,"file":"FeedReplyInput.stories.js","sourceRoot":"","sources":["../../../src/social/Feed/FeedReplyInput.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\n\nimport { MenuItemProps, useUID } from '@pega/cosmos-react-core';\nimport {\n  Feed,\n  FeedReplyInput,\n  FeedReplyInputProps,\n  AttachedFiles\n} from '@pega/cosmos-react-social';\n\nimport { caseMentions, userMentions } from './Feed.mocks';\n\nexport default {\n  title: 'Social/Feed/FeedReplyInput',\n  component: FeedReplyInput\n} as Meta;\n\ninterface FeedReplyInputDemoProps {\n  onSubmit?: FeedReplyInputProps['onSubmit'];\n  renderFeed?: boolean;\n}\n\nexport const FeedReplyInputDemo: Story<FeedReplyInputDemoProps> = ({\n  onSubmit,\n  renderFeed = true\n}: FeedReplyInputDemoProps) => {\n  const key = useUID();\n  const [searchResults, setSearchResults] = useState<MenuItemProps[]>([]);\n  const [attachments, setAttachments] = useState<AttachedFiles[]>([]);\n\n  const onSearch = ({\n    type,\n    search,\n    mentionType\n  }: {\n    type: 'mention' | 'tag';\n    search: string;\n    mentionType: string;\n  }) => {\n    if (type === 'mention') {\n      const availableMentions = mentionType === 'case' ? caseMentions : userMentions;\n\n      const mentions: MenuItemProps[] = availableMentions\n        .filter(user => {\n          const names = user.primary.toLowerCase().split(' ');\n          const searchWords = search.toLowerCase().split(' ');\n          return !!searchWords.every((word: string) =>\n            names.find((name: string) => name.startsWith(word))\n          );\n        })\n        .map(({ id, primary, secondary, visual, href }) => {\n          return {\n            id,\n            primary,\n            secondary:\n              secondary !== undefined && !Array.isArray(secondary) ? [secondary] : secondary,\n            visual,\n            href\n          };\n        });\n      setSearchResults(mentions);\n    } else {\n      setSearchResults(\n        ['cosmos', 'hashtag', 'pega']\n          .filter(tag => {\n            return tag.toLowerCase().includes(search.toLowerCase());\n          })\n          .map(tag => ({ id: tag, primary: tag }))\n      );\n    }\n  };\n\n  const onFilesAdded = (files: AttachedFiles[]) => {\n    files.forEach(file => {\n      if (file.type.split('/')[0] === 'image') file.thumbnail = URL.createObjectURL(file);\n\n      file.onDelete = () => {\n        setAttachments(current => {\n          return current.filter(x => x.name !== file.name);\n        });\n      };\n    });\n\n    setAttachments(files);\n  };\n\n  const replyInput = (\n    <FeedReplyInput\n      id={key}\n      commentLabel='Send Comment'\n      attachments={attachments}\n      placeholder='Add a comment'\n      onFilesAdded={onFilesAdded}\n      onSubmit={replyEvent => {\n        onSubmit?.(replyEvent);\n        setAttachments([]);\n        replyEvent.clear();\n      }}\n    />\n  );\n\n  return renderFeed ? (\n    <Feed\n      title='Pulse'\n      searchTypes={['user', 'case']}\n      onDecoratorSearch={onSearch}\n      searchResults={searchResults}\n      userInfo={{ username: 'demo_user', fullname: 'Demo User' }}\n      posts={[replyInput]}\n    />\n  ) : (\n    replyInput\n  );\n};\n"]}

package/lib/tools/Clipboard/Clipboard.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Clipboard.mocks.d.ts","sourceRoot":"","sources":["../../../src/tools/Clipboard/Clipboard.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEnF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,OAAO,CAsB/C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAajD,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,CAC3B,EAAE,EAAE,MAAM,EACV,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,KACtB,iBAAiB,GAAG,SA0CxB,CAAC"}
+{"version":3,"file":"Clipboard.mocks.d.ts","sourceRoot":"","sources":["../../../src/tools/Clipboard/Clipboard.mocks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEnF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,OAAO,CAsB/C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAajD,CAAC;AASF,eAAO,MAAM,cAAc,EAAE,CAC3B,EAAE,EAAE,MAAM,EACV,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,KACtB,iBAAiB,GAAG,SA0CxB,CAAC"}

package/lib/tools/Clipboard/Clipboard.mocks.js

@@ -43,7 +43,6 @@ const primaryData = [
     { id: 'field3', name: 'pxObjClass', value: 'Data-Preference-Operator' },
     { id: 'field4', name: 'pzInsKey', value: 'DATA-PREFERENCE-OPERATOR JOHN SMITH' }
 ];
-// cSpell:words XPTI
 export const getDetailsData = (id, cb) => {
     const embeddedData = [
         { id: 'pxDPParameters', name: 'pxDPParameters', onClick: cb },

package/lib/tools/Clipboard/Clipboard.mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clipboard.mocks.js","sourceRoot":"","sources":["../../../src/tools/Clipboard/Clipboard.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FieldSummaryProps } from '@pega/cosmos-react-tools';\nimport { Actions, Button, Flex, StandardTreeProps } from '@pega/cosmos-react-core';\n\nexport const allNodes: StandardTreeProps['nodes'] = [\n  {\n    id: 'dataPage',\n    label: 'Data Pages',\n    nodes: [\n      {\n        id: 'D_pzPreferenceStore',\n        label: 'D_pzPreferenceStore',\n        nodes: []\n      },\n      {\n        id: 'D_creditScore',\n        label: 'D_Credit Score',\n        nodes: []\n      }\n    ]\n  },\n  {\n    id: 'systemPage',\n    label: 'System Pages',\n    nodes: []\n  }\n];\n\nexport const childNodes: StandardTreeProps['nodes'] = [\n  {\n    id: 'pxDPParameters',\n    label: 'pxDPParameters'\n  },\n  {\n    id: 'pyDevicePreviewSettings',\n    label: 'pyDevicePreviewSettings'\n  },\n  {\n    id: 'pySourcePage',\n    label: 'pySourcePage'\n  }\n];\n\nconst primaryData = [\n  { id: 'field1', name: 'pxCommitDateTime', value: '20220303T121437.913 GMT' },\n  { id: 'field2', name: 'pxInsName', value: 'John.smith' },\n  { id: 'field3', name: 'pxObjClass', value: 'Data-Preference-Operator' },\n  { id: 'field4', name: 'pzInsKey', value: 'DATA-PREFERENCE-OPERATOR JOHN SMITH' }\n];\n\n// cSpell:words XPTI\nexport const getDetailsData: (\n  id: string,\n  cb?: (id: string) => void\n) => FieldSummaryProps | undefined = (id, cb) => {\n  const embeddedData = [\n    { id: 'pxDPParameters', name: 'pxDPParameters', onClick: cb },\n    { id: 'pyDevicePreviewSettings', name: 'pyDevicePreviewSettings', onClick: cb },\n    { id: 'pySourcePage', name: 'pySourcePage', onClick: cb }\n  ];\n\n  const response = {\n    primary: id,\n    secondary: [\n      { id: '1', name: 'ID', value: 'InterestRate' },\n      { id: '2', name: 'Rule type', value: 'Field' },\n      {\n        id: '3',\n        name: 'Scope',\n        value: 'O1XPTI-CCompass-Work-MortgageRequest'\n      },\n      { id: '4', name: 'Application', value: 'XCompass' }\n    ],\n    actions: (\n      <Flex container>\n        <Button aria-label={`${id}-Secondary action`} variant='secondary'>\n          Secondary action\n        </Button>\n        <Button aria-label={`${id}-Primary action`} variant='primary'>\n          Primary action\n        </Button>\n        <Actions\n          menuAt={1}\n          items={[\n            {\n              id: '1',\n              text: 'Secondary action 2'\n            }\n          ]}\n        />\n      </Flex>\n    ),\n    fields: id === 'D_pzPreferenceStore' ? [...primaryData, ...embeddedData] : primaryData\n  };\n\n  return id === 'systemPage' || id === 'dataPage' ? undefined : response;\n};\n"]}
+{"version":3,"file":"Clipboard.mocks.js","sourceRoot":"","sources":["../../../src/tools/Clipboard/Clipboard.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:words O1XPTI\nimport { FieldSummaryProps } from '@pega/cosmos-react-tools';\nimport { Actions, Button, Flex, StandardTreeProps } from '@pega/cosmos-react-core';\n\nexport const allNodes: StandardTreeProps['nodes'] = [\n  {\n    id: 'dataPage',\n    label: 'Data Pages',\n    nodes: [\n      {\n        id: 'D_pzPreferenceStore',\n        label: 'D_pzPreferenceStore',\n        nodes: []\n      },\n      {\n        id: 'D_creditScore',\n        label: 'D_Credit Score',\n        nodes: []\n      }\n    ]\n  },\n  {\n    id: 'systemPage',\n    label: 'System Pages',\n    nodes: []\n  }\n];\n\nexport const childNodes: StandardTreeProps['nodes'] = [\n  {\n    id: 'pxDPParameters',\n    label: 'pxDPParameters'\n  },\n  {\n    id: 'pyDevicePreviewSettings',\n    label: 'pyDevicePreviewSettings'\n  },\n  {\n    id: 'pySourcePage',\n    label: 'pySourcePage'\n  }\n];\n\nconst primaryData = [\n  { id: 'field1', name: 'pxCommitDateTime', value: '20220303T121437.913 GMT' },\n  { id: 'field2', name: 'pxInsName', value: 'John.smith' },\n  { id: 'field3', name: 'pxObjClass', value: 'Data-Preference-Operator' },\n  { id: 'field4', name: 'pzInsKey', value: 'DATA-PREFERENCE-OPERATOR JOHN SMITH' }\n];\n\nexport const getDetailsData: (\n  id: string,\n  cb?: (id: string) => void\n) => FieldSummaryProps | undefined = (id, cb) => {\n  const embeddedData = [\n    { id: 'pxDPParameters', name: 'pxDPParameters', onClick: cb },\n    { id: 'pyDevicePreviewSettings', name: 'pyDevicePreviewSettings', onClick: cb },\n    { id: 'pySourcePage', name: 'pySourcePage', onClick: cb }\n  ];\n\n  const response = {\n    primary: id,\n    secondary: [\n      { id: '1', name: 'ID', value: 'InterestRate' },\n      { id: '2', name: 'Rule type', value: 'Field' },\n      {\n        id: '3',\n        name: 'Scope',\n        value: 'O1XPTI-CCompass-Work-MortgageRequest'\n      },\n      { id: '4', name: 'Application', value: 'XCompass' }\n    ],\n    actions: (\n      <Flex container>\n        <Button aria-label={`${id}-Secondary action`} variant='secondary'>\n          Secondary action\n        </Button>\n        <Button aria-label={`${id}-Primary action`} variant='primary'>\n          Primary action\n        </Button>\n        <Actions\n          menuAt={1}\n          items={[\n            {\n              id: '1',\n              text: 'Secondary action 2'\n            }\n          ]}\n        />\n      </Flex>\n    ),\n    fields: id === 'D_pzPreferenceStore' ? [...primaryData, ...embeddedData] : primaryData\n  };\n\n  return id === 'systemPage' || id === 'dataPage' ? undefined : response;\n};\n"]}

package/lib/tools/Clipboard/Clipboard.stories.d.ts

@@ -1,6 +1,6 @@
 import { Story, Meta } from '@storybook/react';
 import { ClipboardProps } from '@pega/cosmos-react-tools';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: Meta;
 export default _default;
 export declare const ClipboardViewerDemo: Story<ClipboardProps>;
 //# sourceMappingURL=Clipboard.stories.d.ts.map

package/lib/tools/DevTools/DevTools.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta, Story } from '@storybook/react';
 import { DevToolsProps } from '@pega/cosmos-react-tools';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: Meta;
 export default _default;
 interface DevToolsStoryProps extends DevToolsProps {
     showUtils?: boolean;

package/lib/tools/PreviewShell/PreviewShell.stories.d.ts

@@ -3,7 +3,7 @@ import { MouseEvent } from 'react';
 import { PreviewShellProps } from '@pega/cosmos-react-tools';
 import { StatusProps } from '@pega/cosmos-react-core';
 import { HeaderProps } from '@pega/cosmos-react-tools/lib/components/PreviewShell/PreviewShell.types';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: Meta;
 export default _default;
 interface PreviewShellStoryProps extends PreviewShellProps {
     appName: HeaderProps['appName'];

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

@@ -1,6 +1,6 @@
 import { Meta, Story } from '@storybook/react';
 import { AppAnnouncementProps } from '@pega/cosmos-react-work';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: Meta;
 export default _default;
 export declare const AppAnnouncementDemo: Story<AppAnnouncementProps>;
 //# sourceMappingURL=AppAnnouncement.stories.d.ts.map

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

@@ -9,8 +9,6 @@ export interface CaseViewMockProps {
     heading: CaseViewProps['heading'];
     subheading?: CaseViewProps['subheading'];
     parentCases?: boolean;
-    promotedActions?: boolean;
-    promotedActionCount?: number;
     summaryFields?: 'All' | 'Primary only' | 'Secondary only';
     tabs?: CaseViewProps['tabs'];
     stages?: boolean;
@@ -25,6 +23,9 @@ export interface CaseViewMockProps {
     intelligentGuidance?: CaseViewProps['intelligentGuidance'];
     banner?: boolean;
     utilitiesExpanded?: boolean;
+    promotedActions?: 0 | 1 | 2 | 3 | 4 | 5;
+    headingLength?: 'short' | 'medium' | 'long';
+    defaultExpanded?: boolean;
 }
 interface PreviewSetters {
     setPreviewCaseId: Dispatch<SetStateAction<string | null>>;
@@ -90,14 +91,12 @@ export declare const getCaseActions: () => {
     id: string;
     onClick: () => void;
 }[];
-export declare const getPromotedActions: ({ count }: {
-    count: CaseViewMockProps['promotedActionCount'];
-}) => {
+export declare const getPromotedActions: (count: number) => {
     id: string;
     text: string;
     onClick: () => void;
 }[];
 export declare const PersistentUtilityContent: () => JSX.Element;
-export declare const CaseViewMock: ({ caseId: caseIdProp, heading, subheading, parentCases, promotedActions, promotedActionCount, summaryFields, tabs, stages, tasks, taskCount, utilitiesExpanded: utilitiesExpandedProp, predictions, attachments, stakeholders, followers, tags, persistentUtility, intelligentGuidance, banner }: CaseViewMockProps) => JSX.Element;
+export declare const CaseViewMock: ({ caseId: caseIdProp, heading, subheading, parentCases, promotedActions, summaryFields, tabs, stages, tasks, taskCount, utilitiesExpanded: utilitiesExpandedProp, predictions, attachments, stakeholders, followers, tags, persistentUtility, intelligentGuidance, banner, headingLength, defaultExpanded }: CaseViewMockProps) => JSX.Element;
 export {};
 //# sourceMappingURL=CaseView.mocks.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.mocks.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CaseView.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.mocks.tsx"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
+import { useMemo, useState } from 'react';
+import dompurify from 'dompurify';
 import styled, { css } from 'styled-components';
-import { Avatar, Button, Link, createStringMatcher, Modal, Popover, SummaryList, useModalManager, useElement, useOuterEvent, ViewAll, Status, Flex, useBreakpoint, Icon, Grid, registerIcon, Banner } from '@pega/cosmos-react-core';
+import { Button, Link, createStringMatcher, Modal, SummaryList, useModalManager, useElement, ViewAll, Status, Flex, Icon, Grid, registerIcon, Banner, createUID, useBreakpoint, Avatar } from '@pega/cosmos-react-core';
 import { Glimpse, CaseView, CasePreview } from '@pega/cosmos-react-work';
 import { RichTextViewer } from '@pega/cosmos-react-rte';
 import * as userSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/user-solid.icon';
@@ -82,52 +83,40 @@ export const MockSummaryList = ({ icon, name, actions, limit }) => {
         } }));
 };
 export const MockOperatorFieldValue = () => {
-    const [showGlimpse, setShowGlimpse] = useState(false);
-    const [operatorBtn, setOperatorBtn] = useElement(null);
-    const [popoverEl, setPopoverEl] = useElement(null);
-    useOuterEvent('click', [popoverEl], () => {
-        setShowGlimpse(false);
-    });
-    const onKeydown = (e) => {
-        if (showGlimpse && e.key === 'Escape') {
-            setShowGlimpse(false);
-        }
-    };
-    useEffect(() => {
-        document.addEventListener('keydown', onKeydown);
-        return () => {
-            document.removeEventListener('keydown', onKeydown);
-        };
-    }, [showGlimpse]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: 'link', onClick: () => {
-                    setShowGlimpse(true);
-                }, ref: setOperatorBtn, children: "cosmos@pega.com" }), showGlimpse && (_jsx(Popover, { target: operatorBtn, ref: setPopoverEl, strategy: 'fixed', placement: 'bottom-start', arrow: true, children: _jsx(Glimpse, { id: 'cosmos', primary: 'Cosmos Operator', secondary: ['Director of the stars'], visual: _jsx(Avatar, { size: 'l', name: 'Cosmos Operator' }), fields: [
-                        {
-                            id: '1',
-                            name: 'Department',
-                            value: 'Space Travel'
-                        },
-                        {
-                            id: '2',
-                            name: 'Manager',
-                            value: 'Captain Galaxy'
-                        },
-                        {
-                            id: '3',
-                            name: 'Location',
-                            value: 'A galaxy far away'
-                        },
-                        {
-                            id: '4',
-                            name: 'Email',
-                            value: _jsx(Link, { href: 'mailto:cosmos@pega.com', children: "cosmos@pega.com" })
-                        },
-                        {
-                            id: '5',
-                            name: 'Telephone',
-                            value: _jsx(Link, { href: 'tel:555-123-4567', children: "555-123-4567" })
-                        }
-                    ] }) }))] }));
+    const [target, setTarget] = useElement(null);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: 'link', onClick: (e) => {
+                    setTarget(e.currentTarget);
+                }, children: "cosmos@pega.com" }), target && (_jsx(Glimpse, { id: 'cosmos', target: target, onDismiss: () => setTarget(null), heading: {
+                    primary: 'Cosmos Operator',
+                    secondary: 'Director of the stars',
+                    visual: _jsx(Avatar, { name: 'Cosmos Operator' })
+                }, fields: [
+                    {
+                        id: '1',
+                        name: 'Department',
+                        value: 'Space Travel'
+                    },
+                    {
+                        id: '2',
+                        name: 'Manager',
+                        value: 'Captain Galaxy'
+                    },
+                    {
+                        id: '3',
+                        name: 'Location',
+                        value: 'A galaxy far away'
+                    },
+                    {
+                        id: '4',
+                        name: 'Email',
+                        value: _jsx(Link, { href: 'mailto:cosmos@pega.com', children: "cosmos@pega.com" })
+                    },
+                    {
+                        id: '5',
+                        name: 'Telephone',
+                        value: _jsx(Link, { href: 'tel:555-123-4567', children: "555-123-4567" })
+                    }
+                ], onViewProfile: () => { } }))] }));
 };
 export const PreviewLinkComponent = ({ token: linkToken, setPreviewCaseId, setPreviewCurrentTabId }) => {
     return (_jsx(Link, { href: linkToken.href, previewable: true, onPreview: () => {
@@ -198,7 +187,7 @@ export const getPrimaryFields = () => {
         },
         {
             name: 'Member ID',
-            value: 'M205435569FD'
+            value: 'M205435569FD1234567890'
         },
         {
             name: 'Assigned to',
@@ -222,6 +211,11 @@ const baseSecondaryFields = [
     {
         name: 'Description',
         value: (_jsx(RichTextViewer, { content: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo nulla vitae mi bibendum, a fringilla nisl efficitur. Praesent vitae nulla lobortis, finibus felis ultricies, fermentum mi. Nunc lorem ligula, placerat nec elit id, auctor pellentesque est.</p> </br> <p>Pellentesque pharetra justo augue, non maximus nulla venenatis et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum semper fringilla in eget risus. Fusce cursus sollicitudin nibh molestie volutpat.</p>', type: 'html' })),
+        simpleValue: dompurify.sanitize('<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo nulla vitae mi bibendum, a fringilla nisl efficitur. Praesent vitae nulla lobortis, finibus felis ultricies, fermentum mi. Nunc lorem ligula, placerat nec elit id, auctor pellentesque est.</p> </br> <p>Pellentesque pharetra justo augue, non maximus nulla venenatis et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum semper fringilla in eget risus. Fusce cursus sollicitudin nibh molestie volutpat.</p>', {
+            ALLOWED_TAGS: [],
+            ALLOWED_ATTR: [],
+            KEEP_CONTENT: true
+        }),
         variant: 'stacked'
     }
 ];
@@ -299,11 +293,41 @@ export const getCaseActions = () => {
         };
     });
 };
-export const getPromotedActions = ({ count = 1 }) => {
-    return Array.from({ length: count }, (_, i) => {
-        const text = `Promoted action${count > 1 ? `-${i + 1}` : ''}`;
-        return { id: text, text, onClick: () => { } };
-    });
+const getHeading = (size) => {
+    return {
+        short: 'Cosmos demo case',
+        medium: 'Complicated cosmos demo case of some distinction',
+        long: 'The scenario in this case is almost too obscure to put into words and so the title is quite long'
+    }[size];
+};
+export const getPromotedActions = (count) => {
+    return [
+        {
+            id: createUID(),
+            text: 'Reassign',
+            onClick: () => { }
+        },
+        {
+            id: createUID(),
+            text: 'Add dependency',
+            onClick: () => { }
+        },
+        {
+            id: createUID(),
+            text: 'Clone',
+            onClick: () => { }
+        },
+        {
+            id: createUID(),
+            text: 'Move',
+            onClick: () => { }
+        },
+        {
+            id: createUID(),
+            text: 'Withdraw',
+            onClick: () => { }
+        }
+    ].slice(0, count);
 };
 const StyledPersistentUtilityContent = styled.div(({ theme }) => {
     return css `
@@ -314,7 +338,7 @@ const StyledPersistentUtilityContent = styled.div(({ theme }) => {
 export const PersistentUtilityContent = () => {
     return (_jsx(Flex, { container: { justify: 'center', alignItems: 'center' }, as: StyledPersistentUtilityContent, children: "Persistent utility content" }));
 };
-export const CaseViewMock = ({ caseId: caseIdProp, heading, subheading, parentCases = false, promotedActions = true, promotedActionCount, summaryFields = 'All', tabs, stages = true, tasks = true, taskCount = 4, utilitiesExpanded: utilitiesExpandedProp, predictions = true, attachments = true, stakeholders = true, followers = true, tags = true, persistentUtility = false, intelligentGuidance = false, banner = false }) => {
+export const CaseViewMock = ({ caseId: caseIdProp, heading, subheading, parentCases = false, promotedActions = 1, summaryFields = 'All', tabs, stages = true, tasks = true, taskCount = 4, utilitiesExpanded: utilitiesExpandedProp, predictions = true, attachments = true, stakeholders = true, followers = true, tags = true, persistentUtility = false, intelligentGuidance = false, banner = false, headingLength, defaultExpanded }) => {
     const [previewCaseId, setPreviewCaseId] = useState(null);
     const [previewCurrentTabId, setPreviewCurrentTabId] = useState(baseCaseTabs[0].id);
     const isMediumOrAbove = useBreakpoint('md');
@@ -336,7 +360,7 @@ export const CaseViewMock = ({ caseId: caseIdProp, heading, subheading, parentCa
     });
     const demoStages = _jsx(StagesDemo, { currentStage: 3 });
     const [followed, setFollowed] = useState(false);
-    const [summaryExpanded, setSummaryExpanded] = useState(true);
+    const [summaryExpanded, setSummaryExpanded] = useState(!!defaultExpanded);
     const [utilitiesExpanded, setUtilitiesExpanded] = useState(utilitiesExpandedProp);
     const tabContent = getTabContent({ setPreviewCaseId, setPreviewCurrentTabId });
     return (_jsxs(_Fragment, { children: [previewCaseId && (_jsx(CasePreview, { open: true, onAfterClose: () => {
@@ -345,7 +369,7 @@ export const CaseViewMock = ({ caseId: caseIdProp, heading, subheading, parentCa
                     ? [...parentCasesContent]
                         .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: () => { }, actions: getCaseActions(), summaryFields: {
+                    : undefined, heading: 'Previewable demo case', subheading: previewCaseId, caseLink: { href: `/cases/${previewCaseId}`, target: '_blank' }, icon: _jsx(Icon, { name: 'user-solid' }), followed: !followed, onEdit: () => { }, actions: getCaseActions(), promotedActions: getPromotedActions(2), summaryFields: {
                     primary: casePreviewPrimaryFields,
                     secondary: casePreviewSecondaryFields
                 }, stages: demoStages, tasks: _jsx(TasksDemo, { count: 4 }), tabs: previewTabs, tabContent: tabContent, utilities: _jsx(Grid, { container: { rowGap: 2 }, children: _jsx(Utilities, {}) }) })), _jsx(CaseView, { caseId: caseIdProp, parentCases: parentCases
@@ -354,9 +378,7 @@ export const CaseViewMock = ({ caseId: caseIdProp, heading, subheading, parentCa
                         setPreviewCaseId,
                         setPreviewCurrentTabId
                     })
-                    : undefined, heading: heading, subheading: subheading, icon: _jsx(Icon, { name: 'user-solid' }), followed: followed, onFollowedChange: setFollowed, actions: getCaseActions(), promotedActions: promotedActions && promotedActionCount
-                    ? getPromotedActions({ count: promotedActionCount })
-                    : undefined, onEdit: () => { }, summaryFields: (() => {
+                    : undefined, heading: headingLength ? getHeading(headingLength) : heading, subheading: subheading, icon: _jsx(Icon, { name: 'user-solid' }), followed: followed, onFollowedChange: setFollowed, actions: getCaseActions(), promotedActions: promotedActions ? getPromotedActions(promotedActions) : undefined, onEdit: () => { }, summaryFields: (() => {
                     const obj = {
                         primary: getPrimaryFields(),
                         secondary: getSecondaryFields({ setPreviewCaseId, setPreviewCurrentTabId })
@@ -377,7 +399,7 @@ export const CaseViewMock = ({ caseId: caseIdProp, heading, subheading, parentCa
                             : undefined;
                     }
                     return persistentUtility;
-                })(), stages: stages ? demoStages : undefined, tasks: tasks ? _jsx(TasksDemo, { count: taskCount }) : undefined, tabContent: tabContent, utilities: _jsx(Utilities, { predictions: predictions, attachments: attachments, stakeholders: stakeholders, followers: followers, tags: tags }), utilitiesSummaryItems: getUtilitiesSummaryItems({
+                })(), stages: stages ? demoStages : undefined, tasks: tasks ? _jsx(TasksDemo, { count: taskCount, showViewSelector: true }) : undefined, tabContent: tabContent, utilities: _jsx(Utilities, { predictions: predictions, attachments: attachments, stakeholders: stakeholders, followers: followers, tags: tags }), utilitiesSummaryItems: getUtilitiesSummaryItems({
                     predictions,
                     attachments,
                     stakeholders,

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 { 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  Flex,\n  useBreakpoint,\n  Icon,\n  Grid,\n  registerIcon,\n  Banner\n} from '@pega/cosmos-react-core';\nimport type { Tab } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.types';\nimport { Glimpse, CaseViewProps, CaseView, CasePreview } from '@pega/cosmos-react-work';\nimport { TokenMap, RichTextViewer } from '@pega/cosmos-react-rte';\nimport { FeedProps } from '@pega/cosmos-react-social/lib/components/Feed/Feed';\nimport * as userSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/user-solid.icon';\n\nimport { PredictionsDemo } from '../Predictions/Predictions.stories';\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';\nimport { StagesDemo } from '../Stages/Stages.stories';\nimport { TasksDemo } from '../Tasks/Tasks.stories';\n\nimport { PulseMock } from './Pulse.mocks';\nimport { Details } from './Details.mocks';\nimport { AttachmentsMock } from './Attachments.mocks';\n\nregisterIcon(userSolidIcon);\n\nexport interface CaseViewMockProps {\n  caseId: CaseViewProps['caseId'];\n  heading: CaseViewProps['heading'];\n  subheading?: CaseViewProps['subheading'];\n  parentCases?: boolean;\n  promotedActions?: boolean;\n  promotedActionCount?: number;\n  summaryFields?: 'All' | 'Primary only' | 'Secondary only';\n  tabs?: CaseViewProps['tabs'];\n  stages?: boolean;\n  tasks?: boolean | CaseViewProps['tasks'];\n  taskCount?: number;\n  predictions?: boolean;\n  attachments?: boolean;\n  stakeholders?: boolean;\n  followers?: boolean;\n  tags?: boolean;\n  persistentUtility?: boolean | CaseViewProps['persistentUtility'];\n  intelligentGuidance?: CaseViewProps['intelligentGuidance'];\n  banner?: boolean;\n  utilitiesExpanded?: boolean;\n}\n\ninterface PreviewSetters {\n  setPreviewCaseId: Dispatch<SetStateAction<string | null>>;\n  setPreviewCurrentTabId: Dispatch<SetStateAction<string>>;\n}\n\nexport const caseId = 'C-123';\n\nexport const 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 = 50;\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: 'Create date',\n      value: createDate.toDateString()\n    },\n    {\n      name: 'Member ID',\n      value: 'M205435569FD'\n    },\n    {\n      name: 'Assigned to',\n      value: 'Dean Thomas'\n    },\n    {\n      name: 'Priority',\n      value: '95'\n    }\n  ].map((f, i) => ({ ...f, id: `p-${i}` }));\n};\n\nconst baseSecondaryFields: CaseViewProps['summaryFields']['secondary'] = [\n  {\n    name: 'Status',\n    value: <Status variant='info'>New</Status>\n  },\n  {\n    name: 'Update date',\n    value: `${diffInYears} years ago`\n  },\n  {\n    name: 'Description',\n    value: (\n      <RichTextViewer\n        content='<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo nulla vitae mi bibendum, a fringilla nisl efficitur. Praesent vitae nulla lobortis, finibus felis ultricies, fermentum mi. Nunc lorem ligula, placerat nec elit id, auctor pellentesque est.</p> </br> <p>Pellentesque pharetra justo augue, non maximus nulla venenatis et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum semper fringilla in eget risus. Fusce cursus sollicitudin nibh molestie volutpat.</p>'\n        type='html'\n      />\n    ),\n    variant: 'stacked'\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: caseIdProp,\n  setPreviewCaseId,\n  setPreviewCurrentTabId\n}: {\n  caseId: CaseViewProps['caseId'];\n} & PreviewSetters) => {\n  const ids = new Set([caseIdProp]);\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\ninterface UtilitiesArgs {\n  predictions?: CaseViewMockProps['predictions'];\n  attachments?: CaseViewMockProps['attachments'];\n  stakeholders?: CaseViewMockProps['stakeholders'];\n  followers?: CaseViewMockProps['followers'];\n  tags?: CaseViewMockProps['tags'];\n}\n\nexport const Utilities = ({\n  predictions,\n  attachments,\n  stakeholders,\n  followers,\n  tags\n}: UtilitiesArgs) => {\n  return (\n    <>\n      {predictions && <PredictionsDemo />}\n      {attachments && <AttachmentsMock />}\n      {stakeholders && <StakeHoldersDemo />}\n      {followers && <MockSummaryList icon='user-star' name='Followers' />}\n      {tags && <TagsDemo />}\n    </>\n  );\n};\n\nexport const getUtilitiesSummaryItems = ({\n  predictions,\n  attachments,\n  stakeholders,\n  followers,\n  tags\n}: UtilitiesArgs): CaseViewProps['utilitiesSummaryItems'] => {\n  const items = [];\n\n  if (predictions) items.push({ iconName: 'polaris', count: 4, name: 'Predictions' });\n  if (attachments) items.push({ iconName: 'paper-clip', count: 4, name: 'Attachments' });\n  if (stakeholders) items.push({ iconName: 'user-search-solid', count: 10, name: 'Stakeholders' });\n  if (followers) items.push({ iconName: 'user-star-solid', count: 5, name: 'Followers' });\n  if (tags) items.push({ iconName: 'tag', count: 10, name: 'Tags' });\n\n  return items;\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  count = 1\n}: {\n  count: CaseViewMockProps['promotedActionCount'];\n}) => {\n  return Array.from({ length: count }, (_, i) => {\n    const text = `Promoted action${count > 1 ? `-${i + 1}` : ''}`;\n    return { id: text, text, onClick: () => {} };\n  });\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\nexport const CaseViewMock = ({\n  caseId: caseIdProp,\n  heading,\n  subheading,\n  parentCases = false,\n  promotedActions = true,\n  promotedActionCount,\n  summaryFields = 'All',\n  tabs,\n  stages = true,\n  tasks = true,\n  taskCount = 4,\n  utilitiesExpanded: utilitiesExpandedProp,\n  predictions = true,\n  attachments = true,\n  stakeholders = true,\n  followers = true,\n  tags = true,\n  persistentUtility = false,\n  intelligentGuidance = false,\n  banner = false\n}: CaseViewMockProps) => {\n  const [previewCaseId, setPreviewCaseId] = useState<null | string>(null);\n  const [previewCurrentTabId, setPreviewCurrentTabId] = useState(baseCaseTabs[0].id);\n  const isMediumOrAbove = useBreakpoint('md');\n  const [demoCurrentTabId, setDemoCurrentTabId] = useState(\n    isMediumOrAbove ? tabs?.currentTabId ?? baseCaseTabs[0].id : `summary-${caseIdProp}`\n  );\n\n  const demoTabs = tabs ?? {\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 parentCasesContent = getParentCases({\n    caseId: caseIdProp,\n    setPreviewCaseId,\n    setPreviewCurrentTabId\n  });\n\n  const demoStages = <StagesDemo currentStage={3} />;\n\n  const [followed, setFollowed] = useState(false);\n\n  const [summaryExpanded, setSummaryExpanded] = useState(true);\n\n  const [utilitiesExpanded, setUtilitiesExpanded] = useState(utilitiesExpandedProp);\n\n  const tabContent = getTabContent({ setPreviewCaseId, setPreviewCurrentTabId });\n\n  return (\n    <>\n      {previewCaseId && (\n        <CasePreview\n          open\n          onAfterClose={() => {\n            setPreviewCaseId(null);\n          }}\n          caseId={previewCaseId}\n          parentCases={\n            Math.random() > 0.5\n              ? [...parentCasesContent]\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={() => {}}\n          actions={getCaseActions()}\n          summaryFields={{\n            primary: casePreviewPrimaryFields,\n            secondary: casePreviewSecondaryFields\n          }}\n          stages={demoStages}\n          tasks={<TasksDemo count={4} />}\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={caseIdProp}\n        parentCases={\n          parentCases\n            ? getParentCases({\n                caseId: caseIdProp,\n                setPreviewCaseId,\n                setPreviewCurrentTabId\n              })\n            : undefined\n        }\n        heading={heading}\n        subheading={subheading}\n        icon={<Icon name='user-solid' />}\n        followed={followed}\n        onFollowedChange={setFollowed}\n        actions={getCaseActions()}\n        promotedActions={\n          promotedActions && promotedActionCount\n            ? getPromotedActions({ count: promotedActionCount })\n            : undefined\n        }\n        onEdit={() => {}}\n        summaryFields={(() => {\n          const obj: CaseViewProps['summaryFields'] = {\n            primary: getPrimaryFields(),\n            secondary: getSecondaryFields({ setPreviewCaseId, setPreviewCurrentTabId })\n          };\n\n          if (summaryFields === 'Primary only') {\n            obj.secondary = undefined;\n          }\n\n          if (summaryFields === 'Secondary only') {\n            obj.primary = undefined;\n          }\n\n          return obj;\n        })()}\n        summaryExpanded={summaryExpanded}\n        onToggleSummary={() => {\n          setSummaryExpanded(cur => !cur);\n        }}\n        tabs={demoTabs}\n        persistentUtility={(() => {\n          if (typeof persistentUtility === 'boolean') {\n            return persistentUtility\n              ? { title: 'Persistent utility', content: <PersistentUtilityContent /> }\n              : undefined;\n          }\n\n          return persistentUtility;\n        })()}\n        stages={stages ? demoStages : undefined}\n        tasks={tasks ? <TasksDemo count={taskCount} /> : undefined}\n        tabContent={tabContent}\n        utilities={\n          <Utilities\n            predictions={predictions}\n            attachments={attachments}\n            stakeholders={stakeholders}\n            followers={followers}\n            tags={tags}\n          />\n        }\n        utilitiesSummaryItems={getUtilitiesSummaryItems({\n          predictions,\n          attachments,\n          stakeholders,\n          followers,\n          tags\n        })}\n        utilitiesExpanded={utilitiesExpanded}\n        onToggleUtilities={() => {\n          setUtilitiesExpanded(cur => !cur);\n        }}\n        intelligentGuidance={intelligentGuidance}\n        banners={\n          banner ? (\n            <Banner\n              variant='urgent'\n              messages={[\n                {\n                  label: 'An error occurred',\n                  description:\n                    'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                  action: {\n                    text: 'Take acton'\n                  }\n                }\n              ]}\n            />\n          ) : undefined\n        }\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, useMemo, useState, MouseEvent } from 'react';\nimport dompurify from 'dompurify';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Link,\n  createStringMatcher,\n  Modal,\n  SummaryList,\n  SummaryListProps,\n  useModalManager,\n  useElement,\n  ViewAll,\n  Status,\n  Flex,\n  Icon,\n  Grid,\n  registerIcon,\n  Banner,\n  createUID,\n  useBreakpoint,\n  Avatar\n} from '@pega/cosmos-react-core';\nimport type { Tab } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.types';\nimport { Glimpse, CaseViewProps, CaseView, CasePreview } from '@pega/cosmos-react-work';\nimport { TokenMap, RichTextViewer } from '@pega/cosmos-react-rte';\nimport { FeedProps } from '@pega/cosmos-react-social/lib/components/Feed/Feed';\nimport * as userSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/user-solid.icon';\n\nimport { PredictionsDemo } from '../Predictions/Predictions.stories';\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';\nimport { StagesDemo } from '../Stages/Stages.stories';\nimport { TasksDemo } from '../Tasks/Tasks.stories';\n\nimport { PulseMock } from './Pulse.mocks';\nimport { Details } from './Details.mocks';\nimport { AttachmentsMock } from './Attachments.mocks';\n\nregisterIcon(userSolidIcon);\n\nexport interface CaseViewMockProps {\n  caseId: CaseViewProps['caseId'];\n  heading: CaseViewProps['heading'];\n  subheading?: CaseViewProps['subheading'];\n  parentCases?: boolean;\n  summaryFields?: 'All' | 'Primary only' | 'Secondary only';\n  tabs?: CaseViewProps['tabs'];\n  stages?: boolean;\n  tasks?: boolean | CaseViewProps['tasks'];\n  taskCount?: number;\n  predictions?: boolean;\n  attachments?: boolean;\n  stakeholders?: boolean;\n  followers?: boolean;\n  tags?: boolean;\n  persistentUtility?: boolean | CaseViewProps['persistentUtility'];\n  intelligentGuidance?: CaseViewProps['intelligentGuidance'];\n  banner?: boolean;\n  utilitiesExpanded?: boolean;\n  promotedActions?: 0 | 1 | 2 | 3 | 4 | 5;\n  headingLength?: 'short' | 'medium' | 'long';\n  defaultExpanded?: boolean;\n}\n\ninterface PreviewSetters {\n  setPreviewCaseId: Dispatch<SetStateAction<string | null>>;\n  setPreviewCurrentTabId: Dispatch<SetStateAction<string>>;\n}\n\nexport const caseId = 'C-123';\n\nexport const 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 = 50;\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 [target, setTarget] = useElement<HTMLButtonElement>(null);\n\n  return (\n    <>\n      <Button\n        variant='link'\n        onClick={(e: MouseEvent<HTMLButtonElement>) => {\n          setTarget(e.currentTarget);\n        }}\n      >\n        cosmos@pega.com\n      </Button>\n      {target && (\n        <Glimpse\n          id='cosmos'\n          target={target}\n          onDismiss={() => setTarget(null)}\n          heading={{\n            primary: 'Cosmos Operator',\n            secondary: 'Director of the stars',\n            visual: <Avatar name='Cosmos Operator' />\n          }}\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          onViewProfile={() => {}}\n        />\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: 'Create date',\n      value: createDate.toDateString()\n    },\n    {\n      name: 'Member ID',\n      value: 'M205435569FD1234567890'\n    },\n    {\n      name: 'Assigned to',\n      value: 'Dean Thomas'\n    },\n    {\n      name: 'Priority',\n      value: '95'\n    }\n  ].map((f, i) => ({ ...f, id: `p-${i}` }));\n};\n\nconst baseSecondaryFields: CaseViewProps['summaryFields']['secondary'] = [\n  {\n    name: 'Status',\n    value: <Status variant='info'>New</Status>\n  },\n  {\n    name: 'Update date',\n    value: `${diffInYears} years ago`\n  },\n  {\n    name: 'Description',\n    value: (\n      <RichTextViewer\n        content='<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo nulla vitae mi bibendum, a fringilla nisl efficitur. Praesent vitae nulla lobortis, finibus felis ultricies, fermentum mi. Nunc lorem ligula, placerat nec elit id, auctor pellentesque est.</p> </br> <p>Pellentesque pharetra justo augue, non maximus nulla venenatis et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum semper fringilla in eget risus. Fusce cursus sollicitudin nibh molestie volutpat.</p>'\n        type='html'\n      />\n    ),\n    simpleValue: dompurify.sanitize(\n      '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse commodo nulla vitae mi bibendum, a fringilla nisl efficitur. Praesent vitae nulla lobortis, finibus felis ultricies, fermentum mi. Nunc lorem ligula, placerat nec elit id, auctor pellentesque est.</p> </br> <p>Pellentesque pharetra justo augue, non maximus nulla venenatis et. Sed laoreet ultricies ullamcorper. Mauris ac nulla quis ipsum semper fringilla in eget risus. Fusce cursus sollicitudin nibh molestie volutpat.</p>',\n      {\n        ALLOWED_TAGS: [],\n        ALLOWED_ATTR: [],\n        KEEP_CONTENT: true\n      }\n    ),\n    variant: 'stacked'\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: caseIdProp,\n  setPreviewCaseId,\n  setPreviewCurrentTabId\n}: {\n  caseId: CaseViewProps['caseId'];\n} & PreviewSetters) => {\n  const ids = new Set([caseIdProp]);\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\ninterface UtilitiesArgs {\n  predictions?: CaseViewMockProps['predictions'];\n  attachments?: CaseViewMockProps['attachments'];\n  stakeholders?: CaseViewMockProps['stakeholders'];\n  followers?: CaseViewMockProps['followers'];\n  tags?: CaseViewMockProps['tags'];\n}\n\nexport const Utilities = ({\n  predictions,\n  attachments,\n  stakeholders,\n  followers,\n  tags\n}: UtilitiesArgs) => {\n  return (\n    <>\n      {predictions && <PredictionsDemo />}\n      {attachments && <AttachmentsMock />}\n      {stakeholders && <StakeHoldersDemo />}\n      {followers && <MockSummaryList icon='user-star' name='Followers' />}\n      {tags && <TagsDemo />}\n    </>\n  );\n};\n\nexport const getUtilitiesSummaryItems = ({\n  predictions,\n  attachments,\n  stakeholders,\n  followers,\n  tags\n}: UtilitiesArgs): CaseViewProps['utilitiesSummaryItems'] => {\n  const items = [];\n\n  if (predictions) items.push({ iconName: 'polaris', count: 4, name: 'Predictions' });\n  if (attachments) items.push({ iconName: 'paper-clip', count: 4, name: 'Attachments' });\n  if (stakeholders) items.push({ iconName: 'user-search-solid', count: 10, name: 'Stakeholders' });\n  if (followers) items.push({ iconName: 'user-star-solid', count: 5, name: 'Followers' });\n  if (tags) items.push({ iconName: 'tag', count: 10, name: 'Tags' });\n\n  return items;\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\nconst getHeading = (size: 'short' | 'medium' | 'long') => {\n  return {\n    short: 'Cosmos demo case',\n    medium: 'Complicated cosmos demo case of some distinction',\n    long: 'The scenario in this case is almost too obscure to put into words and so the title is quite long'\n  }[size];\n};\n\nexport const getPromotedActions = (count: number) => {\n  return [\n    {\n      id: createUID(),\n      text: 'Reassign',\n      onClick: () => {}\n    },\n    {\n      id: createUID(),\n      text: 'Add dependency',\n      onClick: () => {}\n    },\n    {\n      id: createUID(),\n      text: 'Clone',\n      onClick: () => {}\n    },\n    {\n      id: createUID(),\n      text: 'Move',\n      onClick: () => {}\n    },\n    {\n      id: createUID(),\n      text: 'Withdraw',\n      onClick: () => {}\n    }\n  ].slice(0, count);\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\nexport const CaseViewMock = ({\n  caseId: caseIdProp,\n  heading,\n  subheading,\n  parentCases = false,\n  promotedActions = 1,\n  summaryFields = 'All',\n  tabs,\n  stages = true,\n  tasks = true,\n  taskCount = 4,\n  utilitiesExpanded: utilitiesExpandedProp,\n  predictions = true,\n  attachments = true,\n  stakeholders = true,\n  followers = true,\n  tags = true,\n  persistentUtility = false,\n  intelligentGuidance = false,\n  banner = false,\n  headingLength,\n  defaultExpanded\n}: CaseViewMockProps) => {\n  const [previewCaseId, setPreviewCaseId] = useState<null | string>(null);\n  const [previewCurrentTabId, setPreviewCurrentTabId] = useState(baseCaseTabs[0].id);\n  const isMediumOrAbove = useBreakpoint('md');\n  const [demoCurrentTabId, setDemoCurrentTabId] = useState(\n    isMediumOrAbove ? tabs?.currentTabId ?? baseCaseTabs[0].id : `summary-${caseIdProp}`\n  );\n\n  const demoTabs = tabs ?? {\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 parentCasesContent = getParentCases({\n    caseId: caseIdProp,\n    setPreviewCaseId,\n    setPreviewCurrentTabId\n  });\n\n  const demoStages = <StagesDemo currentStage={3} />;\n\n  const [followed, setFollowed] = useState(false);\n\n  const [summaryExpanded, setSummaryExpanded] = useState(!!defaultExpanded);\n  const [utilitiesExpanded, setUtilitiesExpanded] = useState(utilitiesExpandedProp);\n  const tabContent = getTabContent({ setPreviewCaseId, setPreviewCurrentTabId });\n\n  return (\n    <>\n      {previewCaseId && (\n        <CasePreview\n          open\n          onAfterClose={() => {\n            setPreviewCaseId(null);\n          }}\n          caseId={previewCaseId}\n          parentCases={\n            Math.random() > 0.5\n              ? [...parentCasesContent]\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={() => {}}\n          actions={getCaseActions()}\n          promotedActions={getPromotedActions(2)}\n          summaryFields={{\n            primary: casePreviewPrimaryFields,\n            secondary: casePreviewSecondaryFields\n          }}\n          stages={demoStages}\n          tasks={<TasksDemo count={4} />}\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={caseIdProp}\n        parentCases={\n          parentCases\n            ? getParentCases({\n                caseId: caseIdProp,\n                setPreviewCaseId,\n                setPreviewCurrentTabId\n              })\n            : undefined\n        }\n        heading={headingLength ? getHeading(headingLength) : heading}\n        subheading={subheading}\n        icon={<Icon name='user-solid' />}\n        followed={followed}\n        onFollowedChange={setFollowed}\n        actions={getCaseActions()}\n        promotedActions={promotedActions ? getPromotedActions(promotedActions) : undefined}\n        onEdit={() => {}}\n        summaryFields={(() => {\n          const obj: CaseViewProps['summaryFields'] = {\n            primary: getPrimaryFields(),\n            secondary: getSecondaryFields({ setPreviewCaseId, setPreviewCurrentTabId })\n          };\n\n          if (summaryFields === 'Primary only') {\n            obj.secondary = undefined;\n          }\n\n          if (summaryFields === 'Secondary only') {\n            obj.primary = undefined;\n          }\n\n          return obj;\n        })()}\n        summaryExpanded={summaryExpanded}\n        onToggleSummary={() => {\n          setSummaryExpanded(cur => !cur);\n        }}\n        tabs={demoTabs}\n        persistentUtility={(() => {\n          if (typeof persistentUtility === 'boolean') {\n            return persistentUtility\n              ? { title: 'Persistent utility', content: <PersistentUtilityContent /> }\n              : undefined;\n          }\n\n          return persistentUtility;\n        })()}\n        stages={stages ? demoStages : undefined}\n        tasks={tasks ? <TasksDemo count={taskCount} showViewSelector /> : undefined}\n        tabContent={tabContent}\n        utilities={\n          <Utilities\n            predictions={predictions}\n            attachments={attachments}\n            stakeholders={stakeholders}\n            followers={followers}\n            tags={tags}\n          />\n        }\n        utilitiesSummaryItems={getUtilitiesSummaryItems({\n          predictions,\n          attachments,\n          stakeholders,\n          followers,\n          tags\n        })}\n        utilitiesExpanded={utilitiesExpanded}\n        onToggleUtilities={() => {\n          setUtilitiesExpanded(cur => !cur);\n        }}\n        intelligentGuidance={intelligentGuidance}\n        banners={\n          banner ? (\n            <Banner\n              variant='urgent'\n              messages={[\n                {\n                  label: 'An error occurred',\n                  description:\n                    'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n                  action: {\n                    text: 'Take acton'\n                  }\n                }\n              ]}\n            />\n          ) : undefined\n        }\n      />\n    </>\n  );\n};\n"]}

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

@@ -1,6 +1,6 @@
 import { Meta, Story } from '@storybook/react';
 import * as mocks from './CaseView.mocks';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: Meta;
 export default _default;
 export declare const CaseViewDemo: Story<mocks.CaseViewMockProps>;
 //# 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,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAM/C,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAC;;AAE1C,wBAMU;AAEV,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAEvD,CAAC"}
+{"version":3,"file":"CaseView.stories.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAM/C,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAC;;AAE1C,wBAMU;AAEV,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAavD,CAAC"}