@pega/cosmos-react-work 3.0.0-dev.3.0 → 3.0.0-dev.30.0

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAChF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppAnnouncement } from './components/AppAnnouncement';\nexport * from './components/AppAnnouncement';\nexport { default as CaseHeader } from './components/CaseHeader';\nexport * from './components/CaseHeader';\nexport { default as CasePreview } from './components/CasePreview';\nexport * from './components/CasePreview';\nexport { default as CaseSummary } from './components/CaseSummary';\nexport * from './components/CaseSummary';\nexport { default as CaseSummaryFields } from './components/CaseSummaryFields';\nexport * from './components/CaseSummaryFields';\nexport { default as CaseView } from './components/CaseView';\nexport * from './components/CaseView';\nexport { default as ConfigurableLayout } from './components/ConfigurableLayout';\nexport * from './components/ConfigurableLayout';\nexport { default as Confirmation } from './components/Confirmation';\nexport * from './components/Confirmation';\nexport { default as Details } from './components/Details';\nexport * from './components/Details';\nexport { default as Glimpse } from './components/Glimpse';\nexport * from './components/Glimpse';\nexport { default as SearchResults } from './components/SearchResults';\nexport * from './components/SearchResults';\nexport { default as Stages } from './components/Stages';\nexport * from './components/Stages';\nexport { default as Stakeholders } from './components/Stakeholders';\nexport * from './components/Stakeholders';\nexport { default as Tags } from './components/Tags';\nexport * from './components/Tags';\nexport { default as Tasks } from './components/Tasks';\nexport * from './components/Tasks';\nexport { default as Timeline } from './components/Timeline';\nexport * from './components/Timeline';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAChF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppAnnouncement } from './components/AppAnnouncement';\nexport * from './components/AppAnnouncement';\nexport { default as CasePreview } from './components/CasePreview';\nexport * from './components/CasePreview';\nexport { default as CaseView } from './components/CaseView';\nexport * from './components/CaseView';\nexport { default as ConfigurableLayout } from './components/ConfigurableLayout';\nexport * from './components/ConfigurableLayout';\nexport { default as Confirmation } from './components/Confirmation';\nexport * from './components/Confirmation';\nexport { default as Details } from './components/Details';\nexport * from './components/Details';\nexport { default as Glimpse } from './components/Glimpse';\nexport * from './components/Glimpse';\nexport { default as SearchResults } from './components/SearchResults';\nexport * from './components/SearchResults';\nexport { default as Stages } from './components/Stages';\nexport * from './components/Stages';\nexport { default as Stakeholders } from './components/Stakeholders';\nexport * from './components/Stakeholders';\nexport { default as Tags } from './components/Tags';\nexport * from './components/Tags';\nexport { default as Tasks } from './components/Tasks';\nexport * from './components/Tasks';\nexport { default as Timeline } from './components/Timeline';\nexport * from './components/Timeline';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-work",
-  "version": "3.0.0-dev.3.0",
+  "version": "3.0.0-dev.30.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -20,22 +20,28 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "3.0.0-dev.3.0",
+    "@pega/cosmos-react-core": "3.0.0-dev.30.0",
+    "@types/react": "^16.14.24 || ^17.0.38",
+    "@types/react-dom": "^16.9.14 || ^17.0.11",
+    "@types/styled-components": "^5.1.7",
     "polished": "^4.1.0",
     "react": "^16.14.0 || ^17.0.0",
     "react-dom": "^16.14.0 || ^17.0.0",
     "styled-components": "^5.2.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.4.12",
-    "@storybook/addon-actions": "^6.4.12",
-    "@storybook/addon-storysource": "^6.4.12",
-    "@storybook/addon-toolbars": "^6.4.12",
-    "@storybook/addons": "^6.4.12",
-    "@storybook/react": "^6.4.12",
-    "@storybook/testing-react": "0.0.18",
-    "@storybook/theming": "^6.4.12",
+    "@storybook/addon-a11y": "^6.4.19",
+    "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-storysource": "^6.4.19",
+    "@storybook/addon-toolbars": "^6.4.19",
+    "@storybook/addons": "^6.4.19",
+    "@storybook/react": "^6.4.19",
+    "@storybook/testing-react": "^1.2.4",
+    "@storybook/theming": "^6.4.19",
+    "@testing-library/jest-dom": "^5.16.2",
+    "@testing-library/react": "^12.1.3",
+    "@testing-library/user-event": "^13.5.0",
     "enzyme": "^3.11.0",
-    "typescript": "~4.5.2"
+    "typescript": "~4.7.2"
   }
 }

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

@@ -1,30 +0,0 @@
-import { FunctionComponent, ReactElement, Ref } from 'react';
-import { Action, ForwardProps, MenuItemProps, NoChildrenProp } from '@pega/cosmos-react-core';
-export interface CaseHeaderProps extends NoChildrenProp {
-    /** Any actions that will be used for various actions on the CaseView. */
-    actions?: Action[];
-    /** A callback for when the edit button is clicked */
-    onEdit?: () => void;
-    /** A Case ID to display in the heading. */
-    caseId: string;
-    /** A text region for the title of the CaseView. */
-    heading: string;
-    /** A set of props including an href that will be forwarded to the case heading and caseId. */
-    caseLink?: {
-        href: string;
-    } & ForwardProps;
-    /** A set of Link props representing the case parents, rendered as Breadcrumbs. */
-    parentCases?: MenuItemProps[];
-    /** An icon to serve as a visual for the CaseView. */
-    icon?: ReactElement;
-    /** Indicates if the current user is following the case. This should be updated based on onFollowedChange.  */
-    followed?: boolean;
-    /** Called when user chooses to follow or unfollow the case. Use this to update followed. */
-    onFollowedChange?: (following: boolean) => void;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLElement>;
-}
-export declare const StyledCaseHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
-declare const CaseHeader: FunctionComponent<CaseHeaderProps & ForwardProps>;
-export default CaseHeader;
-//# sourceMappingURL=CaseHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CaseHeader.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHeader/CaseHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,YAAY,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAC;AAI1F,OAAO,EACL,MAAM,EAUN,YAAY,EAMZ,aAAa,EAIb,cAAc,EACf,MAAM,yBAAyB,CAAC;AAOjC,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAMpB,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,YAAY,CAAC;IAC3C,kFAAkF;IAClF,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,qDAAqD;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,4GAc3B,CAAC;AA4EH,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CA8FjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/CaseHeader/CaseHeader.js

