@pega/cosmos-react-work 7.0.0-build.23.0 → 7.0.0-build.24.0

package/lib/components/HierarchicalAssignments/AssignmentContainer.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { type TestIdProp } from '@pega/cosmos-react-core';
+import type { CaseListProps, ItemsProps, AssignmentProps } from './HierarchicalAssignments.types';
+interface AssignmentContainerProps extends CaseListProps {
+    /** Depth of the tree component, used for CSS indentation purpose. */
+    depth: number;
+    /** First Id of Assignment or childCase from the list. */
+    firstItemId?: AssignmentProps['id'] | CaseListProps['id'];
+    /** Boolean indicating if the given breakpoint is active or not */
+    isMediumOrAbove: boolean;
+}
+interface AssignmentTopContainerProps extends ItemsProps, TestIdProp {
+    /** Depth of the tree component, used for CSS indentation purpose. */
+    depth: 0;
+    /** First Id of Assignment or childCase from the list. */
+    firstItemId?: AssignmentProps['id'] | CaseListProps['id'];
+    /** Boolean indicating if the given breakpoint is active or not */
+    isMediumOrAbove: boolean;
+    /** AssignmentContainer is a Recursion component, where id will not be passed as prop on initial call from HierarchicalAssignment. */
+    id?: never;
+    /** AssignmentContainer is a Recursion component, where status will not be passed as prop on initial call from HierarchicalAssignment. */
+    status?: never;
+    /** AssignmentContainer is a Recursion component, where link will not be passed as prop on initial call from HierarchicalAssignment. */
+    link?: never;
+    /** AssignmentContainer is a Recursion component, where name will not be passed as prop on initial call from HierarchicalAssignment. */
+    name?: never;
+}
+export declare const maxDepth = 5;
+declare const _default: (({ assignments, childCases, id, depth, status, link, collapsed, onToggleCollapsed, firstItemId, name, testId, isMediumOrAbove }: AssignmentContainerProps | AssignmentTopContainerProps) => JSX.Element) & {
+    getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["toggle-action", "label", "id", "status"]>;
+};
+export default _default;
+//# sourceMappingURL=AssignmentContainer.d.ts.map

package/lib/components/HierarchicalAssignments/AssignmentContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentContainer.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentContainer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAUL,KAAK,UAAU,EAChB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAalG,UAAU,wBAAyB,SAAQ,aAAa;IACtD,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1D,kEAAkE;IAClE,eAAe,EAAE,OAAO,CAAC;CAC1B;AACD,UAAU,2BAA4B,SAAQ,UAAU,EAAE,UAAU;IAClE,qEAAqE;IACrE,KAAK,EAAE,CAAC,CAAC;IACT,yDAAyD;IACzD,WAAW,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1D,kEAAkE;IAClE,eAAe,EAAE,OAAO,CAAC;IACzB,qIAAqI;IACrI,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,yIAAyI;IACzI,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,uIAAuI;IACvI,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,uIAAuI;IACvI,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,QAAQ,IAAI,CAAC;;;;AAmL1B,wBAAgE"}

package/lib/components/HierarchicalAssignments/AssignmentContainer.js

@@ -0,0 +1,45 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Flex, useI18n, ExpandCollapse, Icon, Text, Link, Status, withTestIds, useTestIds } from '@pega/cosmos-react-core';
+import AssignmentItem from './AssignmentItem';
+import { StyledExpandButton, StyledHeaderContainer, StyledAssignmentContainer, StyledLinkContainer, StyledMetaListContainer, StyledMetaIdStatusContainer, StyledSummaryItem } from './Assignments.styles';
+import { getCaseTestIds } from './HierarchicalAssignments.test-ids';
+export const maxDepth = 5;
+const AssignmentContainer = ({ assignments, childCases, id, depth, status, link, collapsed = false, onToggleCollapsed, firstItemId, name, testId, isMediumOrAbove }) => {
+    const t = useI18n();
+    const [open, setOpen] = useState(collapsed);
+    const testIds = useTestIds(testId, getCaseTestIds);
+    const header = useMemo(() => {
+        if (!status) {
+            return;
+        }
+        const { text, variant } = status;
+        const hasChildren = !!(childCases?.length || assignments?.length);
+        return (_jsxs(Flex, { as: StyledHeaderContainer, container: { alignItems: 'center', gap: 1 }, depth: depth, role: 'treeitem', children: [hasChildren && (_jsx(StyledExpandButton, { "data-testid": testIds.toggleAction, type: 'button', variant: 'text', "aria-controls": id, "aria-expanded": open, "aria-label": t('childCase'), onClick: () => {
+                        onToggleCollapsed?.(!open, id);
+                        setOpen(prev => !prev);
+                    }, children: _jsx(Icon, { name: 'caret-right' }) })), isMediumOrAbove ? (_jsx(StyledMetaListContainer, { wrapItems: true, hasChildren: hasChildren, items: [
+                        _jsx(StyledLinkContainer, { isMediumOrAbove: isMediumOrAbove, children: _jsx(Link, { "data-testid": testIds.label, href: link?.href, previewable: true, onPreview: link?.onPreview, target: link?.target, icon: true, children: name }) }, `${id}-caseName`),
+                        _jsx(StyledMetaIdStatusContainer, { wrapItems: false, items: [
+                                _jsx(Text, { "data-testid": testIds.id, variant: 'h5', children: id }, `${id}-id`),
+                                _jsx(Status, { "data-testid": testIds.status, variant: variant ?? 'info', children: text }, `${id}-status`)
+                            ] }, `${id}-id-status`)
+                    ] })) : (_jsx(StyledSummaryItem, { hasChildren: hasChildren, primary: _jsx(StyledLinkContainer, { isMediumOrAbove: isMediumOrAbove, children: _jsx(Link, { "data-testid": testIds.label, href: link?.href, previewable: true, onPreview: link?.onPreview, target: link?.target, icon: true, children: name }) }), secondary: _jsx(StyledMetaIdStatusContainer, { wrapItems: false, items: [
+                            _jsx(Text, { "data-testid": testIds.id, variant: 'h5', children: id }, `${id}-id`),
+                            _jsx(Status, { "data-testid": testIds.status, variant: variant ?? 'info', children: text }, `${id}-status`)
+                        ] }) }))] }));
+    }, [childCases, assignments, id, open, name, status, isMediumOrAbove]);
+    return (_jsxs(StyledAssignmentContainer, { "data-testid": id && testIds.root, depth: depth, hideBorders: firstItemId === id, children: [!id &&
+                assignments?.map(item => {
+                    return (_createElement(AssignmentItem, { ...item, key: item.id, depth: depth, assigneeName: item?.assigneeName, firstItemId: firstItemId, testId: testId, isMediumOrAbove: isMediumOrAbove }));
+                }), id && status && header, _jsxs(ExpandCollapse, { collapsed: !open, id: id, children: [id &&
+                        assignments?.map(item => {
+                            return (_createElement(AssignmentItem, { ...item, key: item.id, depth: depth, assigneeName: item?.assigneeName, testId: testId, isMediumOrAbove: isMediumOrAbove }));
+                        }), childCases?.map(item => {
+                        const childDepth = Math.min(depth + 1, maxDepth);
+                        return (_createElement(AssignmentContainer, { ...item, key: item.id, depth: childDepth, onToggleCollapsed: onToggleCollapsed, firstItemId: firstItemId, testId: testId, isMediumOrAbove: isMediumOrAbove }));
+                    })] })] }));
+};
+export default withTestIds(AssignmentContainer, getCaseTestIds);
+//# sourceMappingURL=AssignmentContainer.js.map

