@pega/cosmos-react-work 9.0.0-build.22.2 → 9.0.0-build.23.1

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":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAsCtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iEAAiE,CAAC;AAiC5G,eAAO,MAAM,wBAAwB;cACzB,OAAO;;2BAHP,CAAC;iDA6BX,CAAC;AAIH,eAAO,MAAM,0BAA0B;2BAjC3B,CAAC;iDAuCX,CAAC;AAEH,eAAO,MAAM,uBAAuB,6NAsBlC,CAAC;AAIH,eAAO,MAAM,uBAAuB,6ZAelC,CAAC;AAIH,eAAO,MAAM,oBAAoB;;yLAI/B,CAAC;AAIH,eAAO,MAAM,mBAAmB;;0LAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,6NA6C3B,CAAC;AAIH,eAAO,MAAM,oBAAoB,sOAUhC,CAAC;AAIF,eAAO,MAAM,gBAAgB,yOAAa,CAAC;AAI3C,eAAO,MAAM,8BAA8B;;2LA6CzC,CAAC;AAIH,eAAO,MAAM,mBAAmB;eAA2B,OAAO;YAmBhE,CAAC;AAIH,eAAO,MAAM,oBAAoB,uNAyD/B,CAAC;AAIH,eAAO,MAAM,wBAAwB;cAA0B,OAAO;YAoBpE,CAAC;AAmCH,eAAO,MAAM,mBAAmB,iOAgD9B,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;WAC5B,OAAO;eACH,OAAO;WACX,YAAY;YAiCnB,CAAC;AAIH,eAAO,MAAM,qBAAqB,6NA6BjC,CAAC;AAIF,eAAO,MAAM,0BAA0B,6NAkBrC,CAAC;AAIH,eAAO,MAAM,0BAA0B;;2LASrC,CAAC;AAIH,eAAO,MAAM,iCAAiC;;2BAgC5C,CAAC;AAIH,eAAO,MAAM,iBAAiB,6NAuD7B,CAAC;AAIF,eAAO,MAAM,WAAW,6NAavB,CAAC;AAGF,eAAO,MAAM,qBAAqB,6NAcjC,CAAC;AAKF,eAAO,MAAM,iCAAiC,6NAM5C,CAAC;AAEH,eAAO,MAAM,cAAc,6NAqI1B,CAAC;AAIF,eAAO,MAAM,sBAAsB;;yLAAiB,CAAC;AAErD,eAAO,MAAM,mCAAmC;;2BAO9C,CAAC;AAMH,eAAO,MAAM,eAAe,6NAsC1B,CAAC;AAIH,eAAO,MAAM,aAAa,6NAiEzB,CAAC;AAIF,eAAO,MAAM,gBAAgB;oBACX,oBAAoB,CAAC,eAAe,CAAC;wBACjC,OAAO;YA6B3B,CAAC;AAIH,eAAO,MAAM,uBAAuB,6NAwBnC,CAAC;AAIF,eAAO,MAAM,uBAAuB;gCAA4C,OAAO;YAatF,CAAC;AAIF,eAAO,MAAM,yBAAyB,6NAQpC,CAAC;AAIH,eAAO,MAAM,uBAAuB,6NAIlC,CAAC;AAIH,eAAO,MAAM,WAAW,6NAGvB,CAAC;AAEF,eAAO,MAAM,cAAc,6NA+F1B,CAAC;AAIF,eAAO,MAAM,qBAAqB;;yLAMjC,CAAC;AAIF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;sSAoB5B,CAAC;AAIH,eAAO,MAAM,sBAAsB,6NAAe,CAAC;AAEnD,eAAO,MAAM,kBAAkB,kaAwB7B,CAAC"}
+{"version":3,"file":"CaseView.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAwCtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iEAAiE,CAAC;AAiC5G,eAAO,MAAM,wBAAwB;cACzB,OAAO;;2BAJV,CAAC;iDA8BR,CAAC;AAIH,eAAO,MAAM,0BAA0B;2BAlC9B,CAAC;iDAwCR,CAAC;AAEH,eAAO,MAAM,uBAAuB,6NAsBlC,CAAC;AAIH,eAAO,MAAM,uBAAuB,6ZAelC,CAAC;AAIH,eAAO,MAAM,oBAAoB;;yLAI/B,CAAC;AAIH,eAAO,MAAM,mBAAmB;;0LAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,6NA6C3B,CAAC;AAIH,eAAO,MAAM,oBAAoB,sOAUhC,CAAC;AAIF,eAAO,MAAM,gBAAgB,yOAAa,CAAC;AAI3C,eAAO,MAAM,8BAA8B;;2LA6CzC,CAAC;AAIH,eAAO,MAAM,mBAAmB;eAA2B,OAAO;YAmBhE,CAAC;AAIH,eAAO,MAAM,oBAAoB,uNAyD/B,CAAC;AAIH,eAAO,MAAM,wBAAwB;cAA0B,OAAO;YAoBpE,CAAC;AAmCH,eAAO,MAAM,mBAAmB,iOAgD9B,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;WAC5B,OAAO;eACH,OAAO;WACX,YAAY;YAiCnB,CAAC;AAIH,eAAO,MAAM,qBAAqB,6NA6BjC,CAAC;AAIF,eAAO,MAAM,0BAA0B,6NAkBrC,CAAC;AAIH,eAAO,MAAM,0BAA0B;;2LASrC,CAAC;AAIH,eAAO,MAAM,iCAAiC;;2BAgC5C,CAAC;AAIH,eAAO,MAAM,iBAAiB,6NAuD7B,CAAC;AAIF,eAAO,MAAM,WAAW,6NAavB,CAAC;AAGF,eAAO,MAAM,qBAAqB,6NAsEjC,CAAC;AAKF,eAAO,MAAM,iCAAiC,6NAM5C,CAAC;AAEH,eAAO,MAAM,cAAc,6NA6I1B,CAAC;AAIF,eAAO,MAAM,sBAAsB;;yLAAiB,CAAC;AAErD,eAAO,MAAM,mCAAmC;;2BAO9C,CAAC;AAMH,eAAO,MAAM,eAAe,6NAsC1B,CAAC;AAIH,eAAO,MAAM,aAAa,6NAiEzB,CAAC;AAIF,eAAO,MAAM,gBAAgB;oBACX,oBAAoB,CAAC,eAAe,CAAC;wBACjC,OAAO;YA6B3B,CAAC;AAIH,eAAO,MAAM,uBAAuB,6NAwBnC,CAAC;AAIF,eAAO,MAAM,uBAAuB;gCAA4C,OAAO;YAatF,CAAC;AAIF,eAAO,MAAM,yBAAyB,6NAQpC,CAAC;AAIH,eAAO,MAAM,uBAAuB,6NAIlC,CAAC;AAIH,eAAO,MAAM,WAAW,6NAGvB,CAAC;AAEF,eAAO,MAAM,cAAc,6NA+F1B,CAAC;AAIF,eAAO,MAAM,qBAAqB;;yLAMjC,CAAC;AAIF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;sSAoB5B,CAAC;AAIH,eAAO,MAAM,sBAAsB,6NAAe,CAAC;AAEnD,eAAO,MAAM,kBAAkB,kaAwB7B,CAAC"}

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

@@ -1,7 +1,7 @@
 import styled, { css } from 'styled-components';
 import { getContrast, hideVisually, meetsContrastGuidelines, rgba, transparentize } from 'polished';
 import { useContext } from 'react';
