@pega/cosmos-react-work 7.0.0-build.33.3 → 7.0.0-build.33.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/AssignmentDetail.d.ts.map +1 -1
- package/lib/components/HierarchicalAssignments/AssignmentDetail.js.map +1 -1
- package/lib/components/HierarchicalAssignments/AssignmentItem.d.ts.map +1 -1
- package/lib/components/HierarchicalAssignments/AssignmentItem.js +5 -3
- package/lib/components/HierarchicalAssignments/AssignmentItem.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssignmentDetail.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentDetail.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGvE,eAAO,MAAM,gBAAgB,0BAG1B,KAAK,eAAe,EAAE,aAAa,GAAG,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"AssignmentDetail.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentDetail.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGvE,eAAO,MAAM,gBAAgB,0BAG1B,KAAK,eAAe,EAAE,aAAa,GAAG,MAAM,CAAC,gBAa/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssignmentDetail.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentDetail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,WAAW,EACX,IAAI,EAC0C,EAAE,EAAE;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,UAAU,EAAe,CAAC;IACxD,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"AssignmentDetail.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentDetail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,WAAW,EACX,IAAI,EAC0C,EAAE,EAAE;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,UAAU,EAAe,CAAC;IACxD,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,EAAE,EAAE,oBAAoB,EAAE,GAAG,EAAE,UAAU,YAC5C,gBAAgB,GACZ,EACP,KAAC,OAAO,IAAC,MAAM,EAAE,OAAO,EAAE,KAAK,kBAC5B,gBAAgB,GACT,IACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { Text, Tooltip, useElement } from '@pega/cosmos-react-core';\n\nimport type { AssignmentProps } from './HierarchicalAssignments.types';\nimport { StyledAssignmentText } from './Assignments.styles';\n\nexport const AssignmentDetail = ({\n processName,\n name\n}: Pick<AssignmentProps, 'processName' | 'name'>) => {\n const [element, setElement] = useElement<HTMLElement>();\n const assignmentDetail = processName ? `${processName} - ${name}` : name;\n return (\n <>\n <Text as={StyledAssignmentText} ref={setElement}>\n {assignmentDetail}\n </Text>\n <Tooltip target={element} smart>\n {assignmentDetail}\n </Tooltip>\n </>\n );\n};\n\nexport default AssignmentDetail;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssignmentItem.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentItem.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AssignmentItem.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentItem.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;;;;;;;;AAoGvE,wBAAiE"}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, Text, useI18n, withTestIds, useTestIds, Flex } from '@pega/cosmos-react-core';
|
|
2
|
+
import { Button, Text, useI18n, withTestIds, useTestIds, Flex, useElement, Tooltip } from '@pega/cosmos-react-core';
|
|
3
3
|
import { StyledAssignmentItem, StyledProcessContainer, StyledActionContainer, StyledAssigneeContainer, StyledUrgencyTextContainer, StyledLabelContainer, StyledAssigneeText } from './Assignments.styles';
|
|
4
4
|
import { getAssignmentTestIds } from './HierarchicalAssignments.test-ids';
|
|
5
5
|
import { maxDepth } from './AssignmentContainer';
|
|
6
6
|
import AssignmentDetails from './AssignmentDetail';
|
|
7
7
|
const AssignmentItem = ({ processName, name, assigneeName, urgency, depth, id, firstItemId, assigneeId, onOpen, onAssigneeClick, testId, isMediumOrAbove }) => {
|
|
8
8
|
const t = useI18n();
|
|
9
|
+
const [assigneeEl, setAssigneeElement] = useElement();
|
|
9
10
|
const testIds = useTestIds(testId, getAssignmentTestIds);
|
|
10
11
|
const tableDepth = depth === 0 ? depth : Math.min(depth + 1, maxDepth);
|
|
11
12
|
return (_jsxs(StyledAssignmentItem, { "data-testid": testIds.root, container: {
|
|
12
13
|
alignItems: 'center',
|
|
13
|
-
cols: isMediumOrAbove ? '
|
|
14
|
+
cols: isMediumOrAbove ? '3fr 2fr auto auto' : '2fr 0.5fr',
|
|
15
|
+
colGap: isMediumOrAbove ? 3 : 0,
|
|
14
16
|
rows: isMediumOrAbove ? 'repeat(1, auto)' : 'repeat(3, auto)'
|
|
15
17
|
}, hideBorders: firstItemId === id, role: 'treeitem', children: [_jsx(Flex, { "data-testid": testIds.label, container: { alignItems: 'center' }, as: StyledProcessContainer, depth: tableDepth, children: _jsx(AssignmentDetails, { processName: processName, name: name }) }), _jsxs(Flex, { "data-testid": testIds.assignee, container: { justify: isMediumOrAbove ? 'end' : 'start' }, as: StyledAssigneeContainer, depth: tableDepth, variant: 'secondary', isMediumOrAbove: isMediumOrAbove, children: [_jsxs(StyledLabelContainer, { variant: 'secondary', children: [t('assignee'), ":"] }), _jsx(StyledAssigneeText, { onClick: (e) => {
|
|
16
18
|
onAssigneeClick(assigneeId, e);
|
|
17
|
-
}, variant: 'link', children: assigneeName })] }), _jsxs(Flex, { "data-testid": testIds.urgency, container: { justify: isMediumOrAbove ? 'end' : 'start' }, as: StyledUrgencyTextContainer, 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') })) })] }));
|
|
19
|
+
}, variant: 'link', ref: setAssigneeElement, children: assigneeName }), _jsx(Tooltip, { target: assigneeEl, smart: true, children: assigneeName })] }), _jsxs(Flex, { "data-testid": testIds.urgency, container: { justify: isMediumOrAbove ? 'end' : 'start' }, as: StyledUrgencyTextContainer, 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') })) })] }));
|
|
18
20
|
};
|
|
19
21
|
export default withTestIds(AssignmentItem, getAssignmentTestIds);
|
|
20
22
|
//# sourceMappingURL=AssignmentItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssignmentItem.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentItem.tsx"],"names":[],"mappings":";AAEA,OAAO,
|
|
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 {\n Button,\n Text,\n useI18n,\n withTestIds,\n useTestIds,\n Flex,\n useElement,\n Tooltip\n} 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';\nimport AssignmentDetails from './AssignmentDetail';\n\nconst AssignmentItem = ({\n processName,\n name,\n assigneeName,\n urgency,\n depth,\n id,\n firstItemId,\n assigneeId,\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 [assigneeEl, setAssigneeElement] = useElement<HTMLElement>();\n const testIds = useTestIds(testId, getAssignmentTestIds);\n const tableDepth = depth === 0 ? depth : Math.min(depth + 1, maxDepth);\n\n return (\n <StyledAssignmentItem\n data-testid={testIds.root}\n container={{\n alignItems: 'center',\n cols: isMediumOrAbove ? '3fr 2fr auto auto' : '2fr 0.5fr',\n colGap: isMediumOrAbove ? 3 : 0,\n rows: isMediumOrAbove ? 'repeat(1, auto)' : 'repeat(3, auto)'\n }}\n hideBorders={firstItemId === id}\n role='treeitem'\n >\n <Flex\n data-testid={testIds.label}\n container={{ alignItems: 'center' }}\n as={StyledProcessContainer}\n depth={tableDepth}\n >\n <AssignmentDetails processName={processName} name={name} />\n </Flex>\n <Flex\n data-testid={testIds.assignee}\n container={{ justify: isMediumOrAbove ? 'end' : 'start' }}\n as={StyledAssigneeContainer}\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(assigneeId, e);\n }}\n variant='link'\n ref={setAssigneeElement}\n >\n {assigneeName}\n </StyledAssigneeText>\n <Tooltip target={assigneeEl} smart>\n {assigneeName}\n </Tooltip>\n </Flex>\n <Flex\n data-testid={testIds.urgency}\n container={{ justify: isMediumOrAbove ? 'end' : 'start' }}\n as={StyledUrgencyTextContainer}\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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pega/cosmos-react-work",
|
|
3
|
-
"version": "7.0.0-build.33.
|
|
3
|
+
"version": "7.0.0-build.33.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.33.
|
|
23
|
-
"@pega/cosmos-react-rte": "7.0.0-build.33.
|
|
22
|
+
"@pega/cosmos-react-core": "7.0.0-build.33.4",
|
|
23
|
+
"@pega/cosmos-react-rte": "7.0.0-build.33.4",
|
|
24
24
|
"@types/react": "^17.0.62",
|
|
25
25
|
"@types/react-dom": "^17.0.20",
|
|
26
26
|
"@types/styled-components": "^5.1.26",
|