@aivenio/aquarium 1.40.0 → 1.41.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/atoms.cjs +6 -4
- package/dist/atoms.mjs +6 -4
- package/dist/src/atoms/DataList/DataList.d.ts +7 -1
- package/dist/src/atoms/DataList/DataList.js +18 -4
- package/dist/src/atoms/Section/Section.js +2 -2
- package/dist/src/atoms/Table/Table.js +5 -3
- package/dist/src/icons/infoSign.js +2 -2
- package/dist/src/molecules/Accordion/Accordion.d.ts +36 -0
- package/dist/src/molecules/Accordion/Accordion.js +90 -0
- package/dist/src/molecules/DataList/DataList.d.ts +29 -2
- package/dist/src/molecules/DataList/DataList.js +93 -13
- package/dist/src/molecules/DataTable/DataTable.d.ts +6 -1
- package/dist/src/molecules/DataTable/DataTable.js +50 -12
- package/dist/src/molecules/Input/Input.js +2 -2
- package/dist/src/molecules/Textarea/Textarea.js +2 -2
- package/dist/src/utils/table/types.d.ts +3 -3
- package/dist/styles.css +23 -7
- package/dist/system.cjs +824 -553
- package/dist/system.mjs +805 -534
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
package/dist/atoms.cjs
CHANGED
@@ -2108,7 +2108,7 @@ var require_infoSign = __commonJS({
|
|
2108
2108
|
"src/icons/infoSign.js"(exports) {
|
2109
2109
|
"use strict";
|
2110
2110
|
var data = {
|
2111
|
-
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.
|
2111
|
+
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.333V9m0 7v-4m9.167-1a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
|
2112
2112
|
"left": 0,
|
2113
2113
|
"top": 0,
|
2114
2114
|
"width": 22,
|
@@ -7552,9 +7552,11 @@ var TableBody = (_a) => {
|
|
7552
7552
|
};
|
7553
7553
|
var rowClassNames = tw("children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0");
|
7554
7554
|
var TableRow = (_a) => {
|
7555
|
-
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7556
|
-
return /* @__PURE__ */ import_react39.default.createElement("tr", __spreadProps(__spreadValues({}, rest), {
|
7557
|
-
className: classNames(rowClassNames, className
|
7555
|
+
var _b = _a, { children, className, disabled } = _b, rest = __objRest(_b, ["children", "className", "disabled"]);
|
7556
|
+
return /* @__PURE__ */ import_react39.default.createElement("tr", __spreadProps(__spreadValues(__spreadValues({}, rest), { inert: disabled ? "" : void 0 }), {
|
7557
|
+
className: classNames(rowClassNames, className, {
|
7558
|
+
"opacity-70": disabled
|
7559
|
+
})
|
7558
7560
|
}), children);
|
7559
7561
|
};
|
7560
7562
|
var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
|
package/dist/atoms.mjs
CHANGED
@@ -2102,7 +2102,7 @@ var require_infoSign = __commonJS({
|
|
2102
2102
|
"src/icons/infoSign.js"(exports) {
|
2103
2103
|
"use strict";
|
2104
2104
|
var data = {
|
2105
|
-
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.
|
2105
|
+
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.333V9m0 7v-4m9.167-1a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
|
2106
2106
|
"left": 0,
|
2107
2107
|
"top": 0,
|
2108
2108
|
"width": 22,
|
@@ -7514,9 +7514,11 @@ var TableBody = (_a) => {
|
|
7514
7514
|
};
|
7515
7515
|
var rowClassNames = tw("children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0");
|
7516
7516
|
var TableRow = (_a) => {
|
7517
|
-
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7518
|
-
return /* @__PURE__ */ React35.createElement("tr", __spreadProps(__spreadValues({}, rest), {
|
7519
|
-
className: classNames(rowClassNames, className
|
7517
|
+
var _b = _a, { children, className, disabled } = _b, rest = __objRest(_b, ["children", "className", "disabled"]);
|
7518
|
+
return /* @__PURE__ */ React35.createElement("tr", __spreadProps(__spreadValues(__spreadValues({}, rest), { inert: disabled ? "" : void 0 }), {
|
7519
|
+
className: classNames(rowClassNames, className, {
|
7520
|
+
"opacity-70": disabled
|
7521
|
+
})
|
7520
7522
|
}), children);
|
7521
7523
|
};
|
7522
7524
|
var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
|
@@ -6,6 +6,7 @@ declare type ComposedDataListProps = React.FC<DivProps> & {
|
|
6
6
|
HeadCell: typeof HeadCell;
|
7
7
|
SortCell: typeof SortCell;
|
8
8
|
Row: typeof Row;
|
9
|
+
SubGroupSpacing: typeof SubGroupSpacing;
|
9
10
|
};
|
10
11
|
export declare const DataList: ComposedDataListProps;
|
11
12
|
declare const HeadCell: React.FC<DivProps & {
|
@@ -17,7 +18,12 @@ declare const Cell: React.FC<DivProps & {
|
|
17
18
|
align?: TextAlign;
|
18
19
|
stickyColumn?: StickyColumn;
|
19
20
|
}>;
|
20
|
-
declare const Row: React.FC<DivProps
|
21
|
+
declare const Row: React.FC<DivProps & {
|
22
|
+
subgroup?: boolean;
|
23
|
+
}>;
|
24
|
+
declare const SubGroupSpacing: React.FC<DivProps & {
|
25
|
+
divider?: boolean;
|
26
|
+
}>;
|
21
27
|
declare const SortCell: React.FC<DivProps & {
|
22
28
|
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
23
29
|
direction: SortDirection;
|
@@ -30,11 +30,19 @@ const HeadCell = (_a) => {
|
|
30
30
|
};
|
31
31
|
const Cell = (_a) => {
|
32
32
|
var { className, align, stickyColumn } = _a, rest = __rest(_a, ["className", "align", "stickyColumn"]);
|
33
|
-
return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getBodyCellClassNames(false, stickyColumn), getAlignClassNames(align), tw('border-grey-10 group-hover:bg-grey-0 group-last:border-b-0'), className) })));
|
33
|
+
return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getBodyCellClassNames(false, stickyColumn), getAlignClassNames(align), tw('border-grey-10 group-hover:bg-grey-0 group-last-of-type:border-b-0'), className) })));
|
34
34
|
};
|
35
35
|
const Row = (_a) => {
|
36
|
-
var { className } = _a, rest = __rest(_a, ["className"]);
|
37
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('contents
|
36
|
+
var { className, disabled, subgroup } = _a, rest = __rest(_a, ["className", "disabled", "subgroup"]);
|
37
|
+
return (React.createElement("div", Object.assign({}, rest, { inert: disabled ? '' : undefined }, { className: classNames(tw('contents'), className, {
|
38
|
+
'children:opacity-70': disabled,
|
39
|
+
'[&>.group>*]:bg-grey-0 [&>.group>*:first-child]:border-b-0 ': subgroup,
|
40
|
+
'group': !subgroup,
|
41
|
+
}), role: !subgroup ? 'row' : undefined })));
|
42
|
+
};
|
43
|
+
const SubGroupSpacing = (_a) => {
|
44
|
+
var { className, divider } = _a, rest = __rest(_a, ["className", "divider"]);
|
45
|
+
return (React.createElement("span", Object.assign({}, rest, { "aria-hidden": true, className: classNames(tw('col-span-full h-6 bg-grey-0', { 'border-b border-grey-10': Boolean(divider) }), className) })));
|
38
46
|
};
|
39
47
|
const SortCell = (_a) => {
|
40
48
|
var { children, direction = 'none', onClick, sticky } = _a, rest = __rest(_a, ["children", "direction", "onClick", "sticky"]);
|
@@ -48,7 +56,13 @@ const SortCell = (_a) => {
|
|
48
56
|
React.createElement(InlineIcon, { icon: chevronDown, className: getSortCellIconClassNames(direction === 'ascending') })))));
|
49
57
|
};
|
50
58
|
DataList.HeadCell = HeadCell;
|
59
|
+
DataList.HeadCell.displayName = 'DataList.HeadCell';
|
51
60
|
DataList.SortCell = SortCell;
|
61
|
+
DataList.SortCell.displayName = 'DataList.SortCell';
|
52
62
|
DataList.Cell = Cell;
|
63
|
+
DataList.Cell.displayName = 'DataList.Cell';
|
64
|
+
DataList.SubGroupSpacing = SubGroupSpacing;
|
65
|
+
DataList.SubGroupSpacing.displayName = 'DataList.SubGroupSpacing';
|
53
66
|
DataList.Row = Row;
|
54
|
-
|
67
|
+
DataList.Row.displayName = 'DataList.Row';
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFZNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsWUFBWSxPQUViLEVBREksSUFBSSxjQUxvRyxnREFNNUcsQ0FEUTtJQUNI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
|
@@ -26,7 +26,7 @@ Section.Header = (_a) => {
|
|
26
26
|
};
|
27
27
|
Section.TitleContainer = (_a) => {
|
28
28
|
var { children, className, collapsible } = _a, rest = __rest(_a, ["children", "className", "collapsible"]);
|
29
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('grow grid grid-cols-[auto_1fr] gap-
|
29
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('grow grid grid-cols-[auto_1fr] gap-x-3 items-center', { 'cursor-pointer': collapsible }), className) }), children));
|
30
30
|
};
|
31
31
|
Section.Toggle = (props) => React.createElement(Icon, Object.assign({}, props, { icon: caretUp, height: 22, width: 22 }));
|
32
32
|
Section.Title = (_a) => {
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWN4QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFNBQVMsRUFBQyxTQUFTLEVBQUMsV0FBVyxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUMsS0FBSyxJQUFLLElBQUksR0FDckUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBNkMsRUFBRSxFQUFFO1FBQWpELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLE9BQVcsRUFBTixJQUFJLGNBQTNDLHdDQUE2QyxDQUFGO0lBQU8sT0FBQSxDQUNsRSw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHVEQUF1RCxFQUFFLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQ3pGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLGNBQWMsR0FBRyxDQUFDLEVBQTZDLEVBQUUsRUFBRTtRQUFqRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxPQUFXLEVBQU4sSUFBSSxjQUEzQyx3Q0FBNkMsQ0FBRjtJQUFPLE9BQUEsQ0FDMUUsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxxREFBcUQsRUFBRSxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQzVGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLElBQUksQ0FBQztBQUV0RixPQUFPLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUN6QyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLElBQUksRUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyx5QkFBeUIsS0FDdkYsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLFFBQVEsR0FBRyxDQUFDLEVBQXFCLEVBQUUsRUFBRTtRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUFPLE9BQUEsQ0FDNUMsb0JBQUMsVUFBVSxDQUFDLEtBQUssb0JBQUssSUFBSSxJQUFFLEtBQUssRUFBQyxTQUFTLEtBQ3hDLFFBQVEsQ0FDUSxDQUNwQixDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdEQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHdCQUF3QixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQzFFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLElBQUksR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNuRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxDQUFDO1FBQ3hELG9CQUFDLGNBQWMsSUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLEtBQUssRUFBQyxTQUFTLElBQzFDLFFBQVEsQ0FDTSxDQUNiLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==
|
@@ -36,8 +36,10 @@ const TableBody = (_a) => {
|
|
36
36
|
};
|
37
37
|
export const rowClassNames = tw('children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0');
|
38
38
|
const TableRow = (_a) => {
|
39
|
-
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
40
|
-
return (React.createElement("tr", Object.assign({}, rest, { className: classNames(rowClassNames, className
|
39
|
+
var { children, className, disabled } = _a, rest = __rest(_a, ["children", "className", "disabled"]);
|
40
|
+
return (React.createElement("tr", Object.assign({}, rest, { inert: disabled ? '' : undefined }, { className: classNames(rowClassNames, className, {
|
41
|
+
'opacity-70': disabled,
|
42
|
+
}) }), children));
|
41
43
|
};
|
42
44
|
export const cellClassNames = tw('px-4 border-b typography-small leading-[18px]');
|
43
45
|
export const getBodyCellClassNames = (table = true, stickyColumn) => tw('text-grey-70 py-3', {
|
@@ -98,4 +100,4 @@ Table.Row = React.memo(TableRow);
|
|
98
100
|
Table.Cell = React.memo(TableCell);
|
99
101
|
Table.SortCell = React.memo(TableSortCell);
|
100
102
|
Table.SelectCell = React.memo(TableSelectCell);
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
103
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFFQUFxRTs7Ozs7Ozs7Ozs7O0FBRXJFLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFFOUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLDZCQUE2QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sbUNBQW1DLENBQUM7QUFHdkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQXdDNUMsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBd0IsSUFBSSxDQUFDLENBQUM7QUFFckUsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDLHFEQUFxRCxDQUFDLENBQUM7QUFFbEYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQU9kLENBQUMsRUFBMkMsRUFBRSxFQUFFO1FBQS9DLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVDLE9BQU8sQ0FDTCwrQ0FBVyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLGdCQUFjLFNBQVMsS0FDdEYsUUFBUSxDQUNILENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8sT0FBQSxDQUM3RSwrQ0FBVyxJQUFJO1FBQ2I7WUFDRSxvQkFBQyxXQUFXLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsSUFBRyxRQUFRLENBQXdCLENBQ2pGLENBQ0MsQ0FDVCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQXFCLEVBQUUsRUFBRTtRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUFPLE9BQUEsK0NBQVcsSUFBSSxHQUFHLFFBQVEsQ0FBUyxDQUFBO0NBQUEsQ0FBQztBQUUzRyxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDLHdFQUF3RSxDQUFDLENBQUM7QUFFMUcsTUFBTSxRQUFRLEdBQWlELENBQUMsRUFBMEMsRUFBRSxFQUFFO1FBQTlDLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXhDLHFDQUEwQyxDQUFGO0lBQU8sT0FBQSxDQUM3Ryw0Q0FDTSxJQUFJLEVBQ0osRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxJQUN4QyxTQUFTLEVBQUUsVUFBVSxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUU7WUFDOUMsWUFBWSxFQUFFLFFBQVE7U0FDdkIsQ0FBQyxLQUVELFFBQVEsQ0FDTixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEVBQUUsQ0FBQywrQ0FBK0MsQ0FBQyxDQUFDO0FBRWxGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksRUFBRSxZQUEyQixFQUFVLEVBQUUsQ0FDekYsRUFBRSxDQUFDLG1CQUFtQixFQUFFO0lBQ3RCLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLGNBQWMsRUFBRSxDQUFDLEtBQUs7SUFDdEIsNENBQTRDLEVBQUUsT0FBTyxDQUFDLFlBQVksQ0FBQztJQUNuRSxRQUFRLEVBQUUsWUFBWSxLQUFLLE1BQU07SUFDakMsU0FBUyxFQUFFLFlBQVksS0FBSyxPQUFPO0NBQ3BDLENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLENBQUMsS0FBaUIsRUFBVSxFQUFFLENBQzlELEVBQUUsQ0FBQyxFQUFFLFlBQVksRUFBRSxLQUFLLEtBQUssT0FBTyxFQUFFLGFBQWEsRUFBRSxLQUFLLEtBQUssUUFBUSxFQUFFLENBQUMsQ0FBQztBQUU3RSxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxDQUFDLE1BQU0sR0FBRyxJQUFJLEVBQUUsWUFBMkIsRUFBVSxFQUFFO0lBQzFGLE1BQU0sTUFBTSxHQUFHLEVBQUUsQ0FBQyxzRUFBc0UsQ0FBQyxDQUFDO0lBQzFGLE9BQU8sTUFBTTtRQUNYLENBQUMsQ0FBQyxVQUFVLENBQ1IsTUFBTSxFQUNOLEVBQUUsQ0FBQyxjQUFjLEVBQUU7WUFDakIsTUFBTSxFQUFFLENBQUMsWUFBWTtZQUNyQixNQUFNLEVBQUUsT0FBTyxDQUFDLFlBQVksQ0FBQztZQUM3QixRQUFRLEVBQUUsWUFBWSxLQUFLLE1BQU07WUFDakMsU0FBUyxFQUFFLFlBQVksS0FBSyxPQUFPO1NBQ3BDLENBQUMsQ0FDSDtRQUNILENBQUMsQ0FBQyxNQUFNLENBQUM7QUFDYixDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUE4RCxFQUFFLEVBQUU7UUFBbEUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEdBQUcsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUE1RCxrREFBOEQsQ0FBRjtJQUN2RyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRWxELE9BQU8sV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNuQiw0Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsY0FBYyxFQUNkLHFCQUFxQixDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDLEVBQ3ZELGtCQUFrQixDQUFDLEtBQUssQ0FBQyxFQUN6QixTQUFTLENBQ1YsS0FFQSxRQUFRLENBQ04sQ0FDTixDQUFDLENBQUMsQ0FBQyxDQUNGLDRDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixjQUFjLEVBQ2QscUJBQXFCLENBQUMsSUFBSSxFQUFFLFlBQVksQ0FBQyxFQUN6QyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsRUFDekIsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNOLENBQ04sQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGOztHQUVHO0FBQ0gsTUFBTSxlQUFlLEdBQW1DLENBQUMsRUFBdUIsRUFBRSxFQUFFO1FBQTNCLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUFyQixhQUF1QixDQUFGO0lBQzVFLE9BQU8sQ0FDTCxvQkFBQyxLQUFLLENBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLElBQ3ZDLEtBQUssQ0FBQyxJQUFJLEtBQUssT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUN4QixvQkFBQyxXQUFXLGdDQUFhLFNBQVMsSUFBTSxLQUFLLEVBQUksQ0FDbEQsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxRQUFRLGdDQUFhLFNBQVMsSUFBTSxLQUFLLEVBQUksQ0FDL0MsQ0FDVSxDQUNkLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSwyQkFBMkIsR0FBRyxDQUFDLEtBQWlCLEVBQVUsRUFBRSxDQUN2RSxFQUFFLENBQUMsOENBQThDLEVBQUUsRUFBRSxrQkFBa0IsRUFBRSxLQUFLLEtBQUssT0FBTyxFQUFFLENBQUMsQ0FBQztBQUVoRyxNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRyxDQUFDLE1BQWUsRUFBVSxFQUFFO0lBQ25FLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUM7QUFDcEUsQ0FBQyxDQUFDO0FBRUYsTUFBTSxhQUFhLEdBQWlDLENBQUMsRUFBa0QsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsR0FBRyxNQUFNLEVBQUUsT0FBTyxPQUFXLEVBQU4sSUFBSSxjQUFoRCxvQ0FBa0QsQ0FBRjtJQUFPLE9BQUEsQ0FDMUcsb0JBQUMsS0FBSyxDQUFDLElBQUksb0JBQUssSUFBSSxpQkFBYSxTQUFTO1FBQ3hDLDhCQUFNLFNBQVMsRUFBRSwyQkFBMkIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsSUFBSSxFQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU87WUFDbkcsUUFBUTtZQUNULHNEQUVFLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxFQUFFO29CQUM3QiwrQkFBK0IsRUFBRSxTQUFTLEtBQUssTUFBTTtpQkFDdEQsQ0FBQztnQkFFRixvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUseUJBQXlCLENBQUMsU0FBUyxLQUFLLFlBQVksQ0FBQyxHQUFJO2dCQUNqRyxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUseUJBQXlCLENBQUMsU0FBUyxLQUFLLFdBQVcsQ0FBQyxHQUFJLENBQzlGLENBQ0QsQ0FDSSxDQUNkLENBQUE7Q0FBQSxDQUFDO0FBRUYscUNBQXFDO0FBQ3JDLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBd0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsU0FBUyxHQUFHLEVBQUUsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ2hHLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMseUJBQXlCLENBQUM7SUFDMUMsS0FBSyxJQUFJLDZCQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBSTtJQUM1RjtRQUNHLEtBQUs7UUFDTCxPQUFPLElBQUksb0JBQUMsVUFBVSxDQUFDLE9BQU8sUUFBRSxPQUFPLENBQXNCLENBQzFELENBQ0YsQ0FDUCxDQUFDO0FBRUYsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0FBQ25DLEtBQUssQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztBQUNuQyxLQUFLLENBQUMsR0FBRyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7QUFDakMsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0FBQ25DLEtBQUssQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztBQUMzQyxLQUFLLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
const data = {
|
3
|
-
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 7.
|
3
|
+
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 7.333V9m0 7v-4m9.167-1a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z\"/>",
|
4
4
|
"left": 0,
|
5
5
|
"top": 0,
|
6
6
|
"width": 22,
|
@@ -8,4 +8,4 @@ const data = {
|
|
8
8
|
};
|
9
9
|
exports.__esModule = true;
|
10
10
|
exports.default = data;
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mb1NpZ24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbnMvaW5mb1NpZ24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE1BQU0sSUFBSSxHQUFHO0lBQ1osTUFBTSxFQUFFLDRNQUE0TTtJQUNwTixNQUFNLEVBQUUsQ0FBQztJQUNULEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxRQUFRLEVBQUUsRUFBRTtDQUNaLENBQUM7QUFDRixPQUFPLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztBQUMxQixPQUFPLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyJ9
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import React, { type ReactElement } from 'react';
|
2
|
+
declare type PanelID = string;
|
3
|
+
export declare const Accordion: React.FC & {
|
4
|
+
Toggle: typeof AccordionToggle;
|
5
|
+
Panel: typeof AccordionPanel;
|
6
|
+
Summary: typeof AccordionSummary;
|
7
|
+
Container: typeof AccordionContainer;
|
8
|
+
UnanimatedPanel: typeof AccordionUnanimatedPanel;
|
9
|
+
};
|
10
|
+
declare type ToggleProps = {
|
11
|
+
/**
|
12
|
+
* Id for panel element. Toggle and panel must share same panel ID.
|
13
|
+
*/
|
14
|
+
panelId: PanelID;
|
15
|
+
};
|
16
|
+
declare const AccordionToggle: React.FC<ToggleProps>;
|
17
|
+
declare type PanelProps = {
|
18
|
+
/**
|
19
|
+
* Id for panel element. Toggle and panel must share same panel ID.
|
20
|
+
*/
|
21
|
+
panelId: PanelID;
|
22
|
+
className?: string;
|
23
|
+
};
|
24
|
+
declare const AccordionPanel: React.FC<PanelProps>;
|
25
|
+
declare const AccordionUnanimatedPanel: React.FC<PanelProps>;
|
26
|
+
declare type SummaryProps = {
|
27
|
+
title: string;
|
28
|
+
description?: string;
|
29
|
+
/**
|
30
|
+
* Toggle element that trigger collapse. Use <Accordion.Toggle />
|
31
|
+
*/
|
32
|
+
toggle: ReactElement<ToggleProps>;
|
33
|
+
};
|
34
|
+
declare const AccordionSummary: React.FC<SummaryProps>;
|
35
|
+
declare const AccordionContainer: React.FC;
|
36
|
+
export {};
|
@@ -0,0 +1,90 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React, { createContext, useContext, useState } from 'react';
|
13
|
+
import { Icon } from '@iconify/react';
|
14
|
+
import { animated, useSpring } from '@react-spring/web';
|
15
|
+
import { caretUp } from '../../../src/icons';
|
16
|
+
import { useMeasure } from '../../../src/utils/useMeasure';
|
17
|
+
import { Box } from '../Box/Box';
|
18
|
+
import { Divider } from '../Divider/Divider';
|
19
|
+
import { Typography } from '../Typography/Typography';
|
20
|
+
const AccordionContext = createContext(null);
|
21
|
+
const useAccordionContext = () => {
|
22
|
+
const context = useContext(AccordionContext);
|
23
|
+
if (context === null) {
|
24
|
+
throw new Error('AccordionContext was used outside of provider.');
|
25
|
+
}
|
26
|
+
return context;
|
27
|
+
};
|
28
|
+
export const Accordion = ({ children }) => {
|
29
|
+
const [state, setState] = useState(undefined);
|
30
|
+
return React.createElement(AccordionContext.Provider, { value: [state, setState] }, children);
|
31
|
+
};
|
32
|
+
const AccordionToggle = (_a) => {
|
33
|
+
var { panelId } = _a, rest = __rest(_a, ["panelId"]);
|
34
|
+
const [openPanelId, setOpenPanelId] = useAccordionContext();
|
35
|
+
const isOpen = openPanelId === panelId;
|
36
|
+
const handleClick = () => setOpenPanelId(isOpen ? undefined : panelId);
|
37
|
+
const { transform } = useSpring({
|
38
|
+
transform: `rotate(${isOpen ? 0 : 180}deg)`,
|
39
|
+
config: {
|
40
|
+
duration: 150,
|
41
|
+
},
|
42
|
+
});
|
43
|
+
return (React.createElement(animated.div, Object.assign({}, rest, { role: "button", tabIndex: 0, "aria-expanded": openPanelId === panelId, "aria-controls": panelId, onClick: handleClick, style: { transform } }),
|
44
|
+
React.createElement(Icon, { icon: caretUp, height: 22, width: 22 })));
|
45
|
+
};
|
46
|
+
const AccordionPanel = (_a) => {
|
47
|
+
var { children, panelId } = _a, rest = __rest(_a, ["children", "panelId"]);
|
48
|
+
const [openPanelId] = useAccordionContext();
|
49
|
+
const isOpen = openPanelId === panelId;
|
50
|
+
const [ref, { height }] = useMeasure();
|
51
|
+
const style = useSpring({
|
52
|
+
height: isOpen ? height !== null && height !== void 0 ? height : 0 : 0,
|
53
|
+
opacity: isOpen ? 1 : 0,
|
54
|
+
config: {
|
55
|
+
duration: 150,
|
56
|
+
},
|
57
|
+
});
|
58
|
+
return (React.createElement(animated.div, Object.assign({}, rest, { role: "region", id: panelId, style: style }),
|
59
|
+
React.createElement("div", { ref: ref }, children)));
|
60
|
+
};
|
61
|
+
const AccordionUnanimatedPanel = ({ children, panelId }) => {
|
62
|
+
const [openPanelId] = useAccordionContext();
|
63
|
+
const isOpen = openPanelId === panelId;
|
64
|
+
return React.createElement(React.Fragment, null, isOpen ? children : null);
|
65
|
+
};
|
66
|
+
const AccordionSummary = (_a) => {
|
67
|
+
var { title, description, toggle } = _a, rest = __rest(_a, ["title", "description", "toggle"]);
|
68
|
+
return (React.createElement(Box.Flex, Object.assign({ justifyContent: "space-between", padding: "4" }, rest),
|
69
|
+
React.createElement(Typography, null, title),
|
70
|
+
React.createElement(Typography.Small, { color: "grey-40" }, description),
|
71
|
+
toggle));
|
72
|
+
};
|
73
|
+
const AccordionContainer = (_a) => {
|
74
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
75
|
+
return (React.createElement("div", Object.assign({}, rest),
|
76
|
+
children,
|
77
|
+
React.createElement(Divider, null)));
|
78
|
+
};
|
79
|
+
Accordion.displayName = 'Accordion';
|
80
|
+
Accordion.Container = AccordionContainer;
|
81
|
+
Accordion.Container.displayName = 'Accordion.Container';
|
82
|
+
Accordion.Summary = AccordionSummary;
|
83
|
+
Accordion.Summary.displayName = 'Accordion.Summary';
|
84
|
+
Accordion.Toggle = AccordionToggle;
|
85
|
+
Accordion.Toggle.displayName = 'Accordion.Toggle';
|
86
|
+
Accordion.Panel = AccordionPanel;
|
87
|
+
Accordion.Panel.displayName = 'Accordion.Panel';
|
88
|
+
Accordion.UnanimatedPanel = AccordionUnanimatedPanel;
|
89
|
+
Accordion.UnanimatedPanel.displayName = 'Accordion.UnanimatedPanel';
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFxQixVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXhELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDcEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRWxELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQU10RCxNQUFNLGdCQUFnQixHQUFHLGFBQWEsQ0FBOEQsSUFBSSxDQUFDLENBQUM7QUFFMUcsTUFBTSxtQkFBbUIsR0FBRyxHQUFHLEVBQUU7SUFDL0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDN0MsSUFBSSxPQUFPLEtBQUssSUFBSSxFQUFFO1FBQ3BCLE1BQU0sSUFBSSxLQUFLLENBQUMsZ0RBQWdELENBQUMsQ0FBQztLQUNuRTtJQUNELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FNbEIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDbkIsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQVEsU0FBUyxDQUFDLENBQUM7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
|
@@ -1,7 +1,29 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type ListProps } from '../../../src/molecules/List/List';
|
3
3
|
import { type DataListColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
4
|
-
|
4
|
+
import { type Either } from '../../../types/utils';
|
5
|
+
export declare type DataListProps<C extends DataListColumn<R>, R extends DataTableRow> = DataTableMenuProps<R> & Either<Pick<ListProps<R>, 'pagination'> & {
|
6
|
+
/**
|
7
|
+
* Determines if row is collapsible or not. When defined, column will be reserved for triggers.
|
8
|
+
* Return React node for more details to be viewable for that row.
|
9
|
+
* Return undefined for disabling the collapsibility for a specific row.
|
10
|
+
*/
|
11
|
+
rowDetails?: (row: R, index: number, rows: R[]) => React.ReactNode | undefined;
|
12
|
+
}, {
|
13
|
+
/**
|
14
|
+
* Determines if rows should be grouped.
|
15
|
+
* Grouping will create collapsible row that contains all rows that belong to that group.
|
16
|
+
* Groups are selected by providing a row property. Each row that has equal value on said property belongs to that group.
|
17
|
+
* Rows with `undefined` value will be grouped as uncategorized and sorted to top.
|
18
|
+
*/
|
19
|
+
group?: keyof R;
|
20
|
+
/**
|
21
|
+
* Controls the group row rendering. Return an object that matches the row definition.
|
22
|
+
* First argument is the group name you can use to connect the data to a separate data source if needed.
|
23
|
+
* Second argument provides the rows beloning to that group allowing you to reduce row values out of those.
|
24
|
+
*/
|
25
|
+
getGroupRow?: (key: string, rows: R[]) => R;
|
26
|
+
}> & {
|
5
27
|
/**
|
6
28
|
* Array of column definitions that correspond to the data rows.
|
7
29
|
*/
|
@@ -16,9 +38,14 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
|
|
16
38
|
* @default true
|
17
39
|
*/
|
18
40
|
sticky?: boolean;
|
41
|
+
/**
|
42
|
+
* Determines if row should be disabled.
|
43
|
+
* Disabled rows appear lighter in color and do not allow clicking row contents.
|
44
|
+
*/
|
45
|
+
disabled?: (row: R, index: number, rows: R[]) => boolean;
|
19
46
|
};
|
20
47
|
export declare const DataList: {
|
21
|
-
<C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, menuLabel, menuAriaLabel, menuHeaderName, onAction, onMenuOpenChange, pagination, }: DataListProps<C, R>): React.JSX.Element;
|
48
|
+
<C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, menuLabel, menuAriaLabel, menuHeaderName, onAction, onMenuOpenChange, rowDetails, pagination, group, disabled, getGroupRow, }: DataListProps<C, R>): React.JSX.Element;
|
22
49
|
Skeleton: React.FC<{
|
23
50
|
columns?: number | (number | `${number}`)[] | undefined;
|
24
51
|
rows?: number | undefined;
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import compact from 'lodash/compact';
|
3
|
+
import groupBy from 'lodash/groupBy';
|
3
4
|
import isFunction from 'lodash/isFunction';
|
4
5
|
import { Button } from '../../../src/molecules/Button/Button';
|
5
6
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
@@ -12,34 +13,113 @@ import { renameProperty } from '../../../src/utils/object';
|
|
12
13
|
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
13
14
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
14
15
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
16
|
+
import { tw } from '../../../src/utils/tailwind';
|
15
17
|
import more from '../../../src/icons/more';
|
18
|
+
import { Accordion } from '../Accordion/Accordion';
|
16
19
|
import { Tooltip } from '../Tooltip/Tooltip';
|
17
20
|
import { DataListSkeleton } from './DataListSkeleton';
|
18
|
-
|
21
|
+
const sortGroupKeys = (groupKeys) => [...groupKeys].sort((a) => (a === 'undefined' ? -1 : 1));
|
22
|
+
export const DataList = ({ columns, rows, sticky, menu, menuLabel, menuAriaLabel = menuLabel !== null && menuLabel !== void 0 ? menuLabel : 'Context menu', menuHeaderName = 'Actions', onAction, onMenuOpenChange, rowDetails, pagination, group, disabled, getGroupRow, }) => {
|
19
23
|
const [sort, updateSort] = useTableSort();
|
20
24
|
const sortedRows = sortRowsBy(rows, sort);
|
25
|
+
const groups = group ? groupBy(sortedRows, group) : undefined;
|
26
|
+
const groupKeys = groups ? Object.keys(groups) : undefined;
|
27
|
+
const hasCustomRenderForGroupRow = isFunction(getGroupRow);
|
28
|
+
// if rowDetails is defined we can reserve space for the toggle column
|
29
|
+
const isCollapsible = isFunction(rowDetails) || group;
|
21
30
|
const templateColumns = compact([
|
31
|
+
isCollapsible ? 50 : undefined,
|
22
32
|
...columns.map((column) => { var _a; return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto'; }),
|
23
33
|
menu ? 'auto' : undefined,
|
24
34
|
]);
|
25
|
-
const PaginationFooter = React.useCallback(({ children }) => React.createElement("div", { style: { gridColumn:
|
35
|
+
const PaginationFooter = React.useCallback(({ children }) => React.createElement("div", { style: { gridColumn: '1 / -1' } }, children), []);
|
26
36
|
return (React.createElement(Template, { className: "Aquarium-DataList", columns: templateColumns },
|
37
|
+
isCollapsible && React.createElement(DataListBase.HeadCell, { align: "left" }),
|
27
38
|
columns.map((column) => {
|
28
39
|
const content = column.headerTooltip ? (React.createElement(Tooltip, { placement: column.headerTooltip.placement, content: column.headerTooltip.content }, column.headerName)) : (column.headerName);
|
29
40
|
return (columnIsFieldColumn(column) && column.sortable) || column.sort ? (React.createElement(DataListBase.SortCell, Object.assign({ direction: sort && sort.column.headerName === column.headerName ? sort.direction : 'none', onClick: () => updateSort(column), sticky: sticky }, cellProps(column)), content)) : (React.createElement(DataListBase.HeadCell, Object.assign({}, cellProps(column), { sticky: sticky }), content));
|
30
41
|
}),
|
31
42
|
menu && (React.createElement(DataListBase.HeadCell, { align: "right", "aria-label": menuAriaLabel }, menuHeaderName)),
|
32
|
-
React.createElement(List, {
|
33
|
-
React.createElement(List, { items:
|
34
|
-
|
35
|
-
React.createElement(
|
36
|
-
React.createElement(
|
37
|
-
React.createElement(
|
38
|
-
|
43
|
+
groups && groupKeys ? (React.createElement(List, { items: sortGroupKeys(groupKeys), renderItem: (key) => {
|
44
|
+
const groupContent = (React.createElement(List, { key: key, items: groups[key], renderItem: (row, index) => renderRow(columns, row, index, sortedRows, renderRowMenu(row, index, { menu, onAction, onMenuOpenChange, menuAriaLabel }), disabled, () => React.createElement(DataListBase.Cell, null)) }));
|
45
|
+
return key === 'undefined' ? (groupContent) : (React.createElement(Accordion, { key: key },
|
46
|
+
hasCustomRenderForGroupRow ? (React.createElement(DataListBase.Row, null,
|
47
|
+
React.createElement(DataListBase.Cell, null,
|
48
|
+
React.createElement(Accordion.Toggle, { panelId: key })),
|
49
|
+
React.createElement(List, { items: columns, renderItem: (column) => (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), renderCell(column, getGroupRow(key, groups[key]), -1, []))) }),
|
50
|
+
renderRowMenu(getGroupRow(key, groups[key]), -1, {
|
51
|
+
menu,
|
52
|
+
onAction,
|
53
|
+
onMenuOpenChange,
|
54
|
+
menuAriaLabel,
|
55
|
+
}))) : (React.createElement(DataListBase.Row, null,
|
56
|
+
React.createElement(DataListBase.Cell, null,
|
57
|
+
React.createElement(Accordion.Toggle, { panelId: key })),
|
58
|
+
React.createElement(DataListBase.Cell, { style: { gridColumn: '2 / -1', gap: 4 } },
|
59
|
+
"Group: ",
|
60
|
+
React.createElement("b", null, key)))),
|
61
|
+
React.createElement(DataListBase.Row, { subgroup: true },
|
62
|
+
React.createElement(Accordion.UnanimatedPanel, { panelId: key },
|
63
|
+
React.createElement(DataListBase.SubGroupSpacing, null),
|
64
|
+
groupContent,
|
65
|
+
React.createElement(DataListBase.SubGroupSpacing, { divider: true })))));
|
66
|
+
} })) : (React.createElement(List, { pagination: pagination, paginationContainer: PaginationFooter, items: sortedRows, renderItem: (row, index) => {
|
67
|
+
const details = rowDetails === null || rowDetails === void 0 ? void 0 : rowDetails(row, index, sortedRows);
|
68
|
+
const content = renderRow(columns, row, index, sortedRows, renderRowMenu(row, index, { menu, onAction, onMenuOpenChange, menuAriaLabel }), disabled, () => rowDetails !== undefined && (React.createElement(DataListBase.Cell, null, details && React.createElement(Accordion.Toggle, { panelId: row.id.toString() }))));
|
69
|
+
return details ? (React.createElement(Accordion, { key: row.id },
|
70
|
+
content,
|
71
|
+
React.createElement(Accordion.Panel, { panelId: row.id.toString(), className: tw('col-span-full bg-grey-0') }, details))) : (content);
|
72
|
+
} }))));
|
39
73
|
};
|
40
|
-
const
|
41
|
-
|
42
|
-
|
74
|
+
const renderRowMenu = (row, index, { menu, onAction, onMenuOpenChange, menuAriaLabel, }) => {
|
75
|
+
if (menu) {
|
76
|
+
const menuContent = isFunction(menu) ? menu(row, index) : menu;
|
77
|
+
return (React.createElement(DataListBase.Cell, { align: "right" }, menuContent && (React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index), onOpenChange: onMenuOpenChange },
|
78
|
+
React.createElement(DropdownMenu.Trigger, null,
|
79
|
+
React.createElement(Button.Icon, { "aria-label": menuAriaLabel, icon: more })),
|
80
|
+
menuContent))));
|
81
|
+
}
|
82
|
+
return undefined;
|
83
|
+
};
|
84
|
+
const renderRow = (columns, row, index, rows, menu, disabled, renderFirstColumn) => {
|
85
|
+
var _a;
|
86
|
+
const isRowDisabled = (_a = disabled === null || disabled === void 0 ? void 0 : disabled(row, index, rows)) !== null && _a !== void 0 ? _a : false;
|
87
|
+
return (React.createElement(DataListBase.Row, { key: row.id, disabled: isRowDisabled }, renderFirstColumn === null || renderFirstColumn === void 0 ? void 0 :
|
88
|
+
renderFirstColumn(row, index, rows),
|
89
|
+
React.createElement(List, { items: columns, renderItem: (column) => (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), renderCell(column, row, index, rows))) }),
|
90
|
+
menu));
|
91
|
+
};
|
92
|
+
const DEFAULT_CONTENT = '';
|
93
|
+
const renderCell = (column, row, index, rows) => {
|
94
|
+
let cellContent = DEFAULT_CONTENT;
|
95
|
+
if (column.type === 'status') {
|
96
|
+
const status = column.status(row, index, rows);
|
97
|
+
if (status) {
|
98
|
+
cellContent = React.createElement(StatusChip, Object.assign({ dense: true }, status));
|
99
|
+
}
|
100
|
+
}
|
101
|
+
else if (column.type === 'action') {
|
102
|
+
const action = renameProperty('text', 'children', column.action(row, index, rows));
|
103
|
+
if (action) {
|
104
|
+
cellContent = React.createElement(Button.Secondary, Object.assign({ dense: true }, action));
|
105
|
+
}
|
106
|
+
}
|
107
|
+
else if (column.type === 'custom') {
|
108
|
+
cellContent = column.UNSAFE_render(row, index, rows);
|
109
|
+
}
|
110
|
+
else if (column.type === 'item') {
|
111
|
+
const item = column.item(row, index, rows);
|
112
|
+
if (item) {
|
113
|
+
cellContent = React.createElement(Item, Object.assign({}, item));
|
114
|
+
}
|
115
|
+
}
|
116
|
+
else if (column.formatter) {
|
117
|
+
cellContent = column.formatter(row[column.field], row, index, rows);
|
118
|
+
}
|
119
|
+
else {
|
120
|
+
cellContent = row[column.field];
|
121
|
+
}
|
122
|
+
return column.tooltip ? React.createElement(Tooltip, Object.assign({}, column.tooltip(row, index, rows)), cellContent) : cellContent;
|
43
123
|
};
|
44
124
|
DataList.Skeleton = DataListSkeleton;
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBa0IsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFlLE1BQU0saUNBQWlDLENBQUM7QUFFeEUsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFDTCxTQUFTLEVBQ1QsbUJBQW1CLEdBSXBCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUVuRCxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQUVsQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFzQnRELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFzRCxFQUM1RSxPQUFPLEVB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
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBa0IsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFlLE1BQU0saUNBQWlDLENBQUM7QUFFeEUsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFDTCxTQUFTLEVBQ1QsbUJBQW1CLEdBSXBCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHeEMsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFFbEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxPQUFP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
|
@@ -26,9 +26,14 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
|
|
26
26
|
* @default true
|
27
27
|
*/
|
28
28
|
sticky?: boolean;
|
29
|
+
/**
|
30
|
+
* Determines if row should be disabled.
|
31
|
+
* Disabled rows appear lighter in color and do not allow clicking row contents.
|
32
|
+
*/
|
33
|
+
disabled?: (row: R, index: number, rows: R[]) => boolean;
|
29
34
|
};
|
30
35
|
export declare const DataTable: {
|
31
|
-
<C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, menuLabel, menuAriaLabel, menuHeaderName, onAction, onMenuOpenChange, pagination, ...rest }: DataTableProps<C, R>): React.JSX.Element;
|
36
|
+
<C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, menuLabel, menuAriaLabel, menuHeaderName, onAction, onMenuOpenChange, pagination, disabled, ...rest }: DataTableProps<C, R>): React.JSX.Element;
|
32
37
|
Skeleton: React.FC<{
|
33
38
|
columns?: number | (number | `${number}`)[] | undefined;
|
34
39
|
rows?: number | undefined;
|