package/lib/components/HierarchicalAssignments/AssignmentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentContainer.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from 'react';\n\nimport {\n  Flex,\n  useI18n,\n  ExpandCollapse,\n  Icon,\n  Text,\n  Link,\n  Status,\n  withTestIds,\n  useTestIds,\n  type TestIdProp\n} from '@pega/cosmos-react-core';\n\nimport type { CaseListProps, ItemsProps, AssignmentProps } from './HierarchicalAssignments.types';\nimport AssignmentItem from './AssignmentItem';\nimport {\n  StyledExpandButton,\n  StyledHeaderContainer,\n  StyledAssignmentContainer,\n  StyledLinkContainer,\n  StyledMetaListContainer,\n  StyledMetaIdStatusContainer,\n  StyledSummaryItem\n} from './Assignments.styles';\nimport { getCaseTestIds } from './HierarchicalAssignments.test-ids';\n\ninterface AssignmentContainerProps extends CaseListProps {\n  /** Depth of the tree component, used for CSS indentation purpose. */\n  depth: number;\n  /** First Id of Assignment or childCase from the list. */\n  firstItemId?: AssignmentProps['id'] | CaseListProps['id'];\n  /** Boolean indicating if the given breakpoint is active or not */\n  isMediumOrAbove: boolean;\n}\ninterface AssignmentTopContainerProps extends ItemsProps, TestIdProp {\n  /** Depth of the tree component, used for CSS indentation purpose. */\n  depth: 0;\n  /** First Id of Assignment or childCase from the list. */\n  firstItemId?: AssignmentProps['id'] | CaseListProps['id'];\n  /** Boolean indicating if the given breakpoint is active or not */\n  isMediumOrAbove: boolean;\n  /** AssignmentContainer is a Recursion component, where id will not be passed as prop on initial call from HierarchicalAssignment. */\n  id?: never;\n  /** AssignmentContainer is a Recursion component, where status will not be passed as prop on initial call from HierarchicalAssignment. */\n  status?: never;\n  /** AssignmentContainer is a Recursion component, where link will not be passed as prop on initial call from HierarchicalAssignment. */\n  link?: never;\n  /** AssignmentContainer is a Recursion component, where name will not be passed as prop on initial call from HierarchicalAssignment. */\n  name?: never;\n}\n\nexport const maxDepth = 5;\n\nconst AssignmentContainer = ({\n  assignments,\n  childCases,\n  id,\n  depth,\n  status,\n  link,\n  collapsed = false,\n  onToggleCollapsed,\n  firstItemId,\n  name,\n  testId,\n  isMediumOrAbove\n}: AssignmentTopContainerProps | AssignmentContainerProps) => {\n  const t = useI18n();\n  const [open, setOpen] = useState(collapsed);\n\n  const testIds = useTestIds(testId, getCaseTestIds);\n\n  const header = useMemo(() => {\n    if (!status) {\n      return;\n    }\n    const { text, variant } = status;\n    const hasChildren = !!(childCases?.length || assignments?.length);\n    return (\n      <Flex\n        as={StyledHeaderContainer}\n        container={{ alignItems: 'center', gap: 1 }}\n        depth={depth}\n        role='treeitem'\n      >\n        {hasChildren && (\n          <StyledExpandButton\n            data-testid={testIds.toggleAction}\n            type='button'\n            variant='text'\n            aria-controls={id}\n            aria-expanded={open}\n            aria-label={t('childCase')}\n            onClick={() => {\n              onToggleCollapsed?.(!open, id);\n              setOpen(prev => !prev);\n            }}\n          >\n            <Icon name='caret-right' />\n          </StyledExpandButton>\n        )}\n        {isMediumOrAbove ? (\n          <StyledMetaListContainer\n            wrapItems\n            hasChildren={hasChildren}\n            items={[\n              <StyledLinkContainer isMediumOrAbove={isMediumOrAbove} key={`${id}-caseName`}>\n                <Link\n                  data-testid={testIds.label}\n                  href={link?.href}\n                  previewable\n                  onPreview={link?.onPreview}\n                  target={link?.target}\n                  icon\n                >\n                  {name}\n                </Link>\n              </StyledLinkContainer>,\n              <StyledMetaIdStatusContainer\n                key={`${id}-id-status`}\n                wrapItems={false}\n                items={[\n                  <Text data-testid={testIds.id} variant='h5' key={`${id}-id`}>\n                    {id}\n                  </Text>,\n                  <Status\n                    data-testid={testIds.status}\n                    variant={variant ?? 'info'}\n                    key={`${id}-status`}\n                  >\n                    {text}\n                  </Status>\n                ]}\n              />\n            ]}\n          />\n        ) : (\n          <StyledSummaryItem\n            hasChildren={hasChildren}\n            primary={\n              <StyledLinkContainer isMediumOrAbove={isMediumOrAbove}>\n                <Link\n                  data-testid={testIds.label}\n                  href={link?.href}\n                  previewable\n                  onPreview={link?.onPreview}\n                  target={link?.target}\n                  icon\n                >\n                  {name}\n                </Link>\n              </StyledLinkContainer>\n            }\n            secondary={\n              <StyledMetaIdStatusContainer\n                wrapItems={false}\n                items={[\n                  <Text data-testid={testIds.id} variant='h5' key={`${id}-id`}>\n                    {id}\n                  </Text>,\n                  <Status\n                    data-testid={testIds.status}\n                    variant={variant ?? 'info'}\n                    key={`${id}-status`}\n                  >\n                    {text}\n                  </Status>\n                ]}\n              />\n            }\n          />\n        )}\n      </Flex>\n    );\n  }, [childCases, assignments, id, open, name, status, isMediumOrAbove]);\n\n  return (\n    <StyledAssignmentContainer\n      data-testid={id && testIds.root}\n      depth={depth}\n      hideBorders={firstItemId === id}\n    >\n      {!id &&\n        assignments?.map(item => {\n          return (\n            <AssignmentItem\n              {...item}\n              key={item.id}\n              depth={depth}\n              assigneeName={item?.assigneeName}\n              firstItemId={firstItemId}\n              testId={testId}\n              isMediumOrAbove={isMediumOrAbove}\n            />\n          );\n        })}\n      {id && status && header}\n      <ExpandCollapse collapsed={!open} id={id}>\n        {id &&\n          assignments?.map(item => {\n            return (\n              <AssignmentItem\n                {...item}\n                key={item.id}\n                depth={depth}\n                assigneeName={item?.assigneeName}\n                testId={testId}\n                isMediumOrAbove={isMediumOrAbove}\n              />\n            );\n          })}\n\n        {childCases?.map(item => {\n          const childDepth = Math.min(depth + 1, maxDepth);\n          return (\n            <AssignmentContainer\n              {...item}\n              key={item.id}\n              depth={childDepth}\n              onToggleCollapsed={onToggleCollapsed}\n              firstItemId={firstItemId}\n              testId={testId}\n              isMediumOrAbove={isMediumOrAbove}\n            />\n          );\n        })}\n      </ExpandCollapse>\n    </StyledAssignmentContainer>\n  );\n};\nexport default withTestIds(AssignmentContainer, getCaseTestIds);\n"]}

package/lib/components/HierarchicalAssignments/AssignmentItem.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { AssignmentProps } from './HierarchicalAssignments.types';
+declare const _default: (({ processName, assigneeName, urgency, depth, id, firstItemId, onOpen, onAssigneeClick, testId, isMediumOrAbove }: AssignmentProps & {
+    depth: number;
+    firstItemId?: string | undefined;
+    isMediumOrAbove: boolean;
+}) => JSX.Element) & {
+    getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["label", "assignee", "urgency", "action"]>;
+};
+export default _default;
+//# sourceMappingURL=AssignmentItem.d.ts.map

package/lib/components/HierarchicalAssignments/AssignmentItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentItem.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentItem.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;;;;;;;;AAqFvE,wBAAiE"}

package/lib/components/HierarchicalAssignments/AssignmentItem.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Text, useI18n, withTestIds, useTestIds, Flex } from '@pega/cosmos-react-core';
+import { StyledAssignmentItem, StyledProcessContainer, StyledActionContainer, StyledAssigneeContainer, StyledUrgencyTextContainer, StyledLabelContainer, StyledAssigneeText } from './Assignments.styles';
+import { getAssignmentTestIds } from './HierarchicalAssignments.test-ids';
+import { maxDepth } from './AssignmentContainer';
+const AssignmentItem = ({ processName, assigneeName, urgency, depth, id, firstItemId, onOpen, onAssigneeClick, testId, isMediumOrAbove }) => {
+    const t = useI18n();
+    const testIds = useTestIds(testId, getAssignmentTestIds);
+    const tableDepth = depth === 0 ? depth : Math.min(depth + 1, maxDepth);
+    return (_jsxs(StyledAssignmentItem, { "data-testid": testIds.root, container: {
+            alignItems: 'center',
+            cols: isMediumOrAbove ? '3.5fr 1.5fr 1fr 1fr' : '2fr 0.5fr',
+            rows: isMediumOrAbove ? 'repeat(1, auto)' : 'repeat(3, auto)'
+        }, hideBorders: firstItemId === id, role: 'treeitem', children: [_jsx(Flex, { container: true, as: StyledProcessContainer, "data-testid": testIds.label, depth: tableDepth, children: _jsx(Text, { variant: 'primary', children: processName }) }), _jsxs(Flex, { container: { justify: isMediumOrAbove ? 'end' : 'start' }, as: StyledAssigneeContainer, "data-testid": testIds.assignee, depth: tableDepth, variant: 'secondary', isMediumOrAbove: isMediumOrAbove, children: [_jsxs(StyledLabelContainer, { variant: 'secondary', children: [t('assignee'), ":"] }), _jsx(StyledAssigneeText, { onClick: (e) => {
+                            onAssigneeClick(id, e);
+                        }, variant: 'link', children: assigneeName })] }), _jsxs(Flex, { container: { justify: isMediumOrAbove ? 'end' : 'start' }, as: StyledUrgencyTextContainer, "data-testid": testIds.urgency, depth: tableDepth, isMediumOrAbove: isMediumOrAbove, children: [_jsxs(StyledLabelContainer, { variant: 'secondary', children: [t('urgency'), ":"] }), _jsx(Text, { variant: 'secondary', children: urgency })] }), _jsx(Flex, { as: StyledActionContainer, container: { justify: 'end' }, isMediumOrAbove: isMediumOrAbove, children: onOpen && (_jsx(Button, { "data-testid": testIds.action, compact: true, variant: 'primary', onClick: (e) => onOpen(id, e), children: t('go') })) })] }));
+};
+export default withTestIds(AssignmentItem, getAssignmentTestIds);
+//# sourceMappingURL=AssignmentItem.js.map