@@ -1,119 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { hideVisually, parseToHsl, readableColor, transparentize } from 'polished';
-import { Breadcrumbs, Flex, Icon, registerIcon, Text, StyledBreadcrumbs, StyledIcon, StyledPopover, defaultThemeProp, tryCatch, calculateFontSize, Link, StyledButton, StyledText, Button, MenuButton, useI18n } from '@pega/cosmos-react-core';
-import { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';
-import * as pencilIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/pencil.icon';
-import * as moreIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/more.icon';
-registerIcon(pencilIcon, moreIcon);
-export const StyledCaseHeader = styled.header(({ theme }) => {
-    const color = tryCatch(() => readableColor(theme.base.palette['brand-primary']));
-    return css `
-    background-color: ${theme.base.palette['brand-primary']};
-    color: ${color};
-    padding: calc(2 * ${theme.base.spacing});
-    position: relative;
-
-    ${StyledMenu} {
-      color: ${theme.base.palette['foreground-color']};
-      z-index: ${theme.base['z-index'].popover + 1};
-    }
-  `;
-});
-StyledCaseHeader.defaultProps = defaultThemeProp;
-const StyledCaseIconWrap = styled.div(({ theme }) => {
-    const spacing = theme.base.spacing;
-    const borderRadius = theme.base['border-radius'];
-    const backgroundColor = tryCatch(() => {
-        const { lightness } = parseToHsl(theme.base.palette['brand-primary']);
-        return lightness > 0.35 ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)';
-    });
-    return css `
-    background: ${backgroundColor};
-    border-radius: calc(${borderRadius} / 2);
-    width: calc(5 * ${spacing});
-    height: calc(5 * ${spacing});
-    ${StyledIcon} {
-      font-size: calc(3 * ${spacing});
-      margin: auto;
-    }
-  `;
-});
-StyledCaseIconWrap.defaultProps = defaultThemeProp;
-const StyledFollowIconWrap = styled.label `
-  font-size: 1.25rem;
-  input {
-    ${hideVisually}
-  }
-
-  input:focus + svg {
-    box-shadow: ${({ theme }) => theme.base.shadow['focus-inverted']};
-  }
-`;
-StyledFollowIconWrap.defaultProps = defaultThemeProp;
-const StyledCaseHeaderText = styled.div(({ theme }) => {
-    const color = readableColor(theme.base.palette['brand-primary']);
-    const transparentColor = tryCatch(() => transparentize(0.2, color));
-    const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
-    return css `
-    word-break: break-word;
-
-    ${StyledBreadcrumbs} {
-      > a,
-      > span,
-      > button,
-      > svg {
-        color: ${transparentColor};
-        font-size: ${fontSize.s};
-        font-weight: normal;
-      }
-
-      > a,
-      > button {
-        &:focus {
-          box-shadow: ${theme.base.shadow['focus-inverted']};
-        }
-      }
-
-      ${StyledPopover} {
-        color: ${theme.base.palette['foreground-color']};
-      }
-    }
-
-    > ${StyledText} > ${StyledButton} {
-      color: ${color};
-    }
-  `;
-});
-StyledCaseHeaderText.defaultProps = defaultThemeProp;
-const CaseHeader = forwardRef(({ caseId, heading, caseLink = { href: '' }, parentCases, isMediumOrAbove = true, icon, followed, onFollowedChange, actions = [], onEdit, ...restProps }, ref) => {
-    const { href, ...restLinkProps } = caseLink;
-    const t = useI18n();
-    const menuItems = actions.map(action => {
-        return {
-            ...action,
-            primary: action.text,
-            visual: action.icon ? _jsx(Icon, { name: action.icon }, void 0) : null
-        };
-    });
-    return (_jsxs(Flex, { ...restProps, as: StyledCaseHeader, container: { gap: 2, alignItems: 'start' }, ref: ref, children: [icon && (_jsx(Flex, { container: true, item: { shrink: 0 }, as: StyledCaseIconWrap, children: icon }, void 0)), _jsxs(Flex, { as: StyledCaseHeaderText, container: { direction: 'column' }, item: { grow: 1, shrink: 0, basis: '0' }, children: [_jsx(Text, { variant: 'h1', children: href ? (_jsx(Link, { ...restLinkProps, href: href, children: heading }, void 0)) : (heading) }, void 0), _jsx(Breadcrumbs, { path: [...(parentCases || []), { ...restLinkProps, id: caseId, primary: caseId, href }] }, void 0)] }, void 0), _jsxs("div", { children: [onEdit && (_jsx(Button, { icon: true, variant: 'simple', onClick: onEdit, label: t('edit'), children: _jsx(Icon, { name: 'pencil' }, void 0) }, void 0)), _jsx(MenuButton, { icon: 'more', iconOnly: true, variant: 'simple', text: t('actions'), menu: {
-                            items: followed !== undefined
-                                ? [
-                                    {
-                                        id: 'follow',
-                                        primary: followed ? t('unfollow') : t('follow'),
-                                        onClick: () => onFollowedChange?.(!followed)
-                                    },
-                                    ...menuItems
-                                ]
-                                : menuItems,
-                            scrollAt: 20
-                        }, popover: isMediumOrAbove
-                            ? {
-                                portal: true
-                            }
-                            : undefined }, void 0)] }, void 0)] }, void 0));
-});
-export default CaseHeader;
-//# sourceMappingURL=CaseHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CaseHeader.js","sourceRoot":"","sources":["../../../src/components/CaseHeader/CaseHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, FunctionComponent, ReactElement, Ref, PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { hideVisually, parseToHsl, readableColor, transparentize } from 'polished';\n\nimport {\n  Action,\n  Breadcrumbs,\n  Flex,\n  Icon,\n  registerIcon,\n  Text,\n  StyledBreadcrumbs,\n  StyledIcon,\n  StyledPopover,\n  defaultThemeProp,\n  ForwardProps,\n  tryCatch,\n  calculateFontSize,\n  Link,\n  StyledButton,\n  StyledText,\n  MenuItemProps,\n  Button,\n  MenuButton,\n  useI18n,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\nimport { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\nimport * as pencilIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/pencil.icon';\nimport * as moreIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/more.icon';\n\nregisterIcon(pencilIcon, moreIcon);\n\nexport interface CaseHeaderProps extends NoChildrenProp {\n  /** Any actions that will be used for various actions on the CaseView. */\n  actions?: Action[];\n  /** A callback for when the edit button is clicked */\n  onEdit?: () => void;\n  /**\n   * Indicator for the current size of the users screen.\n   * @internal\n   */\n  isMediumOrAbove?: boolean;\n  /** A Case ID to display in the heading. */\n  caseId: string;\n  /** A text region for the title of the CaseView. */\n  heading: string;\n  /** A set of props including an href that will be forwarded to the case heading and caseId. */\n  caseLink?: { href: string } & ForwardProps;\n  /** A set of Link props representing the case parents, rendered as Breadcrumbs. */\n  parentCases?: MenuItemProps[];\n  /** An icon to serve as a visual for the CaseView. */\n  icon?: ReactElement;\n  /** Indicates if the current user is following the case. This should be updated based on onFollowedChange.  */\n  followed?: boolean;\n  /** Called when user chooses to follow or unfollow the case. Use this to update followed. */\n  onFollowedChange?: (following: boolean) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLElement>;\n}\n\nexport const StyledCaseHeader = styled.header(({ theme }) => {\n  const color = tryCatch(() => readableColor(theme.base.palette['brand-primary']));\n\n  return css`\n    background-color: ${theme.base.palette['brand-primary']};\n    color: ${color};\n    padding: calc(2 * ${theme.base.spacing});\n    position: relative;\n\n    ${StyledMenu} {\n      color: ${theme.base.palette['foreground-color']};\n      z-index: ${theme.base['z-index'].popover + 1};\n    }\n  `;\n});\n\nStyledCaseHeader.defaultProps = defaultThemeProp;\n\nconst StyledCaseIconWrap = styled.div(({ theme }) => {\n  const spacing = theme.base.spacing;\n  const borderRadius = theme.base['border-radius'];\n  const backgroundColor = tryCatch(() => {\n    const { lightness } = parseToHsl(theme.base.palette['brand-primary']);\n    return lightness > 0.35 ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)';\n  });\n\n  return css`\n    background: ${backgroundColor};\n    border-radius: calc(${borderRadius} / 2);\n    width: calc(5 * ${spacing});\n    height: calc(5 * ${spacing});\n    ${StyledIcon} {\n      font-size: calc(3 * ${spacing});\n      margin: auto;\n    }\n  `;\n});\n\nStyledCaseIconWrap.defaultProps = defaultThemeProp;\n\nconst StyledFollowIconWrap = styled.label`\n  font-size: 1.25rem;\n  input {\n    ${hideVisually}\n  }\n\n  input:focus + svg {\n    box-shadow: ${({ theme }) => theme.base.shadow['focus-inverted']};\n  }\n`;\n\nStyledFollowIconWrap.defaultProps = defaultThemeProp;\n\nconst StyledCaseHeaderText = styled.div(({ theme }) => {\n  const color = readableColor(theme.base.palette['brand-primary']);\n  const transparentColor = tryCatch(() => transparentize(0.2, color));\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  return css`\n    word-break: break-word;\n\n    ${StyledBreadcrumbs} {\n      > a,\n      > span,\n      > button,\n      > svg {\n        color: ${transparentColor};\n        font-size: ${fontSize.s};\n        font-weight: normal;\n      }\n\n      > a,\n      > button {\n        &:focus {\n          box-shadow: ${theme.base.shadow['focus-inverted']};\n        }\n      }\n\n      ${StyledPopover} {\n        color: ${theme.base.palette['foreground-color']};\n      }\n    }\n\n    > ${StyledText} > ${StyledButton} {\n      color: ${color};\n    }\n  `;\n});\n\nStyledCaseHeaderText.defaultProps = defaultThemeProp;\n\nconst CaseHeader: FunctionComponent<CaseHeaderProps & ForwardProps> = forwardRef(\n  (\n    {\n      caseId,\n      heading,\n      caseLink = { href: '' },\n      parentCases,\n      isMediumOrAbove = true,\n      icon,\n      followed,\n      onFollowedChange,\n      actions = [],\n      onEdit,\n      ...restProps\n    }: PropsWithoutRef<CaseHeaderProps>,\n    ref: CaseHeaderProps['ref']\n  ) => {\n    const { href, ...restLinkProps } = caseLink;\n    const t = useI18n();\n    const menuItems: MenuItemProps[] = actions.map(action => {\n      return {\n        ...action,\n        primary: action.text,\n        visual: action.icon ? <Icon name={action.icon} /> : null\n      };\n    });\n\n    return (\n      <Flex\n        {...restProps}\n        as={StyledCaseHeader}\n        container={{ gap: 2, alignItems: 'start' }}\n        ref={ref}\n      >\n        {icon && (\n          <Flex container item={{ shrink: 0 }} as={StyledCaseIconWrap}>\n            {icon}\n          </Flex>\n        )}\n        <Flex\n          as={StyledCaseHeaderText}\n          container={{ direction: 'column' }}\n          item={{ grow: 1, shrink: 0, basis: '0' }}\n        >\n          <Text variant='h1'>\n            {href ? (\n              <Link {...restLinkProps} href={href}>\n                {heading}\n              </Link>\n            ) : (\n              heading\n            )}\n          </Text>\n          <Breadcrumbs\n            path={[...(parentCases || []), { ...restLinkProps, id: caseId, primary: caseId, href }]}\n          />\n        </Flex>\n        <div>\n          {onEdit && (\n            <Button icon variant='simple' onClick={onEdit} label={t('edit')}>\n              <Icon name='pencil' />\n            </Button>\n          )}\n          <MenuButton\n            icon='more'\n            iconOnly\n            variant='simple'\n            text={t('actions')}\n            menu={{\n              items:\n                followed !== undefined\n                  ? [\n                      {\n                        id: 'follow',\n                        primary: followed ? t('unfollow') : t('follow'),\n                        onClick: () => onFollowedChange?.(!followed)\n                      },\n                      ...menuItems\n                    ]\n                  : menuItems,\n              scrollAt: 20\n            }}\n            popover={\n              isMediumOrAbove\n                ? {\n                    portal: true\n                  }\n                : undefined\n            }\n          />\n        </div>\n      </Flex>\n    );\n  }\n);\n\nexport default CaseHeader;\n"]}