-import { Button, calculateFontSize, CardContent, defaultThemeProp, StyledBreadcrumbs, StyledButtonLink, StyledFieldValue, StyledStackedFieldValue, StyledIcon, StyledLabel, StyledPopover, StyledText, StyledTooltip, tryCatch, FieldValueList, StyledLink, readableHue, StyledCard, Text, readableColor, AppShellContext, AIButton, StyledButton, calculateForegroundColor, calculateBackgroundAndContrastColor, isSolidColor, StyledSummaryListItem, StyledProgressBackdrop, Image, Icon } from '@pega/cosmos-react-core';
+import { Button, calculateFontSize, CardContent, defaultThemeProp, StyledBreadcrumbs, StyledButtonLink, StyledFieldValue, StyledStackedFieldValue, StyledIcon, StyledLabel, StyledPopover, StyledText, StyledTooltip, tryCatch, FieldValueList, StyledLink, readableHue, StyledCard, Text, readableColor, AppShellContext, AIButton, StyledButton, calculateForegroundColor, calculateBackgroundAndContrastColor, isSolidColor, StyledSummaryListItem, StyledProgressBackdrop, Image, Icon, animations, useDirection } from '@pega/cosmos-react-core';
 import { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';
 import { headerHeight } from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.styles';
 import { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';
@@ -475,10 +475,62 @@ export const StyledTasks = styled.div(({ theme: { base: { spacing } } }) => {
     `;
 });
 StyledTasks.defaultProps = defaultThemeProp;
-export const StyledTabPanelWrapper = styled.div(({ theme: { components: { card: { 'border-radius': cardBorderRadius } } } }) => {
+export const StyledTabPanelWrapper = styled.div(({ theme: { base: { animation: { speed, timing } }, components: { card: { 'border-radius': cardBorderRadius } } } }) => {
+    const { start } = useDirection();
     return css `
-      ${StyledTabPanel} ${StyledProgressBackdrop} {
-        border-radius: ${cardBorderRadius};
+      ${StyledTabPanel} {
+        ${StyledProgressBackdrop} {
+          border-radius: ${cardBorderRadius};
+        }
+      }
+
+      /* Top-level horizontal tabs - slide in from top */
+      ${StyledTabs} ~ & {
+        position: relative;
+        z-index: 0;
+
+        > ${StyledTabPanel} {
+          --reveal-from: 0.7;
+          --slide-in-y-start-offset: -0.8rem;
+          animation-name: ${animations.reveal}, ${animations.slideInYStart};
+          animation-duration: max(calc(${speed} * 2), 1ms);
+          animation-timing-function: ${timing.ease};
+
+          @media (prefers-reduced-motion: reduce) {
+            animation-duration: 1ms;
+          }
+        }
+      }
+
+      /* Top-level vertical tabs - slide in from start*/
+      &:not(${StyledTabs} ~ &) > ${StyledTabPanel} {
+        ${start === 'right'
+        ? css `
+              --slide-in-x-end-offset: 1.5rem;
+              animation-name: ${animations.reveal}, ${animations.slideInXEnd};
+            `
+        : css `
+              --slide-in-x-start-offset: -1.5rem;
+              animation-name: ${animations.reveal}, ${animations.slideInXStart};
+            `}
+        animation-duration: max(calc(${speed} * 2), 1ms);
+        animation-timing-function: ${timing.ease};
+
+        @media (prefers-reduced-motion: reduce) {
+          animation-duration: 1ms;
+        }
+      }
+
+      /* Nested tab panels - always fade only */
+      ${StyledTabPanel} & ${StyledTabPanel} {
+        --reveal-from: 0.7;
+        animation-name: ${animations.reveal};
+        animation-duration: max(calc(${speed} * 2), 1ms);
+        animation-timing-function: ${timing.ease};
+
+        @media (prefers-reduced-motion: reduce) {
+          animation-duration: 1ms;
+        }
       }
     `;
 });
@@ -567,6 +619,14 @@ export const StyledWorkArea = styled.div(({ theme: { base: { palette: { 'border-
           }
         }
       `}
+
+      /* Ensure horizontal tabs stay above sliding tab content */
+      ${StyledTabs}[aria-orientation='horizontal'],
+      ${StyledAllTabsWrapper} {
+        position: relative;
+        z-index: 1;
+      }
+
       &:has(${StyledStages}) {
         ${StyledCard}${StyledAssignments},
         ${StyledCard}${StyledHierarchicalAssignments} {

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 } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\nimport { getContrast, hideVisually, meetsContrastGuidelines, rgba, transparentize } from 'polished';\nimport { useContext } from 'react';\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  FieldValueList,\n  StyledLink,\n  readableHue,\n  StyledCard,\n  Text,\n  readableColor,\n  AppShellContext,\n  AIButton,\n  StyledButton,\n  calculateForegroundColor,\n  calculateBackgroundAndContrastColor,\n  isSolidColor,\n  StyledSummaryListItem,\n  StyledProgressBackdrop,\n  Image,\n  Icon\n} from '@pega/cosmos-react-core';\nimport type { FontSize } from '@pega/cosmos-react-core';\nimport { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\nimport type { AppShellContextValue } from '@pega/cosmos-react-core/lib/components/AppShell/AppShellContext';\nimport { headerHeight } from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.styles';\nimport { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';\nimport {\n  StyledAllTabsWrapper,\n  StyledTabs,\n  StylesAllTabsButtonWrapper\n} from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.styles';\nimport {\n  resizeDrawerMinWidth,\n  resizeDrawerMaxWidth,\n  resizeDrawerDefaultWidth\n} from '@pega/cosmos-react-core/lib/styles/constants';\nimport { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';\nimport { StyledTab } from '@pega/cosmos-react-core/lib/components/Tabs/Tab';\nimport { StyledTabPanel } from '@pega/cosmos-react-core/lib/components/Tabs/TabPanel';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\n\nimport { StyledStage, StyledStageContainer, StyledStages } from '../Stages/Stages.styles';\nimport { StyledAssignments } from '../Assignments/Assignments.styles';\nimport { StyledAssignments as StyledHierarchicalAssignments } from '../HierarchicalAssignments/Assignments.styles';\nimport {\n  StyledGenAICoachContainer,\n  StyledInitialMessageContainer\n} from '../GenAICoach/GenAICoach.styles';\nimport { StyledTaskList } from '../Tasks/TaskList';\nimport { oneColumnDetailsColumnWidth } from '../Details/Details.styles';\n\nimport { useCaseViewContext } from './CaseView.context';\n\nconst labelWidth = '16ch';\nconst inlineEndButtonOffset = '0.375rem';\n\nexport const StyledSummaryPrimaryList = styled(FieldValueList)<{\n  wrapped?: boolean;\n}>(({ theme, wrapped }) => {\n  const fontSizes = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  const detached = theme.components['field-value-list'].inline.detached;\n\n  return css`\n    ${wrapped\n      ? css`\n          grid-template-columns: minmax(0, 1fr);\n        `\n      : css`\n          ${detached &&\n          css`\n            gap: calc(${theme.base.spacing});\n          `}\n          grid-template-columns: ${labelWidth} auto;\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      > ${StyledButtonLink} {\n        font-weight: inherit;\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 StyledCaseSummaryFields = styled.div(({ theme }) => {\n  const {\n    components: {\n      'field-value-list': {\n        inline: { detached }\n      }\n    }\n  } = theme;\n\n  return (\n    detached &&\n    css`\n      ${StyledSummaryPrimaryList} {\n        padding-block-start: calc(${theme.components.card.padding} * 2);\n        padding-inline: calc(${theme.components.card.padding} * 2);\n      }\n\n      ${StyledSummarySecondaryList} {\n        padding: calc(${theme.components.card.padding} * 2);\n      }\n    `\n  );\n});\n\nStyledCaseSummaryFields.defaultProps = defaultThemeProp;\n\nexport const StyledSummaryTabContent = styled(CardContent)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n  return css`\n    ${StyledSummarySecondaryList} {\n      > ${StyledStackedFieldValue} {\n        max-width: ${oneColumnDetailsColumnWidth};\n      }\n\n      > ${StyledFieldValue} {\n        max-width: calc(${oneColumnDetailsColumnWidth} - ${labelWidth} - 2 * ${spacing});\n      }\n    }\n  `;\n});\n\nStyledSummaryTabContent.defaultProps = defaultThemeProp;\n\nexport const StyledSummaryHeading = styled(Text)(({ theme }) => {\n  return css`\n    margin-block-end: ${theme.base.spacing};\n  `;\n});\n\nStyledSummaryHeading.defaultProps = defaultThemeProp;\n\nexport const StyledCaseViewImage = styled(Image)`\n  max-height: 100%;\n`;\n\nexport const StyledCaseHeader = styled.div(({ theme }) => {\n  const {\n    components: {\n      'case-view': {\n        header: { 'foreground-color': caseHeaderForegroundColor, background },\n        summary: { detached: summaryDetached },\n        utilities: { detached: utilitiesDetached }\n      }\n    },\n    base: { 'border-radius': borderRadius, spacing, shadow, 'z-index': zIndex, palette }\n  } = theme;\n  const foregroundColor = calculateForegroundColor(background, caseHeaderForegroundColor);\n  const { aboveSM, aboveMD, persistentUtility, aboveXL, summaryExpanded, isPreview } =\n    useCaseViewContext();\n  const shouldRenderMobileTabs = !aboveMD || (persistentUtility && !aboveXL) || !summaryExpanded;\n  const caseHeaderBorderRadius = shouldRenderMobileTabs\n    ? `0 0 ${utilitiesDetached ? borderRadius : 0} ${borderRadius}`\n    : `${borderRadius} ${borderRadius} 0 0`;\n\n  return css`\n    background: ${background};\n    color: ${foregroundColor};\n    padding: ${spacing} calc(2 * ${spacing});\n    position: relative;\n\n    ${summaryDetached &&\n    css`\n      border-bottom: 0.0625rem solid ${palette['border-line']};\n    `}\n    ${summaryDetached &&\n    !isPreview &&\n    aboveSM &&\n    css`\n      border-radius: ${caseHeaderBorderRadius};\n    `}\n    h1:focus-visible {\n      outline: transparent;\n      box-shadow: ${shadow.focus};\n    }\n\n    ${StyledMenu} {\n      color: ${palette['foreground-color']};\n      z-index: ${zIndex.popover + 1};\n    }\n  `;\n});\n\nStyledCaseHeader.defaultProps = defaultThemeProp;\n\nexport const StyledFollowIconWrap = styled.label`\n  font-size: 1.25rem;\n\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 StyledCaseHeaderPromotedAction = styled(Button)(({ theme }) => {\n  const {\n    base: {\n      palette: { interactive }\n    },\n    components: {\n      'case-view': {\n        header: { background, 'foreground-color': foregroundColor }\n      }\n    }\n  } = theme;\n\n  /* If foreground color is auto, we calculate the text color based on the background color. */\n  const textColor = calculateForegroundColor(background, foregroundColor);\n  const isGradientBackground = !isSolidColor(background);\n  const backgroundColor = isGradientBackground ? readableColor(textColor) : background;\n  const interactiveUsable = getContrast(backgroundColor, interactive) >= 4.5;\n  const color = !isGradientBackground && interactiveUsable ? interactive : textColor;\n\n  let hoverBackground = rgba(color, 0.15);\n  if (!isGradientBackground && interactiveUsable) {\n    hoverBackground = readableHue(interactive, color);\n  }\n  return css`\n    --button-background-color: ${backgroundColor};\n    color: ${color};\n    background-color: transparent;\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      &:active {\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 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    ${StyledButton}:not(${StyledCaseHeaderPromotedAction}) {\n      margin-inline-start: 0;\n    }\n\n    ${StyledCaseHeaderPromotedAction}:not(:has(+ ${StyledCaseHeaderPromotedAction})) {\n      margin-inline-end: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledHeaderActions.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHeaderText = styled.hgroup(({ theme }) => {\n  const {\n    components: {\n      'case-view': {\n        header: { 'foreground-color': foregroundColor, background: caseHeaderBackground }\n      }\n    }\n  } = theme;\n\n  /* If the foreground-color is auto, we calculate the text color and transparentColor based on the background color. */\n  const color = calculateForegroundColor(caseHeaderBackground, foregroundColor);\n\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  const idStyle = css`\n    color: ${color};\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      max-width: 100%;\n\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 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    ${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:\n            inset 0 0 0 0.0625rem ${light},\n            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: { interactive }\n    },\n    components: {\n      'case-view': {\n        header: { 'foreground-color': foregroundColor, background }\n      }\n    }\n  } = theme;\n\n  /* If the foreground-color is auto, we calculate the text color and transparentColor based on the background color. */\n  const color = calculateForegroundColor(background, foregroundColor);\n  const { backgroundColor } = calculateBackgroundAndContrastColor(background, foregroundColor);\n  const interactiveUsable = meetsContrastGuidelines(backgroundColor, interactive).AA;\n\n  return css`\n    max-width: 100%;\n    min-width: 0;\n\n    > ${StyledStackedFieldValue} {\n      > ${StyledLabel} {\n        color: ${color};\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?: boolean;\n  truncate?: boolean;\n  theme: DefaultTheme;\n}>(({ bold, truncate, theme }) => {\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    ${bold &&\n    css`\n      font-weight: ${h1Weight};\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\nStyledHeaderSummaryValue.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummaryInfo = styled.div(\n  ({\n    theme: {\n      base: { 'border-radius': borderRadius },\n      components: {\n        tabs: { detached: tabsDetached },\n        card: { background }\n      }\n    }\n  }) => {\n    const { intelligentGuidance } = useCaseViewContext();\n\n    return css`\n      overflow: auto;\n      flex: 1;\n      ${tabsDetached &&\n      css`\n        background: ${background};\n        border-radius: ${borderRadius};\n        border-start-start-radius: 0;\n        border-start-end-radius: 0;\n      `}\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);\n\nStyledCaseSummaryInfo.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummaryContainer = styled.div(({ theme }) => {\n  const {\n    components: {\n      'field-value-list': {\n        inline: { detached }\n      },\n      card: { background }\n    }\n  } = theme;\n  return css`\n    padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);\n\n    ${detached &&\n    css`\n      padding: 0;\n      background: ${background};\n    `}\n  `;\n});\n\nStyledCaseSummaryContainer.defaultProps = defaultThemeProp;\n\nexport const StyledExpandCollapseButton = styled(Button)(() => {\n  return css`\n    border: none;\n\n    ${StyledIcon} {\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n  `;\n});\n\nStyledExpandCollapseButton.defaultProps = defaultThemeProp;\n\nexport const StyledExpandCollapseSummaryButton = styled(StyledExpandCollapseButton)(({ theme }) => {\n  const { summaryExpanded } = useCaseViewContext();\n\n  return css`\n    --half-compact-btn-height: calc(${theme.base['hit-area'].compact} / 2);\n    --half-btn-compact-difference: calc(\n      (${theme.base['hit-area'].mouse} - ${theme.base['hit-area'].compact}) / 2\n    );\n    --half-case-icon-compact-difference: calc(\n      ((4 * ${theme.base.spacing}) - ${theme.base['hit-area'].compact}) / 2\n    );\n    @media (pointer: coarse) {\n      --half-btn-compact-difference: calc(\n        (${theme.base['hit-area'].finger} - ${theme.base['hit-area'].compact}) / 2\n      );\n    }\n    position: absolute;\n    z-index: 1;\n    box-shadow: ${theme.base.shadow.low};\n\n    ${summaryExpanded\n      ? css`\n          inset-block-start: calc(2 * ${theme.base.spacing} + var(--half-btn-compact-difference));\n          inset-inline-start: calc(100% - var(--half-compact-btn-height));\n        `\n      : css`\n          inset-block-end: calc(var(--half-compact-btn-height) * -1);\n          inset-inline-start: calc(\n            2 * ${theme.base.spacing} + var(--half-case-icon-compact-difference)\n          );\n        `}\n  `;\n});\n\nStyledExpandCollapseSummaryButton.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummary = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'border-line': borderLine },\n        'border-radius': borderRadius,\n        'hit-area': { 'mouse-min': mouseMin, 'finger-min': fingerMin }\n      },\n      components: {\n        'case-view': {\n          summary: { detached }\n        },\n        card: { background: cardBackground },\n        tabs: { detached: tabsDetached }\n      }\n    }\n  }) => {\n    const { summaryExpanded, aboveMD } = useCaseViewContext();\n\n    return css`\n      background: ${cardBackground};\n      position: relative;\n      height: 100%;\n      ${aboveMD &&\n      summaryExpanded &&\n      css`\n        width: 25rem;\n      `}\n\n      ${detached &&\n      css`\n        border-radius: ${borderRadius};\n        --border-radius: calc(${borderRadius} * 0.5);\n      `}\n\n      ${tabsDetached &&\n      css`\n        & ${StyledTabs} {\n          &[aria-orientation='vertical'] {\n            padding-top: calc(1.5 * ${spacing});\n            border-block-start: 0.0625rem solid ${borderLine};\n\n            & ${StyledTab} {\n              height: ${mouseMin};\n\n              @media (pointer: coarse) {\n                height: ${fingerMin};\n              }\n            }\n          }\n        }\n      `}\n    `;\n  }\n);\n\nStyledCaseSummary.defaultProps = defaultThemeProp;\n\nexport const StyledTasks = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      &:not(:has(${StyledCard})) {\n        /* Add negative top margin to compensate extra row-gap due to empty Tasks container */\n        margin-block-start: calc(-2 * ${spacing});\n      }\n    `;\n  }\n);\nStyledTasks.defaultProps = defaultThemeProp;\n\nexport const StyledTabPanelWrapper = styled.div(\n  ({\n    theme: {\n      components: {\n        card: { 'border-radius': cardBorderRadius }\n      }\n    }\n  }) => {\n    return css`\n      ${StyledTabPanel} ${StyledProgressBackdrop} {\n        border-radius: ${cardBorderRadius};\n      }\n    `;\n  }\n);\n\nStyledTabPanelWrapper.defaultProps = defaultThemeProp;\n\n// This component defintion was primarily required to conditionally hide empty div and avoid unnecessary row gap in work area.\nexport const StyledBannersStagesTasksContainer = styled.div(() => {\n  return css`\n    &:has(> ${StyledTasks}:only-child > :only-child:empty[data-flow]) {\n      display: none;\n    }\n  `;\n});\n\nexport const StyledWorkArea = styled.div(\n  ({\n    theme: {\n      base: {\n        palette: { 'border-line': borderLine },\n        spacing,\n        'border-radius': borderRadius,\n        breakpoints\n      },\n      components: {\n        'case-view': {\n          assignments: {\n            detached: assignmentDetached,\n            background: assignmentBackground,\n            'foreground-color': assignmentForegroundColor\n          }\n        },\n        tabs: { detached: tabsDetached },\n        card: { background, 'foreground-color': foregroundColor, 'border-radius': cardBorderRadius }\n      }\n    }\n  }) => {\n    const { backgroundColor } = calculateBackgroundAndContrastColor(background, foregroundColor);\n    const foregroundColorForAssignment = calculateForegroundColor(\n      assignmentBackground,\n      assignmentForegroundColor\n    );\n    const { summaryExpanded, aboveMD, intelligentGuidance, isPreview } = 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 * ${spacing});\n      @media (width < ${breakpoints.sm}) {\n        padding: calc(2 * ${spacing}) calc(0.75 * ${spacing});\n      }\n\n      /* Prevents unnecessary gap when case view has neither stages nor assignments */\n      &:has(> ${StyledBannersStagesTasksContainer} > ${StyledTasks}:first-child:empty) {\n        ${StyledBannersStagesTasksContainer} {\n          display: none;\n        }\n      }\n\n      ${aboveMD &&\n      css`\n        padding: calc(2 * ${spacing}) 0;\n\n        /* This is required to make scrollStick work. */\n        ${!isPreview &&\n        css`\n          height: max-content;\n        `}\n\n        ${!summaryExpanded &&\n        css`\n          margin-inline-start: calc(2 * ${spacing});\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      &:has(${StyledAssignments}),\n      &:has(${StyledHierarchicalAssignments}) {\n        ${StyledStages} {\n          border-block-end: 0.0625rem solid ${borderLine};\n\n          &,\n          ${StyledStageContainer}:first-of-type > ${StyledStage} {\n            border-end-start-radius: 0;\n          }\n\n          &,\n          ${StyledStageContainer}:last-of-type > ${StyledStage} {\n            border-end-end-radius: 0;\n          }\n        }\n      }\n\n      ${tabsDetached &&\n      css`\n        ${StyledAllTabsWrapper} {\n          border-start-start-radius: ${cardBorderRadius};\n          border-start-end-radius: ${cardBorderRadius};\n\n          ${StyledTabs} {\n            border-radius: unset;\n            border-start-end-radius: inherit;\n          }\n\n          ${StylesAllTabsButtonWrapper}, ${StyledMenuButton} {\n            border-start-start-radius: inherit;\n          }\n        }\n      `}\n      &:has(${StyledStages}) {\n        ${StyledCard}${StyledAssignments},\n        ${StyledCard}${StyledHierarchicalAssignments} {\n          margin-block-start: calc(-2 * ${spacing});\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        &:has(${StyledCard}${StyledAssignments} > ${StyledCardHeader}),\n        &:has(${StyledCard}${StyledHierarchicalAssignments} > ${StyledCardHeader}) {\n          ${StyledCard}${StyledAssignments},\n          ${StyledCard}${StyledHierarchicalAssignments} {\n            background: ${assignmentBackground};\n            color: ${foregroundColorForAssignment};\n            ${assignmentDetached &&\n            css`\n              ${StyledTaskList} {\n                background-color: ${backgroundColor};\n                border: solid 0.0625rem ${borderLine};\n                border-radius: var(--border-radius, ${borderRadius});\n\n                ${StyledSummaryListItem} {\n                  padding: calc(${spacing} / 2) ${spacing};\n                }\n              }\n            `}\n          }\n        }\n      }\n    `;\n  }\n);\n\nStyledWorkArea.defaultProps = defaultThemeProp;\n\nexport const StyledUtilitiesHeading = styled(Text)``;\n\nexport const StyledExpandCollapseUtilitiesButton = styled(StyledExpandCollapseButton)(() => {\n  const { utilitiesExpanded } = useCaseViewContext();\n\n  return css`\n    /* Centers button over the utilities summary */\n    margin-inline-end: ${utilitiesExpanded && '0.625rem'};\n  `;\n});\n\nStyledExpandCollapseUtilitiesButton.defaultProps = defaultThemeProp;\n\nconst genAICoachReservedSpace = '4rem';\n\nexport const StyledUtilities = styled.div(({ theme }) => {\n  const { utilitiesExpanded, aboveLG, aboveMD, hasGenAICoach } = useCaseViewContext();\n\n  return css`\n    height: max-content;\n    margin-block: calc(2 * ${theme.base.spacing});\n\n    ${StyledCardContent} ${StyledProgressBackdrop} {\n      border-radius: ${theme.components.card['border-radius']};\n    }\n\n    /* If utilities are in an expanded drawer. */\n\n    ${utilitiesExpanded &&\n    aboveMD &&\n    !aboveLG &&\n    css`\n      /* Maintains the column width to avoid page content shift. */\n      visibility: hidden;\n    `}\n    ${aboveLG &&\n    utilitiesExpanded &&\n    css`\n      width: 25rem;\n    `}\n      /* Selects the h2 in the utilities column, not the drawer. */\n    ${StyledUtilitiesHeading} {\n      /* Hide the utilities h2 under certain conditions.*/\n      ${((aboveMD && !utilitiesExpanded) || (aboveMD && utilitiesExpanded && !aboveLG)) &&\n      hideVisually()}\n    }\n\n    /* Reserve space below so the docked GenAI coach doesn't overlap utility items. */\n    ${hasGenAICoach &&\n    css`\n      margin-block-end: ${genAICoachReservedSpace};\n    `}\n  `;\n});\n\nStyledUtilities.defaultProps = defaultThemeProp;\n\nexport const StyledSummary = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        breakpoints,\n        'z-index': zIndex,\n        palette: { 'app-background': appBackground }\n      },\n      components: {\n        'app-shell': {\n          nav: { background: navBackground }\n        },\n        'case-view': {\n          summary: { detached: summaryDetached },\n          utilities: { detached: utilitiesDetached }\n        }\n      }\n    }\n  }) => {\n    const { aboveSM, aboveMD, persistentUtility, aboveXL, summaryExpanded, isPreview } =\n      useCaseViewContext();\n    const shouldRenderMobileTabs = !aboveMD || (persistentUtility && !aboveXL) || !summaryExpanded;\n    const inlineStartPadding =\n      navBackground === appBackground ? `${spacing}` : `calc(${spacing} * 2)`;\n\n    return css`\n      top: ${summaryExpanded\n        ? 'var(--top-offset)'\n        : 'var(--appshell-sticky-offset, var(--appshell-offset, 0))'};\n      width: 100%;\n      z-index: ${zIndex.popover};\n\n      ${aboveMD &&\n      summaryExpanded &&\n      css`\n        height: var(--case-view-height);\n      `}\n\n      ${summaryDetached &&\n      aboveSM &&\n      css`\n        padding-inline-start: ${inlineStartPadding};\n        padding-inline-end: ${utilitiesDetached && shouldRenderMobileTabs\n          ? `calc(2 * ${spacing})`\n          : 0};\n        padding-block: ${shouldRenderMobileTabs ? 0 : `calc(2 * ${spacing})`};\n      `}\n\n      ${isPreview &&\n      css`\n        padding: 0;\n      `}\n\n      ${aboveMD\n        ? css`\n            position: sticky;\n          `\n        : css`\n            @media (min-height: ${breakpoints.sm}) {\n              position: sticky;\n            }\n          `}\n    `;\n  }\n);\n\nStyledSummary.defaultProps = defaultThemeProp;\n\nexport const StyledCaseDrawer = styled.div<{\n  previewActive?: AppShellContextValue['previewActive'];\n  utilitiesExpanded?: boolean;\n}>(({ previewActive, utilitiesExpanded, theme }) => {\n  return css`\n    --utilities-drawer-width: var(--resize-drawer-width);\n    --utilities-drawer-min-width: ${resizeDrawerMinWidth};\n    min-width: var(--utilities-drawer-min-width);\n    max-width: ${resizeDrawerMaxWidth};\n    width: var(--utilities-drawer-width);\n    background-color: ${theme.base.palette['primary-background']};\n    /* stylelint-disable-next-line unit-allowed-list */\n    height: calc(100dvh - ${headerHeight});\n    inset-block-start: ${headerHeight};\n    z-index: ${theme.base['z-index'].drawer - 1};\n\n    ${previewActive &&\n    css`\n      @media (min-width: ${theme.base.breakpoints.xl}) {\n        inset-inline-end: ${resizeDrawerDefaultWidth};\n        ${utilitiesExpanded &&\n        css`\n          inset-inline-end: var(--resize-drawer-width);\n          width: var(--utilities-drawer-min-width);\n        `}\n      }\n    `}\n    ${StyledGenAICoachContainer} {\n      width: calc(var(--utilities-drawer-width) - 2rem);\n    }\n  `;\n});\n\nStyledCaseDrawer.defaultProps = defaultThemeProp;\n\nexport const StyledCaseDrawerContent = styled.div(\n  ({\n    theme: {\n      base: {\n        palette: { 'app-background': appBackground },\n        spacing\n      }\n    }\n  }) => {\n    const { hasGenAICoach } = useCaseViewContext();\n\n    return css`\n      background: ${appBackground};\n      padding: calc(2 * ${spacing});\n      height: 100%;\n      overflow: auto;\n\n      /* Reserve scroll space so the docked GenAI coach doesn't overlap utility items. */\n      ${hasGenAICoach &&\n      css`\n        padding-block-end: ${genAICoachReservedSpace};\n      `}\n    `;\n  }\n);\n\nStyledCaseDrawerContent.defaultProps = defaultThemeProp;\n\nexport const StyledPersistentUtility = styled.div<{ persistentUtilityExpanded?: boolean }>(\n  ({ theme, persistentUtilityExpanded }) => {\n    return css`\n      width: ${persistentUtilityExpanded ? '100%' : theme.base['content-width'].md};\n      overflow: auto;\n      position: sticky;\n      z-index: 1;\n      height: var(--case-view-height);\n      inset-block-start: var(--top-offset);\n      inset-block-end: var(--bottom-offset);\n      padding-block: calc(2 * ${theme.base.spacing});\n    `;\n  }\n);\n\nStyledPersistentUtility.defaultProps = defaultThemeProp;\n\nexport const StyledPersistentContainer = styled.div(({ theme }) => {\n  return css`\n    height: 100%;\n\n    &&& ${StyledCardHeader} {\n      padding-inline-start: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledPersistentContainer.defaultProps = defaultThemeProp;\n\nexport const StyledPersistentContent = styled.div(({ theme }) => {\n  return css`\n    height: calc(100% - calc(4 * ${theme.base.spacing}));\n  `;\n});\n\nStyledPersistentContent.defaultProps = defaultThemeProp;\n\nexport const ScrollStick = styled.div`\n  position: sticky;\n  top: 0;\n`;\n\nexport const StyledCaseView = styled.div(\n  ({\n    theme: {\n      base: {\n        palette: { 'app-background': appBackground },\n        spacing,\n        'border-radius': borderRadius\n      },\n      components: {\n        'case-view': {\n          utilities: {\n            detached: utilitiesDetached,\n            background: utilitiesBackground,\n            'foreground-color': utilitiesForegroundColor\n          },\n          summary: { detached: summaryDetached }\n        }\n      }\n    }\n  }) => {\n    const utilitiesForegroundComputed = calculateForegroundColor(\n      utilitiesBackground,\n      utilitiesForegroundColor\n    );\n    const { aboveSM, aboveMD, isPreview } = useCaseViewContext();\n\n    return css`\n      --top-offset: calc(\n        var(--appshell-sticky-offset, var(--appshell-offset, 0rem)) + var(--summary-height)\n      );\n      /* stylelint-disable-next-line length-zero-no-unit */\n      --bottom-offset: var(--appshell-bottom-offset, 0rem);\n      /* stylelint-disable-next-line unit-allowed-list */\n      --case-view-height: calc(100dvh - var(--top-offset) - var(--bottom-offset));\n      position: relative;\n      min-height: var(--case-view-height);\n      background: ${appBackground};\n\n      ${aboveMD &&\n      css`\n        ${StyledUtilities}:last-child {\n          margin-inline-end: calc(2 * ${spacing});\n          color: ${utilitiesForegroundComputed};\n\n          ${!utilitiesDetached &&\n          css`\n            background: ${utilitiesBackground};\n            margin-inline-end: 0;\n            padding: calc(2 * ${spacing});\n            padding-inline-end: 0;\n            border-start-start-radius: ${borderRadius};\n            border-end-start-radius: ${borderRadius};\n            border-start-end-radius: 0;\n            border-end-end-radius: 0;\n\n            ${StyledCard},\n            ${StyledGenAICoachContainer} {\n              border-start-end-radius: 0;\n              border-end-end-radius: 0;\n            }\n\n            ${StyledGenAICoachContainer} {\n              inset-inline-end: 0;\n            }\n          `}\n        }\n      `}\n\n      ${aboveSM &&\n      summaryDetached &&\n      !isPreview &&\n      css`\n        &:not(:has(${StyledUtilities})) {\n          ${StyledSummary} {\n            padding-inline-end: calc(2 * ${spacing});\n          }\n\n          ${StyledCaseHeader} {\n            border-end-end-radius: ${borderRadius};\n          }\n        }\n      `}\n\n      ${!aboveMD &&\n      css`\n        ${StyledGenAICoachContainer} {\n          height: 42.5rem;\n\n          ${StyledInitialMessageContainer} {\n            justify-content: center;\n          }\n        }\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\nexport const StyledCoachButton = styled(AIButton)(({\n  theme: {\n    base: { spacing, breakpoints }\n  }\n}) => {\n  const { previewActive } = useContext(AppShellContext);\n\n  return css`\n    position: fixed;\n    width: 2.75rem;\n    height: 2.75rem;\n    inset-block-end: calc(2 * ${spacing});\n    inset-inline-end: calc(2 * ${spacing});\n    ${previewActive &&\n    css`\n      @media (min-width: ${breakpoints.xl}) {\n        margin-inline-end: min(var(--resize-drawer-width), ${resizeDrawerMaxWidth});\n      }\n    `}\n  `;\n});\n\nStyledCoachButton.defaultProps = defaultThemeProp;\n\nexport const StyledUtilitiesWrapper = styled.div``;\n\nexport const StyledCaseViewIcon = styled(Icon)(({ theme }) => {\n  return css`\n    --brand-accent: ${theme.base.palette['brand-accent']};\n    --gradient-start: oklch(from var(--brand-accent) calc(l - 0.3) calc(c * 1.5) h);\n    --gradient-mid: oklch(from var(--brand-accent) l c h);\n    --gradient-end: oklch(from var(--brand-accent) calc(l + 0.5) calc(c * 1.5) h);\n    ${theme.components['case-view'].icon.color !== 'auto'\n      ? css`\n          color: ${theme.components['case-view'].icon.color};\n        `\n      : null}\n\n    ${theme.components['case-view'].icon.background !== 'auto'\n      ? css`\n          background: ${theme.components['case-view'].icon.background};\n        `\n      : null}\n\n    ${theme.components['case-view'].icon['box-shadow'] !== 'auto'\n      ? css`\n          box-shadow: ${theme.components['case-view'].icon['box-shadow']};\n        `\n      : null}\n  `;\n});\n\nStyledCaseViewIcon.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 } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\nimport { getContrast, hideVisually, meetsContrastGuidelines, rgba, transparentize } from 'polished';\nimport { useContext } from 'react';\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  FieldValueList,\n  StyledLink,\n  readableHue,\n  StyledCard,\n  Text,\n  readableColor,\n  AppShellContext,\n  AIButton,\n  StyledButton,\n  calculateForegroundColor,\n  calculateBackgroundAndContrastColor,\n  isSolidColor,\n  StyledSummaryListItem,\n  StyledProgressBackdrop,\n  Image,\n  Icon,\n  animations,\n  useDirection\n} from '@pega/cosmos-react-core';\nimport type { FontSize } from '@pega/cosmos-react-core';\nimport { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\nimport type { AppShellContextValue } from '@pega/cosmos-react-core/lib/components/AppShell/AppShellContext';\nimport { headerHeight } from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.styles';\nimport { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';\nimport {\n  StyledAllTabsWrapper,\n  StyledTabs,\n  StylesAllTabsButtonWrapper\n} from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.styles';\nimport {\n  resizeDrawerMinWidth,\n  resizeDrawerMaxWidth,\n  resizeDrawerDefaultWidth\n} from '@pega/cosmos-react-core/lib/styles/constants';\nimport { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';\nimport { StyledTab } from '@pega/cosmos-react-core/lib/components/Tabs/Tab';\nimport { StyledTabPanel } from '@pega/cosmos-react-core/lib/components/Tabs/TabPanel';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\n\nimport { StyledStage, StyledStageContainer, StyledStages } from '../Stages/Stages.styles';\nimport { StyledAssignments } from '../Assignments/Assignments.styles';\nimport { StyledAssignments as StyledHierarchicalAssignments } from '../HierarchicalAssignments/Assignments.styles';\nimport {\n  StyledGenAICoachContainer,\n  StyledInitialMessageContainer\n} from '../GenAICoach/GenAICoach.styles';\nimport { StyledTaskList } from '../Tasks/TaskList';\nimport { oneColumnDetailsColumnWidth } from '../Details/Details.styles';\n\nimport { useCaseViewContext } from './CaseView.context';\n\nconst labelWidth = '16ch';\nconst inlineEndButtonOffset = '0.375rem';\n\nexport const StyledSummaryPrimaryList = styled(FieldValueList)<{\n  wrapped?: boolean;\n}>(({ theme, wrapped }) => {\n  const fontSizes = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  const detached = theme.components['field-value-list'].inline.detached;\n\n  return css`\n    ${wrapped\n      ? css`\n          grid-template-columns: minmax(0, 1fr);\n        `\n      : css`\n          ${detached &&\n          css`\n            gap: calc(${theme.base.spacing});\n          `}\n          grid-template-columns: ${labelWidth} auto;\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      > ${StyledButtonLink} {\n        font-weight: inherit;\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 StyledCaseSummaryFields = styled.div(({ theme }) => {\n  const {\n    components: {\n      'field-value-list': {\n        inline: { detached }\n      }\n    }\n  } = theme;\n\n  return (\n    detached &&\n    css`\n      ${StyledSummaryPrimaryList} {\n        padding-block-start: calc(${theme.components.card.padding} * 2);\n        padding-inline: calc(${theme.components.card.padding} * 2);\n      }\n\n      ${StyledSummarySecondaryList} {\n        padding: calc(${theme.components.card.padding} * 2);\n      }\n    `\n  );\n});\n\nStyledCaseSummaryFields.defaultProps = defaultThemeProp;\n\nexport const StyledSummaryTabContent = styled(CardContent)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n  return css`\n    ${StyledSummarySecondaryList} {\n      > ${StyledStackedFieldValue} {\n        max-width: ${oneColumnDetailsColumnWidth};\n      }\n\n      > ${StyledFieldValue} {\n        max-width: calc(${oneColumnDetailsColumnWidth} - ${labelWidth} - 2 * ${spacing});\n      }\n    }\n  `;\n});\n\nStyledSummaryTabContent.defaultProps = defaultThemeProp;\n\nexport const StyledSummaryHeading = styled(Text)(({ theme }) => {\n  return css`\n    margin-block-end: ${theme.base.spacing};\n  `;\n});\n\nStyledSummaryHeading.defaultProps = defaultThemeProp;\n\nexport const StyledCaseViewImage = styled(Image)`\n  max-height: 100%;\n`;\n\nexport const StyledCaseHeader = styled.div(({ theme }) => {\n  const {\n    components: {\n      'case-view': {\n        header: { 'foreground-color': caseHeaderForegroundColor, background },\n        summary: { detached: summaryDetached },\n        utilities: { detached: utilitiesDetached }\n      }\n    },\n    base: { 'border-radius': borderRadius, spacing, shadow, 'z-index': zIndex, palette }\n  } = theme;\n  const foregroundColor = calculateForegroundColor(background, caseHeaderForegroundColor);\n  const { aboveSM, aboveMD, persistentUtility, aboveXL, summaryExpanded, isPreview } =\n    useCaseViewContext();\n  const shouldRenderMobileTabs = !aboveMD || (persistentUtility && !aboveXL) || !summaryExpanded;\n  const caseHeaderBorderRadius = shouldRenderMobileTabs\n    ? `0 0 ${utilitiesDetached ? borderRadius : 0} ${borderRadius}`\n    : `${borderRadius} ${borderRadius} 0 0`;\n\n  return css`\n    background: ${background};\n    color: ${foregroundColor};\n    padding: ${spacing} calc(2 * ${spacing});\n    position: relative;\n\n    ${summaryDetached &&\n    css`\n      border-bottom: 0.0625rem solid ${palette['border-line']};\n    `}\n    ${summaryDetached &&\n    !isPreview &&\n    aboveSM &&\n    css`\n      border-radius: ${caseHeaderBorderRadius};\n    `}\n    h1:focus-visible {\n      outline: transparent;\n      box-shadow: ${shadow.focus};\n    }\n\n    ${StyledMenu} {\n      color: ${palette['foreground-color']};\n      z-index: ${zIndex.popover + 1};\n    }\n  `;\n});\n\nStyledCaseHeader.defaultProps = defaultThemeProp;\n\nexport const StyledFollowIconWrap = styled.label`\n  font-size: 1.25rem;\n\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 StyledCaseHeaderPromotedAction = styled(Button)(({ theme }) => {\n  const {\n    base: {\n      palette: { interactive }\n    },\n    components: {\n      'case-view': {\n        header: { background, 'foreground-color': foregroundColor }\n      }\n    }\n  } = theme;\n\n  /* If foreground color is auto, we calculate the text color based on the background color. */\n  const textColor = calculateForegroundColor(background, foregroundColor);\n  const isGradientBackground = !isSolidColor(background);\n  const backgroundColor = isGradientBackground ? readableColor(textColor) : background;\n  const interactiveUsable = getContrast(backgroundColor, interactive) >= 4.5;\n  const color = !isGradientBackground && interactiveUsable ? interactive : textColor;\n\n  let hoverBackground = rgba(color, 0.15);\n  if (!isGradientBackground && interactiveUsable) {\n    hoverBackground = readableHue(interactive, color);\n  }\n  return css`\n    --button-background-color: ${backgroundColor};\n    color: ${color};\n    background-color: transparent;\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      &:active {\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 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    ${StyledButton}:not(${StyledCaseHeaderPromotedAction}) {\n      margin-inline-start: 0;\n    }\n\n    ${StyledCaseHeaderPromotedAction}:not(:has(+ ${StyledCaseHeaderPromotedAction})) {\n      margin-inline-end: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledHeaderActions.defaultProps = defaultThemeProp;\n\nexport const StyledCaseHeaderText = styled.hgroup(({ theme }) => {\n  const {\n    components: {\n      'case-view': {\n        header: { 'foreground-color': foregroundColor, background: caseHeaderBackground }\n      }\n    }\n  } = theme;\n\n  /* If the foreground-color is auto, we calculate the text color and transparentColor based on the background color. */\n  const color = calculateForegroundColor(caseHeaderBackground, foregroundColor);\n\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  const idStyle = css`\n    color: ${color};\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      max-width: 100%;\n\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 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    ${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:\n            inset 0 0 0 0.0625rem ${light},\n            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: { interactive }\n    },\n    components: {\n      'case-view': {\n        header: { 'foreground-color': foregroundColor, background }\n      }\n    }\n  } = theme;\n\n  /* If the foreground-color is auto, we calculate the text color and transparentColor based on the background color. */\n  const color = calculateForegroundColor(background, foregroundColor);\n  const { backgroundColor } = calculateBackgroundAndContrastColor(background, foregroundColor);\n  const interactiveUsable = meetsContrastGuidelines(backgroundColor, interactive).AA;\n\n  return css`\n    max-width: 100%;\n    min-width: 0;\n\n    > ${StyledStackedFieldValue} {\n      > ${StyledLabel} {\n        color: ${color};\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?: boolean;\n  truncate?: boolean;\n  theme: DefaultTheme;\n}>(({ bold, truncate, theme }) => {\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    ${bold &&\n    css`\n      font-weight: ${h1Weight};\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\nStyledHeaderSummaryValue.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummaryInfo = styled.div(\n  ({\n    theme: {\n      base: { 'border-radius': borderRadius },\n      components: {\n        tabs: { detached: tabsDetached },\n        card: { background }\n      }\n    }\n  }) => {\n    const { intelligentGuidance } = useCaseViewContext();\n\n    return css`\n      overflow: auto;\n      flex: 1;\n      ${tabsDetached &&\n      css`\n        background: ${background};\n        border-radius: ${borderRadius};\n        border-start-start-radius: 0;\n        border-start-end-radius: 0;\n      `}\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);\n\nStyledCaseSummaryInfo.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummaryContainer = styled.div(({ theme }) => {\n  const {\n    components: {\n      'field-value-list': {\n        inline: { detached }\n      },\n      card: { background }\n    }\n  } = theme;\n  return css`\n    padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);\n\n    ${detached &&\n    css`\n      padding: 0;\n      background: ${background};\n    `}\n  `;\n});\n\nStyledCaseSummaryContainer.defaultProps = defaultThemeProp;\n\nexport const StyledExpandCollapseButton = styled(Button)(() => {\n  return css`\n    border: none;\n\n    ${StyledIcon} {\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n  `;\n});\n\nStyledExpandCollapseButton.defaultProps = defaultThemeProp;\n\nexport const StyledExpandCollapseSummaryButton = styled(StyledExpandCollapseButton)(({ theme }) => {\n  const { summaryExpanded } = useCaseViewContext();\n\n  return css`\n    --half-compact-btn-height: calc(${theme.base['hit-area'].compact} / 2);\n    --half-btn-compact-difference: calc(\n      (${theme.base['hit-area'].mouse} - ${theme.base['hit-area'].compact}) / 2\n    );\n    --half-case-icon-compact-difference: calc(\n      ((4 * ${theme.base.spacing}) - ${theme.base['hit-area'].compact}) / 2\n    );\n    @media (pointer: coarse) {\n      --half-btn-compact-difference: calc(\n        (${theme.base['hit-area'].finger} - ${theme.base['hit-area'].compact}) / 2\n      );\n    }\n    position: absolute;\n    z-index: 1;\n    box-shadow: ${theme.base.shadow.low};\n\n    ${summaryExpanded\n      ? css`\n          inset-block-start: calc(2 * ${theme.base.spacing} + var(--half-btn-compact-difference));\n          inset-inline-start: calc(100% - var(--half-compact-btn-height));\n        `\n      : css`\n          inset-block-end: calc(var(--half-compact-btn-height) * -1);\n          inset-inline-start: calc(\n            2 * ${theme.base.spacing} + var(--half-case-icon-compact-difference)\n          );\n        `}\n  `;\n});\n\nStyledExpandCollapseSummaryButton.defaultProps = defaultThemeProp;\n\nexport const StyledCaseSummary = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'border-line': borderLine },\n        'border-radius': borderRadius,\n        'hit-area': { 'mouse-min': mouseMin, 'finger-min': fingerMin }\n      },\n      components: {\n        'case-view': {\n          summary: { detached }\n        },\n        card: { background: cardBackground },\n        tabs: { detached: tabsDetached }\n      }\n    }\n  }) => {\n    const { summaryExpanded, aboveMD } = useCaseViewContext();\n\n    return css`\n      background: ${cardBackground};\n      position: relative;\n      height: 100%;\n      ${aboveMD &&\n      summaryExpanded &&\n      css`\n        width: 25rem;\n      `}\n\n      ${detached &&\n      css`\n        border-radius: ${borderRadius};\n        --border-radius: calc(${borderRadius} * 0.5);\n      `}\n\n      ${tabsDetached &&\n      css`\n        & ${StyledTabs} {\n          &[aria-orientation='vertical'] {\n            padding-top: calc(1.5 * ${spacing});\n            border-block-start: 0.0625rem solid ${borderLine};\n\n            & ${StyledTab} {\n              height: ${mouseMin};\n\n              @media (pointer: coarse) {\n                height: ${fingerMin};\n              }\n            }\n          }\n        }\n      `}\n    `;\n  }\n);\n\nStyledCaseSummary.defaultProps = defaultThemeProp;\n\nexport const StyledTasks = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      &:not(:has(${StyledCard})) {\n        /* Add negative top margin to compensate extra row-gap due to empty Tasks container */\n        margin-block-start: calc(-2 * ${spacing});\n      }\n    `;\n  }\n);\nStyledTasks.defaultProps = defaultThemeProp;\n\nexport const StyledTabPanelWrapper = styled.div(\n  ({\n    theme: {\n      base: {\n        animation: { speed, timing }\n      },\n      components: {\n        card: { 'border-radius': cardBorderRadius }\n      }\n    }\n  }) => {\n    const { start } = useDirection();\n\n    return css`\n      ${StyledTabPanel} {\n        ${StyledProgressBackdrop} {\n          border-radius: ${cardBorderRadius};\n        }\n      }\n\n      /* Top-level horizontal tabs - slide in from top */\n      ${StyledTabs} ~ & {\n        position: relative;\n        z-index: 0;\n\n        > ${StyledTabPanel} {\n          --reveal-from: 0.7;\n          --slide-in-y-start-offset: -0.8rem;\n          animation-name: ${animations.reveal}, ${animations.slideInYStart};\n          animation-duration: max(calc(${speed} * 2), 1ms);\n          animation-timing-function: ${timing.ease};\n\n          @media (prefers-reduced-motion: reduce) {\n            animation-duration: 1ms;\n          }\n        }\n      }\n\n      /* Top-level vertical tabs - slide in from start*/\n      &:not(${StyledTabs} ~ &) > ${StyledTabPanel} {\n        ${start === 'right'\n          ? css`\n              --slide-in-x-end-offset: 1.5rem;\n              animation-name: ${animations.reveal}, ${animations.slideInXEnd};\n            `\n          : css`\n              --slide-in-x-start-offset: -1.5rem;\n              animation-name: ${animations.reveal}, ${animations.slideInXStart};\n            `}\n        animation-duration: max(calc(${speed} * 2), 1ms);\n        animation-timing-function: ${timing.ease};\n\n        @media (prefers-reduced-motion: reduce) {\n          animation-duration: 1ms;\n        }\n      }\n\n      /* Nested tab panels - always fade only */\n      ${StyledTabPanel} & ${StyledTabPanel} {\n        --reveal-from: 0.7;\n        animation-name: ${animations.reveal};\n        animation-duration: max(calc(${speed} * 2), 1ms);\n        animation-timing-function: ${timing.ease};\n\n        @media (prefers-reduced-motion: reduce) {\n          animation-duration: 1ms;\n        }\n      }\n    `;\n  }\n);\n\nStyledTabPanelWrapper.defaultProps = defaultThemeProp;\n\n// This component defintion was primarily required to conditionally hide empty div and avoid unnecessary row gap in work area.\nexport const StyledBannersStagesTasksContainer = styled.div(() => {\n  return css`\n    &:has(> ${StyledTasks}:only-child > :only-child:empty[data-flow]) {\n      display: none;\n    }\n  `;\n});\n\nexport const StyledWorkArea = styled.div(\n  ({\n    theme: {\n      base: {\n        palette: { 'border-line': borderLine },\n        spacing,\n        'border-radius': borderRadius,\n        breakpoints\n      },\n      components: {\n        'case-view': {\n          assignments: {\n            detached: assignmentDetached,\n            background: assignmentBackground,\n            'foreground-color': assignmentForegroundColor\n          }\n        },\n        tabs: { detached: tabsDetached },\n        card: { background, 'foreground-color': foregroundColor, 'border-radius': cardBorderRadius }\n      }\n    }\n  }) => {\n    const { backgroundColor } = calculateBackgroundAndContrastColor(background, foregroundColor);\n    const foregroundColorForAssignment = calculateForegroundColor(\n      assignmentBackground,\n      assignmentForegroundColor\n    );\n    const { summaryExpanded, aboveMD, intelligentGuidance, isPreview } = 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 * ${spacing});\n      @media (width < ${breakpoints.sm}) {\n        padding: calc(2 * ${spacing}) calc(0.75 * ${spacing});\n      }\n\n      /* Prevents unnecessary gap when case view has neither stages nor assignments */\n      &:has(> ${StyledBannersStagesTasksContainer} > ${StyledTasks}:first-child:empty) {\n        ${StyledBannersStagesTasksContainer} {\n          display: none;\n        }\n      }\n\n      ${aboveMD &&\n      css`\n        padding: calc(2 * ${spacing}) 0;\n\n        /* This is required to make scrollStick work. */\n        ${!isPreview &&\n        css`\n          height: max-content;\n        `}\n\n        ${!summaryExpanded &&\n        css`\n          margin-inline-start: calc(2 * ${spacing});\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      &:has(${StyledAssignments}),\n      &:has(${StyledHierarchicalAssignments}) {\n        ${StyledStages} {\n          border-block-end: 0.0625rem solid ${borderLine};\n\n          &,\n          ${StyledStageContainer}:first-of-type > ${StyledStage} {\n            border-end-start-radius: 0;\n          }\n\n          &,\n          ${StyledStageContainer}:last-of-type > ${StyledStage} {\n            border-end-end-radius: 0;\n          }\n        }\n      }\n\n      ${tabsDetached &&\n      css`\n        ${StyledAllTabsWrapper} {\n          border-start-start-radius: ${cardBorderRadius};\n          border-start-end-radius: ${cardBorderRadius};\n\n          ${StyledTabs} {\n            border-radius: unset;\n            border-start-end-radius: inherit;\n          }\n\n          ${StylesAllTabsButtonWrapper}, ${StyledMenuButton} {\n            border-start-start-radius: inherit;\n          }\n        }\n      `}\n\n      /* Ensure horizontal tabs stay above sliding tab content */\n      ${StyledTabs}[aria-orientation='horizontal'],\n      ${StyledAllTabsWrapper} {\n        position: relative;\n        z-index: 1;\n      }\n\n      &:has(${StyledStages}) {\n        ${StyledCard}${StyledAssignments},\n        ${StyledCard}${StyledHierarchicalAssignments} {\n          margin-block-start: calc(-2 * ${spacing});\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        &:has(${StyledCard}${StyledAssignments} > ${StyledCardHeader}),\n        &:has(${StyledCard}${StyledHierarchicalAssignments} > ${StyledCardHeader}) {\n          ${StyledCard}${StyledAssignments},\n          ${StyledCard}${StyledHierarchicalAssignments} {\n            background: ${assignmentBackground};\n            color: ${foregroundColorForAssignment};\n            ${assignmentDetached &&\n            css`\n              ${StyledTaskList} {\n                background-color: ${backgroundColor};\n                border: solid 0.0625rem ${borderLine};\n                border-radius: var(--border-radius, ${borderRadius});\n\n                ${StyledSummaryListItem} {\n                  padding: calc(${spacing} / 2) ${spacing};\n                }\n              }\n            `}\n          }\n        }\n      }\n    `;\n  }\n);\n\nStyledWorkArea.defaultProps = defaultThemeProp;\n\nexport const StyledUtilitiesHeading = styled(Text)``;\n\nexport const StyledExpandCollapseUtilitiesButton = styled(StyledExpandCollapseButton)(() => {\n  const { utilitiesExpanded } = useCaseViewContext();\n\n  return css`\n    /* Centers button over the utilities summary */\n    margin-inline-end: ${utilitiesExpanded && '0.625rem'};\n  `;\n});\n\nStyledExpandCollapseUtilitiesButton.defaultProps = defaultThemeProp;\n\nconst genAICoachReservedSpace = '4rem';\n\nexport const StyledUtilities = styled.div(({ theme }) => {\n  const { utilitiesExpanded, aboveLG, aboveMD, hasGenAICoach } = useCaseViewContext();\n\n  return css`\n    height: max-content;\n    margin-block: calc(2 * ${theme.base.spacing});\n\n    ${StyledCardContent} ${StyledProgressBackdrop} {\n      border-radius: ${theme.components.card['border-radius']};\n    }\n\n    /* If utilities are in an expanded drawer. */\n\n    ${utilitiesExpanded &&\n    aboveMD &&\n    !aboveLG &&\n    css`\n      /* Maintains the column width to avoid page content shift. */\n      visibility: hidden;\n    `}\n    ${aboveLG &&\n    utilitiesExpanded &&\n    css`\n      width: 25rem;\n    `}\n      /* Selects the h2 in the utilities column, not the drawer. */\n    ${StyledUtilitiesHeading} {\n      /* Hide the utilities h2 under certain conditions.*/\n      ${((aboveMD && !utilitiesExpanded) || (aboveMD && utilitiesExpanded && !aboveLG)) &&\n      hideVisually()}\n    }\n\n    /* Reserve space below so the docked GenAI coach doesn't overlap utility items. */\n    ${hasGenAICoach &&\n    css`\n      margin-block-end: ${genAICoachReservedSpace};\n    `}\n  `;\n});\n\nStyledUtilities.defaultProps = defaultThemeProp;\n\nexport const StyledSummary = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        breakpoints,\n        'z-index': zIndex,\n        palette: { 'app-background': appBackground }\n      },\n      components: {\n        'app-shell': {\n          nav: { background: navBackground }\n        },\n        'case-view': {\n          summary: { detached: summaryDetached },\n          utilities: { detached: utilitiesDetached }\n        }\n      }\n    }\n  }) => {\n    const { aboveSM, aboveMD, persistentUtility, aboveXL, summaryExpanded, isPreview } =\n      useCaseViewContext();\n    const shouldRenderMobileTabs = !aboveMD || (persistentUtility && !aboveXL) || !summaryExpanded;\n    const inlineStartPadding =\n      navBackground === appBackground ? `${spacing}` : `calc(${spacing} * 2)`;\n\n    return css`\n      top: ${summaryExpanded\n        ? 'var(--top-offset)'\n        : 'var(--appshell-sticky-offset, var(--appshell-offset, 0))'};\n      width: 100%;\n      z-index: ${zIndex.popover};\n\n      ${aboveMD &&\n      summaryExpanded &&\n      css`\n        height: var(--case-view-height);\n      `}\n\n      ${summaryDetached &&\n      aboveSM &&\n      css`\n        padding-inline-start: ${inlineStartPadding};\n        padding-inline-end: ${utilitiesDetached && shouldRenderMobileTabs\n          ? `calc(2 * ${spacing})`\n          : 0};\n        padding-block: ${shouldRenderMobileTabs ? 0 : `calc(2 * ${spacing})`};\n      `}\n\n      ${isPreview &&\n      css`\n        padding: 0;\n      `}\n\n      ${aboveMD\n        ? css`\n            position: sticky;\n          `\n        : css`\n            @media (min-height: ${breakpoints.sm}) {\n              position: sticky;\n            }\n          `}\n    `;\n  }\n);\n\nStyledSummary.defaultProps = defaultThemeProp;\n\nexport const StyledCaseDrawer = styled.div<{\n  previewActive?: AppShellContextValue['previewActive'];\n  utilitiesExpanded?: boolean;\n}>(({ previewActive, utilitiesExpanded, theme }) => {\n  return css`\n    --utilities-drawer-width: var(--resize-drawer-width);\n    --utilities-drawer-min-width: ${resizeDrawerMinWidth};\n    min-width: var(--utilities-drawer-min-width);\n    max-width: ${resizeDrawerMaxWidth};\n    width: var(--utilities-drawer-width);\n    background-color: ${theme.base.palette['primary-background']};\n    /* stylelint-disable-next-line unit-allowed-list */\n    height: calc(100dvh - ${headerHeight});\n    inset-block-start: ${headerHeight};\n    z-index: ${theme.base['z-index'].drawer - 1};\n\n    ${previewActive &&\n    css`\n      @media (min-width: ${theme.base.breakpoints.xl}) {\n        inset-inline-end: ${resizeDrawerDefaultWidth};\n        ${utilitiesExpanded &&\n        css`\n          inset-inline-end: var(--resize-drawer-width);\n          width: var(--utilities-drawer-min-width);\n        `}\n      }\n    `}\n    ${StyledGenAICoachContainer} {\n      width: calc(var(--utilities-drawer-width) - 2rem);\n    }\n  `;\n});\n\nStyledCaseDrawer.defaultProps = defaultThemeProp;\n\nexport const StyledCaseDrawerContent = styled.div(\n  ({\n    theme: {\n      base: {\n        palette: { 'app-background': appBackground },\n        spacing\n      }\n    }\n  }) => {\n    const { hasGenAICoach } = useCaseViewContext();\n\n    return css`\n      background: ${appBackground};\n      padding: calc(2 * ${spacing});\n      height: 100%;\n      overflow: auto;\n\n      /* Reserve scroll space so the docked GenAI coach doesn't overlap utility items. */\n      ${hasGenAICoach &&\n      css`\n        padding-block-end: ${genAICoachReservedSpace};\n      `}\n    `;\n  }\n);\n\nStyledCaseDrawerContent.defaultProps = defaultThemeProp;\n\nexport const StyledPersistentUtility = styled.div<{ persistentUtilityExpanded?: boolean }>(\n  ({ theme, persistentUtilityExpanded }) => {\n    return css`\n      width: ${persistentUtilityExpanded ? '100%' : theme.base['content-width'].md};\n      overflow: auto;\n      position: sticky;\n      z-index: 1;\n      height: var(--case-view-height);\n      inset-block-start: var(--top-offset);\n      inset-block-end: var(--bottom-offset);\n      padding-block: calc(2 * ${theme.base.spacing});\n    `;\n  }\n);\n\nStyledPersistentUtility.defaultProps = defaultThemeProp;\n\nexport const StyledPersistentContainer = styled.div(({ theme }) => {\n  return css`\n    height: 100%;\n\n    &&& ${StyledCardHeader} {\n      padding-inline-start: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledPersistentContainer.defaultProps = defaultThemeProp;\n\nexport const StyledPersistentContent = styled.div(({ theme }) => {\n  return css`\n    height: calc(100% - calc(4 * ${theme.base.spacing}));\n  `;\n});\n\nStyledPersistentContent.defaultProps = defaultThemeProp;\n\nexport const ScrollStick = styled.div`\n  position: sticky;\n  top: 0;\n`;\n\nexport const StyledCaseView = styled.div(\n  ({\n    theme: {\n      base: {\n        palette: { 'app-background': appBackground },\n        spacing,\n        'border-radius': borderRadius\n      },\n      components: {\n        'case-view': {\n          utilities: {\n            detached: utilitiesDetached,\n            background: utilitiesBackground,\n            'foreground-color': utilitiesForegroundColor\n          },\n          summary: { detached: summaryDetached }\n        }\n      }\n    }\n  }) => {\n    const utilitiesForegroundComputed = calculateForegroundColor(\n      utilitiesBackground,\n      utilitiesForegroundColor\n    );\n    const { aboveSM, aboveMD, isPreview } = useCaseViewContext();\n\n    return css`\n      --top-offset: calc(\n        var(--appshell-sticky-offset, var(--appshell-offset, 0rem)) + var(--summary-height)\n      );\n      /* stylelint-disable-next-line length-zero-no-unit */\n      --bottom-offset: var(--appshell-bottom-offset, 0rem);\n      /* stylelint-disable-next-line unit-allowed-list */\n      --case-view-height: calc(100dvh - var(--top-offset) - var(--bottom-offset));\n      position: relative;\n      min-height: var(--case-view-height);\n      background: ${appBackground};\n\n      ${aboveMD &&\n      css`\n        ${StyledUtilities}:last-child {\n          margin-inline-end: calc(2 * ${spacing});\n          color: ${utilitiesForegroundComputed};\n\n          ${!utilitiesDetached &&\n          css`\n            background: ${utilitiesBackground};\n            margin-inline-end: 0;\n            padding: calc(2 * ${spacing});\n            padding-inline-end: 0;\n            border-start-start-radius: ${borderRadius};\n            border-end-start-radius: ${borderRadius};\n            border-start-end-radius: 0;\n            border-end-end-radius: 0;\n\n            ${StyledCard},\n            ${StyledGenAICoachContainer} {\n              border-start-end-radius: 0;\n              border-end-end-radius: 0;\n            }\n\n            ${StyledGenAICoachContainer} {\n              inset-inline-end: 0;\n            }\n          `}\n        }\n      `}\n\n      ${aboveSM &&\n      summaryDetached &&\n      !isPreview &&\n      css`\n        &:not(:has(${StyledUtilities})) {\n          ${StyledSummary} {\n            padding-inline-end: calc(2 * ${spacing});\n          }\n\n          ${StyledCaseHeader} {\n            border-end-end-radius: ${borderRadius};\n          }\n        }\n      `}\n\n      ${!aboveMD &&\n      css`\n        ${StyledGenAICoachContainer} {\n          height: 42.5rem;\n\n          ${StyledInitialMessageContainer} {\n            justify-content: center;\n          }\n        }\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\nexport const StyledCoachButton = styled(AIButton)(({\n  theme: {\n    base: { spacing, breakpoints }\n  }\n}) => {\n  const { previewActive } = useContext(AppShellContext);\n\n  return css`\n    position: fixed;\n    width: 2.75rem;\n    height: 2.75rem;\n    inset-block-end: calc(2 * ${spacing});\n    inset-inline-end: calc(2 * ${spacing});\n    ${previewActive &&\n    css`\n      @media (min-width: ${breakpoints.xl}) {\n        margin-inline-end: min(var(--resize-drawer-width), ${resizeDrawerMaxWidth});\n      }\n    `}\n  `;\n});\n\nStyledCoachButton.defaultProps = defaultThemeProp;\n\nexport const StyledUtilitiesWrapper = styled.div``;\n\nexport const StyledCaseViewIcon = styled(Icon)(({ theme }) => {\n  return css`\n    --brand-accent: ${theme.base.palette['brand-accent']};\n    --gradient-start: oklch(from var(--brand-accent) calc(l - 0.3) calc(c * 1.5) h);\n    --gradient-mid: oklch(from var(--brand-accent) l c h);\n    --gradient-end: oklch(from var(--brand-accent) calc(l + 0.5) calc(c * 1.5) h);\n    ${theme.components['case-view'].icon.color !== 'auto'\n      ? css`\n          color: ${theme.components['case-view'].icon.color};\n        `\n      : null}\n\n    ${theme.components['case-view'].icon.background !== 'auto'\n      ? css`\n          background: ${theme.components['case-view'].icon.background};\n        `\n      : null}\n\n    ${theme.components['case-view'].icon['box-shadow'] !== 'auto'\n      ? css`\n          box-shadow: ${theme.components['case-view'].icon['box-shadow']};\n        `\n      : null}\n  `;\n});\n\nStyledCaseViewIcon.defaultProps = defaultThemeProp;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Stakeholders.d.ts","sourceRoot":"","sources":["../../../src/components/Stakeholders/Stakeholders.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAEV,+BAA+B,EAIhC,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAQ,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgCpE,QAAA,MAAM,YAAY,EAAE,+BAA+B,CAAC,iBAAiB,CAiWpE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Stakeholders.d.ts","sourceRoot":"","sources":["../../../src/components/Stakeholders/Stakeholders.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAEV,+BAA+B,EAKhC,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAQ,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOpE,QAAA,MAAM,YAAY,EAAE,+BAA+B,CAAC,iBAAiB,CA4RpE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Stakeholders/Stakeholders.js

@@ -1,58 +1,31 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useEffect, useMemo, useState, useCallback } from 'react';
-import styled, { css } from 'styled-components';
-import { SummaryList, useI18n, Button, ViewAll, Modal, Flex, useModalManager, useOuterEvent, useAfterInitialEffect, defaultThemeProp, FormDialog, colorIconMapping, useTheme } from '@pega/cosmos-react-core';
+import { forwardRef, useRef, useEffect, useState, useCallback } from 'react';
+import styled from 'styled-components';
+import { SummaryList, useI18n, Button, ViewAll, Modal, useModalManager, defaultThemeProp, colorIconMapping, useTheme, getFocusables } from '@pega/cosmos-react-core';
 import StakeholderForm from './StakeholderForm';
 const StyledStakeholders = styled(SummaryList) ``;
-const StyledEditFormWrap = styled.div(({ theme }) => {
-    return css `
-    position: relative;
-    min-height: 8rem;
-    overflow-y: auto;
-    padding-block: calc(${theme.base.spacing} / 2);
-
-    &[aria-busy='true'] > :nth-child(2) {
-      visibility: hidden;
-    }
-  `;
-});
-StyledEditFormWrap.defaultProps = defaultThemeProp;
-const StyledContainer = styled(Flex)(({ theme }) => {
-    return css `
-    max-height: inherit;
-    > h3 {
-      padding-block-start: calc(2 * ${theme.base.spacing});
-      padding-inline: calc(2 * ${theme.base.spacing});
-    }
-  `;
-});
-StyledContainer.defaultProps = defaultThemeProp;
+StyledStakeholders.defaultProps = defaultThemeProp;
 const Stakeholders = forwardRef(function Stakeholders({ items: itemsProp, count, loading, onAddNew, form, onViewAll, viewAll, error, ...restProps }, ref) {
     const { create: createModal } = useModalManager();
     const t = useI18n();
     const theme = useTheme();
     const modalMethods = useRef();
     const [mode, setMode] = useState();
-    const [editing, setEditing] = useState(false);
     const [viewAllSearchValue, setViewAllSearchValue] = useState('');
-    const dialogRef = useRef(null);
     const progressMsgRef = useRef(t('loading'));
+    const viewAllRef = useRef(null);
+    const editIDRef = useRef();
+    const [triedToReturnFocus, setTriedToReturnFocus] = useState(false);
     // Why? Don't think this should trigger a re-render. We just need the value when we invoke callback props.
     const selectedRoleNameRef = useRef();
     // Setter for the ref. Avoids a re-render.
     const setSelectedRoleNameRef = useCallback((selectedRoleName) => {
         selectedRoleNameRef.current = selectedRoleName;
     }, []);
-    const [dialogTarget, setDialogTarget] = useState(null);
-    const itemElsRef = useRef({
-        itemEls: [],
-        viewAllItemEls: []
-    });
     // This function merges the pre-defined actions(add & edit) to the item object.
     const mergeItemActions = (items) => {
-        return items.map(({ onEdit, onRemove, ...rest }, i) => {
+        return items.map(({ id, onEdit, onRemove, ...rest }) => {
             let itemActions = [];
-            const elArray = itemElsRef.current[mode === 'viewAll' ? 'viewAllItemEls' : 'itemEls'];
             if (onEdit) {
                 itemActions = [
                     {
@@ -60,12 +33,9 @@ const Stakeholders = forwardRef(function Stakeholders({ items: itemsProp, count,
                         text: t('edit'),
                         icon: 'pencil',
                         onClick: () => {
-                            setEditing(true);
-                            setDialogTarget({
-                                portal: elArray[i],
-                                button: elArray[i].querySelector('button[aria-haspopup="menu"]')
-                            });
+                            setMode(mode === 'viewAll' ? 'viewAllEdit' : 'edit');
                             onEdit?.();
+                            editIDRef.current = id;
                         }
                     }
                 ];
@@ -85,36 +55,47 @@ const Stakeholders = forwardRef(function Stakeholders({ items: itemsProp, count,
             }
             return {
                 ...rest,
-                ref: (el) => {
-                    elArray[i] = el;
-                },
-                actions: itemActions
+                id,
+                actions: itemActions,
+                // Return focus to the element which initiated edit
+                actionsRef: el => {
+                    if (!el || !editIDRef.current)
+                        return;
+                    setTriedToReturnFocus(true);
+                    if (id === editIDRef.current) {
+                        el.focus();
+                        editIDRef.current = null;
+                    }
+                }
             };
         });
     };
-    const closeFormDialog = () => {
-        if (!dialogTarget || (form.loading && progressMsgRef.current === t('submitting')))
+    // Fallback focus handling for edit
+    useEffect(() => {
+        if (!triedToReturnFocus)
             return;
-        dialogTarget.button?.focus();
-        setDialogTarget(null);
-        setEditing(false);
-        progressMsgRef.current = t('loading');
-    };
+        if (editIDRef.current) {
+            getFocusables(viewAllRef)[0]?.focus();
+            editIDRef.current = null;
+        }
+        setTriedToReturnFocus(false);
+    }, [triedToReturnFocus]);
     let formContent = null;
-    if ((mode === 'add' || editing) &&
-        (!form.loading || progressMsgRef.current === t('submitting'))) {
+    if (mode === 'add' || mode === 'edit' || mode === 'viewAllEdit') {
         formContent = (_jsx(StakeholderForm, { roles: form.roles, currentRole: form.currentRole, renderer: form.renderer, rendererProps: form.rendererProps, banners: form.banners, setSelectedRoleNameRef: setSelectedRoleNameRef }));
     }
-    // Actions used for add and edit both in the modal and the dialog.
+    // Actions used for add, edit, and viewAll-editing in the modal.
     let formActions = null;
-    if ((mode === 'add' || editing) &&
-        (!form.loading || progressMsgRef.current === t('submitting'))) {
+    if (mode === 'add' || mode === 'edit' || mode === 'viewAllEdit') {
         const closeForm = () => {
-            if (mode === 'add') {
-                modalMethods.current?.dismiss();
+            if (mode === 'viewAllEdit') {
+                // Go back to the viewAll list; keep the modal open.
+                setMode('viewAll');
+                form.onAfterClose?.();
+                progressMsgRef.current = t('loading');
             }
             else {
-                closeFormDialog();
+                modalMethods.current?.dismiss();
             }
         };
         formActions = (_jsxs(_Fragment, { children: [_jsx(Button, { disabled: form.loading, onClick: () => {
@@ -127,131 +108,105 @@ const Stakeholders = forwardRef(function Stakeholders({ items: itemsProp, count,
                         });
                     }, children: t('submit') })] }));
     }
-    const closeForm = () => {
-        if (mode === 'add') {
-            modalMethods.current?.dismiss();
-        }
-        else {
-            closeFormDialog();
-        }
-    };
-    let editFormDialog = null;
-    if (dialogTarget?.button) {
-        editFormDialog = (_jsx(FormDialog, { ref: dialogRef, target: dialogTarget.button, heading: t('edit_stakeholder'), progress: form.loading ? progressMsgRef.current : undefined, onSubmit: {
-                disabled: form.loading,
-                handler: () => {
-                    progressMsgRef.current = t('submitting');
-                    form.onSubmit({
-                        selectedRoleName: selectedRoleNameRef.current,
-                        closeForm
-                    });
-                }
-            }, onCancel: {
-                disabled: form.loading,
-                handler: closeFormDialog
-            }, children: (!form.loading || progressMsgRef.current === t('submitting')) && (_jsx(StakeholderForm, { roles: form.roles, currentRole: form.currentRole, renderer: form.renderer, rendererProps: form.rendererProps, banners: form.banners, setSelectedRoleNameRef: setSelectedRoleNameRef })) }));
-    }
-    // Content for the modal either for adding new or viewing all.
+    // Content for the modal: add form, edit form, viewAll list, or edit form within viewAll.
     let modalContent = null;
-    if (mode === 'add')
+    if (mode === 'add' || mode === 'edit')
         modalContent = formContent;
-    if (!viewAll.loading && (mode === 'viewAll' || (editing && modalMethods.current))) {
-        modalContent = (_jsxs(_Fragment, { children: [_jsx(ViewAll, { items: mergeItemActions(viewAll.items), actions: [
-                        {
-                            id: 'addStakeHolder',
-                            text: 'Add new',
-                            onClick: () => {
-                                setMode('add');
-                                onAddNew?.();
-                            }
+    if (mode === 'viewAll' || mode === 'viewAllEdit') {
+        if (mode === 'viewAllEdit') {
+            modalContent = formContent;
+        }
+        else if (!viewAll.loading) {
+            modalContent = (_jsx(ViewAll, { items: mergeItemActions(viewAll.items), actions: [
+                    {
+                        id: 'addStakeHolder',
+                        text: 'Add new',
+                        onClick: () => {
+                            setMode('add');
+                            onAddNew?.();
                         }
-                    ], searchInputProps: viewAll.onSearch
-                        ? {
-                            value: viewAllSearchValue,
-                            onSearchChange: (value) => {
-                                setViewAllSearchValue(value);
-                                viewAll?.onSearch?.(value);
-                            }
+                    }
+                ], searchInputProps: viewAll.onSearch
+                    ? {
+                        value: viewAllSearchValue,
+                        onSearchChange: (value) => {
+                            setViewAllSearchValue(value);
+                            viewAll?.onSearch?.(value);
                         }
-                        : undefined }), editFormDialog] }));
+                    }
+                    : undefined, ref: viewAllRef }));
+        }
     }
     useEffect(() => {
         if (!mode) {
             modalMethods.current = undefined;
             return;
         }
+        const isEditingForm = mode === 'add' || mode === 'edit' || mode === 'viewAllEdit';
+        let heading;
+        if (mode === 'add') {
+            heading = t('add_stakeholders');
+        }
+        else if (mode === 'edit' || mode === 'viewAllEdit') {
+            heading = t('edit_stakeholder');
+        }
+        else {
+            heading = t('view_stakeholders');
+        }
         const modalProps = {
-            progress: (mode === 'add' && form.loading) || viewAll.loading
+            heading,
+            progress: (isEditingForm && form.loading) || (mode === 'viewAll' && viewAll.loading)
                 ? { message: progressMsgRef.current }
                 : undefined,
             count: mode === 'viewAll' ? count : undefined,
             children: modalContent,
-            actions: mode === 'add' ? formActions : undefined,
+            actions: isEditingForm ? formActions : undefined,
             onRequestDismiss: form.loading && progressMsgRef.current === t('submitting') ? () => false : undefined
         };
         if (modalMethods.current) {
             modalMethods.current.update(modalProps);
         }
-        else if (mode === 'add' || mode === 'viewAll') {
+        else {
             modalMethods.current = createModal(Modal, {
                 ...modalProps,
-                heading: mode === 'add' ? t('add_stakeholders') : t('view_stakeholders'),
                 onAfterClose: () => {
-                    if (mode === 'add') {
+                    if (mode === 'add' || mode === 'edit' || mode === 'viewAllEdit') {
                         form.onAfterClose?.();
                     }
-                    else {
+                    if (mode === 'viewAll' || mode === 'viewAllEdit') {
                         setViewAllSearchValue('');
                         viewAll.onAfterClose?.();
                     }
                     progressMsgRef.current = t('loading');
+                    modalMethods.current = undefined;
                     setMode(undefined);
                 }
             });
         }
-    }, [mode, modalContent, form.loading, formActions, count, viewAll.loading]);
-    // Using mousedown instead of click since drag selecting an input's value within the dialog, then releasing outside the dialog triggers outer click.
-    useOuterEvent('mousedown', [dialogRef], closeFormDialog);
-    const onKeydown = (e) => {
-        if (e.key === 'Escape') {
-            closeFormDialog();
-        }
-    };
-    useEffect(() => {
-        if (!dialogTarget)
-            return;
-        document.addEventListener('keydown', onKeydown);
-        return () => {
-            document.removeEventListener('keydown', onKeydown);
-        };
-    }, [dialogTarget]);
-    useAfterInitialEffect(() => {
-        if (!dialogTarget)
-            form.onAfterClose?.();
-    }, [dialogTarget]);
-    return (_jsxs(_Fragment, { children: [_jsx(StyledStakeholders, { ...restProps, ref: ref, icon: {
-                    name: 'person',
-                    foreground: 'white',
-                    background: colorIconMapping(theme, 'person'),
-                    shape: 'circle'
-                }, name: t('view_stakeholders'), headingTag: 'h3', loading: loading, count: count, error: error, items: useMemo(() => mergeItemActions(itemsProp.slice(0, 3)), [mergeItemActions, itemsProp]), actions: onAddNew
-                    ? [
-                        {
-                            text: t('add'),
-                            id: 'add_new',
-                            icon: 'plus',
-                            onClick() {
-                                setMode('add');
-                                onAddNew?.();
-                            }
-                        }
-                    ]
-                    : undefined, onViewAll: onViewAll && count && count > 3
-                    ? () => {
-                        setMode('viewAll');
-                        onViewAll?.();
+    }, [mode, form.loading, count, viewAll.loading, modalContent, formActions]);
+    return (_jsx(StyledStakeholders, { ...restProps, ref: ref, icon: {
+            name: 'person',
+            foreground: 'white',
+            background: colorIconMapping(theme, 'person'),
+            shape: 'circle'
+        }, name: t('view_stakeholders'), headingTag: 'h3', loading: loading, count: count, error: error, items: mergeItemActions(itemsProp.slice(0, 3)), actions: onAddNew
+            ? [
+                {
+                    text: t('add'),
+                    id: 'add_new',
+                    icon: 'plus',
+                    onClick() {
+                        setMode('add');
+                        onAddNew?.();
                     }
-                    : undefined }), editFormDialog && mode !== 'viewAll' ? editFormDialog : null] }));
+                }
+            ]
+            : undefined, onViewAll: onViewAll && count && count > 3
+            ? () => {
+                setMode('viewAll');
+                onViewAll?.();
+            }
+            : undefined }));
 });
 export default Stakeholders;
 //# sourceMappingURL=Stakeholders.js.map

package/lib/components/Stakeholders/Stakeholders.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stakeholders.js","sourceRoot":"","sources":["../../../src/components/Stakeholders/Stakeholders.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useEffect, useMemo, useState, useCallback } from 'react';\nimport type { PropsWithoutRef, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  SummaryList,\n  useI18n,\n  Button,\n  ViewAll,\n  Modal,\n  Flex,\n  useModalManager,\n  useOuterEvent,\n  useAfterInitialEffect,\n  defaultThemeProp,\n  FormDialog,\n  colorIconMapping,\n  useTheme\n} from '@pega/cosmos-react-core';\nimport type {\n  Action,\n  ForwardRefForwardPropsComponent,\n  ModalMethods,\n  ModalProps,\n  OmitStrict\n} from '@pega/cosmos-react-core';\n\nimport type { Role, StakeholdersProps } from './Stakeholders.types';\nimport StakeholderForm from './StakeholderForm';\n\nconst StyledStakeholders = styled(SummaryList)``;\n\nconst StyledEditFormWrap = styled.div(({ theme }) => {\n  return css`\n    position: relative;\n    min-height: 8rem;\n    overflow-y: auto;\n    padding-block: calc(${theme.base.spacing} / 2);\n\n    &[aria-busy='true'] > :nth-child(2) {\n      visibility: hidden;\n    }\n  `;\n});\n\nStyledEditFormWrap.defaultProps = defaultThemeProp;\n\nconst StyledContainer = styled(Flex)(({ theme }) => {\n  return css`\n    max-height: inherit;\n    > h3 {\n      padding-block-start: calc(2 * ${theme.base.spacing});\n      padding-inline: calc(2 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledContainer.defaultProps = defaultThemeProp;\n\nconst Stakeholders: ForwardRefForwardPropsComponent<StakeholdersProps> = forwardRef(\n  function Stakeholders(\n    {\n      items: itemsProp,\n      count,\n      loading,\n      onAddNew,\n      form,\n      onViewAll,\n      viewAll,\n      error,\n      ...restProps\n    }: PropsWithoutRef<StakeholdersProps>,\n    ref: StakeholdersProps['ref']\n  ) {\n    const { create: createModal } = useModalManager();\n    const t = useI18n();\n    const theme = useTheme();\n    const modalMethods = useRef<ModalMethods>();\n    const [mode, setMode] = useState<undefined | 'add' | 'viewAll'>();\n    const [editing, setEditing] = useState(false);\n    const [viewAllSearchValue, setViewAllSearchValue] = useState('');\n    const dialogRef = useRef<HTMLDivElement>(null);\n    const progressMsgRef = useRef(t('loading'));\n\n    // Why? Don't think this should trigger a re-render. We just need the value when we invoke callback props.\n    const selectedRoleNameRef = useRef<Role['name'] | undefined>();\n    // Setter for the ref. Avoids a re-render.\n    const setSelectedRoleNameRef = useCallback((selectedRoleName?: Role['name']) => {\n      selectedRoleNameRef.current = selectedRoleName;\n    }, []);\n\n    const [dialogTarget, setDialogTarget] = useState<{\n      portal: HTMLLIElement;\n      button: HTMLButtonElement | null;\n    } | null>(null);\n\n    const itemElsRef = useRef<{ itemEls: HTMLLIElement[]; viewAllItemEls: HTMLLIElement[] }>({\n      itemEls: [],\n      viewAllItemEls: []\n    });\n\n    // This function merges the pre-defined actions(add & edit) to the item object.\n    const mergeItemActions = (\n      items: StakeholdersProps['items'] | NonNullable<StakeholdersProps['viewAll']>['items']\n    ) => {\n      return items.map(({ onEdit, onRemove, ...rest }, i) => {\n        let itemActions: Action[] = [];\n        const elArray = itemElsRef.current[mode === 'viewAll' ? 'viewAllItemEls' : 'itemEls'];\n\n        if (onEdit) {\n          itemActions = [\n            {\n              id: 'edit',\n              text: t('edit'),\n              icon: 'pencil',\n              onClick: () => {\n                setEditing(true);\n                setDialogTarget({\n                  portal: elArray[i],\n                  button: elArray[i].querySelector<HTMLButtonElement>(\n                    'button[aria-haspopup=\"menu\"]'\n                  )\n                });\n\n                onEdit?.();\n              }\n            }\n          ];\n        }\n\n        if (onRemove) {\n          itemActions = [\n            ...itemActions,\n            {\n              id: 'remove',\n              text: t('remove'),\n              icon: 'trash',\n              onClick: () => {\n                onRemove?.();\n              }\n            }\n          ];\n        }\n\n        return {\n          ...rest,\n          ref: (el: HTMLLIElement) => {\n            elArray[i] = el;\n          },\n          actions: itemActions\n        };\n      });\n    };\n\n    const closeFormDialog = () => {\n      if (!dialogTarget || (form.loading && progressMsgRef.current === t('submitting'))) return;\n      dialogTarget.button?.focus();\n      setDialogTarget(null);\n      setEditing(false);\n      progressMsgRef.current = t('loading');\n    };\n\n    let formContent: ReactNode = null;\n    if (\n      (mode === 'add' || editing) &&\n      (!form.loading || progressMsgRef.current === t('submitting'))\n    ) {\n      formContent = (\n        <StakeholderForm\n          roles={form.roles}\n          currentRole={form.currentRole}\n          renderer={form.renderer}\n          rendererProps={form.rendererProps}\n          banners={form.banners}\n          setSelectedRoleNameRef={setSelectedRoleNameRef}\n        />\n      );\n    }\n\n    // Actions used for add and edit both in the modal and the dialog.\n    let formActions: ReactNode = null;\n    if (\n      (mode === 'add' || editing) &&\n      (!form.loading || progressMsgRef.current === t('submitting'))\n    ) {\n      const closeForm = () => {\n        if (mode === 'add') {\n          modalMethods.current?.dismiss();\n        } else {\n          closeFormDialog();\n        }\n      };\n\n      formActions = (\n        <>\n          <Button\n            disabled={form.loading}\n            onClick={() => {\n              form.onDismiss({ closeForm });\n            }}\n          >\n            {t('cancel')}\n          </Button>\n          <Button\n            disabled={form.loading}\n            type='submit'\n            variant='primary'\n            onClick={() => {\n              progressMsgRef.current = t('submitting');\n              form.onSubmit({\n                selectedRoleName: selectedRoleNameRef.current,\n                closeForm\n              });\n            }}\n          >\n            {t('submit')}\n          </Button>\n        </>\n      );\n    }\n\n    const closeForm = () => {\n      if (mode === 'add') {\n        modalMethods.current?.dismiss();\n      } else {\n        closeFormDialog();\n      }\n    };\n\n    let editFormDialog: ReactNode = null;\n    if (dialogTarget?.button) {\n      editFormDialog = (\n        <FormDialog\n          ref={dialogRef}\n          target={dialogTarget.button as HTMLElement}\n          heading={t('edit_stakeholder')}\n          progress={form.loading ? progressMsgRef.current : undefined}\n          onSubmit={{\n            disabled: form.loading,\n            handler: () => {\n              progressMsgRef.current = t('submitting');\n              form.onSubmit({\n                selectedRoleName: selectedRoleNameRef.current,\n                closeForm\n              });\n            }\n          }}\n          onCancel={{\n            disabled: form.loading,\n            handler: closeFormDialog\n          }}\n        >\n          {(!form.loading || progressMsgRef.current === t('submitting')) && (\n            <StakeholderForm\n              roles={form.roles}\n              currentRole={form.currentRole}\n              renderer={form.renderer}\n              rendererProps={form.rendererProps}\n              banners={form.banners}\n              setSelectedRoleNameRef={setSelectedRoleNameRef}\n            />\n          )}\n        </FormDialog>\n      );\n    }\n\n    // Content for the modal either for adding new or viewing all.\n    let modalContent: ReactNode = null;\n    if (mode === 'add') modalContent = formContent;\n\n    if (!viewAll.loading && (mode === 'viewAll' || (editing && modalMethods.current))) {\n      modalContent = (\n        <>\n          <ViewAll\n            items={mergeItemActions(viewAll.items)}\n            actions={[\n              {\n                id: 'addStakeHolder',\n                text: 'Add new',\n                onClick: () => {\n                  setMode('add');\n                  onAddNew?.();\n                }\n              }\n            ]}\n            searchInputProps={\n              viewAll.onSearch\n                ? {\n                    value: viewAllSearchValue,\n                    onSearchChange: (value: string) => {\n                      setViewAllSearchValue(value);\n                      viewAll?.onSearch?.(value);\n                    }\n                  }\n                : undefined\n            }\n          />\n          {/* Edit dialog triggered from a modal must be rendered within modal content to render in correct DOM position. */}\n          {editFormDialog}\n        </>\n      );\n    }\n\n    useEffect(() => {\n      if (!mode) {\n        modalMethods.current = undefined;\n        return;\n      }\n\n      const modalProps: OmitStrict<ModalProps, 'heading'> = {\n        progress:\n          (mode === 'add' && form.loading) || viewAll.loading\n            ? { message: progressMsgRef.current }\n            : undefined,\n        count: mode === 'viewAll' ? count : undefined,\n        children: modalContent,\n        actions: mode === 'add' ? formActions : undefined,\n        onRequestDismiss:\n          form.loading && progressMsgRef.current === t('submitting') ? () => false : undefined\n      };\n\n      if (modalMethods.current) {\n        modalMethods.current.update(modalProps);\n      } else if (mode === 'add' || mode === 'viewAll') {\n        modalMethods.current = createModal(Modal, {\n          ...modalProps,\n          heading: mode === 'add' ? t('add_stakeholders') : t('view_stakeholders'),\n          onAfterClose: () => {\n            if (mode === 'add') {\n              form.onAfterClose?.();\n            } else {\n              setViewAllSearchValue('');\n              viewAll.onAfterClose?.();\n            }\n\n            progressMsgRef.current = t('loading');\n            setMode(undefined);\n          }\n        });\n      }\n    }, [mode, modalContent, form.loading, formActions, count, viewAll.loading]);\n\n    // Using mousedown instead of click since drag selecting an input's value within the dialog, then releasing outside the dialog triggers outer click.\n    useOuterEvent('mousedown', [dialogRef], closeFormDialog);\n\n    const onKeydown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        closeFormDialog();\n      }\n    };\n\n    useEffect(() => {\n      if (!dialogTarget) return;\n      document.addEventListener('keydown', onKeydown);\n      return () => {\n        document.removeEventListener('keydown', onKeydown);\n      };\n    }, [dialogTarget]);\n\n    useAfterInitialEffect(() => {\n      if (!dialogTarget) form.onAfterClose?.();\n    }, [dialogTarget]);\n\n    return (\n      <>\n        <StyledStakeholders\n          {...restProps}\n          ref={ref}\n          icon={{\n            name: 'person',\n            foreground: 'white',\n            background: colorIconMapping(theme, 'person'),\n            shape: 'circle'\n          }}\n          name={t('view_stakeholders')}\n          headingTag='h3'\n          loading={loading}\n          count={count}\n          error={error}\n          items={useMemo(\n            () => mergeItemActions(itemsProp.slice(0, 3)),\n            [mergeItemActions, itemsProp]\n          )}\n          actions={\n            onAddNew\n              ? [\n                  {\n                    text: t('add'),\n                    id: 'add_new',\n                    icon: 'plus',\n                    onClick() {\n                      setMode('add');\n                      onAddNew?.();\n                    }\n                  }\n                ]\n              : undefined\n          }\n          onViewAll={\n            onViewAll && count && count > 3\n              ? () => {\n                  setMode('viewAll');\n                  onViewAll?.();\n                }\n              : undefined\n          }\n        />\n        {/* When edit is opened outside of the view all modal. */}\n        {editFormDialog && mode !== 'viewAll' ? editFormDialog : null}\n      </>\n    );\n  }\n);\n\nexport default Stakeholders;\n"]}
+{"version":3,"file":"Stakeholders.js","sourceRoot":"","sources":["../../../src/components/Stakeholders/Stakeholders.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useEffect, useState, useCallback } from 'react';\nimport type { PropsWithoutRef, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  SummaryList,\n  useI18n,\n  Button,\n  ViewAll,\n  Modal,\n  useModalManager,\n  defaultThemeProp,\n  colorIconMapping,\n  useTheme,\n  getFocusables\n} from '@pega/cosmos-react-core';\nimport type {\n  Action,\n  ForwardRefForwardPropsComponent,\n  ModalMethods,\n  ModalProps,\n  OmitStrict,\n  SummaryListProps\n} from '@pega/cosmos-react-core';\n\nimport type { Role, StakeholdersProps } from './Stakeholders.types';\nimport StakeholderForm from './StakeholderForm';\n\nconst StyledStakeholders = styled(SummaryList)``;\n\nStyledStakeholders.defaultProps = defaultThemeProp;\n\nconst Stakeholders: ForwardRefForwardPropsComponent<StakeholdersProps> = forwardRef(\n  function Stakeholders(\n    {\n      items: itemsProp,\n      count,\n      loading,\n      onAddNew,\n      form,\n      onViewAll,\n      viewAll,\n      error,\n      ...restProps\n    }: PropsWithoutRef<StakeholdersProps>,\n    ref: StakeholdersProps['ref']\n  ) {\n    const { create: createModal } = useModalManager();\n    const t = useI18n();\n    const theme = useTheme();\n    const modalMethods = useRef<ModalMethods>();\n    const [mode, setMode] = useState<undefined | 'add' | 'viewAll' | 'edit' | 'viewAllEdit'>();\n    const [viewAllSearchValue, setViewAllSearchValue] = useState('');\n    const progressMsgRef = useRef(t('loading'));\n    const viewAllRef = useRef<HTMLDivElement>(null);\n    const editIDRef = useRef<string | null>();\n    const [triedToReturnFocus, setTriedToReturnFocus] = useState(false);\n\n    // Why? Don't think this should trigger a re-render. We just need the value when we invoke callback props.\n    const selectedRoleNameRef = useRef<Role['name'] | undefined>();\n    // Setter for the ref. Avoids a re-render.\n    const setSelectedRoleNameRef = useCallback((selectedRoleName?: Role['name']) => {\n      selectedRoleNameRef.current = selectedRoleName;\n    }, []);\n\n    // This function merges the pre-defined actions(add & edit) to the item object.\n    const mergeItemActions = (\n      items: StakeholdersProps['items'] | NonNullable<StakeholdersProps['viewAll']>['items']\n    ): SummaryListProps['items'] => {\n      return items.map(({ id, onEdit, onRemove, ...rest }) => {\n        let itemActions: Action[] = [];\n\n        if (onEdit) {\n          itemActions = [\n            {\n              id: 'edit',\n              text: t('edit'),\n              icon: 'pencil',\n              onClick: () => {\n                setMode(mode === 'viewAll' ? 'viewAllEdit' : 'edit');\n                onEdit?.();\n                editIDRef.current = id;\n              }\n            }\n          ];\n        }\n\n        if (onRemove) {\n          itemActions = [\n            ...itemActions,\n            {\n              id: 'remove',\n              text: t('remove'),\n              icon: 'trash',\n              onClick: () => {\n                onRemove?.();\n              }\n            }\n          ];\n        }\n\n        return {\n          ...rest,\n          id,\n          actions: itemActions,\n          // Return focus to the element which initiated edit\n          actionsRef: el => {\n            if (!el || !editIDRef.current) return;\n            setTriedToReturnFocus(true);\n            if (id === editIDRef.current) {\n              el.focus();\n              editIDRef.current = null;\n            }\n          }\n        };\n      });\n    };\n\n    // Fallback focus handling for edit\n    useEffect(() => {\n      if (!triedToReturnFocus) return;\n      if (editIDRef.current) {\n        getFocusables(viewAllRef)[0]?.focus();\n        editIDRef.current = null;\n      }\n      setTriedToReturnFocus(false);\n    }, [triedToReturnFocus]);\n\n    let formContent: ReactNode = null;\n    if (mode === 'add' || mode === 'edit' || mode === 'viewAllEdit') {\n      formContent = (\n        <StakeholderForm\n          roles={form.roles}\n          currentRole={form.currentRole}\n          renderer={form.renderer}\n          rendererProps={form.rendererProps}\n          banners={form.banners}\n          setSelectedRoleNameRef={setSelectedRoleNameRef}\n        />\n      );\n    }\n\n    // Actions used for add, edit, and viewAll-editing in the modal.\n    let formActions: ReactNode = null;\n    if (mode === 'add' || mode === 'edit' || mode === 'viewAllEdit') {\n      const closeForm = () => {\n        if (mode === 'viewAllEdit') {\n          // Go back to the viewAll list; keep the modal open.\n          setMode('viewAll');\n          form.onAfterClose?.();\n          progressMsgRef.current = t('loading');\n        } else {\n          modalMethods.current?.dismiss();\n        }\n      };\n\n      formActions = (\n        <>\n          <Button\n            disabled={form.loading}\n            onClick={() => {\n              form.onDismiss({ closeForm });\n            }}\n          >\n            {t('cancel')}\n          </Button>\n          <Button\n            disabled={form.loading}\n            type='submit'\n            variant='primary'\n            onClick={() => {\n              progressMsgRef.current = t('submitting');\n              form.onSubmit({\n                selectedRoleName: selectedRoleNameRef.current,\n                closeForm\n              });\n            }}\n          >\n            {t('submit')}\n          </Button>\n        </>\n      );\n    }\n\n    // Content for the modal: add form, edit form, viewAll list, or edit form within viewAll.\n    let modalContent: ReactNode = null;\n    if (mode === 'add' || mode === 'edit') modalContent = formContent;\n\n    if (mode === 'viewAll' || mode === 'viewAllEdit') {\n      if (mode === 'viewAllEdit') {\n        modalContent = formContent;\n      } else if (!viewAll.loading) {\n        modalContent = (\n          <ViewAll\n            items={mergeItemActions(viewAll.items)}\n            actions={[\n              {\n                id: 'addStakeHolder',\n                text: 'Add new',\n                onClick: () => {\n                  setMode('add');\n                  onAddNew?.();\n                }\n              }\n            ]}\n            searchInputProps={\n              viewAll.onSearch\n                ? {\n                    value: viewAllSearchValue,\n                    onSearchChange: (value: string) => {\n                      setViewAllSearchValue(value);\n                      viewAll?.onSearch?.(value);\n                    }\n                  }\n                : undefined\n            }\n            ref={viewAllRef}\n          />\n        );\n      }\n    }\n\n    useEffect(() => {\n      if (!mode) {\n        modalMethods.current = undefined;\n        return;\n      }\n\n      const isEditingForm = mode === 'add' || mode === 'edit' || mode === 'viewAllEdit';\n\n      let heading: string;\n      if (mode === 'add') {\n        heading = t('add_stakeholders');\n      } else if (mode === 'edit' || mode === 'viewAllEdit') {\n        heading = t('edit_stakeholder');\n      } else {\n        heading = t('view_stakeholders');\n      }\n\n      const modalProps: OmitStrict<ModalProps, 'onAfterClose'> = {\n        heading,\n        progress:\n          (isEditingForm && form.loading) || (mode === 'viewAll' && viewAll.loading)\n            ? { message: progressMsgRef.current }\n            : undefined,\n        count: mode === 'viewAll' ? count : undefined,\n        children: modalContent,\n        actions: isEditingForm ? formActions : undefined,\n        onRequestDismiss:\n          form.loading && progressMsgRef.current === t('submitting') ? () => false : undefined\n      };\n\n      if (modalMethods.current) {\n        modalMethods.current.update(modalProps);\n      } else {\n        modalMethods.current = createModal(Modal, {\n          ...modalProps,\n          onAfterClose: () => {\n            if (mode === 'add' || mode === 'edit' || mode === 'viewAllEdit') {\n              form.onAfterClose?.();\n            }\n            if (mode === 'viewAll' || mode === 'viewAllEdit') {\n              setViewAllSearchValue('');\n              viewAll.onAfterClose?.();\n            }\n\n            progressMsgRef.current = t('loading');\n            modalMethods.current = undefined;\n            setMode(undefined);\n          }\n        });\n      }\n    }, [mode, form.loading, count, viewAll.loading, modalContent, formActions]);\n\n    return (\n      <StyledStakeholders\n        {...restProps}\n        ref={ref}\n        icon={{\n          name: 'person',\n          foreground: 'white',\n          background: colorIconMapping(theme, 'person'),\n          shape: 'circle'\n        }}\n        name={t('view_stakeholders')}\n        headingTag='h3'\n        loading={loading}\n        count={count}\n        error={error}\n        items={mergeItemActions(itemsProp.slice(0, 3))}\n        actions={\n          onAddNew\n            ? [\n                {\n                  text: t('add'),\n                  id: 'add_new',\n                  icon: 'plus',\n                  onClick() {\n                    setMode('add');\n                    onAddNew?.();\n                  }\n                }\n              ]\n            : undefined\n        }\n        onViewAll={\n          onViewAll && count && count > 3\n            ? () => {\n                setMode('viewAll');\n                onViewAll?.();\n              }\n            : undefined\n        }\n      />\n    );\n  }\n);\n\nexport default Stakeholders;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-work",
-  "version": "9.0.0-build.22.2",
+  "version": "9.0.0-build.23.1",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
   "sideEffects": false,
@@ -14,8 +14,8 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "9.0.0-build.22.2",
-    "@pega/cosmos-react-rte": "9.0.0-build.22.2",
+    "@pega/cosmos-react-core": "9.0.0-build.23.1",
+    "@pega/cosmos-react-rte": "9.0.0-build.23.1",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
     "polished": "^4.1.0",