@pega/cosmos-react-work 9.0.0-build.29.2 → 9.0.0-build.29.20

package/lib/components/CaseHierarchy/CaseHierarchy.d.ts

@@ -1,6 +1,6 @@
 import type { CaseHierarchyProps } from './CaseHierarchy.types';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<CaseHierarchyProps, "ref"> & import("react").RefAttributes<HTMLUListElement>> & {
-    getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["heading", "icon", "count"]>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<CaseHierarchyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["heading", "icon", "count", "search"]>;
 };
 export default _default;
 //# sourceMappingURL=CaseHierarchy.d.ts.map

package/lib/components/CaseHierarchy/CaseHierarchy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHierarchy.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;;;AAsEhE,wBAAmE"}
+{"version":3,"file":"CaseHierarchy.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;;;AAgFhE,wBAAmE"}

package/lib/components/CaseHierarchy/CaseHierarchy.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { colorIconMapping, Count, EmptyState, ErrorState, Flex, Icon, Progress, Text, useI18n, useTestIds, useTheme, withTestIds } from '@pega/cosmos-react-core';
+import { colorIconMapping, Count, EmptyState, ErrorState, Flex, Icon, Progress, SearchInput, Text, useI18n, useTestIds, useTheme, withTestIds } from '@pega/cosmos-react-core';
 import { StyledCaseHierarchy, StyledCaseHierarchyHeader, StyledCaseHierarchyTree, StyledOverflowContainer } from './CaseHierarchy.styles';
 import { getCaseHierarchyTestIds } from './CaseHierarchy.test-ids';
-const CaseHierarchy = forwardRef(function CaseHierarchy({ testId, heading, icon, loading, error, count, nodes, currentCaseId, ...restProps }, ref) {
+const CaseHierarchy = forwardRef(function CaseHierarchy({ testId, heading, icon, loading, error, count, nodes, search, currentCaseId, ...restProps }, ref) {
     const t = useI18n();
     const theme = useTheme();
     const testIds = useTestIds(testId, getCaseHierarchyTestIds);
@@ -19,7 +19,7 @@ const CaseHierarchy = forwardRef(function CaseHierarchy({ testId, heading, icon,
         }
         return _jsx(StyledCaseHierarchyTree, { ...restProps, currentNodeId: currentCaseId, nodes: nodes });
     })();
-    return (_jsxs(StyledCaseHierarchy, { "data-testid": testIds.root, ref: ref, children: [_jsx(StyledCaseHierarchyHeader, { children: _jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [theme.components['case-view'].utilities['icon-color'] ? (_jsx(Icon, { "data-testid": testIds.icon, name: icon ?? 'folder-nested', background: colorIconMapping(theme, icon ?? 'folder-nested'), shape: 'circle' })) : (_jsx(Icon, { "data-testid": testIds.icon, name: icon ?? 'folder-nested' })), _jsx(Text, { "data-testid": testIds.heading, variant: 'h3', children: heading }), !loading && typeof count === 'number' && (_jsx(Count, { "data-testid": testIds.count, children: count }))] }) }), _jsx(StyledOverflowContainer, { children: content })] }));
+    return (_jsxs(StyledCaseHierarchy, { "data-testid": testIds.root, ref: ref, children: [_jsx(StyledCaseHierarchyHeader, { children: _jsxs(Flex, { container: { direction: 'column', gap: 1 }, item: { grow: 1 }, children: [_jsxs(Flex, { container: { direction: 'row', alignItems: 'center', gap: 1 }, children: [theme.components['case-view'].utilities['icon-color'] ? (_jsx(Icon, { "data-testid": testIds.icon, name: icon ?? 'folder-nested', background: colorIconMapping(theme, icon ?? 'folder-nested'), shape: 'circle' })) : (_jsx(Icon, { "data-testid": testIds.icon, name: icon ?? 'folder-nested' })), _jsx(Text, { "data-testid": testIds.heading, variant: 'h3', children: heading }), !loading && typeof count === 'number' && (_jsx(Count, { "data-testid": testIds.count, children: count }))] }), search && (_jsx(SearchInput, { "data-testid": testIds.search, value: search.value, onSearchChange: search.handler }))] }) }), _jsx(StyledOverflowContainer, { children: content })] }));
 });
 export default withTestIds(CaseHierarchy, getCaseHierarchyTestIds);
 //# sourceMappingURL=CaseHierarchy.js.map

package/lib/components/CaseHierarchy/CaseHierarchy.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHierarchy.js","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EACL,gBAAgB,EAChB,KAAK,EACL,UAAU,EACV,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,aAAa,CACrD,EACE,MAAM,EACN,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EACL,KAAK,EACL,aAAa,EACb,GAAG,SAAS,EACwB,EACtC,GAA0B;IAE1B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;IAE5D,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE;QACpB,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,CAAC;QAC7C,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,GAAG,CAAC;QACxC,CAAC;QAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,OAAO,KAAC,UAAU,KAAG,CAAC;QACxB,CAAC;QAED,OAAO,KAAC,uBAAuB,OAAK,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;IAChG,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACL,MAAC,mBAAmB,mBAAc,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,aACtD,KAAC,yBAAyB,cACxB,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CACvD,KAAC,IAAI,mBACU,OAAO,CAAC,IAAI,EACzB,IAAI,EAAE,IAAI,IAAI,eAAe,EAC7B,UAAU,EAAE,gBAAgB,CAAC,KAAK,EAAE,IAAI,IAAI,eAAe,CAAC,EAC5D,KAAK,EAAC,QAAQ,GACd,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,mBAAc,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,eAAe,GAAI,CACnE,EACD,KAAC,IAAI,mBAAc,OAAO,CAAC,OAAO,EAAE,OAAO,EAAC,IAAI,YAC7C,OAAO,GACH,EACN,CAAC,OAAO,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CACxC,KAAC,KAAK,mBAAc,OAAO,CAAC,KAAK,YAAG,KAAK,GAAS,CACnD,IACI,GACmB,EAC5B,KAAC,uBAAuB,cAAE,OAAO,GAA2B,IACxC,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\n\nimport {\n  colorIconMapping,\n  Count,\n  EmptyState,\n  ErrorState,\n  Flex,\n  Icon,\n  Progress,\n  Text,\n  useI18n,\n  useTestIds,\n  useTheme,\n  withTestIds\n} from '@pega/cosmos-react-core';\n\nimport type { CaseHierarchyProps } from './CaseHierarchy.types';\nimport {\n  StyledCaseHierarchy,\n  StyledCaseHierarchyHeader,\n  StyledCaseHierarchyTree,\n  StyledOverflowContainer\n} from './CaseHierarchy.styles';\nimport { getCaseHierarchyTestIds } from './CaseHierarchy.test-ids';\n\nconst CaseHierarchy = forwardRef(function CaseHierarchy(\n  {\n    testId,\n    heading,\n    icon,\n    loading,\n    error,\n    count,\n    nodes,\n    currentCaseId,\n    ...restProps\n  }: PropsWithoutRef<CaseHierarchyProps>,\n  ref: Ref<HTMLUListElement>\n) {\n  const t = useI18n();\n  const theme = useTheme();\n  const testIds = useTestIds(testId, getCaseHierarchyTestIds);\n\n  const content = (() => {\n    if (error) {\n      return <ErrorState message={t('error')} />;\n    }\n\n    if (loading) {\n      return <Progress placement='block' />;\n    }\n\n    if (nodes.length === 0) {\n      return <EmptyState />;\n    }\n\n    return <StyledCaseHierarchyTree {...restProps} currentNodeId={currentCaseId} nodes={nodes} />;\n  })();\n\n  return (\n    <StyledCaseHierarchy data-testid={testIds.root} ref={ref}>\n      <StyledCaseHierarchyHeader>\n        <Flex container={{ alignItems: 'center', gap: 1 }}>\n          {theme.components['case-view'].utilities['icon-color'] ? (\n            <Icon\n              data-testid={testIds.icon}\n              name={icon ?? 'folder-nested'}\n              background={colorIconMapping(theme, icon ?? 'folder-nested')}\n              shape='circle'\n            />\n          ) : (\n            <Icon data-testid={testIds.icon} name={icon ?? 'folder-nested'} />\n          )}\n          <Text data-testid={testIds.heading} variant='h3'>\n            {heading}\n          </Text>\n          {!loading && typeof count === 'number' && (\n            <Count data-testid={testIds.count}>{count}</Count>\n          )}\n        </Flex>\n      </StyledCaseHierarchyHeader>\n      <StyledOverflowContainer>{content}</StyledOverflowContainer>\n    </StyledCaseHierarchy>\n  );\n});\n\nexport default withTestIds(CaseHierarchy, getCaseHierarchyTestIds);\n"]}
+{"version":3,"file":"CaseHierarchy.js","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\n\nimport {\n  colorIconMapping,\n  Count,\n  EmptyState,\n  ErrorState,\n  Flex,\n  Icon,\n  Progress,\n  SearchInput,\n  Text,\n  useI18n,\n  useTestIds,\n  useTheme,\n  withTestIds\n} from '@pega/cosmos-react-core';\n\nimport type { CaseHierarchyProps } from './CaseHierarchy.types';\nimport {\n  StyledCaseHierarchy,\n  StyledCaseHierarchyHeader,\n  StyledCaseHierarchyTree,\n  StyledOverflowContainer\n} from './CaseHierarchy.styles';\nimport { getCaseHierarchyTestIds } from './CaseHierarchy.test-ids';\n\nconst CaseHierarchy = forwardRef(function CaseHierarchy(\n  {\n    testId,\n    heading,\n    icon,\n    loading,\n    error,\n    count,\n    nodes,\n    search,\n    currentCaseId,\n    ...restProps\n  }: PropsWithoutRef<CaseHierarchyProps>,\n  ref: Ref<HTMLDivElement>\n) {\n  const t = useI18n();\n  const theme = useTheme();\n  const testIds = useTestIds(testId, getCaseHierarchyTestIds);\n\n  const content = (() => {\n    if (error) {\n      return <ErrorState message={t('error')} />;\n    }\n\n    if (loading) {\n      return <Progress placement='block' />;\n    }\n\n    if (nodes.length === 0) {\n      return <EmptyState />;\n    }\n\n    return <StyledCaseHierarchyTree {...restProps} currentNodeId={currentCaseId} nodes={nodes} />;\n  })();\n\n  return (\n    <StyledCaseHierarchy data-testid={testIds.root} ref={ref}>\n      <StyledCaseHierarchyHeader>\n        <Flex container={{ direction: 'column', gap: 1 }} item={{ grow: 1 }}>\n          <Flex container={{ direction: 'row', alignItems: 'center', gap: 1 }}>\n            {theme.components['case-view'].utilities['icon-color'] ? (\n              <Icon\n                data-testid={testIds.icon}\n                name={icon ?? 'folder-nested'}\n                background={colorIconMapping(theme, icon ?? 'folder-nested')}\n                shape='circle'\n              />\n            ) : (\n              <Icon data-testid={testIds.icon} name={icon ?? 'folder-nested'} />\n            )}\n            <Text data-testid={testIds.heading} variant='h3'>\n              {heading}\n            </Text>\n            {!loading && typeof count === 'number' && (\n              <Count data-testid={testIds.count}>{count}</Count>\n            )}\n          </Flex>\n          {search && (\n            <SearchInput\n              data-testid={testIds.search}\n              value={search.value}\n              onSearchChange={search.handler}\n            />\n          )}\n        </Flex>\n      </StyledCaseHierarchyHeader>\n      <StyledOverflowContainer>{content}</StyledOverflowContainer>\n    </StyledCaseHierarchy>\n  );\n});\n\nexport default withTestIds(CaseHierarchy, getCaseHierarchyTestIds);\n"]}

package/lib/components/CaseHierarchy/CaseHierarchy.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHierarchy.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAIb,MAAM,yBAAyB,CAAC;AAKjC,eAAO,MAAM,uBAAuB,EAAE,OAAO,YAU3C,CAAC;AAIH,eAAO,MAAM,uBAAuB,6ZAoBnC,CAAC;AAIF,eAAO,MAAM,yBAAyB;;2BAYpC,CAAC;AAIH,eAAO,MAAM,mBAAmB;;yLAK/B,CAAC"}
+{"version":3,"file":"CaseHierarchy.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAKb,MAAM,yBAAyB,CAAC;AAQjC,eAAO,MAAM,uBAAuB,EAAE,OAAO,YAe5C,CAAC;AAIF,eAAO,MAAM,uBAAuB,6ZAoBnC,CAAC;AAIF,eAAO,MAAM,yBAAyB;;2BAYpC,CAAC;AAIH,eAAO,MAAM,mBAAmB;;yLAI/B,CAAC"}