package/lib/components/CaseHeader/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './CaseHeader';
-export { CaseHeaderProps } from './CaseHeader';
-export { StyledCaseHeader } from './CaseHeader';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CaseHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/CaseHeader/index.js

@@ -1,3 +0,0 @@
-export { default } from './CaseHeader';
-export { StyledCaseHeader } from './CaseHeader';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CaseHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default } from './CaseHeader';\nexport { CaseHeaderProps } from './CaseHeader';\nexport { StyledCaseHeader } from './CaseHeader';\n"]}

package/lib/components/CaseSummary/CaseSummary.d.ts

@@ -1,36 +0,0 @@
-import { FunctionComponent, ReactNode, Ref, MouseEvent } from 'react';
-import { Tab, ForwardProps } from '@pega/cosmos-react-core';
-import { CaseHeaderProps } from '../CaseHeader';
-export interface CaseSummaryProps extends CaseHeaderProps {
-    /** A region to display any summary information about the CaseView. */
-    summary: ReactNode;
-    /** An object handling the rendering and functionality of the Tabs in CaseSummary. */
-    tabs: {
-        items: Tab[];
-        onClick: (id: string, event?: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
-        currentTabId: string;
-    };
-    /** The fixed width string is needed for the expandable and collapsible header. */
-    fixedWidth?: string;
-    /** A boolean that toggles the collapsible feature of the case summary. */
-    collapsible?: boolean;
-    onBeforeCollapse?: () => void;
-    onAfterCollapse?: () => void;
-    onBeforeExpand?: () => void;
-    onAfterExpand?: () => void;
-    /** A callback that will return the animation state of the case summary. */
-    onAnimationStateChange?: (state: AnimationState) => void;
-    /** Ref for the header element inside the Case Summary */
-    headerRef?: Ref<HTMLDivElement>;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLDivElement>;
-}
-declare type AnimationState = 'expanding' | 'expanded' | 'collapsing' | 'collapsed';
-export declare const StyledCaseSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    expanded?: boolean | undefined;
-    fixedWidth?: string | undefined;
-}, never>;
-export declare const StyledCaseSummaryInfo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const CaseSummary: FunctionComponent<CaseSummaryProps & ForwardProps>;
-export default CaseSummary;
-//# sourceMappingURL=CaseSummary.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../src/components/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAEjB,SAAS,EACT,GAAG,EACH,UAAU,EAIX,MAAM,OAAO,CAAC;AAGf,OAAO,EAGL,GAAG,EACH,YAAY,EAUb,MAAM,yBAAyB,CAAC;AAGjC,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,sEAAsE;IACtE,OAAO,EAAE,SAAS,CAAC;IACnB,qFAAqF;IACrF,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG,EAAE,CAAC;QACb,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;QACzF,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IAWF,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,2EAA2E;IAC3E,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzD,yDAAyD;IACzD,SAAS,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;AAE5E,eAAO,MAAM,iBAAiB;;;SAyB7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yGAGjC,CAAC;AAsCF,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,YAAY,CAqKnE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/CaseSummary/CaseSummary.js