package/lib/components/HierarchicalAssignments/AssignmentItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentItem.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { MouseEvent } from 'react';\n\nimport { Button, Text, useI18n, withTestIds, useTestIds, Flex } from '@pega/cosmos-react-core';\n\nimport {\n  StyledAssignmentItem,\n  StyledProcessContainer,\n  StyledActionContainer,\n  StyledAssigneeContainer,\n  StyledUrgencyTextContainer,\n  StyledLabelContainer,\n  StyledAssigneeText\n} from './Assignments.styles';\nimport type { AssignmentProps } from './HierarchicalAssignments.types';\nimport { getAssignmentTestIds } from './HierarchicalAssignments.test-ids';\nimport { maxDepth } from './AssignmentContainer';\n\nconst AssignmentItem = ({\n  processName,\n  assigneeName,\n  urgency,\n  depth,\n  id,\n  firstItemId,\n  onOpen,\n  onAssigneeClick,\n  testId,\n  isMediumOrAbove\n}: AssignmentProps & {\n  depth: number;\n  firstItemId?: string;\n  isMediumOrAbove: boolean;\n}) => {\n  const t = useI18n();\n  const testIds = useTestIds(testId, getAssignmentTestIds);\n  const tableDepth = depth === 0 ? depth : Math.min(depth + 1, maxDepth);\n  return (\n    <StyledAssignmentItem\n      data-testid={testIds.root}\n      container={{\n        alignItems: 'center',\n        cols: isMediumOrAbove ? '3.5fr 1.5fr 1fr 1fr' : '2fr 0.5fr',\n        rows: isMediumOrAbove ? 'repeat(1, auto)' : 'repeat(3, auto)'\n      }}\n      hideBorders={firstItemId === id}\n      role='treeitem'\n    >\n      <Flex container as={StyledProcessContainer} data-testid={testIds.label} depth={tableDepth}>\n        <Text variant='primary'>{processName}</Text>\n      </Flex>\n      <Flex\n        container={{ justify: isMediumOrAbove ? 'end' : 'start' }}\n        as={StyledAssigneeContainer}\n        data-testid={testIds.assignee}\n        depth={tableDepth}\n        variant='secondary'\n        isMediumOrAbove={isMediumOrAbove}\n      >\n        <StyledLabelContainer variant='secondary'>{t('assignee')}:</StyledLabelContainer>\n        <StyledAssigneeText\n          onClick={(e: MouseEvent<HTMLButtonElement>) => {\n            onAssigneeClick(id, e);\n          }}\n          variant='link'\n        >\n          {assigneeName}\n        </StyledAssigneeText>\n      </Flex>\n      <Flex\n        container={{ justify: isMediumOrAbove ? 'end' : 'start' }}\n        as={StyledUrgencyTextContainer}\n        data-testid={testIds.urgency}\n        depth={tableDepth}\n        isMediumOrAbove={isMediumOrAbove}\n      >\n        <StyledLabelContainer variant='secondary'>{t('urgency')}:</StyledLabelContainer>\n        <Text variant='secondary'>{urgency}</Text>\n      </Flex>\n      <Flex\n        as={StyledActionContainer}\n        container={{ justify: 'end' }}\n        isMediumOrAbove={isMediumOrAbove}\n      >\n        {onOpen && (\n          <Button\n            data-testid={testIds.action}\n            compact\n            variant='primary'\n            onClick={(e: MouseEvent<HTMLButtonElement>) => onOpen(id, e)}\n          >\n            {t('go')}\n          </Button>\n        )}\n      </Flex>\n    </StyledAssignmentItem>\n  );\n};\n\nexport default withTestIds(AssignmentItem, getAssignmentTestIds);\n"]}

package/lib/components/HierarchicalAssignments/Assignments.styles.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { Grid } from '@pega/cosmos-react-core';
+export declare const StyledExpandButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledExpandCollapse: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ExpandCollapseProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledParentExpandCollapse: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledAssignmentItem: typeof Grid;
+export declare const StyledProcessContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    depth?: number | undefined;
+}, never>;
+export declare const StyledActionContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isMediumOrAbove?: boolean | undefined;
+}, never>;
+export declare const StyledHeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    depth?: number | undefined;
+}, never>;
+export declare const StyledSummaryItem: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").SummaryItemProps & import("@pega/cosmos-react-core").ForwardProps> & {
+    getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["primary", "secondary", "visual", "actions"]>;
+}, import("styled-components").DefaultTheme, {
+    hasChildren?: boolean | undefined;
+}, never>;
+export declare const StyledAssignments: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").CardProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {
+    expanded?: boolean | undefined;
+}, never>;
+export declare const StyledAssignmentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    depth?: number | undefined;
+    hideBorders?: boolean | undefined;
+}, never>;
+export declare const StyledLinkContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isMediumOrAbove?: boolean | undefined;
+}, never>;
+export declare const StyledAssigneeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    depth?: number | undefined;
+    isMediumOrAbove?: boolean | undefined;
+}, never>;
+export declare const StyledAssigneeText: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledUrgencyTextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    depth?: number | undefined;
+    isMediumOrAbove?: boolean | undefined;
+}, never>;
+export declare const StyledMetaListContainer: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").MetaListProps & import("@pega/cosmos-react-core").ForwardProps> & {
+    getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
+}, import("styled-components").DefaultTheme, {
+    hasChildren?: boolean | undefined;
+}, never>;
+export declare const StyledMetaIdStatusContainer: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").MetaListProps & import("@pega/cosmos-react-core").ForwardProps> & {
+    getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
+}, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLabelContainer: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=Assignments.styles.d.ts.map

package/lib/components/HierarchicalAssignments/Assignments.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Assignments.styles.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/Assignments.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,IAAI,EAUL,MAAM,yBAAyB,CAAC;AASjC,eAAO,MAAM,kBAAkB,qOA0B7B,CAAC;AAIH,eAAO,MAAM,oBAAoB,6OAQ/B,CAAC;AAIH,eAAO,MAAM,0BAA0B,yGAMrC,CAAC;AAIH,eAAO,MAAM,oBAAoB,EAAE,OAAO,IAsBxC,CAAC;AAGH,eAAO,MAAM,sBAAsB;;SA4BlC,CAAC;AAGF,eAAO,MAAM,qBAAqB;;SAYjC,CAAC;AAGF,eAAO,MAAM,qBAAqB;;SAoBjC,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;;SAiB5B,CAAC;AAGH,eAAO,MAAM,iBAAiB;;SAW5B,CAAC;AAIH,eAAO,MAAM,yBAAyB;;;SA8BrC,CAAC;AAGF,eAAO,MAAM,mBAAmB;;SAsB/B,CAAC;AAGF,eAAO,MAAM,uBAAuB;;;SA2BnC,CAAC;AAGF,eAAO,MAAM,kBAAkB,qOAG9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;SA0BtC,CAAC;AAGF,eAAO,MAAM,uBAAuB;;;;SA4BlC,CAAC;AAGH,eAAO,MAAM,2BAA2B;;uDAQtC,CAAC;AAGH,eAAO,MAAM,oBAAoB,mOAQ/B,CAAC"}

package/lib/components/HierarchicalAssignments/Assignments.styles.js