package/lib/components/CaseHierarchy/CaseHierarchy.styles.js

@@ -1,19 +1,22 @@
 import styled, { css } from 'styled-components';
-import { defaultThemeProp, StandardTree, Card, CardContent, StyledFlex } from '@pega/cosmos-react-core';
+import { defaultThemeProp, StandardTree, Card, CardContent, StyledFlex, StyledButton } from '@pega/cosmos-react-core';
 import { StyledSummaryListHeader } from '@pega/cosmos-react-core/lib/components/SummaryList/SummaryList';
 import { StyledDialog } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.styles';
-import { StyledNodeInteraction } from '@pega/cosmos-react-core/lib/components/Tree/StandardTree.styles';
-export const StyledCaseHierarchyTree = styled(StandardTree)(({ theme }) => {
-    return css `
+import { StyledLabelContainer, StyledNodeInteraction } from '@pega/cosmos-react-core/lib/components/Tree/StandardTree.styles';
+export const StyledCaseHierarchyTree = styled(StandardTree)(({ theme }) => css `
     display: table;
     width: 100%;
 
+    ${StyledLabelContainer} ${StyledButton} {
+      align-self: flex-start;
+      margin-block-start: calc(${theme.base.spacing} / 4);
+    }
+
     [aria-current='true'],
     [aria-current='page'] {
       font-weight: ${theme.base['font-weight']['semi-bold']};
     }
-  `;
-});
+  `);
 StyledCaseHierarchyTree.defaultProps = defaultThemeProp;
 export const StyledOverflowContainer = styled(CardContent)(({ theme }) => css `
     overflow: auto;
@@ -51,7 +54,6 @@ export const StyledCaseHierarchyHeader = styled(StyledSummaryListHeader)(({ them
 StyledCaseHierarchyHeader.defaultProps = defaultThemeProp;
 export const StyledCaseHierarchy = styled(Card) `
   ${StyledDialog} & {
-    /* stylelint-disable-next-line unit-allowed-list */
     max-height: calc(100dvh - 5rem);
   }
 `;

package/lib/components/CaseHierarchy/CaseHierarchy.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHierarchy.styles.js","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,UAAU,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,gEAAgE,CAAC;AACzG,OAAO,EAAE,YAAY,EAAE,MAAM,6DAA6D,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,iEAAiE,CAAC;AAExG,MAAM,CAAC,MAAM,uBAAuB,GAAwB,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7F,OAAO,GAAG,CAAA;;;;;;qBAMS,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC;;GAExD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,WAAW,CAAC,CACxD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;MAId,qBAAqB;;sDAE2B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;sDAG3B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;qDAG5B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;qDAG3B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;GAG7E,CACF,CAAC;AAEF,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrF,OAAO,GAAG,CAAA;8BACkB,KAAK,CAAC,IAAI,CAAC,OAAO;;MAE1C,UAAU;oBACI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC;;;sBAGjC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;;GAGvD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC3C,YAAY;;;;CAIf,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  defaultThemeProp,\n  StandardTree,\n  Card,\n  CardContent,\n  StyledFlex\n} from '@pega/cosmos-react-core';\nimport { StyledSummaryListHeader } from '@pega/cosmos-react-core/lib/components/SummaryList/SummaryList';\nimport { StyledDialog } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.styles';\nimport { StyledNodeInteraction } from '@pega/cosmos-react-core/lib/components/Tree/StandardTree.styles';\n\nexport const StyledCaseHierarchyTree: typeof StandardTree = styled(StandardTree)(({ theme }) => {\n  return css`\n    display: table;\n    width: 100%;\n\n    [aria-current='true'],\n    [aria-current='page'] {\n      font-weight: ${theme.base['font-weight']['semi-bold']};\n    }\n  `;\n});\n\nStyledCaseHierarchyTree.defaultProps = defaultThemeProp;\n\nexport const StyledOverflowContainer = styled(CardContent)(\n  ({ theme }) => css`\n    overflow: auto;\n    max-height: inherit;\n\n    ${StyledNodeInteraction} {\n      border-top-right-radius: calc(\n        var(--first-visible) * var(--border-radius, ${theme.base['border-radius']})\n      );\n      border-top-left-radius: calc(\n        var(--first-visible) * var(--border-radius, ${theme.base['border-radius']})\n      );\n      border-bottom-left-radius: calc(\n        var(--last-visible) * var(--border-radius, ${theme.base['border-radius']})\n      );\n      border-bottom-right-radius: calc(\n        var(--last-visible) * var(--border-radius, ${theme.base['border-radius']})\n      );\n    }\n  `\n);\n\nStyledOverflowContainer.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHierarchyHeader = styled(StyledSummaryListHeader)(({ theme }) => {\n  return css`\n    padding-block-end: calc(${theme.base.spacing} / 2);\n\n    ${StyledFlex} {\n      min-height: ${theme.base['hit-area']['mouse-min']};\n\n      @media (pointer: coarse) {\n        min-height: ${theme.base['hit-area']['finger-min']};\n      }\n    }\n  `;\n});\n\nStyledCaseHierarchyHeader.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHierarchy = styled(Card)`\n  ${StyledDialog} & {\n    /* stylelint-disable-next-line unit-allowed-list */\n    max-height: calc(100dvh - 5rem);\n  }\n`;\n\nStyledCaseHierarchy.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"CaseHierarchy.styles.js","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,UAAU,EACV,YAAY,EACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,gEAAgE,CAAC;AACzG,OAAO,EAAE,YAAY,EAAE,MAAM,6DAA6D,CAAC;AAC3F,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,iEAAiE,CAAC;AAEzE,MAAM,CAAC,MAAM,uBAAuB,GAAwB,MAAM,CAAC,YAAY,CAAC,CAC9E,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;MAId,oBAAoB,IAAI,YAAY;;iCAET,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;qBAK9B,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC;;GAExD,CACF,CAAC;AAEF,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,WAAW,CAAC,CACxD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;MAId,qBAAqB;;sDAE2B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;sDAG3B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;qDAG5B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;qDAG3B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;GAG7E,CACF,CAAC;AAEF,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrF,OAAO,GAAG,CAAA;8BACkB,KAAK,CAAC,IAAI,CAAC,OAAO;;MAE1C,UAAU;oBACI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC;;;sBAGjC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;;GAGvD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC3C,YAAY;;;CAGf,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  defaultThemeProp,\n  StandardTree,\n  Card,\n  CardContent,\n  StyledFlex,\n  StyledButton\n} from '@pega/cosmos-react-core';\nimport { StyledSummaryListHeader } from '@pega/cosmos-react-core/lib/components/SummaryList/SummaryList';\nimport { StyledDialog } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.styles';\nimport {\n  StyledLabelContainer,\n  StyledNodeInteraction\n} from '@pega/cosmos-react-core/lib/components/Tree/StandardTree.styles';\n\nexport const StyledCaseHierarchyTree: typeof StandardTree = styled(StandardTree)(\n  ({ theme }) => css`\n    display: table;\n    width: 100%;\n\n    ${StyledLabelContainer} ${StyledButton} {\n      align-self: flex-start;\n      margin-block-start: calc(${theme.base.spacing} / 4);\n    }\n\n    [aria-current='true'],\n    [aria-current='page'] {\n      font-weight: ${theme.base['font-weight']['semi-bold']};\n    }\n  `\n);\n\nStyledCaseHierarchyTree.defaultProps = defaultThemeProp;\n\nexport const StyledOverflowContainer = styled(CardContent)(\n  ({ theme }) => css`\n    overflow: auto;\n    max-height: inherit;\n\n    ${StyledNodeInteraction} {\n      border-top-right-radius: calc(\n        var(--first-visible) * var(--border-radius, ${theme.base['border-radius']})\n      );\n      border-top-left-radius: calc(\n        var(--first-visible) * var(--border-radius, ${theme.base['border-radius']})\n      );\n      border-bottom-left-radius: calc(\n        var(--last-visible) * var(--border-radius, ${theme.base['border-radius']})\n      );\n      border-bottom-right-radius: calc(\n        var(--last-visible) * var(--border-radius, ${theme.base['border-radius']})\n      );\n    }\n  `\n);\n\nStyledOverflowContainer.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHierarchyHeader = styled(StyledSummaryListHeader)(({ theme }) => {\n  return css`\n    padding-block-end: calc(${theme.base.spacing} / 2);\n\n    ${StyledFlex} {\n      min-height: ${theme.base['hit-area']['mouse-min']};\n\n      @media (pointer: coarse) {\n        min-height: ${theme.base['hit-area']['finger-min']};\n      }\n    }\n  `;\n});\n\nStyledCaseHierarchyHeader.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHierarchy = styled(Card)`\n  ${StyledDialog} & {\n    max-height: calc(100dvh - 5rem);\n  }\n`;\n\nStyledCaseHierarchy.defaultProps = defaultThemeProp;\n"]}

package/lib/components/CaseHierarchy/CaseHierarchy.test-ids.d.ts

@@ -1,2 +1,2 @@
-export declare const getCaseHierarchyTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["heading", "icon", "count"]>;
+export declare const getCaseHierarchyTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["heading", "icon", "count", "search"]>;
 //# sourceMappingURL=CaseHierarchy.test-ids.d.ts.map

package/lib/components/CaseHierarchy/CaseHierarchy.test-ids.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHierarchy.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,iKAIzB,CAAC"}
+{"version":3,"file":"CaseHierarchy.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,2KAKzB,CAAC"}

package/lib/components/CaseHierarchy/CaseHierarchy.test-ids.js

@@ -2,6 +2,7 @@ import { createTestIds } from '@pega/cosmos-react-core';
 export const getCaseHierarchyTestIds = createTestIds('case-hierarchy', [
     'heading',
     'icon',
-    'count'
+    'count',
+    'search'
 ]);
 //# sourceMappingURL=CaseHierarchy.test-ids.js.map

package/lib/components/CaseHierarchy/CaseHierarchy.test-ids.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHierarchy.test-ids.js","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,EAAE;IACrE,SAAS;IACT,MAAM;IACN,OAAO;CACC,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getCaseHierarchyTestIds = createTestIds('case-hierarchy', [\n  'heading',\n  'icon',\n  'count'\n] as const);\n"]}
+{"version":3,"file":"CaseHierarchy.test-ids.js","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,EAAE;IACrE,SAAS;IACT,MAAM;IACN,OAAO;IACP,QAAQ;CACA,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getCaseHierarchyTestIds = createTestIds('case-hierarchy', [\n  'heading',\n  'icon',\n  'count',\n  'search'\n] as const);\n"]}

package/lib/components/CaseHierarchy/CaseHierarchy.types.d.ts

@@ -4,7 +4,8 @@ export interface CaseHierarchyNode extends OmitStrict<StandardTreeNode, 'nodes'>
     nodes?: CaseHierarchyNode[];
     caseTypeId?: string;
 }
-export interface CaseHierarchyProps extends OmitStrict<StandardTreeProps, 'currentNodeId' | 'ref'>, TestIdProp {
+export interface CaseHierarchyProps extends OmitStrict<StandardTreeProps, 'currentNodeId' | 'ref' | 'nodes'>, TestIdProp {
+    nodes: CaseHierarchyNode[];
     /** Heading shown on the Card wrapping the component. */
     heading: string;
     /** The icon rendered as part of the header. If not set will default to 'folder-nested'. */
@@ -17,6 +18,11 @@ export interface CaseHierarchyProps extends OmitStrict<StandardTreeProps, 'curre
     error?: boolean;
     /** Will render the provided number in a count badge next to the heading. */
     count?: number;
+    /** If set, will render a search input above the tree to search nodes. */
+    search?: {
+        value: string;
+        handler: (value: string) => void;
+    };
     /** A ref to the wrapping element. */
     ref?: Ref<HTMLDivElement>;
 }

package/lib/components/CaseHierarchy/CaseHierarchy.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHierarchy.types.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACT,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,iBAAkB,SAAQ,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAC9E,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBACf,SAAQ,UAAU,CAAC,iBAAiB,EAAE,eAAe,GAAG,KAAK,CAAC,EAC5D,UAAU;IACZ,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,mEAAmE;IACnE,aAAa,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}
+{"version":3,"file":"CaseHierarchy.types.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACT,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,iBAAkB,SAAQ,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAC9E,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBACf,SAAQ,UAAU,CAAC,iBAAiB,EAAE,eAAe,GAAG,KAAK,GAAG,OAAO,CAAC,EACtE,UAAU;IACZ,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,mEAAmE;IACnE,aAAa,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAC;IAC7D,qCAAqC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}

package/lib/components/CaseHierarchy/CaseHierarchy.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHierarchy.types.js","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'react';\n\nimport type {\n  IconProps,\n  OmitStrict,\n  StandardTreeNode,\n  StandardTreeProps,\n  TestIdProp,\n  TreeNode\n} from '@pega/cosmos-react-core';\n\nexport interface CaseHierarchyNode extends OmitStrict<StandardTreeNode, 'nodes'> {\n  nodes?: CaseHierarchyNode[];\n  caseTypeId?: string;\n}\n\nexport interface CaseHierarchyProps\n  extends OmitStrict<StandardTreeProps, 'currentNodeId' | 'ref'>,\n    TestIdProp {\n  /** Heading shown on the Card wrapping the component. */\n  heading: string;\n  /** The icon rendered as part of the header. If not set will default to 'folder-nested'. */\n  icon?: IconProps['name'];\n  /** The currently selected case, will be highlighted by default. */\n  currentCaseId?: TreeNode['id'];\n  /** If set, a progress indicator will render in place of the component. */\n  loading?: boolean;\n  /** If set, an error state will render in place of the component. */\n  error?: boolean;\n  /** Will render the provided number in a count badge next to the heading. */\n  count?: number;\n  /** A ref to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}
+{"version":3,"file":"CaseHierarchy.types.js","sourceRoot":"","sources":["../../../src/components/CaseHierarchy/CaseHierarchy.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'react';\n\nimport type {\n  IconProps,\n  OmitStrict,\n  StandardTreeNode,\n  StandardTreeProps,\n  TestIdProp,\n  TreeNode\n} from '@pega/cosmos-react-core';\n\nexport interface CaseHierarchyNode extends OmitStrict<StandardTreeNode, 'nodes'> {\n  nodes?: CaseHierarchyNode[];\n  caseTypeId?: string;\n}\n\nexport interface CaseHierarchyProps\n  extends OmitStrict<StandardTreeProps, 'currentNodeId' | 'ref' | 'nodes'>,\n    TestIdProp {\n  nodes: CaseHierarchyNode[];\n  /** Heading shown on the Card wrapping the component. */\n  heading: string;\n  /** The icon rendered as part of the header. If not set will default to 'folder-nested'. */\n  icon?: IconProps['name'];\n  /** The currently selected case, will be highlighted by default. */\n  currentCaseId?: TreeNode['id'];\n  /** If set, a progress indicator will render in place of the component. */\n  loading?: boolean;\n  /** If set, an error state will render in place of the component. */\n  error?: boolean;\n  /** Will render the provided number in a count badge next to the heading. */\n  count?: number;\n  /** If set, will render a search input above the tree to search nodes. */\n  search?: { value: string; handler: (value: string) => void };\n  /** A ref to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

package/lib/components/CasePreview/CasePreview.d.ts

@@ -2,7 +2,7 @@ import type { Ref } from 'react';
 import type { ForwardRefForwardPropsComponent, BaseProps, TestIdProp, NoChildrenProp, ErrorStateProps } from '@pega/cosmos-react-core';
 import type { CaseViewProps } from '../CaseView';
 import type { CaseViewContextValue } from '../CaseView/CaseView.types';
-export interface CasePreviewProps extends Pick<CaseViewProps, 'caseId' | 'caseType' | 'heading' | 'subheading' | 'parentCases' | 'icon' | 'followed' | 'onFollowedChange' | 'actions' | 'promotedActions' | 'onEdit' | 'summaryFields' | 'tabs' | 'tabContent' | 'stages' | 'tasks' | 'banners' | 'utilities' | 'utilitiesSummaryItems'>, NoChildrenProp, TestIdProp, BaseProps {
+export interface CasePreviewProps extends Pick<CaseViewProps, 'caseId' | 'caseType' | 'heading' | 'subheading' | 'parentCases' | 'icon' | 'color' | 'followed' | 'onFollowedChange' | 'actions' | 'promotedActions' | 'onEdit' | 'summaryFields' | 'tabs' | 'tabContent' | 'stages' | 'tasks' | 'banners' | 'utilities' | 'utilitiesSummaryItems'>, NoChildrenProp, TestIdProp, BaseProps {
     /** A set of props including an href that will be forwarded to the case preview's heading and subheading. */
     caseLink?: CaseViewContextValue['caseLink'];
     /** If true, the Case Preview will be visible. */

package/lib/components/CasePreview/CasePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CasePreview.d.ts","sourceRoot":"","sources":["../../../src/components/CasePreview/CasePreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAelD,OAAO,KAAK,EACV,+BAA+B,EAC/B,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAe,EAEhB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAQvE,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,aAAa,EACX,QAAQ,GACR,UAAU,GACV,SAAS,GACT,YAAY,GACZ,aAAa,GACb,MAAM,GACN,UAAU,GACV,kBAAkB,GAClB,SAAS,GACT,iBAAiB,GACjB,QAAQ,GACR,eAAe,GACf,MAAM,GACN,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,SAAS,GACT,WAAW,GACX,uBAAuB,CAC1B,EACD,cAAc,EACd,UAAU,EACV,SAAS;IACX,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC5C,iDAAiD;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAC1C,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;;;;AAwOD,wBAA+D"}
+{"version":3,"file":"CasePreview.d.ts","sourceRoot":"","sources":["../../../src/components/CasePreview/CasePreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAelD,OAAO,KAAK,EACV,+BAA+B,EAC/B,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAe,EAEhB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAQvE,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,aAAa,EACX,QAAQ,GACR,UAAU,GACV,SAAS,GACT,YAAY,GACZ,aAAa,GACb,MAAM,GACN,OAAO,GACP,UAAU,GACV,kBAAkB,GAClB,SAAS,GACT,iBAAiB,GACjB,QAAQ,GACR,eAAe,GACf,MAAM,GACN,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,SAAS,GACT,WAAW,GACX,uBAAuB,CAC1B,EACD,cAAc,EACd,UAAU,EACV,SAAS;IACX,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC5C,iDAAiD;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAC1C,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;;;;AA6OD,wBAA+D"}

package/lib/components/CasePreview/CasePreview.js

@@ -48,15 +48,15 @@ const StyledCasePreviewDrawer = styled(StyledPreviewDrawer)(({ theme }) => {
   `;
 });
 StyledCasePreviewDrawer.defaultProps = defaultThemeProp;