@@ -1,130 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect, useRef } from 'react';
-import styled, { css } from 'styled-components';
-import { Flex, Tabs, ExpandCollapse, defaultThemeProp, useConsolidatedRef, Icon, registerIcon, useI18n, useFocusWithin, Button, StyledIcon } from '@pega/cosmos-react-core';
-import * as arrowMicroLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-left.icon';
-import CaseHeader from '../CaseHeader';
-registerIcon(arrowMicroLeftIcon);
-export const StyledCaseSummary = styled.div(({ theme, expanded, fixedWidth }) => {
-    return css `
-      position: relative;
-      width: ${fixedWidth || 'auto'};
-      max-width: ${fixedWidth ? 'none' : '100%'};
-      height: 100%;
-
-      ${expanded &&
-        css `
-        @media (min-width: ${theme.base.breakpoints.md}) {
-          &:hover {
-            &::after {
-              content: '';
-              position: absolute;
-              top: 0;
-              bottom: 0;
-              inset-inline-start: 100%;
-              width: 0.75rem;
-            }
-          }
-        }
-      `}
-    `;
-});
-export const StyledCaseSummaryInfo = styled.div `
-  overflow: auto;
-  flex: 1;
-`;
-const StyledExpandCollapse = styled.div(({ animationState }) => {
-    const expandingOrCollapsing = ['expanding', 'collapsing'].includes(animationState);
-    return css `
-      position: ${expandingOrCollapsing ? 'fixed' : 'relative'};
-      top: ${expandingOrCollapsing ? 'var(--appshell-offset, 0)' : 0};
-    `;
-});
-const StyledExpandCollapseButton = styled(Button)(({ theme, expanded, headerHeight, animationState, visible }) => {
-    return css `
-    border-radius: ${expanded ? '1.5rem' : '0 1.5rem 1.5rem 0'};
-    box-shadow: ${theme.base.shadow.low};
-    border: none;
-    opacity: ${visible ? '1' : '0'};
-    position: ${animationState === 'collapsing' ? 'fixed' : 'absolute'};
-    inset-inline-start: ${expanded ? 'calc(100% - 0.75rem)' : 0};
-    top: calc(calc(${headerHeight}px / 2) - 0.75rem);
-    z-index: 1;
-
-    ${StyledIcon} {
-      width: 1.5rem;
-      height: 1.5rem;
-      transform: rotate(${expanded ? '0' : '180deg'});
-    }
-  `;
-});
-StyledExpandCollapseButton.defaultProps = defaultThemeProp;
-const CaseSummary = forwardRef((props, ref) => {
-    const { icon, heading, caseId, caseLink, parentCases, followed, onFollowedChange, actions, onEdit, summary, tabs, forceMobile, collapsible = false, desktop = true, fixedWidth, onBeforeCollapse, onAfterCollapse, onBeforeExpand, onAfterExpand, onAnimationStateChange, headerRef: caseSummaryHeaderRef, ...restProps } = props;
-    const [showExpandCollapse, setShowExpandCollapse] = useState(false);
-    const expandCollapseBtnRef = useRef(null);
-    const [expanded, setExpanded] = useState(true);
-    const isMediumOrAbove = !forceMobile && desktop;
-    const [animationState, setAnimationState] = useState('expanded');
-    const [collapsedHeight, setCollapsedHeight] = useState(0);
-    const caseSummaryRef = useConsolidatedRef(ref);
-    const focusWithin = useFocusWithin([caseSummaryRef.current]);
-    const t = useI18n();
-    const setAnimStateAndUpdateParent = (state) => {
-        setAnimationState(state);
-        onAnimationStateChange?.(state);
-    };
-    const headerRef = useConsolidatedRef(caseSummaryHeaderRef);
-    const showTabs = (isMediumOrAbove && tabs.items.length > 1) || !isMediumOrAbove;
-    const caseHeaderProps = {
-        actions,
-        onEdit,
-        isMediumOrAbove,
-        caseId,
-        parentCases,
-        heading,
-        caseLink,
-        icon,
-        followed,
-        onFollowedChange,
-        style: {
-            maxHeight: ['expanding', 'collapsed', 'collapsing'].includes(animationState)
-                ? `${collapsedHeight}px`
-                : 'auto'
-        }
-    };
-    useEffect(() => {
-        if (['expanded'].includes(animationState)) {
-            setCollapsedHeight(headerRef.current?.offsetHeight || 0);
-        }
-    }, [animationState, headerRef.current]);
-    const expandOrCollapseLabel = expanded ? t('collapse') : t('expand');
-    const expandOrCollapseA11y = expanded ? t('collapse_summary_panel') : t('expand_summary_panel');
-    return (_jsxs(Flex, { as: StyledCaseSummary, expanded: expanded, fixedWidth: fixedWidth, container: { direction: 'column' }, item: { shrink: 0 }, ref: caseSummaryRef, style: {
-            marginTop: ['collapsing', 'expanding'].includes(animationState)
-                ? `${collapsedHeight}px`
-                : 0
-        }, onMouseEnter: () => {
-            setShowExpandCollapse(true);
-        }, onMouseLeave: () => {
-            setShowExpandCollapse(false);
-        }, ...restProps, children: [collapsible ? (_jsxs(_Fragment, { children: [_jsx(StyledExpandCollapseButton, { onClick: () => setExpanded(!expanded), expanded: expanded, headerHeight: collapsedHeight, animationState: animationState, label: ['expanded', 'collapsed'].includes(animationState)
-                            ? expandOrCollapseLabel
-                            : undefined, "aria-label": ['expanding', 'collapsing'].includes(animationState)
-                            ? expandOrCollapseA11y
-                            : undefined, visible: showExpandCollapse || !expanded || focusWithin, tabIndex: 0, icon: true, compact: true, ref: expandCollapseBtnRef, children: _jsx(Icon, { name: 'arrow-micro-left' }, void 0) }, void 0), _jsx(ExpandCollapse, { dimension: 'width', min: isMediumOrAbove || !expanded ? fixedWidth : '100%', max: '100%', collapsed: expanded, onBeforeExpand: () => {
-                            setAnimStateAndUpdateParent('collapsing');
-                            onBeforeCollapse?.();
-                        }, onAfterExpand: () => {
-                            setAnimStateAndUpdateParent('collapsed');
-                            onAfterCollapse?.();
-                        }, onBeforeCollapse: () => {
-                            setAnimStateAndUpdateParent('expanding');
-                            onBeforeExpand?.();
-                        }, onAfterCollapse: () => {
-                            setAnimStateAndUpdateParent('expanded');
-                            onAfterExpand?.();
-                        }, as: StyledExpandCollapse, animationState: animationState, ref: headerRef, children: _jsx(CaseHeader, { ...caseHeaderProps }, void 0) }, void 0)] }, void 0)) : (_jsx(CaseHeader, { ...caseHeaderProps }, void 0)), _jsxs(StyledCaseSummaryInfo, { children: [isMediumOrAbove && summary, showTabs && isMediumOrAbove && (_jsx(Tabs, { type: 'vertical', tabs: tabs.items, onTabClick: tabs.onClick, currentTabId: tabs.currentTabId }, void 0))] }, void 0)] }, void 0));
-});
-export default CaseSummary;
-//# sourceMappingURL=CaseSummary.js.map