@@ -0,0 +1,217 @@
+import styled, { css } from 'styled-components';
+import { Grid, Button, Card, defaultThemeProp, StyledIcon, ExpandCollapse, useDirection, Text, MetaList, SummaryItem } from '@pega/cosmos-react-core';
+import { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';
+const StyledEllipsis = css `
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+`;
+export const StyledExpandButton = styled(Button)(({ theme: { base: { animation } } }) => {
+    const { rtl } = useDirection();
+    return css `
+    margin: 0;
+
+    ${StyledIcon} {
+      transition: transform ${animation.speed} ${animation.timing.ease};
+    }
+
+    &[aria-expanded='true'] ${StyledIcon} {
+      transform: rotate(90deg);
+    }
+
+    &[aria-expanded='false'] ${StyledIcon} {
+      transform: rotate(${rtl ? 180 : 0}deg);
+    }
+
+    &:hover,
+    &:active {
+      text-decoration: none;
+    }
+  `;
+});
+StyledExpandButton.defaultProps = defaultThemeProp;
+export const StyledExpandCollapse = styled(ExpandCollapse)(({ theme: { base: { spacing } } }) => {
+    return css `
+    padding-inline: calc(${spacing} * 2);
+  `;
+});
+StyledExpandCollapse.defaultProps = defaultThemeProp;
+export const StyledParentExpandCollapse = styled.div(() => {
+    const assignmentHeight = '50dvh';
+    return css `
+    max-height: ${assignmentHeight};
+    overflow-y: auto;
+  `;
+});
+StyledParentExpandCollapse.defaultProps = defaultThemeProp;
+export const StyledAssignmentItem = styled(Grid)(({ theme: { base: { spacing, colors }, components: { table: { body: { 'border-width': borderWidth } } } }, hideBorders }) => {
+    return css `
+    padding-inline-end: calc(2 * ${spacing});
+    padding-block: calc(0.5 * ${spacing});
+    border-block-start: ${borderWidth} dashed ${colors.gray.light};
+    ${hideBorders &&
+        css `
+      border-block-start: none;
+    `};
+  `;
+});
+StyledAssignmentItem.defaultProps = defaultThemeProp;
+export const StyledProcessContainer = styled.div(({ depth, theme: { base: { spacing }, components: { icon: { size: { s } } } } }) => {
+    const paddingInlineStart = depth
+        ? `calc(1.5 * ${spacing} * ${depth} + ${s} + ${spacing})`
+        : `calc(1.5 * ${spacing})`;
+    const assignmentNameWidth = '22rem';
+    return css `
+      ${StyledEllipsis};
+      max-width: ${assignmentNameWidth};
+      padding-inline-start: ${paddingInlineStart};
+      grid-row-start: 1;
+      grid-row-end: 1;
+      span {
+        padding-inline: calc(0.5 * ${spacing});
+      }
+    `;
+});
+StyledProcessContainer.defaultProps = defaultThemeProp;
+export const StyledActionContainer = styled.div(({ isMediumOrAbove }) => {
+    return css `
+      grid-row-start: 1;
+      grid-row-end: -1;
+      ${isMediumOrAbove &&
+        css `
+        grid-column-start: 4;
+        grid-column-end: -1;
+      `}
+    `;
+});
+StyledActionContainer.defaultProps = defaultThemeProp;
+export const StyledHeaderContainer = styled.div(({ theme: { base: { spacing, palette: { 'secondary-background': secondaryBackground } } }, depth }) => {
+    const paddingInlineStart = depth
+        ? `calc(1.5 * ${spacing} * ${depth})`
+        : `calc(1.5 * ${spacing})`;
+    return css `
+      padding-inline-start: ${paddingInlineStart};
+      padding-block: calc(0.5 * ${spacing});
+      background-color: ${secondaryBackground};
+    `;
+});
+StyledHeaderContainer.defaultProps = defaultThemeProp;
+export const StyledSummaryItem = styled(SummaryItem)(({ theme: { base: { spacing }, components: { icon: { size: { s } } } }, hasChildren }) => {
+    return css `
+    ${!hasChildren &&
+        css `
+      padding-inline-start: calc(${s} + ${spacing});
+    `}
+  `;
+});
+StyledSummaryItem.defaultProps = defaultThemeProp;
+export const StyledAssignments = styled(Card)(({ theme, expanded }) => {
+    return css `
+    padding: calc(${theme.base.spacing} * 2);
+    box-shadow: ${expanded ? theme.base.shadow.low : 'none'};
+    &&& {
+      > ${StyledCardHeader} {
+        padding: 0;
+        padding-block-end: ${expanded ? `calc(${theme.base.spacing} * 2)` : 0};
+      }
+    }
+  `;
+});
+StyledAssignments.defaultProps = defaultThemeProp;
+export const StyledAssignmentContainer = styled.div(({ theme: { base: { colors, 'border-radius': borderRadius }, components: { table: { body: { 'border-width': borderWidth } } } }, depth, hideBorders }) => {
+    return css `
+      overflow: hidden;
+      width: 100%;
+      ${!depth &&
+        css `
+        border: ${borderWidth} solid ${colors.gray.light};
+        border-radius: ${borderRadius};
+      `}
+      ${depth &&
+        css `
+        border-block-start: ${hideBorders ? 'none' : `${borderWidth} dashed ${colors.gray.light}`};
+      `}
+    `;
+});
+StyledAssignmentContainer.defaultProps = defaultThemeProp;
+export const StyledLinkContainer = styled.div(({ theme: { base: { spacing } }, isMediumOrAbove }) => {
+    const caseNameWidth = '28rem';
+    return css `
+      ${StyledEllipsis};
+      padding: calc(0.5 * ${spacing});
+      padding-inline-end: calc(2 * ${spacing});
+      & > a > span {
+        width: 0;
+      }
+      ${isMediumOrAbove &&
+        css `
+        max-width: ${caseNameWidth};
+        padding-inline-end: calc(0.5 * ${spacing});
+      `}
+    `;
+});
+StyledLinkContainer.defaultProps = defaultThemeProp;
+export const StyledAssigneeContainer = styled.div(({ theme: { base: { spacing }, components: { icon: { size: { s } } } }, depth, isMediumOrAbove }) => {
+    const paddingInlineStart = depth
+        ? `calc(1.5 * ${spacing} * ${depth} + ${s} + ${spacing})`
+        : `calc(1.5 * ${spacing})`;
+    return css `
+      padding-block: calc(0.5 * ${spacing});
+      overflow: hidden;
+      padding-inline-start: ${paddingInlineStart};
+      ${isMediumOrAbove &&
+        css `
+        padding: calc(0.5 * ${spacing});
+      `};
+    `;
+});
+StyledAssigneeContainer.defaultProps = defaultThemeProp;
+export const StyledAssigneeText = styled(Button) `
+  ${StyledEllipsis}
+  display: inline;
+`;
+export const StyledUrgencyTextContainer = styled.div(({ theme: { base: { spacing }, components: { icon: { size: { s } } } }, depth, isMediumOrAbove }) => {
+    const paddingInlineStart = depth
+        ? `calc(1.5 * ${spacing} * ${depth} + ${s} + ${spacing})`
+        : `calc(1.5 * ${spacing})`;
+    return css `
+      white-space: nowrap;
+      padding-inline-start: ${paddingInlineStart};
+      ${isMediumOrAbove &&
+        css `
+        padding-inline: calc(0.5 * ${spacing});
+      `}
+    `;
+});
+StyledUrgencyTextContainer.defaultProps = defaultThemeProp;
+export const StyledMetaListContainer = styled(MetaList)(({ theme: { base: { spacing }, components: { icon: { size: { s } } } }, hasChildren }) => {
+    return css `
+    ${!hasChildren &&
+        css `
+      padding-inline-start: calc(${s} + ${spacing});
+    `}
+    width: 100%;
+    flex-wrap: nowrap;
+    & > li:nth-child(1) {
+      flex-shrink: 1;
+    }
+    & > li:nth-child(2),
+    & > li:nth-child(3) {
+      flex-shrink: 0;
+    }
+  `;
+});
+StyledMetaListContainer.defaultProps = defaultThemeProp;
+export const StyledMetaIdStatusContainer = styled(MetaList)(({ theme: { base: { spacing } } }) => {
+    return css `
+    padding-inline: calc(0.5 * ${spacing});
+  `;
+});
+StyledMetaIdStatusContainer.defaultProps = defaultThemeProp;
+export const StyledLabelContainer = styled(Text)(({ theme: { base: { spacing } } }) => {
+    return css `
+    padding-inline: calc(0.5 * ${spacing});
+  `;
+});
+StyledLabelContainer.defaultProps = defaultThemeProp;
+//# sourceMappingURL=Assignments.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Assignments.styles.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/Assignments.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,WAAW,EACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAE1F,MAAM,cAAc,GAAG,GAAG,CAAA;;;;CAIzB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAChD,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,SAAS,EAAE,EACpB,EACF,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/B,OAAO,GAAG,CAAA;;;MAGN,UAAU;8BACc,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI;;;8BAGxC,UAAU;;;;+BAIT,UAAU;0BACf,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;;;;;;GAOpC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAC1D,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;2BACe,OAAO;GAC/B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;IACxD,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACjC,OAAO,GAAG,CAAA;kBACM,gBAAgB;;GAE/B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,0BAA0B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE3D,MAAM,CAAC,MAAM,oBAAoB,GAAgB,MAAM,CAAC,IAAI,CAAC,CAE1D,CAAC,EACF,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EACzB,UAAU,EAAE,EACV,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,EACtC,EACF,EACF,EACD,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;mCACuB,OAAO;gCACV,OAAO;0BACb,WAAW,WAAW,MAAM,CAAC,IAAI,CAAC,KAAK;MAC3D,WAAW;QACb,GAAG,CAAA;;KAEF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAC9C,CAAC,EACC,KAAK,EACL,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EACjB,UAAU,EAAE,EACV,IAAI,EAAE,EACJ,IAAI,EAAE,EAAE,CAAC,EAAE,EACZ,EACF,EACF,EACF,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,KAAK;QAC9B,CAAC,CAAC,cAAc,OAAO,MAAM,KAAK,MAAM,CAAC,MAAM,OAAO,GAAG;QACzD,CAAC,CAAC,cAAc,OAAO,GAAG,CAAC;IAC7B,MAAM,mBAAmB,GAAG,OAAO,CAAC;IAEpC,OAAO,GAAG,CAAA;QACN,cAAc;mBACH,mBAAmB;8BACR,kBAAkB;;;;qCAIX,OAAO;;KAEvC,CAAC;AACJ,CAAC,CACF,CAAC;AACF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAC7C,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE;IACtB,OAAO,GAAG,CAAA;;;QAGN,eAAe;QACjB,GAAG,CAAA;;;OAGF;KACF,CAAC;AACJ,CAAC,CACF,CAAC;AACF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAC7C,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EACJ,OAAO,EACP,OAAO,EAAE,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,EACzD,EACF,EACD,KAAK,EACN,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,KAAK;QAC9B,CAAC,CAAC,cAAc,OAAO,MAAM,KAAK,GAAG;QACrC,CAAC,CAAC,cAAc,OAAO,GAAG,CAAC;IAE7B,OAAO,GAAG,CAAA;8BACgB,kBAAkB;kCACd,OAAO;0BACf,mBAAmB;KACxC,CAAC;AACJ,CAAC,CACF,CAAC;AACF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAA4B,CAAC,EAC/E,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EACjB,UAAU,EAAE,EACV,IAAI,EAAE,EACJ,IAAI,EAAE,EAAE,CAAC,EAAE,EACZ,EACF,EACF,EACD,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;MACN,CAAC,WAAW;QACd,GAAG,CAAA;mCAC4B,CAAC,MAAM,OAAO;KAC5C;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5F,OAAO,GAAG,CAAA;oBACQ,KAAK,CAAC,IAAI,CAAC,OAAO;kBACpB,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;;UAEjD,gBAAgB;;6BAEG,QAAQ,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;;;GAG1E,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAIjD,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,EAC/C,UAAU,EAAE,EACV,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,EACtC,EACF,EACF,EACD,KAAK,EACL,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;;QAGN,CAAC,KAAK;QACR,GAAG,CAAA;kBACS,WAAW,UAAU,MAAM,CAAC,IAAI,CAAC,KAAK;yBAC/B,YAAY;OAC9B;QACC,KAAK;QACP,GAAG,CAAA;8BACqB,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,WAAW,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE;OAC1F;KACF,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAC3C,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACD,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,OAAO,CAAC;IAC9B,OAAO,GAAG,CAAA;QACN,cAAc;4BACM,OAAO;qCACE,OAAO;;;;QAIpC,eAAe;QACjB,GAAG,CAAA;qBACY,aAAa;yCACO,OAAO;OACzC;KACF,CAAC;AACJ,CAAC,CACF,CAAC;AACF,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAC/C,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EACjB,UAAU,EAAE,EACV,IAAI,EAAE,EACJ,IAAI,EAAE,EAAE,CAAC,EAAE,EACZ,EACF,EACF,EACD,KAAK,EACL,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,KAAK;QAC9B,CAAC,CAAC,cAAc,OAAO,MAAM,KAAK,MAAM,CAAC,MAAM,OAAO,GAAG;QACzD,CAAC,CAAC,cAAc,OAAO,GAAG,CAAC;IAE7B,OAAO,GAAG,CAAA;kCACoB,OAAO;;8BAEX,kBAAkB;QACxC,eAAe;QACjB,GAAG,CAAA;8BACqB,OAAO;OAC9B;KACF,CAAC;AACJ,CAAC,CACF,CAAC;AACF,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAC5C,cAAc;;CAEjB,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAClD,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EACjB,UAAU,EAAE,EACV,IAAI,EAAE,EACJ,IAAI,EAAE,EAAE,CAAC,EAAE,EACZ,EACF,EACF,EACD,KAAK,EACL,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,KAAK;QAC9B,CAAC,CAAC,cAAc,OAAO,MAAM,KAAK,MAAM,CAAC,MAAM,OAAO,GAAG;QACzD,CAAC,CAAC,cAAc,OAAO,GAAG,CAAC;IAE7B,OAAO,GAAG,CAAA;;8BAEgB,kBAAkB;QACxC,eAAe;QACjB,GAAG,CAAA;qCAC4B,OAAO;OACrC;KACF,CAAC;AACJ,CAAC,CACF,CAAC;AACF,0BAA0B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAEpD,CAAC,EACF,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EACjB,UAAU,EAAE,EACV,IAAI,EAAE,EACJ,IAAI,EAAE,EAAE,CAAC,EAAE,EACZ,EACF,EACF,EACD,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;MACN,CAAC,WAAW;QACd,GAAG,CAAA;mCAC4B,CAAC,MAAM,OAAO;KAC5C;;;;;;;;;;GAUF,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC3D,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;iCACqB,OAAO;GACrC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAChD,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;iCACqB,OAAO;GACrC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  Grid,\n  Button,\n  Card,\n  defaultThemeProp,\n  StyledIcon,\n  ExpandCollapse,\n  useDirection,\n  Text,\n  MetaList,\n  SummaryItem\n} from '@pega/cosmos-react-core';\nimport { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';\n\nconst StyledEllipsis = css`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\nexport const StyledExpandButton = styled(Button)(({\n  theme: {\n    base: { animation }\n  }\n}) => {\n  const { rtl } = useDirection();\n  return css`\n    margin: 0;\n\n    ${StyledIcon} {\n      transition: transform ${animation.speed} ${animation.timing.ease};\n    }\n\n    &[aria-expanded='true'] ${StyledIcon} {\n      transform: rotate(90deg);\n    }\n\n    &[aria-expanded='false'] ${StyledIcon} {\n      transform: rotate(${rtl ? 180 : 0}deg);\n    }\n\n    &:hover,\n    &:active {\n      text-decoration: none;\n    }\n  `;\n});\n\nStyledExpandButton.defaultProps = defaultThemeProp;\n\nexport const StyledExpandCollapse = styled(ExpandCollapse)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    padding-inline: calc(${spacing} * 2);\n  `;\n});\n\nStyledExpandCollapse.defaultProps = defaultThemeProp;\n\nexport const StyledParentExpandCollapse = styled.div(() => {\n  const assignmentHeight = '50dvh';\n  return css`\n    max-height: ${assignmentHeight};\n    overflow-y: auto;\n  `;\n});\n\nStyledParentExpandCollapse.defaultProps = defaultThemeProp;\n\nexport const StyledAssignmentItem: typeof Grid = styled(Grid)<{\n  hideBorders?: boolean;\n}>(({\n  theme: {\n    base: { spacing, colors },\n    components: {\n      table: {\n        body: { 'border-width': borderWidth }\n      }\n    }\n  },\n  hideBorders\n}) => {\n  return css`\n    padding-inline-end: calc(2 * ${spacing});\n    padding-block: calc(0.5 * ${spacing});\n    border-block-start: ${borderWidth} dashed ${colors.gray.light};\n    ${hideBorders &&\n    css`\n      border-block-start: none;\n    `};\n  `;\n});\nStyledAssignmentItem.defaultProps = defaultThemeProp;\n\nexport const StyledProcessContainer = styled.div<{ depth?: number }>(\n  ({\n    depth,\n    theme: {\n      base: { spacing },\n      components: {\n        icon: {\n          size: { s }\n        }\n      }\n    }\n  }) => {\n    const paddingInlineStart = depth\n      ? `calc(1.5 * ${spacing} * ${depth} + ${s} + ${spacing})`\n      : `calc(1.5 * ${spacing})`;\n    const assignmentNameWidth = '22rem';\n\n    return css`\n      ${StyledEllipsis};\n      max-width: ${assignmentNameWidth};\n      padding-inline-start: ${paddingInlineStart};\n      grid-row-start: 1;\n      grid-row-end: 1;\n      span {\n        padding-inline: calc(0.5 * ${spacing});\n      }\n    `;\n  }\n);\nStyledProcessContainer.defaultProps = defaultThemeProp;\n\nexport const StyledActionContainer = styled.div<{ isMediumOrAbove?: boolean }>(\n  ({ isMediumOrAbove }) => {\n    return css`\n      grid-row-start: 1;\n      grid-row-end: -1;\n      ${isMediumOrAbove &&\n      css`\n        grid-column-start: 4;\n        grid-column-end: -1;\n      `}\n    `;\n  }\n);\nStyledActionContainer.defaultProps = defaultThemeProp;\n\nexport const StyledHeaderContainer = styled.div<{ depth?: number }>(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'secondary-background': secondaryBackground }\n      }\n    },\n    depth\n  }) => {\n    const paddingInlineStart = depth\n      ? `calc(1.5 * ${spacing} * ${depth})`\n      : `calc(1.5 * ${spacing})`;\n\n    return css`\n      padding-inline-start: ${paddingInlineStart};\n      padding-block: calc(0.5 * ${spacing});\n      background-color: ${secondaryBackground};\n    `;\n  }\n);\nStyledHeaderContainer.defaultProps = defaultThemeProp;\n\nexport const StyledSummaryItem = styled(SummaryItem)<{ hasChildren?: boolean }>(({\n  theme: {\n    base: { spacing },\n    components: {\n      icon: {\n        size: { s }\n      }\n    }\n  },\n  hasChildren\n}) => {\n  return css`\n    ${!hasChildren &&\n    css`\n      padding-inline-start: calc(${s} + ${spacing});\n    `}\n  `;\n});\nStyledSummaryItem.defaultProps = defaultThemeProp;\n\nexport const StyledAssignments = styled(Card)<{ expanded?: boolean }>(({ theme, expanded }) => {\n  return css`\n    padding: calc(${theme.base.spacing} * 2);\n    box-shadow: ${expanded ? theme.base.shadow.low : 'none'};\n    &&& {\n      > ${StyledCardHeader} {\n        padding: 0;\n        padding-block-end: ${expanded ? `calc(${theme.base.spacing} * 2)` : 0};\n      }\n    }\n  `;\n});\n\nStyledAssignments.defaultProps = defaultThemeProp;\n\nexport const StyledAssignmentContainer = styled.div<{\n  depth?: number;\n  hideBorders?: boolean;\n}>(\n  ({\n    theme: {\n      base: { colors, 'border-radius': borderRadius },\n      components: {\n        table: {\n          body: { 'border-width': borderWidth }\n        }\n      }\n    },\n    depth,\n    hideBorders\n  }) => {\n    return css`\n      overflow: hidden;\n      width: 100%;\n      ${!depth &&\n      css`\n        border: ${borderWidth} solid ${colors.gray.light};\n        border-radius: ${borderRadius};\n      `}\n      ${depth &&\n      css`\n        border-block-start: ${hideBorders ? 'none' : `${borderWidth} dashed ${colors.gray.light}`};\n      `}\n    `;\n  }\n);\nStyledAssignmentContainer.defaultProps = defaultThemeProp;\n\nexport const StyledLinkContainer = styled.div<{ isMediumOrAbove?: boolean }>(\n  ({\n    theme: {\n      base: { spacing }\n    },\n    isMediumOrAbove\n  }) => {\n    const caseNameWidth = '28rem';\n    return css`\n      ${StyledEllipsis};\n      padding: calc(0.5 * ${spacing});\n      padding-inline-end: calc(2 * ${spacing});\n      & > a > span {\n        width: 0;\n      }\n      ${isMediumOrAbove &&\n      css`\n        max-width: ${caseNameWidth};\n        padding-inline-end: calc(0.5 * ${spacing});\n      `}\n    `;\n  }\n);\nStyledLinkContainer.defaultProps = defaultThemeProp;\n\nexport const StyledAssigneeContainer = styled.div<{ depth?: number; isMediumOrAbove?: boolean }>(\n  ({\n    theme: {\n      base: { spacing },\n      components: {\n        icon: {\n          size: { s }\n        }\n      }\n    },\n    depth,\n    isMediumOrAbove\n  }) => {\n    const paddingInlineStart = depth\n      ? `calc(1.5 * ${spacing} * ${depth} + ${s} + ${spacing})`\n      : `calc(1.5 * ${spacing})`;\n\n    return css`\n      padding-block: calc(0.5 * ${spacing});\n      overflow: hidden;\n      padding-inline-start: ${paddingInlineStart};\n      ${isMediumOrAbove &&\n      css`\n        padding: calc(0.5 * ${spacing});\n      `};\n    `;\n  }\n);\nStyledAssigneeContainer.defaultProps = defaultThemeProp;\n\nexport const StyledAssigneeText = styled(Button)`\n  ${StyledEllipsis}\n  display: inline;\n`;\n\nexport const StyledUrgencyTextContainer = styled.div<{ depth?: number; isMediumOrAbove?: boolean }>(\n  ({\n    theme: {\n      base: { spacing },\n      components: {\n        icon: {\n          size: { s }\n        }\n      }\n    },\n    depth,\n    isMediumOrAbove\n  }) => {\n    const paddingInlineStart = depth\n      ? `calc(1.5 * ${spacing} * ${depth} + ${s} + ${spacing})`\n      : `calc(1.5 * ${spacing})`;\n\n    return css`\n      white-space: nowrap;\n      padding-inline-start: ${paddingInlineStart};\n      ${isMediumOrAbove &&\n      css`\n        padding-inline: calc(0.5 * ${spacing});\n      `}\n    `;\n  }\n);\nStyledUrgencyTextContainer.defaultProps = defaultThemeProp;\n\nexport const StyledMetaListContainer = styled(MetaList)<{\n  hasChildren?: boolean;\n}>(({\n  theme: {\n    base: { spacing },\n    components: {\n      icon: {\n        size: { s }\n      }\n    }\n  },\n  hasChildren\n}) => {\n  return css`\n    ${!hasChildren &&\n    css`\n      padding-inline-start: calc(${s} + ${spacing});\n    `}\n    width: 100%;\n    flex-wrap: nowrap;\n    & > li:nth-child(1) {\n      flex-shrink: 1;\n    }\n    & > li:nth-child(2),\n    & > li:nth-child(3) {\n      flex-shrink: 0;\n    }\n  `;\n});\nStyledMetaListContainer.defaultProps = defaultThemeProp;\n\nexport const StyledMetaIdStatusContainer = styled(MetaList)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    padding-inline: calc(0.5 * ${spacing});\n  `;\n});\nStyledMetaIdStatusContainer.defaultProps = defaultThemeProp;\n\nexport const StyledLabelContainer = styled(Text)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    padding-inline: calc(0.5 * ${spacing});\n  `;\n});\nStyledLabelContainer.defaultProps = defaultThemeProp;\n"]}

package/lib/components/HierarchicalAssignments/HierarchicalAssignments.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { HierarchicalAssignmentProps } from './HierarchicalAssignments.types';
+declare const _default: FC<HierarchicalAssignmentProps> & {
+    getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["toggle-action"]>;
+};
+export default _default;
+//# sourceMappingURL=HierarchicalAssignments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalAssignments.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAwBhC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;;;;AAgHnF,wBAAuF"}

package/lib/components/HierarchicalAssignments/HierarchicalAssignments.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useRef } from 'react';
+import { CardHeader, useI18n, Icon, Text, Flex, useUID, Progress, useTestIds, withTestIds, useBreakpoint, ExpandCollapse } from '@pega/cosmos-react-core';
+import Glimpse from '../Glimpse';
+import { TaskItem } from '../Tasks/TaskList';
+import { StyledAssignments, StyledExpandButton as StyledTitleExpandButton, StyledParentExpandCollapse } from './Assignments.styles';
+import AssignmentContainer from './AssignmentContainer';
+import { getHierarchicalAssignmentsTestIds } from './HierarchicalAssignments.test-ids';
+const HierarchicalAssignments = forwardRef(({ assignments, childCases, collapsed = false, onToggleCollapsed, openItem, progress, assigneeProfile, name, testId }, ref) => {
+    const t = useI18n();
+    const assignmentsId = useUID();
+    const testIds = useTestIds(testId, getHierarchicalAssignmentsTestIds);
+    const containerRef = useRef(null);
+    const isMediumOrAbove = useBreakpoint('sm', { breakpointRef: containerRef });
+    const open = !collapsed;
+    const { target, id: profileId, onDismiss, ...restAssigneeProfile } = assigneeProfile ?? {};
+    const header = (_jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [_jsx(Icon, { name: 'caret-right' }), _jsx(Text, { variant: 'h2', children: name ?? t('assignments') })] }));
+    const findFirstLeaf = () => {
+        if (assignments?.length) {
+            return assignments[0].id;
+        }
+        if (childCases?.length) {
+            return childCases[0].id;
+        }
+    };
+    const showAssignmentList = !!(assignments?.length || childCases?.length);
+    return (_jsx(_Fragment, { children: showAssignmentList && (_jsxs(StyledAssignments, { "data-testid": testIds.root, ref: ref, expanded: open, children: [openItem ? (_jsx(TaskItem, { ...openItem })) : (_jsxs(_Fragment, { children: [_jsx(CardHeader, { container: { justify: 'start', alignItems: 'center', gap: 1 }, children: _jsx(StyledTitleExpandButton, { "data-testid": testIds.toggleAction, type: 'button', variant: 'text', onClick: () => {
+                                    if (onToggleCollapsed) {
+                                        onToggleCollapsed(!collapsed);
+                                    }
+                                }, "aria-controls": assignmentsId, "aria-expanded": open, "aria-label": name ?? t('assignments'), children: header }) }), open && (_jsx(ExpandCollapse, { as: StyledParentExpandCollapse, ref: containerRef, collapsed: collapsed, role: 'tree', children: progress ? (_jsx(Progress, { focusOnVisible: true, delay: true, placement: 'block', message: t('loading') })) : (_jsx(AssignmentContainer, { assignments: assignments, childCases: childCases, depth: 0, collapsed: true, firstItemId: findFirstLeaf(), testId: testIds.root, isMediumOrAbove: isMediumOrAbove })) }))] })), target && profileId && onDismiss && (_jsx(Glimpse, { ...restAssigneeProfile, progress: assigneeProfile?.progress ?? !assigneeProfile?.fields?.length, id: profileId, target: target, onDismiss: onDismiss }))] })) }));
+});
+export default withTestIds(HierarchicalAssignments, getHierarchicalAssignmentsTestIds);
+//# sourceMappingURL=HierarchicalAssignments.js.map

