@pega/cosmos-react-work 4.0.0-dev.17.1 → 4.0.0-dev.18.1

package/lib/components/Assignments/Assignments.js

@@ -12,9 +12,9 @@ const Assignments = ({ items, count, collapsed, onToggleCollapsed, ...restProps
     }, [items, openItem]);
     const tasks = (_jsx(StyledCardContent, { children: items.length > 0 ? TaskItems : _jsx(EmptyState, {}) }));
     const header = (_jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [typeof collapsed === 'boolean' && _jsx(Icon, { name: 'caret-right' }), _jsx(Text, { variant: 'h2', children: t('assignments') }), _jsx(Count, { children: count })] }));
-    return (_jsxs(StyledAssignments, { ...restProps, openItem: !!openItem, children: [!openItem && (_jsxs(CardHeader, { container: { justify: 'start', alignItems: 'center', gap: 1 }, children: [typeof collapsed === 'boolean' && onToggleCollapsed && (_jsx(StyledExpandButton, { type: 'button', variant: 'text', onClick: () => {
+    return (_jsxs(StyledAssignments, { ...restProps, openItem: !!openItem, "data-app-region": true, children: [!openItem && (_jsxs(CardHeader, { container: { justify: 'start', alignItems: 'center', gap: 1 }, children: [typeof collapsed === 'boolean' && onToggleCollapsed && (_jsx(StyledExpandButton, { type: 'button', variant: 'text', onClick: () => {
                             onToggleCollapsed();
-                        }, "aria-controls": assignmentsId, "aria-expanded": !collapsed ? 'true' : 'false', "aria-label": t('assignments'), children: header })), collapsed === undefined && header] })), typeof collapsed === 'boolean' && onToggleCollapsed ? (_jsx(ExpandCollapse, { collapsed: collapsed, children: tasks })) : (tasks)] }));
+                        }, "aria-controls": assignmentsId, "aria-expanded": !collapsed ? 'true' : 'false', "aria-label": t('assignments'), children: header })), collapsed === undefined && header] })), typeof collapsed === 'boolean' && onToggleCollapsed && !openItem ? (_jsx(ExpandCollapse, { collapsed: collapsed, children: tasks })) : (tasks)] }));
 };
 export default Assignments;
 //# sourceMappingURL=Assignments.js.map

package/lib/components/Assignments/Assignments.js.map