package/lib/components/CaseSummary/CaseSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseSummary.js","sourceRoot":"","sources":["../../../src/components/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  ReactNode,\n  Ref,\n  MouseEvent,\n  useState,\n  useEffect,\n  useRef\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Tabs,\n  Tab,\n  ForwardProps,\n  ExpandCollapse,\n  defaultThemeProp,\n  useConsolidatedRef,\n  Icon,\n  registerIcon,\n  useI18n,\n  useFocusWithin,\n  Button,\n  StyledIcon\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-left.icon';\n\nimport CaseHeader, { CaseHeaderProps } from '../CaseHeader';\n\nregisterIcon(arrowMicroLeftIcon);\n\nexport interface CaseSummaryProps extends CaseHeaderProps {\n  /** A region to display any summary information about the CaseView. */\n  summary: ReactNode;\n  /** An object handling the rendering and functionality of the Tabs in CaseSummary. */\n  tabs: {\n    items: Tab[];\n    onClick: (id: string, event?: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;\n    currentTabId: string;\n  };\n  /**\n   * Forces rendering in the mobile layout, regardless of screen size.\n   * @internal\n   */\n  forceMobile?: boolean;\n  /**\n   * Indicator for a desktop size.\n   * @internal\n   */\n  desktop?: boolean;\n  /** The fixed width string is needed for the expandable and collapsible header. */\n  fixedWidth?: string;\n  /** A boolean that toggles the collapsible feature of the case summary. */\n  collapsible?: boolean;\n  onBeforeCollapse?: () => void;\n  onAfterCollapse?: () => void;\n  onBeforeExpand?: () => void;\n  onAfterExpand?: () => void;\n  /** A callback that will return the animation state of the case summary. */\n  onAnimationStateChange?: (state: AnimationState) => void;\n  /** Ref for the header element inside the Case Summary */\n  headerRef?: Ref<HTMLDivElement>;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\ntype AnimationState = 'expanding' | 'expanded' | 'collapsing' | 'collapsed';\n\nexport const StyledCaseSummary = styled.div<{ expanded?: boolean; fixedWidth?: string }>(\n  ({ theme, expanded, fixedWidth }) => {\n    return css`\n      position: relative;\n      width: ${fixedWidth || 'auto'};\n      max-width: ${fixedWidth ? 'none' : '100%'};\n      height: 100%;\n\n      ${expanded &&\n      css`\n        @media (min-width: ${theme.base.breakpoints.md}) {\n          &:hover {\n            &::after {\n              content: '';\n              position: absolute;\n              top: 0;\n              bottom: 0;\n              inset-inline-start: 100%;\n              width: 0.75rem;\n            }\n          }\n        }\n      `}\n    `;\n  }\n);\n\nexport const StyledCaseSummaryInfo = styled.div`\n  overflow: auto;\n  flex: 1;\n`;\n\nconst StyledExpandCollapse = styled.div<{ animationState: AnimationState }>(\n  ({ animationState }) => {\n    const expandingOrCollapsing = ['expanding', 'collapsing'].includes(animationState);\n    return css`\n      position: ${expandingOrCollapsing ? 'fixed' : 'relative'};\n      top: ${expandingOrCollapsing ? 'var(--appshell-offset, 0)' : 0};\n    `;\n  }\n);\n\nconst StyledExpandCollapseButton = styled(Button)<{\n  expanded: boolean;\n  headerHeight: number;\n  animationState: AnimationState;\n  visible: boolean;\n}>(({ theme, expanded, headerHeight, animationState, visible }) => {\n  return css`\n    border-radius: ${expanded ? '1.5rem' : '0 1.5rem 1.5rem 0'};\n    box-shadow: ${theme.base.shadow.low};\n    border: none;\n    opacity: ${visible ? '1' : '0'};\n    position: ${animationState === 'collapsing' ? 'fixed' : 'absolute'};\n    inset-inline-start: ${expanded ? 'calc(100% - 0.75rem)' : 0};\n    top: calc(calc(${headerHeight}px / 2) - 0.75rem);\n    z-index: 1;\n\n    ${StyledIcon} {\n      width: 1.5rem;\n      height: 1.5rem;\n      transform: rotate(${expanded ? '0' : '180deg'});\n    }\n  `;\n});\n\nStyledExpandCollapseButton.defaultProps = defaultThemeProp;\n\nconst CaseSummary: FunctionComponent<CaseSummaryProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<CaseSummaryProps>, ref: CaseSummaryProps['ref']) => {\n    const {\n      icon,\n      heading,\n      caseId,\n      caseLink,\n      parentCases,\n      followed,\n      onFollowedChange,\n      actions,\n      onEdit,\n      summary,\n      tabs,\n      forceMobile,\n      collapsible = false,\n      desktop = true,\n      fixedWidth,\n      onBeforeCollapse,\n      onAfterCollapse,\n      onBeforeExpand,\n      onAfterExpand,\n      onAnimationStateChange,\n      headerRef: caseSummaryHeaderRef,\n      ...restProps\n    } = props;\n\n    const [showExpandCollapse, setShowExpandCollapse] = useState(false);\n    const expandCollapseBtnRef = useRef<HTMLButtonElement>(null);\n    const [expanded, setExpanded] = useState(true);\n    const isMediumOrAbove = !forceMobile && desktop;\n    const [animationState, setAnimationState] = useState('expanded');\n    const [collapsedHeight, setCollapsedHeight] = useState(0);\n    const caseSummaryRef = useConsolidatedRef(ref);\n    const focusWithin = useFocusWithin<HTMLDivElement>([caseSummaryRef.current]);\n    const t = useI18n();\n\n    const setAnimStateAndUpdateParent = (state: AnimationState) => {\n      setAnimationState(state);\n      onAnimationStateChange?.(state);\n    };\n\n    const headerRef = useConsolidatedRef<HTMLDivElement>(caseSummaryHeaderRef);\n\n    const showTabs = (isMediumOrAbove && tabs.items.length > 1) || !isMediumOrAbove;\n\n    const caseHeaderProps = {\n      actions,\n      onEdit,\n      isMediumOrAbove,\n      caseId,\n      parentCases,\n      heading,\n      caseLink,\n      icon,\n      followed,\n      onFollowedChange,\n      style: {\n        maxHeight: ['expanding', 'collapsed', 'collapsing'].includes(animationState)\n          ? `${collapsedHeight}px`\n          : 'auto'\n      }\n    };\n\n    useEffect(() => {\n      if (['expanded'].includes(animationState)) {\n        setCollapsedHeight(headerRef.current?.offsetHeight || 0);\n      }\n    }, [animationState, headerRef.current]);\n\n    const expandOrCollapseLabel = expanded ? t('collapse') : t('expand');\n    const expandOrCollapseA11y = expanded ? t('collapse_summary_panel') : t('expand_summary_panel');\n\n    return (\n      <Flex\n        as={StyledCaseSummary}\n        expanded={expanded}\n        fixedWidth={fixedWidth}\n        container={{ direction: 'column' }}\n        item={{ shrink: 0 }}\n        ref={caseSummaryRef}\n        style={{\n          marginTop: ['collapsing', 'expanding'].includes(animationState)\n            ? `${collapsedHeight}px`\n            : 0\n        }}\n        onMouseEnter={() => {\n          setShowExpandCollapse(true);\n        }}\n        onMouseLeave={() => {\n          setShowExpandCollapse(false);\n        }}\n        {...restProps}\n      >\n        {collapsible ? (\n          <>\n            <StyledExpandCollapseButton\n              onClick={() => setExpanded(!expanded)}\n              expanded={expanded}\n              headerHeight={collapsedHeight}\n              animationState={animationState}\n              label={\n                ['expanded', 'collapsed'].includes(animationState)\n                  ? expandOrCollapseLabel\n                  : undefined\n              }\n              aria-label={\n                ['expanding', 'collapsing'].includes(animationState)\n                  ? expandOrCollapseA11y\n                  : undefined\n              }\n              visible={showExpandCollapse || !expanded || focusWithin}\n              tabIndex={0}\n              icon\n              compact\n              ref={expandCollapseBtnRef}\n            >\n              <Icon name='arrow-micro-left' />\n            </StyledExpandCollapseButton>\n            <ExpandCollapse\n              dimension='width'\n              min={isMediumOrAbove || !expanded ? fixedWidth : '100%'}\n              max='100%'\n              collapsed={expanded}\n              onBeforeExpand={() => {\n                setAnimStateAndUpdateParent('collapsing');\n                onBeforeCollapse?.();\n              }}\n              onAfterExpand={() => {\n                setAnimStateAndUpdateParent('collapsed');\n                onAfterCollapse?.();\n              }}\n              onBeforeCollapse={() => {\n                setAnimStateAndUpdateParent('expanding');\n                onBeforeExpand?.();\n              }}\n              onAfterCollapse={() => {\n                setAnimStateAndUpdateParent('expanded');\n                onAfterExpand?.();\n              }}\n              as={StyledExpandCollapse}\n              animationState={animationState}\n              ref={headerRef}\n            >\n              <CaseHeader {...caseHeaderProps} />\n            </ExpandCollapse>\n          </>\n        ) : (\n          <CaseHeader {...caseHeaderProps} />\n        )}\n        <StyledCaseSummaryInfo>\n          {isMediumOrAbove && summary}\n\n          {showTabs && isMediumOrAbove && (\n            <Tabs\n              type='vertical'\n              tabs={tabs.items}\n              onTabClick={tabs.onClick}\n              currentTabId={tabs.currentTabId}\n            />\n          )}\n        </StyledCaseSummaryInfo>\n      </Flex>\n    );\n  }\n);\n\nexport default CaseSummary;\n"]}

