@aivenio/aquarium 1.36.0 → 1.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/src/atoms/Section/Section.js +2 -2
- package/dist/src/molecules/Checkbox/Checkbox.d.ts +2 -0
- package/dist/src/molecules/Checkbox/Checkbox.js +3 -3
- package/dist/src/molecules/Chip/Chip.js +2 -2
- package/dist/src/molecules/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/molecules/ControlLabel/ControlLabel.js +10 -6
- package/dist/src/molecules/EmptyState/EmptyState.js +4 -10
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +2 -21
- package/dist/src/molecules/PageHeader/PageHeader.js +6 -9
- package/dist/src/molecules/Section/Section.d.ts +3 -1
- package/dist/src/molecules/Section/Section.js +24 -11
- package/dist/src/molecules/Switch/Switch.d.ts +2 -0
- package/dist/src/molecules/Switch/Switch.js +3 -3
- package/dist/src/utils/actions.d.ts +3 -0
- package/dist/src/utils/actions.js +8 -0
- package/dist/src/utils/table/types.d.ts +2 -14
- package/dist/src/utils/table/types.js +1 -1
- package/dist/system.cjs +425 -375
- package/dist/system.mjs +398 -348
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ContextualMenu.d.ts +26 -0
- package/dist/types/ContextualMenu.js +2 -0
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
|
@@ -31,7 +31,7 @@ Section.TitleContainer = (_a) => {
|
|
|
31
31
|
Section.Toggle = (props) => React.createElement(Icon, Object.assign({}, props, { icon: caretUp, height: 22, width: 22 }));
|
|
32
32
|
Section.Title = (_a) => {
|
|
33
33
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
34
|
-
return (React.createElement(Typography.Large, Object.assign({}, rest, { color: "black", className: "flex gap-3 items-center" }), children));
|
|
34
|
+
return (React.createElement(Typography.Large, Object.assign({}, rest, { htmlTag: "h2", color: "black", className: "flex gap-3 items-center" }), children));
|
|
35
35
|
};
|
|
36
36
|
Section.Subtitle = (_a) => {
|
|
37
37
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
@@ -46,4 +46,4 @@ Section.Body = (_a) => {
|
|
|
46
46
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
|
|
47
47
|
React.createElement(BaseTypography, { htmlTag: "div", color: "grey-70" }, children)));
|
|
48
48
|
};
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWN4QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFdBQVcsRUFBQyxRQUFRLEVBQUMsV0FBVyxFQUFDLEtBQUssSUFBSyxJQUFJLEdBQ2pELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQTZDLEVBQUUsRUFBRTtRQUFqRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxPQUFXLEVBQU4sSUFBSSxjQUEzQyx3Q0FBNkMsQ0FBRjtJQUFPLE9BQUEsQ0FDbEUsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxtREFBbUQsRUFBRSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsQ0FBQyxFQUNyRixTQUFTLENBQ1YsS0FFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxjQUFjLEdBQUcsQ0FBQyxFQUE2QyxFQUFFLEVBQUU7UUFBakQsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFdBQVcsT0FBVyxFQUFOLElBQUksY0FBM0Msd0NBQTZDLENBQUY7SUFBTyxPQUFBLENBQzFFLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsNkRBQTZELEVBQUUsRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsQ0FBQyxFQUNwRyxTQUFTLENBQ1YsS0FFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLG9CQUFDLElBQUksb0JBQUssS0FBSyxJQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxJQUFJLENBQUM7QUFFdEYsT0FBTyxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQXFCLEVBQUUsRUFBRTtRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUFPLE9BQUEsQ0FDekMsb0JBQUMsVUFBVSxDQUFDLEtBQUssb0JBQUssSUFBSSxJQUFFLE9BQU8sRUFBQyxJQUFJLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUMseUJBQXlCLEtBQ3ZGLFFBQVEsQ0FDUSxDQUNwQixDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxRQUFRLEdBQUcsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQW5CLFlBQXFCLENBQUY7SUFBTyxPQUFBLENBQzVDLG9CQUFDLFVBQVUsQ0FBQyxLQUFLLG9CQUFLLElBQUksSUFBRSxLQUFLLEVBQUMsU0FBUyxLQUN4QyxRQUFRLENBQ1EsQ0FDcEIsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ3RELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxLQUMxRSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxJQUFJLEdBQUcsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDbkQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFFLFNBQVMsQ0FBQztRQUN4RCxvQkFBQyxjQUFjLElBQUMsT0FBTyxFQUFDLEtBQUssRUFBQyxLQUFLLEVBQUMsU0FBUyxJQUMxQyxRQUFRLENBQ00sQ0FDYixDQUNQLENBQUE7Q0FBQSxDQUFDIn0=
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { type ControlLabelProps } from '../../../src/molecules/ControlLabel/ControlLabel';
|
|
2
3
|
import { type CheckboxProps as BaseCheckboxProps } from '../../../src/atoms/Checkbox/Checkbox';
|
|
3
4
|
export declare type CheckboxProps = BaseCheckboxProps & {
|
|
4
5
|
caption?: React.ReactNode;
|
|
6
|
+
labelPlacement?: ControlLabelProps['labelPlacement'];
|
|
5
7
|
};
|
|
6
8
|
declare type CheckboxComponent = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
|
|
7
9
|
Skeleton: React.FC;
|
|
@@ -16,9 +16,9 @@ import { Checkbox as BaseCheckbox } from '../../../src/atoms/Checkbox/Checkbox';
|
|
|
16
16
|
import { tw } from '../../../src/utils/tailwind';
|
|
17
17
|
export const Checkbox = React.forwardRef((_a, ref) => {
|
|
18
18
|
var _b;
|
|
19
|
-
var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label']);
|
|
19
|
+
var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel, labelPlacement } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label', "labelPlacement"]);
|
|
20
20
|
const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
|
|
21
|
-
return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, className: "Aquarium-Checkbox", style: { gap: '0 8px' } }, !readOnly && React.createElement(BaseCheckbox, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
|
|
21
|
+
return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, labelPlacement: labelPlacement, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, className: "Aquarium-Checkbox", style: { gap: '0 8px' } }, !readOnly && React.createElement(BaseCheckbox, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
|
|
22
22
|
});
|
|
23
23
|
Checkbox.displayName = 'Checkbox';
|
|
24
24
|
const CheckboxSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
|
|
@@ -26,4 +26,4 @@ const CheckboxSkeleton = () => (React.createElement("div", { className: tw('flex
|
|
|
26
26
|
React.createElement(Skeleton, { height: 20, width: 150 })));
|
|
27
27
|
Checkbox.Skeleton = CheckboxSkeleton;
|
|
28
28
|
Checkbox.Skeleton.displayName = 'Checkbox.Skeleton';
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUEwQixNQUFNLHlDQUF5QyxDQUFDO0FBQy9GLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBMkMsTUFBTSw2QkFBNkIsQ0FBQztBQUVoSCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXeEMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFzQixLQUFLLENBQUMsVUFBVSxDQUN6RCxDQUNFLEVBVUMsRUFDRCxHQUFHLEVBQ0gsRUFBRTs7UUFaRixFQUNFLEVBQUUsRUFDRixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsRUFDUixZQUFZLEVBQUUsU0FBUyxFQUN2QixjQUFjLE9BRWYsRUFESSxLQUFLLGNBVFYsNkZBVUMsQ0FEUztJQUlWLE1BQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUN4RCxPQUFPLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDOUIsb0JBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsS0FBSyxFQUFFLFFBQVEsRUFDZixjQUFjLEVBQUUsY0FBYyxnQkFDbEIsU0FBUyxFQUNyQixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUMsbUJBQW1CLEVBQzdCLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsSUFFdEIsQ0FBQyxRQUFRLElBQUksb0JBQUMsWUFBWSxrQkFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxLQUFLLElBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxJQUFJLENBQ2xHLENBQ2hCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNYLENBQUMsQ0FDbUIsQ0FBQztBQUV2QixRQUFRLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQztBQUVsQyxNQUFNLGdCQUFnQixHQUFhLEdBQUcsRUFBRSxDQUFDLENBQ3ZDLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDO0lBQzlCLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEdBQUk7SUFDbkMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBSSxDQUNoQyxDQUNQLENBQUM7QUFFRixRQUFRLENBQUMsUUFBUSxHQUFHLGdCQUFnQixDQUFDO0FBQ3JDLFFBQVEsQ0FBQyxRQUFRLENBQUMsV0FBVyxHQUFHLG1CQUFtQixDQUFDIn0=
|
|
@@ -52,7 +52,7 @@ Chip.Skeleton = ChipSkeleton;
|
|
|
52
52
|
Chip.Skeleton.displayName = 'Chip.Skeleton';
|
|
53
53
|
export const StatusChip = React.forwardRef((_a, ref) => {
|
|
54
54
|
var { UNSAFE_icon: icon, text, dense = false, status } = _a, rest = __rest(_a, ["UNSAFE_icon", "text", "dense", "status"]);
|
|
55
|
-
return (React.createElement(BaseChip.Container, Object.assign({ ref: ref, dense: dense }, rest, { className: getStatusClassNames(status) }),
|
|
55
|
+
return (React.createElement(BaseChip.Container, Object.assign({ ref: ref, role: "status", "aria-label": text ? text.toString() : undefined, dense: dense }, rest, { className: getStatusClassNames(status) }),
|
|
56
56
|
icon && React.createElement(InlineIcon, { icon: icon }),
|
|
57
57
|
text));
|
|
58
58
|
});
|
|
@@ -62,4 +62,4 @@ export const ChipContainer = ({ dense, children }) => (React.createElement("div"
|
|
|
62
62
|
}) }, React.Children.map(children, (child) => isComponentType(child, Chip) || isComponentType(child, StatusChip) || isComponentType(child, ChipSkeleton)
|
|
63
63
|
? React.cloneElement(child, { dense })
|
|
64
64
|
: undefined)));
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2hpcC9DaGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFDcEMsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3RELE9BQU8sRUFBa0IsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdkQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUF1Q3RDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxTQUFxQixTQUFTLEVBQVUsRUFBRTtJQUNyRSxRQUFRLE1BQU0sRUFBRTtRQUNkLEtBQUssTUFBTTtZQUNULE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDLENBQUM7UUFFdkMsS0FBSyxTQUFTO1lBQ1osT0FBTyxFQUFFLENBQUMsa0NBQWtDLENBQUMsQ0FBQztRQUVoRCxLQUFLLFFBQVE7WUFDWCxPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO1FBRXpDLEtBQUssU0FBUztZQUNaLE9BQU8sRUFBRSxDQUFDLCtCQUErQixDQUFDLENBQUM7UUFFN0MsS0FBSyxTQUFTLENBQUM7UUFDZjtZQUNFLE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFD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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ElementProps } from '../../../src/molecules';
|
|
3
|
-
declare type LabelPlacement = '
|
|
3
|
+
declare type LabelPlacement = 'left' | 'right';
|
|
4
4
|
export declare type ControlLabelProps = Omit<ElementProps<'label'>, 'component'> & {
|
|
5
5
|
label?: React.ReactNode;
|
|
6
6
|
labelPlacement?: LabelPlacement;
|
|
@@ -13,14 +13,18 @@ import React from 'react';
|
|
|
13
13
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
14
14
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
|
15
15
|
export const ControlLabel = (_a) => {
|
|
16
|
-
var { label, caption, disabled = false, readOnly = false, children, style, className } = _a, rest = __rest(_a, ["label", "caption", "disabled", "readOnly", "children", "style", "className"]);
|
|
16
|
+
var { label, labelPlacement = 'right', caption, disabled = false, readOnly = false, children, style, className } = _a, rest = __rest(_a, ["label", "labelPlacement", "caption", "disabled", "readOnly", "children", "style", "className"]);
|
|
17
17
|
const textClass = disabled ? 'text-grey-40' : 'text-grey-100';
|
|
18
|
-
|
|
18
|
+
const rtl = labelPlacement === 'left';
|
|
19
|
+
const labelEl = label && React.createElement("span", { className: tw('typography-small self-center', { 'text-right': rtl }) }, label);
|
|
20
|
+
return (React.createElement("label", Object.assign({ className: classNames(className, tw('inline-grid', {
|
|
21
|
+
'grid-cols-[auto_1fr]': !rtl,
|
|
22
|
+
'grid-cols-[1fr_auto]': rtl,
|
|
19
23
|
'cursor-pointer': !disabled && !readOnly,
|
|
20
24
|
'cursor-not-allowed': disabled,
|
|
21
25
|
}, textClass)), style: Object.assign({}, style) }, rest),
|
|
22
|
-
children,
|
|
23
|
-
|
|
24
|
-
caption && (React.createElement(Typography, { className: tw('col-start-2'), variant: "caption", color: disabled ? 'grey-40' : 'grey-50' }, caption))));
|
|
26
|
+
rtl ? labelEl : children,
|
|
27
|
+
rtl ? children : labelEl,
|
|
28
|
+
caption && (React.createElement(Typography, { className: tw({ 'col-start-2': !rtl }), variant: "caption", color: disabled ? 'grey-40' : 'grey-50' }, caption))));
|
|
25
29
|
};
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udHJvbExhYmVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Db250cm9sTGFiZWwvQ29udHJvbExhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFHakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVlwRCxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFVekQsRUFBRSxFQUFFO1FBVnFELEVBQ3hELEtBQUssRUFDTCxjQUFjLEdBQUcsT0FBTyxFQUN4QixPQUFPLEVBQ1AsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxFQUNSLEtBQUssRUFDTCxTQUFTLE9BRVYsRUFESSxJQUFJLGNBVGlELGdHQVV6RCxDQURRO0lBRVAsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQztJQUM5RCxNQUFNLEdBQUcsR0FBRyxjQUFjLEtBQUssTUFBTSxDQUFDO0lBRXRDLE1BQU0sT0FBTyxHQUFHLEtBQUssSUFBSSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLDhCQUE4QixFQUFFLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUcsS0FBSyxDQUFRLENBQUM7SUFFcEgsT0FBTyxDQUNMLDZDQUNFLFNBQVMsRUFBRSxVQUFVLENBQ25CLFNBQVMsRUFDVCxFQUFFLENBQ0EsYUFBYSxFQUNiO1lBQ0Usc0JBQXNCLEVBQUUsQ0FBQyxHQUFHO1lBQzVCLHNCQUFzQixFQUFFLEdBQUc7WUFDM0IsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLElBQUksQ0FBQyxRQUFRO1lBQ3hDLG9CQUFvQixFQUFFLFFBQVE7U0FDL0IsRUFDRCxTQUFTLENBQ1YsQ0FDRixFQUNELEtBQUssb0JBQU8sS0FBSyxLQUNiLElBQUk7UUFFUCxHQUFHLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUN4QixHQUFHLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUN4QixPQUFPLElBQUksQ0FDVixvQkFBQyxVQUFVLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxFQUFFLGFBQWEsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFDLFNBQVMsRUFBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDMUcsT0FBTyxDQUNHLENBQ2QsQ0FDSyxDQUNULENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import omit from 'lodash/omit';
|
|
3
2
|
import { Box } from '../../../src/molecules/Box/Box';
|
|
4
|
-
import { Button } from '../../../src/molecules/Button/Button';
|
|
5
3
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
6
|
-
import {
|
|
4
|
+
import { renderAction } from '../../../src/utils/actions';
|
|
7
5
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
|
8
6
|
export var EmptyStateLayout;
|
|
9
7
|
(function (EmptyStateLayout) {
|
|
@@ -82,13 +80,9 @@ export const EmptyState = ({ title, image, imageAlt = '', imageWidth, descriptio
|
|
|
82
80
|
(description || children) && (React.createElement(Box, { marginTop: "5" },
|
|
83
81
|
React.createElement(Typography.Default, { color: "grey-60" }, children || description))),
|
|
84
82
|
(secondaryAction || primaryAction) && (React.createElement(Box.Flex, { marginTop: "7", gap: "4", justifyContent: "center", alignItems: "center", wrap: "wrap" },
|
|
85
|
-
primaryAction && (
|
|
86
|
-
|
|
87
|
-
isLink(primaryAction) && (React.createElement(Button.ExternalLink, Object.assign({ kind: "primary" }, omit(primaryAction, 'text')), primaryAction.text)))),
|
|
88
|
-
secondaryAction && (React.createElement(React.Fragment, null,
|
|
89
|
-
!isLink(secondaryAction) && (React.createElement(Button.Secondary, Object.assign({}, omit(secondaryAction, 'text')), secondaryAction.text)),
|
|
90
|
-
isLink(secondaryAction) && (React.createElement(Button.ExternalLink, Object.assign({ kind: "secondary" }, omit(secondaryAction, 'text')), secondaryAction.text)))))),
|
|
83
|
+
primaryAction && renderAction('primary', primaryAction),
|
|
84
|
+
secondaryAction && renderAction('secondary', secondaryAction))),
|
|
91
85
|
footer && (React.createElement(Box, { marginTop: "5" },
|
|
92
86
|
React.createElement(Typography.Small, { color: "grey-60" }, footer)))))));
|
|
93
87
|
};
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxNQUFNLENBQU4sSUFBWSxnQkFtQlg7QUFuQkQsV0FBWSxnQkFBZ0I7SUFDMUIseUNBQXFCLENBQUE7SUFDckIsNkNBQXlCLENBQUE7SUFDekI7O09BRUc7SUFDSCxzREFBa0MsQ0FBQTtJQUNsQzs7T0FFRztJQUNILGtEQUE4QixDQUFBO0lBQzlCOztPQUVHO0lBQ0gsMERBQXNDLENBQUE7SUFDdEM7O09BRUc7SUFDSCxzREFBa0MsQ0FBQTtBQUNwQyxDQUFDLEVBbkJXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFtQjNCO0FBd0ZELE1BQU0sV0FBVyxHQUFHLENBQUMsTUFBd0IsRUFBb0IsRUFBRTtJQUNqRSxRQUFRLE1BQU0sRUFBRTtRQUNkLEtBQUssZ0JBQWdCLENBQUMsWUFBWTtZQUNoQyxPQUFPO2dCQUNMLE1BQU0sRUFBRSxRQUFRO2dCQUNoQixjQUFjLEVBQUUsWUFBWTtnQkFDNUIsVUFBVSxFQUFFLFlBQVk7YUFDekIsQ0FBQztRQUNKLEtBQUssZ0JBQWdCLENBQUMsY0FBYyxDQUFDO1FBQ3JDLEtBQUssZ0JBQWdCLENBQUMsVUFBVTtZQUM5QixPQUFPO2dCQUNMLE1BQU0sRUFBRSxLQUFLO2dCQUNiLGNBQWMsRUFBRSxZQUFZO2dCQUM1QixVQUFVLEVB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
|
|
@@ -1,28 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type BreadcrumbsProps } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
|
3
|
-
import { type DropdownMenuItemsComponent } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
4
3
|
import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
|
|
4
|
+
import { type CommonContextualMenuProps } from '../../../types/ContextualMenu';
|
|
5
5
|
import { type AllOrNone } from '../../../types/utils';
|
|
6
|
-
declare type PageHeaderMenuProps = AllOrNone<
|
|
7
|
-
/**
|
|
8
|
-
* Menu items definition. Can either be static collection of items or callback function
|
|
9
|
-
* that returns the items.
|
|
10
|
-
*/
|
|
11
|
-
menu: DropdownMenuItemsComponent;
|
|
12
|
-
/**
|
|
13
|
-
* Optional label for menu that will be used as aria-label attribute. Defaults to 'Context menu'.
|
|
14
|
-
*/
|
|
15
|
-
menuLabel?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Menu callback function that gets called whenever an item from the menu is selected.
|
|
18
|
-
* @param action menu item action type
|
|
19
|
-
*/
|
|
20
|
-
onAction: (action: number | string) => void;
|
|
21
|
-
/**
|
|
22
|
-
* Handler that is called when the menu's open state changes.
|
|
23
|
-
*/
|
|
24
|
-
onMenuOpenChange?: (isOpen: boolean) => void;
|
|
25
|
-
}>;
|
|
6
|
+
declare type PageHeaderMenuProps = AllOrNone<CommonContextualMenuProps>;
|
|
26
7
|
declare type CommonPageHeaderProps = PageHeaderMenuProps & {
|
|
27
8
|
/** Short and concise page title. */
|
|
28
9
|
title: string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import castArray from 'lodash/castArray';
|
|
3
|
-
import omit from 'lodash/omit';
|
|
4
3
|
import { Box } from '../../../src/molecules/Box/Box';
|
|
5
4
|
import { Breadcrumbs } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
|
6
5
|
import { Button } from '../../../src/molecules/Button/Button';
|
|
@@ -8,10 +7,10 @@ import { Chip } from '../../../src/molecules/Chip/Chip';
|
|
|
8
7
|
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
9
8
|
import { Spacing } from '../../../src/molecules/Spacing/Spacing';
|
|
10
9
|
import { PageHeader as BasePageHeader } from '../../../src/atoms/PageHeader/PageHeader';
|
|
11
|
-
import {
|
|
10
|
+
import { renderAction } from '../../../src/utils/actions';
|
|
12
11
|
import { tw } from '../../../src/utils/tailwind';
|
|
13
12
|
import more from '../../../src/icons/more';
|
|
14
|
-
const CommonPageHeader = ({ title, subtitle, image, imageAlt, primaryAction, secondaryAction, secondaryActions = secondaryAction ? [secondaryAction] : undefined, chips = [], breadcrumbs, menu, menuLabel = 'Context menu', onAction, onMenuOpenChange, isSubHeader = false, }) => {
|
|
13
|
+
const CommonPageHeader = ({ title, subtitle, image, imageAlt, primaryAction, secondaryAction, secondaryActions = secondaryAction ? [secondaryAction] : undefined, chips = [], breadcrumbs, menu, menuLabel, menuAriaLabel = menuLabel !== null && menuLabel !== void 0 ? menuLabel : 'Context menu', onAction, onMenuOpenChange, isSubHeader = false, }) => {
|
|
15
14
|
return (React.createElement(BasePageHeader, { className: "Aquarium-PageHeader" },
|
|
16
15
|
React.createElement(BasePageHeader.Container, null,
|
|
17
16
|
breadcrumbs && (React.createElement(Box, { marginBottom: "3" },
|
|
@@ -26,19 +25,17 @@ const CommonPageHeader = ({ title, subtitle, image, imageAlt, primaryAction, sec
|
|
|
26
25
|
menu && (React.createElement(Box.Flex, { alignItems: "center" },
|
|
27
26
|
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action), onOpenChange: onMenuOpenChange },
|
|
28
27
|
React.createElement(DropdownMenu.Trigger, null,
|
|
29
|
-
React.createElement(Button.Icon, { "aria-label":
|
|
28
|
+
React.createElement(Button.Icon, { "aria-label": menuAriaLabel, icon: more })),
|
|
30
29
|
menu))),
|
|
31
30
|
secondaryActions &&
|
|
32
31
|
castArray(secondaryActions)
|
|
33
32
|
.filter(Boolean)
|
|
34
|
-
.map((
|
|
35
|
-
primaryAction && (
|
|
36
|
-
!isLink(primaryAction) && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)),
|
|
37
|
-
isLink(primaryAction) && (React.createElement(Button.ExternalLink, Object.assign({ key: primaryAction.text, kind: "primary" }, omit(primaryAction, 'text')), primaryAction.text))))))));
|
|
33
|
+
.map((secondaryAction) => renderAction('secondary', secondaryAction)),
|
|
34
|
+
primaryAction && renderAction('primary', primaryAction)))));
|
|
38
35
|
};
|
|
39
36
|
export const PageHeader = (props) => (React.createElement(CommonPageHeader, Object.assign({}, props)));
|
|
40
37
|
PageHeader.displayName = 'PageHeader';
|
|
41
38
|
const SubHeader = (props) => React.createElement(CommonPageHeader, Object.assign({}, props, { isSubHeader: true }));
|
|
42
39
|
PageHeader.SubHeader = SubHeader;
|
|
43
40
|
PageHeader.SubHeader.displayName = 'PageHeader.SubHeader';
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFFekMsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sdUNBQXVDLENBQUM7QUFDM0YsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUt4QyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQTJEbEMsTUFBTSxnQkFBZ0IsR0FBMEQsQ0FBQyxFQUMvRSxLQUFLLEVBQ0wsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGVBQWUsRUFDZixnQkFBZ0IsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDbEUsS0FBSyxHQUFHLEVBQUUsRUFDVixXQUFXLEVBQ1gsSUFBSSxFQUNKLFNBQVMsRUFDVCxhQUFhLEdBQUcsU0FBUyxhQUFULFNBQVMsY0FBVCxTQUFTLEdBQUksY0FBYyxF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
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { type StatusChipProps } from '../../../src/molecules/Chip/Chip';
|
|
3
3
|
import { type TagLabelProps } from '../../../src/molecules/TagLabel/TagLabel';
|
|
4
4
|
import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
|
|
5
|
+
import { type CommonContextualMenuProps } from '../../../types/ContextualMenu';
|
|
5
6
|
import { type AllOrNone } from '../../../types/utils';
|
|
6
7
|
declare type CollapsibleProps = AllOrNone<{
|
|
7
8
|
/**
|
|
@@ -23,11 +24,12 @@ declare type CollapsibleProps = AllOrNone<{
|
|
|
23
24
|
*/
|
|
24
25
|
onCollapsedChange?: (collapsed: boolean) => void;
|
|
25
26
|
}>;
|
|
27
|
+
declare type SectionMenuProps = AllOrNone<CommonContextualMenuProps>;
|
|
26
28
|
export declare type SectionProps = {
|
|
27
29
|
title?: never;
|
|
28
30
|
subtitle?: never;
|
|
29
31
|
actions?: never;
|
|
30
|
-
} | (CollapsibleProps & {
|
|
32
|
+
} | (CollapsibleProps & SectionMenuProps & {
|
|
31
33
|
/** Section's title */
|
|
32
34
|
title: string;
|
|
33
35
|
/** Optional section's subtitle. */
|
|
@@ -15,17 +15,19 @@ import { animated, useSpring } from '@react-spring/web';
|
|
|
15
15
|
import castArray from 'lodash/castArray';
|
|
16
16
|
import isUndefined from 'lodash/isUndefined';
|
|
17
17
|
import noop from 'lodash/noop';
|
|
18
|
-
import omit from 'lodash/omit';
|
|
19
18
|
import partialTheme from '../../../tailwind.theme.json';
|
|
19
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
|
20
20
|
import { Button } from '../../../src/molecules/Button/Button';
|
|
21
21
|
import { Chip, StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
22
|
+
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
22
23
|
import { TagLabel } from '../../../src/molecules/TagLabel/TagLabel';
|
|
23
24
|
import { Section as BaseSection } from '../../../src/atoms/Section/Section';
|
|
24
|
-
import {
|
|
25
|
+
import { renderAction } from '../../../src/utils/actions';
|
|
25
26
|
import { tw } from '../../../src/utils/tailwind';
|
|
26
27
|
import { useMeasure } from '../../../src/utils/useMeasure';
|
|
28
|
+
import more from '../../../src/icons/more';
|
|
27
29
|
export const Section = (props) => {
|
|
28
|
-
var _a, _b, _c;
|
|
30
|
+
var _a, _b, _c, _d, _e, _f;
|
|
29
31
|
const { title, subtitle, actions, children } = props;
|
|
30
32
|
const _collapsible = title ? (_a = props.collapsible) !== null && _a !== void 0 ? _a : false : false;
|
|
31
33
|
const _collapsed = title ? props.collapsed : undefined;
|
|
@@ -33,8 +35,13 @@ export const Section = (props) => {
|
|
|
33
35
|
const _defaultCollapsed = title ? (_b = props.defaultCollapsed) !== null && _b !== void 0 ? _b : false : false;
|
|
34
36
|
const [isCollapsed, setCollapsed] = React.useState(_collapsed !== null && _collapsed !== void 0 ? _collapsed : _defaultCollapsed);
|
|
35
37
|
const [ref, { height }] = useMeasure();
|
|
38
|
+
// contexual menu related props
|
|
39
|
+
const menu = title ? (_c = props.menu) !== null && _c !== void 0 ? _c : undefined : undefined;
|
|
40
|
+
const menuAriaLabel = title ? (_e = (_d = props.menuAriaLabel) !== null && _d !== void 0 ? _d : props.menuLabel) !== null && _e !== void 0 ? _e : 'Context menu' : undefined;
|
|
41
|
+
const onAction = title ? props.onAction : undefined;
|
|
42
|
+
const onMenuOpenChange = title ? props.onMenuOpenChange : undefined;
|
|
36
43
|
// Figure out the correct callback for managing collapsed state.
|
|
37
|
-
const _onCollapsedChanged = title && props.collapsible ? (
|
|
44
|
+
const _onCollapsedChanged = title && props.collapsible ? (_f = props.onCollapsedChange) !== null && _f !== void 0 ? _f : setCollapsed : noop;
|
|
38
45
|
if (title && !isUndefined(props.collapsed) && props.collapsed !== isCollapsed) {
|
|
39
46
|
setCollapsed(props.collapsed);
|
|
40
47
|
}
|
|
@@ -42,7 +49,7 @@ export const Section = (props) => {
|
|
|
42
49
|
_onCollapsedChanged(!isCollapsed);
|
|
43
50
|
};
|
|
44
51
|
const targetHeight = isCollapsed ? '0px' : `${height !== null && height !== void 0 ? height : 0}px`;
|
|
45
|
-
const
|
|
52
|
+
const _g = useSpring({
|
|
46
53
|
height: height !== null ? targetHeight : undefined,
|
|
47
54
|
opacity: isCollapsed ? 0 : 1,
|
|
48
55
|
transform: `rotate(${isCollapsed ? 0 : 180}deg)`,
|
|
@@ -51,7 +58,7 @@ export const Section = (props) => {
|
|
|
51
58
|
duration: 150,
|
|
52
59
|
},
|
|
53
60
|
immediate: !_collapsible,
|
|
54
|
-
}), { transform, backgroundColor } =
|
|
61
|
+
}), { transform, backgroundColor } = _g, spring = __rest(_g, ["transform", "backgroundColor"]);
|
|
55
62
|
const toggleId = useId();
|
|
56
63
|
const regionId = useId();
|
|
57
64
|
return (React.createElement(BaseSection, { className: "Aquarium-Section" },
|
|
@@ -66,13 +73,19 @@ export const Section = (props) => {
|
|
|
66
73
|
props.badge && React.createElement(Chip, { text: props.badge }),
|
|
67
74
|
props.chip && React.createElement(StatusChip, Object.assign({}, props.chip))),
|
|
68
75
|
subtitle && (React.createElement(BaseSection.Subtitle, { className: tw('row-start-2', { 'col-start-2': _collapsible }) }, subtitle))),
|
|
69
|
-
React.createElement(BaseSection.Actions, null,
|
|
70
|
-
|
|
71
|
-
.
|
|
72
|
-
|
|
76
|
+
!isCollapsed && (React.createElement(BaseSection.Actions, null,
|
|
77
|
+
menu && (React.createElement(Box.Flex, { alignItems: "center" },
|
|
78
|
+
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action), onOpenChange: onMenuOpenChange },
|
|
79
|
+
React.createElement(DropdownMenu.Trigger, null,
|
|
80
|
+
React.createElement(Button.Icon, { "aria-label": menuAriaLabel, icon: more })),
|
|
81
|
+
menu))),
|
|
82
|
+
actions &&
|
|
83
|
+
castArray(actions)
|
|
84
|
+
.filter(Boolean)
|
|
85
|
+
.map((action) => renderAction('secondary', action))))),
|
|
73
86
|
React.createElement(animated.div, { className: tw(`h-[1px]`), style: { backgroundColor } }))),
|
|
74
87
|
React.createElement(animated.div, { id: regionId, role: "region", "aria-hidden": isCollapsed ? true : undefined, style: spring, className: tw({ 'overflow-hidden': _collapsible }) },
|
|
75
88
|
React.createElement("div", { ref: ref },
|
|
76
89
|
React.createElement(BaseSection.Body, null, children)))));
|
|
77
90
|
};
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxZQUFZLE1BQU0scUJBQXFCLENBQUM7QUFFL0MsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBd0IsTUFBTSx5QkFBeUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBc0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBS2xELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBZ0VsQyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQW9ELENBQUMsS0FBSyxFQUFFLEVBQUU7O0lBQ2hG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
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { type ControlLabelProps } from '../../../src/molecules/ControlLabel/ControlLabel';
|
|
2
3
|
import { type SwitchProps as BaseSwitchProps } from '../../../src/atoms/Switch/Switch';
|
|
3
4
|
export declare type SwitchProps = BaseSwitchProps & {
|
|
4
5
|
caption?: React.ReactNode;
|
|
6
|
+
labelPlacement?: ControlLabelProps['labelPlacement'];
|
|
5
7
|
};
|
|
6
8
|
declare type SwitchComponent = React.ForwardRefExoticComponent<React.RefAttributes<HTMLInputElement> & SwitchProps> & {
|
|
7
9
|
Skeleton: React.FC;
|
|
@@ -16,9 +16,9 @@ import { Switch as BaseSwitch } from '../../../src/atoms/Switch/Switch';
|
|
|
16
16
|
import { tw } from '../../../src/utils/tailwind';
|
|
17
17
|
export const Switch = React.forwardRef((_a, ref) => {
|
|
18
18
|
var _b;
|
|
19
|
-
var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label']);
|
|
19
|
+
var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel, labelPlacement } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label', "labelPlacement"]);
|
|
20
20
|
const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
|
|
21
|
-
return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' }, className: "Aquarium-Switch" }, !readOnly && React.createElement(BaseSwitch, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
|
|
21
|
+
return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' }, labelPlacement: labelPlacement, className: "Aquarium-Switch" }, !readOnly && React.createElement(BaseSwitch, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
|
|
22
22
|
});
|
|
23
23
|
Switch.displayName = 'Switch';
|
|
24
24
|
const SwitchSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
|
|
@@ -26,4 +26,4 @@ const SwitchSkeleton = () => (React.createElement("div", { className: tw('flex g
|
|
|
26
26
|
React.createElement(Skeleton, { height: 20, width: 150 })));
|
|
27
27
|
Switch.Skeleton = SwitchSkeleton;
|
|
28
28
|
Switch.Skeleton.displayName = 'Switch.Skeleton ';
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUEwQixNQUFNLHlDQUF5QyxDQUFDO0FBQy9GLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBdUMsTUFBTSx5QkFBeUIsQ0FBQztBQUVwRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXeEMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFvQixLQUFLLENBQUMsVUFBVSxDQUNyRCxDQUNFLEVBVUMsRUFDRCxHQUFHLEVBQ0gsRUFBRTs7UUFaRixFQUNFLEVBQUUsRUFDRixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsRUFDUixZQUFZLEVBQUUsU0FBUyxFQUN2QixjQUFjLE9BRWYsRUFESSxLQUFLLGNBVFYsNkZBVUMsQ0FEUztJQUlWLE1BQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUN4RCxPQUFPLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDOUIsb0JBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsS0FBSyxFQUFFLFFBQVEsZ0JBQ0gsU0FBUyxFQUNyQixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLEVBQ3ZCLGNBQWMsRUFBRSxjQUFjLEVBQzlCLFNBQVMsRUFBQyxpQkFBaUIsSUFFMUIsQ0FBQyxRQUFRLElBQUksb0JBQUMsVUFBVSxrQkFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxLQUFLLElBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxJQUFJLENBQ2hHLENBQ2hCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNYLENBQUMsQ0FDaUIsQ0FBQztBQUVyQixNQUFNLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztBQUU5QixNQUFNLGNBQWMsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUNyQyw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztJQUM5QixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFJO0lBQ25DLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUksQ0FDaEMsQ0FDUCxDQUFDO0FBRUYsTUFBTSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUM7QUFDakMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsa0JBQWtCLENBQUMifQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ActionType, type AsyncActionType, type LinkActionType } from '../../types/ActionType';
|
|
3
|
+
export declare const renderAction: (kind: "primary" | "secondary" | undefined, action: ActionType | AsyncActionType | LinkActionType) => React.JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import omit from 'lodash/omit';
|
|
3
|
+
import { Button } from '../../src/molecules';
|
|
4
|
+
import { isLink } from '../../src/utils/link';
|
|
5
|
+
export const renderAction = (kind = 'primary', action) => {
|
|
6
|
+
return isLink(action) ? (React.createElement(Button.ExternalLink, Object.assign({ key: action.text, kind: kind }, omit(action, 'text')), action.text)) : (React.createElement(Button, Object.assign({ key: action.text, kind: kind }, omit(action, 'text')), action.text));
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9hY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBSS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBR3hDLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUMxQixPQUFxRCxTQUFTLEVBQzlELE1BQXFELEVBQ3JELEVBQUU7SUFDRixPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDdEIsb0JBQUMsTUFBTSxDQUFDLFlBQVksa0JBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN4RSxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsTUFBTSxrQkFBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEdBQzNELE1BQU0sQ0FBQyxJQUFJLENBQ0wsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
|
@@ -3,6 +3,7 @@ import { type ChipStatus } from '../../../src/molecules/Chip/Chip';
|
|
|
3
3
|
import { type DropdownMenuItemsComponent } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
4
4
|
import { type Weight } from '../../../src/molecules/Template/Template';
|
|
5
5
|
import { type ActionType } from '../../../types/ActionType';
|
|
6
|
+
import { type CommonContextualMenuProps } from '../../../types/ContextualMenu';
|
|
6
7
|
import { type AllOrNone, type RequireAtLeastOne } from '../../../types/utils';
|
|
7
8
|
import type React from 'react';
|
|
8
9
|
export declare type TextAlign = 'center' | 'left' | 'right';
|
|
@@ -146,21 +147,12 @@ declare type CellProps = {
|
|
|
146
147
|
};
|
|
147
148
|
export declare const cellProps: <C extends Column>(column: C) => CellProps;
|
|
148
149
|
export declare const columnIsFieldColumn: <R extends DataTableRow>(column?: any) => column is FieldColumn<R, keyof R>;
|
|
149
|
-
export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
|
|
150
|
+
export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<Omit<CommonContextualMenuProps, 'menu' | 'onAction'> & {
|
|
150
151
|
/**
|
|
151
152
|
* Menu items definition. Can either be static collection of items or callback function
|
|
152
153
|
* that returns the items.
|
|
153
154
|
*/
|
|
154
155
|
menu: DropdownMenuItemsComponent | ((row: R, index: number) => DropdownMenuItemsComponent);
|
|
155
|
-
/**
|
|
156
|
-
* @deprecated Use menuAriaLabel instead.
|
|
157
|
-
* Optional label for menu that will be used as aria-label attribute.
|
|
158
|
-
*/
|
|
159
|
-
menuLabel?: string;
|
|
160
|
-
/**
|
|
161
|
-
* Optional aria-label for menu that will be used as aria-label attribute. Defaults to 'menuLabel' or 'Context menu'.
|
|
162
|
-
*/
|
|
163
|
-
menuAriaLabel?: string;
|
|
164
156
|
/**
|
|
165
157
|
* Optional column name for the menu. Defaults to 'Actions'.
|
|
166
158
|
*/
|
|
@@ -172,9 +164,5 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
|
|
|
172
164
|
* @param index currectly selected row index
|
|
173
165
|
*/
|
|
174
166
|
onAction: (action: number | string, row: R, index: number) => void;
|
|
175
|
-
/**
|
|
176
|
-
* Handler that is called when the menu's open state changes.
|
|
177
|
-
*/
|
|
178
|
-
onMenuOpenChange?: (isOpen: boolean) => void;
|
|
179
167
|
}>;
|
|
180
168
|
export {};
|
|
@@ -5,4 +5,4 @@ export const cellProps = (column) => ({
|
|
|
5
5
|
stickyColumn: column.sticky,
|
|
6
6
|
});
|
|
7
7
|
export const columnIsFieldColumn = (column) => Boolean(column && column.field);
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUtBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO0lBQ3BDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNO0lBQzlFLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtDQUM1QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUF5QixNQUEyQixFQUE0QixFQUFFLENBQ25ILE9BQU8sQ0FBQyxNQUFNLElBQUssTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyJ9
|