@pega/cosmos-react-work 7.0.0-build.29.2 → 7.0.0-build.29.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/HierarchicalAssignments/AssignmentContainer.d.ts.map +1 -1
- package/lib/components/HierarchicalAssignments/AssignmentContainer.js +6 -5
- package/lib/components/HierarchicalAssignments/AssignmentContainer.js.map +1 -1
- package/lib/components/HierarchicalAssignments/Assignments.styles.d.ts +2 -2
- package/lib/components/HierarchicalAssignments/Assignments.styles.d.ts.map +1 -1
- package/lib/components/HierarchicalAssignments/Assignments.styles.js +14 -9
- package/lib/components/HierarchicalAssignments/Assignments.styles.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
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;;;;
|
|
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;;;;AAoL1B,wBAAgE"}
|
|
@@ -16,17 +16,18 @@ const AssignmentContainer = ({ assignments, childCases, id, depth, status, link,
|
|
|
16
16
|
}
|
|
17
17
|
const { text, variant } = status;
|
|
18
18
|
const hasChildren = !!(childCases?.length || assignments?.length);
|
|
19
|
+
const indent = depth !== 1 && !hasChildren;
|
|
19
20
|
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: () => {
|
|
20
21
|
onToggleCollapsed?.(!open, id);
|
|
21
22
|
setOpen(prev => !prev);
|
|
22
|
-
}, children: _jsx(Icon, { name: 'caret-right' }) })), isMediumOrAbove ? (_jsx(StyledMetaListContainer, { wrapItems: true,
|
|
23
|
+
}, children: _jsx(Icon, { name: 'caret-right' }) })), isMediumOrAbove ? (_jsx(StyledMetaListContainer, { wrapItems: true, indent: indent, items: [
|
|
23
24
|
_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`),
|
|
24
25
|
_jsx(StyledMetaIdStatusContainer, { wrapItems: false, items: [
|
|
25
|
-
_jsx(Text, { "data-testid": testIds.id, variant: '
|
|
26
|
+
_jsx(Text, { "data-testid": testIds.id, variant: 'secondary', children: id }, `${id}-id`),
|
|
26
27
|
_jsx(Status, { "data-testid": testIds.status, variant: variant ?? 'info', children: text }, `${id}-status`)
|
|
27
28
|
] }, `${id}-id-status`)
|
|
28
|
-
] })) : (_jsx(StyledSummaryItem, {
|
|
29
|
-
_jsx(Text, { "data-testid": testIds.id, variant: '
|
|
29
|
+
] })) : (_jsx(StyledSummaryItem, { indent: indent, 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: [
|
|
30
|
+
_jsx(Text, { "data-testid": testIds.id, variant: 'secondary', children: id }, `${id}-id`),
|
|
30
31
|
_jsx(Status, { "data-testid": testIds.status, variant: variant ?? 'info', children: text }, `${id}-status`)
|
|
31
32
|
] }) }))] }));
|
|
32
33
|
}, [childCases, assignments, id, open, name, status, isMediumOrAbove]);
|
|
@@ -38,7 +39,7 @@ const AssignmentContainer = ({ assignments, childCases, id, depth, status, link,
|
|
|
38
39
|
return (_createElement(AssignmentItem, { ...item, key: item.id, depth: depth, assigneeName: item?.assigneeName, testId: testId, isMediumOrAbove: isMediumOrAbove }));
|
|
39
40
|
}), childCases?.map(item => {
|
|
40
41
|
const childDepth = Math.min(depth + 1, maxDepth);
|
|
41
|
-
return (_createElement(AssignmentContainer, { ...item, key: item.id, depth: childDepth, onToggleCollapsed: onToggleCollapsed, firstItemId: firstItemId, testId: testId, isMediumOrAbove: isMediumOrAbove }));
|
|
42
|
+
return item.id && item.status ? (_createElement(AssignmentContainer, { ...item, key: item.id, depth: childDepth, onToggleCollapsed: onToggleCollapsed, firstItemId: firstItemId, testId: testId, isMediumOrAbove: isMediumOrAbove })) : null;
|
|
42
43
|
})] })] }));
|
|
43
44
|
};
|
|
44
45
|
export default withTestIds(AssignmentContainer, getCaseTestIds);
|
|
@@ -1 +1 @@
|
|
|
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"]}
|
|
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 const indent = depth !== 1 && !hasChildren;\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 indent={indent}\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='secondary' 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 indent={indent}\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='secondary' 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 item.id && item.status ? (\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 ) : null;\n })}\n </ExpandCollapse>\n </StyledAssignmentContainer>\n );\n};\nexport default withTestIds(AssignmentContainer, getCaseTestIds);\n"]}
|
|
@@ -16,7 +16,7 @@ export declare const StyledHeaderContainer: import("styled-components").StyledCo
|
|
|
16
16
|
export declare const StyledSummaryItem: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").SummaryItemProps & import("@pega/cosmos-react-core").ForwardProps> & {
|
|
17
17
|
getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["primary", "secondary", "visual", "actions"]>;
|
|
18
18
|
}, import("styled-components").DefaultTheme, {
|
|
19
|
-
|
|
19
|
+
indent: boolean;
|
|
20
20
|
}, never>;
|
|
21
21
|
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, {
|
|
22
22
|
expanded?: boolean | undefined;
|
|
@@ -40,7 +40,7 @@ export declare const StyledUrgencyTextContainer: import("styled-components").Sty
|
|
|
40
40
|
export declare const StyledMetaListContainer: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").MetaListProps & import("@pega/cosmos-react-core").ForwardProps> & {
|
|
41
41
|
getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
|
|
42
42
|
}, import("styled-components").DefaultTheme, {
|
|
43
|
-
|
|
43
|
+
indent: boolean;
|
|
44
44
|
}, never>;
|
|
45
45
|
export declare const StyledMetaIdStatusContainer: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").MetaListProps & import("@pega/cosmos-react-core").ForwardProps> & {
|
|
46
46
|
getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Assignments.styles.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/Assignments.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,IAAI,
|
|
1
|
+
{"version":3,"file":"Assignments.styles.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/Assignments.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,IAAI,EAWL,MAAM,yBAAyB,CAAC;AAUjC,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;;SA6BlC,CAAC;AAGF,eAAO,MAAM,qBAAqB;;SAYjC,CAAC;AAGF,eAAO,MAAM,qBAAqB;;SAoBjC,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;YAAiC,OAAO;SAiBpE,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,qOAO7B,CAAC;AAGH,eAAO,MAAM,0BAA0B;;;SA0BtC,CAAC;AAGF,eAAO,MAAM,uBAAuB;;;YAC1B,OAAO;SA2Bf,CAAC;AAGH,eAAO,MAAM,2BAA2B;;uDAQtC,CAAC;AAGH,eAAO,MAAM,oBAAoB,mOAQ/B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
|
-
import { Grid, Button, Card, defaultThemeProp, StyledIcon, ExpandCollapse, useDirection, Text, MetaList, SummaryItem } from '@pega/cosmos-react-core';
|
|
2
|
+
import { Grid, Button, Card, defaultThemeProp, StyledIcon, ExpandCollapse, useDirection, Text, MetaList, SummaryItem, calculateFontSize } from '@pega/cosmos-react-core';
|
|
3
3
|
import { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';
|
|
4
4
|
const StyledEllipsis = css `
|
|
5
5
|
overflow: hidden;
|
|
@@ -97,9 +97,9 @@ export const StyledHeaderContainer = styled.div(({ theme: { base: { spacing, pal
|
|
|
97
97
|
`;
|
|
98
98
|
});
|
|
99
99
|
StyledHeaderContainer.defaultProps = defaultThemeProp;
|
|
100
|
-
export const StyledSummaryItem = styled(SummaryItem)(({ theme: { base: { spacing }, components: { icon: { size: { s } } } },
|
|
100
|
+
export const StyledSummaryItem = styled(SummaryItem)(({ theme: { base: { spacing }, components: { icon: { size: { s } } } }, indent }) => {
|
|
101
101
|
return css `
|
|
102
|
-
${
|
|
102
|
+
${indent &&
|
|
103
103
|
css `
|
|
104
104
|
padding-inline-start: calc(${s} + ${spacing});
|
|
105
105
|
`}
|
|
@@ -167,10 +167,15 @@ export const StyledAssigneeContainer = styled.div(({ theme: { base: { spacing },
|
|
|
167
167
|
`;
|
|
168
168
|
});
|
|
169
169
|
StyledAssigneeContainer.defaultProps = defaultThemeProp;
|
|
170
|
-
export const StyledAssigneeText = styled(Button)
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
170
|
+
export const StyledAssigneeText = styled(Button)(({ theme }) => {
|
|
171
|
+
const fontSizes = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
|
|
172
|
+
return css `
|
|
173
|
+
${StyledEllipsis}
|
|
174
|
+
font-size: ${fontSizes[theme.components.text.secondary['font-size']]};
|
|
175
|
+
font-weight: ${theme.components.text.secondary['font-weight']};
|
|
176
|
+
`;
|
|
177
|
+
});
|
|
178
|
+
StyledAssigneeText.defaultProps = defaultThemeProp;
|
|
174
179
|
export const StyledUrgencyTextContainer = styled.div(({ theme: { base: { spacing }, components: { icon: { size: { s } } } }, depth, isMediumOrAbove }) => {
|
|
175
180
|
const paddingInlineStart = depth
|
|
176
181
|
? `calc(1.5 * ${spacing} * ${depth} + ${s} + ${spacing})`
|
|
@@ -185,9 +190,9 @@ export const StyledUrgencyTextContainer = styled.div(({ theme: { base: { spacing
|
|
|
185
190
|
`;
|
|
186
191
|
});
|
|
187
192
|
StyledUrgencyTextContainer.defaultProps = defaultThemeProp;
|
|
188
|
-
export const StyledMetaListContainer = styled(MetaList)(({ theme: { base: { spacing }, components: { icon: { size: { s } } } },
|
|
193
|
+
export const StyledMetaListContainer = styled(MetaList)(({ theme: { base: { spacing }, components: { icon: { size: { s } } } }, indent }) => {
|
|
189
194
|
return css `
|
|
190
|
-
${
|
|
195
|
+
${indent &&
|
|
191
196
|
css `
|
|
192
197
|
padding-inline-start: calc(${s} + ${spacing});
|
|
193
198
|
`}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Assignments.styles.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/Assignments.styles.ts"],"names":[],"mappings":"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","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 height: 100%;\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"]}
|
|
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,EACX,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAEjC,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;;mBAEH,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,CAAsB,CAAC,EACzE,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EACjB,UAAU,EAAE,EACV,IAAI,EAAE,EACJ,IAAI,EAAE,EAAE,CAAC,EAAE,EACZ,EACF,EACF,EACD,MAAM,EACP,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;MACN,MAAM;QACR,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,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7D,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACvF,OAAO,GAAG,CAAA;MACN,cAAc;iBACH,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAa,CAAC;mBACjE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;GAC9D,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,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,MAAM,EACP,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;MACN,MAAM;QACR,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 calculateFontSize\n} from '@pega/cosmos-react-core';\nimport type { FontSize } 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 height: 100%;\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)<{ indent: boolean }>(({\n theme: {\n base: { spacing },\n components: {\n icon: {\n size: { s }\n }\n }\n },\n indent\n}) => {\n return css`\n ${indent &&\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)(({ theme }) => {\n const fontSizes = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n return css`\n ${StyledEllipsis}\n font-size: ${fontSizes[theme.components.text.secondary['font-size'] as FontSize]};\n font-weight: ${theme.components.text.secondary['font-weight']};\n `;\n});\nStyledAssigneeText.defaultProps = defaultThemeProp;\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 indent: boolean;\n}>(({\n theme: {\n base: { spacing },\n components: {\n icon: {\n size: { s }\n }\n }\n },\n indent\n}) => {\n return css`\n ${indent &&\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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pega/cosmos-react-work",
|
|
3
|
-
"version": "7.0.0-build.29.
|
|
3
|
+
"version": "7.0.0-build.29.4",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/pegasystems/cosmos-react.git",
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"build": "tsc -b tsconfig.build.json"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@pega/cosmos-react-core": "7.0.0-build.29.
|
|
23
|
-
"@pega/cosmos-react-rte": "7.0.0-build.29.
|
|
22
|
+
"@pega/cosmos-react-core": "7.0.0-build.29.4",
|
|
23
|
+
"@pega/cosmos-react-rte": "7.0.0-build.29.4",
|
|
24
24
|
"@types/react": "^17.0.62",
|
|
25
25
|
"@types/react-dom": "^17.0.20",
|
|
26
26
|
"@types/styled-components": "^5.1.26",
|