package/lib/components/CaseSummary/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './CaseSummary';
-export { CaseSummaryProps } from './CaseSummary';
-export { StyledCaseSummary } from './CaseSummary';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/CaseSummary/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CaseSummary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/CaseSummary/index.js

@@ -1,3 +0,0 @@
-export { default } from './CaseSummary';
-export { StyledCaseSummary } from './CaseSummary';
-//# sourceMappingURL=index.js.map

package/lib/components/CaseSummary/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CaseSummary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default } from './CaseSummary';\nexport { CaseSummaryProps } from './CaseSummary';\nexport { StyledCaseSummary } from './CaseSummary';\n"]}

package/lib/components/CaseSummaryFields/CaseSummaryFields.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode, FunctionComponent, Ref } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
-export declare const StyledCaseSummaryFields: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export interface CaseSummaryFieldsProps {
-    /** The primary summary fields to display above secondary fields. */
-    primaryFields: {
-        id?: string;
-        name: string;
-        value: ReactNode;
-    }[];
-    /** The secondary summary fields to display below primary fields. */
-    secondaryFields: {
-        id?: string;
-        name: string;
-        value: ReactNode;
-    }[];
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLDivElement>;
-}
-declare const CaseSummaryFields: FunctionComponent<CaseSummaryFieldsProps & ForwardProps>;
-export default CaseSummaryFields;
-//# sourceMappingURL=CaseSummaryFields.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CaseSummaryFields.d.ts","sourceRoot":"","sources":["../../../src/components/CaseSummaryFields/CaseSummaryFields.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAOL,YAAY,EAEb,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,uBAAuB,yGAelC,CAAC;AAIH,MAAM,WAAW,sBAAsB;IACrC,oEAAoE;IACpE,aAAa,EAAE;QACb,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,SAAS,CAAC;KAClB,EAAE,CAAC;IACJ,oEAAoE;IACpE,eAAe,EAAE;QACf,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,SAAS,CAAC;KAClB,EAAE,CAAC;IACJ,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,GAAG,YAAY,CAY/E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/CaseSummaryFields/CaseSummaryFields.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { Grid, FieldValueList, StyledFieldValueList, StyledFieldValue, calculateFontSize, defaultThemeProp } from '@pega/cosmos-react-core';
-export const StyledCaseSummaryFields = styled.div(({ theme }) => {
-    const fontSizes = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
-    return css `
-    padding: calc(2 * ${theme.base.spacing});
-
-    > ${StyledFieldValueList}:first-child {
-      grid-template-columns: 16ch auto;
-
-      ${StyledFieldValue} {
-        font-size: ${fontSizes[theme.components.text.h1['font-size']]};
-        font-weight: ${theme.components.text.h1['font-weight']};
-      }
-    }
-  `;
-});
-StyledCaseSummaryFields.defaultProps = defaultThemeProp;
-const CaseSummaryFields = forwardRef(({ primaryFields, secondaryFields, ...restProps }, ref) => {
-    return (_jsxs(Grid, { ...restProps, as: StyledCaseSummaryFields, ref: ref, container: { rowGap: 2 }, children: [_jsx(FieldValueList, { variant: 'stacked', fields: primaryFields }, void 0), _jsx(FieldValueList, { variant: 'inline', fields: secondaryFields }, void 0)] }, void 0));
-});
-export default CaseSummaryFields;
-//# sourceMappingURL=CaseSummaryFields.js.map

