@aivenio/aquarium 1.13.0 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +190 -106
- package/dist/atoms.mjs +189 -106
- package/dist/src/atoms/DataList/DataList.d.ts +3 -1
- package/dist/src/atoms/DataList/DataList.js +5 -5
- package/dist/src/atoms/Navigation/Navigation.d.ts +20 -0
- package/dist/src/atoms/Navigation/Navigation.js +49 -0
- package/dist/src/atoms/PageHeader/PageHeader.d.ts +13 -0
- package/dist/src/atoms/PageHeader/PageHeader.js +43 -0
- package/dist/src/atoms/Table/Table.d.ts +4 -3
- package/dist/src/atoms/Table/Table.js +17 -7
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/molecules/Button/Button.d.ts +1 -1
- package/dist/src/molecules/Button/Button.js +4 -4
- package/dist/src/molecules/DataList/DataList.d.ts +3 -3
- package/dist/src/molecules/DataList/DataList.js +19 -6
- package/dist/src/molecules/DataTable/DataTable.d.ts +3 -3
- package/dist/src/molecules/DataTable/DataTable.js +18 -6
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +11 -5
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -1
- package/dist/src/molecules/Modal/Modal.d.ts +5 -0
- package/dist/src/molecules/Modal/Modal.js +4 -3
- package/dist/src/molecules/Navigation/Navigation.d.ts +19 -0
- package/dist/src/molecules/Navigation/Navigation.js +27 -0
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +2 -0
- package/dist/src/molecules/PageHeader/PageHeader.js +10 -9
- package/dist/src/molecules/Stepper/Stepper.js +2 -1
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/table/types.d.ts +19 -1
- package/dist/src/utils/table/types.js +2 -1
- package/dist/styles.css +29 -16
- package/dist/styles_timescaledb.css +29 -16
- package/dist/system.cjs +1661 -1453
- package/dist/system.mjs +1219 -1012
- package/dist/tokens.json +4 -4
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +2 -2
@@ -25,12 +25,12 @@ export const DataList = (_a) => {
|
|
25
25
|
return React.createElement("div", Object.assign({}, rest));
|
26
26
|
};
|
27
27
|
const HeadCell = (_a) => {
|
28
|
-
var { className, sticky, align } = _a, rest = __rest(_a, ["className", "sticky", "align"]);
|
29
|
-
return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getHeadCellClassNames(sticky), getAlignClassNames(align), className) })));
|
28
|
+
var { className, sticky, align, stickyColumn } = _a, rest = __rest(_a, ["className", "sticky", "align", "stickyColumn"]);
|
29
|
+
return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getHeadCellClassNames(sticky, stickyColumn), getAlignClassNames(align), className) })));
|
30
30
|
};
|
31
31
|
const Cell = (_a) => {
|
32
|
-
var { className, align } = _a, rest = __rest(_a, ["className", "align"]);
|
33
|
-
return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getBodyCellClassNames(false), getAlignClassNames(align), tw('border-grey-10 group-hover:bg-grey-0 group-last:border-b-0'), className) })));
|
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) })));
|
34
34
|
};
|
35
35
|
const Row = (_a) => {
|
36
36
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
@@ -51,4 +51,4 @@ DataList.HeadCell = HeadCell;
|
|
51
51
|
DataList.SortCell = SortCell;
|
52
52
|
DataList.Cell = Cell;
|
53
53
|
DataList.Row = Row;
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFXNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsWUFBWSxPQUViLEVBREksSUFBSSxjQUxvRyxnREFNNUcsQ0FEUTtJQUNI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
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare type UListProps = React.HTMLProps<HTMLUListElement>;
|
3
|
+
declare type LIProp = React.HTMLProps<HTMLLIElement>;
|
4
|
+
declare type LinkProps = React.HTMLProps<HTMLAnchorElement>;
|
5
|
+
declare type ComposedNavigationProps = {
|
6
|
+
Header: typeof Header;
|
7
|
+
Footer: typeof Footer;
|
8
|
+
Section: typeof Section;
|
9
|
+
Item: typeof Item;
|
10
|
+
Divider: typeof Divider;
|
11
|
+
};
|
12
|
+
export declare const Navigation: React.FC<UListProps> & ComposedNavigationProps;
|
13
|
+
declare const Header: React.FC<LIProp>;
|
14
|
+
declare const Footer: React.FC<LIProp>;
|
15
|
+
declare const Section: React.FC<UListProps>;
|
16
|
+
declare const Divider: React.FC<LIProp>;
|
17
|
+
declare const Item: React.FC<LinkProps & {
|
18
|
+
active?: boolean;
|
19
|
+
}>;
|
20
|
+
export {};
|
@@ -0,0 +1,49 @@
|
|
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 from 'react';
|
13
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
|
+
export const Navigation = (_a) => {
|
15
|
+
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
16
|
+
return (React.createElement("nav", { className: classNames(tw('bg-grey-0 h-full')) },
|
17
|
+
React.createElement("ul", Object.assign({}, rest, { className: classNames(tw('flex flex-col h-full'), className), role: "menu" }), children)));
|
18
|
+
};
|
19
|
+
const Header = (_a) => {
|
20
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
21
|
+
return (React.createElement("li", Object.assign({}, rest, { role: "presentation", className: classNames(tw('px-6 py-5'), className) })));
|
22
|
+
};
|
23
|
+
const Footer = (_a) => {
|
24
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
25
|
+
return (React.createElement("li", Object.assign({}, rest, { role: "presentation", className: classNames(tw('px-6 py-5 mt-auto'), className) })));
|
26
|
+
};
|
27
|
+
const Section = (_a) => {
|
28
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
29
|
+
return (React.createElement("li", { role: "presentation" },
|
30
|
+
React.createElement("ul", Object.assign({}, rest, { role: "group", className: classNames(tw(' py-5 flex flex-col'), className) }))));
|
31
|
+
};
|
32
|
+
const Divider = (_a) => {
|
33
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
34
|
+
return (React.createElement("li", Object.assign({ role: "separator" }, rest, { className: classNames(tw('border-t-2 border-grey-5'), className) })));
|
35
|
+
};
|
36
|
+
const Item = (_a) => {
|
37
|
+
var { className, active } = _a, rest = __rest(_a, ["className", "active"]);
|
38
|
+
return (React.createElement("li", { role: "presentation" },
|
39
|
+
React.createElement("a", Object.assign({}, rest, { role: "menuitem", className: classNames(tw('py-3 px-6 hover:bg-grey-5 cursor-pointer flex gap-4 items-center typography-small focusable', {
|
40
|
+
'text-grey-60': !active,
|
41
|
+
'text-primary-80': !!active,
|
42
|
+
}), className) }))));
|
43
|
+
};
|
44
|
+
Navigation.Header = Header;
|
45
|
+
Navigation.Footer = Footer;
|
46
|
+
Navigation.Section = Section;
|
47
|
+
Navigation.Item = Item;
|
48
|
+
Navigation.Divider = Divider;
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFjcEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFtRCxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUM5Ryw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hELDRDQUFRLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBQyxNQUFNLEtBQ3BGLFFBQVEsQ0FDTixDQUNELENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsY0FBYyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxNQUFNLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLGNBQWMsRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ2hHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXlCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUNoRSw0QkFBSSxJQUFJLEVBQUMsY0FBYztRQUNyQiw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3ZGLENBQ04sQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzVELDBDQUFJLElBQUksRUFBQyxXQUFXLElBQUssSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDBCQUEwQixDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDcEcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLElBQUksR0FBK0MsQ0FBQyxFQUE4QixFQUFFLEVBQUU7UUFBbEMsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUE1Qix1QkFBOEIsQ0FBRjtJQUFPLE9BQUEsQ0FDM0YsNEJBQUksSUFBSSxFQUFDLGNBQWM7UUFDckIsMkNBQ00sSUFBSSxJQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDZGQUE2RixFQUFFO2dCQUNoRyxjQUFjLEVBQUUsQ0FBQyxNQUFNO2dCQUN2QixpQkFBaUIsRUFBRSxDQUFDLENBQUMsTUFBTTthQUM1QixDQUFDLEVBQ0YsU0FBUyxDQUNWLElBQ0QsQ0FDQyxDQUNOLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7QUFDM0IsVUFBVSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7QUFDM0IsVUFBVSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7QUFDN0IsVUFBVSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFDdkIsVUFBVSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
3
|
+
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
4
|
+
declare type ComposedSectionProps = {
|
5
|
+
Container: React.FC<DivProps>;
|
6
|
+
TitleContainer: React.FC<DivProps>;
|
7
|
+
Title: React.FC<React.ComponentProps<typeof Typography.Heading>>;
|
8
|
+
Subtitle: React.FC<React.ComponentProps<typeof Typography.Small>>;
|
9
|
+
Chips: React.FC<DivProps>;
|
10
|
+
Actions: React.FC<DivProps>;
|
11
|
+
};
|
12
|
+
export declare const PageHeader: React.FC<DivProps> & ComposedSectionProps;
|
13
|
+
export {};
|
@@ -0,0 +1,43 @@
|
|
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 from 'react';
|
13
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
|
+
export const PageHeader = (_a) => {
|
16
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
17
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row gap-4 pb-6'), className) }, rest), children));
|
18
|
+
};
|
19
|
+
PageHeader.Container = (_a) => {
|
20
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
21
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-col grow gap-0'), className) }, rest), children));
|
22
|
+
};
|
23
|
+
PageHeader.TitleContainer = (_a) => {
|
24
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
25
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-col justify-center gap-2'), className) }, rest), children));
|
26
|
+
};
|
27
|
+
PageHeader.Title = (_a) => {
|
28
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
29
|
+
return (React.createElement(Typography.Heading, Object.assign({}, rest, { color: "grey-100" }), children));
|
30
|
+
};
|
31
|
+
PageHeader.Subtitle = (_a) => {
|
32
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
33
|
+
return (React.createElement(Typography.Small, Object.assign({}, rest, { color: "grey-70" }), children));
|
34
|
+
};
|
35
|
+
PageHeader.Chips = (_a) => {
|
36
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
37
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex gap-3'), className) }, rest), children));
|
38
|
+
};
|
39
|
+
PageHeader.Actions = (_a) => {
|
40
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
41
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row gap-4 self-start'), className) }, rest), children));
|
42
|
+
};
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9QYWdlSGVhZGVyL1BhZ2VIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBYXBELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEMsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDekcsMkNBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsMEJBQTBCLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBTSxJQUFJLEdBQzVFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLFNBQVMsR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUMzRCwyQ0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFNLElBQUksR0FDNUUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsY0FBYyxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ2hFLDJDQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG9DQUFvQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQU0sSUFBSSxHQUN0RixRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQW5CLFlBQXFCLENBQUY7SUFBTyxPQUFBLENBQzVDLG9CQUFDLFVBQVUsQ0FBQyxPQUFPLG9CQUFLLElBQUksSUFBRSxLQUFLLEVBQUMsVUFBVSxLQUMzQyxRQUFRLENBQ1UsQ0FDdEIsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUMvQyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsS0FBSyxFQUFDLFNBQVMsS0FDeEMsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN2RCwyQ0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBTSxJQUFJLEdBQzlELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN6RCwyQ0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxnQ0FBZ0MsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFNLElBQUksR0FDbEYsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React, { type HTMLProps } from 'react';
|
2
2
|
import { type CheckboxProps } from '../../../src/atoms/Checkbox/Checkbox';
|
3
3
|
import { type RadioButtonProps } from '../../../src/atoms/RadioButton/RadioButton';
|
4
|
-
import { type SortDirection, type TableItem, type TextAlign } from '../../../src/utils/table/types';
|
4
|
+
import { type SortDirection, type StickyColumn, type TableItem, type TextAlign } from '../../../src/utils/table/types';
|
5
5
|
import { type EmptyOrOneOrMore } from '../../../types/utils';
|
6
6
|
export declare type TableSort = {
|
7
7
|
key: string;
|
@@ -23,6 +23,7 @@ export declare type TableRowProps = HTMLProps<HTMLTableRowElement> & {
|
|
23
23
|
};
|
24
24
|
export declare type TableCellProps = HTMLProps<HTMLTableCellElement> & {
|
25
25
|
align?: TextAlign;
|
26
|
+
stickyColumn?: StickyColumn;
|
26
27
|
};
|
27
28
|
export declare type TableSelectCellProps = {
|
28
29
|
type?: 'checkbox' | 'radio';
|
@@ -46,9 +47,9 @@ export declare const Table: React.FC<TableProps> & {
|
|
46
47
|
};
|
47
48
|
export declare const rowClassNames: string;
|
48
49
|
export declare const cellClassNames: string;
|
49
|
-
export declare const getBodyCellClassNames: (table?: boolean) => string;
|
50
|
+
export declare const getBodyCellClassNames: (table?: boolean, stickyColumn?: StickyColumn) => string;
|
50
51
|
export declare const getAlignClassNames: (align?: TextAlign) => string;
|
51
|
-
export declare const getHeadCellClassNames: (sticky?: boolean) => string;
|
52
|
+
export declare const getHeadCellClassNames: (sticky?: boolean, stickyColumn?: StickyColumn) => string;
|
52
53
|
export declare const getSortCellButtonClassNames: (align?: TextAlign) => string;
|
53
54
|
export declare const getSortCellIconClassNames: (active: boolean) => string;
|
54
55
|
export declare const Item: React.FC<TableItem>;
|
@@ -34,25 +34,35 @@ const TableBody = (_a) => {
|
|
34
34
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
35
35
|
return React.createElement("tbody", Object.assign({}, rest), children);
|
36
36
|
};
|
37
|
-
export const rowClassNames = tw('children:border-grey-10 children:last:border-b-0 hover:bg-grey-0');
|
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
39
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
40
40
|
return (React.createElement("tr", Object.assign({}, rest, { className: classNames(rowClassNames, className) }), children));
|
41
41
|
};
|
42
42
|
export const cellClassNames = tw('px-4 border-b typography-small leading-[18px]');
|
43
|
-
export const getBodyCellClassNames = (table = true) => tw('text-grey-70 py-3', {
|
43
|
+
export const getBodyCellClassNames = (table = true, stickyColumn) => tw('text-grey-70 py-3', {
|
44
44
|
'h-[50px]': table,
|
45
45
|
'min-h-[50px]': !table,
|
46
|
+
'sticky z-10 bg-white group-hover:bg-grey-0': Boolean(stickyColumn),
|
47
|
+
'left-0': stickyColumn === 'left',
|
48
|
+
'right-0': stickyColumn === 'right',
|
46
49
|
});
|
47
50
|
export const getAlignClassNames = (align) => tw({ 'text-right': align === 'right', 'text-center': align === 'center' });
|
48
|
-
export const getHeadCellClassNames = (sticky = true) => {
|
51
|
+
export const getHeadCellClassNames = (sticky = true, stickyColumn) => {
|
49
52
|
const common = tw('py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal');
|
50
|
-
return sticky
|
53
|
+
return sticky
|
54
|
+
? classNames(common, tw('sticky top-0', {
|
55
|
+
'z-10': !stickyColumn,
|
56
|
+
'z-20': Boolean(stickyColumn),
|
57
|
+
'left-0': stickyColumn === 'left',
|
58
|
+
'right-0': stickyColumn === 'right',
|
59
|
+
}))
|
60
|
+
: common;
|
51
61
|
};
|
52
62
|
const TableCell = (_a) => {
|
53
|
-
var { children, className, align = 'left' } = _a, rest = __rest(_a, ["children", "className", "align"]);
|
63
|
+
var { children, className, stickyColumn, align = 'left' } = _a, rest = __rest(_a, ["children", "className", "stickyColumn", "align"]);
|
54
64
|
const headContext = React.useContext(HeadContext);
|
55
|
-
return headContext ? (React.createElement("th", Object.assign({}, rest, { className: classNames(cellClassNames, getHeadCellClassNames(headContext.sticky), getAlignClassNames(align), className) }), children)) : (React.createElement("td", Object.assign({}, rest, { className: classNames(cellClassNames, getBodyCellClassNames(), getAlignClassNames(align), className) }), children));
|
65
|
+
return headContext ? (React.createElement("th", Object.assign({}, rest, { className: classNames(cellClassNames, getHeadCellClassNames(headContext.sticky, stickyColumn), getAlignClassNames(align), className) }), children)) : (React.createElement("td", Object.assign({}, rest, { className: classNames(cellClassNames, getBodyCellClassNames(true, stickyColumn), getAlignClassNames(align), className) }), children));
|
56
66
|
};
|
57
67
|
/**
|
58
68
|
* @deprecated
|
@@ -88,4 +98,4 @@ Table.Row = React.memo(TableRow);
|
|
88
98
|
Table.Cell = React.memo(TableCell);
|
89
99
|
Table.SortCell = React.memo(TableSortCell);
|
90
100
|
Table.SelectCell = React.memo(TableSelectCell);
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFFQUFxRTs7Ozs7Ozs7Ozs7O0FBRXJFLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFFOUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQXNCLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzNFLE9BQU8sRUFBeUIsV0FBVyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFHdkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQXdDNUMsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBd0IsSUFBSSxDQUFDLENBQUM7QUFFckUsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDLHFEQUFxRCxDQUFDLENBQUM7QUFFbEYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQU9kLENBQUMsRUFBMkMsRUFBRSxFQUFFO1FBQS9DLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVDLE9BQU8sQ0FDTCwrQ0FBVyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLGdCQUFjLFNBQVMsS0FDdEYsUUFBUSxDQUNILENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQVcsRUFBTixJ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
|
@@ -7,6 +7,7 @@ export * from './DropdownMenu/DropdownMenu';
|
|
7
7
|
export * from './InputGroup/InputGroup';
|
8
8
|
export * from './Link/Link';
|
9
9
|
export * from './Modal/Modal';
|
10
|
+
export * from './Navigation/Navigation';
|
10
11
|
export * from './Popover/Popover';
|
11
12
|
export * from './PopoverDialog/PopoverDialog';
|
12
13
|
export * from './RadioButton/RadioButton';
|
package/dist/src/atoms/index.js
CHANGED
@@ -7,6 +7,7 @@ export * from './DropdownMenu/DropdownMenu';
|
|
7
7
|
export * from './InputGroup/InputGroup';
|
8
8
|
export * from './Link/Link';
|
9
9
|
export * from './Modal/Modal';
|
10
|
+
export * from './Navigation/Navigation';
|
10
11
|
export * from './Popover/Popover';
|
11
12
|
export * from './PopoverDialog/PopoverDialog';
|
12
13
|
export * from './RadioButton/RadioButton';
|
@@ -14,4 +15,4 @@ export * from './Select/Select';
|
|
14
15
|
export * from './Stepper/Stepper';
|
15
16
|
export * from './Switch/Switch';
|
16
17
|
export * from './Table/Table';
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDIn0=
|
@@ -80,7 +80,7 @@ export declare const TextButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<
|
|
80
80
|
*/
|
81
81
|
UNSAFE_className?: string | undefined;
|
82
82
|
'aria-label'?: string | undefined;
|
83
|
-
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "kind">, "hidden" | "color" | "style" | "
|
83
|
+
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "dense" | "icon" | "kind" | "loading" | "iconPlacement" | "fullWidth">, "hidden" | "color" | "style" | "translate" | "tooltip" | "disabled" | "prefix" | "form" | "slot" | "title" | "children" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "type" | "value" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "UNSAFE_className" | "tooltipPlacement"> & React.RefAttributes<HTMLButtonElement>>;
|
84
84
|
export declare const IconButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
|
85
85
|
kind?: ButtonKind | undefined;
|
86
86
|
fullWidth?: boolean | undefined;
|
@@ -65,10 +65,10 @@ export const asButton = (Component, isDropdownButton) => {
|
|
65
65
|
};
|
66
66
|
const buttonComponent = (React.createElement(Component, Object.assign({ ref: ref }, props, { className: classNames(UNSAFE_className, !isIconOnlyButton && COLOR_CLASSNAMES[kind],
|
67
67
|
// adding inline-block here for the case of using it with anchor tag
|
68
|
-
tw('inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative', {
|
68
|
+
tw('inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative text-center', {
|
69
69
|
'text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent': isIconOnlyButton,
|
70
70
|
'typography-default-strong': !dense && !isIconOnlyButton && kind !== 'text',
|
71
|
-
'typography-small-strong': dense && !isIconOnlyButton,
|
71
|
+
'typography-small-strong': dense && !isIconOnlyButton && kind !== 'text',
|
72
72
|
'py-3 px-4': !dense && isButton,
|
73
73
|
'py-2 px-3': dense && isButton,
|
74
74
|
'py-3': !dense && isGhost,
|
@@ -92,7 +92,7 @@ export const GhostButton = React.forwardRef((props, ref) => (React.createElement
|
|
92
92
|
GhostButton.displayName = 'GhostButton';
|
93
93
|
export const SecondaryGhostButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "secondary-ghost" }))));
|
94
94
|
SecondaryGhostButton.displayName = 'SecondaryGhostButton';
|
95
|
-
export const TextButton = React.forwardRef((props, ref) =>
|
95
|
+
export const TextButton = React.forwardRef((props, ref) => React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "text" })));
|
96
96
|
TextButton.displayName = 'TextButton';
|
97
97
|
// TODO: would be nice to freeze children prop for <IconButton>
|
98
98
|
export const IconButton = React.forwardRef((props, ref) => React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "ghost", loading: false, fullWidth: false })));
|
@@ -105,4 +105,4 @@ export const PrimaryDropdownButton = React.forwardRef((props, ref) => (React.cre
|
|
105
105
|
PrimaryDropdownButton.displayName = 'PrimaryDropdownButton';
|
106
106
|
export const SecondaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
|
107
107
|
SecondaryDropdownButton.displayName = 'SecondaryDropdownButton';
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CdXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sT0FBTyxNQUFNLG1CQUFtQixDQUFDO0FBZ0J4QyxNQUFNLGdCQUFnQixHQUFvQztJQUN4RCxTQUFTLEVBQUUsRUFBRSxDQUNYLG9MQUFvTCxDQUNyTDtJQUNELFdBQVcsRUFBRSxFQUFFLENBQ2IsK0dBQStHLEVBQy9HLDRFQUE0RSxFQUM1RSxzR0FBc0csQ0FDdkc7SUFDRCxPQUFPLEVBQUUsZ0JBQWdCO0lBQ3pCLE1BQU0sRUFBRSxnQkFBZ0I7SUFDeEIsaUJBQWlCLEVBQUUsRUFBRSxDQUNuQixzR0FBc0csQ0FDdkc7Q0FDRixDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQXlFLENBQUMsRUFDNUYsSUFBSSxHQUFHLE1BQU0sRUFDYixJQUFJLEdBQUcsU0FBUyxHQUNqQixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsb0JBQUMsVUFBVSxJQUNULElBQUksRUFBRSxPQUFPLEVBQ2IsS0FBSyxFQUFFLElBQUksRUFDWCxNQUFNLEVBQUUsSUFBSSxFQUNaLEtBQUssRUFBRSxJQUFJLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FB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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { type DataListColumn, type DataTableRow } from '../../../src/utils/table/types';
|
2
|
+
import { type DataListColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
3
3
|
export declare type DataListProps<C extends DataListColumn<R>, R extends DataTableRow> = {
|
4
4
|
/**
|
5
5
|
* Array of column definitions that correspond to the data rows.
|
@@ -15,5 +15,5 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
|
|
15
15
|
* @default true
|
16
16
|
*/
|
17
17
|
sticky?: boolean;
|
18
|
-
}
|
19
|
-
export declare const DataList: <C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, }: DataListProps<C, R>) => JSX.Element;
|
18
|
+
} & DataTableMenuProps<R>;
|
19
|
+
export declare const DataList: <C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, onAction, }: DataListProps<C, R>) => JSX.Element;
|
@@ -1,24 +1,37 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import
|
2
|
+
import compact from 'lodash/compact';
|
3
|
+
import isFunction from 'lodash/isFunction';
|
4
|
+
import { IconButton, SecondaryButton } from '../../../src/molecules/Button/Button';
|
3
5
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
6
|
+
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
4
7
|
import { Template } from '../../../src/molecules/Template/Template';
|
5
8
|
import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
|
6
9
|
import { Item } from '../../../src/atoms/Table/Table';
|
7
10
|
import { List } from '../../../src/molecules';
|
8
11
|
import { renameProperty } from '../../../src/utils/object';
|
9
|
-
import { cellProps, columnIsFieldColumn } from '../../../src/utils/table/types';
|
12
|
+
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
10
13
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
11
14
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
12
|
-
|
15
|
+
import more from '../../../src/icons/more';
|
16
|
+
export const DataList = ({ columns, rows, sticky, menu, onAction, }) => {
|
13
17
|
const [sort, updateSort] = useTableSort();
|
14
18
|
const sortedRows = sortRowsBy(rows, sort);
|
15
|
-
const templateColumns =
|
19
|
+
const templateColumns = compact([
|
20
|
+
...columns.map((column) => { var _a; return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto'; }),
|
21
|
+
menu ? 'auto' : undefined,
|
22
|
+
]);
|
16
23
|
return (React.createElement(Template, { columns: templateColumns },
|
17
24
|
columns.map((column) => (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)), column.headerName)) : (React.createElement(DataListBase.HeadCell, Object.assign({}, cellProps(column), { sticky: sticky }), column.headerName))),
|
25
|
+
menu && React.createElement(DataListBase.HeadCell, { align: "right", "aria-label": "Context menu" }),
|
18
26
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(DataListBase.Row, { key: row.id },
|
19
27
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
20
28
|
React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, sortedRows))))) : column.type === 'action' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
21
29
|
React.createElement(SecondaryButton, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
22
|
-
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])) })
|
30
|
+
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])) }),
|
31
|
+
menu && (React.createElement(DataListBase.Cell, { align: "right" },
|
32
|
+
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
33
|
+
React.createElement(DropdownMenu.Trigger, null,
|
34
|
+
React.createElement(IconButton, { "aria-label": "menu", icon: more })),
|
35
|
+
isFunction(menu) ? menu(row, index) : menu))))) })));
|
23
36
|
};
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBZSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBSUwsU0FBUyxFQUNULG1CQUFtQixHQUNwQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFbkQsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFxQmxDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFzRCxFQUM1RSxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sRUFDTixJQUFJLEVBQ0osUUFBUSxHQUNZLEVBQWUsRUFBRTtJQUNyQyxNQUFNLENBQUMsSUFBSSxFQUFFLFVB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
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { type TableProps } from '../../../src/molecules/Table/Table';
|
3
|
-
import { type DataTableColumn, type DataTableRow } from '../../../src/utils/table/types';
|
3
|
+
import { type DataTableColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
4
4
|
export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataTableRow> = {
|
5
5
|
/**
|
6
6
|
* Array of column definitions that correspond to the data rows.
|
@@ -25,5 +25,5 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
|
|
25
25
|
* @default true
|
26
26
|
*/
|
27
27
|
sticky?: boolean;
|
28
|
-
} & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'>;
|
29
|
-
export declare const DataTable: <C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, ...rest }: DataTableProps<C, R>) => JSX.Element;
|
28
|
+
} & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'> & DataTableMenuProps<R>;
|
29
|
+
export declare const DataTable: <C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, onAction, ...rest }: DataTableProps<C, R>) => JSX.Element;
|
@@ -10,18 +10,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import
|
13
|
+
import compact from 'lodash/compact';
|
14
|
+
import isFunction from 'lodash/isFunction';
|
15
|
+
import { IconButton, SecondaryButton } from '../../../src/molecules/Button/Button';
|
14
16
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
17
|
+
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
15
18
|
import { Table } from '../../../src/molecules/Table/Table';
|
16
19
|
import { Item } from '../../../src/atoms/Table/Table';
|
17
20
|
import { List } from '../../../src/molecules';
|
18
21
|
import { renameProperty } from '../../../src/utils/object';
|
19
|
-
import { cellProps, columnIsFieldColumn } from '../../../src/utils/table/types';
|
22
|
+
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
20
23
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
21
24
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
22
25
|
import { tw } from '../../../src/utils/tailwind';
|
26
|
+
import more from '../../../src/icons/more';
|
23
27
|
export const DataTable = (_a) => {
|
24
|
-
var { columns, rows, noWrap = false, layout = 'auto', sticky } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky"]);
|
28
|
+
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, onAction } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "onAction"]);
|
25
29
|
const [sort, updateSort] = useTableSort();
|
26
30
|
const sortedRows = sortRowsBy(rows, sort);
|
27
31
|
return (React.createElement(Table, Object.assign({}, rest, { className: tw({
|
@@ -29,7 +33,10 @@ export const DataTable = (_a) => {
|
|
29
33
|
'table-auto': layout === 'auto',
|
30
34
|
'table-fixed': layout === 'fixed',
|
31
35
|
}) }),
|
32
|
-
React.createElement(Table.Head, { sticky: sticky },
|
36
|
+
React.createElement(Table.Head, { sticky: sticky }, compact([
|
37
|
+
...columns.map((column) => (columnIsFieldColumn(column) && column.sortable) || column.sort ? (React.createElement(Table.SortCell, Object.assign({ direction: sort && sort.column.headerName === column.headerName ? sort.direction : 'none', onClick: () => updateSort(column), style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }, cellProps(column)), !column.headerInvisible && column.headerName)) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column), { style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }), !column.headerInvisible && column.headerName))),
|
38
|
+
menu ? React.createElement(Table.Cell, { key: "__contextMenu", align: "right", "aria-label": "Context menu" }) : null,
|
39
|
+
])),
|
33
40
|
React.createElement(Table.Body, null,
|
34
41
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(Table.Row, { key: row.id },
|
35
42
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
@@ -37,6 +44,11 @@ export const DataTable = (_a) => {
|
|
37
44
|
React.createElement(SecondaryButton, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
38
45
|
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), column.formatter
|
39
46
|
? column.formatter(row[column.field], row, index, sortedRows)
|
40
|
-
: row[column.field])) })
|
47
|
+
: row[column.field])) }),
|
48
|
+
menu && (React.createElement(Table.Cell, { align: "right" },
|
49
|
+
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
50
|
+
React.createElement(DropdownMenu.Trigger, null,
|
51
|
+
React.createElement(IconButton, { "aria-label": "menu", icon: more })),
|
52
|
+
isFunction(menu) ? menu(row, index) : menu))))) }))));
|
41
53
|
};
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFtQixLQUFLLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVuRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUlMLFNBQVMsRUFDVCxtQkFBbUIsR0FDcEIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQWlDbEMsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQXVELEVBU3pELEVBQWUsRUFBRTtRQVR3QyxFQUM5RSxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sR0FBRyxLQUFLLEVBQ2QsTUFBTSxHQUFHLE1BQU0sRUFDZixN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
|