package/lib/components/HierarchicalAssignments/HierarchicalAssignments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalAssignments.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EACL,UAAU,EACV,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EACL,iBAAiB,EACjB,kBAAkB,IAAI,uBAAuB,EAC7C,0BAA0B,EAC3B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,iCAAiC,EAAE,MAAM,oCAAoC,CAAC;AAEvF,MAAM,uBAAuB,GAAoC,UAAU,CACzE,CACE,EACE,WAAW,EACX,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,MAAM,EACP,EACD,GAAuC,EACvC,EAAE;IACF,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,aAAa,GAAG,MAAM,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,iCAAiC,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,eAAe,GAAG,aAAa,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,CAAC,SAAS,CAAC;IAExB,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE,GAAG,eAAe,IAAI,EAAE,CAAC;IAE3F,MAAM,MAAM,GAAG,CACb,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC/C,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,EAC3B,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,IAAI,IAAI,CAAC,CAAC,aAAa,CAAC,GAAQ,IAC/C,CACR,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,WAAW,EAAE,MAAM,EAAE;YACvB,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SAC1B;QACD,IAAI,UAAU,EAAE,MAAM,EAAE;YACtB,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,CAAC,CAAC;IAEzE,OAAO,CACL,4BACG,kBAAkB,IAAI,CACrB,MAAC,iBAAiB,mBAAc,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,aACnE,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,QAAQ,OAAK,QAAQ,GAAI,CAC3B,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,UAAU,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,YACvE,KAAC,uBAAuB,mBACT,OAAO,CAAC,YAAY,EACjC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,iBAAiB,EAAE;wCACrB,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;qCAC/B;gCACH,CAAC,mBACc,aAAa,mBACb,IAAI,gBACP,IAAI,IAAI,CAAC,CAAC,aAAa,CAAC,YAEnC,MAAM,GACiB,GACf,EACZ,IAAI,IAAI,CACP,KAAC,cAAc,IACb,EAAE,EAAE,0BAA0B,EAC9B,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,MAAM,YAEV,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,QAAQ,IAAC,cAAc,QAAC,KAAK,QAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,CAC3E,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,IAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,CAAC,EACR,SAAS,QACT,WAAW,EAAE,aAAa,EAAE,EAC5B,MAAM,EAAE,OAAO,CAAC,IAAI,EACpB,eAAe,EAAE,eAAe,GAChC,CACH,GACc,CAClB,IACA,CACJ,EAEA,MAAM,IAAI,SAAS,IAAI,SAAS,IAAI,CACnC,KAAC,OAAO,OACF,mBAAmB,EACvB,QAAQ,EAAE,eAAe,EAAE,QAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,MAAM,EACvE,EAAE,EAAE,SAAS,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACH,IACiB,CACrB,GACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC,uBAAuB,EAAE,iCAAiC,CAAC,CAAC","sourcesContent":["import { forwardRef, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport {\n  CardHeader,\n  useI18n,\n  Icon,\n  Text,\n  Flex,\n  useUID,\n  Progress,\n  useTestIds,\n  withTestIds,\n  useBreakpoint,\n  ExpandCollapse\n} from '@pega/cosmos-react-core';\n\nimport Glimpse from '../Glimpse';\nimport { TaskItem } from '../Tasks/TaskList';\n\nimport {\n  StyledAssignments,\n  StyledExpandButton as StyledTitleExpandButton,\n  StyledParentExpandCollapse\n} from './Assignments.styles';\nimport type { HierarchicalAssignmentProps } from './HierarchicalAssignments.types';\nimport AssignmentContainer from './AssignmentContainer';\nimport { getHierarchicalAssignmentsTestIds } from './HierarchicalAssignments.test-ids';\n\nconst HierarchicalAssignments: FC<HierarchicalAssignmentProps> = forwardRef(\n  (\n    {\n      assignments,\n      childCases,\n      collapsed = false,\n      onToggleCollapsed,\n      openItem,\n      progress,\n      assigneeProfile,\n      name,\n      testId\n    },\n    ref: HierarchicalAssignmentProps['ref']\n  ) => {\n    const t = useI18n();\n    const assignmentsId = useUID();\n    const testIds = useTestIds(testId, getHierarchicalAssignmentsTestIds);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const isMediumOrAbove = useBreakpoint('sm', { breakpointRef: containerRef });\n    const open = !collapsed;\n\n    const { target, id: profileId, onDismiss, ...restAssigneeProfile } = assigneeProfile ?? {};\n\n    const header = (\n      <Flex container={{ alignItems: 'center', gap: 1 }}>\n        <Icon name='caret-right' />\n        <Text variant='h2'>{name ?? t('assignments')}</Text>\n      </Flex>\n    );\n\n    const findFirstLeaf = () => {\n      if (assignments?.length) {\n        return assignments[0].id;\n      }\n      if (childCases?.length) {\n        return childCases[0].id;\n      }\n    };\n\n    const showAssignmentList = !!(assignments?.length || childCases?.length);\n\n    return (\n      <>\n        {showAssignmentList && (\n          <StyledAssignments data-testid={testIds.root} ref={ref} expanded={open}>\n            {openItem ? (\n              <TaskItem {...openItem} />\n            ) : (\n              <>\n                <CardHeader container={{ justify: 'start', alignItems: 'center', gap: 1 }}>\n                  <StyledTitleExpandButton\n                    data-testid={testIds.toggleAction}\n                    type='button'\n                    variant='text'\n                    onClick={() => {\n                      if (onToggleCollapsed) {\n                        onToggleCollapsed(!collapsed);\n                      }\n                    }}\n                    aria-controls={assignmentsId}\n                    aria-expanded={open}\n                    aria-label={name ?? t('assignments')}\n                  >\n                    {header}\n                  </StyledTitleExpandButton>\n                </CardHeader>\n                {open && (\n                  <ExpandCollapse\n                    as={StyledParentExpandCollapse}\n                    ref={containerRef}\n                    collapsed={collapsed}\n                    role='tree'\n                  >\n                    {progress ? (\n                      <Progress focusOnVisible delay placement='block' message={t('loading')} />\n                    ) : (\n                      <AssignmentContainer\n                        assignments={assignments}\n                        childCases={childCases}\n                        depth={0}\n                        collapsed\n                        firstItemId={findFirstLeaf()}\n                        testId={testIds.root}\n                        isMediumOrAbove={isMediumOrAbove}\n                      />\n                    )}\n                  </ExpandCollapse>\n                )}\n              </>\n            )}\n\n            {target && profileId && onDismiss && (\n              <Glimpse\n                {...restAssigneeProfile}\n                progress={assigneeProfile?.progress ?? !assigneeProfile?.fields?.length}\n                id={profileId}\n                target={target}\n                onDismiss={onDismiss}\n              />\n            )}\n          </StyledAssignments>\n        )}\n      </>\n    );\n  }\n);\n\nexport default withTestIds(HierarchicalAssignments, getHierarchicalAssignmentsTestIds);\n"]}

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

@@ -0,0 +1,4 @@
+export declare const getHierarchicalAssignmentsTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["toggle-action"]>;
+export declare const getAssignmentTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["label", "assignee", "urgency", "action"]>;
+export declare const getCaseTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["toggle-action", "label", "id", "status"]>;
+//# sourceMappingURL=HierarchicalAssignments.test-ids.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalAssignments.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iCAAiC,yHAEnC,CAAC;AAEZ,eAAO,MAAM,oBAAoB,kJAKtB,CAAC;AAEZ,eAAO,MAAM,cAAc,kJAKhB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { createTestIds } from '@pega/cosmos-react-core';
+export const getHierarchicalAssignmentsTestIds = createTestIds('hierarchical-assignments', [
+    'toggle-action'
+]);
+export const getAssignmentTestIds = createTestIds('assignment', [
+    'label',
+    'assignee',
+    'urgency',
+    'action'
+]);
+export const getCaseTestIds = createTestIds('case', [
+    'toggle-action',
+    'label',
+    'id',
+    'status'
+]);
+//# sourceMappingURL=HierarchicalAssignments.test-ids.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalAssignments.test-ids.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,iCAAiC,GAAG,aAAa,CAAC,0BAA0B,EAAE;IACzF,eAAe;CACP,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,YAAY,EAAE;IAC9D,OAAO;IACP,UAAU;IACV,SAAS;IACT,QAAQ;CACA,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,EAAE;IAClD,eAAe;IACf,OAAO;IACP,IAAI;IACJ,QAAQ;CACA,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getHierarchicalAssignmentsTestIds = createTestIds('hierarchical-assignments', [\n  'toggle-action'\n] as const);\n\nexport const getAssignmentTestIds = createTestIds('assignment', [\n  'label',\n  'assignee',\n  'urgency',\n  'action'\n] as const);\n\nexport const getCaseTestIds = createTestIds('case', [\n  'toggle-action',\n  'label',\n  'id',\n  'status'\n] as const);\n"]}

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

@@ -0,0 +1,65 @@
+import type { MouseEvent, Ref } from 'react';
+import type { LinkProps, NoChildrenProp, OmitStrict, StatusProps, TestIdProp } from '@pega/cosmos-react-core';
+import type { GlimpseProps, TaskItemProps } from '@pega/cosmos-react-work';
+export interface AssignmentProps extends TestIdProp {
+    /** Unique Id of the assignment */
+    id: string;
+    /** Name of the process for the assignment. */
+    processName: string;
+    /** Number to defined the Urgency of assignment */
+    urgency: number;
+    /** Assignee's Name of the assignment */
+    assigneeName: string;
+    /** Callback fired when click of Assignee Name to show Glimpse component */
+    onAssigneeClick: (id: AssignmentProps['id'], e: MouseEvent<HTMLButtonElement>) => void;
+    /** Callback fired from the Go button */
+    onOpen?: (id: AssignmentProps['id'], e: MouseEvent<HTMLButtonElement>) => void;
+}
+export interface ItemsProps extends NoChildrenProp {
+    /** An array of assignment details to be rendered as Assignment details */
+    assignments?: AssignmentProps[];
+    /** An array of child cases to be rendered as case details */
+    childCases?: CaseListProps[];
+    /**
+     * Boolean that refers the state of the ExpandButton.
+     * @default false
+     */
+    collapsed?: boolean;
+    /** Callback on toggle of ExpandCollapseButton of each Case */
+    onToggleCollapsed?: (collapsed: boolean, id: string) => void;
+}
+export interface CaseListProps extends NoChildrenProp, ItemsProps, TestIdProp {
+    /** Name of the task group displayed in the list. */
+    name: string;
+    /** Unique Id of the childcase */
+    id: string;
+    /** status details for the case */
+    status: {
+        text: string;
+        variant: StatusProps['variant'];
+    };
+    /** Meta details of link to navigate to the case */
+    link: {
+        onPreview: LinkProps['onPreview'];
+        href: LinkProps['href'];
+        target?: LinkProps['target'];
+    };
+}
+export interface HierarchicalAssignmentProps extends OmitStrict<ItemsProps, 'onToggleCollapsed'>, TestIdProp {
+    /**
+     * Hierarchical Assignment widget's title
+     * @default  'Assignment'
+     */
+    name?: string;
+    /** Boolean refers to state of the progress in assignment widget */
+    progress?: boolean;
+    /** Task Content to be rendered on click of Go Action button */
+    openItem?: TaskItemProps;
+    /** Meta details to Render the Glimpse component to show the Assignee details */
+    assigneeProfile?: GlimpseProps;
+    /** Callback on toggle of Top level ExpandCollapseButton */
+    onToggleCollapsed: (collapsed: boolean) => void;
+    /** Ref placed on the element. */
+    ref?: Ref<HTMLDivElement>;
+}
+//# sourceMappingURL=HierarchicalAssignments.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalAssignments.types.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE3E,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,eAAe,EAAE,CAAC,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvF,wCAAwC;IACxC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChF;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,0EAA0E;IAC1E,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,UAAU,EAAE,UAAU;IAC3E,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;KACjC,CAAC;IACF,mDAAmD;IACnD,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;QAClC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QACxB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;KAC9B,CAAC;CACH;AAED,MAAM,WAAW,2BACf,SAAQ,UAAU,CAAC,UAAU,EAAE,mBAAmB,CAAC,EACjD,UAAU;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,gFAAgF;IAChF,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,2DAA2D;IAC3D,iBAAiB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,iCAAiC;IACjC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}

package/lib/components/HierarchicalAssignments/HierarchicalAssignments.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=HierarchicalAssignments.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalAssignments.types.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MouseEvent, Ref } from 'react';\n\nimport type {\n  LinkProps,\n  NoChildrenProp,\n  OmitStrict,\n  StatusProps,\n  TestIdProp\n} from '@pega/cosmos-react-core';\nimport type { GlimpseProps, TaskItemProps } from '@pega/cosmos-react-work';\n\nexport interface AssignmentProps extends TestIdProp {\n  /** Unique Id of the assignment */\n  id: string;\n  /** Name of the process for the assignment. */\n  processName: string;\n  /** Number to defined the Urgency of assignment */\n  urgency: number;\n  /** Assignee's Name of the assignment */\n  assigneeName: string;\n  /** Callback fired when click of Assignee Name to show Glimpse component */\n  onAssigneeClick: (id: AssignmentProps['id'], e: MouseEvent<HTMLButtonElement>) => void;\n  /** Callback fired from the Go button */\n  onOpen?: (id: AssignmentProps['id'], e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport interface ItemsProps extends NoChildrenProp {\n  /** An array of assignment details to be rendered as Assignment details */\n  assignments?: AssignmentProps[];\n  /** An array of child cases to be rendered as case details */\n  childCases?: CaseListProps[];\n  /**\n   * Boolean that refers the state of the ExpandButton.\n   * @default false\n   */\n  collapsed?: boolean;\n  /** Callback on toggle of ExpandCollapseButton of each Case */\n  onToggleCollapsed?: (collapsed: boolean, id: string) => void;\n}\n\nexport interface CaseListProps extends NoChildrenProp, ItemsProps, TestIdProp {\n  /** Name of the task group displayed in the list. */\n  name: string;\n  /** Unique Id of the childcase */\n  id: string;\n  /** status details for the case */\n  status: {\n    text: string;\n    variant: StatusProps['variant'];\n  };\n  /** Meta details of link to navigate to the case */\n  link: {\n    onPreview: LinkProps['onPreview'];\n    href: LinkProps['href'];\n    target?: LinkProps['target'];\n  };\n}\n\nexport interface HierarchicalAssignmentProps\n  extends OmitStrict<ItemsProps, 'onToggleCollapsed'>,\n    TestIdProp {\n  /**\n   * Hierarchical Assignment widget's title\n   * @default  'Assignment'\n   */\n  name?: string;\n  /** Boolean refers to state of the progress in assignment widget */\n  progress?: boolean;\n  /** Task Content to be rendered on click of Go Action button */\n  openItem?: TaskItemProps;\n  /** Meta details to Render the Glimpse component to show the Assignee details */\n  assigneeProfile?: GlimpseProps;\n  /** Callback on toggle of Top level ExpandCollapseButton */\n  onToggleCollapsed: (collapsed: boolean) => void;\n  /** Ref placed on the element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

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

@@ -0,0 +1,3 @@
+export { default } from './HierarchicalAssignments';
+export type { HierarchicalAssignmentProps, AssignmentProps } from './HierarchicalAssignments.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,YAAY,EAAE,2BAA2B,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}

package/lib/components/HierarchicalAssignments/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { default } from './HierarchicalAssignments';\nexport type { HierarchicalAssignmentProps, AssignmentProps } from './HierarchicalAssignments.types';\n"]}

package/lib/index.d.ts

@@ -20,6 +20,8 @@ export { default as GenAICoach } from './components/GenAICoach';
 export * from './components/GenAICoach';
 export { default as Glimpse } from './components/Glimpse';
 export * from './components/Glimpse';
+export { default as HierarchicalAssignments } from './components/HierarchicalAssignments';
+export * from './components/HierarchicalAssignments';
 export { default as IntelligentGuidance } from './components/IntelligentGuidance';
 export * from './components/IntelligentGuidance';
 export { default as InteractionNotification } from './components/InteractionNotification';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,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,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,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,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;AACtC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,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,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,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,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;AACtC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}

package/lib/index.js

@@ -21,6 +21,8 @@ export { default as GenAICoach } from './components/GenAICoach';
 export * from './components/GenAICoach';
 export { default as Glimpse } from './components/Glimpse';
 export * from './components/Glimpse';
+export { default as HierarchicalAssignments } from './components/HierarchicalAssignments';
+export * from './components/HierarchicalAssignments';
 export { default as IntelligentGuidance } from './components/IntelligentGuidance';
 export * from './components/IntelligentGuidance';
 export { default as InteractionNotification } from './components/InteractionNotification';

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,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,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,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,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,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;AACtC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,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 Article } from './components/Article';\nexport * from './components/Article';\nexport { default as ArticleList } from './components/ArticleList';\nexport * from './components/ArticleList';\nexport { default as Assignments } from './components/Assignments';\nexport * from './components/Assignments';\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 GenAICoach } from './components/GenAICoach';\nexport * from './components/GenAICoach';\nexport { default as Glimpse } from './components/Glimpse';\nexport * from './components/Glimpse';\nexport { default as IntelligentGuidance } from './components/IntelligentGuidance';\nexport * from './components/IntelligentGuidance';\nexport { default as InteractionNotification } from './components/InteractionNotification';\nexport { default as Predictions } from './components/Predictions';\nexport * from './components/Predictions';\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';\nexport { default as UtilitiesLayout } from './components/UtilitiesLayout';\nexport * from './components/UtilitiesLayout';\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,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,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,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,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,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;AACtC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,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 Article } from './components/Article';\nexport * from './components/Article';\nexport { default as ArticleList } from './components/ArticleList';\nexport * from './components/ArticleList';\nexport { default as Assignments } from './components/Assignments';\nexport * from './components/Assignments';\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 GenAICoach } from './components/GenAICoach';\nexport * from './components/GenAICoach';\nexport { default as Glimpse } from './components/Glimpse';\nexport * from './components/Glimpse';\nexport { default as HierarchicalAssignments } from './components/HierarchicalAssignments';\nexport * from './components/HierarchicalAssignments';\nexport { default as IntelligentGuidance } from './components/IntelligentGuidance';\nexport * from './components/IntelligentGuidance';\nexport { default as InteractionNotification } from './components/InteractionNotification';\nexport { default as Predictions } from './components/Predictions';\nexport * from './components/Predictions';\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';\nexport { default as UtilitiesLayout } from './components/UtilitiesLayout';\nexport * from './components/UtilitiesLayout';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-work",
-  "version": "7.0.0-build.23.0",
+  "version": "7.0.0-build.24.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pegasystems/cosmos-react.git",
@@ -19,8 +19,8 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "7.0.0-build.23.0",
-    "@pega/cosmos-react-rte": "7.0.0-build.23.0",
+    "@pega/cosmos-react-core": "7.0.0-build.24.0",
+    "@pega/cosmos-react-rte": "7.0.0-build.24.0",
     "@types/react": "^17.0.62",
     "@types/react-dom": "^17.0.20",
     "@types/styled-components": "^5.1.26",