akeneo-design-system 0.1.228 → 0.1.229
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/components/Dropdown/Item/Item.js +1 -1
- package/lib/components/Dropdown/Item/Item.js.map +1 -1
- package/lib/components/Input/MultiSelectInput/ChipInput.d.ts +1 -0
- package/lib/components/Input/MultiSelectInput/ChipInput.js +9 -7
- package/lib/components/Input/MultiSelectInput/ChipInput.js.map +1 -1
- package/lib/components/Input/MultiSelectInput/MultiSelectInput.d.ts +2 -1
- package/lib/components/Input/MultiSelectInput/MultiSelectInput.js +4 -4
- package/lib/components/Input/MultiSelectInput/MultiSelectInput.js.map +1 -1
- package/lib/components/KeyFigure/KeyFigure.js +1 -1
- package/lib/components/KeyFigure/KeyFigure.js.map +1 -1
- package/lib/components/ProgressBar/ProgressBar.js +3 -3
- package/lib/components/ProgressBar/ProgressBar.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts +4 -1
- package/lib/components/Tooltip/Tooltip.js +3 -1
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/package.json +1 -1
- package/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-inputs-multi-select-input-locked-values-correctly-1-snap.png +0 -0
- package/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-progress-bar-width-correctly-1-snap.png +0 -0
- package/src/__image_snapshots__/all-visual-tsx-visual-tests-renders-components-tooltip-with-title-correctly-1-snap.png +0 -0
- package/src/components/Dropdown/Item/Item.tsx +1 -0
- package/src/components/Input/MultiSelectInput/ChipInput.tsx +14 -4
- package/src/components/Input/MultiSelectInput/MultiSelectInput.stories.mdx +24 -0
- package/src/components/Input/MultiSelectInput/MultiSelectInput.tsx +7 -0
- package/src/components/Input/MultiSelectInput/MultiSelectInput.unit.tsx +20 -0
- package/src/components/KeyFigure/KeyFigure.stories.mdx +5 -1
- package/src/components/KeyFigure/KeyFigure.tsx +2 -0
- package/src/components/ProgressBar/ProgressBar.tsx +1 -17
- package/src/components/Tooltip/Tooltip.stories.mdx +15 -0
- package/src/components/Tooltip/Tooltip.tsx +9 -1
|
@@ -137,7 +137,7 @@ var Item = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
137
137
|
}
|
|
138
138
|
return child;
|
|
139
139
|
});
|
|
140
|
-
return (react_1.default.createElement(ItemContainer, __assign({ size: size, tabIndex: null === actionableRef.current && !disabled ? 0 : -1, onClick: handleClick, onKeyDown: handleKeyDown, disabled: disabled, "aria-disabled": disabled, isActive: isActive }, rest, { ref: forwardedRef }), decoratedChildren));
|
|
140
|
+
return (react_1.default.createElement(ItemContainer, __assign({ size: size, tabIndex: null === actionableRef.current && !disabled ? 0 : -1, onClick: handleClick, onKeyDown: handleKeyDown, disabled: disabled, "aria-disabled": disabled, isActive: isActive, title: title }, rest, { ref: forwardedRef }), decoratedChildren));
|
|
141
141
|
});
|
|
142
142
|
exports.Item = Item;
|
|
143
143
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Item/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgH;AAChH,qEAA8C;AAC9C,wCAA2D;AAC3D,yDAAsD;AACtD,kEAA+D;AAC/D,sDAAmD;AACnD,0CAA8C;AAC9C,wCAAwC;AACxC,iDAA8C;AAE9C,IAAM,SAAS,GAAG,2BAAM,CAAC,IAAI,4JAAA,yFAK5B,IAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Item/Item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,7 @@ declare type ChipInputProps = {
|
|
|
15
15
|
onRemove: (chipCode: string) => void;
|
|
16
16
|
onSearchChange: (searchValue: string) => void;
|
|
17
17
|
onFocus?: () => void;
|
|
18
|
+
lockedValues?: string[];
|
|
18
19
|
};
|
|
19
20
|
declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
20
21
|
export { ChipInput };
|
|
@@ -51,18 +51,19 @@ var Chip = styled_components_1.default.li(templateObject_2 || (templateObject_2
|
|
|
51
51
|
var isSelected = _a.isSelected, isErrored = _a.isErrored;
|
|
52
52
|
return isErrored ? (0, theme_1.getColor)('red', 20) : isSelected ? (0, theme_1.getColor)('grey', 40) : (0, theme_1.getColor)('grey', 20);
|
|
53
53
|
}, function (_a) {
|
|
54
|
-
var readOnly = _a.readOnly, isErrored = _a.isErrored;
|
|
55
|
-
return isErrored ? (0, theme_1.getColor)('red', 100) : readOnly ? (0, theme_1.getColor)('grey', 100) : (0, theme_1.getColor)('grey', 140);
|
|
54
|
+
var readOnly = _a.readOnly, isErrored = _a.isErrored, isLocked = _a.isLocked;
|
|
55
|
+
return isErrored ? (0, theme_1.getColor)('red', 100) : readOnly || isLocked ? (0, theme_1.getColor)('grey', 100) : (0, theme_1.getColor)('grey', 140);
|
|
56
56
|
});
|
|
57
57
|
var Input = styled_components_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n border: 0;\n outline: 0;\n color: ", ";\n background-color: transparent;\n font-size: ", ";\n\n &::placeholder {\n opacity: 1;\n color: ", ";\n }\n"], ["\n width: 100%;\n height: 100%;\n border: 0;\n outline: 0;\n color: ", ";\n background-color: transparent;\n font-size: ", ";\n\n &::placeholder {\n opacity: 1;\n color: ", ";\n }\n"])), (0, theme_1.getColor)('grey', 120), (0, theme_1.getFontSize)('default'), (0, theme_1.getColor)('grey', 100));
|
|
58
58
|
var InputContainer = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n list-style-type: none;\n color: ", ";\n border: 0;\n flex: 1;\n padding: 0;\n align-items: center;\n display: flex;\n\n :first-child > ", " {\n padding-left: 11px;\n }\n"], ["\n list-style-type: none;\n color: ", ";\n border: 0;\n flex: 1;\n padding: 0;\n align-items: center;\n display: flex;\n\n :first-child > ", " {\n padding-left: 11px;\n }\n"])), (0, theme_1.getColor)('grey', 120), Input);
|
|
59
59
|
var ReadOnlyIcon = (0, styled_components_1.default)(icons_1.LockIcon)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 11px;\n color: ", ";\n"], ["\n position: absolute;\n right: 0;\n top: 0;\n margin: 11px;\n color: ", ";\n"])), (0, theme_1.getColor)('grey', 100));
|
|
60
|
-
var
|
|
60
|
+
var LockedValueIcon = (0, styled_components_1.default)(icons_1.LockIcon)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding-right: 5px;\n"], ["\n padding-right: 5px;\n"])));
|
|
61
|
+
var RemoveButton = (0, styled_components_1.default)(IconButton_1.IconButton)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: transparent;\n margin-left: -3px;\n margin-right: 1px;\n color: ", ";\n"], ["\n background-color: transparent;\n margin-left: -3px;\n margin-right: 1px;\n color: ", ";\n"])), function (_a) {
|
|
61
62
|
var isErrored = _a.isErrored;
|
|
62
63
|
return (isErrored ? (0, theme_1.getColor)('red', 100) : (0, theme_1.getColor)('grey', 100));
|
|
63
64
|
});
|
|
64
65
|
var ChipInput = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
65
|
-
var id = _a.id, value = _a.value, invalidValue = _a.invalidValue, invalid = _a.invalid, readOnly = _a.readOnly, placeholder = _a.placeholder, searchValue = _a.searchValue, removeLabel = _a.removeLabel, onRemove = _a.onRemove, onSearchChange = _a.onSearchChange, onFocus = _a.onFocus;
|
|
66
|
+
var id = _a.id, value = _a.value, invalidValue = _a.invalidValue, invalid = _a.invalid, readOnly = _a.readOnly, placeholder = _a.placeholder, searchValue = _a.searchValue, removeLabel = _a.removeLabel, onRemove = _a.onRemove, onSearchChange = _a.onSearchChange, onFocus = _a.onFocus, lockedValues = _a.lockedValues;
|
|
66
67
|
var theme = (0, hooks_1.useTheme)();
|
|
67
68
|
var _b = (0, hooks_1.useBooleanState)(), isLastSelected = _b[0], selectLast = _b[1], unselectLast = _b[2];
|
|
68
69
|
var handleChange = function (event) { return onSearchChange(event.target.value); };
|
|
@@ -82,13 +83,14 @@ var ChipInput = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
82
83
|
}, [value, searchValue]);
|
|
83
84
|
(0, hooks_1.useShortcut)(shared_1.Key.Backspace, handleBackspace, forwardedRef);
|
|
84
85
|
return (react_1.default.createElement(Container, { invalid: invalid, readOnly: readOnly },
|
|
85
|
-
value.map(function (chip, index) { return (react_1.default.createElement(Chip, { key: chip.code, readOnly: readOnly, isErrored: invalidValue.includes(chip.code), isSelected: index === value.length - 1 && isLastSelected },
|
|
86
|
-
!readOnly && (react_1.default.createElement(RemoveButton, { title: removeLabel, ghost: "borderless", size: "small", level: "tertiary", icon: react_1.default.createElement(icons_1.CloseIcon, { color: invalidValue.includes(chip.code) ? theme.color.red100 : theme.color.grey100 }), onClick: function () { return onRemove(chip.code); }, isErrored: invalidValue.includes(chip.code) })),
|
|
86
|
+
value.map(function (chip, index) { return (react_1.default.createElement(Chip, { key: chip.code, readOnly: readOnly, isLocked: lockedValues === null || lockedValues === void 0 ? void 0 : lockedValues.includes(chip.code), isErrored: invalidValue.includes(chip.code), isSelected: index === value.length - 1 && isLastSelected },
|
|
87
|
+
!readOnly && !(lockedValues === null || lockedValues === void 0 ? void 0 : lockedValues.includes(chip.code)) && (react_1.default.createElement(RemoveButton, { title: removeLabel, ghost: "borderless", size: "small", level: "tertiary", icon: react_1.default.createElement(icons_1.CloseIcon, { color: invalidValue.includes(chip.code) ? theme.color.red100 : theme.color.grey100 }), onClick: function () { return onRemove(chip.code); }, isErrored: invalidValue.includes(chip.code) })),
|
|
88
|
+
(lockedValues === null || lockedValues === void 0 ? void 0 : lockedValues.includes(chip.code)) && react_1.default.createElement(LockedValueIcon, { size: 16 }),
|
|
87
89
|
chip.label)); }),
|
|
88
90
|
react_1.default.createElement(InputContainer, null,
|
|
89
91
|
react_1.default.createElement(Input, { type: "text", id: id, value: searchValue, ref: forwardedRef, placeholder: value.length === 0 ? placeholder : undefined, onChange: handleChange, onBlur: unselectLast, "aria-invalid": invalid, readOnly: readOnly, disabled: readOnly, onFocus: onFocus }),
|
|
90
92
|
readOnly && react_1.default.createElement(ReadOnlyIcon, { size: 16 }))));
|
|
91
93
|
});
|
|
92
94
|
exports.ChipInput = ChipInput;
|
|
93
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
95
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
94
96
|
//# sourceMappingURL=ChipInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipInput.js","sourceRoot":"","sources":["../../../../src/components/Input/MultiSelectInput/ChipInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4C;AAC5C,wEAAuC;AACvC,wCAAmD;AACnD,wCAAwE;AACxE,0DAAuD;AACvD,wCAAsE;AACtE,0CAAoC;AAEpC,IAAM,SAAS,GAAG,2BAAM,CAAC,EAAE,gXAAwC,wBAC7C,EAAsE,2KAQ5E,EAAqE,0FAKzD,EAAoB,UAE/C,KAfqB,UAAC,EAAS;QAAR,OAAO,aAAA;IAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,gBAAQ,EAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAA,gBAAQ,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAAvD,CAAuD,EAQ5E,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,gBAAQ,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;AAArD,CAAqD,EAKzD,IAAA,gBAAQ,EAAC,MAAM,EAAE,EAAE,CAAC,CAE/C,CAAC;AAEF,IAAM,IAAI,GAAG,2BAAM,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"ChipInput.js","sourceRoot":"","sources":["../../../../src/components/Input/MultiSelectInput/ChipInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,6 +21,7 @@ declare type MultiMultiSelectInputProps = Override<Override<React.InputHTMLAttri
|
|
|
21
21
|
invalid?: boolean;
|
|
22
22
|
children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;
|
|
23
23
|
verticalPosition?: VerticalPosition;
|
|
24
|
+
lockedValues?: string[];
|
|
24
25
|
onSubmit?: () => void;
|
|
25
26
|
} & ({
|
|
26
27
|
onNextPage?: () => void;
|
|
@@ -32,7 +33,7 @@ declare type MultiMultiSelectInputProps = Override<Override<React.InputHTMLAttri
|
|
|
32
33
|
disableInternalSearch: true;
|
|
33
34
|
})>;
|
|
34
35
|
declare const MultiSelectInput: {
|
|
35
|
-
({ id, placeholder, invalid, value, invalidValue, emptyResultLabel, children, onChange, removeLabel, onSubmit, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, disableInternalSearch, "aria-labelledby": ariaLabelledby, ...rest }: MultiMultiSelectInputProps): React.JSX.Element;
|
|
36
|
+
({ id, placeholder, invalid, value, invalidValue, emptyResultLabel, children, onChange, removeLabel, onSubmit, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, disableInternalSearch, lockedValues, "aria-labelledby": ariaLabelledby, ...rest }: MultiMultiSelectInputProps): React.JSX.Element;
|
|
36
37
|
Option: {
|
|
37
38
|
({ children, ...rest }: OptionProps): React.JSX.Element;
|
|
38
39
|
displayName: string;
|
|
@@ -85,9 +85,9 @@ var Option = function (_a) {
|
|
|
85
85
|
return react_1.default.createElement("span", __assign({}, rest), children);
|
|
86
86
|
};
|
|
87
87
|
var MultiSelectInput = function (_a) {
|
|
88
|
-
var id = _a.id, placeholder = _a.placeholder, invalid = _a.invalid, value = _a.value, _b = _a.invalidValue, invalidValue = _b === void 0 ? [] : _b, emptyResultLabel = _a.emptyResultLabel, _c = _a.children, children = _c === void 0 ? [] : _c, onChange = _a.onChange, removeLabel = _a.removeLabel, onSubmit = _a.onSubmit, openLabel = _a.openLabel, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, verticalPosition = _a.verticalPosition, onNextPage = _a.onNextPage, onSearchChange = _a.onSearchChange, _e = _a.disableInternalSearch, disableInternalSearch = _e === void 0 ? false : _e, ariaLabelledby = _a["aria-labelledby"], rest = __rest(_a, ["id", "placeholder", "invalid", "value", "invalidValue", "emptyResultLabel", "children", "onChange", "removeLabel", "onSubmit", "openLabel", "readOnly", "verticalPosition", "onNextPage", "onSearchChange", "disableInternalSearch", 'aria-labelledby']);
|
|
89
|
-
var
|
|
90
|
-
var
|
|
88
|
+
var id = _a.id, placeholder = _a.placeholder, invalid = _a.invalid, value = _a.value, _b = _a.invalidValue, invalidValue = _b === void 0 ? [] : _b, emptyResultLabel = _a.emptyResultLabel, _c = _a.children, children = _c === void 0 ? [] : _c, onChange = _a.onChange, removeLabel = _a.removeLabel, onSubmit = _a.onSubmit, openLabel = _a.openLabel, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, verticalPosition = _a.verticalPosition, onNextPage = _a.onNextPage, onSearchChange = _a.onSearchChange, _e = _a.disableInternalSearch, disableInternalSearch = _e === void 0 ? false : _e, _f = _a.lockedValues, lockedValues = _f === void 0 ? [] : _f, ariaLabelledby = _a["aria-labelledby"], rest = __rest(_a, ["id", "placeholder", "invalid", "value", "invalidValue", "emptyResultLabel", "children", "onChange", "removeLabel", "onSubmit", "openLabel", "readOnly", "verticalPosition", "onNextPage", "onSearchChange", "disableInternalSearch", "lockedValues", 'aria-labelledby']);
|
|
89
|
+
var _g = (0, react_1.useState)(''), searchValue = _g[0], setSearchValue = _g[1];
|
|
90
|
+
var _h = (0, hooks_1.useBooleanState)(), dropdownIsOpen = _h[0], openOverlay = _h[1], closeOverlay = _h[2];
|
|
91
91
|
var inputRef = (0, react_1.useRef)(null);
|
|
92
92
|
var containerRef = (0, react_1.useRef)(null);
|
|
93
93
|
var optionsContainerRef = (0, react_1.useRef)(null);
|
|
@@ -155,7 +155,7 @@ var MultiSelectInput = function (_a) {
|
|
|
155
155
|
(0, hooks_1.useShortcut)(shared_1.Key.Escape, handleBlur, inputRef);
|
|
156
156
|
return (react_1.default.createElement(MultiSelectInputContainer, __assign({ ref: containerRef, readOnly: readOnly, value: value }, rest),
|
|
157
157
|
react_1.default.createElement(InputContainer, null,
|
|
158
|
-
react_1.default.createElement(ChipInput_1.ChipInput, { ref: inputRef, id: id, placeholder: placeholder, value: value.map(function (chipCode) { var _a; return (_a = indexedChips[chipCode]) !== null && _a !== void 0 ? _a : { code: chipCode, label: chipCode }; }), invalidValue: invalidValue, searchValue: searchValue, removeLabel: removeLabel, readOnly: readOnly, invalid: invalid, onSearchChange: handleSearch, onRemove: handleRemove, onFocus: handleFocus }),
|
|
158
|
+
react_1.default.createElement(ChipInput_1.ChipInput, { ref: inputRef, id: id, placeholder: placeholder, value: value.map(function (chipCode) { var _a; return (_a = indexedChips[chipCode]) !== null && _a !== void 0 ? _a : { code: chipCode, label: chipCode }; }), invalidValue: invalidValue, searchValue: searchValue, removeLabel: removeLabel, readOnly: readOnly, invalid: invalid, onSearchChange: handleSearch, onRemove: handleRemove, onFocus: handleFocus, lockedValues: lockedValues }),
|
|
159
159
|
!readOnly && (react_1.default.createElement(ActionContainer, null,
|
|
160
160
|
react_1.default.createElement(components_1.IconButton, { ghost: "borderless", level: "tertiary", size: "small", icon: react_1.default.createElement(icons_1.ArrowDownIcon, null), title: openLabel, onClick: openOverlay, onFocus: handleBlur, tabIndex: 0 })))),
|
|
161
161
|
dropdownIsOpen && !readOnly && (react_1.default.createElement(common_1.Overlay, { parentRef: containerRef, onClose: handleBlur },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectInput.js","sourceRoot":"","sources":["../../../../src/components/Input/MultiSelectInput/MultiSelectInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4E;AAC5E,wEAAuC;AACvC,0CAA2D;AAC3D,oCAA8C;AAC9C,kDAA+C;AAC/C,wCAA8E;AAC9E,wCAA2D;AAC3D,wCAA6C;AAC7C,yCAAiD;AACjD,8DAA2D;AAE3D,IAAM,yBAAyB,GAAG,2BAAM,CAAC,GAAG,6MAA+D,4DAI7F,EAAsD,qBAClD,EAA0F,qDAM3G,KAPa,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;AAAtC,CAAsC,EAClD,UAAC,EAAiB;QAAhB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAAM,OAAA,CAAC,IAAI,KAAK,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAA,gBAAQ,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;AAAnE,CAAmE,CAM3G,CAAC;AAEF,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,8FAAA,2BAEhC,IAAA,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,iMAAA,8HAQjC,IAAA,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,8eAAA,kBAClB,EAAiB,sLAStB,EAAqB,qDAInB,EAAqB,uCAGhB,EAAoB,gBACzB,EAAsB,mCAGtB,EAAsB,4DAItB,EAAqB,UAEjC,KA1Be,IAAA,gBAAQ,EAAC,OAAO,CAAC,EAStB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAInB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAGhB,IAAA,gBAAQ,EAAC,MAAM,EAAE,EAAE,CAAC,EACzB,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,EAGtB,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,EAItB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAEjC,CAAC;AAEF,IAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,+RAAA,kBACvB,EAAiB,oJAOtB,EAAqB,kDAG/B,KAVe,IAAA,gBAAQ,EAAC,OAAO,CAAC,EAOtB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAG/B,CAAC;AAEF,IAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,kHAAA,+CAGlC,IAAA,CAAC;AAOF,IAAM,MAAM,GAAG,UAAC,EAAgC;IAA/B,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAlB,YAAmB,CAAD;IAAmB,OAAA,mDAAU,IAAI,GAAG,QAAQ,CAAQ,CAAA;CAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelectInput.js","sourceRoot":"","sources":["../../../../src/components/Input/MultiSelectInput/MultiSelectInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,7 +52,7 @@ exports.KeyFigureGrid = exports.KeyFigure = void 0;
|
|
|
52
52
|
var react_1 = __importStar(require("react"));
|
|
53
53
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
54
54
|
var theme_1 = require("../../theme");
|
|
55
|
-
var FigureContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-size: 16px;\n margin: 0 15px 0 3px;\n\n :only-child {\n margin: 0;\n }\n"], ["\n color: ", ";\n font-size: 16px;\n margin: 0 15px 0 3px;\n\n :only-child {\n margin: 0;\n }\n"])), (0, theme_1.getColor)('brand', 100));
|
|
55
|
+
var FigureContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-size: 16px;\n margin: 0 15px 0 3px;\n display: flex;\n align-items: center;\n\n :only-child {\n margin: 0;\n }\n"], ["\n color: ", ";\n font-size: 16px;\n margin: 0 15px 0 3px;\n display: flex;\n align-items: center;\n\n :only-child {\n margin: 0;\n }\n"])), (0, theme_1.getColor)('brand', 100));
|
|
56
56
|
var Figure = function (_a) {
|
|
57
57
|
var label = _a.label, children = _a.children;
|
|
58
58
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyFigure.js","sourceRoot":"","sources":["../../../src/components/KeyFigure/KeyFigure.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqE;AACrE,wEAAuC;AACvC,qCAAkD;AAQlD,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"KeyFigure.js","sourceRoot":"","sources":["../../../src/components/KeyFigure/KeyFigure.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqE;AACrE,wEAAuC;AACvC,qCAAkD;AAQlD,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,sNAAA,aACvB,EAAsB,oIAShC,KATU,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,CAShC,CAAC;AAEF,IAAM,MAAM,GAAG,UAAC,EAA8B;QAA7B,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC9B,OAAO,CACL;QACG,KAAK,IAAO,KAAK,MAAG;QACrB,8BAAC,eAAe,QAAE,QAAQ,CAAmB,CAC5C,CACJ,CAAC;AACJ,CAAC,CAAC;AAQF,IAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,iKAAA,uFAIrB,EAAiB,KAChC,KADe,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAChC,CAAC;AAEF,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,uPAAA,kHAKV,EAAoB,oDAI7B,EAAqB,UAEjC,KANqB,IAAA,gBAAQ,EAAC,MAAM,EAAE,EAAE,CAAC,EAI7B,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAEjC,CAAC;AAEF,IAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,6LAAA,0HAMlC,IAAA,CAAC;AAEF,IAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,oLAAA,aACb,EAAqB,kBACjB,EAAkB,8EAIhC,KALU,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EACjB,IAAA,mBAAW,EAAC,KAAK,CAAC,CAIhC,CAAC;AACF,IAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,6HAAA,+BAEd,EAAqB,yBAE/B,KAFU,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAE/B,CAAC;AAEF,IAAM,SAAS,GAAG,UAAC,EAAiD;IAAhD,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAhC,6BAAiC,CAAD;IACjD,IAAM,SAAS,GAAG,IAAA,sBAAc,EAAY,IAAI,CAAC,IAAI,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAC,CAAC,CAAC;IAE1F,OAAO,CACL,8BAAC,kBAAkB,eAAK,KAAK;QAC3B,8BAAC,aAAa,QAAE,SAAS,CAAiB;QAC1C,8BAAC,gBAAgB;YACf,8BAAC,KAAK,QAAE,KAAK,CAAS;YACtB,8BAAC,MAAM,QAAE,QAAQ,CAAU,CACV,CACA,CACtB,CAAC;AACJ,CAAC,CAAC;AAUM,8BAAS;AARjB,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,uKAAA,oGAI/B,IAAA,CAAC;AAIiB,sCAAa;AAFhC,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC"}
|
|
@@ -52,9 +52,9 @@ var theme_1 = require("../../theme");
|
|
|
52
52
|
var hooks_1 = require("../../hooks");
|
|
53
53
|
var ProgressBarContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
54
54
|
var progressBarAnimation = (0, styled_components_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n from { background-position: 0 0; }\n to { background-position: 20px 0; }\n"], ["\n from { background-position: 0 0; }\n to { background-position: 20px 0; }\n"])));
|
|
55
|
-
var Header = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n
|
|
56
|
-
var Title = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n padding-right: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n
|
|
57
|
-
var ProgressLabel = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n
|
|
55
|
+
var Header = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n font-size: ", ";\n justify-content: space-between;\n"], ["\n display: flex;\n font-size: ", ";\n justify-content: space-between;\n"])), (0, theme_1.getFontSize)('default'));
|
|
56
|
+
var Title = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n padding-right: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n color: ", ";\n padding-right: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])), (0, theme_1.getColor)('grey', 140));
|
|
57
|
+
var ProgressLabel = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n white-space: nowrap;\n"], ["\n color: ", ";\n white-space: nowrap;\n"])), (0, theme_1.getColor)('grey', 120));
|
|
58
58
|
var ProgressBarBackground = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: ", ";\n height: ", ";\n overflow: hidden;\n position: relative;\n"], ["\n background: ", ";\n height: ", ";\n overflow: hidden;\n position: relative;\n"])), (0, theme_1.getColor)('grey', 60), function (props) { return getHeightFromSize(props.size); });
|
|
59
59
|
var ProgressBarFill = styled_components_1.default.div.attrs(function (props) { return ({
|
|
60
60
|
style: { width: props.width + "%" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6D;AAC7D,qEAAyD;AACzD,qCAA8F;AAC9F,qCAAkC;AAElC,IAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,4FAAA,yBAEtC,IAAA,CAAC;AAEF,IAAM,oBAAoB,OAAG,6BAAS,qJAAA,iFAGrC,IAAA,CAAC;AAEF,IAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,5 +7,8 @@ export declare type TooltipProps = Override<HTMLAttributes<HTMLDivElement>, {
|
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
width?: number;
|
|
9
9
|
}>;
|
|
10
|
-
declare const Tooltip:
|
|
10
|
+
declare const Tooltip: {
|
|
11
|
+
({ direction, iconSize, width, children, ...rest }: TooltipProps): React.JSX.Element;
|
|
12
|
+
Title: import("styled-components").StyledComponent<"div", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
|
|
13
|
+
};
|
|
11
14
|
export { Tooltip };
|
|
@@ -77,6 +77,7 @@ var TooltipContent = styled_components_1.default.div(templateObject_3 || (templa
|
|
|
77
77
|
var top = _a.top, left = _a.left;
|
|
78
78
|
return (-1 === top && -1 === left ? 0 : 1);
|
|
79
79
|
});
|
|
80
|
+
var TooltipTitle = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n font-weight: 700;\n margin-bottom: 5px;\n"], ["\n color: ", ";\n font-weight: 700;\n margin-bottom: 5px;\n"])), (0, theme_1.getColor)('blue', 120));
|
|
80
81
|
var computePosition = function (direction, parentRef, elementRef) {
|
|
81
82
|
if (undefined === parentRef ||
|
|
82
83
|
undefined === elementRef ||
|
|
@@ -125,5 +126,6 @@ var Tooltip = function (_a) {
|
|
|
125
126
|
(0, react_dom_1.createPortal)(react_1.default.createElement(TooltipContent, { ref: contentRef, direction: direction, width: width, top: top, left: left }, children), portalRef.current)));
|
|
126
127
|
};
|
|
127
128
|
exports.Tooltip = Tooltip;
|
|
128
|
-
|
|
129
|
+
Tooltip.Title = TooltipTitle;
|
|
130
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
129
131
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -24,7 +24,9 @@ const Container = styled.ul<AkeneoThemedProps & {invalid: boolean}>`
|
|
|
24
24
|
}
|
|
25
25
|
`;
|
|
26
26
|
|
|
27
|
-
const Chip = styled.li<
|
|
27
|
+
const Chip = styled.li<
|
|
28
|
+
AkeneoThemedProps & {isSelected: boolean; readOnly: boolean; isErrored: boolean; isLocked: boolean}
|
|
29
|
+
>`
|
|
28
30
|
list-style-type: none;
|
|
29
31
|
padding: 3px 15px;
|
|
30
32
|
padding-left: ${({readOnly}) => (readOnly ? '15px' : '4px')};
|
|
@@ -35,8 +37,8 @@ const Chip = styled.li<AkeneoThemedProps & {isSelected: boolean; readOnly: boole
|
|
|
35
37
|
align-items: center;
|
|
36
38
|
height: 30px;
|
|
37
39
|
box-sizing: border-box;
|
|
38
|
-
color: ${({readOnly, isErrored}) =>
|
|
39
|
-
isErrored ? getColor('red', 100) : readOnly ? getColor('grey', 100) : getColor('grey', 140)};
|
|
40
|
+
color: ${({readOnly, isErrored, isLocked}) =>
|
|
41
|
+
isErrored ? getColor('red', 100) : readOnly || isLocked ? getColor('grey', 100) : getColor('grey', 140)};
|
|
40
42
|
`;
|
|
41
43
|
|
|
42
44
|
const Input = styled.input`
|
|
@@ -76,6 +78,10 @@ const ReadOnlyIcon = styled(LockIcon)`
|
|
|
76
78
|
color: ${getColor('grey', 100)};
|
|
77
79
|
`;
|
|
78
80
|
|
|
81
|
+
const LockedValueIcon = styled(LockIcon)`
|
|
82
|
+
padding-right: 5px;
|
|
83
|
+
`;
|
|
84
|
+
|
|
79
85
|
const RemoveButton = styled(IconButton)<AkeneoThemedProps & {isErrored: boolean}>`
|
|
80
86
|
background-color: transparent;
|
|
81
87
|
margin-left: -3px;
|
|
@@ -100,6 +106,7 @@ type ChipInputProps = {
|
|
|
100
106
|
onRemove: (chipCode: string) => void;
|
|
101
107
|
onSearchChange: (searchValue: string) => void;
|
|
102
108
|
onFocus?: () => void;
|
|
109
|
+
lockedValues?: string[];
|
|
103
110
|
};
|
|
104
111
|
|
|
105
112
|
const ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(
|
|
@@ -116,6 +123,7 @@ const ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(
|
|
|
116
123
|
onRemove,
|
|
117
124
|
onSearchChange,
|
|
118
125
|
onFocus,
|
|
126
|
+
lockedValues,
|
|
119
127
|
}: ChipInputProps,
|
|
120
128
|
forwardedRef: Ref<HTMLInputElement>
|
|
121
129
|
) => {
|
|
@@ -148,10 +156,11 @@ const ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(
|
|
|
148
156
|
<Chip
|
|
149
157
|
key={chip.code}
|
|
150
158
|
readOnly={readOnly}
|
|
159
|
+
isLocked={lockedValues?.includes(chip.code)}
|
|
151
160
|
isErrored={invalidValue.includes(chip.code)}
|
|
152
161
|
isSelected={index === value.length - 1 && isLastSelected}
|
|
153
162
|
>
|
|
154
|
-
{!readOnly && (
|
|
163
|
+
{!readOnly && !lockedValues?.includes(chip.code) && (
|
|
155
164
|
<RemoveButton
|
|
156
165
|
title={removeLabel}
|
|
157
166
|
ghost="borderless"
|
|
@@ -162,6 +171,7 @@ const ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(
|
|
|
162
171
|
isErrored={invalidValue.includes(chip.code)}
|
|
163
172
|
/>
|
|
164
173
|
)}
|
|
174
|
+
{lockedValues?.includes(chip.code) && <LockedValueIcon size={16} />}
|
|
165
175
|
{chip.label}
|
|
166
176
|
</Chip>
|
|
167
177
|
))}
|
|
@@ -102,6 +102,30 @@ The placeholder text provides tips or examples of items to enter. Placeholder te
|
|
|
102
102
|
</Story>
|
|
103
103
|
</Canvas>
|
|
104
104
|
|
|
105
|
+
## Variation on locked values
|
|
106
|
+
|
|
107
|
+
<Canvas>
|
|
108
|
+
<Story name="LockedValues">
|
|
109
|
+
{args => {
|
|
110
|
+
const [value, setValue] = useState(['en_US', 'fr_FR', 'de_DE']);
|
|
111
|
+
return (
|
|
112
|
+
<MultiSelectInput
|
|
113
|
+
value={value}
|
|
114
|
+
placeholder="Placeholder"
|
|
115
|
+
emptyResultLabel="No match found"
|
|
116
|
+
lockedValues={['en_US', 'fr_FR']}
|
|
117
|
+
onChange={setValue}
|
|
118
|
+
>
|
|
119
|
+
<MultiSelectInput.Option value="en_US">English (United States)</MultiSelectInput.Option>
|
|
120
|
+
<MultiSelectInput.Option value="fr_FR">French (France)</MultiSelectInput.Option>
|
|
121
|
+
<MultiSelectInput.Option value="de_DE">German (Germany)</MultiSelectInput.Option>
|
|
122
|
+
<MultiSelectInput.Option value="es_ES">Spanish (Spain)</MultiSelectInput.Option>
|
|
123
|
+
</MultiSelectInput>
|
|
124
|
+
);
|
|
125
|
+
}}
|
|
126
|
+
</Story>
|
|
127
|
+
</Canvas>
|
|
128
|
+
|
|
105
129
|
## Variation on invalid
|
|
106
130
|
|
|
107
131
|
<Canvas>
|
|
@@ -146,6 +146,11 @@ type MultiMultiSelectInputProps = Override<
|
|
|
146
146
|
*/
|
|
147
147
|
verticalPosition?: VerticalPosition;
|
|
148
148
|
|
|
149
|
+
/**
|
|
150
|
+
* Values that cannot be unselected
|
|
151
|
+
*/
|
|
152
|
+
lockedValues?: string[];
|
|
153
|
+
|
|
149
154
|
/**
|
|
150
155
|
* Callback called when the user hit enter on the field.
|
|
151
156
|
*/
|
|
@@ -191,6 +196,7 @@ const MultiSelectInput = ({
|
|
|
191
196
|
onNextPage,
|
|
192
197
|
onSearchChange,
|
|
193
198
|
disableInternalSearch = false,
|
|
199
|
+
lockedValues = [],
|
|
194
200
|
'aria-labelledby': ariaLabelledby,
|
|
195
201
|
...rest
|
|
196
202
|
}: MultiMultiSelectInputProps) => {
|
|
@@ -289,6 +295,7 @@ const MultiSelectInput = ({
|
|
|
289
295
|
onSearchChange={handleSearch}
|
|
290
296
|
onRemove={handleRemove}
|
|
291
297
|
onFocus={handleFocus}
|
|
298
|
+
lockedValues={lockedValues}
|
|
292
299
|
/>
|
|
293
300
|
{!readOnly && (
|
|
294
301
|
<ActionContainer>
|
|
@@ -326,6 +326,26 @@ test('MultiSelectInput supports ...rest props', () => {
|
|
|
326
326
|
expect(screen.getByTestId('my_value')).toBeInTheDocument();
|
|
327
327
|
});
|
|
328
328
|
|
|
329
|
+
test('MultiSelectInput supports locked values prop', () => {
|
|
330
|
+
const onChange = jest.fn();
|
|
331
|
+
render(
|
|
332
|
+
<MultiSelectInput
|
|
333
|
+
value={['fr_FR', 'en_US']}
|
|
334
|
+
data-testid="my_value"
|
|
335
|
+
removeLabel="Remove"
|
|
336
|
+
openLabel="Open"
|
|
337
|
+
emptyResultLabel="Empty result"
|
|
338
|
+
onChange={onChange}
|
|
339
|
+
lockedValues={['fr_FR']}
|
|
340
|
+
>
|
|
341
|
+
<MultiSelectInput.Option value="en_US">English</MultiSelectInput.Option>
|
|
342
|
+
<MultiSelectInput.Option value="fr_FR">French</MultiSelectInput.Option>
|
|
343
|
+
<MultiSelectInput.Option value="es_ES">Spanish</MultiSelectInput.Option>
|
|
344
|
+
</MultiSelectInput>
|
|
345
|
+
);
|
|
346
|
+
expect(screen.getByTestId('my_value')).toBeInTheDocument();
|
|
347
|
+
});
|
|
348
|
+
|
|
329
349
|
test('MultiSelectInput does not support duplicated options', () => {
|
|
330
350
|
const mockConsole = jest.spyOn(console, 'error').mockImplementation();
|
|
331
351
|
expect(() => {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import {Meta, Story, ArgsTable, Canvas} from '@storybook/addon-docs';
|
|
2
2
|
import {KeyFigure, KeyFigureGrid} from './KeyFigure';
|
|
3
3
|
import * as Icons from '../../icons';
|
|
4
|
+
import {Tooltip} from '../Tooltip/Tooltip';
|
|
4
5
|
|
|
5
6
|
<Meta
|
|
6
7
|
title="Components/KeyFigure"
|
|
@@ -71,7 +72,10 @@ Key figures are used in dashboards to illustrate metrics.
|
|
|
71
72
|
<KeyFigure.Figure>123</KeyFigure.Figure>
|
|
72
73
|
</KeyFigure>
|
|
73
74
|
<KeyFigure icon={React.createElement(Icons[args.icon])} title="Key figure 3">
|
|
74
|
-
<KeyFigure.Figure>
|
|
75
|
+
<KeyFigure.Figure>
|
|
76
|
+
456
|
|
77
|
+
<Tooltip iconSize={16}>More informations on this figure</Tooltip>
|
|
78
|
+
</KeyFigure.Figure>
|
|
75
79
|
</KeyFigure>
|
|
76
80
|
<KeyFigure icon={React.createElement(Icons[args.icon])} title="Key figure 4">
|
|
77
81
|
<KeyFigure.Figure label="Average:">789454</KeyFigure.Figure>
|
|
@@ -14,11 +14,8 @@ const progressBarAnimation = keyframes`
|
|
|
14
14
|
|
|
15
15
|
const Header = styled.div`
|
|
16
16
|
display: flex;
|
|
17
|
-
align-items: stretch;
|
|
18
|
-
flex-direction: row;
|
|
19
17
|
font-size: ${getFontSize('default')};
|
|
20
|
-
|
|
21
|
-
margin-bottom: -4px;
|
|
18
|
+
justify-content: space-between;
|
|
22
19
|
`;
|
|
23
20
|
|
|
24
21
|
const Title = styled.div`
|
|
@@ -27,24 +24,11 @@ const Title = styled.div`
|
|
|
27
24
|
white-space: nowrap;
|
|
28
25
|
overflow: hidden;
|
|
29
26
|
text-overflow: ellipsis;
|
|
30
|
-
max-width: 100%;
|
|
31
|
-
flex-grow: 1;
|
|
32
|
-
margin-bottom: 4px;
|
|
33
|
-
|
|
34
|
-
/* When header div is greater than 300px the flex-basic is negative, progress label is on same line */
|
|
35
|
-
/* When header div is lower than 300px the flex-basic is positive, progress label is move to new line */
|
|
36
|
-
flex-basis: calc((301px - 100%) * 999);
|
|
37
27
|
`;
|
|
38
28
|
|
|
39
29
|
const ProgressLabel = styled.div`
|
|
40
30
|
color: ${getColor('grey', 120)};
|
|
41
|
-
flex-grow: 0;
|
|
42
|
-
flex-basis: auto;
|
|
43
|
-
flex-shrink: 1;
|
|
44
|
-
margin-bottom: 4px;
|
|
45
31
|
white-space: nowrap;
|
|
46
|
-
overflow: hidden;
|
|
47
|
-
text-overflow: ellipsis;
|
|
48
32
|
`;
|
|
49
33
|
|
|
50
34
|
const ProgressBarBackground = styled.div<{size: ProgressBarSize} & AkeneoThemedProps>`
|
|
@@ -43,3 +43,18 @@ It's a complementary information that will help the user better understand what
|
|
|
43
43
|
</Canvas>
|
|
44
44
|
|
|
45
45
|
<ArgsTable story="Standard" />
|
|
46
|
+
|
|
47
|
+
## With a title
|
|
48
|
+
|
|
49
|
+
<Canvas>
|
|
50
|
+
<Story name="With title">
|
|
51
|
+
{args => {
|
|
52
|
+
return (
|
|
53
|
+
<Tooltip>
|
|
54
|
+
<Tooltip.Title>My wonderful title</Tooltip.Title>
|
|
55
|
+
The rest of the amazing content
|
|
56
|
+
</Tooltip>
|
|
57
|
+
);
|
|
58
|
+
}}
|
|
59
|
+
</Story>
|
|
60
|
+
</Canvas>
|
|
@@ -40,6 +40,12 @@ const TooltipContent = styled.div<{direction: Direction; width: number; top: num
|
|
|
40
40
|
opacity: ${({top, left}) => (-1 === top && -1 === left ? 0 : 1)};
|
|
41
41
|
`;
|
|
42
42
|
|
|
43
|
+
const TooltipTitle = styled.div`
|
|
44
|
+
color: ${getColor('blue', 120)};
|
|
45
|
+
font-weight: 700;
|
|
46
|
+
margin-bottom: 5px;
|
|
47
|
+
`;
|
|
48
|
+
|
|
43
49
|
const computePosition = (
|
|
44
50
|
direction: Direction,
|
|
45
51
|
parentRef?: RefObject<HTMLDivElement>,
|
|
@@ -104,7 +110,7 @@ export type TooltipProps = Override<
|
|
|
104
110
|
}
|
|
105
111
|
>;
|
|
106
112
|
|
|
107
|
-
const Tooltip
|
|
113
|
+
const Tooltip = ({direction = 'top', iconSize = 24, width = 200, children, ...rest}: TooltipProps) => {
|
|
108
114
|
const [isVisible, showTooltip, hideTooltip] = useBooleanState(false);
|
|
109
115
|
const portalNode = document.createElement('div');
|
|
110
116
|
portalNode.setAttribute('id', 'tooltip-root');
|
|
@@ -148,4 +154,6 @@ const Tooltip: React.FC<TooltipProps> = ({direction = 'top', iconSize = 24, widt
|
|
|
148
154
|
);
|
|
149
155
|
};
|
|
150
156
|
|
|
157
|
+
Tooltip.Title = TooltipTitle;
|
|
158
|
+
|
|
151
159
|
export {Tooltip};
|