@@ -1 +1 @@
-{"version":3,"file":"Assignments.js","sourceRoot":"","sources":["../../../src/components/Assignments/Assignments.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EACL,UAAU,EACV,OAAO,EAGP,UAAU,EACV,cAAc,EACd,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACP,MAAM,yBAAyB,CAAC;AAEjC,OAAO,QAAQ,EAAE,EAAE,QAAQ,EAAiB,MAAM,mBAAmB,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAkBhG,MAAM,WAAW,GAAwC,CAAC,EACxD,KAAK,EACL,KAAK,EACL,SAAS,EACT,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,aAAa,GAAG,MAAM,EAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,OAAK,QAAQ,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,MAAM,KAAK,GAAG,CACZ,KAAC,iBAAiB,cAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,GAAqB,CACvF,CAAC;IAEF,MAAM,MAAM,GAAG,CACb,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,OAAO,SAAS,KAAK,SAAS,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,EAC9D,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,aAAa,CAAC,GAAQ,EAC5C,KAAC,KAAK,cAAE,KAAK,GAAS,IACjB,CACR,CAAC;IAEF,OAAO,CACL,MAAC,iBAAiB,OAAK,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,aACnD,CAAC,QAAQ,IAAI,CACZ,MAAC,UAAU,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aACtE,OAAO,SAAS,KAAK,SAAS,IAAI,iBAAiB,IAAI,CACtD,KAAC,kBAAkB,IACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;4BACZ,iBAAiB,EAAE,CAAC;wBACtB,CAAC,mBACc,aAAa,mBACb,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBAChC,CAAC,CAAC,aAAa,CAAC,YAE3B,MAAM,GACY,CACtB,EACA,SAAS,KAAK,SAAS,IAAI,MAAM,IACvB,CACd,EAEA,OAAO,SAAS,KAAK,SAAS,IAAI,iBAAiB,CAAC,CAAC,CAAC,CACrD,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAAG,KAAK,GAAkB,CAC/D,CAAC,CAAC,CAAC,CACF,KAAK,CACN,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { FC, useMemo } from 'react';\n\nimport {\n  CardHeader,\n  useI18n,\n  ForwardProps,\n  NoChildrenProp,\n  EmptyState,\n  ExpandCollapse,\n  Icon,\n  Text,\n  Count,\n  Flex,\n  useUID\n} from '@pega/cosmos-react-core';\n\nimport TaskList, { TaskItem, TaskItemProps } from '../Tasks/TaskList';\n\nimport { StyledAssignments, StyledCardContent, StyledExpandButton } from './Assignments.styles';\n\nexport interface AssignmentsProps extends NoChildrenProp {\n  /** An array of TaskItemProps to generate the list. */\n  items: TaskItemProps[];\n  /** Integer representing the total count of tasks. */\n  count: number;\n  /**\n   * Controls the collapsed state of the assignments list.\n   * @default false\n   */\n  collapsed?: boolean;\n  /**\n   * Call when the user clicks the collapsed element.\n   */\n  onToggleCollapsed?: () => void;\n}\n\nconst Assignments: FC<ForwardProps & AssignmentsProps> = ({\n  items,\n  count,\n  collapsed,\n  onToggleCollapsed,\n  ...restProps\n}) => {\n  const openItem = items.find(item => item.content);\n  const t = useI18n();\n  const assignmentsId = useUID();\n\n  const TaskItems = useMemo(() => {\n    return openItem ? <TaskItem {...openItem} /> : <TaskList items={items} />;\n  }, [items, openItem]);\n\n  const tasks = (\n    <StyledCardContent>{items.length > 0 ? TaskItems : <EmptyState />}</StyledCardContent>\n  );\n\n  const header = (\n    <Flex container={{ alignItems: 'center', gap: 1 }}>\n      {typeof collapsed === 'boolean' && <Icon name='caret-right' />}\n      <Text variant='h2'>{t('assignments')}</Text>\n      <Count>{count}</Count>\n    </Flex>\n  );\n\n  return (\n    <StyledAssignments {...restProps} openItem={!!openItem}>\n      {!openItem && (\n        <CardHeader container={{ justify: 'start', alignItems: 'center', gap: 1 }}>\n          {typeof collapsed === 'boolean' && onToggleCollapsed && (\n            <StyledExpandButton\n              type='button'\n              variant='text'\n              onClick={() => {\n                onToggleCollapsed();\n              }}\n              aria-controls={assignmentsId}\n              aria-expanded={!collapsed ? 'true' : 'false'}\n              aria-label={t('assignments')}\n            >\n              {header}\n            </StyledExpandButton>\n          )}\n          {collapsed === undefined && header}\n        </CardHeader>\n      )}\n\n      {typeof collapsed === 'boolean' && onToggleCollapsed ? (\n        <ExpandCollapse collapsed={collapsed}>{tasks}</ExpandCollapse>\n      ) : (\n        tasks\n      )}\n    </StyledAssignments>\n  );\n};\n\nexport default Assignments;\n"]}
+{"version":3,"file":"Assignments.js","sourceRoot":"","sources":["../../../src/components/Assignments/Assignments.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EACL,UAAU,EACV,OAAO,EAGP,UAAU,EACV,cAAc,EACd,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACP,MAAM,yBAAyB,CAAC;AAEjC,OAAO,QAAQ,EAAE,EAAE,QAAQ,EAAiB,MAAM,mBAAmB,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAkBhG,MAAM,WAAW,GAAwC,CAAC,EACxD,KAAK,EACL,KAAK,EACL,SAAS,EACT,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,aAAa,GAAG,MAAM,EAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,OAAK,QAAQ,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,MAAM,KAAK,GAAG,CACZ,KAAC,iBAAiB,cAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,GAAqB,CACvF,CAAC;IAEF,MAAM,MAAM,GAAG,CACb,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,OAAO,SAAS,KAAK,SAAS,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,EAC9D,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,aAAa,CAAC,GAAQ,EAC5C,KAAC,KAAK,cAAE,KAAK,GAAS,IACjB,CACR,CAAC;IAEF,OAAO,CACL,MAAC,iBAAiB,OAAK,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,sCACnD,CAAC,QAAQ,IAAI,CACZ,MAAC,UAAU,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aACtE,OAAO,SAAS,KAAK,SAAS,IAAI,iBAAiB,IAAI,CACtD,KAAC,kBAAkB,IACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;4BACZ,iBAAiB,EAAE,CAAC;wBACtB,CAAC,mBACc,aAAa,mBACb,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBAChC,CAAC,CAAC,aAAa,CAAC,YAE3B,MAAM,GACY,CACtB,EACA,SAAS,KAAK,SAAS,IAAI,MAAM,IACvB,CACd,EAEA,OAAO,SAAS,KAAK,SAAS,IAAI,iBAAiB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClE,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAAG,KAAK,GAAkB,CAC/D,CAAC,CAAC,CAAC,CACF,KAAK,CACN,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { FC, useMemo } from 'react';\n\nimport {\n  CardHeader,\n  useI18n,\n  ForwardProps,\n  NoChildrenProp,\n  EmptyState,\n  ExpandCollapse,\n  Icon,\n  Text,\n  Count,\n  Flex,\n  useUID\n} from '@pega/cosmos-react-core';\n\nimport TaskList, { TaskItem, TaskItemProps } from '../Tasks/TaskList';\n\nimport { StyledAssignments, StyledCardContent, StyledExpandButton } from './Assignments.styles';\n\nexport interface AssignmentsProps extends NoChildrenProp {\n  /** An array of TaskItemProps to generate the list. */\n  items: TaskItemProps[];\n  /** Integer representing the total count of tasks. */\n  count: number;\n  /**\n   * Controls the collapsed state of the assignments list.\n   * @default false\n   */\n  collapsed?: boolean;\n  /**\n   * Call when the user clicks the collapsed element.\n   */\n  onToggleCollapsed?: () => void;\n}\n\nconst Assignments: FC<ForwardProps & AssignmentsProps> = ({\n  items,\n  count,\n  collapsed,\n  onToggleCollapsed,\n  ...restProps\n}) => {\n  const openItem = items.find(item => item.content);\n  const t = useI18n();\n  const assignmentsId = useUID();\n\n  const TaskItems = useMemo(() => {\n    return openItem ? <TaskItem {...openItem} /> : <TaskList items={items} />;\n  }, [items, openItem]);\n\n  const tasks = (\n    <StyledCardContent>{items.length > 0 ? TaskItems : <EmptyState />}</StyledCardContent>\n  );\n\n  const header = (\n    <Flex container={{ alignItems: 'center', gap: 1 }}>\n      {typeof collapsed === 'boolean' && <Icon name='caret-right' />}\n      <Text variant='h2'>{t('assignments')}</Text>\n      <Count>{count}</Count>\n    </Flex>\n  );\n\n  return (\n    <StyledAssignments {...restProps} openItem={!!openItem} data-app-region>\n      {!openItem && (\n        <CardHeader container={{ justify: 'start', alignItems: 'center', gap: 1 }}>\n          {typeof collapsed === 'boolean' && onToggleCollapsed && (\n            <StyledExpandButton\n              type='button'\n              variant='text'\n              onClick={() => {\n                onToggleCollapsed();\n              }}\n              aria-controls={assignmentsId}\n              aria-expanded={!collapsed ? 'true' : 'false'}\n              aria-label={t('assignments')}\n            >\n              {header}\n            </StyledExpandButton>\n          )}\n          {collapsed === undefined && header}\n        </CardHeader>\n      )}\n\n      {typeof collapsed === 'boolean' && onToggleCollapsed && !openItem ? (\n        <ExpandCollapse collapsed={collapsed}>{tasks}</ExpandCollapse>\n      ) : (\n        tasks\n      )}\n    </StyledAssignments>\n  );\n};\n\nexport default Assignments;\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":"AAAA,OAAO,EAAE,EAAE,EAAyD,MAAM,OAAO,CAAC;AAElF,OAAO,EAUL,YAAY,EAYb,MAAM,yBAAyB,CAAC;AAmBjC,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AA0hBvE,wBAAyD"}
+{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAyD,MAAM,OAAO,CAAC;AAElF,OAAO,EAUL,YAAY,EAYb,MAAM,yBAAyB,CAAC;AAmBjC,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AAwpBvE,wBAAyD"}

package/lib/components/CaseView/CaseView.js

@@ -10,6 +10,31 @@ import CaseViewContext from './CaseView.context';
 import CaseSummaryFields from './CaseSummaryFields';
 import { getCaseViewTestIds } from './CaseView.test-ids';
 registerIcon(moveRightSolidIcon, moveLeftSolidIcon);
+// This function is responsible for auto sizing table height in case tab panels.
+const resizeTable = (tabPanelEl, workAreaEl) => {
+    tabPanelEl.style.removeProperty('--content-height-in-view');
+    // .rs-wrapper is currently the class used by the table component which needs to be targeted.
+    const tables = Array.from(tabPanelEl.querySelectorAll('.rs-wrapper')).filter(table => table.getBoundingClientRect().width !== 0);
+    // Only perform this logic when there is a single table in a tab's panel.
+    if (tables.length !== 1)
+        return;
+    // This selector finds the table's root element as they are always wrapped in a Card.
+    const table = tables[0].closest('article');
+    if (!table)
+        return;
+    const tabPanelRect = tabPanelEl.getBoundingClientRect();
+    const tableRect = table.getBoundingClientRect();
+    const vpHeight = document.documentElement.clientHeight;
+    const tableRectOffsetTop = tableRect.top + window.scrollY;
+    const workAreaPaddingBlockEnd = 
+    // px unit are required for proper CSS calc calculation.
+    window.getComputedStyle(workAreaEl).getPropertyValue('padding-block-end') || '0px';
+    // Accounts for content rendered after the table.
+    const tableBottomToTabPanelBottom = tabPanelRect.bottom - tableRect.bottom;
+    // Sets a CSS variable for available height based on screen size and view state.
+    // Defines an available minimum height of ~600px.
+    tabPanelEl.style.setProperty('--content-height-in-view', `max(calc(${vpHeight - tableRectOffsetTop - tableBottomToTabPanelBottom}px - ${workAreaPaddingBlockEnd}), 37.5rem)`);
+};
 const CaseView = ({ testId, 
 // Case data mostly visually related to the case header
 caseId, heading, subheading, caseLink, parentCases, icon, followed, onFollowedChange, onEdit, actions, promotedActions, 
@@ -31,6 +56,8 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
     // Element refs
     const caseViewRef = useRef(null);
     const summaryRef = useRef(null);
+    // undefined used to allow ref to be mutable. Element set below in ref callback for scroll stick.
+    const workAreaRef = useRef();
     // Tab content
     const [tabContentEl, setTabContentEl] = useElement(null);
     // Breakpoint booleans
@@ -292,6 +319,55 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
         aboveLG: lgOrAbove,
         aboveXL: xlOrAbove
     };
+    const currentTabPanelRef = useRef(null);
+    // The following effects are dedicated to resizeTable handling.
+    useLayoutEffect(() => {
+        if (!currentTabPanelRef.current || !workAreaRef.current)
+            return;
+        const currentTabPanelEl = currentTabPanelRef.current;
+        const workAreaEl = workAreaRef.current;
+        resizeTable(currentTabPanelEl, workAreaEl);
+        const onTabChange = () => {
+            resizeTable(currentTabPanelEl, workAreaEl);
+        };
+        const mo = new MutationObserver(entries => {
+            // Only responds to DOM changes that add or remove a table.
+            if (entries.some(entry => [...entry.addedNodes, ...entry.removedNodes].some(node => node.querySelector?.('.rs-wrapper')))) {
+                resizeTable(currentTabPanelEl, workAreaEl);
+            }
+        });
+        mo.observe(currentTabPanelEl, { childList: true, subtree: true });
+        currentTabPanelEl.addEventListener('cosmos-tab-changed', onTabChange);
+        return () => {
+            mo.disconnect();
+            currentTabPanelEl.removeEventListener('cosmos-tab-changed', onTabChange);
+        };
+    });
+    const [bannersStagesTasksEl, setBannersStagesTasksEl] = useElement(null);
+    useEffect(() => {
+        if (!bannersStagesTasksEl)
+            return;
+        const observer = new ResizeObserver(() => {
+            if (!currentTabPanelRef.current || !workAreaRef.current)
+                return;
+            resizeTable(currentTabPanelRef.current, workAreaRef.current);
+        });
+        observer.observe(bannersStagesTasksEl);
+        return () => {
+            observer.disconnect();
+        };
+    }, [bannersStagesTasksEl]);
+    useEffect(() => {
+        const onResize = () => {
+            if (!currentTabPanelRef.current || !workAreaRef.current)
+                return;
+            resizeTable(currentTabPanelRef.current, workAreaRef.current);
+        };
+        window.addEventListener('resize', onResize);
+        return () => {
+            window.removeEventListener('resize', onResize);
+        };
+    }, []);
     return (_jsxs(_Fragment, { children: [_jsx(CaseViewContext.Provider, { value: ctxValue, children: _jsxs(Grid, { "data-testid": testIds.root, ...restProps, as: StyledCaseView, ref: caseViewRef, container: caseViewGridContainer, item: { area: 'case-view' }, children: [_jsx(Grid
                         // Used for aria-controls on the toggle button
                         , { 
@@ -300,7 +376,15 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
                                 direction: 'column',
                                 alignContent: 'start',
                                 rowGap: 2
-                            }, as: StyledWorkArea, persistentUtility: Boolean(persistentUtility), children: [banners && _jsx("div", { "data-testid": testIds.banners, children: banners }), stages && _jsx("div", { "data-testid": testIds.stages, children: stages }), tasks && _jsx("div", { "data-testid": testIds.tasks, children: tasks }), (!mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded) && (_jsx(Tabs, { "data-testid": testIds.tabs, tabs: tabItems, onTabClick: onTabClick, currentTabId: currentTabId })), _jsx("div", { ref: setTabContentEl, children: tabContent?.map(({ id, content }) => (_jsx(TabPanel, { "data-testid": currentTabId === id ? testIds.tabContent : undefined, currentTabId: currentTabId, tabId: id, children: content }, id))) })] }), persistentUtility && mdOrAbove && (_jsx(Grid, { as: StyledPersistentUtility, item: { area: 'persistentUtility' }, "data-app-region": true, children: persistentUtility.content })), utilities && mdOrAbove && !lgOrAbove && utilitiesExpanded && (_jsx(Drawer, { as: StyledCaseDrawer, open: utilitiesExpanded, position: 'fixed', placement: direction.end, shadow: true, nullWhenClosed: true, hasPersistentUtility: !!persistentUtility, children: _jsxs(Flex, { as: StyledCaseDrawerContent, container: { direction: 'column', gap: 2 }, id: utilitiesDrawerId, "data-app-region": true, children: [_jsxs(Flex, { container: { gap: 1, alignContent: 'center' }, children: [_jsx(StyledUtilitiesHeader, { variant: 'h2', children: t('utilities_label') }), _jsx(Button, { "aria-expanded": utilitiesExpanded ? 'true' : 'false', "aria-controls": utilitiesDrawerId, variant: 'simple', icon: true, onClick: onToggleUtilities, as: StyledUtilToggle, label: t('collapse_utilities_panel'), children: _jsx(Icon, { name: `move-${direction.end}-solid` }) })] }), utilities] }) })), utilities && mdOrAbove && (_jsxs(Grid, { "data-testid": testIds.utilities, ref: (el) => {
+                            }, as: StyledWorkArea, persistentUtility: Boolean(persistentUtility), ref: (el) => {
+                                workAreaRef.current = el;
+                                if (el)
+                                    scrollStickOptions.current?.elements.push(el);
+                            }, children: [(banners || stages || tasks) && (_jsxs(Flex, { container: {
+                                        direction: 'column',
+                                        alignContent: 'start',
+                                        rowGap: 2
+                                    }, ref: setBannersStagesTasksEl, children: [banners && _jsx("div", { "data-testid": testIds.banners, children: banners }), stages && _jsx("div", { "data-testid": testIds.stages, children: stages }), tasks && _jsx("div", { "data-testid": testIds.tasks, children: tasks })] })), (!mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded) && (_jsx(Tabs, { "data-testid": testIds.tabs, tabs: tabItems, onTabClick: onTabClick, currentTabId: currentTabId })), _jsx("div", { ref: setTabContentEl, children: tabContent?.map(({ id, content }) => (_jsx(TabPanel, { "data-testid": currentTabId === id ? testIds.tabContent : undefined, currentTabId: currentTabId, tabId: id, ref: currentTabId === id ? currentTabPanelRef : undefined, children: content }, id))) })] }), persistentUtility && mdOrAbove && (_jsx(Grid, { as: StyledPersistentUtility, item: { area: 'persistentUtility' }, "data-app-region": true, children: persistentUtility.content })), utilities && mdOrAbove && !lgOrAbove && utilitiesExpanded && (_jsx(Drawer, { as: StyledCaseDrawer, open: utilitiesExpanded, position: 'fixed', placement: direction.end, shadow: true, nullWhenClosed: true, hasPersistentUtility: !!persistentUtility, children: _jsxs(Flex, { as: StyledCaseDrawerContent, container: { direction: 'column', gap: 2 }, id: utilitiesDrawerId, "data-app-region": true, children: [_jsxs(Flex, { container: { gap: 1, alignContent: 'center' }, children: [_jsx(StyledUtilitiesHeader, { variant: 'h2', children: t('utilities_label') }), _jsx(Button, { "aria-expanded": utilitiesExpanded ? 'true' : 'false', "aria-controls": utilitiesDrawerId, variant: 'simple', icon: true, onClick: onToggleUtilities, as: StyledUtilToggle, label: t('collapse_utilities_panel'), children: _jsx(Icon, { name: `move-${direction.end}-solid` }) })] }), utilities] }) })), utilities && mdOrAbove && (_jsxs(Grid, { "data-testid": testIds.utilities, ref: (el) => {
                                 if (el)
                                     scrollStickOptions.current?.elements.push(el);
                             }, as: StyledUtilities, container: {

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useEffect, useMemo, useRef, useLayoutEffect, useState } from 'react';\n\nimport {\n  Button,\n  Flex,\n  Grid,\n  Icon,\n  registerIcon,\n  TabPanel,\n  useBreakpoint,\n  useScrollStick,\n  useElement,\n  ForwardProps,\n  Card,\n  Drawer,\n  useI18n,\n  useDirection,\n  Tabs,\n  useAfterInitialEffect,\n  windowIsAvailable,\n  focusHeadingOrContainer,\n  useConfiguration,\n  useTestIds,\n  withTestIds\n} from '@pega/cosmos-react-core';\nimport { ScrollStickOptions } from '@pega/cosmos-react-core/lib/hooks/useScrollStick';\nimport * as moveRightSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-right-solid.icon';\nimport * as moveLeftSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-left-solid.icon';\n\nimport CaseSummary from './CaseSummary';\nimport UtilitiesSummary from './UtilitiesSummary';\nimport {\n  StyledCaseDrawer,\n  StyledCaseDrawerContent,\n  StyledCaseView,\n  StyledWorkArea,\n  StyledPersistentUtility,\n  StyledSummary,\n  StyledSummaryTabContent,\n  StyledUtilities,\n  StyledUtilToggle,\n  StyledUtilitiesHeader\n} from './CaseView.styles';\nimport { CaseViewContextValue, CaseViewProps } from './CaseView.types';\nimport CaseViewContext from './CaseView.context';\nimport CaseSummaryFields from './CaseSummaryFields';\nimport { getCaseViewTestIds } from './CaseView.test-ids';\n\nregisterIcon(moveRightSolidIcon, moveLeftSolidIcon);\n\nconst CaseView: FC<CaseViewProps & ForwardProps> = ({\n  testId,\n\n  // Case data mostly visually related to the case header\n  caseId,\n  heading,\n  subheading,\n  caseLink,\n  parentCases,\n  icon,\n  followed,\n  onFollowedChange,\n  onEdit,\n  actions,\n  promotedActions,\n\n  // Summary content and state props\n  summaryFields,\n  summaryExpanded: summaryExpandedProp = true,\n  onToggleSummary,\n\n  // Case tabs\n  tabs: { currentTabId, items: tabItemsProp, onClick: onTabClick },\n\n  // Workarea related content props\n  banners,\n  stages,\n  tasks,\n  tabContent: tabContentProp = [],\n\n  // Utilities content and state props\n  utilities,\n  utilitiesSummaryItems,\n  utilitiesExpanded: utilitiesExpandedProp = true,\n  onToggleUtilities,\n\n  // Etc...\n  persistentUtility,\n  intelligentGuidance,\n  isPreview = false,\n  ...restProps\n}: CaseViewProps) => {\n  const testIds = useTestIds(testId, getCaseViewTestIds);\n\n  // General util hooks\n  const t = useI18n();\n  const direction = useDirection();\n  const { loadedRef } = useConfiguration();\n\n  // Element refs\n  const caseViewRef = useRef<HTMLDivElement>(null);\n  const summaryRef = useRef<HTMLDivElement>(null);\n\n  // Tab content\n  const [tabContentEl, setTabContentEl] = useElement<HTMLElement>(null);\n\n  // Breakpoint booleans\n  const smOrAbove = useBreakpoint('sm');\n  const mdOrAbove = useBreakpoint('md', { breakpointRef: caseViewRef });\n  const lgOrAbove = useBreakpoint('lg', { breakpointRef: caseViewRef });\n  const xlOrAbove = useBreakpoint('xl', { breakpointRef: caseViewRef });\n\n  // DOM ids\n  const initialTabId = tabItemsProp[0]?.id;\n  const summaryTabId = `summary-${caseId}`;\n  const utilitiesTabId = `utilities-${caseId}`;\n  const persistentUtilityTabId = `persistent-utility-${caseId}`;\n  const summaryId = `summary-${caseId}`;\n  const utilitiesId = `utilities-${caseId}`;\n  const utilitiesDrawerId = `utilities-drawer-${caseId}`;\n\n  // Summary state handling\n  let summaryExpanded = !isPreview && !!summaryExpandedProp;\n\n  if (persistentUtility) {\n    summaryExpanded = xlOrAbove;\n  }\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!caseViewRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(caseViewRef.current, heading);\n    } else {\n      loadedRef.current = true;\n    }\n  }, [caseId]);\n\n  // Utilities state handling\n\n  // Used in coordination with a layoutEffect below to determine the utilities state on initial render.\n  // Attempted with a ref but it did not work. Using state and enforcing a render in addition to the change render for lgOrAbove seems to fix...\n  const [obeyUtilitiesExpandedProp, setObeyUtilitiesExpandedProp] = useState(lgOrAbove);\n\n  // Allow the utilitiesExpandedProp to drive the utilities' state after the initial render\n  useLayoutEffect(() => {\n    if (lgOrAbove) setObeyUtilitiesExpandedProp(true);\n  }, [lgOrAbove]);\n\n  // Tracks whether a resize forced the onToggleUtilities to close the utilities when it's a drawer\n  const utilitiesToggledByResize = useRef(false);\n\n  // If the initial render is within the MD size, where the utility drawer renders, it must begin collapsed\n  const utilitiesExpanded = obeyUtilitiesExpandedProp ? utilitiesExpandedProp : false;\n\n  // Handles utilities state based on breakpoint changes.\n  useAfterInitialEffect(() => {\n    // If we change into the MD breakpoint range and the utilities state is expanded call the toggle prop to collapse it with controlled state\n    if (mdOrAbove && !lgOrAbove && utilitiesExpandedProp) {\n      onToggleUtilities?.();\n      utilitiesToggledByResize.current = true;\n    }\n\n    if (lgOrAbove) {\n      if (utilitiesToggledByResize.current && !utilitiesExpandedProp) {\n        onToggleUtilities?.();\n      }\n\n      utilitiesToggledByResize.current = false;\n    }\n    // Purposely not listing utilitiesExpanded as a dependency as it is not a trigger and will be captured when BPs change\n  }, [mdOrAbove, lgOrAbove]);\n\n  // Prepare tabs\n  const [tabItems, tabContent] = useMemo(() => {\n    const summaryTab = { id: summaryTabId, name: t('summary') };\n    const summaryTabContent = {\n      id: summaryTabId,\n      content: (\n        <Card>\n          <StyledSummaryTabContent>\n            <CaseSummaryFields {...summaryFields} />\n          </StyledSummaryTabContent>\n        </Card>\n      )\n    };\n\n    let items = tabItemsProp;\n    let content = tabContentProp;\n\n    if (mdOrAbove) {\n      if (!summaryExpanded || (persistentUtility && !xlOrAbove)) {\n        items = [summaryTab, ...tabItemsProp];\n        content = [summaryTabContent, ...tabContentProp];\n      }\n\n      return [items, content];\n    }\n\n    const utilityTabsItems = [];\n    const utilityTabsContent = [];\n\n    if (utilities) {\n      utilityTabsItems.push({ id: utilitiesTabId, name: t('utilities') });\n      utilityTabsContent.push({\n        id: utilitiesTabId,\n        content: <Flex container={{ direction: 'column', gap: 2 }}>{utilities}</Flex>\n      });\n    }\n\n    if (persistentUtility) {\n      utilityTabsItems.push({ id: persistentUtilityTabId, name: persistentUtility.title });\n      utilityTabsContent.push({ id: persistentUtilityTabId, content: persistentUtility?.content });\n    }\n\n    items = [summaryTab, ...tabItemsProp, ...utilityTabsItems];\n    content = [summaryTabContent, ...tabContentProp, ...utilityTabsContent];\n\n    return [items, content];\n  }, [\n    tabItemsProp,\n    summaryTabId,\n    mdOrAbove,\n    summaryExpanded,\n    persistentUtility,\n    xlOrAbove,\n    tabContentProp,\n    utilities,\n    utilitiesTabId,\n    persistentUtilityTabId\n  ]);\n\n  // Grid layout props\n  let caseViewGridContainer = {\n    cols: 'minmax(0, 1fr)',\n    colGap: 0,\n    rows: 'minmax(0, max-content) auto',\n    areas: `\n      \"summary\"\n      \"work-area\"\n    `\n  };\n\n  const sharedGridProps = {\n    colGap: 2,\n    rows: caseViewGridContainer.rows\n  };\n\n  if (persistentUtility) {\n    if (xlOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: 'minmax(0, max-content) minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n        areas: '\"summary work-area persistentUtility utilities\"'\n      };\n    } else if (mdOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: 'minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n        areas: `\n          \"summary summary summary\"\n          \"work-area persistentUtility utilities\"\n        `\n      };\n    }\n  } else if (summaryExpanded) {\n    if (mdOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: 'minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content)',\n        areas: '\"summary work-area utilities\"'\n      };\n    }\n  } else if (mdOrAbove) {\n    caseViewGridContainer = {\n      ...sharedGridProps,\n      cols: 'minmax(0, 1fr) minmax(0, max-content)',\n      areas: `\n            \"summary summary\"\n            \"work-area utilities\"\n          `\n    };\n  }\n\n  // Apply sticky columns\n  const scrollStickOptions = useRef<ScrollStickOptions & { elements: HTMLElement[] }>({\n    elements: []\n  });\n\n  const stickOffset = useMemo(() => {\n    if (windowIsAvailable && caseViewRef.current) {\n      return parseFloat(\n        window.getComputedStyle(caseViewRef.current).getPropertyValue('--appshell-offset')\n      );\n    }\n\n    return 0;\n  }, [caseViewRef.current]);\n\n  useScrollStick(\n    // isMediumOrAbove means side by side columns | | |\n    mdOrAbove ? { ...scrollStickOptions.current, offset: stickOffset } : undefined\n  );\n\n  // Preview set summary tab active\n  useEffect(() => {\n    if (isPreview) {\n      onTabClick(summaryTabId);\n    }\n  }, []);\n\n  // Initial tab selection\n  useEffect(() => {\n    if (\n      mdOrAbove &&\n      summaryExpanded &&\n      !persistentUtility &&\n      (currentTabId === summaryTabId || currentTabId === utilitiesTabId)\n    ) {\n      onTabClick(tabItemsProp[0]?.id);\n    }\n    // Toggle utilities tab selection\n    if (mdOrAbove && [utilitiesTabId, persistentUtilityTabId].includes(currentTabId)) {\n      onTabClick(initialTabId);\n    }\n  }, [mdOrAbove]);\n\n  // Initial / summary tab selection\n  useEffect(() => {\n    if (!smOrAbove && currentTabId === initialTabId) {\n      onTabClick(summaryTabId);\n    } else if (smOrAbove && currentTabId === summaryTabId) {\n      onTabClick(initialTabId);\n    }\n  }, [smOrAbove]);\n\n  // Summary tab selection\n  useEffect(() => {\n    if (isPreview) {\n      onTabClick(summaryTabId);\n    }\n  }, [isPreview]);\n\n  // Initial tab selection\n  useEffect(() => {\n    if (summaryExpanded && currentTabId === summaryTabId) {\n      onTabClick(initialTabId);\n    }\n  }, [summaryExpanded]);\n\n  // Handles scrolling to tab content for newly clicked tab\n  useEffect(() => {\n    if (!tabContentEl) return;\n    const scrollPos = window.scrollY;\n    const windowHeight = document.documentElement.clientHeight;\n    const bottomPos = scrollPos + windowHeight * 0.8;\n    const tabContentPos = tabContentEl.offsetTop;\n    if (tabContentPos > bottomPos) {\n      const top = tabContentPos - windowHeight * 0.2;\n      window.scrollTo({ top, behavior: 'smooth' });\n    }\n  }, [currentTabId]);\n\n  // We need a css variable for the height of the case summary when it is collapsed into a header like layout\n  useLayoutEffect(() => {\n    if (!caseViewRef.current || !summaryRef.current) return;\n\n    caseViewRef.current.style.setProperty(\n      '--summary-height',\n      `${!summaryExpanded ? summaryRef.current.offsetHeight : 0}px`\n    );\n  }, [summaryExpanded]);\n\n  // CaseView context value\n  // Choosing not to memo for now due to extent of deps and how often they change. Optimize as needed.\n  // eslint-disable-next-line react/jsx-no-constructed-context-values\n  const ctxValue: CaseViewContextValue = {\n    testIds,\n    caseId,\n    heading,\n    subheading,\n    caseLink,\n    parentCases,\n    icon,\n    followed,\n    onFollowedChange,\n    actions,\n    promotedActions,\n    onEdit,\n    summaryFields,\n    tabs: {\n      items: tabItems,\n      onClick: onTabClick,\n      currentTabId\n    },\n    persistentUtility,\n    intelligentGuidance,\n    summaryId,\n    summaryExpanded,\n    utilitiesExpanded,\n    onToggleSummary,\n    isPreview,\n    aboveSM: smOrAbove,\n    aboveMD: mdOrAbove,\n    aboveLG: lgOrAbove,\n    aboveXL: xlOrAbove\n  };\n\n  return (\n    <>\n      <CaseViewContext.Provider value={ctxValue}>\n        {/* Root element */}\n        <Grid\n          data-testid={testIds.root}\n          {...restProps}\n          as={StyledCaseView}\n          ref={caseViewRef}\n          container={caseViewGridContainer}\n          item={{ area: 'case-view' }}\n        >\n          {/* Summary */}\n          <Grid\n            // Used for aria-controls on the toggle button\n            id={summaryId}\n            as={StyledSummary}\n            item={{ area: 'summary' }}\n            desktop={mdOrAbove && (!persistentUtility || xlOrAbove) && !summaryExpanded}\n            isLargeOrAbove={lgOrAbove}\n            ref={summaryRef}\n          >\n            <CaseSummary />\n          </Grid>\n\n          {/* Work area */}\n          <Flex\n            container={{\n              direction: 'column',\n              alignContent: 'start',\n              rowGap: 2\n            }}\n            as={StyledWorkArea}\n            persistentUtility={Boolean(persistentUtility)}\n          >\n            {banners && <div data-testid={testIds.banners}>{banners}</div>}\n            {stages && <div data-testid={testIds.stages}>{stages}</div>}\n            {tasks && <div data-testid={testIds.tasks}>{tasks}</div>}\n\n            {(!mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded) && (\n              <Tabs\n                data-testid={testIds.tabs}\n                tabs={tabItems}\n                onTabClick={onTabClick}\n                currentTabId={currentTabId}\n              />\n            )}\n\n            <div ref={setTabContentEl}>\n              {tabContent?.map(({ id, content }) => (\n                <TabPanel\n                  data-testid={currentTabId === id ? testIds.tabContent : undefined}\n                  currentTabId={currentTabId}\n                  tabId={id}\n                  key={id}\n                >\n                  {content}\n                </TabPanel>\n              ))}\n            </div>\n          </Flex>\n\n          {/* Persistent utility column */}\n          {persistentUtility && mdOrAbove && (\n            <Grid as={StyledPersistentUtility} item={{ area: 'persistentUtility' }} data-app-region>\n              {persistentUtility.content}\n            </Grid>\n          )}\n\n          {/* Utility drawer */}\n          {utilities && mdOrAbove && !lgOrAbove && utilitiesExpanded && (\n            <Drawer\n              as={StyledCaseDrawer}\n              open={utilitiesExpanded}\n              position='fixed'\n              placement={direction.end}\n              shadow\n              nullWhenClosed\n              hasPersistentUtility={!!persistentUtility}\n            >\n              <Flex\n                as={StyledCaseDrawerContent}\n                container={{ direction: 'column', gap: 2 }}\n                id={utilitiesDrawerId}\n                data-app-region\n              >\n                <Flex container={{ gap: 1, alignContent: 'center' }}>\n                  <StyledUtilitiesHeader variant='h2'>{t('utilities_label')}</StyledUtilitiesHeader>\n                  <Button\n                    aria-expanded={utilitiesExpanded ? 'true' : 'false'}\n                    aria-controls={utilitiesDrawerId}\n                    variant='simple'\n                    icon\n                    onClick={onToggleUtilities}\n                    as={StyledUtilToggle}\n                    label={t('collapse_utilities_panel')}\n                  >\n                    <Icon name={`move-${direction.end}-solid`} />\n                  </Button>\n                </Flex>\n                {utilities}\n              </Flex>\n            </Drawer>\n          )}\n\n          {/* Utilities */}\n          {utilities && mdOrAbove && (\n            <Grid\n              data-testid={testIds.utilities}\n              ref={(el: HTMLDivElement) => {\n                if (el) scrollStickOptions.current?.elements.push(el);\n              }}\n              as={StyledUtilities}\n              container={{\n                cols: 'minmax(0, 1fr)',\n                rowGap: 2\n              }}\n              item={{\n                area: 'utilities'\n              }}\n              data-app-region={lgOrAbove || !utilitiesExpanded || undefined}\n              aria-label={t('utilities_label')}\n            >\n              <Flex container={{ gap: 1, justify: !utilitiesExpanded ? 'center' : undefined }}>\n                {utilitiesExpanded && (\n                  <StyledUtilitiesHeader variant='h2'>{t('utilities_label')}</StyledUtilitiesHeader>\n                )}\n                <Button\n                  aria-expanded={utilitiesExpanded ? 'true' : 'false'}\n                  aria-controls={lgOrAbove ? utilitiesId : utilitiesDrawerId}\n                  variant='simple'\n                  icon\n                  onClick={() => {\n                    if (!obeyUtilitiesExpandedProp && utilitiesExpandedProp) {\n                      setObeyUtilitiesExpandedProp(true);\n                    } else {\n                      onToggleUtilities?.();\n                    }\n                  }}\n                  as={StyledUtilToggle}\n                  label={t(\n                    utilitiesExpanded ? 'collapse_utilities_panel' : 'expand_utilities_panel'\n                  )}\n                >\n                  <Icon\n                    name={`move-${utilitiesExpanded ? direction.end : direction.start}-solid`}\n                  />\n                </Button>\n              </Flex>\n\n              {lgOrAbove && utilitiesExpanded && (\n                <Flex container={{ direction: 'column', gap: 2 }} id={utilitiesId}>\n                  {utilities}\n                </Flex>\n              )}\n\n              {(!utilitiesExpanded || (mdOrAbove && !lgOrAbove)) && (\n                <UtilitiesSummary\n                  items={utilitiesSummaryItems}\n                  aria-expanded={utilitiesExpanded ? 'true' : 'false'}\n                  aria-controls={lgOrAbove ? utilitiesId : utilitiesDrawerId}\n                />\n              )}\n            </Grid>\n          )}\n        </Grid>\n      </CaseViewContext.Provider>\n      {intelligentGuidance}\n    </>\n  );\n};\n\nexport default withTestIds(CaseView, getCaseViewTestIds);\n"]}
+{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useEffect, useMemo, useRef, useLayoutEffect, useState } from 'react';\n\nimport {\n  Button,\n  Flex,\n  Grid,\n  Icon,\n  registerIcon,\n  TabPanel,\n  useBreakpoint,\n  useScrollStick,\n  useElement,\n  ForwardProps,\n  Card,\n  Drawer,\n  useI18n,\n  useDirection,\n  Tabs,\n  useAfterInitialEffect,\n  windowIsAvailable,\n  focusHeadingOrContainer,\n  useConfiguration,\n  useTestIds,\n  withTestIds\n} from '@pega/cosmos-react-core';\nimport { ScrollStickOptions } from '@pega/cosmos-react-core/lib/hooks/useScrollStick';\nimport * as moveRightSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-right-solid.icon';\nimport * as moveLeftSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-left-solid.icon';\n\nimport CaseSummary from './CaseSummary';\nimport UtilitiesSummary from './UtilitiesSummary';\nimport {\n  StyledCaseDrawer,\n  StyledCaseDrawerContent,\n  StyledCaseView,\n  StyledWorkArea,\n  StyledPersistentUtility,\n  StyledSummary,\n  StyledSummaryTabContent,\n  StyledUtilities,\n  StyledUtilToggle,\n  StyledUtilitiesHeader\n} from './CaseView.styles';\nimport { CaseViewContextValue, CaseViewProps } from './CaseView.types';\nimport CaseViewContext from './CaseView.context';\nimport CaseSummaryFields from './CaseSummaryFields';\nimport { getCaseViewTestIds } from './CaseView.test-ids';\n\nregisterIcon(moveRightSolidIcon, moveLeftSolidIcon);\n\n// This function is responsible for auto sizing table height in case tab panels.\nconst resizeTable = (tabPanelEl: HTMLDivElement, workAreaEl: HTMLDivElement) => {\n  tabPanelEl.style.removeProperty('--content-height-in-view');\n\n  // .rs-wrapper is currently the class used by the table component which needs to be targeted.\n  const tables = Array.from(tabPanelEl.querySelectorAll('.rs-wrapper')).filter(\n    table => table.getBoundingClientRect().width !== 0\n  );\n\n  // Only perform this logic when there is a single table in a tab's panel.\n  if (tables.length !== 1) return;\n\n  // This selector finds the table's root element as they are always wrapped in a Card.\n  const table = tables[0].closest('article');\n\n  if (!table) return;\n\n  const tabPanelRect = tabPanelEl.getBoundingClientRect();\n  const tableRect = table.getBoundingClientRect();\n  const vpHeight = document.documentElement.clientHeight;\n  const tableRectOffsetTop = tableRect.top + window.scrollY;\n  const workAreaPaddingBlockEnd =\n    // px unit are required for proper CSS calc calculation.\n    window.getComputedStyle(workAreaEl).getPropertyValue('padding-block-end') || '0px';\n\n  // Accounts for content rendered after the table.\n  const tableBottomToTabPanelBottom = tabPanelRect.bottom - tableRect.bottom;\n\n  // Sets a CSS variable for available height based on screen size and view state.\n  // Defines an available minimum height of ~600px.\n  tabPanelEl.style.setProperty(\n    '--content-height-in-view',\n    `max(calc(${\n      vpHeight - tableRectOffsetTop - tableBottomToTabPanelBottom\n    }px - ${workAreaPaddingBlockEnd}), 37.5rem)`\n  );\n};\n\nconst CaseView: FC<CaseViewProps & ForwardProps> = ({\n  testId,\n\n  // Case data mostly visually related to the case header\n  caseId,\n  heading,\n  subheading,\n  caseLink,\n  parentCases,\n  icon,\n  followed,\n  onFollowedChange,\n  onEdit,\n  actions,\n  promotedActions,\n\n  // Summary content and state props\n  summaryFields,\n  summaryExpanded: summaryExpandedProp = true,\n  onToggleSummary,\n\n  // Case tabs\n  tabs: { currentTabId, items: tabItemsProp, onClick: onTabClick },\n\n  // Workarea related content props\n  banners,\n  stages,\n  tasks,\n  tabContent: tabContentProp = [],\n\n  // Utilities content and state props\n  utilities,\n  utilitiesSummaryItems,\n  utilitiesExpanded: utilitiesExpandedProp = true,\n  onToggleUtilities,\n\n  // Etc...\n  persistentUtility,\n  intelligentGuidance,\n  isPreview = false,\n  ...restProps\n}: CaseViewProps) => {\n  const testIds = useTestIds(testId, getCaseViewTestIds);\n\n  // General util hooks\n  const t = useI18n();\n  const direction = useDirection();\n  const { loadedRef } = useConfiguration();\n\n  // Element refs\n  const caseViewRef = useRef<HTMLDivElement>(null);\n  const summaryRef = useRef<HTMLDivElement>(null);\n  // undefined used to allow ref to be mutable. Element set below in ref callback for scroll stick.\n  const workAreaRef = useRef<HTMLDivElement | undefined>();\n\n  // Tab content\n  const [tabContentEl, setTabContentEl] = useElement<HTMLElement>(null);\n\n  // Breakpoint booleans\n  const smOrAbove = useBreakpoint('sm');\n  const mdOrAbove = useBreakpoint('md', { breakpointRef: caseViewRef });\n  const lgOrAbove = useBreakpoint('lg', { breakpointRef: caseViewRef });\n  const xlOrAbove = useBreakpoint('xl', { breakpointRef: caseViewRef });\n\n  // DOM ids\n  const initialTabId = tabItemsProp[0]?.id;\n  const summaryTabId = `summary-${caseId}`;\n  const utilitiesTabId = `utilities-${caseId}`;\n  const persistentUtilityTabId = `persistent-utility-${caseId}`;\n  const summaryId = `summary-${caseId}`;\n  const utilitiesId = `utilities-${caseId}`;\n  const utilitiesDrawerId = `utilities-drawer-${caseId}`;\n\n  // Summary state handling\n  let summaryExpanded = !isPreview && !!summaryExpandedProp;\n\n  if (persistentUtility) {\n    summaryExpanded = xlOrAbove;\n  }\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!caseViewRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(caseViewRef.current, heading);\n    } else {\n      loadedRef.current = true;\n    }\n  }, [caseId]);\n\n  // Utilities state handling\n\n  // Used in coordination with a layoutEffect below to determine the utilities state on initial render.\n  // Attempted with a ref but it did not work. Using state and enforcing a render in addition to the change render for lgOrAbove seems to fix...\n  const [obeyUtilitiesExpandedProp, setObeyUtilitiesExpandedProp] = useState(lgOrAbove);\n\n  // Allow the utilitiesExpandedProp to drive the utilities' state after the initial render\n  useLayoutEffect(() => {\n    if (lgOrAbove) setObeyUtilitiesExpandedProp(true);\n  }, [lgOrAbove]);\n\n  // Tracks whether a resize forced the onToggleUtilities to close the utilities when it's a drawer\n  const utilitiesToggledByResize = useRef(false);\n\n  // If the initial render is within the MD size, where the utility drawer renders, it must begin collapsed\n  const utilitiesExpanded = obeyUtilitiesExpandedProp ? utilitiesExpandedProp : false;\n\n  // Handles utilities state based on breakpoint changes.\n  useAfterInitialEffect(() => {\n    // If we change into the MD breakpoint range and the utilities state is expanded call the toggle prop to collapse it with controlled state\n    if (mdOrAbove && !lgOrAbove && utilitiesExpandedProp) {\n      onToggleUtilities?.();\n      utilitiesToggledByResize.current = true;\n    }\n\n    if (lgOrAbove) {\n      if (utilitiesToggledByResize.current && !utilitiesExpandedProp) {\n        onToggleUtilities?.();\n      }\n\n      utilitiesToggledByResize.current = false;\n    }\n    // Purposely not listing utilitiesExpanded as a dependency as it is not a trigger and will be captured when BPs change\n  }, [mdOrAbove, lgOrAbove]);\n\n  // Prepare tabs\n  const [tabItems, tabContent] = useMemo(() => {\n    const summaryTab = { id: summaryTabId, name: t('summary') };\n    const summaryTabContent = {\n      id: summaryTabId,\n      content: (\n        <Card>\n          <StyledSummaryTabContent>\n            <CaseSummaryFields {...summaryFields} />\n          </StyledSummaryTabContent>\n        </Card>\n      )\n    };\n\n    let items = tabItemsProp;\n    let content = tabContentProp;\n\n    if (mdOrAbove) {\n      if (!summaryExpanded || (persistentUtility && !xlOrAbove)) {\n        items = [summaryTab, ...tabItemsProp];\n        content = [summaryTabContent, ...tabContentProp];\n      }\n\n      return [items, content];\n    }\n\n    const utilityTabsItems = [];\n    const utilityTabsContent = [];\n\n    if (utilities) {\n      utilityTabsItems.push({ id: utilitiesTabId, name: t('utilities') });\n      utilityTabsContent.push({\n        id: utilitiesTabId,\n        content: <Flex container={{ direction: 'column', gap: 2 }}>{utilities}</Flex>\n      });\n    }\n\n    if (persistentUtility) {\n      utilityTabsItems.push({ id: persistentUtilityTabId, name: persistentUtility.title });\n      utilityTabsContent.push({ id: persistentUtilityTabId, content: persistentUtility?.content });\n    }\n\n    items = [summaryTab, ...tabItemsProp, ...utilityTabsItems];\n    content = [summaryTabContent, ...tabContentProp, ...utilityTabsContent];\n\n    return [items, content];\n  }, [\n    tabItemsProp,\n    summaryTabId,\n    mdOrAbove,\n    summaryExpanded,\n    persistentUtility,\n    xlOrAbove,\n    tabContentProp,\n    utilities,\n    utilitiesTabId,\n    persistentUtilityTabId\n  ]);\n\n  // Grid layout props\n  let caseViewGridContainer = {\n    cols: 'minmax(0, 1fr)',\n    colGap: 0,\n    rows: 'minmax(0, max-content) auto',\n    areas: `\n      \"summary\"\n      \"work-area\"\n    `\n  };\n\n  const sharedGridProps = {\n    colGap: 2,\n    rows: caseViewGridContainer.rows\n  };\n\n  if (persistentUtility) {\n    if (xlOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: 'minmax(0, max-content) minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n        areas: '\"summary work-area persistentUtility utilities\"'\n      };\n    } else if (mdOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: 'minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n        areas: `\n          \"summary summary summary\"\n          \"work-area persistentUtility utilities\"\n        `\n      };\n    }\n  } else if (summaryExpanded) {\n    if (mdOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: 'minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content)',\n        areas: '\"summary work-area utilities\"'\n      };\n    }\n  } else if (mdOrAbove) {\n    caseViewGridContainer = {\n      ...sharedGridProps,\n      cols: 'minmax(0, 1fr) minmax(0, max-content)',\n      areas: `\n            \"summary summary\"\n            \"work-area utilities\"\n          `\n    };\n  }\n\n  // Apply sticky columns\n  const scrollStickOptions = useRef<ScrollStickOptions & { elements: HTMLElement[] }>({\n    elements: []\n  });\n\n  const stickOffset = useMemo(() => {\n    if (windowIsAvailable && caseViewRef.current) {\n      return parseFloat(\n        window.getComputedStyle(caseViewRef.current).getPropertyValue('--appshell-offset')\n      );\n    }\n\n    return 0;\n  }, [caseViewRef.current]);\n\n  useScrollStick(\n    // isMediumOrAbove means side by side columns | | |\n    mdOrAbove ? { ...scrollStickOptions.current, offset: stickOffset } : undefined\n  );\n\n  // Preview set summary tab active\n  useEffect(() => {\n    if (isPreview) {\n      onTabClick(summaryTabId);\n    }\n  }, []);\n\n  // Initial tab selection\n  useEffect(() => {\n    if (\n      mdOrAbove &&\n      summaryExpanded &&\n      !persistentUtility &&\n      (currentTabId === summaryTabId || currentTabId === utilitiesTabId)\n    ) {\n      onTabClick(tabItemsProp[0]?.id);\n    }\n    // Toggle utilities tab selection\n    if (mdOrAbove && [utilitiesTabId, persistentUtilityTabId].includes(currentTabId)) {\n      onTabClick(initialTabId);\n    }\n  }, [mdOrAbove]);\n\n  // Initial / summary tab selection\n  useEffect(() => {\n    if (!smOrAbove && currentTabId === initialTabId) {\n      onTabClick(summaryTabId);\n    } else if (smOrAbove && currentTabId === summaryTabId) {\n      onTabClick(initialTabId);\n    }\n  }, [smOrAbove]);\n\n  // Summary tab selection\n  useEffect(() => {\n    if (isPreview) {\n      onTabClick(summaryTabId);\n    }\n  }, [isPreview]);\n\n  // Initial tab selection\n  useEffect(() => {\n    if (summaryExpanded && currentTabId === summaryTabId) {\n      onTabClick(initialTabId);\n    }\n  }, [summaryExpanded]);\n\n  // Handles scrolling to tab content for newly clicked tab\n  useEffect(() => {\n    if (!tabContentEl) return;\n    const scrollPos = window.scrollY;\n    const windowHeight = document.documentElement.clientHeight;\n    const bottomPos = scrollPos + windowHeight * 0.8;\n    const tabContentPos = tabContentEl.offsetTop;\n    if (tabContentPos > bottomPos) {\n      const top = tabContentPos - windowHeight * 0.2;\n      window.scrollTo({ top, behavior: 'smooth' });\n    }\n  }, [currentTabId]);\n\n  // We need a css variable for the height of the case summary when it is collapsed into a header like layout\n  useLayoutEffect(() => {\n    if (!caseViewRef.current || !summaryRef.current) return;\n\n    caseViewRef.current.style.setProperty(\n      '--summary-height',\n      `${!summaryExpanded ? summaryRef.current.offsetHeight : 0}px`\n    );\n  }, [summaryExpanded]);\n\n  // CaseView context value\n  // Choosing not to memo for now due to extent of deps and how often they change. Optimize as needed.\n  // eslint-disable-next-line react/jsx-no-constructed-context-values\n  const ctxValue: CaseViewContextValue = {\n    testIds,\n    caseId,\n    heading,\n    subheading,\n    caseLink,\n    parentCases,\n    icon,\n    followed,\n    onFollowedChange,\n    actions,\n    promotedActions,\n    onEdit,\n    summaryFields,\n    tabs: {\n      items: tabItems,\n      onClick: onTabClick,\n      currentTabId\n    },\n    persistentUtility,\n    intelligentGuidance,\n    summaryId,\n    summaryExpanded,\n    utilitiesExpanded,\n    onToggleSummary,\n    isPreview,\n    aboveSM: smOrAbove,\n    aboveMD: mdOrAbove,\n    aboveLG: lgOrAbove,\n    aboveXL: xlOrAbove\n  };\n\n  const currentTabPanelRef = useRef<HTMLDivElement>(null);\n\n  // The following effects are dedicated to resizeTable handling.\n  useLayoutEffect(() => {\n    if (!currentTabPanelRef.current || !workAreaRef.current) return;\n\n    const currentTabPanelEl = currentTabPanelRef.current;\n    const workAreaEl = workAreaRef.current;\n\n    resizeTable(currentTabPanelEl, workAreaEl);\n\n    const onTabChange = () => {\n      resizeTable(currentTabPanelEl, workAreaEl);\n    };\n\n    const mo = new MutationObserver(entries => {\n      // Only responds to DOM changes that add or remove a table.\n      if (\n        entries.some(entry =>\n          [...entry.addedNodes, ...entry.removedNodes].some(node =>\n            (node as HTMLElement).querySelector?.('.rs-wrapper')\n          )\n        )\n      ) {\n        resizeTable(currentTabPanelEl, workAreaEl);\n      }\n    });\n\n    mo.observe(currentTabPanelEl, { childList: true, subtree: true });\n\n    currentTabPanelEl.addEventListener('cosmos-tab-changed', onTabChange);\n\n    return () => {\n      mo.disconnect();\n      currentTabPanelEl.removeEventListener('cosmos-tab-changed', onTabChange);\n    };\n  });\n\n  const [bannersStagesTasksEl, setBannersStagesTasksEl] = useElement<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!bannersStagesTasksEl) return;\n\n    const observer = new ResizeObserver(() => {\n      if (!currentTabPanelRef.current || !workAreaRef.current) return;\n\n      resizeTable(currentTabPanelRef.current, workAreaRef.current);\n    });\n\n    observer.observe(bannersStagesTasksEl);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [bannersStagesTasksEl]);\n\n  useEffect(() => {\n    const onResize = () => {\n      if (!currentTabPanelRef.current || !workAreaRef.current) return;\n\n      resizeTable(currentTabPanelRef.current, workAreaRef.current);\n    };\n\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, []);\n\n  return (\n    <>\n      <CaseViewContext.Provider value={ctxValue}>\n        {/* Root element */}\n        <Grid\n          data-testid={testIds.root}\n          {...restProps}\n          as={StyledCaseView}\n          ref={caseViewRef}\n          container={caseViewGridContainer}\n          item={{ area: 'case-view' }}\n        >\n          {/* Summary */}\n          <Grid\n            // Used for aria-controls on the toggle button\n            id={summaryId}\n            as={StyledSummary}\n            item={{ area: 'summary' }}\n            desktop={mdOrAbove && (!persistentUtility || xlOrAbove) && !summaryExpanded}\n            isLargeOrAbove={lgOrAbove}\n            ref={summaryRef}\n          >\n            <CaseSummary />\n          </Grid>\n\n          {/* Work area */}\n          <Flex\n            container={{\n              direction: 'column',\n              alignContent: 'start',\n              rowGap: 2\n            }}\n            as={StyledWorkArea}\n            persistentUtility={Boolean(persistentUtility)}\n            ref={(el: HTMLDivElement) => {\n              workAreaRef.current = el;\n              if (el) scrollStickOptions.current?.elements.push(el);\n            }}\n          >\n            {(banners || stages || tasks) && (\n              <Flex\n                container={{\n                  direction: 'column',\n                  alignContent: 'start',\n                  rowGap: 2\n                }}\n                ref={setBannersStagesTasksEl}\n              >\n                {banners && <div data-testid={testIds.banners}>{banners}</div>}\n                {stages && <div data-testid={testIds.stages}>{stages}</div>}\n                {tasks && <div data-testid={testIds.tasks}>{tasks}</div>}\n              </Flex>\n            )}\n\n            {(!mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded) && (\n              <Tabs\n                data-testid={testIds.tabs}\n                tabs={tabItems}\n                onTabClick={onTabClick}\n                currentTabId={currentTabId}\n              />\n            )}\n\n            <div ref={setTabContentEl}>\n              {tabContent?.map(({ id, content }) => (\n                <TabPanel\n                  data-testid={currentTabId === id ? testIds.tabContent : undefined}\n                  currentTabId={currentTabId}\n                  tabId={id}\n                  key={id}\n                  ref={currentTabId === id ? currentTabPanelRef : undefined}\n                >\n                  {content}\n                </TabPanel>\n              ))}\n            </div>\n          </Flex>\n\n          {/* Persistent utility column */}\n          {persistentUtility && mdOrAbove && (\n            <Grid as={StyledPersistentUtility} item={{ area: 'persistentUtility' }} data-app-region>\n              {persistentUtility.content}\n            </Grid>\n          )}\n\n          {/* Utility drawer */}\n          {utilities && mdOrAbove && !lgOrAbove && utilitiesExpanded && (\n            <Drawer\n              as={StyledCaseDrawer}\n              open={utilitiesExpanded}\n              position='fixed'\n              placement={direction.end}\n              shadow\n              nullWhenClosed\n              hasPersistentUtility={!!persistentUtility}\n            >\n              <Flex\n                as={StyledCaseDrawerContent}\n                container={{ direction: 'column', gap: 2 }}\n                id={utilitiesDrawerId}\n                data-app-region\n              >\n                <Flex container={{ gap: 1, alignContent: 'center' }}>\n                  <StyledUtilitiesHeader variant='h2'>{t('utilities_label')}</StyledUtilitiesHeader>\n                  <Button\n                    aria-expanded={utilitiesExpanded ? 'true' : 'false'}\n                    aria-controls={utilitiesDrawerId}\n                    variant='simple'\n                    icon\n                    onClick={onToggleUtilities}\n                    as={StyledUtilToggle}\n                    label={t('collapse_utilities_panel')}\n                  >\n                    <Icon name={`move-${direction.end}-solid`} />\n                  </Button>\n                </Flex>\n                {utilities}\n              </Flex>\n            </Drawer>\n          )}\n\n          {/* Utilities */}\n          {utilities && mdOrAbove && (\n            <Grid\n              data-testid={testIds.utilities}\n              ref={(el: HTMLDivElement) => {\n                if (el) scrollStickOptions.current?.elements.push(el);\n              }}\n              as={StyledUtilities}\n              container={{\n                cols: 'minmax(0, 1fr)',\n                rowGap: 2\n              }}\n              item={{\n                area: 'utilities'\n              }}\n              data-app-region={lgOrAbove || !utilitiesExpanded || undefined}\n              aria-label={t('utilities_label')}\n            >\n              <Flex container={{ gap: 1, justify: !utilitiesExpanded ? 'center' : undefined }}>\n                {utilitiesExpanded && (\n                  <StyledUtilitiesHeader variant='h2'>{t('utilities_label')}</StyledUtilitiesHeader>\n                )}\n                <Button\n                  aria-expanded={utilitiesExpanded ? 'true' : 'false'}\n                  aria-controls={lgOrAbove ? utilitiesId : utilitiesDrawerId}\n                  variant='simple'\n                  icon\n                  onClick={() => {\n                    if (!obeyUtilitiesExpandedProp && utilitiesExpandedProp) {\n                      setObeyUtilitiesExpandedProp(true);\n                    } else {\n                      onToggleUtilities?.();\n                    }\n                  }}\n                  as={StyledUtilToggle}\n                  label={t(\n                    utilitiesExpanded ? 'collapse_utilities_panel' : 'expand_utilities_panel'\n                  )}\n                >\n                  <Icon\n                    name={`move-${utilitiesExpanded ? direction.end : direction.start}-solid`}\n                  />\n                </Button>\n              </Flex>\n\n              {lgOrAbove && utilitiesExpanded && (\n                <Flex container={{ direction: 'column', gap: 2 }} id={utilitiesId}>\n                  {utilities}\n                </Flex>\n              )}\n\n              {(!utilitiesExpanded || (mdOrAbove && !lgOrAbove)) && (\n                <UtilitiesSummary\n                  items={utilitiesSummaryItems}\n                  aria-expanded={utilitiesExpanded ? 'true' : 'false'}\n                  aria-controls={lgOrAbove ? utilitiesId : utilitiesDrawerId}\n                />\n              )}\n            </Grid>\n          )}\n        </Grid>\n      </CaseViewContext.Provider>\n      {intelligentGuidance}\n    </>\n  );\n};\n\nexport default withTestIds(CaseView, getCaseViewTestIds);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.styles.ts"],"names":[],"mappings":"AAAA,OAAe,EAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAwC9D,eAAO,MAAM,uBAAuB,6EAAe,CAAC;AAIpD,eAAO,MAAM,wBAAwB;;;;SAmBpC,CAAC;AAIF,eAAO,MAAM,0BAA0B;;2BAMrC,CAAC;AAEH,eAAO,MAAM,uBAAuB,8MAkBlC,CAAC;AAIH,eAAO,MAAM,gBAAgB,gFAmB3B,CAAC;AAIH,eAAO,MAAM,kBAAkB,6EAoB7B,CAAC;AAIH,eAAO,MAAM,oBAAoB,+EAShC,CAAC;AAIF,eAAO,MAAM,gBAAgB,2EAAa,CAAC;AAI3C,eAAO,MAAM,mBAAmB;eAA2B,OAAO;SAWhE,CAAC;AAIH,eAAO,MAAM,oBAAoB,gFA8C/B,CAAC;AAIH,eAAO,MAAM,2BAA2B;;SAOvC,CAAC;AAEF,eAAO,MAAM,8BAA8B,yMA8BzC,CAAC;AAIH,eAAO,MAAM,wBAAwB;cAA0B,OAAO;SAqBpE,CAAC;AAiCH,eAAO,MAAM,mBAAmB,4EA0C9B,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;WACsC,YAAY;SAmCtF,CAAC;AAIF,eAAO,MAAM,qBAAqB,6EAYhC,CAAC;AAIH,eAAO,MAAM,0BAA0B,6EAIrC,CAAC;AAIH,eAAO,MAAM,0BAA0B,yMA6BrC,CAAC;AAIH,eAAO,MAAM,iBAAiB,6EAgD5B,CAAC;AAEH,eAAO,MAAM,cAAc,6EA6BzB,CAAC;AAIH,eAAO,MAAM,gBAAgB,gFAK3B,CAAC;AAIH,eAAO,MAAM,eAAe,6EAa1B,CAAC;AAIH,eAAO,MAAM,aAAa,6EAyBxB,CAAC;AAIH,eAAO,MAAM,gBAAgB,6EAU3B,CAAC;AAIH,eAAO,MAAM,uBAAuB,6EAOlC,CAAC;AAIH,eAAO,MAAM,uBAAuB,6EAUlC,CAAC;AAIH,eAAO,MAAM,WAAW,6EAGvB,CAAC;AAEF,eAAO,MAAM,cAAc,6EAiBzB,CAAC;AAIH,eAAO,MAAM,qBAAqB,uMAMjC,CAAC"}
+{"version":3,"file":"CaseView.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.styles.ts"],"names":[],"mappings":"AAAA,OAAe,EAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAwC9D,eAAO,MAAM,uBAAuB,6EAAe,CAAC;AAIpD,eAAO,MAAM,wBAAwB;;;;SAmBpC,CAAC;AAIF,eAAO,MAAM,0BAA0B;;2BAMrC,CAAC;AAEH,eAAO,MAAM,uBAAuB,8MAkBlC,CAAC;AAIH,eAAO,MAAM,gBAAgB,gFAmB3B,CAAC;AAIH,eAAO,MAAM,kBAAkB,6EAoB7B,CAAC;AAIH,eAAO,MAAM,oBAAoB,+EAShC,CAAC;AAIF,eAAO,MAAM,gBAAgB,2EAAa,CAAC;AAI3C,eAAO,MAAM,mBAAmB;eAA2B,OAAO;SAWhE,CAAC;AAIH,eAAO,MAAM,oBAAoB,gFA8C/B,CAAC;AAIH,eAAO,MAAM,2BAA2B;;SAOvC,CAAC;AAEF,eAAO,MAAM,8BAA8B,yMA8BzC,CAAC;AAIH,eAAO,MAAM,wBAAwB;cAA0B,OAAO;SAqBpE,CAAC;AAiCH,eAAO,MAAM,mBAAmB,4EA0C9B,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;WACsC,YAAY;SAmCtF,CAAC;AAIF,eAAO,MAAM,qBAAqB,6EAYhC,CAAC;AAIH,eAAO,MAAM,0BAA0B,6EAIrC,CAAC;AAIH,eAAO,MAAM,0BAA0B,yMA6BrC,CAAC;AAIH,eAAO,MAAM,iBAAiB,6EAgD5B,CAAC;AAEH,eAAO,MAAM,cAAc,6EAgCzB,CAAC;AAIH,eAAO,MAAM,gBAAgB,gFAK3B,CAAC;AAIH,eAAO,MAAM,eAAe,6EAa1B,CAAC;AAIH,eAAO,MAAM,aAAa,6EAyBxB,CAAC;AAIH,eAAO,MAAM,gBAAgB,6EAU3B,CAAC;AAIH,eAAO,MAAM,uBAAuB,6EAOlC,CAAC;AAIH,eAAO,MAAM,uBAAuB,6EAUlC,CAAC;AAIH,eAAO,MAAM,WAAW,6EAGvB,CAAC;AAEF,eAAO,MAAM,cAAc,6EAiBzB,CAAC;AAIH,eAAO,MAAM,qBAAqB,uMAMjC,CAAC"}

package/lib/components/CaseView/CaseView.styles.js

@@ -406,6 +406,9 @@ export const StyledWorkArea = styled.div(({ theme }) => {
         css `
       padding: calc(2 * ${theme.base.spacing}) 0;
 
+      /* This is required to make scrollStick work. */
+      height: max-content;
+
       ${!summaryExpanded &&
             css `
         margin-inline-start: calc(2 * ${theme.base.spacing});

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.styles.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css, DefaultTheme } from 'styled-components';\nimport {\n  getContrast,\n  hideVisually,\n  meetsContrastGuidelines,\n  parseToHsl,\n  readableColor,\n  rgba,\n  transparentize\n} from 'polished';\n\nimport {\n  Button,\n  calculateFontSize,\n  CardContent,\n  defaultThemeProp,\n  StyledBreadcrumbs,\n  StyledButtonLink,\n  StyledFieldValue,\n  StyledStackedFieldValue,\n  StyledIcon,\n  StyledLabel,\n  StyledPopover,\n  StyledText,\n  StyledTooltip,\n  tryCatch,\n  FontSize,\n  FieldValueList,\n  StyledLink,\n  readableHue,\n  Text\n} from '@pega/cosmos-react-core';\nimport { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\nimport { colCountChWidth } from '@pega/cosmos-react-work/lib/components/Details/Details.styles';\n\nimport { useCaseViewContext } from './CaseView.context';\n\nconst labelChWidth = 16;\nconst inlineEndButtonOffset = '0.375rem';\n\nexport const StyledCaseSummaryFields = styled.div``;\n\nStyledCaseSummaryFields.defaultProps = defaultThemeProp;\n\nexport const StyledSummaryPrimaryList = styled(FieldValueList)<{ wrapped?: boolean }>(\n  ({ theme, wrapped }) => {\n    const fontSizes = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n    return css`\n      ${wrapped\n        ? css`\n            grid-template-columns: minmax(0, 1fr);\n          `\n        : css`\n            grid-template-columns: ${labelChWidth}ch auto;\n          `}\n\n      ${StyledFieldValue} {\n        font-size: ${fontSizes[theme.components.text.h1['font-size'] as FontSize]};\n        font-weight: ${theme.components.text.h1['font-weight']};\n      }\n    `;\n  }\n);\n\nStyledSummaryPrimaryList.defaultProps = defaultThemeProp;\n\nexport const StyledSummarySecondaryList = styled(FieldValueList)(() => {\n  return css`\n    ${StyledStackedFieldValue} {\n      grid-column: 1 / -1;\n    }\n  `;\n});\n\nexport const StyledSummaryTabContent = styled(CardContent)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n  const containerWidthCh = colCountChWidth[1].containerWidth;\n  const containerWidthMinusLabel = `${containerWidthCh - labelChWidth}ch`;\n\n  return css`\n    ${StyledSummarySecondaryList} {\n      > ${StyledStackedFieldValue} {\n        max-width: ${containerWidthCh}ch;\n      }\n\n      > ${StyledFieldValue} {\n        max-width: calc(${containerWidthMinusLabel} - 2 * ${spacing});\n      }\n    }\n  `;\n});\n\nStyledSummaryTabContent.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHeader = styled.header(({ theme }) => {\n  const color = tryCatch(() => readableColor(theme.base.palette['brand-primary']));\n\n  return css`\n    background-color: ${theme.base.palette['brand-primary']};\n    color: ${color};\n    padding: ${theme.base.spacing} calc(2 * ${theme.base.spacing});\n    position: relative;\n\n    h1:focus-visible {\n      outline: transparent;\n      box-shadow: ${theme.base.shadow.focus};\n    }\n\n    ${StyledMenu} {\n      color: ${theme.base.palette['foreground-color']};\n      z-index: ${theme.base['z-index'].popover + 1};\n    }\n  `;\n});\n\nStyledCaseHeader.defaultProps = defaultThemeProp;\n\nexport const StyledCaseIconWrap = styled.div(({ theme }) => {\n  const spacing = theme.base.spacing;\n  const borderRadius = theme.base['border-radius'];\n  const backgroundColor = tryCatch(() => {\n    const { lightness } = parseToHsl(theme.base.palette['brand-primary']);\n    return lightness > 0.35 ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)';\n  });\n\n  return css`\n    background: ${backgroundColor};\n    width: calc(4 * ${spacing});\n    height: calc(4 * ${spacing});\n    border-radius: calc(${borderRadius} / 2);\n    margin-block-start: ${spacing};\n\n    ${StyledIcon} {\n      font-size: calc(2 * ${spacing});\n      margin: auto;\n    }\n  `;\n});\n\nStyledCaseIconWrap.defaultProps = defaultThemeProp;\n\nexport const StyledFollowIconWrap = styled.label`\n  font-size: 1.25rem;\n  input {\n    ${hideVisually}\n  }\n\n  input:focus + svg {\n    box-shadow: ${({ theme }) => theme.base.shadow.focus};\n  }\n`;\n\nStyledFollowIconWrap.defaultProps = defaultThemeProp;\n\nexport const StyledSubheading = styled.p``;\n\nStyledSubheading.defaultProps = defaultThemeProp;\n\nexport const StyledHeaderActions = styled.div<{ offsetEnd: boolean }>(({ offsetEnd, theme }) => {\n  return css`\n    margin-inline-start: auto;\n    padding-block: ${theme.base.spacing};\n    padding-inline-start: calc(2 * ${theme.base.spacing});\n\n    ${offsetEnd &&\n    css`\n      padding-inline-end: ${inlineEndButtonOffset};\n    `};\n  `;\n});\n\nStyledHeaderActions.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHeaderText = styled.hgroup(({ theme }) => {\n  const color = readableColor(theme.base.palette['brand-primary']);\n  const transparentColor = tryCatch(() => transparentize(0.1, color));\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  const idStyle = css`\n    color: ${transparentColor};\n    font-size: ${fontSize.s};\n    font-weight: normal;\n  `;\n\n  return css`\n    word-break: break-word;\n\n    ${StyledSubheading} {\n      ${idStyle}\n    }\n\n    ${StyledBreadcrumbs} {\n      > a,\n      > span,\n      > button,\n      > svg {\n        ${idStyle}\n      }\n\n      > a,\n      > button {\n        &:focus {\n          box-shadow: ${theme.base.shadow.focus};\n        }\n      }\n\n      ${StyledPopover}:not(${StyledTooltip}) {\n        color: ${theme.base.palette['foreground-color']};\n      }\n    }\n\n    > ${StyledText} > ${StyledLink} {\n      color: ${color};\n    }\n\n    + ${StyledHeaderActions} {\n      padding-inline-start: 0;\n    }\n  `;\n});\n\nStyledCaseHeaderText.defaultProps = defaultThemeProp;\n\nexport const StyledHeaderBreadcrumbBlock = styled.div<{ breadcrumbWidth?: number }>(\n  ({ breadcrumbWidth }) => {\n    return css`\n      width: ${breadcrumbWidth ? `${breadcrumbWidth}px` : '100%'};\n      max-width: 100%;\n    `;\n  }\n);\n\nexport const StyledCaseHeaderPromotedAction = styled(Button)(({ theme }) => {\n  const {\n    base: {\n      palette: { 'brand-primary': primary, interactive }\n    }\n  } = theme;\n\n  const interactiveUsable = getContrast(primary, interactive) >= 4.5;\n  const color = interactiveUsable ? interactive : readableColor(primary);\n  let hoverBackground = rgba(color, 0.15);\n\n  if (interactiveUsable) {\n    hoverBackground = readableHue(hoverBackground, color);\n  }\n\n  return css`\n    --button-background-color: ${primary};\n    color: ${color};\n    background-color: ${primary};\n    border-color: ${color};\n\n    @media (hover: hover) {\n      &:hover {\n        --button-background-color: ${hoverBackground};\n        color: ${color};\n        background-color: ${hoverBackground};\n        border-color: ${color};\n      }\n    }\n  `;\n});\n\nStyledCaseHeaderPromotedAction.defaultProps = defaultThemeProp;\n\nexport const StyledHeaderSummaryBlock = styled.div<{ hasItems: boolean }>(({ hasItems, theme }) => {\n  const {\n    base: {\n      spacing,\n      palette: { 'brand-primary': primary }\n    }\n  } = theme;\n\n  const color = readableColor(primary);\n  const transparentColor = tryCatch(() => transparentize(0.5, color));\n\n  return css`\n    ${hasItems &&\n    css`\n      border-inline-start: 0.0625rem solid ${transparentColor};\n    `}\n\n    ${StyledStackedFieldValue}:first-child {\n      margin-inline-start: calc(2 * ${spacing});\n    }\n  `;\n});\n\nStyledHeaderSummaryBlock.defaultProps = defaultThemeProp;\n\nconst popoverColorReset = (theme: DefaultTheme) => {\n  const {\n    base: {\n      palette: { interactive, light, 'foreground-color': baseForeground }\n    }\n  } = theme;\n\n  return css`\n    ${StyledPopover}:not(${StyledTooltip}) {\n      color: ${baseForeground};\n\n      ${StyledButtonLink},\n      ${StyledLink} {\n        color: ${interactive};\n        text-decoration: none;\n\n        &:hover,\n        &:active {\n          text-decoration: underline;\n        }\n\n        &:focus {\n          box-shadow: inset 0 0 0 0.0625rem ${light}, 0 0 0.125rem 0.0625rem ${interactive};\n        }\n      }\n    }\n  `;\n};\n\nexport const StyledHeaderSummary = styled.dl(({ theme }) => {\n  const {\n    base: {\n      palette: { 'brand-primary': primary, interactive }\n    }\n  } = theme;\n\n  const interactiveUsable = meetsContrastGuidelines(primary, interactive).AA;\n  const color = readableColor(primary);\n  const transparentColor = tryCatch(() => transparentize(0.1, color));\n\n  return css`\n    max-width: 100%;\n    min-width: 0;\n\n    > ${StyledStackedFieldValue} {\n      > ${StyledLabel} {\n        color: ${transparentColor};\n        white-space: nowrap;\n      }\n\n      > ${StyledFieldValue} {\n        color: ${color};\n        white-space: nowrap;\n      }\n\n      ${StyledButtonLink},\n      ${StyledLink} {\n        &:focus-visible {\n          box-shadow: inset 0 0 0 0.0625rem ${color};\n        }\n\n        ${!interactiveUsable &&\n        css`\n          color: ${color};\n          text-decoration: underline;\n        `}\n      }\n\n      ${popoverColorReset(theme)}\n    }\n  `;\n});\n\nStyledHeaderSummary.defaultProps = defaultThemeProp;\n\nexport const StyledHeaderSummaryValue = styled(StyledFieldValue)(\n  ({ bold, truncate, theme }: { bold?: boolean; truncate?: boolean; theme: DefaultTheme }) => {\n    const {\n      base: {\n        'content-width': { xs }\n      },\n      components: {\n        text: {\n          h1: { 'font-weight': h1Weight }\n        }\n      }\n    } = theme;\n\n    return css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      ${truncate &&\n      css`\n        max-width: ${xs};\n      `}\n\n      ${bold &&\n      css`\n        font-weight: ${h1Weight};\n      `}\n\n      /*\n       * :not([hidden]) necessary to prevent hidden span with preview a11y instructions from\n       * factoring into scrollWidth of element when determining truncation.\n       */\n      > :not([hidden]) {\n        display: inline;\n      }\n    `;\n  }\n);\n\nStyledHeaderSummaryValue.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummaryInfo = styled.div(() => {\n  const { intelligentGuidance } = useCaseViewContext();\n\n  return css`\n    overflow: auto;\n    flex: 1;\n    ${intelligentGuidance &&\n    css`\n      /* Accounts for collapsed intelligentGuidance list covering summary panel content when fully scrolled. */\n      padding-block-end: 4rem;\n    `}\n  `;\n});\n\nStyledCaseSummaryInfo.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummaryContainer = styled.div(({ theme }) => {\n  return css`\n    padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);\n  `;\n});\n\nStyledCaseSummaryContainer.defaultProps = defaultThemeProp;\n\nexport const StyledExpandCollapseButton = styled(Button)(({ theme }) => {\n  const { summaryExpanded } = useCaseViewContext();\n\n  return css`\n    position: absolute;\n    z-index: 1;\n    bottom: 0;\n    inset-inline-start: ${summaryExpanded ? 'calc(100% - 0.75rem)' : '0'};\n    border-radius: ${summaryExpanded ? '1.5rem' : '0 1.5rem 1.5rem 0'};\n    box-shadow: ${theme.base.shadow.low};\n    border: none;\n    opacity: 0;\n\n    &:focus {\n      opacity: 1;\n    }\n\n    ${StyledIcon} {\n      width: 1.5rem;\n      height: 1.5rem;\n      ${summaryExpanded\n        ? css`\n            transform: rotate(0);\n          `\n        : css`\n            transform: rotate(180deg);\n          `}\n    }\n  `;\n});\n\nStyledExpandCollapseButton.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummary = styled.div(({ theme }) => {\n  const { summaryExpanded, aboveMD } = useCaseViewContext();\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    position: relative;\n    height: 100%;\n\n    ${aboveMD &&\n    css`\n      ${summaryExpanded\n        ? css`\n            width: 25rem;\n\n            &:focus-within,\n            &:hover {\n              &::after {\n                content: '';\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                inset-inline-start: 100%;\n                width: 0.75rem;\n              }\n\n              ${StyledExpandCollapseButton} {\n                opacity: 1;\n              }\n            }\n          `\n        : css`\n            width: 100%;\n\n            ${StyledExpandCollapseButton} {\n              opacity: 1;\n              transform: translateY(50%);\n              margin-inline-start: calc(2 * ${spacing});\n              border-radius: 50%;\n\n              svg {\n                transform: rotate(-90deg);\n              }\n            }\n          `}\n    `}\n  `;\n});\n\nexport const StyledWorkArea = styled.div(({ theme }) => {\n  const { summaryExpanded, aboveMD, intelligentGuidance } = useCaseViewContext();\n  let pbeRem = 0;\n\n  if (intelligentGuidance) {\n    pbeRem = aboveMD && !summaryExpanded ? 4 : 6;\n  }\n\n  return css`\n    grid-area: work-area;\n    padding: calc(2 * ${theme.base.spacing});\n\n    ${aboveMD &&\n    css`\n      padding: calc(2 * ${theme.base.spacing}) 0;\n\n      ${!summaryExpanded &&\n      css`\n        margin-inline-start: calc(2 * ${theme.base.spacing});\n      `}\n    `}\n\n    /* Order of style here is necessary for overriding styles above. */\n    ${pbeRem > 0 &&\n    css`\n      /* Accounts for collapsed intelligentGuidance bubble covering work area content when fully scrolled. */\n      padding-block-end: ${pbeRem}rem;\n    `}\n  `;\n});\n\nStyledWorkArea.defaultProps = defaultThemeProp;\n\nexport const StyledUtilToggle = styled.button(({ theme }) => {\n  return css`\n    color: ${theme.base.palette['foreground-color']};\n    margin-inline: auto ${inlineEndButtonOffset};\n  `;\n});\n\nStyledUtilToggle.defaultProps = defaultThemeProp;\n\nexport const StyledUtilities = styled.div(({ theme }) => {\n  const { utilitiesExpanded, aboveLG } = useCaseViewContext();\n\n  return css`\n    height: max-content;\n    margin-block: calc(2 * ${theme.base.spacing});\n\n    ${aboveLG &&\n    utilitiesExpanded &&\n    css`\n      width: 25rem;\n    `}\n  `;\n});\n\nStyledUtilities.defaultProps = defaultThemeProp;\n\nexport const StyledSummary = styled.div(({ theme }) => {\n  const { summaryExpanded, aboveMD } = useCaseViewContext();\n\n  return css`\n    top: ${summaryExpanded ? 'var(--top-offset)' : 'var(--appshell-offset, 0)'};\n    width: 100%;\n    background-color: ${theme.base.palette['primary-background']};\n    z-index: ${theme.base['z-index'].popover};\n\n    ${aboveMD &&\n    summaryExpanded &&\n    css`\n      height: var(--case-view-height);\n    `}\n\n    ${aboveMD\n      ? css`\n          position: sticky;\n        `\n      : css`\n          @media (min-height: ${theme.base.breakpoints.sm}) {\n            position: sticky;\n          }\n        `}\n  `;\n});\n\nStyledSummary.defaultProps = defaultThemeProp;\n\nexport const StyledCaseDrawer = styled.div(({ theme }) => {\n  return css`\n    min-width: 21.875rem;\n    max-width: 31.25rem;\n    width: calc((100vw - 31.25rem) / 10 + 21.875rem);\n    background-color: ${theme.base.palette['primary-background']};\n    height: var(--case-view-height);\n    top: var(--top-offset);\n    z-index: ${theme.base['z-index'].drawer - 1};\n  `;\n});\n\nStyledCaseDrawer.defaultProps = defaultThemeProp;\n\nexport const StyledCaseDrawerContent = styled.div(({ theme }) => {\n  return css`\n    background-color: ${theme.base.palette['app-background']};\n    padding: calc(2 * ${theme.base.spacing});\n    height: 100%;\n    overflow: auto;\n  `;\n});\n\nStyledCaseDrawerContent.defaultProps = defaultThemeProp;\n\nexport const StyledPersistentUtility = styled.div(({ theme }) => {\n  return css`\n    min-width: ${theme.base['content-width'].sm};\n    max-width: ${theme.base['content-width'].md};\n    overflow: auto;\n    position: sticky;\n    z-index: 1;\n    height: var(--case-view-height);\n    top: var(--top-offset);\n  `;\n});\n\nStyledPersistentUtility.defaultProps = defaultThemeProp;\n\nexport const ScrollStick = styled.div`\n  position: sticky;\n  top: 0;\n`;\n\nexport const StyledCaseView = styled.div(({ theme }) => {\n  const { aboveMD } = useCaseViewContext();\n\n  return css`\n    --top-offset: calc(var(--appshell-offset, 0rem) + var(--summary-height));\n    --case-view-height: calc(100vh - var(--top-offset));\n    position: relative;\n    min-height: var(--case-view-height);\n    background-color: ${theme.base.palette['app-background']};\n\n    ${aboveMD &&\n    css`\n      ${StyledUtilities}:last-child {\n        margin-inline-end: calc(2 * ${theme.base.spacing});\n      }\n    `}\n  `;\n});\n\nStyledCaseView.defaultProps = defaultThemeProp;\n\nexport const StyledUtilitiesHeader = styled(Text)`\n  align-self: center;\n\n  &:not(:focus) {\n    ${hideVisually}\n  }\n`;\n\nStyledUtilitiesHeader.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"CaseView.styles.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css, DefaultTheme } from 'styled-components';\nimport {\n  getContrast,\n  hideVisually,\n  meetsContrastGuidelines,\n  parseToHsl,\n  readableColor,\n  rgba,\n  transparentize\n} from 'polished';\n\nimport {\n  Button,\n  calculateFontSize,\n  CardContent,\n  defaultThemeProp,\n  StyledBreadcrumbs,\n  StyledButtonLink,\n  StyledFieldValue,\n  StyledStackedFieldValue,\n  StyledIcon,\n  StyledLabel,\n  StyledPopover,\n  StyledText,\n  StyledTooltip,\n  tryCatch,\n  FontSize,\n  FieldValueList,\n  StyledLink,\n  readableHue,\n  Text\n} from '@pega/cosmos-react-core';\nimport { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\nimport { colCountChWidth } from '@pega/cosmos-react-work/lib/components/Details/Details.styles';\n\nimport { useCaseViewContext } from './CaseView.context';\n\nconst labelChWidth = 16;\nconst inlineEndButtonOffset = '0.375rem';\n\nexport const StyledCaseSummaryFields = styled.div``;\n\nStyledCaseSummaryFields.defaultProps = defaultThemeProp;\n\nexport const StyledSummaryPrimaryList = styled(FieldValueList)<{ wrapped?: boolean }>(\n  ({ theme, wrapped }) => {\n    const fontSizes = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n    return css`\n      ${wrapped\n        ? css`\n            grid-template-columns: minmax(0, 1fr);\n          `\n        : css`\n            grid-template-columns: ${labelChWidth}ch auto;\n          `}\n\n      ${StyledFieldValue} {\n        font-size: ${fontSizes[theme.components.text.h1['font-size'] as FontSize]};\n        font-weight: ${theme.components.text.h1['font-weight']};\n      }\n    `;\n  }\n);\n\nStyledSummaryPrimaryList.defaultProps = defaultThemeProp;\n\nexport const StyledSummarySecondaryList = styled(FieldValueList)(() => {\n  return css`\n    ${StyledStackedFieldValue} {\n      grid-column: 1 / -1;\n    }\n  `;\n});\n\nexport const StyledSummaryTabContent = styled(CardContent)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n  const containerWidthCh = colCountChWidth[1].containerWidth;\n  const containerWidthMinusLabel = `${containerWidthCh - labelChWidth}ch`;\n\n  return css`\n    ${StyledSummarySecondaryList} {\n      > ${StyledStackedFieldValue} {\n        max-width: ${containerWidthCh}ch;\n      }\n\n      > ${StyledFieldValue} {\n        max-width: calc(${containerWidthMinusLabel} - 2 * ${spacing});\n      }\n    }\n  `;\n});\n\nStyledSummaryTabContent.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHeader = styled.header(({ theme }) => {\n  const color = tryCatch(() => readableColor(theme.base.palette['brand-primary']));\n\n  return css`\n    background-color: ${theme.base.palette['brand-primary']};\n    color: ${color};\n    padding: ${theme.base.spacing} calc(2 * ${theme.base.spacing});\n    position: relative;\n\n    h1:focus-visible {\n      outline: transparent;\n      box-shadow: ${theme.base.shadow.focus};\n    }\n\n    ${StyledMenu} {\n      color: ${theme.base.palette['foreground-color']};\n      z-index: ${theme.base['z-index'].popover + 1};\n    }\n  `;\n});\n\nStyledCaseHeader.defaultProps = defaultThemeProp;\n\nexport const StyledCaseIconWrap = styled.div(({ theme }) => {\n  const spacing = theme.base.spacing;\n  const borderRadius = theme.base['border-radius'];\n  const backgroundColor = tryCatch(() => {\n    const { lightness } = parseToHsl(theme.base.palette['brand-primary']);\n    return lightness > 0.35 ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)';\n  });\n\n  return css`\n    background: ${backgroundColor};\n    width: calc(4 * ${spacing});\n    height: calc(4 * ${spacing});\n    border-radius: calc(${borderRadius} / 2);\n    margin-block-start: ${spacing};\n\n    ${StyledIcon} {\n      font-size: calc(2 * ${spacing});\n      margin: auto;\n    }\n  `;\n});\n\nStyledCaseIconWrap.defaultProps = defaultThemeProp;\n\nexport const StyledFollowIconWrap = styled.label`\n  font-size: 1.25rem;\n  input {\n    ${hideVisually}\n  }\n\n  input:focus + svg {\n    box-shadow: ${({ theme }) => theme.base.shadow.focus};\n  }\n`;\n\nStyledFollowIconWrap.defaultProps = defaultThemeProp;\n\nexport const StyledSubheading = styled.p``;\n\nStyledSubheading.defaultProps = defaultThemeProp;\n\nexport const StyledHeaderActions = styled.div<{ offsetEnd: boolean }>(({ offsetEnd, theme }) => {\n  return css`\n    margin-inline-start: auto;\n    padding-block: ${theme.base.spacing};\n    padding-inline-start: calc(2 * ${theme.base.spacing});\n\n    ${offsetEnd &&\n    css`\n      padding-inline-end: ${inlineEndButtonOffset};\n    `};\n  `;\n});\n\nStyledHeaderActions.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHeaderText = styled.hgroup(({ theme }) => {\n  const color = readableColor(theme.base.palette['brand-primary']);\n  const transparentColor = tryCatch(() => transparentize(0.1, color));\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  const idStyle = css`\n    color: ${transparentColor};\n    font-size: ${fontSize.s};\n    font-weight: normal;\n  `;\n\n  return css`\n    word-break: break-word;\n\n    ${StyledSubheading} {\n      ${idStyle}\n    }\n\n    ${StyledBreadcrumbs} {\n      > a,\n      > span,\n      > button,\n      > svg {\n        ${idStyle}\n      }\n\n      > a,\n      > button {\n        &:focus {\n          box-shadow: ${theme.base.shadow.focus};\n        }\n      }\n\n      ${StyledPopover}:not(${StyledTooltip}) {\n        color: ${theme.base.palette['foreground-color']};\n      }\n    }\n\n    > ${StyledText} > ${StyledLink} {\n      color: ${color};\n    }\n\n    + ${StyledHeaderActions} {\n      padding-inline-start: 0;\n    }\n  `;\n});\n\nStyledCaseHeaderText.defaultProps = defaultThemeProp;\n\nexport const StyledHeaderBreadcrumbBlock = styled.div<{ breadcrumbWidth?: number }>(\n  ({ breadcrumbWidth }) => {\n    return css`\n      width: ${breadcrumbWidth ? `${breadcrumbWidth}px` : '100%'};\n      max-width: 100%;\n    `;\n  }\n);\n\nexport const StyledCaseHeaderPromotedAction = styled(Button)(({ theme }) => {\n  const {\n    base: {\n      palette: { 'brand-primary': primary, interactive }\n    }\n  } = theme;\n\n  const interactiveUsable = getContrast(primary, interactive) >= 4.5;\n  const color = interactiveUsable ? interactive : readableColor(primary);\n  let hoverBackground = rgba(color, 0.15);\n\n  if (interactiveUsable) {\n    hoverBackground = readableHue(hoverBackground, color);\n  }\n\n  return css`\n    --button-background-color: ${primary};\n    color: ${color};\n    background-color: ${primary};\n    border-color: ${color};\n\n    @media (hover: hover) {\n      &:hover {\n        --button-background-color: ${hoverBackground};\n        color: ${color};\n        background-color: ${hoverBackground};\n        border-color: ${color};\n      }\n    }\n  `;\n});\n\nStyledCaseHeaderPromotedAction.defaultProps = defaultThemeProp;\n\nexport const StyledHeaderSummaryBlock = styled.div<{ hasItems: boolean }>(({ hasItems, theme }) => {\n  const {\n    base: {\n      spacing,\n      palette: { 'brand-primary': primary }\n    }\n  } = theme;\n\n  const color = readableColor(primary);\n  const transparentColor = tryCatch(() => transparentize(0.5, color));\n\n  return css`\n    ${hasItems &&\n    css`\n      border-inline-start: 0.0625rem solid ${transparentColor};\n    `}\n\n    ${StyledStackedFieldValue}:first-child {\n      margin-inline-start: calc(2 * ${spacing});\n    }\n  `;\n});\n\nStyledHeaderSummaryBlock.defaultProps = defaultThemeProp;\n\nconst popoverColorReset = (theme: DefaultTheme) => {\n  const {\n    base: {\n      palette: { interactive, light, 'foreground-color': baseForeground }\n    }\n  } = theme;\n\n  return css`\n    ${StyledPopover}:not(${StyledTooltip}) {\n      color: ${baseForeground};\n\n      ${StyledButtonLink},\n      ${StyledLink} {\n        color: ${interactive};\n        text-decoration: none;\n\n        &:hover,\n        &:active {\n          text-decoration: underline;\n        }\n\n        &:focus {\n          box-shadow: inset 0 0 0 0.0625rem ${light}, 0 0 0.125rem 0.0625rem ${interactive};\n        }\n      }\n    }\n  `;\n};\n\nexport const StyledHeaderSummary = styled.dl(({ theme }) => {\n  const {\n    base: {\n      palette: { 'brand-primary': primary, interactive }\n    }\n  } = theme;\n\n  const interactiveUsable = meetsContrastGuidelines(primary, interactive).AA;\n  const color = readableColor(primary);\n  const transparentColor = tryCatch(() => transparentize(0.1, color));\n\n  return css`\n    max-width: 100%;\n    min-width: 0;\n\n    > ${StyledStackedFieldValue} {\n      > ${StyledLabel} {\n        color: ${transparentColor};\n        white-space: nowrap;\n      }\n\n      > ${StyledFieldValue} {\n        color: ${color};\n        white-space: nowrap;\n      }\n\n      ${StyledButtonLink},\n      ${StyledLink} {\n        &:focus-visible {\n          box-shadow: inset 0 0 0 0.0625rem ${color};\n        }\n\n        ${!interactiveUsable &&\n        css`\n          color: ${color};\n          text-decoration: underline;\n        `}\n      }\n\n      ${popoverColorReset(theme)}\n    }\n  `;\n});\n\nStyledHeaderSummary.defaultProps = defaultThemeProp;\n\nexport const StyledHeaderSummaryValue = styled(StyledFieldValue)(\n  ({ bold, truncate, theme }: { bold?: boolean; truncate?: boolean; theme: DefaultTheme }) => {\n    const {\n      base: {\n        'content-width': { xs }\n      },\n      components: {\n        text: {\n          h1: { 'font-weight': h1Weight }\n        }\n      }\n    } = theme;\n\n    return css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      ${truncate &&\n      css`\n        max-width: ${xs};\n      `}\n\n      ${bold &&\n      css`\n        font-weight: ${h1Weight};\n      `}\n\n      /*\n       * :not([hidden]) necessary to prevent hidden span with preview a11y instructions from\n       * factoring into scrollWidth of element when determining truncation.\n       */\n      > :not([hidden]) {\n        display: inline;\n      }\n    `;\n  }\n);\n\nStyledHeaderSummaryValue.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummaryInfo = styled.div(() => {\n  const { intelligentGuidance } = useCaseViewContext();\n\n  return css`\n    overflow: auto;\n    flex: 1;\n    ${intelligentGuidance &&\n    css`\n      /* Accounts for collapsed intelligentGuidance list covering summary panel content when fully scrolled. */\n      padding-block-end: 4rem;\n    `}\n  `;\n});\n\nStyledCaseSummaryInfo.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummaryContainer = styled.div(({ theme }) => {\n  return css`\n    padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);\n  `;\n});\n\nStyledCaseSummaryContainer.defaultProps = defaultThemeProp;\n\nexport const StyledExpandCollapseButton = styled(Button)(({ theme }) => {\n  const { summaryExpanded } = useCaseViewContext();\n\n  return css`\n    position: absolute;\n    z-index: 1;\n    bottom: 0;\n    inset-inline-start: ${summaryExpanded ? 'calc(100% - 0.75rem)' : '0'};\n    border-radius: ${summaryExpanded ? '1.5rem' : '0 1.5rem 1.5rem 0'};\n    box-shadow: ${theme.base.shadow.low};\n    border: none;\n    opacity: 0;\n\n    &:focus {\n      opacity: 1;\n    }\n\n    ${StyledIcon} {\n      width: 1.5rem;\n      height: 1.5rem;\n      ${summaryExpanded\n        ? css`\n            transform: rotate(0);\n          `\n        : css`\n            transform: rotate(180deg);\n          `}\n    }\n  `;\n});\n\nStyledExpandCollapseButton.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummary = styled.div(({ theme }) => {\n  const { summaryExpanded, aboveMD } = useCaseViewContext();\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    position: relative;\n    height: 100%;\n\n    ${aboveMD &&\n    css`\n      ${summaryExpanded\n        ? css`\n            width: 25rem;\n\n            &:focus-within,\n            &:hover {\n              &::after {\n                content: '';\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                inset-inline-start: 100%;\n                width: 0.75rem;\n              }\n\n              ${StyledExpandCollapseButton} {\n                opacity: 1;\n              }\n            }\n          `\n        : css`\n            width: 100%;\n\n            ${StyledExpandCollapseButton} {\n              opacity: 1;\n              transform: translateY(50%);\n              margin-inline-start: calc(2 * ${spacing});\n              border-radius: 50%;\n\n              svg {\n                transform: rotate(-90deg);\n              }\n            }\n          `}\n    `}\n  `;\n});\n\nexport const StyledWorkArea = styled.div(({ theme }) => {\n  const { summaryExpanded, aboveMD, intelligentGuidance } = useCaseViewContext();\n  let pbeRem = 0;\n\n  if (intelligentGuidance) {\n    pbeRem = aboveMD && !summaryExpanded ? 4 : 6;\n  }\n\n  return css`\n    grid-area: work-area;\n    padding: calc(2 * ${theme.base.spacing});\n\n    ${aboveMD &&\n    css`\n      padding: calc(2 * ${theme.base.spacing}) 0;\n\n      /* This is required to make scrollStick work. */\n      height: max-content;\n\n      ${!summaryExpanded &&\n      css`\n        margin-inline-start: calc(2 * ${theme.base.spacing});\n      `}\n    `}\n\n    /* Order of style here is necessary for overriding styles above. */\n    ${pbeRem > 0 &&\n    css`\n      /* Accounts for collapsed intelligentGuidance bubble covering work area content when fully scrolled. */\n      padding-block-end: ${pbeRem}rem;\n    `}\n  `;\n});\n\nStyledWorkArea.defaultProps = defaultThemeProp;\n\nexport const StyledUtilToggle = styled.button(({ theme }) => {\n  return css`\n    color: ${theme.base.palette['foreground-color']};\n    margin-inline: auto ${inlineEndButtonOffset};\n  `;\n});\n\nStyledUtilToggle.defaultProps = defaultThemeProp;\n\nexport const StyledUtilities = styled.div(({ theme }) => {\n  const { utilitiesExpanded, aboveLG } = useCaseViewContext();\n\n  return css`\n    height: max-content;\n    margin-block: calc(2 * ${theme.base.spacing});\n\n    ${aboveLG &&\n    utilitiesExpanded &&\n    css`\n      width: 25rem;\n    `}\n  `;\n});\n\nStyledUtilities.defaultProps = defaultThemeProp;\n\nexport const StyledSummary = styled.div(({ theme }) => {\n  const { summaryExpanded, aboveMD } = useCaseViewContext();\n\n  return css`\n    top: ${summaryExpanded ? 'var(--top-offset)' : 'var(--appshell-offset, 0)'};\n    width: 100%;\n    background-color: ${theme.base.palette['primary-background']};\n    z-index: ${theme.base['z-index'].popover};\n\n    ${aboveMD &&\n    summaryExpanded &&\n    css`\n      height: var(--case-view-height);\n    `}\n\n    ${aboveMD\n      ? css`\n          position: sticky;\n        `\n      : css`\n          @media (min-height: ${theme.base.breakpoints.sm}) {\n            position: sticky;\n          }\n        `}\n  `;\n});\n\nStyledSummary.defaultProps = defaultThemeProp;\n\nexport const StyledCaseDrawer = styled.div(({ theme }) => {\n  return css`\n    min-width: 21.875rem;\n    max-width: 31.25rem;\n    width: calc((100vw - 31.25rem) / 10 + 21.875rem);\n    background-color: ${theme.base.palette['primary-background']};\n    height: var(--case-view-height);\n    top: var(--top-offset);\n    z-index: ${theme.base['z-index'].drawer - 1};\n  `;\n});\n\nStyledCaseDrawer.defaultProps = defaultThemeProp;\n\nexport const StyledCaseDrawerContent = styled.div(({ theme }) => {\n  return css`\n    background-color: ${theme.base.palette['app-background']};\n    padding: calc(2 * ${theme.base.spacing});\n    height: 100%;\n    overflow: auto;\n  `;\n});\n\nStyledCaseDrawerContent.defaultProps = defaultThemeProp;\n\nexport const StyledPersistentUtility = styled.div(({ theme }) => {\n  return css`\n    min-width: ${theme.base['content-width'].sm};\n    max-width: ${theme.base['content-width'].md};\n    overflow: auto;\n    position: sticky;\n    z-index: 1;\n    height: var(--case-view-height);\n    top: var(--top-offset);\n  `;\n});\n\nStyledPersistentUtility.defaultProps = defaultThemeProp;\n\nexport const ScrollStick = styled.div`\n  position: sticky;\n  top: 0;\n`;\n\nexport const StyledCaseView = styled.div(({ theme }) => {\n  const { aboveMD } = useCaseViewContext();\n\n  return css`\n    --top-offset: calc(var(--appshell-offset, 0rem) + var(--summary-height));\n    --case-view-height: calc(100vh - var(--top-offset));\n    position: relative;\n    min-height: var(--case-view-height);\n    background-color: ${theme.base.palette['app-background']};\n\n    ${aboveMD &&\n    css`\n      ${StyledUtilities}:last-child {\n        margin-inline-end: calc(2 * ${theme.base.spacing});\n      }\n    `}\n  `;\n});\n\nStyledCaseView.defaultProps = defaultThemeProp;\n\nexport const StyledUtilitiesHeader = styled(Text)`\n  align-self: center;\n\n  &:not(:focus) {\n    ${hideVisually}\n  }\n`;\n\nStyledUtilitiesHeader.defaultProps = defaultThemeProp;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-work",
-  "version": "4.0.0-dev.17.1",
+  "version": "4.0.0-dev.18.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/pegasystems/cosmos-react.git",
@@ -20,7 +20,7 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "4.0.0-dev.17.1",
+    "@pega/cosmos-react-core": "4.0.0-dev.18.1",
     "@types/react": "^16.14.24 || ^17.0.38",
     "@types/react-dom": "^16.9.14 || ^17.0.11",
     "@types/styled-components": "^5.1.26",