package/lib/components/CaseSummaryFields/CaseSummaryFields.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseSummaryFields.js","sourceRoot":"","sources":["../../../src/components/CaseSummaryFields/CaseSummaryFields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,UAAU,EAA2C,MAAM,OAAO,CAAC;AACvF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAGjB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9D,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEvF,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,IAAI,CAAC,OAAO;;QAElC,oBAAoB;;;QAGpB,gBAAgB;qBACH,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAa,CAAC;uBAC1D,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;;GAG3D,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAmBxD,MAAM,iBAAiB,GAA6D,UAAU,CAC5F,CACE,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,SAAS,EAA2C,EACzF,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,MAAC,IAAI,OAAK,SAAS,EAAE,EAAE,EAAE,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,aAClF,KAAC,cAAc,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAE,aAAa,WAAI,EAC3D,KAAC,cAAc,IAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAE,eAAe,WAAI,YACvD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { ReactNode, forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Grid,\n  FieldValueList,\n  StyledFieldValueList,\n  StyledFieldValue,\n  calculateFontSize,\n  defaultThemeProp,\n  ForwardProps,\n  FontSize\n} from '@pega/cosmos-react-core';\n\nexport const StyledCaseSummaryFields = styled.div(({ theme }) => {\n  const fontSizes = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    padding: calc(2 * ${theme.base.spacing});\n\n    > ${StyledFieldValueList}:first-child {\n      grid-template-columns: 16ch 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    }\n  `;\n});\n\nStyledCaseSummaryFields.defaultProps = defaultThemeProp;\n\nexport interface CaseSummaryFieldsProps {\n  /** The primary summary fields to display above secondary fields. */\n  primaryFields: {\n    id?: string;\n    name: string;\n    value: ReactNode;\n  }[];\n  /** The secondary summary fields to display below primary fields. */\n  secondaryFields: {\n    id?: string;\n    name: string;\n    value: ReactNode;\n  }[];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst CaseSummaryFields: FunctionComponent<CaseSummaryFieldsProps & ForwardProps> = forwardRef(\n  (\n    { primaryFields, secondaryFields, ...restProps }: PropsWithoutRef<CaseSummaryFieldsProps>,\n    ref: CaseSummaryFieldsProps['ref']\n  ) => {\n    return (\n      <Grid {...restProps} as={StyledCaseSummaryFields} ref={ref} container={{ rowGap: 2 }}>\n        <FieldValueList variant='stacked' fields={primaryFields} />\n        <FieldValueList variant='inline' fields={secondaryFields} />\n      </Grid>\n    );\n  }\n);\n\nexport default CaseSummaryFields;\n"]}

package/lib/components/CaseSummaryFields/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './CaseSummaryFields';
-export { CaseSummaryFieldsProps } from './CaseSummaryFields';
-export { StyledCaseSummaryFields } from './CaseSummaryFields';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/CaseSummaryFields/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CaseSummaryFields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/components/CaseSummaryFields/index.js

@@ -1,3 +0,0 @@
-export { default } from './CaseSummaryFields';
-export { StyledCaseSummaryFields } from './CaseSummaryFields';
-//# sourceMappingURL=index.js.map

package/lib/components/CaseSummaryFields/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CaseSummaryFields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { default } from './CaseSummaryFields';\nexport { CaseSummaryFieldsProps } from './CaseSummaryFields';\nexport { StyledCaseSummaryFields } from './CaseSummaryFields';\n"]}

package/lib/components/Stages/Steps.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent } from 'react';
-import { StepProps } from './Stages.types';
-interface StepsProps {
-    steps?: StepProps[];
-}
-declare const Steps: FunctionComponent<StepsProps>;
-export default Steps;
-//# sourceMappingURL=Steps.d.ts.map

package/lib/components/Stages/Steps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Stages/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,CAcxC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Stages/Steps.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon, registerIcon, Text, Grid } from '@pega/cosmos-react-core';
-import * as checkIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/check.icon';
-import * as circleSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/circle-solid.icon';
-import { StyledStep, StyledStepsContainer } from './Stages.styles';
-registerIcon(checkIcon, circleSolidIcon);
-const Steps = ({ steps }) => {
-    return (_jsx(StyledStepsContainer, { children: steps &&
-            steps.map(({ id, name, complete }) => (_jsx(StyledStep, { complete: complete, children: _jsxs(Grid, { container: { cols: '1.625rem 1fr' }, children: [_jsx(Icon, { name: complete ? 'check' : 'circle-solid' }, void 0), _jsx(Text, { children: name }, void 0)] }, void 0) }, id))) }, void 0));
-};
-export default Steps;
-//# sourceMappingURL=Steps.js.map

package/lib/components/Stages/Steps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../../src/components/Stages/Steps.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,SAAS,MAAM,8DAA8D,CAAC;AAC1F,OAAO,KAAK,eAAe,MAAM,qEAAqE,CAAC;AAGvG,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEnE,YAAY,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAMzC,MAAM,KAAK,GAAkC,CAAC,EAAE,KAAK,EAA+B,EAAE,EAAE;IACtF,OAAO,CACL,KAAC,oBAAoB,cAClB,KAAK;YACJ,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpC,KAAC,UAAU,IAAU,QAAQ,EAAE,QAAQ,YACrC,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,aACvC,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,WAAI,EACnD,KAAC,IAAI,cAAE,IAAI,WAAQ,YACd,IAJQ,EAAE,CAKN,CACd,CAAC,WACiB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { PropsWithoutRef, FunctionComponent } from 'react';\n\nimport { Icon, registerIcon, Text, Grid } from '@pega/cosmos-react-core';\nimport * as checkIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/check.icon';\nimport * as circleSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/circle-solid.icon';\n\nimport { StepProps } from './Stages.types';\nimport { StyledStep, StyledStepsContainer } from './Stages.styles';\n\nregisterIcon(checkIcon, circleSolidIcon);\n\ninterface StepsProps {\n  steps?: StepProps[];\n}\n\nconst Steps: FunctionComponent<StepsProps> = ({ steps }: PropsWithoutRef<StepsProps>) => {\n  return (\n    <StyledStepsContainer>\n      {steps &&\n        steps.map(({ id, name, complete }) => (\n          <StyledStep key={id} complete={complete}>\n            <Grid container={{ cols: '1.625rem 1fr' }}>\n              <Icon name={complete ? 'check' : 'circle-solid'} />\n              <Text>{name}</Text>\n            </Grid>\n          </StyledStep>\n        ))}\n    </StyledStepsContainer>\n  );\n};\n\nexport default Steps;\n"]}