@aivenio/aquarium 1.39.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 +18 -10
- package/dist/atoms.mjs +18 -10
- 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/Badge/Badge.d.ts +5 -5
- package/dist/src/molecules/Badge/Badge.js +11 -7
- package/dist/src/molecules/Chip/Chip.d.ts +14 -10
- package/dist/src/molecules/Chip/Chip.js +7 -4
- 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/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/molecules/DropdownMenu/utils.js +6 -2
- 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 +29 -7
- package/dist/system.cjs +875 -591
- package/dist/system.mjs +859 -575
- 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,
|
|
@@ -6518,7 +6518,6 @@ var import_react27 = __toESM(require("react"));
|
|
|
6518
6518
|
|
|
6519
6519
|
// src/molecules/Badge/Badge.tsx
|
|
6520
6520
|
var import_react25 = __toESM(require("react"));
|
|
6521
|
-
var import_omit = __toESM(require("lodash/omit"));
|
|
6522
6521
|
|
|
6523
6522
|
// src/molecules/Skeleton/Skeleton.tsx
|
|
6524
6523
|
var import_react24 = __toESM(require("react"));
|
|
@@ -6553,14 +6552,11 @@ var Skeleton = ({
|
|
|
6553
6552
|
};
|
|
6554
6553
|
|
|
6555
6554
|
// src/molecules/Badge/Badge.tsx
|
|
6556
|
-
var isChipBadgeProps = (props) => "dense" in props;
|
|
6557
6555
|
var createBadge = (type, displayName) => {
|
|
6558
6556
|
const Component = (props) => {
|
|
6559
|
-
|
|
6560
|
-
const _a = props, { kind = "filled", value, textClassname } = _a, rest = __objRest(_a, ["kind", "value", "textClassname"]);
|
|
6557
|
+
const _a = props, { kind = "filled", value, textClassname, dense = false } = _a, rest = __objRest(_a, ["kind", "value", "textClassname", "dense"]);
|
|
6561
6558
|
const valueStr = value.toString();
|
|
6562
|
-
|
|
6563
|
-
return /* @__PURE__ */ import_react25.default.createElement("span", __spreadProps(__spreadValues({}, (0, import_omit.default)(rest, "dense")), {
|
|
6559
|
+
return /* @__PURE__ */ import_react25.default.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
|
6564
6560
|
className: classNames(
|
|
6565
6561
|
tw("inline-block text-center", {
|
|
6566
6562
|
"rounded-full": type === "default" || type === "chip",
|
|
@@ -6607,9 +6603,19 @@ var NotificationBadge = ({
|
|
|
6607
6603
|
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
|
6608
6604
|
}));
|
|
6609
6605
|
};
|
|
6606
|
+
var DotBadge = ({ dense = false }) => {
|
|
6607
|
+
return /* @__PURE__ */ import_react25.default.createElement("span", {
|
|
6608
|
+
className: tw("rounded-full bg-current", {
|
|
6609
|
+
"w-[6px] h-[6px]": dense,
|
|
6610
|
+
"w-[9px] h-[9px]": !dense
|
|
6611
|
+
})
|
|
6612
|
+
});
|
|
6613
|
+
};
|
|
6610
6614
|
var Badge = createBadge("default", "Badge");
|
|
6611
6615
|
Badge.Notification = NotificationBadge;
|
|
6612
6616
|
Badge.Notification.displayName = "Badge.Notification";
|
|
6617
|
+
Badge.Dot = DotBadge;
|
|
6618
|
+
Badge.Dot.displayName = "Badge.Dot";
|
|
6613
6619
|
var TabBadge = createBadge("tab", "TabBadge");
|
|
6614
6620
|
var ChipBadge = createBadge("chip", "ChipBadge");
|
|
6615
6621
|
|
|
@@ -7546,9 +7552,11 @@ var TableBody = (_a) => {
|
|
|
7546
7552
|
};
|
|
7547
7553
|
var rowClassNames = tw("children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0");
|
|
7548
7554
|
var TableRow = (_a) => {
|
|
7549
|
-
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
|
7550
|
-
return /* @__PURE__ */ import_react39.default.createElement("tr", __spreadProps(__spreadValues({}, rest), {
|
|
7551
|
-
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
|
+
})
|
|
7552
7560
|
}), children);
|
|
7553
7561
|
};
|
|
7554
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,
|
|
@@ -6480,7 +6480,6 @@ import React23 from "react";
|
|
|
6480
6480
|
|
|
6481
6481
|
// src/molecules/Badge/Badge.tsx
|
|
6482
6482
|
import React21 from "react";
|
|
6483
|
-
import omit from "lodash/omit";
|
|
6484
6483
|
|
|
6485
6484
|
// src/molecules/Skeleton/Skeleton.tsx
|
|
6486
6485
|
import React20 from "react";
|
|
@@ -6515,14 +6514,11 @@ var Skeleton = ({
|
|
|
6515
6514
|
};
|
|
6516
6515
|
|
|
6517
6516
|
// src/molecules/Badge/Badge.tsx
|
|
6518
|
-
var isChipBadgeProps = (props) => "dense" in props;
|
|
6519
6517
|
var createBadge = (type, displayName) => {
|
|
6520
6518
|
const Component = (props) => {
|
|
6521
|
-
|
|
6522
|
-
const _a = props, { kind = "filled", value, textClassname } = _a, rest = __objRest(_a, ["kind", "value", "textClassname"]);
|
|
6519
|
+
const _a = props, { kind = "filled", value, textClassname, dense = false } = _a, rest = __objRest(_a, ["kind", "value", "textClassname", "dense"]);
|
|
6523
6520
|
const valueStr = value.toString();
|
|
6524
|
-
|
|
6525
|
-
return /* @__PURE__ */ React21.createElement("span", __spreadProps(__spreadValues({}, omit(rest, "dense")), {
|
|
6521
|
+
return /* @__PURE__ */ React21.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
|
6526
6522
|
className: classNames(
|
|
6527
6523
|
tw("inline-block text-center", {
|
|
6528
6524
|
"rounded-full": type === "default" || type === "chip",
|
|
@@ -6569,9 +6565,19 @@ var NotificationBadge = ({
|
|
|
6569
6565
|
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
|
6570
6566
|
}));
|
|
6571
6567
|
};
|
|
6568
|
+
var DotBadge = ({ dense = false }) => {
|
|
6569
|
+
return /* @__PURE__ */ React21.createElement("span", {
|
|
6570
|
+
className: tw("rounded-full bg-current", {
|
|
6571
|
+
"w-[6px] h-[6px]": dense,
|
|
6572
|
+
"w-[9px] h-[9px]": !dense
|
|
6573
|
+
})
|
|
6574
|
+
});
|
|
6575
|
+
};
|
|
6572
6576
|
var Badge = createBadge("default", "Badge");
|
|
6573
6577
|
Badge.Notification = NotificationBadge;
|
|
6574
6578
|
Badge.Notification.displayName = "Badge.Notification";
|
|
6579
|
+
Badge.Dot = DotBadge;
|
|
6580
|
+
Badge.Dot.displayName = "Badge.Dot";
|
|
6575
6581
|
var TabBadge = createBadge("tab", "TabBadge");
|
|
6576
6582
|
var ChipBadge = createBadge("chip", "ChipBadge");
|
|
6577
6583
|
|
|
@@ -7508,9 +7514,11 @@ var TableBody = (_a) => {
|
|
|
7508
7514
|
};
|
|
7509
7515
|
var rowClassNames = tw("children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0");
|
|
7510
7516
|
var TableRow = (_a) => {
|
|
7511
|
-
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
|
7512
|
-
return /* @__PURE__ */ React35.createElement("tr", __spreadProps(__spreadValues({}, rest), {
|
|
7513
|
-
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
|
+
})
|
|
7514
7522
|
}), children);
|
|
7515
7523
|
};
|
|
7516
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFFQUFxRTs7Ozs7Ozs7Ozs7O0FBRXJFLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFFOUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLDZCQUE2QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sbUNBQW1DLENBQUM7QUFHdkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQXdDNUMsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBd0IsSUFBSSxDQUFDLENBQUM7QUFFckUsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDLHFEQUFxRCxDQUFDLENBQUM7QUFFbEYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQU9kLENBQUMsRUFBMkMsRUFBRSxFQUFFO1FBQS9DLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVDLE9BQU8sQ0FDTCwrQ0FBVyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLGdCQUFjLFNBQVMsS0FDdEYsUUFBUSxDQUNILENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQVcsRUFBTixJ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
|
|
@@ -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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
|
|
@@ -17,25 +17,25 @@ export interface BadgeProps {
|
|
|
17
17
|
* Optional classname for text.
|
|
18
18
|
*/
|
|
19
19
|
'textClassname'?: string;
|
|
20
|
-
}
|
|
21
|
-
export declare type ChipBadgeProps = BadgeProps & {
|
|
22
20
|
/**
|
|
23
21
|
* If true, display dense version of the badge.
|
|
24
22
|
*/
|
|
25
|
-
dense?: boolean;
|
|
26
|
-
}
|
|
23
|
+
'dense'?: boolean;
|
|
24
|
+
}
|
|
27
25
|
declare const NotificationBadge: React.FC<{
|
|
28
26
|
top?: React.CSSProperties['top'];
|
|
29
27
|
right?: React.CSSProperties['right'];
|
|
30
28
|
}>;
|
|
29
|
+
declare const DotBadge: React.FC<Pick<BadgeProps, 'dense'>>;
|
|
31
30
|
export declare const Badge: React.FC<BadgeProps> & {
|
|
32
31
|
Skeleton: React.FC;
|
|
33
32
|
Notification: typeof NotificationBadge;
|
|
33
|
+
Dot: typeof DotBadge;
|
|
34
34
|
};
|
|
35
35
|
export declare const TabBadge: React.FC<BadgeProps> & {
|
|
36
36
|
Skeleton: React.FC;
|
|
37
37
|
};
|
|
38
|
-
export declare const ChipBadge: React.FC<
|
|
38
|
+
export declare const ChipBadge: React.FC<BadgeProps> & {
|
|
39
39
|
Skeleton: React.FC;
|
|
40
40
|
};
|
|
41
41
|
export {};
|
|
@@ -10,17 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import omit from 'lodash/omit';
|
|
14
13
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
|
15
14
|
import { Skeleton } from '../Skeleton/Skeleton';
|
|
16
|
-
const isChipBadgeProps = (props) => 'dense' in props;
|
|
17
15
|
const createBadge = (type, displayName) => {
|
|
18
16
|
const Component = (props) => {
|
|
19
|
-
|
|
20
|
-
const { kind = 'filled', value, textClassname } = props, rest = __rest(props, ["kind", "value", "textClassname"]);
|
|
17
|
+
const { kind = 'filled', value, textClassname, dense = false } = props, rest = __rest(props, ["kind", "value", "textClassname", "dense"]);
|
|
21
18
|
const valueStr = value.toString();
|
|
22
|
-
|
|
23
|
-
return (React.createElement("span", Object.assign({}, omit(rest, 'dense'), { className: classNames(tw('inline-block text-center', {
|
|
19
|
+
return (React.createElement("span", Object.assign({}, rest, { className: classNames(tw('inline-block text-center', {
|
|
24
20
|
'rounded-full': type === 'default' || type === 'chip',
|
|
25
21
|
'rounded': type === 'tab',
|
|
26
22
|
'border border-current': kind === 'outlined',
|
|
@@ -46,9 +42,17 @@ const NotificationBadge = ({ children, top = '-2px', right = '-2px', }) => {
|
|
|
46
42
|
children,
|
|
47
43
|
React.createElement("span", { style: { top, right }, className: tw('absolute rounded-full w-[6px] h-[6px] bg-error-70') })));
|
|
48
44
|
};
|
|
45
|
+
const DotBadge = ({ dense = false }) => {
|
|
46
|
+
return (React.createElement("span", { className: tw('rounded-full bg-current', {
|
|
47
|
+
'w-[6px] h-[6px]': dense,
|
|
48
|
+
'w-[9px] h-[9px]': !dense,
|
|
49
|
+
}) }));
|
|
50
|
+
};
|
|
49
51
|
export const Badge = createBadge('default', 'Badge');
|
|
50
52
|
Badge.Notification = NotificationBadge;
|
|
51
53
|
Badge.Notification.displayName = 'Badge.Notification';
|
|
54
|
+
Badge.Dot = DotBadge;
|
|
55
|
+
Badge.Dot.displayName = 'Badge.Dot';
|
|
52
56
|
export const TabBadge = createBadge('tab', 'TabBadge');
|
|
53
57
|
export const ChipBadge = createBadge('chip', 'ChipBadge');
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQStCaEQsTUFBTSxXQUFXLEdBQUcsQ0FBNEIsSUFBZ0MsRUFBRSxXQUFtQixFQUFFLEVBQUU7SUFDdkcsTUFBTSxTQUFTLEdBQThDLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDckUsTUFBTSxFQUFFLElBQUksR0FBRyxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxLQUFLLEdBQUcsS0FBSyxLQUFjLEtBQUssRUFBZCxJQUFJLFVBQUssS0FBSyxFQUF6RSwyQ0FBaUUsQ0FBUSxDQUFDO1FBQ2hGLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVsQyxPQUFPLENBQ0wsOENBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQywwQkFBMEIsRUFBRTtnQkFDN0IsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLE1BQU07Z0JBQ3JELFNBQVMsRUFBRSxJQUFJLEtBQUssS0FBSztnQkFDekIsdUJBQXVCLEVBQUUsSUFBSSxLQUFLLFVBQVU7Z0JBQzVDLFlBQVksRUFBRSxJQUFJLEtBQUssUUFBUSxJQUFJLElBQUksS0FBSyxNQUFNO2dCQUNsRCxVQUFVLEVBQUUsSUFBSSxLQUFLLE1BQU07Z0JBQzNCLGlEQUFpRCxFQUFFLENBQUMsS0FBSztnQkFDekQsWUFBWSxFQUFFLEtBQUs7Z0JBQ25CLE1BQU0sRUFBRSxLQUFLLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDO2dCQUNwQyxVQUFVLEVBQUUsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQzthQUMzQyxDQUFDLEVBQ0YsZ0JBQWdCLENBQ2pCO1lBRUQsOEJBQ0UsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsYUFBYSxFQUNiLEVBQUUsQ0FBQyxjQUFjLEVBQUU7b0JBQ2pCLFlBQVksRUFBRSxDQUFDLGFBQWEsSUFBSSxJQUFJLEtBQUssUUFBUTtvQkFDakQsU0FBUyxFQUFFLElBQUksS0FBSyxRQUFRO2lCQUM3QixDQUFDLENBQ0gsSUFFQSxRQUFRLENBQ0osQ0FDRixDQUNSLENBQUM7SUFDSixDQUFDLENBQUM7SUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNwQyxTQUFTLENBQUMsUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLENBQ3pCLG9CQUFDLFFBQVEsSUFDUCxNQUFNLEVBQUUsRUFBRSxFQUNWLEtBQUssRUFBRSxFQUFFLEVBQ1QsT0FBTyxFQUFDLGNBQWMsRUFDdEIsU0FBUyxFQUFFLEVBQUUsQ0FBQyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxHQUMxRCxDQUNILENBQUM7SUFDRixTQUFTLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxHQUFHLFdBQVcsV0FBVyxDQUFDO0lBQzNELE9BQU8sU0FBUyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQUVGLE1BQU0saUJBQWlCLEdBQXlGLENBQUMsRUFDL0csUUFBUSxFQUNSLEdBQUcsR0FBRyxNQUFNLEVBQ1osS0FBSyxHQUFHLE1BQU0sR0FDZixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztRQUN2QyxRQUFRO1FBQ1QsOEJBQU0sS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsbURBQW1ELENBQUMsR0FBSSxDQUMvRixDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBd0MsQ0FBQyxFQUFFLEtBQUssR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQzFFLE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHlCQUF5QixFQUFFO1lBQ3ZDLGlCQUFpQixFQUFFLEtBQUs7WUFDeEIsaUJBQWlCLEVBQUUsQ0FBQyxLQUFLO1NBQzFCLENBQUMsR0FDRixDQUNILENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBSWQsV0FBVyxDQUFhLFNBQVMsRUFBRSxPQUFPLENBSTdDLENBQUM7QUFDRixLQUFLLENBQUMsWUFBWSxHQUFHLGlCQUFpQixDQUFDO0FBQ3ZDLEtBQUssQ0FBQyxZQUFZLENBQUMsV0FBVyxHQUFHLG9CQUFvQixDQUFDO0FBQ3RELEtBQUssQ0FBQyxHQUFHLEdBQUcsUUFBUSxDQUFDO0FBQ3JCLEtBQUssQ0FBQyxHQUFHLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztBQUVwQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUFhLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQztBQUNuRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsV0FBVyxDQUFhLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQyJ9
|
|
@@ -10,12 +10,12 @@ declare type BaseChipProps = {
|
|
|
10
10
|
* If true, dense version of the component will be rendered.
|
|
11
11
|
*/
|
|
12
12
|
dense?: boolean;
|
|
13
|
-
};
|
|
14
|
-
export declare type ChipProps = BaseChipProps & {
|
|
15
13
|
/**
|
|
16
14
|
* Optional icon for chip. If provided, it will be displayed on the left side of the text.
|
|
17
15
|
*/
|
|
18
16
|
icon?: IconProps['icon'];
|
|
17
|
+
};
|
|
18
|
+
export declare type ChipProps = BaseChipProps & {
|
|
19
19
|
/**
|
|
20
20
|
* If true, chip will be displayed as locked.
|
|
21
21
|
*/
|
|
@@ -43,12 +43,14 @@ export declare type StatusChipProps = BaseChipProps & {
|
|
|
43
43
|
*/
|
|
44
44
|
status?: ChipStatus;
|
|
45
45
|
/**
|
|
46
|
-
*
|
|
47
|
-
* this property is not adviced and it will be eventually deprecated.
|
|
48
|
-
*
|
|
49
|
-
* @deprecated Icons should not be used with status chips.
|
|
46
|
+
* @deprecated use `icon` instead, overriden by value of `icon` if both are provided.
|
|
50
47
|
*/
|
|
51
48
|
UNSAFE_icon?: IconProps['icon'];
|
|
49
|
+
/**
|
|
50
|
+
* Number: will render badge to right
|
|
51
|
+
* True: will render dot to left
|
|
52
|
+
*/
|
|
53
|
+
badge?: number | true;
|
|
52
54
|
};
|
|
53
55
|
export declare const StatusChip: React.ForwardRefExoticComponent<BaseChipProps & {
|
|
54
56
|
/**
|
|
@@ -56,12 +58,14 @@ export declare const StatusChip: React.ForwardRefExoticComponent<BaseChipProps &
|
|
|
56
58
|
*/
|
|
57
59
|
status?: ChipStatus | undefined;
|
|
58
60
|
/**
|
|
59
|
-
*
|
|
60
|
-
* this property is not adviced and it will be eventually deprecated.
|
|
61
|
-
*
|
|
62
|
-
* @deprecated Icons should not be used with status chips.
|
|
61
|
+
* @deprecated use `icon` instead, overriden by value of `icon` if both are provided.
|
|
63
62
|
*/
|
|
64
63
|
UNSAFE_icon?: string | import("@iconify/react").IconifyIcon | undefined;
|
|
64
|
+
/**
|
|
65
|
+
* Number: will render badge to right
|
|
66
|
+
* True: will render dot to left
|
|
67
|
+
*/
|
|
68
|
+
badge?: number | true | undefined;
|
|
65
69
|
} & React.RefAttributes<HTMLSpanElement>>;
|
|
66
70
|
export declare type ChipContainerProps = {
|
|
67
71
|
/**
|