@aivenio/aquarium 1.40.0 → 1.42.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/Alert/Alert.js +13 -9
- package/dist/src/molecules/Box/Box.d.ts +6 -6
- 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/Popover/PopoverOverlay.d.ts +1 -1
- 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 +846 -568
- package/dist/system.mjs +836 -558
- 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,14 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { useId } from 'react-aria';
|
|
2
3
|
import omit from 'lodash/omit';
|
|
3
4
|
import { Button } from '../../../src/molecules/Button/Button';
|
|
4
5
|
import { Alert as AlertBase } from '../../../src/atoms/Alert/Alert';
|
|
5
6
|
import { isLink } from '../../../src/utils/link';
|
|
6
|
-
export const Alert = ({ description, type, title, onDismiss, children, action }) =>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
export const Alert = ({ description, type, title, onDismiss, children, action }) => {
|
|
8
|
+
const id = useId();
|
|
9
|
+
return (React.createElement(AlertBase, { className: "Aquarium-Alert", type: type, dense: Boolean(title), "aria-describedby": id },
|
|
10
|
+
React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
|
|
11
|
+
title && React.createElement(AlertBase.Title, null, title),
|
|
12
|
+
React.createElement(AlertBase.Description, { id: id }, children || description),
|
|
13
|
+
action && (React.createElement(AlertBase.Actions, null,
|
|
14
|
+
!isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
|
15
|
+
isLink(action) && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text)))),
|
|
16
|
+
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFlBQVksQ0FBQztBQUNuQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXJELE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixNQUFNLHVCQUF1QixDQUFDO0FBRTNFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQTBCeEMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFO0lBQ3ZHLE1BQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQ25CLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLElBQUMsU0FBUyxFQUFDLGdCQUFnQixFQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsc0JBQW9CLEVBQUU7UUFDM0Ysb0JBQUMsU0FBUyxDQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUk7UUFDcEQsS0FBSyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFtQjtRQUNwRCxvQkFBQyxTQUFTLENBQUMsV0FBVyxJQUFDLEVBQUUsRUFBRSxFQUFFLElBQUcsUUFBUSxJQUFJLFdBQVcsQ0FBeUI7UUFDL0UsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsU0FBUyxDQUFDLE9BQU87WUFDZixDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNsQixvQkFBQyxNQUFNLENBQUMsS0FBSyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDekMsTUFBTSxDQUFDLElBQUksQ0FDQyxDQUNoQjtZQUNBLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNqQixvQkFBQyxNQUFNLENBQUMsWUFBWSxrQkFBQyxLQUFLLFFBQUMsSUFBSSxFQUFDLE9BQU8sSUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM3RCxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQ2lCLENBQ3JCO1FBQ0EsU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUMsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUM3QyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -45,10 +45,10 @@ export declare const Box: {
|
|
|
45
45
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
46
46
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
47
47
|
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | undefined;
|
|
48
|
-
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "
|
|
49
|
-
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "
|
|
48
|
+
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "fit" | undefined;
|
|
49
|
+
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "fit" | undefined;
|
|
50
50
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
|
51
|
-
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "
|
|
51
|
+
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "fit" | undefined;
|
|
52
52
|
minWidth?: "max" | "min" | "0" | "full" | "fit" | undefined;
|
|
53
53
|
minHeight?: "screen" | "max" | "min" | "0" | "full" | "fit" | undefined;
|
|
54
54
|
}> & {
|
|
@@ -77,10 +77,10 @@ export declare const BorderBox: React.ComponentType<Omit<Pick<any, string | numb
|
|
|
77
77
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
78
78
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
79
79
|
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | undefined;
|
|
80
|
-
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "
|
|
81
|
-
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "
|
|
80
|
+
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "fit" | undefined;
|
|
81
|
+
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "fit" | undefined;
|
|
82
82
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
|
83
|
-
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "
|
|
83
|
+
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "fit" | undefined;
|
|
84
84
|
minWidth?: "max" | "min" | "0" | "full" | "fit" | undefined;
|
|
85
85
|
minHeight?: "screen" | "max" | "min" | "0" | "full" | "fit" | undefined;
|
|
86
86
|
}> & {
|
|
@@ -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;
|