akeneo-design-system 0.1.229 → 0.1.231
Sign up to get free protection for your applications and to get access to all the features.
- package/.github/workflows/bump-version.js +4 -14
- package/lib/components/ProgressBar/ProgressBar.js +1 -1
- package/lib/components/ProgressBar/ProgressBar.js.map +1 -1
- package/lib/components/SwitcherButton/SwitcherButton.js +1 -1
- package/lib/components/SwitcherButton/SwitcherButton.js.map +1 -1
- package/lib/components/Table/Table.d.ts +3 -2
- package/lib/components/Table/Table.js +2 -2
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/TableContext.d.ts +1 -0
- package/lib/components/Table/TableContext.js +1 -0
- package/lib/components/Table/TableContext.js.map +1 -1
- package/lib/components/Table/TableHeader/TableHeader.js +6 -4
- package/lib/components/Table/TableHeader/TableHeader.js.map +1 -1
- package/lib/components/Table/TableRow/TableRow.d.ts +2 -2
- package/lib/components/Table/TableRow/TableRow.js +19 -9
- package/lib/components/Table/TableRow/TableRow.js.map +1 -1
- package/lib/icons/ChecklistIcon.d.ts +4 -0
- package/lib/icons/ChecklistIcon.js +38 -0
- package/lib/icons/ChecklistIcon.js.map +1 -0
- package/lib/icons/WorkflowIcon.d.ts +4 -0
- package/lib/icons/WorkflowIcon.js +40 -0
- package/lib/icons/WorkflowIcon.js.map +1 -0
- package/lib/icons/index.d.ts +2 -0
- package/lib/icons/index.js +2 -0
- package/lib/icons/index.js.map +1 -1
- package/package.json +1 -1
- package/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-table-warning-and-locked-rows-correctly-1-snap.png +0 -0
- package/src/components/ProgressBar/ProgressBar.tsx +3 -5
- package/src/components/SwitcherButton/SwitcherButton.tsx +1 -1
- package/src/components/Table/Table.stories.mdx +17 -3
- package/src/components/Table/Table.tsx +8 -2
- package/src/components/Table/TableContext.ts +2 -0
- package/src/components/Table/TableHeader/TableHeader.tsx +6 -1
- package/src/components/Table/TableRow/TableRow.tsx +38 -13
- package/src/components/Table/TableRow/TableRow.unit.tsx +30 -0
- package/src/icons/ChecklistIcon.tsx +16 -0
- package/src/icons/WorkflowIcon.tsx +39 -0
- package/src/icons/index.ts +2 -0
- package/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-table-warnable-rows-correctly-1-snap.png +0 -0
- package/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-table-warning-rows-correctly-1-snap.png +0 -0
@@ -4,15 +4,8 @@
|
|
4
4
|
const {execSync} = require('child_process');
|
5
5
|
const fs = require('fs');
|
6
6
|
|
7
|
-
const
|
8
|
-
const
|
9
|
-
const commitMessagesFilepath = process.argv[4];
|
10
|
-
|
11
|
-
if (typeof filePath === 'undefined') {
|
12
|
-
console.log(`usage: ${process.argv[0]} ${process.argv[1]} path_to_webhook_event.json external/package.json commit-messages.txt`);
|
13
|
-
|
14
|
-
return;
|
15
|
-
}
|
7
|
+
const externalPackageJson = process.argv[2];
|
8
|
+
const commitMessagesFilepath = process.argv[3];
|
16
9
|
|
17
10
|
// Let's define an enum for our bump levels
|
18
11
|
const BumpLevelEnum = {
|
@@ -43,12 +36,9 @@ const getBumpNameFromBumpLevel = (bumpLevel) => {
|
|
43
36
|
}
|
44
37
|
}
|
45
38
|
|
46
|
-
const
|
47
|
-
const githubEvent = JSON.parse(rawdata);
|
48
|
-
|
49
|
-
const lastCommits = (new String(execSync(`git rev-list ${githubEvent.before}..HEAD`))).split('\n');
|
39
|
+
const lastCommits = (new String(execSync(`git rev-list ${process.env.BUMP_BASE_REVISION || 'master'}..HEAD`))).split('\n');
|
50
40
|
const messages = lastCommits.map(commit => new String(execSync(`git log -n 1 --pretty=format:%s ${commit}`)));
|
51
|
-
fs.writeFileSync(commitMessagesFilepath, `Extract from
|
41
|
+
fs.writeFileSync(commitMessagesFilepath, `Extract from ${process.env.BUMP_REVISION}\nWith commits:\n${messages.join('\n')}`);
|
52
42
|
|
53
43
|
const levelToBump = messages.reduce((currentBumpLevel, commit) => {
|
54
44
|
const bumpLevel = getCommitMessageBumpLevel(commit);
|
@@ -100,7 +100,7 @@ var ProgressBar = (0, react_1.forwardRef)(function (_a, forwardedRef) {
|
|
100
100
|
}
|
101
101
|
return (react_1.default.createElement(ProgressBarContainer, __assign({ ref: forwardedRef }, rest),
|
102
102
|
(title || progressLabel) && (react_1.default.createElement(Header, null,
|
103
|
-
|
103
|
+
react_1.default.createElement(Title, { title: title, id: labelId, htmlFor: progressBarId }, title),
|
104
104
|
progressLabel && react_1.default.createElement(ProgressLabel, { title: progressLabel }, progressLabel))),
|
105
105
|
react_1.default.createElement(ProgressBarBackground, __assign({ id: progressBarId, role: "progressbar" }, progressBarProps, { size: size }),
|
106
106
|
react_1.default.createElement(ProgressBarFill, { level: level, light: light, indeterminate: percent === 'indeterminate', width: computeWidthFromPercent(percent) }))));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"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"}
|
@@ -72,7 +72,7 @@ var SwitcherButton = (0, react_1.forwardRef)(function (_a, forwardedRef) {
|
|
72
72
|
var buttonId = (0, hooks_1.useId)('button_');
|
73
73
|
var handleDelete = function () { return deletable && (onDelete === null || onDelete === void 0 ? void 0 : onDelete()); };
|
74
74
|
return (react_1.default.createElement(SwitcherButtonContainer, __assign({ ref: forwardedRef }, rest),
|
75
|
-
react_1.default.createElement(LabelAndValueContainer, { id: buttonId, onClick: onClick, "$inline": inline },
|
75
|
+
react_1.default.createElement(LabelAndValueContainer, { type: "button", id: buttonId, onClick: onClick, "$inline": inline },
|
76
76
|
react_1.default.createElement(Label, { htmlFor: buttonId, "$inline": inline }, label ? (inline ? label + ":" : label) : ''),
|
77
77
|
react_1.default.createElement(LabelAndArrow, null,
|
78
78
|
react_1.default.createElement(Value, { "$inline": inline }, children),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SwitcherButton.js","sourceRoot":"","sources":["../../../src/components/SwitcherButton/SwitcherButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwE;AACxE,qEAA8C;AAC9C,qCAAqD;AACrD,qCAAkF;AAElF,qCAAkC;AAElC,IAAM,uBAAuB,GAAG,2BAAM,CAAC,GAAG,mRAAA,gNAWzC,IAAA,CAAC;AAEF,IAAM,sBAAsB,GAAG,2BAAM,CAAC,MAAM,8NAAwC,MAChF,EAAW,4IAOK,EAA2C,KAC9D,KARG,mBAAW,EAOK,UAAC,EAAS;QAAR,OAAO,aAAA;IAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;AAA5B,CAA4B,CAC9D,CAAC;AAEF,IAAM,KAAK,GAAG,2BAAM,CAAC,KAAK,2HAAwC,kDAG9D,EAUK,IACR,KAXG,UAAC,EAAS;QAAR,OAAO,aAAA;IACT,OAAA,OAAO;QACL,CAAC,KAAC,uBAAG,sIAAA,mDAEQ,EAAqB,aAC/B,KADU,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAElC,CAAC,KAAC,uBAAG,0KAAA,qBACQ,EAAqB,gEAEjB,EAAoB,aAClC,KAHU,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAEjB,IAAA,mBAAW,EAAC,OAAO,CAAC,CAClC;AATL,CASK,CACR,CAAC;AAEF,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,wHAAA,qDAG/B,IAAA,CAAC;AAEF,IAAM,KAAK,GAAG,2BAAM,CAAC,IAAI,kIAAwC,aACtD,EAAyE,gDAGnF,KAHU,UAAC,EAAS;QAAR,OAAO,aAAA;IAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAA1D,CAA0D,CAGnF,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,MAAM,oMAAA,iIAQhC,IAAA,CAAC;AAqCF,IAAM,cAAc,GAAG,IAAA,kBAAU,EAC/B,UACE,EAAoG,EACpG,YAAiC;IADhC,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAE,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EAAK,IAAI,cAA9E,mEAA+E,CAAD;IAG9E,IAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAElC,IAAM,YAAY,GAAG,cAAM,OAAA,SAAS,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA,EAAzB,CAAyB,CAAC;IAErD,OAAO,CACL,8BAAC,uBAAuB,aAAC,GAAG,EAAE,YAAY,IAAM,IAAI;QAClD,8BAAC,sBAAsB,IAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,aAAW,MAAM;
|
1
|
+
{"version":3,"file":"SwitcherButton.js","sourceRoot":"","sources":["../../../src/components/SwitcherButton/SwitcherButton.tsx"],"names":[],"mappings":"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"}
|
@@ -3,6 +3,7 @@ import { Override } from '../../shared';
|
|
3
3
|
declare type TableProps = Override<React.HTMLAttributes<HTMLTableElement>, {
|
4
4
|
isSelectable?: boolean;
|
5
5
|
hasWarningRows?: boolean;
|
6
|
+
hasLockedRows?: boolean;
|
6
7
|
displayCheckbox?: boolean;
|
7
8
|
children?: ReactNode;
|
8
9
|
} & ({
|
@@ -13,7 +14,7 @@ declare type TableProps = Override<React.HTMLAttributes<HTMLTableElement>, {
|
|
13
14
|
onReorder: (updatedIndices: number[]) => void;
|
14
15
|
})>;
|
15
16
|
declare const Table: {
|
16
|
-
({ isSelectable, hasWarningRows, displayCheckbox, isDragAndDroppable, onReorder, children, ...rest }: TableProps): React.JSX.Element;
|
17
|
+
({ isSelectable, hasWarningRows, hasLockedRows, displayCheckbox, isDragAndDroppable, onReorder, children, ...rest }: TableProps): React.JSX.Element;
|
17
18
|
Header: React.ForwardRefExoticComponent<import("./TableHeader/TableHeader").TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
|
18
19
|
HeaderCell: React.ForwardRefExoticComponent<{
|
19
20
|
isSortable?: boolean | undefined;
|
@@ -26,7 +27,7 @@ declare const Table: {
|
|
26
27
|
children?: React.ReactNode;
|
27
28
|
onSelectToggle?: ((isSelected: boolean) => void) | undefined;
|
28
29
|
isSelected?: boolean | "mixed" | undefined;
|
29
|
-
level?: "warning" | undefined;
|
30
|
+
level?: ("tertiary" | "warning") | undefined;
|
30
31
|
onClick?: ((event: React.MouseEvent<HTMLTableRowElement, MouseEvent>) => void) | undefined;
|
31
32
|
rowIndex?: number | undefined;
|
32
33
|
onDragStart?: ((rowIndex: number) => void) | undefined;
|
@@ -60,8 +60,8 @@ var TableContext_1 = require("./TableContext");
|
|
60
60
|
var TableBody_1 = require("./TableBody/TableBody");
|
61
61
|
var TableContainer = styled_components_1.default.table(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-collapse: collapse;\n width: 100%;\n"], ["\n border-collapse: collapse;\n width: 100%;\n"])));
|
62
62
|
var Table = function (_a) {
|
63
|
-
var _b = _a.isSelectable, isSelectable = _b === void 0 ? false : _b, _c = _a.hasWarningRows, hasWarningRows = _c === void 0 ? false : _c, _d = _a.
|
64
|
-
var providerValue = (0, react_1.useMemo)(function () { return ({ isSelectable: isSelectable, hasWarningRows: hasWarningRows, displayCheckbox: displayCheckbox, isDragAndDroppable: isDragAndDroppable, onReorder: onReorder }); }, [isSelectable, hasWarningRows, displayCheckbox, isDragAndDroppable, onReorder]);
|
63
|
+
var _b = _a.isSelectable, isSelectable = _b === void 0 ? false : _b, _c = _a.hasWarningRows, hasWarningRows = _c === void 0 ? false : _c, _d = _a.hasLockedRows, hasLockedRows = _d === void 0 ? false : _d, _e = _a.displayCheckbox, displayCheckbox = _e === void 0 ? false : _e, _f = _a.isDragAndDroppable, isDragAndDroppable = _f === void 0 ? false : _f, _g = _a.onReorder, onReorder = _g === void 0 ? undefined : _g, children = _a.children, rest = __rest(_a, ["isSelectable", "hasWarningRows", "hasLockedRows", "displayCheckbox", "isDragAndDroppable", "onReorder", "children"]);
|
64
|
+
var providerValue = (0, react_1.useMemo)(function () { return ({ isSelectable: isSelectable, hasWarningRows: hasWarningRows, hasLockedRows: hasLockedRows, displayCheckbox: displayCheckbox, isDragAndDroppable: isDragAndDroppable, onReorder: onReorder }); }, [isSelectable, hasWarningRows, hasLockedRows, displayCheckbox, isDragAndDroppable, onReorder]);
|
65
65
|
return (react_1.default.createElement(TableContext_1.TableContext.Provider, { value: providerValue },
|
66
66
|
react_1.default.createElement(TableContainer, __assign({}, rest), children)));
|
67
67
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgD;AAChD,wEAAuC;AACvC,mDAAgD;AAChD,yDAAsD;AACtD,qEAAkE;AAClE,qEAAkE;AAClE,gDAA6C;AAC7C,+CAA4C;AAC5C,mDAAgD;AAGhD,IAAM,cAAc,GAAG,2BAAM,CAAC,KAAK,qHAAA,kDAGlC,IAAA,CAAC;
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgD;AAChD,wEAAuC;AACvC,mDAAgD;AAChD,yDAAsD;AACtD,qEAAkE;AAClE,qEAAkE;AAClE,gDAA6C;AAC7C,+CAA4C;AAC5C,mDAAgD;AAGhD,IAAM,cAAc,GAAG,2BAAM,CAAC,KAAK,qHAAA,kDAGlC,IAAA,CAAC;AAwDF,IAAM,KAAK,GAAG,UAAC,EASF;IARX,IAAA,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,QAAQ,cAAA,EACL,IAAI,cARM,qHASd,CADQ;IAEP,IAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,cAAM,OAAA,CAAC,EAAC,YAAY,cAAA,EAAE,cAAc,gBAAA,EAAE,aAAa,eAAA,EAAE,eAAe,iBAAA,EAAE,kBAAkB,oBAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EAA/F,CAA+F,EACrG,CAAC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,kBAAkB,EAAE,SAAS,CAAC,CAC9F,CAAC;IAEF,OAAO,CACL,8BAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QACzC,8BAAC,cAAc,eAAK,IAAI,GAAG,QAAQ,CAAkB,CAC/B,CACzB,CAAC;AACJ,CAAC,CAAC;AAgBM,sBAAK;AAdb,yBAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,iCAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AACjD,qBAAS,CAAC,WAAW,GAAG,YAAY,CAAC;AACrC,mBAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,qBAAS,CAAC,WAAW,GAAG,YAAY,CAAC;AACrC,iCAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEjD,KAAK,CAAC,MAAM,GAAG,yBAAW,CAAC;AAC3B,KAAK,CAAC,UAAU,GAAG,iCAAe,CAAC;AACnC,KAAK,CAAC,IAAI,GAAG,qBAAS,CAAC;AACvB,KAAK,CAAC,GAAG,GAAG,mBAAQ,CAAC;AACrB,KAAK,CAAC,IAAI,GAAG,qBAAS,CAAC;AACvB,KAAK,CAAC,UAAU,GAAG,iCAAe,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../src/components/Table/TableContext.ts"],"names":[],"mappings":";;;AAAA,+BAAoC;
|
1
|
+
{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../src/components/Table/TableContext.ts"],"names":[],"mappings":";;;AAAA,+BAAoC;AAWpC,IAAM,YAAY,GAAG,IAAA,qBAAa,EAAmB;IACnD,YAAY,EAAE,KAAK;IACnB,cAAc,EAAE,KAAK;IACrB,aAAa,EAAE,KAAK;IACpB,eAAe,EAAE,KAAK;IACtB,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEK,oCAAY"}
|
@@ -59,17 +59,19 @@ var TableHead = styled_components_1.default.thead(templateObject_2 || (templateO
|
|
59
59
|
});
|
60
60
|
var SelectColumn = styled_components_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 40px;\n"], ["\n width: 40px;\n"])));
|
61
61
|
var HasWarningColumn = styled_components_1.default.th(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 20px;\n background: linear-gradient(to top, ", " 1px, ", " 0px);\n"], ["\n width: 20px;\n background: linear-gradient(to top, ", " 1px, ", " 0px);\n"])), (0, theme_1.getColor)('grey', 120), (0, theme_1.getColor)('white'));
|
62
|
-
var
|
62
|
+
var HasLockedColumn = styled_components_1.default.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 20px;\n background: linear-gradient(to top, ", " 1px, ", " 0px);\n"], ["\n width: 20px;\n background: linear-gradient(to top, ", " 1px, ", " 0px);\n"])), (0, theme_1.getColor)('grey', 120), (0, theme_1.getColor)('white'));
|
63
|
+
var OrderColumn = styled_components_1.default.th(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 40px;\n background: linear-gradient(to top, ", " 1px, ", " 0px);\n"], ["\n width: 40px;\n background: linear-gradient(to top, ", " 1px, ", " 0px);\n"])), (0, theme_1.getColor)('grey', 120), (0, theme_1.getColor)('white'));
|
63
64
|
var TableHeader = react_1.default.forwardRef(function (_a, forwardedRef) {
|
64
65
|
var children = _a.children, sticky = _a.sticky, rest = __rest(_a, ["children", "sticky"]);
|
65
|
-
var _b = react_1.default.useContext(TableContext_1.TableContext), isSelectable = _b.isSelectable, isDragAndDroppable = _b.isDragAndDroppable, hasWarningRows = _b.hasWarningRows;
|
66
|
+
var _b = react_1.default.useContext(TableContext_1.TableContext), isSelectable = _b.isSelectable, isDragAndDroppable = _b.isDragAndDroppable, hasWarningRows = _b.hasWarningRows, hasLockedRows = _b.hasLockedRows;
|
66
67
|
return (react_1.default.createElement(TableHead, { sticky: sticky, ref: forwardedRef },
|
67
68
|
react_1.default.createElement("tr", __assign({}, rest),
|
68
69
|
isSelectable && react_1.default.createElement(SelectColumn, null),
|
69
70
|
hasWarningRows && react_1.default.createElement(HasWarningColumn, null),
|
70
71
|
isDragAndDroppable && react_1.default.createElement(OrderColumn, null),
|
71
|
-
children
|
72
|
+
children,
|
73
|
+
hasLockedRows && react_1.default.createElement(HasLockedColumn, null))));
|
72
74
|
});
|
73
75
|
exports.TableHeader = TableHeader;
|
74
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
76
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
75
77
|
//# sourceMappingURL=TableHeader.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHeader/TableHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA4C;AAC5C,qEAA8C;AAC9C,wCAA2D;AAC3D,gDAA6C;AAE7C,IAAM,SAAS,GAAG,2BAAM,CAAC,KAAK,+EAAuC,MACjE,EASC,IACJ,KAVG,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,SAAS,KAAK,MAAM,QACpB,uBAAG,wMAAA,wDAGQ,EAAM,sDAEO,EAAiB,kBAExC,KAJU,MAAM,EAEO,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAExC;AARD,CAQC,CACJ,CAAC;AAEF,IAAM,YAAY,GAAG,2BAAM,CAAC,EAAE,uFAAA,oBAE7B,IAAA,CAAC;AACF,IAAM,gBAAgB,GAAG,2BAAM,CAAC,EAAE,mJAAA,0DAEM,EAAqB,QAAS,EAAiB,UACtF,KADuC,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAAS,IAAA,gBAAQ,EAAC,OAAO,CAAC,CACtF,CAAC;AACF,IAAM,WAAW,GAAG,2BAAM,CAAC,EAAE,mJAAA,0DAEW,EAAqB,QAAS,EAAiB,UACtF,KADuC,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAAS,IAAA,gBAAQ,EAAC,OAAO,CAAC,CACtF,CAAC;AAcF,IAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAClC,UAAC,EAA6C,EAAE,YAA0C;IAAxF,IAAA,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAA1B,sBAA2B,CAAD;IACnB,IAAA,
|
1
|
+
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHeader/TableHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA4C;AAC5C,qEAA8C;AAC9C,wCAA2D;AAC3D,gDAA6C;AAE7C,IAAM,SAAS,GAAG,2BAAM,CAAC,KAAK,+EAAuC,MACjE,EASC,IACJ,KAVG,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,SAAS,KAAK,MAAM,QACpB,uBAAG,wMAAA,wDAGQ,EAAM,sDAEO,EAAiB,kBAExC,KAJU,MAAM,EAEO,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAExC;AARD,CAQC,CACJ,CAAC;AAEF,IAAM,YAAY,GAAG,2BAAM,CAAC,EAAE,uFAAA,oBAE7B,IAAA,CAAC;AACF,IAAM,gBAAgB,GAAG,2BAAM,CAAC,EAAE,mJAAA,0DAEM,EAAqB,QAAS,EAAiB,UACtF,KADuC,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAAS,IAAA,gBAAQ,EAAC,OAAO,CAAC,CACtF,CAAC;AACF,IAAM,eAAe,GAAG,2BAAM,CAAC,EAAE,mJAAA,0DAEO,EAAqB,QAAS,EAAiB,UACtF,KADuC,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAAS,IAAA,gBAAQ,EAAC,OAAO,CAAC,CACtF,CAAC;AACF,IAAM,WAAW,GAAG,2BAAM,CAAC,EAAE,mJAAA,0DAEW,EAAqB,QAAS,EAAiB,UACtF,KADuC,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAAS,IAAA,gBAAQ,EAAC,OAAO,CAAC,CACtF,CAAC;AAcF,IAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAClC,UAAC,EAA6C,EAAE,YAA0C;IAAxF,IAAA,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAA1B,sBAA2B,CAAD;IACnB,IAAA,KAAoE,eAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,EAAjG,YAAY,kBAAA,EAAE,kBAAkB,wBAAA,EAAE,cAAc,oBAAA,EAAE,aAAa,mBAAkC,CAAC;IAEzG,OAAO,CACL,8BAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,YAAY;QAC1C,iDAAQ,IAAI;YAET,YAAY,IAAI,8BAAC,YAAY,OAAG;YAChC,cAAc,IAAI,8BAAC,gBAAgB,OAAG;YACtC,kBAAkB,IAAI,8BAAC,WAAW,OAAG;YACrC,QAAQ;YACR,aAAa,IAAI,8BAAC,eAAe,OAAG,CAClC,CACK,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEM,kCAAW"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React, { ReactNode, HTMLAttributes, MouseEvent } from 'react';
|
2
2
|
import { Override } from '../../../shared';
|
3
|
-
declare type Level = 'warning';
|
3
|
+
declare type Level = 'warning' | 'tertiary';
|
4
4
|
declare type TableRowProps = Override<HTMLAttributes<HTMLTableRowElement>, {
|
5
5
|
children?: ReactNode;
|
6
6
|
onSelectToggle?: (isSelected: boolean) => void;
|
@@ -15,7 +15,7 @@ declare const TableRow: React.ForwardRefExoticComponent<Omit<React.HTMLAttribute
|
|
15
15
|
children?: ReactNode;
|
16
16
|
onSelectToggle?: ((isSelected: boolean) => void) | undefined;
|
17
17
|
isSelected?: boolean | "mixed" | undefined;
|
18
|
-
level?:
|
18
|
+
level?: Level | undefined;
|
19
19
|
onClick?: ((event: MouseEvent<HTMLTableRowElement>) => void) | undefined;
|
20
20
|
rowIndex?: number | undefined;
|
21
21
|
onDragStart?: ((rowIndex: number) => void) | undefined;
|
@@ -54,7 +54,7 @@ var TableContext_1 = require("../TableContext");
|
|
54
54
|
var TableCell_1 = require("../TableCell/TableCell");
|
55
55
|
var icons_1 = require("../../../icons");
|
56
56
|
var usePlaceholderPosition_1 = require("../../../hooks/usePlaceholderPosition");
|
57
|
-
var RowContainer = styled_components_1.default.tr(
|
57
|
+
var RowContainer = styled_components_1.default.tr(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n &:hover > td {\n opacity: 1;\n ", "\n }\n\n &:hover > td > div {\n opacity: 1;\n }\n\n ", ";\n"], ["\n ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n &:hover > td {\n opacity: 1;\n ", "\n }\n\n &:hover > td > div {\n opacity: 1;\n }\n\n ", ";\n"])), function (_a) {
|
58
58
|
var isSelected = _a.isSelected;
|
59
59
|
return isSelected && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > td {\n background-color: ", ";\n }\n "], ["\n > td {\n background-color: ", ";\n }\n "])), (0, theme_1.getColor)('blue', 20));
|
60
60
|
}, function (_a) {
|
@@ -74,18 +74,27 @@ var RowContainer = styled_components_1.default.tr(templateObject_8 || (templateO
|
|
74
74
|
return isClickable && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), (0, theme_1.getColor)('grey', 20));
|
75
75
|
}, function (_a) {
|
76
76
|
var level = _a.level;
|
77
|
-
return level === 'warning'
|
77
|
+
return level === 'warning'
|
78
|
+
? (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n > td {\n :first-child {\n padding: 0 0 0 5px;\n }\n background-color: ", ";\n }\n "], ["\n > td {\n :first-child {\n padding: 0 0 0 5px;\n }\n background-color: ", ";\n }\n "])), (0, theme_1.getColor)('yellow', 10)) : level === 'tertiary' && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n > td {\n background-color: ", ";\n color: ", ";\n }\n "], ["\n > td {\n background-color: ", ";\n color: ", ";\n }\n "])), (0, theme_1.getColor)('grey', 20), (0, theme_1.getColor)('grey', 120));
|
78
79
|
});
|
79
|
-
var CheckboxContainer = styled_components_1.default.td(
|
80
|
+
var CheckboxContainer = styled_components_1.default.td(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background: none !important;\n opacity: ", ";\n cursor: auto;\n\n > div {\n justify-content: center;\n }\n"], ["\n background: none !important;\n opacity: ", ";\n cursor: auto;\n\n > div {\n justify-content: center;\n }\n"])), function (_a) {
|
80
81
|
var isVisible = _a.isVisible;
|
81
82
|
return (isVisible ? 1 : 0);
|
82
83
|
});
|
83
|
-
var HandleCell = (0, styled_components_1.default)(TableCell_1.TableCell)(
|
84
|
-
var
|
84
|
+
var HandleCell = (0, styled_components_1.default)(TableCell_1.TableCell)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n cursor: grab;\n width: 20px;\n\n > div {\n justify-content: center;\n }\n\n :active {\n cursor: grabbing;\n }\n"], ["\n cursor: grab;\n width: 20px;\n\n > div {\n justify-content: center;\n }\n\n :active {\n cursor: grabbing;\n }\n"])));
|
85
|
+
var getIcon = function (level) {
|
86
|
+
switch (level) {
|
87
|
+
case 'warning':
|
88
|
+
return react_1.default.createElement(WarningIcon, null);
|
89
|
+
case 'tertiary':
|
90
|
+
return react_1.default.createElement(icons_1.LockIcon, null);
|
91
|
+
}
|
92
|
+
};
|
93
|
+
var WarningIcon = (0, styled_components_1.default)(icons_1.DangerIcon)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (0, theme_1.getColor)('yellow', 120));
|
85
94
|
var TableRow = (0, react_1.forwardRef)(function (_a, forwardedRef) {
|
86
95
|
var _b = _a.rowIndex, rowIndex = _b === void 0 ? 0 : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, level = _a.level, onSelectToggle = _a.onSelectToggle, onClick = _a.onClick, draggable = _a.draggable, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, children = _a.children, rest = __rest(_a, ["rowIndex", "isSelected", "level", "onSelectToggle", "onClick", "draggable", "onDragStart", "onDragEnd", "children"]);
|
87
96
|
var _d = (0, usePlaceholderPosition_1.usePlaceholderPosition)(rowIndex), placeholderPosition = _d[0], placeholderDragEnter = _d[1], placeholderDragLeave = _d[2], placeholderDragEnd = _d[3];
|
88
|
-
var _e = (0, react_1.useContext)(TableContext_1.TableContext), isSelectable = _e.isSelectable, displayCheckbox = _e.displayCheckbox, isDragAndDroppable = _e.isDragAndDroppable, hasWarningRows = _e.hasWarningRows;
|
97
|
+
var _e = (0, react_1.useContext)(TableContext_1.TableContext), isSelectable = _e.isSelectable, displayCheckbox = _e.displayCheckbox, isDragAndDroppable = _e.isDragAndDroppable, hasWarningRows = _e.hasWarningRows, hasLockedRows = _e.hasLockedRows;
|
89
98
|
if (isSelectable && (undefined === isSelected || undefined === onSelectToggle)) {
|
90
99
|
throw Error('A row in a selectable table should have the prop "isSelected" and "onSelectToggle"');
|
91
100
|
}
|
@@ -111,9 +120,10 @@ var TableRow = (0, react_1.forwardRef)(function (_a, forwardedRef) {
|
|
111
120
|
} }))),
|
112
121
|
isDragAndDroppable && (react_1.default.createElement(HandleCell, { onMouseDown: function () { return onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(rowIndex); }, onMouseUp: onDragEnd, "data-testid": "dragAndDrop" },
|
113
122
|
react_1.default.createElement(icons_1.RowIcon, { size: 16 }))),
|
114
|
-
hasWarningRows && react_1.default.createElement(TableCell_1.TableCell, null, level === 'warning' && react_1.default.
|
115
|
-
children
|
123
|
+
hasWarningRows && (react_1.default.createElement(TableCell_1.TableCell, null, level === 'warning' && react_1.default.cloneElement(getIcon(level), { size: 16, 'data-testid': 'warning-icon' }))),
|
124
|
+
children,
|
125
|
+
hasLockedRows && (react_1.default.createElement(TableCell_1.TableCell, null, level === 'tertiary' && react_1.default.cloneElement(getIcon(level), { size: 16, 'data-testid': 'lock-icon' })))));
|
116
126
|
});
|
117
127
|
exports.TableRow = TableRow;
|
118
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
128
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
|
119
129
|
//# sourceMappingURL=TableRow.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow/TableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CASe;AACf,qEAA8C;AAC9C,wCAA2D;AAC3D,kDAA6C;AAE7C,gDAA6C;AAC7C,oDAAiD;AACjD,
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow/TableRow.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,38 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
14
|
+
var t = {};
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
+
t[p] = s[p];
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
+
t[p[i]] = s[p[i]];
|
21
|
+
}
|
22
|
+
return t;
|
23
|
+
};
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
26
|
+
};
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
28
|
+
exports.ChecklistIcon = void 0;
|
29
|
+
var react_1 = __importDefault(require("react"));
|
30
|
+
var ChecklistIcon = function (_a) {
|
31
|
+
var title = _a.title, _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c, props = __rest(_a, ["title", "size", "color"]);
|
32
|
+
return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 24 24", width: size, height: size }, props),
|
33
|
+
title && react_1.default.createElement("title", null, title),
|
34
|
+
react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
|
35
|
+
react_1.default.createElement("path", { d: "M9.48723 4.21967C9.78012 4.51256 9.78012 4.98744 9.48723 5.28033L6.0564 8.71115C5.37299 9.39457 4.26495 9.39457 3.58153 8.71115L2.21967 7.3493C1.92678 7.0564 1.92678 6.58153 2.21967 6.28864C2.51256 5.99574 2.98744 5.99574 3.28033 6.28864L4.64219 7.65049C4.73982 7.74812 4.89811 7.74813 4.99574 7.65049L8.42657 4.21967C8.71946 3.92678 9.19433 3.92678 9.48723 4.21967ZM12 6.68066C12 6.40452 12.2239 6.18066 12.5 6.18066H21.5C21.7761 6.18066 22 6.40452 22 6.68066C22 6.95681 21.7761 7.18066 21.5 7.18066H12.5C12.2239 7.18066 12 6.95681 12 6.68066ZM10 12.6807C10 12.4045 10.2239 12.1807 10.5 12.1807H21.5C21.7761 12.1807 22 12.4045 22 12.6807C22 12.9568 21.7761 13.1807 21.5 13.1807H10.5C10.2239 13.1807 10 12.9568 10 12.6807ZM10 18.6807C10 18.4045 10.2239 18.1807 10.5 18.1807H21.5C21.7761 18.1807 22 18.4045 22 18.6807C22 18.9568 21.7761 19.1807 21.5 19.1807H10.5C10.2239 19.1807 10 18.9568 10 18.6807ZM6.47409 18.681C6.47409 17.9954 5.91831 17.4396 5.23271 17.4396C4.54712 17.4396 3.99133 17.9954 3.99133 18.681C3.99133 19.3666 4.54712 19.9224 5.23271 19.9224C5.91831 19.9224 6.47409 19.3666 6.47409 18.681ZM6.47409 12.6807C6.47409 11.9951 5.91831 11.4393 5.23271 11.4393C4.54712 11.4393 3.99133 11.9951 3.99133 12.6807C3.99133 13.3663 4.54712 13.922 5.23271 13.922C5.91831 13.922 6.47409 13.3663 6.47409 12.6807Z", stroke: color }))));
|
36
|
+
};
|
37
|
+
exports.ChecklistIcon = ChecklistIcon;
|
38
|
+
//# sourceMappingURL=ChecklistIcon.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ChecklistIcon.js","sourceRoot":"","sources":["../../src/icons/ChecklistIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAG1B,IAAM,aAAa,GAAG,UAAC,EAA+D;IAA9D,IAAA,KAAK,WAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,aAAsB,EAAtB,KAAK,mBAAG,cAAc,KAAA,EAAK,KAAK,cAAnD,0BAAoD,CAAD;IAAiB,OAAA,CACzF,gDAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAM,KAAK;QAC1D,KAAK,IAAI,6CAAQ,KAAK,CAAS;QAChC,qCAAG,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO;YAC1G,wCACE,CAAC,EAAC,kyCAAkyC,EACpyC,MAAM,EAAE,KAAK,GACb,CACA,CACA,CACP,CAAA;CAAA,CAAC;AAEM,sCAAa"}
|
@@ -0,0 +1,40 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
14
|
+
var t = {};
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
+
t[p] = s[p];
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
+
t[p[i]] = s[p[i]];
|
21
|
+
}
|
22
|
+
return t;
|
23
|
+
};
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
26
|
+
};
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
28
|
+
exports.WorkflowIcon = void 0;
|
29
|
+
var react_1 = __importDefault(require("react"));
|
30
|
+
var WorkflowIcon = function (_a) {
|
31
|
+
var title = _a.title, _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c, props = __rest(_a, ["title", "size", "color"]);
|
32
|
+
return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 24 24", width: size, height: size }, props),
|
33
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1379 5.49999H8V4.49999H17.1379C19.2709 4.49999 21 6.29085 21 8.49999C21 10.7091 19.2709 12.5 17.1379 12.5H14V11.5H17.1379C18.7377 11.5 20.0345 10.1568 20.0345 8.49999C20.0345 6.84313 18.7377 5.49999 17.1379 5.49999Z", fill: color }),
|
34
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.88571 18H19.3408L19.83 18.5L19.3408 19H5.88571C3.73969 19 2 17.7091 2 15.5C2 13.2908 3.73969 11.5 5.88571 11.5H8V12.5H5.88571C4.2762 12.5 2.97143 13.8431 2.97143 15.5C2.97143 17.1568 4.2762 18 5.88571 18Z", fill: color }),
|
35
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 3H3L3 7H7V3ZM3 2C2.44772 2 2 2.44772 2 3V7C2 7.55228 2.44772 8 3 8H7C7.55228 8 8 7.55228 8 7V3C8 2.44772 7.55228 2 7 2H3Z", fill: color }),
|
36
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 10.2H9V13.8H13V10.2ZM9 9C8.44772 9 8 9.53726 8 10.2V13.8C8 14.4627 8.44772 15 9 15H13C13.5523 15 14 14.4627 14 13.8V10.2C14 9.53726 13.5523 9 13 9H9Z", fill: color }),
|
37
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.8731 18.1966C21.0423 18.3695 21.0423 18.6305 20.8731 18.8034L18.8731 20.8476C18.6893 21.0355 18.3733 21.0519 18.1672 20.8843C17.9611 20.7168 17.9431 20.4286 18.1269 20.2407L19.83 18.5L18.1269 16.7593C17.9431 16.5714 17.9611 16.2832 18.1672 16.1157C18.3733 15.9481 18.6893 15.9645 18.8731 16.1524L20.8731 18.1966Z", fill: color })));
|
38
|
+
};
|
39
|
+
exports.WorkflowIcon = WorkflowIcon;
|
40
|
+
//# sourceMappingURL=WorkflowIcon.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"WorkflowIcon.js","sourceRoot":"","sources":["../../src/icons/WorkflowIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAG1B,IAAM,YAAY,GAAG,UAAC,EAA+D;IAA9D,IAAA,KAAK,WAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,aAAsB,EAAtB,KAAK,mBAAG,cAAc,KAAA,EAAK,KAAK,cAAnD,0BAAoD,CAAD;IAAiB,OAAA,CACxF,gDAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAM,KAAK;QAC3D,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6NAA6N,EAC/N,IAAI,EAAE,KAAK,GACX;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAE,KAAK,GACX;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8HAA8H,EAChI,IAAI,EAAE,KAAK,GACX;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2JAA2J,EAC7J,IAAI,EAAE,KAAK,GACX;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8TAA8T,EAChU,IAAI,EAAE,KAAK,GACX,CACE,CACP,CAAA;CAAA,CAAC;AAEM,oCAAY"}
|
package/lib/icons/index.d.ts
CHANGED
@@ -51,6 +51,7 @@ export * from './DownloadIcon';
|
|
51
51
|
export * from './DragDropIcon';
|
52
52
|
export * from './EditIcon';
|
53
53
|
export * from './EntityIcon';
|
54
|
+
export * from './ChecklistIcon';
|
54
55
|
export * from './EntityMultiIcon';
|
55
56
|
export * from './EraseIcon';
|
56
57
|
export * from './ExpandIcon';
|
@@ -119,3 +120,4 @@ export * from './UserIcon';
|
|
119
120
|
export * from './ValueIcon';
|
120
121
|
export * from './ViewIcon';
|
121
122
|
export * from './WaveIcon';
|
123
|
+
export * from './WorkflowIcon';
|
package/lib/icons/index.js
CHANGED
@@ -63,6 +63,7 @@ __exportStar(require("./DownloadIcon"), exports);
|
|
63
63
|
__exportStar(require("./DragDropIcon"), exports);
|
64
64
|
__exportStar(require("./EditIcon"), exports);
|
65
65
|
__exportStar(require("./EntityIcon"), exports);
|
66
|
+
__exportStar(require("./ChecklistIcon"), exports);
|
66
67
|
__exportStar(require("./EntityMultiIcon"), exports);
|
67
68
|
__exportStar(require("./EraseIcon"), exports);
|
68
69
|
__exportStar(require("./ExpandIcon"), exports);
|
@@ -131,4 +132,5 @@ __exportStar(require("./UserIcon"), exports);
|
|
131
132
|
__exportStar(require("./ValueIcon"), exports);
|
132
133
|
__exportStar(require("./ViewIcon"), exports);
|
133
134
|
__exportStar(require("./WaveIcon"), exports);
|
135
|
+
__exportStar(require("./WorkflowIcon"), exports);
|
134
136
|
//# sourceMappingURL=index.js.map
|
package/lib/icons/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B;AAC/B,qDAAmC;AACnC,+CAA6B;AAC7B,8CAA4B;AAC5B,kDAAgC;AAChC,kDAAgC;AAChC,mDAAiC;AACjC,sDAAoC;AACpC,gDAA8B;AAC9B,+CAA6B;AAC7B,wDAAsC;AACtC,kDAAgC;AAChC,yDAAuC;AACvC,sDAAoC;AACpC,sDAAoC;AACpC,6DAA2C;AAC3C,wDAAsC;AACtC,uDAAqC;AACrC,wDAAsC;AACtC,sDAAoC;AACpC,0DAAwC;AACxC,kDAAgC;AAChC,6CAA2B;AAC3B,4CAA0B;AAC1B,mDAAiC;AACjC,8CAA4B;AAC5B,iDAA+B;AAC/B,sDAAoC;AACpC,6CAA2B;AAC3B,iDAA+B;AAC/B,8CAA4B;AAC5B,qDAAmC;AACnC,mDAAiC;AACjC,8CAA4B;AAC5B,8CAA4B;AAC5B,6CAA2B;AAC3B,+CAA6B;AAC7B,gDAA8B;AAC9B,kDAAgC;AAChC,oDAAkC;AAClC,gDAA8B;AAC9B,6CAA2B;AAC3B,gDAA8B;AAC9B,+CAA6B;AAC7B,oDAAkC;AAClC,6CAA2B;AAC3B,+CAA6B;AAC7B,+CAA6B;AAC7B,mDAAiC;AACjC,iDAA+B;AAC/B,iDAA+B;AAC/B,6CAA2B;AAC3B,+CAA6B;AAC7B,oDAAkC;AAClC,8CAA4B;AAC5B,+CAA6B;AAC7B,yDAAuC;AACvC,qDAAmC;AACnC,gDAA8B;AAC9B,6CAA2B;AAC3B,gDAA8B;AAC9B,iDAA+B;AAC/B,gDAA8B;AAC9B,+CAA6B;AAC7B,iDAA+B;AAC/B,oDAAkC;AAClC,kDAAgC;AAChC,oDAAkC;AAClC,gDAA8B;AAC9B,qDAAmC;AACnC,6CAA2B;AAC3B,mDAAiC;AACjC,6CAA2B;AAC3B,+CAA6B;AAC7B,6CAA2B;AAC3B,kDAAgC;AAChC,8CAA4B;AAC5B,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,iDAA+B;AAC/B,4CAA0B;AAC1B,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,+CAA6B;AAC7B,+CAA6B;AAC7B,6CAA2B;AAC3B,6CAA2B;AAC3B,kDAAgC;AAChC,kDAAgC;AAChC,+CAA6B;AAC7B,+CAA6B;AAC7B,6CAA2B;AAC3B,qDAAmC;AACnC,qDAAmC;AACnC,mDAAiC;AACjC,kDAAgC;AAChC,6CAA2B;AAC3B,6CAA2B;AAC3B,0DAAwC;AACxC,gDAA8B;AAC9B,qDAAmC;AACnC,gDAA8B;AAC9B,gDAA8B;AAC9B,4CAA0B;AAC1B,+CAA6B;AAC7B,gDAA8B;AAC9B,iDAA+B;AAC/B,6CAA2B;AAC3B,iDAA+B;AAC/B,+CAA6B;AAC7B,8CAA4B;AAC5B,4CAA0B;AAC1B,kDAAgC;AAChC,+CAA6B;AAC7B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B"}
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B;AAC/B,qDAAmC;AACnC,+CAA6B;AAC7B,8CAA4B;AAC5B,kDAAgC;AAChC,kDAAgC;AAChC,mDAAiC;AACjC,sDAAoC;AACpC,gDAA8B;AAC9B,+CAA6B;AAC7B,wDAAsC;AACtC,kDAAgC;AAChC,yDAAuC;AACvC,sDAAoC;AACpC,sDAAoC;AACpC,6DAA2C;AAC3C,wDAAsC;AACtC,uDAAqC;AACrC,wDAAsC;AACtC,sDAAoC;AACpC,0DAAwC;AACxC,kDAAgC;AAChC,6CAA2B;AAC3B,4CAA0B;AAC1B,mDAAiC;AACjC,8CAA4B;AAC5B,iDAA+B;AAC/B,sDAAoC;AACpC,6CAA2B;AAC3B,iDAA+B;AAC/B,8CAA4B;AAC5B,qDAAmC;AACnC,mDAAiC;AACjC,8CAA4B;AAC5B,8CAA4B;AAC5B,6CAA2B;AAC3B,+CAA6B;AAC7B,gDAA8B;AAC9B,kDAAgC;AAChC,oDAAkC;AAClC,gDAA8B;AAC9B,6CAA2B;AAC3B,gDAA8B;AAC9B,+CAA6B;AAC7B,oDAAkC;AAClC,6CAA2B;AAC3B,+CAA6B;AAC7B,+CAA6B;AAC7B,mDAAiC;AACjC,iDAA+B;AAC/B,iDAA+B;AAC/B,6CAA2B;AAC3B,+CAA6B;AAC7B,kDAAgC;AAChC,oDAAkC;AAClC,8CAA4B;AAC5B,+CAA6B;AAC7B,yDAAuC;AACvC,qDAAmC;AACnC,gDAA8B;AAC9B,6CAA2B;AAC3B,gDAA8B;AAC9B,iDAA+B;AAC/B,gDAA8B;AAC9B,+CAA6B;AAC7B,iDAA+B;AAC/B,oDAAkC;AAClC,kDAAgC;AAChC,oDAAkC;AAClC,gDAA8B;AAC9B,qDAAmC;AACnC,6CAA2B;AAC3B,mDAAiC;AACjC,6CAA2B;AAC3B,+CAA6B;AAC7B,6CAA2B;AAC3B,kDAAgC;AAChC,8CAA4B;AAC5B,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,iDAA+B;AAC/B,4CAA0B;AAC1B,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,+CAA6B;AAC7B,+CAA6B;AAC7B,6CAA2B;AAC3B,6CAA2B;AAC3B,kDAAgC;AAChC,kDAAgC;AAChC,+CAA6B;AAC7B,+CAA6B;AAC7B,6CAA2B;AAC3B,qDAAmC;AACnC,qDAAmC;AACnC,mDAAiC;AACjC,kDAAgC;AAChC,6CAA2B;AAC3B,6CAA2B;AAC3B,0DAAwC;AACxC,gDAA8B;AAC9B,qDAAmC;AACnC,gDAA8B;AAC9B,gDAA8B;AAC9B,4CAA0B;AAC1B,+CAA6B;AAC7B,gDAA8B;AAC9B,iDAA+B;AAC/B,6CAA2B;AAC3B,iDAA+B;AAC/B,+CAA6B;AAC7B,8CAA4B;AAC5B,4CAA0B;AAC1B,kDAAgC;AAChC,+CAA6B;AAC7B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,iDAA+B"}
|
package/package.json
CHANGED
Binary file
|
@@ -161,11 +161,9 @@ const ProgressBar = forwardRef<HTMLDivElement, ProgressBarProps>(
|
|
161
161
|
<ProgressBarContainer ref={forwardedRef} {...rest}>
|
162
162
|
{(title || progressLabel) && (
|
163
163
|
<Header>
|
164
|
-
{title
|
165
|
-
|
166
|
-
|
167
|
-
</Title>
|
168
|
-
)}
|
164
|
+
<Title title={title} id={labelId} htmlFor={progressBarId}>
|
165
|
+
{title}
|
166
|
+
</Title>
|
169
167
|
{progressLabel && <ProgressLabel title={progressLabel}>{progressLabel}</ProgressLabel>}
|
170
168
|
</Header>
|
171
169
|
)}
|
@@ -112,7 +112,7 @@ const SwitcherButton = forwardRef<HTMLDivElement, SwitcherButtonProps>(
|
|
112
112
|
|
113
113
|
return (
|
114
114
|
<SwitcherButtonContainer ref={forwardedRef} {...rest}>
|
115
|
-
<LabelAndValueContainer id={buttonId} onClick={onClick} $inline={inline}>
|
115
|
+
<LabelAndValueContainer type="button" id={buttonId} onClick={onClick} $inline={inline}>
|
116
116
|
<Label htmlFor={buttonId} $inline={inline}>
|
117
117
|
{label ? (inline ? `${label}:` : label) : ''}
|
118
118
|
</Label>
|
@@ -487,14 +487,14 @@ If you want your `Table.Header` to stay on top when scrolling in the Table, just
|
|
487
487
|
</Story>
|
488
488
|
</Canvas>
|
489
489
|
|
490
|
-
## Table with warning rows
|
490
|
+
## Table with warning and locked rows
|
491
491
|
|
492
492
|
<Canvas>
|
493
|
-
<Story name="Warning rows">
|
493
|
+
<Story name="Warning and locked rows">
|
494
494
|
{args => {
|
495
495
|
return (
|
496
496
|
<Scrollable height={250}>
|
497
|
-
<Table hasWarningRows={true}>
|
497
|
+
<Table hasWarningRows={true} hasLockedRows={true}>
|
498
498
|
<Table.Header sticky={0}>
|
499
499
|
<Table.HeaderCell>Name</Table.HeaderCell>
|
500
500
|
<Table.HeaderCell>Family</Table.HeaderCell>
|
@@ -504,6 +504,20 @@ If you want your `Table.Header` to stay on top when scrolling in the Table, just
|
|
504
504
|
<Table.HeaderCell>Actions</Table.HeaderCell>
|
505
505
|
</Table.Header>
|
506
506
|
<Table.Body>
|
507
|
+
<Table.Row level="tertiary">
|
508
|
+
<Table.Cell rowTitle={args.displayRowTitle}>Giant panda</Table.Cell>
|
509
|
+
<Table.Cell>Ursidae</Table.Cell>
|
510
|
+
<Table.Cell>Carnivora</Table.Cell>
|
511
|
+
<Table.Cell>Ursus</Table.Cell>
|
512
|
+
<Table.Cell>
|
513
|
+
<Badge level="warning">vu</Badge>
|
514
|
+
</Table.Cell>
|
515
|
+
<Table.ActionCell>
|
516
|
+
<Button level="primary" ghost>
|
517
|
+
Button
|
518
|
+
</Button>
|
519
|
+
</Table.ActionCell>
|
520
|
+
</Table.Row>
|
507
521
|
<Table.Row level="warning">
|
508
522
|
<Table.Cell rowTitle={args.displayRowTitle}>Giant panda</Table.Cell>
|
509
523
|
<Table.Cell>Ursidae</Table.Cell>
|
@@ -27,6 +27,11 @@ type TableProps = Override<
|
|
27
27
|
*/
|
28
28
|
hasWarningRows?: boolean;
|
29
29
|
|
30
|
+
/**
|
31
|
+
* Define if the table has some locked rows.
|
32
|
+
*/
|
33
|
+
hasLockedRows?: boolean;
|
34
|
+
|
30
35
|
/**
|
31
36
|
* Define if the checkbox should be always displayed or displayed on hover.
|
32
37
|
* This props should be true when one element is checked.
|
@@ -66,6 +71,7 @@ type TableProps = Override<
|
|
66
71
|
const Table = ({
|
67
72
|
isSelectable = false,
|
68
73
|
hasWarningRows = false,
|
74
|
+
hasLockedRows = false,
|
69
75
|
displayCheckbox = false,
|
70
76
|
isDragAndDroppable = false,
|
71
77
|
onReorder = undefined,
|
@@ -73,8 +79,8 @@ const Table = ({
|
|
73
79
|
...rest
|
74
80
|
}: TableProps) => {
|
75
81
|
const providerValue = useMemo(
|
76
|
-
() => ({isSelectable, hasWarningRows, displayCheckbox, isDragAndDroppable, onReorder}),
|
77
|
-
[isSelectable, hasWarningRows, displayCheckbox, isDragAndDroppable, onReorder]
|
82
|
+
() => ({isSelectable, hasWarningRows, hasLockedRows, displayCheckbox, isDragAndDroppable, onReorder}),
|
83
|
+
[isSelectable, hasWarningRows, hasLockedRows, displayCheckbox, isDragAndDroppable, onReorder]
|
78
84
|
);
|
79
85
|
|
80
86
|
return (
|
@@ -3,6 +3,7 @@ import {createContext} from 'react';
|
|
3
3
|
type TableContextType = {
|
4
4
|
isSelectable: boolean;
|
5
5
|
hasWarningRows: boolean;
|
6
|
+
hasLockedRows: boolean;
|
6
7
|
displayCheckbox: boolean;
|
7
8
|
isDragAndDroppable: boolean;
|
8
9
|
onReorder: ((reorderedIndices: number[]) => void) | undefined;
|
@@ -11,6 +12,7 @@ type TableContextType = {
|
|
11
12
|
const TableContext = createContext<TableContextType>({
|
12
13
|
isSelectable: false,
|
13
14
|
hasWarningRows: false,
|
15
|
+
hasLockedRows: false,
|
14
16
|
displayCheckbox: false,
|
15
17
|
isDragAndDroppable: false,
|
16
18
|
onReorder: undefined,
|
@@ -23,6 +23,10 @@ const HasWarningColumn = styled.th`
|
|
23
23
|
width: 20px;
|
24
24
|
background: linear-gradient(to top, ${getColor('grey', 120)} 1px, ${getColor('white')} 0px);
|
25
25
|
`;
|
26
|
+
const HasLockedColumn = styled.th`
|
27
|
+
width: 20px;
|
28
|
+
background: linear-gradient(to top, ${getColor('grey', 120)} 1px, ${getColor('white')} 0px);
|
29
|
+
`;
|
26
30
|
const OrderColumn = styled.th`
|
27
31
|
width: 40px;
|
28
32
|
background: linear-gradient(to top, ${getColor('grey', 120)} 1px, ${getColor('white')} 0px);
|
@@ -42,7 +46,7 @@ type TableHeaderProps = {
|
|
42
46
|
|
43
47
|
const TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(
|
44
48
|
({children, sticky, ...rest}: TableHeaderProps, forwardedRef: Ref<HTMLTableSectionElement>) => {
|
45
|
-
const {isSelectable, isDragAndDroppable, hasWarningRows} = React.useContext(TableContext);
|
49
|
+
const {isSelectable, isDragAndDroppable, hasWarningRows, hasLockedRows} = React.useContext(TableContext);
|
46
50
|
|
47
51
|
return (
|
48
52
|
<TableHead sticky={sticky} ref={forwardedRef}>
|
@@ -52,6 +56,7 @@ const TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(
|
|
52
56
|
{hasWarningRows && <HasWarningColumn />}
|
53
57
|
{isDragAndDroppable && <OrderColumn />}
|
54
58
|
{children}
|
59
|
+
{hasLockedRows && <HasLockedColumn />}
|
55
60
|
</tr>
|
56
61
|
</TableHead>
|
57
62
|
);
|
@@ -14,10 +14,10 @@ import {Checkbox} from '../../../components';
|
|
14
14
|
import {Override} from '../../../shared';
|
15
15
|
import {TableContext} from '../TableContext';
|
16
16
|
import {TableCell} from '../TableCell/TableCell';
|
17
|
-
import {RowIcon, DangerIcon} from '../../../icons';
|
17
|
+
import {RowIcon, DangerIcon, LockIcon} from '../../../icons';
|
18
18
|
import {PlaceholderPosition, usePlaceholderPosition} from '../../../hooks/usePlaceholderPosition';
|
19
19
|
|
20
|
-
type Level = 'warning';
|
20
|
+
type Level = 'warning' | 'tertiary';
|
21
21
|
|
22
22
|
const RowContainer = styled.tr<
|
23
23
|
{
|
@@ -78,15 +78,22 @@ const RowContainer = styled.tr<
|
|
78
78
|
}
|
79
79
|
|
80
80
|
${({level}) =>
|
81
|
-
level === 'warning'
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
81
|
+
level === 'warning'
|
82
|
+
? css`
|
83
|
+
> td {
|
84
|
+
:first-child {
|
85
|
+
padding: 0 0 0 5px;
|
86
|
+
}
|
87
|
+
background-color: ${getColor('yellow', 10)};
|
88
|
+
}
|
89
|
+
`
|
90
|
+
: level === 'tertiary' &&
|
91
|
+
css`
|
92
|
+
> td {
|
93
|
+
background-color: ${getColor('grey', 20)};
|
94
|
+
color: ${getColor('grey', 120)};
|
95
|
+
}
|
96
|
+
`};
|
90
97
|
`;
|
91
98
|
|
92
99
|
const CheckboxContainer = styled.td<{isVisible: boolean}>`
|
@@ -112,6 +119,15 @@ const HandleCell = styled(TableCell)`
|
|
112
119
|
}
|
113
120
|
`;
|
114
121
|
|
122
|
+
const getIcon = (level: Level) => {
|
123
|
+
switch (level) {
|
124
|
+
case 'warning':
|
125
|
+
return <WarningIcon />;
|
126
|
+
case 'tertiary':
|
127
|
+
return <LockIcon />;
|
128
|
+
}
|
129
|
+
};
|
130
|
+
|
115
131
|
const WarningIcon = styled(DangerIcon)`
|
116
132
|
color: ${getColor('yellow', 120)};
|
117
133
|
`;
|
@@ -180,7 +196,7 @@ const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(
|
|
180
196
|
const [placeholderPosition, placeholderDragEnter, placeholderDragLeave, placeholderDragEnd] =
|
181
197
|
usePlaceholderPosition(rowIndex);
|
182
198
|
|
183
|
-
const {isSelectable, displayCheckbox, isDragAndDroppable, hasWarningRows} = useContext(TableContext);
|
199
|
+
const {isSelectable, displayCheckbox, isDragAndDroppable, hasWarningRows, hasLockedRows} = useContext(TableContext);
|
184
200
|
if (isSelectable && (undefined === isSelected || undefined === onSelectToggle)) {
|
185
201
|
throw Error('A row in a selectable table should have the prop "isSelected" and "onSelectToggle"');
|
186
202
|
}
|
@@ -240,8 +256,17 @@ const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(
|
|
240
256
|
<RowIcon size={16} />
|
241
257
|
</HandleCell>
|
242
258
|
)}
|
243
|
-
{hasWarningRows &&
|
259
|
+
{hasWarningRows && (
|
260
|
+
<TableCell>
|
261
|
+
{level === 'warning' && React.cloneElement(getIcon(level), {size: 16, 'data-testid': 'warning-icon'})}
|
262
|
+
</TableCell>
|
263
|
+
)}
|
244
264
|
{children}
|
265
|
+
{hasLockedRows && (
|
266
|
+
<TableCell>
|
267
|
+
{level === 'tertiary' && React.cloneElement(getIcon(level), {size: 16, 'data-testid': 'lock-icon'})}
|
268
|
+
</TableCell>
|
269
|
+
)}
|
245
270
|
</RowContainer>
|
246
271
|
);
|
247
272
|
}
|
@@ -101,3 +101,33 @@ test('Table.Row supports ...rest props', () => {
|
|
101
101
|
|
102
102
|
expect(screen.getByTestId('my_value')).toBeInTheDocument();
|
103
103
|
});
|
104
|
+
|
105
|
+
test('it renders warning icon when row has a warning', () => {
|
106
|
+
render(
|
107
|
+
<Table hasWarningRows>
|
108
|
+
<Table.Body>
|
109
|
+
<Table.Row level="warning">
|
110
|
+
<Table.Cell>A value</Table.Cell>
|
111
|
+
<Table.Cell>Another value</Table.Cell>
|
112
|
+
</Table.Row>
|
113
|
+
</Table.Body>
|
114
|
+
</Table>
|
115
|
+
);
|
116
|
+
|
117
|
+
expect(screen.getByTestId('warning-icon')).toBeInTheDocument();
|
118
|
+
});
|
119
|
+
|
120
|
+
test('it renders lock icon when row is locked', () => {
|
121
|
+
render(
|
122
|
+
<Table hasLockedRows>
|
123
|
+
<Table.Body>
|
124
|
+
<Table.Row level="tertiary">
|
125
|
+
<Table.Cell>A value</Table.Cell>
|
126
|
+
<Table.Cell>Another value</Table.Cell>
|
127
|
+
</Table.Row>
|
128
|
+
</Table.Body>
|
129
|
+
</Table>
|
130
|
+
);
|
131
|
+
|
132
|
+
expect(screen.getByTestId('lock-icon')).toBeInTheDocument();
|
133
|
+
});
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import {IconProps} from './IconProps';
|
3
|
+
|
4
|
+
const ChecklistIcon = ({title, size = 24, color = 'currentColor', ...props}: IconProps) => (
|
5
|
+
<svg viewBox="0 0 24 24" width={size} height={size} {...props}>
|
6
|
+
{title && <title>{title}</title>}
|
7
|
+
<g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" strokeLinecap="round" strokeLinejoin="round">
|
8
|
+
<path
|
9
|
+
d="M9.48723 4.21967C9.78012 4.51256 9.78012 4.98744 9.48723 5.28033L6.0564 8.71115C5.37299 9.39457 4.26495 9.39457 3.58153 8.71115L2.21967 7.3493C1.92678 7.0564 1.92678 6.58153 2.21967 6.28864C2.51256 5.99574 2.98744 5.99574 3.28033 6.28864L4.64219 7.65049C4.73982 7.74812 4.89811 7.74813 4.99574 7.65049L8.42657 4.21967C8.71946 3.92678 9.19433 3.92678 9.48723 4.21967ZM12 6.68066C12 6.40452 12.2239 6.18066 12.5 6.18066H21.5C21.7761 6.18066 22 6.40452 22 6.68066C22 6.95681 21.7761 7.18066 21.5 7.18066H12.5C12.2239 7.18066 12 6.95681 12 6.68066ZM10 12.6807C10 12.4045 10.2239 12.1807 10.5 12.1807H21.5C21.7761 12.1807 22 12.4045 22 12.6807C22 12.9568 21.7761 13.1807 21.5 13.1807H10.5C10.2239 13.1807 10 12.9568 10 12.6807ZM10 18.6807C10 18.4045 10.2239 18.1807 10.5 18.1807H21.5C21.7761 18.1807 22 18.4045 22 18.6807C22 18.9568 21.7761 19.1807 21.5 19.1807H10.5C10.2239 19.1807 10 18.9568 10 18.6807ZM6.47409 18.681C6.47409 17.9954 5.91831 17.4396 5.23271 17.4396C4.54712 17.4396 3.99133 17.9954 3.99133 18.681C3.99133 19.3666 4.54712 19.9224 5.23271 19.9224C5.91831 19.9224 6.47409 19.3666 6.47409 18.681ZM6.47409 12.6807C6.47409 11.9951 5.91831 11.4393 5.23271 11.4393C4.54712 11.4393 3.99133 11.9951 3.99133 12.6807C3.99133 13.3663 4.54712 13.922 5.23271 13.922C5.91831 13.922 6.47409 13.3663 6.47409 12.6807Z"
|
10
|
+
stroke={color}
|
11
|
+
/>
|
12
|
+
</g>
|
13
|
+
</svg>
|
14
|
+
);
|
15
|
+
|
16
|
+
export {ChecklistIcon};
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import {IconProps} from './IconProps';
|
3
|
+
|
4
|
+
const WorkflowIcon = ({title, size = 24, color = 'currentColor', ...props}: IconProps) => (
|
5
|
+
<svg viewBox="0 0 24 24" width={size} height={size} {...props}>
|
6
|
+
<path
|
7
|
+
fillRule="evenodd"
|
8
|
+
clipRule="evenodd"
|
9
|
+
d="M17.1379 5.49999H8V4.49999H17.1379C19.2709 4.49999 21 6.29085 21 8.49999C21 10.7091 19.2709 12.5 17.1379 12.5H14V11.5H17.1379C18.7377 11.5 20.0345 10.1568 20.0345 8.49999C20.0345 6.84313 18.7377 5.49999 17.1379 5.49999Z"
|
10
|
+
fill={color}
|
11
|
+
/>
|
12
|
+
<path
|
13
|
+
fillRule="evenodd"
|
14
|
+
clipRule="evenodd"
|
15
|
+
d="M5.88571 18H19.3408L19.83 18.5L19.3408 19H5.88571C3.73969 19 2 17.7091 2 15.5C2 13.2908 3.73969 11.5 5.88571 11.5H8V12.5H5.88571C4.2762 12.5 2.97143 13.8431 2.97143 15.5C2.97143 17.1568 4.2762 18 5.88571 18Z"
|
16
|
+
fill={color}
|
17
|
+
/>
|
18
|
+
<path
|
19
|
+
fillRule="evenodd"
|
20
|
+
clipRule="evenodd"
|
21
|
+
d="M7 3H3L3 7H7V3ZM3 2C2.44772 2 2 2.44772 2 3V7C2 7.55228 2.44772 8 3 8H7C7.55228 8 8 7.55228 8 7V3C8 2.44772 7.55228 2 7 2H3Z"
|
22
|
+
fill={color}
|
23
|
+
/>
|
24
|
+
<path
|
25
|
+
fillRule="evenodd"
|
26
|
+
clipRule="evenodd"
|
27
|
+
d="M13 10.2H9V13.8H13V10.2ZM9 9C8.44772 9 8 9.53726 8 10.2V13.8C8 14.4627 8.44772 15 9 15H13C13.5523 15 14 14.4627 14 13.8V10.2C14 9.53726 13.5523 9 13 9H9Z"
|
28
|
+
fill={color}
|
29
|
+
/>
|
30
|
+
<path
|
31
|
+
fillRule="evenodd"
|
32
|
+
clipRule="evenodd"
|
33
|
+
d="M20.8731 18.1966C21.0423 18.3695 21.0423 18.6305 20.8731 18.8034L18.8731 20.8476C18.6893 21.0355 18.3733 21.0519 18.1672 20.8843C17.9611 20.7168 17.9431 20.4286 18.1269 20.2407L19.83 18.5L18.1269 16.7593C17.9431 16.5714 17.9611 16.2832 18.1672 16.1157C18.3733 15.9481 18.6893 15.9645 18.8731 16.1524L20.8731 18.1966Z"
|
34
|
+
fill={color}
|
35
|
+
/>
|
36
|
+
</svg>
|
37
|
+
);
|
38
|
+
|
39
|
+
export {WorkflowIcon};
|
package/src/icons/index.ts
CHANGED
@@ -51,6 +51,7 @@ export * from './DownloadIcon';
|
|
51
51
|
export * from './DragDropIcon';
|
52
52
|
export * from './EditIcon';
|
53
53
|
export * from './EntityIcon';
|
54
|
+
export * from './ChecklistIcon';
|
54
55
|
export * from './EntityMultiIcon';
|
55
56
|
export * from './EraseIcon';
|
56
57
|
export * from './ExpandIcon';
|
@@ -119,3 +120,4 @@ export * from './UserIcon';
|
|
119
120
|
export * from './ValueIcon';
|
120
121
|
export * from './ViewIcon';
|
121
122
|
export * from './WaveIcon';
|
123
|
+
export * from './WorkflowIcon';
|
Binary file
|