-const CasePreviewContent = ({ error, onErrorRetry, caseId, caseType, heading, subheading, caseLink, parentCases, icon, followed, onFollowedChange, summaryFields, tabs, stages, tasks, tabContent, utilities, utilitiesSummaryItems, actions, banners, onEdit }) => {
+const CasePreviewContent = ({ error, onErrorRetry, caseId, caseType, heading, subheading, caseLink, parentCases, icon, color, followed, onFollowedChange, summaryFields, tabs, stages, tasks, tabContent, utilities, utilitiesSummaryItems, actions, banners, onEdit }) => {
     const t = useI18n();
     if (error) {
         return _jsx(ErrorState, { message: t('preview_error'), onRetry: onErrorRetry });
     }
-    return (_jsx(CaseView, { caseId: caseId, caseType: caseType, parentCases: parentCases, heading: heading, subheading: subheading, caseLink: caseLink, icon: icon, followed: followed, onFollowedChange: onFollowedChange, summaryFields: summaryFields, tabs: tabs, stages: stages, tasks: tasks, tabContent: tabContent, utilities: utilities, utilitiesSummaryItems: utilitiesSummaryItems, actions: actions, banners: banners, onEdit: onEdit, isPreview: true }));
+    return (_jsx(CaseView, { caseId: caseId, caseType: caseType, parentCases: parentCases, heading: heading, subheading: subheading, caseLink: caseLink, icon: icon, color: color, followed: followed, onFollowedChange: onFollowedChange, summaryFields: summaryFields, tabs: tabs, stages: stages, tasks: tasks, tabContent: tabContent, utilities: utilities, utilitiesSummaryItems: utilitiesSummaryItems, actions: actions, banners: banners, onEdit: onEdit, isPreview: true }));
 };
 const CasePreview = forwardRef(function CasePreview(props, ref) {
-    const { testId, open: openProp, progress, error, onErrorRetry, caseId, caseType, heading, subheading, caseLink, parentCases, icon, followed, onFollowedChange, summaryFields, tabs, stages, tasks, tabContent, utilities, utilitiesSummaryItems, actions, banners, onEdit, onBeforeOpen, onAfterOpen, onBeforeClose, onAfterClose, ...restProps } = props;
+    const { testId, open: openProp, progress, error, onErrorRetry, caseId, caseType, heading, subheading, caseLink, parentCases, icon, color, followed, onFollowedChange, summaryFields, tabs, stages, tasks, tabContent, utilities, utilitiesSummaryItems, actions, banners, onEdit, onBeforeOpen, onAfterOpen, onBeforeClose, onAfterClose, ...restProps } = props;
     const testIds = useTestIds(testId, getCasePreviewTestIds);
     const { createPreview } = usePreviewManager();
     const previewMethodsRef = useRef(undefined);
@@ -78,6 +78,7 @@ const CasePreview = forwardRef(function CasePreview(props, ref) {
                 caseLink,
                 parentCases,
                 icon,
+                color,
                 followed,
                 onFollowedChange,
                 summaryFields,
@@ -94,7 +95,7 @@ const CasePreview = forwardRef(function CasePreview(props, ref) {
             const metadata = {
                 previewProps: {
                     testId: testIds.root,
-                    previewLabel: heading,
+                    previewLabel: typeof heading === 'string' ? heading : heading?.text,
                     onBeforeOpen,
                     onAfterOpen,
                     onBeforeClose,

package/lib/components/CasePreview/CasePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"CasePreview.js","sourceRoot":"","sources":["../../../src/components/CasePreview/CasePreview.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useState, useRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  registerIcon,\n  defaultThemeProp,\n  useBreakpoint,\n  useI18n,\n  useTestIds,\n  withTestIds,\n  ErrorState,\n  useConsolidatedRef,\n  StyledPreviewDrawer,\n  usePreviewManager\n} from '@pega/cosmos-react-core';\nimport type {\n  ForwardRefForwardPropsComponent,\n  BaseProps,\n  TestIdProp,\n  NoChildrenProp,\n  ErrorStateProps,\n  PreviewMethods\n} from '@pega/cosmos-react-core';\nimport * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\n\nimport CaseView, { StyledCaseView, StyledCaseViewContent, StyledSummaryRegion } from '../CaseView';\nimport type { CaseViewProps } from '../CaseView';\nimport type { CaseViewContextValue } from '../CaseView/CaseView.types';\nimport { StyledGenAICoachContainer } from '../GenAICoach/GenAICoach.styles';\nimport { StyledSummaryPrimaryList, StyledSummarySecondaryList } from '../CaseView/CaseView.styles';\n\nimport { getCasePreviewTestIds } from './CasePreview.test-ids';\n\nregisterIcon(timesIcon);\n\nexport interface CasePreviewProps\n  extends Pick<\n      CaseViewProps,\n      | 'caseId'\n      | 'caseType'\n      | 'heading'\n      | 'subheading'\n      | 'parentCases'\n      | 'icon'\n      | 'followed'\n      | 'onFollowedChange'\n      | 'actions'\n      | 'promotedActions'\n      | 'onEdit'\n      | 'summaryFields'\n      | 'tabs'\n      | 'tabContent'\n      | 'stages'\n      | 'tasks'\n      | 'banners'\n      | 'utilities'\n      | 'utilitiesSummaryItems'\n    >,\n    NoChildrenProp,\n    TestIdProp,\n    BaseProps {\n  /** A set of props including an href that will be forwarded to the case preview's heading and subheading. */\n  caseLink?: CaseViewContextValue['caseLink'];\n  /** If true, the Case Preview will be visible. */\n  open: boolean;\n  /** If true, the Case Preview will render in a progress state. */\n  progress?: boolean;\n  /** If true, the Case Preview will render in an error state. */\n  error?: boolean;\n  /** Callback fired when \"Try again\" button is clicked in an error state. */\n  onErrorRetry?: ErrorStateProps['onRetry'];\n  /** Callback fired before Case Preview opens. */\n  onBeforeOpen?: () => void;\n  /** Callback fired after Case Preview opens. */\n  onAfterOpen?: () => void;\n  /** Callback fired before Case Preview closes. */\n  onBeforeClose?: () => void;\n  /** Callback fired after Case Preview closes. */\n  onAfterClose?: () => void;\n  /** Callback fired when a click action occurs outside of the Case Preview. */\n  onOuterClick?: () => void;\n  /** Reference to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst StyledCasePreviewDrawer = styled(StyledPreviewDrawer)(({ theme }) => {\n  return css`\n    ${StyledSummaryPrimaryList} {\n      padding: unset;\n    }\n\n    ${StyledSummarySecondaryList} {\n      padding-block-start: unset;\n      padding-inline: unset;\n    }\n\n    ${StyledCaseView} {\n      height: calc(100vh - ${theme.base.spacing} - ${theme.base['hit-area']['mouse-min']});\n      z-index: 1;\n\n      @media (pointer: coarse) {\n        height: calc(100vh - ${theme.base.spacing} - ${theme.base['hit-area']['finger-min']});\n      }\n\n      ${StyledSummaryRegion} {\n        position: relative;\n        top: 0;\n      }\n    }\n\n    ${StyledCaseViewContent} {\n      overflow-y: auto;\n\n      & > :last-child {\n        padding-bottom: calc(2 * ${theme.base.spacing});\n      }\n    }\n\n    ${StyledGenAICoachContainer} {\n      width: unset;\n      min-width: unset;\n    }\n  `;\n});\n\nStyledCasePreviewDrawer.defaultProps = defaultThemeProp;\n\ntype CasePreviewContentProps = Pick<\n  CasePreviewProps,\n  | 'error'\n  | 'onErrorRetry'\n  | 'caseId'\n  | 'caseType'\n  | 'heading'\n  | 'subheading'\n  | 'caseLink'\n  | 'parentCases'\n  | 'icon'\n  | 'followed'\n  | 'onFollowedChange'\n  | 'summaryFields'\n  | 'tabs'\n  | 'tabContent'\n  | 'stages'\n  | 'tasks'\n  | 'banners'\n  | 'utilities'\n  | 'utilitiesSummaryItems'\n  | 'actions'\n  | 'onEdit'\n>;\n\nconst CasePreviewContent = ({\n  error,\n  onErrorRetry,\n  caseId,\n  caseType,\n  heading,\n  subheading,\n  caseLink,\n  parentCases,\n  icon,\n  followed,\n  onFollowedChange,\n  summaryFields,\n  tabs,\n  stages,\n  tasks,\n  tabContent,\n  utilities,\n  utilitiesSummaryItems,\n  actions,\n  banners,\n  onEdit\n}: CasePreviewContentProps) => {\n  const t = useI18n();\n\n  if (error) {\n    return <ErrorState message={t('preview_error')} onRetry={onErrorRetry} />;\n  }\n\n  return (\n    <CaseView\n      caseId={caseId}\n      caseType={caseType}\n      parentCases={parentCases}\n      heading={heading}\n      subheading={subheading}\n      caseLink={caseLink}\n      icon={icon}\n      followed={followed}\n      onFollowedChange={onFollowedChange}\n      summaryFields={summaryFields}\n      tabs={tabs}\n      stages={stages}\n      tasks={tasks}\n      tabContent={tabContent}\n      utilities={utilities}\n      utilitiesSummaryItems={utilitiesSummaryItems}\n      actions={actions}\n      banners={banners}\n      onEdit={onEdit}\n      isPreview\n    />\n  );\n};\n\nconst CasePreview: ForwardRefForwardPropsComponent<CasePreviewProps> = forwardRef(\n  function CasePreview(props: PropsWithoutRef<CasePreviewProps>, ref: CasePreviewProps['ref']) {\n    const {\n      testId,\n      open: openProp,\n      progress,\n      error,\n      onErrorRetry,\n      caseId,\n      caseType,\n      heading,\n      subheading,\n      caseLink,\n      parentCases,\n      icon,\n      followed,\n      onFollowedChange,\n      summaryFields,\n      tabs,\n      stages,\n      tasks,\n      tabContent,\n      utilities,\n      utilitiesSummaryItems,\n      actions,\n      banners,\n      onEdit,\n      onBeforeOpen,\n      onAfterOpen,\n      onBeforeClose,\n      onAfterClose,\n      ...restProps\n    } = props;\n    const testIds = useTestIds(testId, getCasePreviewTestIds);\n\n    const { createPreview } = usePreviewManager();\n    const previewMethodsRef = useRef<PreviewMethods | undefined>(undefined);\n    const previewRef = useConsolidatedRef(ref);\n    const isSmallOrAbove = useBreakpoint('sm');\n\n    const [open, setOpen] = useState(openProp);\n\n    useEffect(() => {\n      setOpen(openProp);\n    }, [openProp]);\n\n    useEffect(() => {\n      if (open && isSmallOrAbove) {\n        const contentProps = {\n          error,\n          onErrorRetry,\n          caseId,\n          caseType,\n          heading,\n          subheading,\n          caseLink,\n          parentCases,\n          icon,\n          followed,\n          onFollowedChange,\n          summaryFields,\n          tabs,\n          stages,\n          tasks,\n          tabContent,\n          utilities,\n          utilitiesSummaryItems,\n          actions,\n          banners,\n          onEdit\n        };\n\n        const metadata = {\n          previewProps: {\n            testId: testIds.root,\n            previewLabel: heading,\n            onBeforeOpen,\n            onAfterOpen,\n            onBeforeClose,\n            onAfterClose: () => {\n              onAfterClose?.();\n              setOpen(false);\n              if (previewMethodsRef.current) {\n                previewMethodsRef.current.unmountPreview();\n                previewMethodsRef.current = undefined;\n              }\n            },\n            as: StyledCasePreviewDrawer,\n            ref: previewRef,\n            progress,\n            ...restProps\n          }\n        };\n        if (previewMethodsRef.current) {\n          previewMethodsRef.current.updatePreview(contentProps, metadata);\n        } else {\n          previewMethodsRef.current = createPreview(CasePreviewContent, contentProps, metadata);\n        }\n      } else if (!open) {\n        // This branch is needed for controlled component via open prop\n        previewMethodsRef.current = undefined;\n      }\n    }, [open, progress, error, tabs, banners, utilities, utilitiesSummaryItems, isSmallOrAbove]);\n\n    return null;\n  }\n);\n\nexport default withTestIds(CasePreview, getCasePreviewTestIds);\n"]}
+{"version":3,"file":"CasePreview.js","sourceRoot":"","sources":["../../../src/components/CasePreview/CasePreview.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useState, useRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  registerIcon,\n  defaultThemeProp,\n  useBreakpoint,\n  useI18n,\n  useTestIds,\n  withTestIds,\n  ErrorState,\n  useConsolidatedRef,\n  StyledPreviewDrawer,\n  usePreviewManager\n} from '@pega/cosmos-react-core';\nimport type {\n  ForwardRefForwardPropsComponent,\n  BaseProps,\n  TestIdProp,\n  NoChildrenProp,\n  ErrorStateProps,\n  PreviewMethods\n} from '@pega/cosmos-react-core';\nimport * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\n\nimport CaseView, { StyledCaseView, StyledCaseViewContent, StyledSummaryRegion } from '../CaseView';\nimport type { CaseViewProps } from '../CaseView';\nimport type { CaseViewContextValue } from '../CaseView/CaseView.types';\nimport { StyledGenAICoachContainer } from '../GenAICoach/GenAICoach.styles';\nimport { StyledSummaryPrimaryList, StyledSummarySecondaryList } from '../CaseView/CaseView.styles';\n\nimport { getCasePreviewTestIds } from './CasePreview.test-ids';\n\nregisterIcon(timesIcon);\n\nexport interface CasePreviewProps\n  extends Pick<\n      CaseViewProps,\n      | 'caseId'\n      | 'caseType'\n      | 'heading'\n      | 'subheading'\n      | 'parentCases'\n      | 'icon'\n      | 'color'\n      | 'followed'\n      | 'onFollowedChange'\n      | 'actions'\n      | 'promotedActions'\n      | 'onEdit'\n      | 'summaryFields'\n      | 'tabs'\n      | 'tabContent'\n      | 'stages'\n      | 'tasks'\n      | 'banners'\n      | 'utilities'\n      | 'utilitiesSummaryItems'\n    >,\n    NoChildrenProp,\n    TestIdProp,\n    BaseProps {\n  /** A set of props including an href that will be forwarded to the case preview's heading and subheading. */\n  caseLink?: CaseViewContextValue['caseLink'];\n  /** If true, the Case Preview will be visible. */\n  open: boolean;\n  /** If true, the Case Preview will render in a progress state. */\n  progress?: boolean;\n  /** If true, the Case Preview will render in an error state. */\n  error?: boolean;\n  /** Callback fired when \"Try again\" button is clicked in an error state. */\n  onErrorRetry?: ErrorStateProps['onRetry'];\n  /** Callback fired before Case Preview opens. */\n  onBeforeOpen?: () => void;\n  /** Callback fired after Case Preview opens. */\n  onAfterOpen?: () => void;\n  /** Callback fired before Case Preview closes. */\n  onBeforeClose?: () => void;\n  /** Callback fired after Case Preview closes. */\n  onAfterClose?: () => void;\n  /** Callback fired when a click action occurs outside of the Case Preview. */\n  onOuterClick?: () => void;\n  /** Reference to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst StyledCasePreviewDrawer = styled(StyledPreviewDrawer)(({ theme }) => {\n  return css`\n    ${StyledSummaryPrimaryList} {\n      padding: unset;\n    }\n\n    ${StyledSummarySecondaryList} {\n      padding-block-start: unset;\n      padding-inline: unset;\n    }\n\n    ${StyledCaseView} {\n      height: calc(100vh - ${theme.base.spacing} - ${theme.base['hit-area']['mouse-min']});\n      z-index: 1;\n\n      @media (pointer: coarse) {\n        height: calc(100vh - ${theme.base.spacing} - ${theme.base['hit-area']['finger-min']});\n      }\n\n      ${StyledSummaryRegion} {\n        position: relative;\n        top: 0;\n      }\n    }\n\n    ${StyledCaseViewContent} {\n      overflow-y: auto;\n\n      & > :last-child {\n        padding-bottom: calc(2 * ${theme.base.spacing});\n      }\n    }\n\n    ${StyledGenAICoachContainer} {\n      width: unset;\n      min-width: unset;\n    }\n  `;\n});\n\nStyledCasePreviewDrawer.defaultProps = defaultThemeProp;\n\ntype CasePreviewContentProps = Pick<\n  CasePreviewProps,\n  | 'error'\n  | 'onErrorRetry'\n  | 'caseId'\n  | 'caseType'\n  | 'heading'\n  | 'subheading'\n  | 'caseLink'\n  | 'parentCases'\n  | 'icon'\n  | 'color'\n  | 'followed'\n  | 'onFollowedChange'\n  | 'summaryFields'\n  | 'tabs'\n  | 'tabContent'\n  | 'stages'\n  | 'tasks'\n  | 'banners'\n  | 'utilities'\n  | 'utilitiesSummaryItems'\n  | 'actions'\n  | 'onEdit'\n>;\n\nconst CasePreviewContent = ({\n  error,\n  onErrorRetry,\n  caseId,\n  caseType,\n  heading,\n  subheading,\n  caseLink,\n  parentCases,\n  icon,\n  color,\n  followed,\n  onFollowedChange,\n  summaryFields,\n  tabs,\n  stages,\n  tasks,\n  tabContent,\n  utilities,\n  utilitiesSummaryItems,\n  actions,\n  banners,\n  onEdit\n}: CasePreviewContentProps) => {\n  const t = useI18n();\n\n  if (error) {\n    return <ErrorState message={t('preview_error')} onRetry={onErrorRetry} />;\n  }\n\n  return (\n    <CaseView\n      caseId={caseId}\n      caseType={caseType}\n      parentCases={parentCases}\n      heading={heading}\n      subheading={subheading}\n      caseLink={caseLink}\n      icon={icon}\n      color={color}\n      followed={followed}\n      onFollowedChange={onFollowedChange}\n      summaryFields={summaryFields}\n      tabs={tabs}\n      stages={stages}\n      tasks={tasks}\n      tabContent={tabContent}\n      utilities={utilities}\n      utilitiesSummaryItems={utilitiesSummaryItems}\n      actions={actions}\n      banners={banners}\n      onEdit={onEdit}\n      isPreview\n    />\n  );\n};\n\nconst CasePreview: ForwardRefForwardPropsComponent<CasePreviewProps> = forwardRef(\n  function CasePreview(props: PropsWithoutRef<CasePreviewProps>, ref: CasePreviewProps['ref']) {\n    const {\n      testId,\n      open: openProp,\n      progress,\n      error,\n      onErrorRetry,\n      caseId,\n      caseType,\n      heading,\n      subheading,\n      caseLink,\n      parentCases,\n      icon,\n      color,\n      followed,\n      onFollowedChange,\n      summaryFields,\n      tabs,\n      stages,\n      tasks,\n      tabContent,\n      utilities,\n      utilitiesSummaryItems,\n      actions,\n      banners,\n      onEdit,\n      onBeforeOpen,\n      onAfterOpen,\n      onBeforeClose,\n      onAfterClose,\n      ...restProps\n    } = props;\n    const testIds = useTestIds(testId, getCasePreviewTestIds);\n\n    const { createPreview } = usePreviewManager();\n    const previewMethodsRef = useRef<PreviewMethods | undefined>(undefined);\n    const previewRef = useConsolidatedRef(ref);\n    const isSmallOrAbove = useBreakpoint('sm');\n\n    const [open, setOpen] = useState(openProp);\n\n    useEffect(() => {\n      setOpen(openProp);\n    }, [openProp]);\n\n    useEffect(() => {\n      if (open && isSmallOrAbove) {\n        const contentProps = {\n          error,\n          onErrorRetry,\n          caseId,\n          caseType,\n          heading,\n          subheading,\n          caseLink,\n          parentCases,\n          icon,\n          color,\n          followed,\n          onFollowedChange,\n          summaryFields,\n          tabs,\n          stages,\n          tasks,\n          tabContent,\n          utilities,\n          utilitiesSummaryItems,\n          actions,\n          banners,\n          onEdit\n        };\n\n        const metadata = {\n          previewProps: {\n            testId: testIds.root,\n            previewLabel: typeof heading === 'string' ? heading : heading?.text,\n            onBeforeOpen,\n            onAfterOpen,\n            onBeforeClose,\n            onAfterClose: () => {\n              onAfterClose?.();\n              setOpen(false);\n              if (previewMethodsRef.current) {\n                previewMethodsRef.current.unmountPreview();\n                previewMethodsRef.current = undefined;\n              }\n            },\n            as: StyledCasePreviewDrawer,\n            ref: previewRef,\n            progress,\n            ...restProps\n          }\n        };\n        if (previewMethodsRef.current) {\n          previewMethodsRef.current.updatePreview(contentProps, metadata);\n        } else {\n          previewMethodsRef.current = createPreview(CasePreviewContent, contentProps, metadata);\n        }\n      } else if (!open) {\n        // This branch is needed for controlled component via open prop\n        previewMethodsRef.current = undefined;\n      }\n    }, [open, progress, error, tabs, banners, utilities, utilitiesSummaryItems, isSmallOrAbove]);\n\n    return null;\n  }\n);\n\nexport default withTestIds(CasePreview, getCasePreviewTestIds);\n"]}

package/lib/components/CaseView/CaseHeader/CaseHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseView/CaseHeader/CaseHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AA4C5C,QAAA,MAAM,UAAU,EAAE,EA4WjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CaseHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseView/CaseHeader/CaseHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AA6C5C,QAAA,MAAM,UAAU,EAAE,EAmZjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/CaseView/CaseHeader/CaseHeader.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { parseToHsl } from 'polished';
-import { Breadcrumbs, Flex, getEdge, Icon, registerIcon, Text, Link, Button, throttle, useDirection, useI18n, useAfterInitialEffect, useTheme, tryCatch, Actions, StyledIconShape, useToaster, readableColor } from '@pega/cosmos-react-core';
+import { Breadcrumbs, Flex, getEdge, Icon, registerIcon, Text, Link, Button, throttle, useDirection, useI18n, useAfterInitialEffect, useTheme, tryCatch, Actions, StyledIconShape, useToaster, readableColor, InlineEdit } from '@pega/cosmos-react-core';
 import * as pencilIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/pencil.icon';
 import * as moreIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/more.icon';
 import { StyledCaseHeader, StyledCaseHeaderText, StyledExpandCollapseSummaryButton, StyledSubheading, StyledHeaderActions, StyledCaseHeaderPromotedAction, StyledCaseViewImage, StyledCaseViewIcon, resolveCaseTypeColor } from '../CaseView.styles';
@@ -35,7 +35,10 @@ const CaseHeader = () => {
         const caseTypeIconColor = color && theme.base['case-type-colors'] !== 'ignored'
             ? resolveCaseTypeColor(theme, color)
             : iconBackground;
-        iconForeground = readableColor(caseTypeIconColor, { mode: 'light', level: 'AANonText' });
+        iconForeground = readableColor(caseTypeIconColor ?? iconBackground, {
+            mode: 'light',
+            level: 'AANonText'
+        });
     }
     const [hasBrokenImage, setHasBrokenImage] = useState();
     const showIcon = !!icon && !hasBrokenImage;
@@ -142,6 +145,8 @@ const CaseHeader = () => {
     useEffect(() => {
         setHasBrokenImage(undefined);
     }, [typeof icon === 'string' ? icon : icon?.href]);
+    const headingText = typeof heading !== 'string' ? heading.text : heading;
+    const subheadingText = subheading && typeof subheading !== 'string' ? subheading.text : subheading;
     return (_jsxs(Flex, { "data-testid": testIds.header, as: StyledCaseHeader, container: { direction: 'column', gap: 1 }, children: [_jsxs(Flex, { container: true, ref: contentsEl, children: [showExpandCollapse && onToggleSummary && !persistentUtility && (_jsx(StyledExpandCollapseSummaryButton, { ref: toggleButtonRef, onClick: onToggleSummary, label: t(summaryExpanded ? 'collapse' : 'expand'), "aria-label": t(summaryExpanded ? 'collapse_summary' : 'expand_summary'), icon: true, compact: true, children: _jsx(Icon, { name: summaryExpanded ? `arrow-micro-${start}` : 'arrow-micro-down' }) })), showIcon && (_jsx(Flex, { container: { pad: [1, 0, 0] }, item: { shrink: 0 }, children: (() => {
                             if (typeof icon === 'string') {
                                 return (_jsx(StyledCaseViewIcon, { "data-testid": testIds.icon, "aria-label": t('case_type_icon', [caseType ?? t('case_type')]), name: icon, foreground: iconForeground, background: iconBackground }));
@@ -158,7 +163,22 @@ const CaseHeader = () => {
                             justify: 'center'
                         }, item: aboveSM
                             ? { shrink: wrapPromotedActions || !hasPromotedActions ? 1 : 0 }
-                            : { shrink: 1, grow: 1 }, ref: headerGroupEl, children: [_jsx(Text, { "data-testid": testIds.heading, variant: 'h1', children: caseLink ? _jsx(Link, { ...caseLink, children: heading }) : heading }), subheading && (!parentCases || subheading !== caseId) && (_jsx(StyledSubheading, { "data-testid": testIds.subheading, children: subheading })), parentCases && (_jsx(Breadcrumbs, { forwardedAs: 'p', path: [
+                            : { shrink: 1, grow: 1 }, ref: headerGroupEl, children: [(() => {
+                                const headingContent = caseLink ? (_jsx(Link, { ...caseLink, children: headingText })) : (headingText);
+                                const textEl = (_jsx(Text, { "data-testid": testIds.heading, variant: 'h1', children: headingContent }));
+                                if (typeof heading !== 'string') {
+                                    return (_jsx(InlineEdit, { contextualLabel: headingText, ...heading.inlineEdit, children: textEl }));
+                                }
+                                return textEl;
+                            })(), subheading &&
+                                (!parentCases || subheadingText !== caseId) &&
+                                (() => {
+                                    const subheadEl = (_jsx(StyledSubheading, { "data-testid": testIds.subheading, children: subheadingText }));
+                                    if (typeof subheading !== 'string') {
+                                        return (_jsx(InlineEdit, { contextualLabel: subheading.text, ...subheading.inlineEdit, children: subheadEl }));
+                                    }
+                                    return subheadEl;
+                                })(), parentCases && (_jsx(Breadcrumbs, { forwardedAs: 'p', path: [
                                     ...parentCases,
                                     {
                                         ...caseLink,
@@ -169,7 +189,7 @@ const CaseHeader = () => {
                                 ], leafOnly: true }))] }), collapsedMainHeader && !wrapPromotedActions && (_jsx(Summary, { siblingRef: actionsContainerEl }, summaryResetID)), _jsxs(Flex, { as: StyledHeaderActions, item: { shrink: 0 }, container: { alignItems: 'start', pad: [0, 0, 0, 2] }, offsetEnd: !summaryExpanded, ref: actionsContainerEl, children: [collapsedMainHeader &&
                                 !wrapPromotedActions &&
                                 promotedActions &&
-                                promotedActions.length > 0 ? (_jsx(_Fragment, { children: promotedActions.map(promotedAction => (_jsx(StyledCaseHeaderPromotedAction, { variant: 'secondary', onClick: (e) => promotedAction.onClick?.(promotedAction.id, e), children: promotedAction.text }, promotedAction.id))) })) : null, onEdit && (_jsx(Button, { "data-testid": testIds.edit, icon: true, variant: 'simple', onClick: onEdit, label: t('edit'), "aria-label": `${t('edit')} - ${heading}`, children: _jsx(Icon, { name: 'pencil' }) })), (actionsLoading || caseActions.length > 0) && (_jsx(Actions, { contextualLabel: heading, "data-testid": testIds.actions, iconOnly: true, progress: actionsLoading, items: caseActions, menuAt: actionsLoading ? 0 : 1, filterAt: 5, scrollAt: Infinity }))] })] }), (!collapsedMainHeader || wrapPromotedActions || !aboveSM) &&
+                                promotedActions.length > 0 ? (_jsx(_Fragment, { children: promotedActions.map(promotedAction => (_jsx(StyledCaseHeaderPromotedAction, { variant: 'secondary', onClick: (e) => promotedAction.onClick?.(promotedAction.id, e), children: promotedAction.text }, promotedAction.id))) })) : null, onEdit && (_jsx(Button, { "data-testid": testIds.edit, icon: true, variant: 'simple', onClick: onEdit, label: t('edit'), "aria-label": `${t('edit')} - ${headingText}`, children: _jsx(Icon, { name: 'pencil' }) })), (actionsLoading || caseActions.length > 0) && (_jsx(Actions, { contextualLabel: typeof heading === 'string' ? heading : heading.text, "data-testid": testIds.actions, iconOnly: true, progress: actionsLoading, items: caseActions, menuAt: actionsLoading ? 0 : 1, filterAt: 5, scrollAt: Infinity }))] })] }), (!collapsedMainHeader || wrapPromotedActions || !aboveSM) &&
                 promotedActions &&
                 promotedActions.length > 0 ? (_jsx(Flex, { "data-testid": testIds.promotedActions, container: { justify: 'start', wrap: 'wrap', gap: 1, pad: [0, 0, 0.5] }, children: promotedActions.map(({ id, text, onClick }) => (_jsx("div", { children: _jsx(StyledCaseHeaderPromotedAction, { variant: 'secondary', onClick: (e) => onClick?.(id, e), children: text }) }, text))) })) : null, collaboration] }));
 };

package/lib/components/CaseView/CaseHeader/CaseHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHeader.js","sourceRoot":"","sources":["../../../../src/components/CaseView/CaseHeader/CaseHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport type { FC, MouseEvent } from 'react';\nimport { parseToHsl } from 'polished';\n\nimport {\n  Breadcrumbs,\n  Flex,\n  getEdge,\n  Icon,\n  registerIcon,\n  Text,\n  Link,\n  Button,\n  throttle,\n  useDirection,\n  useI18n,\n  useAfterInitialEffect,\n  useTheme,\n  tryCatch,\n  Actions,\n  StyledIconShape,\n  useToaster,\n  readableColor\n} from '@pega/cosmos-react-core';\nimport type { Action } from '@pega/cosmos-react-core';\nimport * as pencilIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/pencil.icon';\nimport * as moreIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/more.icon';\n\nimport {\n  StyledCaseHeader,\n  StyledCaseHeaderText,\n  StyledExpandCollapseSummaryButton,\n  StyledSubheading,\n  StyledHeaderActions,\n  StyledCaseHeaderPromotedAction,\n  StyledCaseViewImage,\n  StyledCaseViewIcon,\n  resolveCaseTypeColor\n} from '../CaseView.styles';\nimport { useCaseViewContext } from '../CaseView.context';\n\nimport Summary from './Summary';\n\nregisterIcon(pencilIcon, moreIcon);\n\nconst CaseHeader: FC = () => {\n  const t = useI18n();\n  const { ltr, start } = useDirection();\n  const theme = useTheme();\n\n  const {\n    testIds,\n    caseId,\n    icon,\n    color,\n    heading,\n    subheading,\n    caseType,\n    actions,\n    caseLink,\n    parentCases,\n    onEdit,\n    followed,\n    onFollowedChange,\n    promotedActions,\n    summaryExpanded,\n    onToggleSummary,\n    isPreview,\n    aboveSM,\n    aboveMD,\n    persistentUtility,\n    collaboration\n  } = useCaseViewContext();\n  const { push } = useToaster();\n\n  const [wrapPromotedActions, setWrapPromotedActions] = useState(false);\n  const [summaryResetID, setSummaryResetID] = useState<number | undefined>(Math.random());\n\n  const wrapActionsBreakpoint = useRef<number | null>(null);\n\n  const hasPromotedActions = (promotedActions?.length ?? 0) > 0;\n\n  let iconForeground =\n    theme.components['case-view'].icon.color !== 'auto'\n      ? theme.components['case-view'].icon.color\n      : theme.components['case-view'].header['foreground-color'];\n\n  const iconBackground = useMemo(() => {\n    if (theme.components['case-view'].icon.background !== 'auto') {\n      return theme.components['case-view'].icon.background;\n    }\n    return tryCatch(\n      () => {\n        const { lightness } = parseToHsl(theme.components['case-view'].header['background-color']);\n        return lightness > 0.35 ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)';\n      },\n      () => 'transparent'\n    );\n  }, [theme]);\n\n  // Fall back to readable color if theme icon color and header foreground color are both 'auto'\n  if (iconForeground === 'auto') {\n    const caseTypeIconColor =\n      color && theme.base['case-type-colors'] !== 'ignored'\n        ? resolveCaseTypeColor(theme, color)\n        : iconBackground;\n    iconForeground = readableColor(caseTypeIconColor, { mode: 'light', level: 'AANonText' });\n  }\n\n  const [hasBrokenImage, setHasBrokenImage] = useState<undefined | boolean>();\n  const showIcon = !!icon && !hasBrokenImage;\n\n  const contentsEl = useRef<HTMLDivElement>(null);\n  const headerGroupEl = useRef<HTMLElement>(null);\n  const actionsContainerEl = useRef<HTMLDivElement>(null);\n  const toggleButtonRef = useRef<HTMLButtonElement>(null);\n\n  let actionsItems: Action[];\n  let actionsLoading: boolean;\n\n  if (Array.isArray(actions)) {\n    actionsItems = actions;\n    actionsLoading = false;\n  } else if (actions) {\n    actionsItems = actions.items ?? [];\n    actionsLoading = !!actions.progress;\n  } else {\n    actionsItems = [];\n    actionsLoading = false;\n  }\n\n  const caseActions: Action[] = actionsLoading\n    ? []\n    : [\n        ...(onFollowedChange\n          ? [\n              {\n                id: 'follow',\n                text: followed ? t('unfollow') : t('follow'),\n                onClick: () => {\n                  onFollowedChange(!followed);\n                  push({\n                    content: followed\n                      ? t('case_unfollowed', [caseId])\n                      : t('case_followed', [caseId])\n                  });\n                }\n              }\n            ]\n          : []),\n        ...actionsItems.map(action => ({\n          ...action,\n          text: action.text,\n          visual: action.icon ? <Icon name={action.icon} /> : null\n        }))\n      ];\n\n  const showExpandCollapse = !isPreview && aboveMD;\n  const collapsedMainHeader =\n    (!isPreview && !aboveMD && aboveSM) || (showExpandCollapse && !summaryExpanded);\n\n  // FIXME: This is a hack to get the Tooltip to reset its position when the summary changes layout.\n  useAfterInitialEffect(() => {\n    if (toggleButtonRef.current && toggleButtonRef.current === document.activeElement) {\n      toggleButtonRef.current.blur();\n      setTimeout(() => {\n        toggleButtonRef.current?.focus();\n      }, 0);\n    }\n  }, [summaryExpanded]);\n\n  // Actions wrapping\n  useLayoutEffect(() => {\n    if (\n      !wrapPromotedActions &&\n      contentsEl.current &&\n      headerGroupEl.current &&\n      actionsContainerEl.current\n    ) {\n      const contentStart = getEdge({\n        el: contentsEl.current,\n        side: 'leading',\n        ltr\n      });\n      const headerGroupEnd = getEdge({\n        el: headerGroupEl.current,\n        side: 'trailing',\n        ltr\n      });\n      const actionsContainerWidth = actionsContainerEl.current.getBoundingClientRect().width;\n\n      wrapActionsBreakpoint.current =\n        Math.ceil(headerGroupEnd) - Math.ceil(contentStart) + Math.ceil(actionsContainerWidth);\n    }\n\n    const promotedActionsWrapHandler = () => {\n      if (wrapActionsBreakpoint.current && contentsEl.current) {\n        setWrapPromotedActions(\n          Math.ceil(contentsEl.current.offsetWidth) < wrapActionsBreakpoint.current\n        );\n      }\n    };\n\n    const resizeObserver = new ResizeObserver(throttle(promotedActionsWrapHandler, 30));\n\n    promotedActionsWrapHandler();\n\n    if (contentsEl.current) {\n      resizeObserver.observe(contentsEl.current, { box: 'border-box' });\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [\n    contentsEl,\n    headerGroupEl,\n    actionsContainerEl,\n    promotedActions,\n    heading,\n    subheading,\n    wrapPromotedActions\n  ]);\n\n  // Reset summary\n  useEffect(() => {\n    setSummaryResetID(Math.random());\n  }, [heading, promotedActions]);\n\n  useEffect(() => {\n    setHasBrokenImage(undefined);\n  }, [typeof icon === 'string' ? icon : icon?.href]);\n\n  return (\n    <Flex\n      data-testid={testIds.header}\n      as={StyledCaseHeader}\n      container={{ direction: 'column', gap: 1 }}\n    >\n      <Flex container ref={contentsEl}>\n        {showExpandCollapse && onToggleSummary && !persistentUtility && (\n          <StyledExpandCollapseSummaryButton\n            ref={toggleButtonRef}\n            onClick={onToggleSummary}\n            label={t(summaryExpanded ? 'collapse' : 'expand')}\n            aria-label={t(summaryExpanded ? 'collapse_summary' : 'expand_summary')}\n            icon\n            compact\n          >\n            <Icon name={summaryExpanded ? `arrow-micro-${start}` : 'arrow-micro-down'} />\n          </StyledExpandCollapseSummaryButton>\n        )}\n\n        {showIcon && (\n          <Flex container={{ pad: [1, 0, 0] }} item={{ shrink: 0 }}>\n            {(() => {\n              if (typeof icon === 'string') {\n                return (\n                  <StyledCaseViewIcon\n                    data-testid={testIds.icon}\n                    aria-label={t('case_type_icon', [caseType ?? t('case_type')])}\n                    name={icon}\n                    foreground={iconForeground}\n                    background={iconBackground}\n                  />\n                );\n              }\n\n              return (\n                <StyledIconShape background={iconBackground} data-testid={testIds.icon}>\n                  <StyledCaseViewImage\n                    src={icon.href}\n                    alt={t('case_image')}\n                    onLoad={() => {\n                      setHasBrokenImage(false);\n                    }}\n                    onError={() => {\n                      setHasBrokenImage(true);\n                    }}\n                  />\n                </StyledIconShape>\n              );\n            })()}\n          </Flex>\n        )}\n\n        {/* header group */}\n        <Flex\n          as={StyledCaseHeaderText}\n          container={{\n            direction: 'column',\n            pad: [0.5, 2, 0.5, showIcon ? 1 : undefined],\n            alignItems: 'start',\n            justify: 'center'\n          }}\n          item={\n            aboveSM\n              ? { shrink: wrapPromotedActions || !hasPromotedActions ? 1 : 0 }\n              : { shrink: 1, grow: 1 }\n          }\n          ref={headerGroupEl}\n        >\n          <Text data-testid={testIds.heading} variant='h1'>\n            {caseLink ? <Link {...caseLink}>{heading}</Link> : heading}\n          </Text>\n\n          {subheading && (!parentCases || subheading !== caseId) && (\n            <StyledSubheading data-testid={testIds.subheading}>{subheading}</StyledSubheading>\n          )}\n\n          {parentCases && (\n            <Breadcrumbs\n              forwardedAs='p'\n              path={[\n                ...parentCases,\n                {\n                  ...caseLink,\n                  id: caseId,\n                  primary: caseId,\n                  href: caseLink?.href\n                }\n              ]}\n              leafOnly\n            />\n          )}\n        </Flex>\n        {/* summary */}\n        {collapsedMainHeader && !wrapPromotedActions && (\n          <Summary siblingRef={actionsContainerEl} key={summaryResetID} />\n        )}\n        {/* inline actions */}\n        <Flex\n          as={StyledHeaderActions}\n          item={{ shrink: 0 }}\n          container={{ alignItems: 'start', pad: [0, 0, 0, 2] }}\n          offsetEnd={!summaryExpanded}\n          ref={actionsContainerEl}\n        >\n          {collapsedMainHeader &&\n          !wrapPromotedActions &&\n          promotedActions &&\n          promotedActions.length > 0 ? (\n            <>\n              {promotedActions.map(promotedAction => (\n                <StyledCaseHeaderPromotedAction\n                  variant='secondary'\n                  onClick={(e: MouseEvent<HTMLButtonElement>) =>\n                    promotedAction.onClick?.(promotedAction.id, e)\n                  }\n                  key={promotedAction.id}\n                >\n                  {promotedAction.text}\n                </StyledCaseHeaderPromotedAction>\n              ))}\n            </>\n          ) : null}\n\n          {onEdit && (\n            <Button\n              data-testid={testIds.edit}\n              icon\n              variant='simple'\n              onClick={onEdit}\n              label={t('edit')}\n              aria-label={`${t('edit')} - ${heading}`}\n            >\n              <Icon name='pencil' />\n            </Button>\n          )}\n\n          {(actionsLoading || caseActions.length > 0) && (\n            <Actions\n              contextualLabel={heading}\n              data-testid={testIds.actions}\n              iconOnly\n              progress={actionsLoading}\n              items={caseActions}\n              menuAt={actionsLoading ? 0 : 1}\n              filterAt={5}\n              scrollAt={Infinity}\n            />\n          )}\n        </Flex>\n      </Flex>\n\n      {/* wrapped promoted actions */}\n      {(!collapsedMainHeader || wrapPromotedActions || !aboveSM) &&\n      promotedActions &&\n      promotedActions.length > 0 ? (\n        <Flex\n          data-testid={testIds.promotedActions}\n          container={{ justify: 'start', wrap: 'wrap', gap: 1, pad: [0, 0, 0.5] }}\n        >\n          {promotedActions.map(({ id, text, onClick }) => (\n            <div key={text}>\n              <StyledCaseHeaderPromotedAction\n                variant='secondary'\n                onClick={(e: MouseEvent<HTMLButtonElement>) => onClick?.(id, e)}\n              >\n                {text}\n              </StyledCaseHeaderPromotedAction>\n            </div>\n          ))}\n        </Flex>\n      ) : null}\n\n      {collaboration}\n    </Flex>\n  );\n};\n\nexport default CaseHeader;\n"]}
+{"version":3,"file":"CaseHeader.js","sourceRoot":"","sources":["../../../../src/components/CaseView/CaseHeader/CaseHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,qBAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,eAAe,EACf,UAAU,EACV,aAAa,EACb,UAAU,EACX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,UAAU,MAAM,+DAA+D,CAAC;AAC5F,OAAO,KAAK,QAAQ,MAAM,6DAA6D,CAAC;AAExF,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iCAAiC,EACjC,gBAAgB,EAChB,mBAAmB,EACnB,8BAA8B,EAC9B,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAEnC,MAAM,UAAU,GAAO,GAAG,EAAE;IAC1B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,EACJ,OAAO,EACP,MAAM,EACN,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,WAAW,EACX,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,SAAS,EACT,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,aAAa,EACd,GAAG,kBAAkB,EAAE,CAAC;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IAE9B,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAExF,MAAM,qBAAqB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE1D,MAAM,kBAAkB,GAAG,CAAC,eAAe,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAE9D,IAAI,cAAc,GAChB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM;QACjD,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK;QAC1C,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAE/D,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE,CAAC;YAC7D,OAAO,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;QACvD,CAAC;QACD,OAAO,QAAQ,CACb,GAAG,EAAE;YACH,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;YAC3F,OAAO,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,0BAA0B,CAAC;QAC9E,CAAC,EACD,GAAG,EAAE,CAAC,aAAa,CACpB,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,8FAA8F;IAC9F,IAAI,cAAc,KAAK,MAAM,EAAE,CAAC;QAC9B,MAAM,iBAAiB,GACrB,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,SAAS;YACnD,CAAC,CAAC,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC;YACpC,CAAC,CAAC,cAAc,CAAC;QACrB,cAAc,GAAG,aAAa,CAAC,iBAAiB,IAAI,cAAc,EAAE;YAClE,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,WAAW;SACnB,CAAC,CAAC;IACL,CAAC;IAED,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAuB,CAAC;IAC5E,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC;IAE3C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAChD,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAExD,IAAI,YAAsB,CAAC;IAC3B,IAAI,cAAuB,CAAC;IAE5B,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3B,YAAY,GAAG,OAAO,CAAC;QACvB,cAAc,GAAG,KAAK,CAAC;IACzB,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,YAAY,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QACnC,cAAc,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;IACtC,CAAC;SAAM,CAAC;QACN,YAAY,GAAG,EAAE,CAAC;QAClB,cAAc,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,MAAM,WAAW,GAAa,cAAc;QAC1C,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,GAAG,CAAC,gBAAgB;gBAClB,CAAC,CAAC;oBACE;wBACE,EAAE,EAAE,QAAQ;wBACZ,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;wBAC5C,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,CAAC,QAAQ,CAAC,CAAC;4BAC5B,IAAI,CAAC;gCACH,OAAO,EAAE,QAAQ;oCACf,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,MAAM,CAAC,CAAC;oCAChC,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC;6BACjC,CAAC,CAAC;wBACL,CAAC;qBACF;iBACF;gBACH,CAAC,CAAC,EAAE,CAAC;YACP,GAAG,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBAC7B,GAAG,MAAM;gBACT,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI;aACzD,CAAC,CAAC;SACJ,CAAC;IAEN,MAAM,kBAAkB,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;IACjD,MAAM,mBAAmB,GACvB,CAAC,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,CAAC,eAAe,CAAC,CAAC;IAElF,kGAAkG;IAClG,qBAAqB,CAAC,GAAG,EAAE;QACzB,IAAI,eAAe,CAAC,OAAO,IAAI,eAAe,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;YAClF,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC/B,UAAU,CAAC,GAAG,EAAE;gBACd,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YACnC,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,mBAAmB;IACnB,eAAe,CAAC,GAAG,EAAE;QACnB,IACE,CAAC,mBAAmB;YACpB,UAAU,CAAC,OAAO;YAClB,aAAa,CAAC,OAAO;YACrB,kBAAkB,CAAC,OAAO,EAC1B,CAAC;YACD,MAAM,YAAY,GAAG,OAAO,CAAC;gBAC3B,EAAE,EAAE,UAAU,CAAC,OAAO;gBACtB,IAAI,EAAE,SAAS;gBACf,GAAG;aACJ,CAAC,CAAC;YACH,MAAM,cAAc,GAAG,OAAO,CAAC;gBAC7B,EAAE,EAAE,aAAa,CAAC,OAAO;gBACzB,IAAI,EAAE,UAAU;gBAChB,GAAG;aACJ,CAAC,CAAC;YACH,MAAM,qBAAqB,GAAG,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAEvF,qBAAqB,CAAC,OAAO;gBAC3B,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC3F,CAAC;QAED,MAAM,0BAA0B,GAAG,GAAG,EAAE;YACtC,IAAI,qBAAqB,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxD,sBAAsB,CACpB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,qBAAqB,CAAC,OAAO,CAC1E,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC,CAAC;QAEpF,0BAA0B,EAAE,CAAC;QAE7B,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC;QACpE,CAAC;QAED,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,UAAU;QACV,aAAa;QACb,kBAAkB;QAClB,eAAe;QACf,OAAO;QACP,UAAU;QACV,mBAAmB;KACpB,CAAC,CAAC;IAEH,gBAAgB;IAChB,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IACzE,MAAM,cAAc,GAClB,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;IAE9E,OAAO,CACL,MAAC,IAAI,mBACU,OAAO,CAAC,MAAM,EAC3B,EAAE,EAAE,gBAAgB,EACpB,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAE1C,MAAC,IAAI,IAAC,SAAS,QAAC,GAAG,EAAE,UAAU,aAC5B,kBAAkB,IAAI,eAAe,IAAI,CAAC,iBAAiB,IAAI,CAC9D,KAAC,iCAAiC,IAChC,GAAG,EAAE,eAAe,EACpB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,gBACrC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EACtE,IAAI,QACJ,OAAO,kBAEP,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,KAAK,EAAE,CAAC,CAAC,CAAC,kBAAkB,GAAI,GAC3C,CACrC,EAEA,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YACrD,CAAC,GAAG,EAAE;4BACL,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gCAC7B,OAAO,CACL,KAAC,kBAAkB,mBACJ,OAAO,CAAC,IAAI,gBACb,CAAC,CAAC,gBAAgB,EAAE,CAAC,QAAQ,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAC7D,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,GAC1B,CACH,CAAC;4BACJ,CAAC;4BAED,OAAO,CACL,KAAC,eAAe,IAAC,UAAU,EAAE,cAAc,iBAAe,OAAO,CAAC,IAAI,YACpE,KAAC,mBAAmB,IAClB,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,EACpB,MAAM,EAAE,GAAG,EAAE;wCACX,iBAAiB,CAAC,KAAK,CAAC,CAAC;oCAC3B,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,iBAAiB,CAAC,IAAI,CAAC,CAAC;oCAC1B,CAAC,GACD,GACc,CACnB,CAAC;wBACJ,CAAC,CAAC,EAAE,GACC,CACR,EAGD,MAAC,IAAI,IACH,EAAE,EAAE,oBAAoB,EACxB,SAAS,EAAE;4BACT,SAAS,EAAE,QAAQ;4BACnB,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;4BAC5C,UAAU,EAAE,OAAO;4BACnB,OAAO,EAAE,QAAQ;yBAClB,EACD,IAAI,EACF,OAAO;4BACL,CAAC,CAAC,EAAE,MAAM,EAAE,mBAAmB,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;4BAChE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAE5B,GAAG,EAAE,aAAa,aAEjB,CAAC,GAAG,EAAE;gCACL,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAChC,KAAC,IAAI,OAAK,QAAQ,YAAG,WAAW,GAAQ,CACzC,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CAAC;gCACF,MAAM,MAAM,GAAG,CACb,KAAC,IAAI,mBAAc,OAAO,CAAC,OAAO,EAAE,OAAO,EAAC,IAAI,YAC7C,cAAc,GACV,CACR,CAAC;gCAEF,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;oCAChC,OAAO,CACL,KAAC,UAAU,IAAC,eAAe,EAAE,WAAW,KAAM,OAAO,CAAC,UAAU,YAC7D,MAAM,GACI,CACd,CAAC;gCACJ,CAAC;gCACD,OAAO,MAAM,CAAC;4BAChB,CAAC,CAAC,EAAE,EAEH,UAAU;gCACT,CAAC,CAAC,WAAW,IAAI,cAAc,KAAK,MAAM,CAAC;gCAC3C,CAAC,GAAG,EAAE;oCACJ,MAAM,SAAS,GAAG,CAChB,KAAC,gBAAgB,mBAAc,OAAO,CAAC,UAAU,YAC9C,cAAc,GACE,CACpB,CAAC;oCACF,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;wCACnC,OAAO,CACL,KAAC,UAAU,IAAC,eAAe,EAAE,UAAU,CAAC,IAAI,KAAM,UAAU,CAAC,UAAU,YACpE,SAAS,GACC,CACd,CAAC;oCACJ,CAAC;oCACD,OAAO,SAAS,CAAC;gCACnB,CAAC,CAAC,EAAE,EAEL,WAAW,IAAI,CACd,KAAC,WAAW,IACV,WAAW,EAAC,GAAG,EACf,IAAI,EAAE;oCACJ,GAAG,WAAW;oCACd;wCACE,GAAG,QAAQ;wCACX,EAAE,EAAE,MAAM;wCACV,OAAO,EAAE,MAAM;wCACf,IAAI,EAAE,QAAQ,EAAE,IAAI;qCACrB;iCACF,EACD,QAAQ,SACR,CACH,IACI,EAEN,mBAAmB,IAAI,CAAC,mBAAmB,IAAI,CAC9C,KAAC,OAAO,IAAC,UAAU,EAAE,kBAAkB,IAAO,cAAc,CAAI,CACjE,EAED,MAAC,IAAI,IACH,EAAE,EAAE,mBAAmB,EACvB,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EACrD,SAAS,EAAE,CAAC,eAAe,EAC3B,GAAG,EAAE,kBAAkB,aAEtB,mBAAmB;gCACpB,CAAC,mBAAmB;gCACpB,eAAe;gCACf,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,4BACG,eAAe,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC,CACrC,KAAC,8BAA8B,IAC7B,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE,CAC5C,cAAc,CAAC,OAAO,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC,CAAC,YAI/C,cAAc,CAAC,IAAI,IAFf,cAAc,CAAC,EAAE,CAGS,CAClC,CAAC,GACD,CACJ,CAAC,CAAC,CAAC,IAAI,EAEP,MAAM,IAAI,CACT,KAAC,MAAM,mBACQ,OAAO,CAAC,IAAI,EACzB,IAAI,QACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,gBACJ,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,YAE3C,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,GACf,CACV,EAEA,CAAC,cAAc,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAC7C,KAAC,OAAO,IACN,eAAe,EAAE,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,iBACxD,OAAO,CAAC,OAAO,EAC5B,QAAQ,QACR,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9B,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,QAAQ,GAClB,CACH,IACI,IACF,EAGN,CAAC,CAAC,mBAAmB,IAAI,mBAAmB,IAAI,CAAC,OAAO,CAAC;gBAC1D,eAAe;gBACf,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,KAAC,IAAI,mBACU,OAAO,CAAC,eAAe,EACpC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,YAEtE,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC9C,wBACE,KAAC,8BAA8B,IAC7B,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,YAE9D,IAAI,GAC0B,IANzB,IAAI,CAOR,CACP,CAAC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EAEP,aAAa,IACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport type { FC, MouseEvent } from 'react';\nimport { parseToHsl } from 'polished';\n\nimport {\n  Breadcrumbs,\n  Flex,\n  getEdge,\n  Icon,\n  registerIcon,\n  Text,\n  Link,\n  Button,\n  throttle,\n  useDirection,\n  useI18n,\n  useAfterInitialEffect,\n  useTheme,\n  tryCatch,\n  Actions,\n  StyledIconShape,\n  useToaster,\n  readableColor,\n  InlineEdit\n} from '@pega/cosmos-react-core';\nimport type { Action } from '@pega/cosmos-react-core';\nimport * as pencilIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/pencil.icon';\nimport * as moreIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/more.icon';\n\nimport {\n  StyledCaseHeader,\n  StyledCaseHeaderText,\n  StyledExpandCollapseSummaryButton,\n  StyledSubheading,\n  StyledHeaderActions,\n  StyledCaseHeaderPromotedAction,\n  StyledCaseViewImage,\n  StyledCaseViewIcon,\n  resolveCaseTypeColor\n} from '../CaseView.styles';\nimport { useCaseViewContext } from '../CaseView.context';\n\nimport Summary from './Summary';\n\nregisterIcon(pencilIcon, moreIcon);\n\nconst CaseHeader: FC = () => {\n  const t = useI18n();\n  const { ltr, start } = useDirection();\n  const theme = useTheme();\n\n  const {\n    testIds,\n    caseId,\n    icon,\n    color,\n    heading,\n    subheading,\n    caseType,\n    actions,\n    caseLink,\n    parentCases,\n    onEdit,\n    followed,\n    onFollowedChange,\n    promotedActions,\n    summaryExpanded,\n    onToggleSummary,\n    isPreview,\n    aboveSM,\n    aboveMD,\n    persistentUtility,\n    collaboration\n  } = useCaseViewContext();\n  const { push } = useToaster();\n\n  const [wrapPromotedActions, setWrapPromotedActions] = useState(false);\n  const [summaryResetID, setSummaryResetID] = useState<number | undefined>(Math.random());\n\n  const wrapActionsBreakpoint = useRef<number | null>(null);\n\n  const hasPromotedActions = (promotedActions?.length ?? 0) > 0;\n\n  let iconForeground =\n    theme.components['case-view'].icon.color !== 'auto'\n      ? theme.components['case-view'].icon.color\n      : theme.components['case-view'].header['foreground-color'];\n\n  const iconBackground = useMemo(() => {\n    if (theme.components['case-view'].icon.background !== 'auto') {\n      return theme.components['case-view'].icon.background;\n    }\n    return tryCatch(\n      () => {\n        const { lightness } = parseToHsl(theme.components['case-view'].header['background-color']);\n        return lightness > 0.35 ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)';\n      },\n      () => 'transparent'\n    );\n  }, [theme]);\n\n  // Fall back to readable color if theme icon color and header foreground color are both 'auto'\n  if (iconForeground === 'auto') {\n    const caseTypeIconColor =\n      color && theme.base['case-type-colors'] !== 'ignored'\n        ? resolveCaseTypeColor(theme, color)\n        : iconBackground;\n    iconForeground = readableColor(caseTypeIconColor ?? iconBackground, {\n      mode: 'light',\n      level: 'AANonText'\n    });\n  }\n\n  const [hasBrokenImage, setHasBrokenImage] = useState<undefined | boolean>();\n  const showIcon = !!icon && !hasBrokenImage;\n\n  const contentsEl = useRef<HTMLDivElement>(null);\n  const headerGroupEl = useRef<HTMLElement>(null);\n  const actionsContainerEl = useRef<HTMLDivElement>(null);\n  const toggleButtonRef = useRef<HTMLButtonElement>(null);\n\n  let actionsItems: Action[];\n  let actionsLoading: boolean;\n\n  if (Array.isArray(actions)) {\n    actionsItems = actions;\n    actionsLoading = false;\n  } else if (actions) {\n    actionsItems = actions.items ?? [];\n    actionsLoading = !!actions.progress;\n  } else {\n    actionsItems = [];\n    actionsLoading = false;\n  }\n\n  const caseActions: Action[] = actionsLoading\n    ? []\n    : [\n        ...(onFollowedChange\n          ? [\n              {\n                id: 'follow',\n                text: followed ? t('unfollow') : t('follow'),\n                onClick: () => {\n                  onFollowedChange(!followed);\n                  push({\n                    content: followed\n                      ? t('case_unfollowed', [caseId])\n                      : t('case_followed', [caseId])\n                  });\n                }\n              }\n            ]\n          : []),\n        ...actionsItems.map(action => ({\n          ...action,\n          text: action.text,\n          visual: action.icon ? <Icon name={action.icon} /> : null\n        }))\n      ];\n\n  const showExpandCollapse = !isPreview && aboveMD;\n  const collapsedMainHeader =\n    (!isPreview && !aboveMD && aboveSM) || (showExpandCollapse && !summaryExpanded);\n\n  // FIXME: This is a hack to get the Tooltip to reset its position when the summary changes layout.\n  useAfterInitialEffect(() => {\n    if (toggleButtonRef.current && toggleButtonRef.current === document.activeElement) {\n      toggleButtonRef.current.blur();\n      setTimeout(() => {\n        toggleButtonRef.current?.focus();\n      }, 0);\n    }\n  }, [summaryExpanded]);\n\n  // Actions wrapping\n  useLayoutEffect(() => {\n    if (\n      !wrapPromotedActions &&\n      contentsEl.current &&\n      headerGroupEl.current &&\n      actionsContainerEl.current\n    ) {\n      const contentStart = getEdge({\n        el: contentsEl.current,\n        side: 'leading',\n        ltr\n      });\n      const headerGroupEnd = getEdge({\n        el: headerGroupEl.current,\n        side: 'trailing',\n        ltr\n      });\n      const actionsContainerWidth = actionsContainerEl.current.getBoundingClientRect().width;\n\n      wrapActionsBreakpoint.current =\n        Math.ceil(headerGroupEnd) - Math.ceil(contentStart) + Math.ceil(actionsContainerWidth);\n    }\n\n    const promotedActionsWrapHandler = () => {\n      if (wrapActionsBreakpoint.current && contentsEl.current) {\n        setWrapPromotedActions(\n          Math.ceil(contentsEl.current.offsetWidth) < wrapActionsBreakpoint.current\n        );\n      }\n    };\n\n    const resizeObserver = new ResizeObserver(throttle(promotedActionsWrapHandler, 30));\n\n    promotedActionsWrapHandler();\n\n    if (contentsEl.current) {\n      resizeObserver.observe(contentsEl.current, { box: 'border-box' });\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [\n    contentsEl,\n    headerGroupEl,\n    actionsContainerEl,\n    promotedActions,\n    heading,\n    subheading,\n    wrapPromotedActions\n  ]);\n\n  // Reset summary\n  useEffect(() => {\n    setSummaryResetID(Math.random());\n  }, [heading, promotedActions]);\n\n  useEffect(() => {\n    setHasBrokenImage(undefined);\n  }, [typeof icon === 'string' ? icon : icon?.href]);\n\n  const headingText = typeof heading !== 'string' ? heading.text : heading;\n  const subheadingText =\n    subheading && typeof subheading !== 'string' ? subheading.text : subheading;\n\n  return (\n    <Flex\n      data-testid={testIds.header}\n      as={StyledCaseHeader}\n      container={{ direction: 'column', gap: 1 }}\n    >\n      <Flex container ref={contentsEl}>\n        {showExpandCollapse && onToggleSummary && !persistentUtility && (\n          <StyledExpandCollapseSummaryButton\n            ref={toggleButtonRef}\n            onClick={onToggleSummary}\n            label={t(summaryExpanded ? 'collapse' : 'expand')}\n            aria-label={t(summaryExpanded ? 'collapse_summary' : 'expand_summary')}\n            icon\n            compact\n          >\n            <Icon name={summaryExpanded ? `arrow-micro-${start}` : 'arrow-micro-down'} />\n          </StyledExpandCollapseSummaryButton>\n        )}\n\n        {showIcon && (\n          <Flex container={{ pad: [1, 0, 0] }} item={{ shrink: 0 }}>\n            {(() => {\n              if (typeof icon === 'string') {\n                return (\n                  <StyledCaseViewIcon\n                    data-testid={testIds.icon}\n                    aria-label={t('case_type_icon', [caseType ?? t('case_type')])}\n                    name={icon}\n                    foreground={iconForeground}\n                    background={iconBackground}\n                  />\n                );\n              }\n\n              return (\n                <StyledIconShape background={iconBackground} data-testid={testIds.icon}>\n                  <StyledCaseViewImage\n                    src={icon.href}\n                    alt={t('case_image')}\n                    onLoad={() => {\n                      setHasBrokenImage(false);\n                    }}\n                    onError={() => {\n                      setHasBrokenImage(true);\n                    }}\n                  />\n                </StyledIconShape>\n              );\n            })()}\n          </Flex>\n        )}\n\n        {/* header group */}\n        <Flex\n          as={StyledCaseHeaderText}\n          container={{\n            direction: 'column',\n            pad: [0.5, 2, 0.5, showIcon ? 1 : undefined],\n            alignItems: 'start',\n            justify: 'center'\n          }}\n          item={\n            aboveSM\n              ? { shrink: wrapPromotedActions || !hasPromotedActions ? 1 : 0 }\n              : { shrink: 1, grow: 1 }\n          }\n          ref={headerGroupEl}\n        >\n          {(() => {\n            const headingContent = caseLink ? (\n              <Link {...caseLink}>{headingText}</Link>\n            ) : (\n              headingText\n            );\n            const textEl = (\n              <Text data-testid={testIds.heading} variant='h1'>\n                {headingContent}\n              </Text>\n            );\n\n            if (typeof heading !== 'string') {\n              return (\n                <InlineEdit contextualLabel={headingText} {...heading.inlineEdit}>\n                  {textEl}\n                </InlineEdit>\n              );\n            }\n            return textEl;\n          })()}\n\n          {subheading &&\n            (!parentCases || subheadingText !== caseId) &&\n            (() => {\n              const subheadEl = (\n                <StyledSubheading data-testid={testIds.subheading}>\n                  {subheadingText}\n                </StyledSubheading>\n              );\n              if (typeof subheading !== 'string') {\n                return (\n                  <InlineEdit contextualLabel={subheading.text} {...subheading.inlineEdit}>\n                    {subheadEl}\n                  </InlineEdit>\n                );\n              }\n              return subheadEl;\n            })()}\n\n          {parentCases && (\n            <Breadcrumbs\n              forwardedAs='p'\n              path={[\n                ...parentCases,\n                {\n                  ...caseLink,\n                  id: caseId,\n                  primary: caseId,\n                  href: caseLink?.href\n                }\n              ]}\n              leafOnly\n            />\n          )}\n        </Flex>\n        {/* summary */}\n        {collapsedMainHeader && !wrapPromotedActions && (\n          <Summary siblingRef={actionsContainerEl} key={summaryResetID} />\n        )}\n        {/* inline actions */}\n        <Flex\n          as={StyledHeaderActions}\n          item={{ shrink: 0 }}\n          container={{ alignItems: 'start', pad: [0, 0, 0, 2] }}\n          offsetEnd={!summaryExpanded}\n          ref={actionsContainerEl}\n        >\n          {collapsedMainHeader &&\n          !wrapPromotedActions &&\n          promotedActions &&\n          promotedActions.length > 0 ? (\n            <>\n              {promotedActions.map(promotedAction => (\n                <StyledCaseHeaderPromotedAction\n                  variant='secondary'\n                  onClick={(e: MouseEvent<HTMLButtonElement>) =>\n                    promotedAction.onClick?.(promotedAction.id, e)\n                  }\n                  key={promotedAction.id}\n                >\n                  {promotedAction.text}\n                </StyledCaseHeaderPromotedAction>\n              ))}\n            </>\n          ) : null}\n\n          {onEdit && (\n            <Button\n              data-testid={testIds.edit}\n              icon\n              variant='simple'\n              onClick={onEdit}\n              label={t('edit')}\n              aria-label={`${t('edit')} - ${headingText}`}\n            >\n              <Icon name='pencil' />\n            </Button>\n          )}\n\n          {(actionsLoading || caseActions.length > 0) && (\n            <Actions\n              contextualLabel={typeof heading === 'string' ? heading : heading.text}\n              data-testid={testIds.actions}\n              iconOnly\n              progress={actionsLoading}\n              items={caseActions}\n              menuAt={actionsLoading ? 0 : 1}\n              filterAt={5}\n              scrollAt={Infinity}\n            />\n          )}\n        </Flex>\n      </Flex>\n\n      {/* wrapped promoted actions */}\n      {(!collapsedMainHeader || wrapPromotedActions || !aboveSM) &&\n      promotedActions &&\n      promotedActions.length > 0 ? (\n        <Flex\n          data-testid={testIds.promotedActions}\n          container={{ justify: 'start', wrap: 'wrap', gap: 1, pad: [0, 0, 0.5] }}\n        >\n          {promotedActions.map(({ id, text, onClick }) => (\n            <div key={text}>\n              <StyledCaseHeaderPromotedAction\n                variant='secondary'\n                onClick={(e: MouseEvent<HTMLButtonElement>) => onClick?.(id, e)}\n              >\n                {text}\n              </StyledCaseHeaderPromotedAction>\n            </div>\n          ))}\n        </Flex>\n      ) : null}\n\n      {collaboration}\n    </Flex>\n  );\n};\n\nexport default CaseHeader;\n"]}

package/lib/components/CaseView/CaseView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA8BhC,OAAO,KAAK,EAAE,YAAY,EAAO,MAAM,yBAAyB,CAAC;AAmCjE,OAAO,KAAK,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AAy4B5E,wBAAyD"}
+{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA8BhC,OAAO,KAAK,EAAE,YAAY,EAAO,MAAM,yBAAyB,CAAC;AAmCjE,OAAO,KAAK,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AA44B5E,wBAAyD"}

package/lib/components/CaseView/CaseView.js

@@ -105,7 +105,7 @@ genAICoachProps, collaboration, ...restProps }) => {
         if (!caseViewRef.current)
             return;
         if (loadedRef.current) {
-            focusHeadingOrContainer(caseViewRef.current, heading);
+            focusHeadingOrContainer(caseViewRef.current, typeof heading === 'string' ? heading : heading.text);
         }
         else {
             loadedRef.current = true;