@aivenio/aquarium 1.5.0 → 1.6.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 +1 -1
- package/dist/atoms.mjs +1 -1
- package/dist/src/common/DataList/DataList.d.ts +1 -0
- package/dist/src/common/DataList/DataList.js +3 -3
- package/dist/src/common/Popover/Popover.js +2 -2
- package/dist/src/components/DataList/DataList.d.ts +7 -1
- package/dist/src/components/DataList/DataList.js +3 -3
- package/dist/src/components/DataTable/DataTable.d.ts +7 -1
- package/dist/src/components/DataTable/DataTable.js +3 -3
- package/dist/src/components/EmptyState/EmptyState.d.ts +2 -1
- package/dist/src/components/EmptyState/EmptyState.js +4 -4
- package/dist/src/components/Popover/Popover.js +2 -2
- package/dist/src/components/Popover/PopoverWrapper.d.ts +1 -0
- package/dist/src/components/Popover/PopoverWrapper.js +3 -3
- package/dist/system.cjs +28 -15
- package/dist/system.mjs +28 -15
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
package/dist/atoms.cjs
CHANGED
|
@@ -3524,7 +3524,7 @@ var PopoverPanel = import_react24.default.forwardRef((_a, ref) => {
|
|
|
3524
3524
|
className: classNames(
|
|
3525
3525
|
className,
|
|
3526
3526
|
tw(
|
|
3527
|
-
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
|
|
3527
|
+
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20 overflow-y-auto"
|
|
3528
3528
|
)
|
|
3529
3529
|
)
|
|
3530
3530
|
}, props), children);
|
package/dist/atoms.mjs
CHANGED
|
@@ -3489,7 +3489,7 @@ var PopoverPanel = React20.forwardRef((_a, ref) => {
|
|
|
3489
3489
|
className: classNames(
|
|
3490
3490
|
className,
|
|
3491
3491
|
tw(
|
|
3492
|
-
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
|
|
3492
|
+
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20 overflow-y-auto"
|
|
3493
3493
|
)
|
|
3494
3494
|
)
|
|
3495
3495
|
}, props), children);
|
|
@@ -37,8 +37,8 @@ const Row = (_a) => {
|
|
|
37
37
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('contents group'), className), role: "row" })));
|
|
38
38
|
};
|
|
39
39
|
const SortCell = (_a) => {
|
|
40
|
-
var { children, direction = 'none', onClick } = _a, rest = __rest(_a, ["children", "direction", "onClick"]);
|
|
41
|
-
return (React.createElement(HeadCell, Object.assign({}, rest, { "aria-sort": direction, role: "cell" }),
|
|
40
|
+
var { children, direction = 'none', onClick, sticky } = _a, rest = __rest(_a, ["children", "direction", "onClick", "sticky"]);
|
|
41
|
+
return (React.createElement(HeadCell, Object.assign({}, rest, { "aria-sort": direction, role: "cell", sticky: sticky }),
|
|
42
42
|
React.createElement("span", { className: getSortCellButtonClassNames(rest.align), role: 'button', tabIndex: -1, onClick: onClick },
|
|
43
43
|
children,
|
|
44
44
|
React.createElement("div", { "data-sort-icons": true, className: tw('flex flex-col', {
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsT0FBTyxFQUNMLGNBQWMsRUFDZCxxQkFBcUIsRUFDckIscUJBQXFCLEVBQ3JCLDJCQUEyQixFQUMzQix5QkFBeUIsR0FDMUIsTUFBTSx3QkFBd0IsQ0FBQztBQUdoQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sU0FBUyxNQUFNLHFCQUFxQixDQUFDO0FBVzVDLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxLQUFpQixFQUFFLEVBQUUsQ0FDL0MsRUFBRSxDQUFDLG1CQUFtQixFQUFFO0lBQ3RCLGFBQWEsRUFBRSxLQUFLLEtBQUssT0FBTztJQUNoQyxnQkFBZ0IsRUFBRSxLQUFLLEtBQUssUUFBUTtJQUNwQyxlQUFlLEVBQUUsS0FBSyxLQUFLLE1BQU0sSUFBSSxLQUFLLEtBQUssU0FBUztDQUN6RCxDQUFDLENBQUM7QUFFTCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTBCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSw2Q0FBUyxJQUFJLEVBQUksQ0FBQTtDQUFBLENBQUM7QUFFN0YsTUFBTSxRQUFRLEdBQWlFLENBQUMsRUFLL0UsRUFBRSxFQUFFO1FBTDJFLEVBQzlFLFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxPQUVOLEVBREksSUFBSSxjQUp1RSxnQ0FLL0UsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsSUFBSSxFQUFDLE1BQU0sRUFDWCxTQUFTLEVBQUUsVUFBVSxDQUFDLGNBQWMsRUFBRSxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsRUFBRSxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUMsSUFDMUcsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sSUFBSSxHQUErQyxDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFNBQVMsRUFBRSxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8sT0FBQSxDQUMxRiw2Q0FDTSxJQUFJLElBQ1IsSUFBSSxFQUFDLE1BQU0sRUFDWCxTQUFTLEVBQUUsVUFBVSxDQUNuQixjQUFjLEVBQ2QscUJBQXFCLENBQUMsS0FBSyxDQUFDLEVBQzVCLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxFQUN6QixFQUFFLENBQUMsNERBQTRELENBQUMsRUFDaEUsU0FBUyxDQUNWLElBQ0QsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sR0FBRyxHQUF1QixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDMUQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDLEVBQUUsU0FBUyxDQUFDLEVBQUUsSUFBSSxFQUFDLEtBQUssSUFBRyxDQUNyRixDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQU9WLENBQUMsRUFBMEQsRUFBRSxFQUFFO1FBQTlELEVBQUUsUUFBUSxFQUFFLFNBQVMsR0FBRyxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBeEQsOENBQTBELENBQUY7SUFBTyxPQUFBLENBQ2xFLG9CQUFDLFFBQVEsb0JBQUssSUFBSSxpQkFBYSxTQUFTLEVBQUUsSUFBSSxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUUsTUFBTTtRQUNsRSw4QkFBTSxTQUFTLEVBQUUsMkJBQTJCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxPQUFPO1lBQ3JHLFFBQVE7WUFDVCxzREFFRSxTQUFTLEVBQUUsRUFBRSxDQUFDLGVBQWUsRUFBRTtvQkFDN0IsK0JBQStCLEVBQUUsU0FBUyxLQUFLLE1BQU07aUJBQ3RELENBQUM7Z0JBRUYsb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixDQUFDLFNBQVMsS0FBSyxZQUFZLENBQUMsR0FBSTtnQkFDakcsb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixDQUFDLFNBQVMsS0FBSyxXQUFXLENBQUMsR0FBSSxDQUM5RixDQUNELENBQ0UsQ0FDWixDQUFBO0NBQUEsQ0FBQztBQUVGLFFBQVEsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0FBQzdCLFFBQVEsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0FBQzdCLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0FBQ3JCLFFBQVEsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDIn0=
|
|
@@ -13,9 +13,9 @@ import React from 'react';
|
|
|
13
13
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
|
14
14
|
const PopoverPanel = React.forwardRef((_a, ref) => {
|
|
15
15
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
16
|
-
return (React.createElement("div", Object.assign({ ref: ref, className: classNames(className, tw('rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20')) }, props), children));
|
|
16
|
+
return (React.createElement("div", Object.assign({ ref: ref, className: classNames(className, tw('rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20 overflow-y-auto')) }, props), children));
|
|
17
17
|
});
|
|
18
18
|
export const Popover = {
|
|
19
19
|
Panel: PopoverPanel,
|
|
20
20
|
};
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vUG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBTXBELE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW9DLENBQUMsRUFBaUMsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUExQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQS9CLHlCQUFpQyxDQUFGO0lBQVksT0FBQSxDQUNuSCwyQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLFNBQVMsRUFDVCxFQUFFLENBQ0EsaUlBQWlJLENBQ2xJLENBQ0YsSUFDRyxLQUFLLEdBRVIsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUMsQ0FBQztBQU1ILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBWTtJQUM5QixLQUFLLEVBQUUsWUFBWTtDQUNwQixDQUFDIn0=
|
|
@@ -9,5 +9,11 @@ export declare type DataListProps<R extends DataTableRow> = {
|
|
|
9
9
|
* Array of data rows to be displayed.
|
|
10
10
|
*/
|
|
11
11
|
rows: R[];
|
|
12
|
+
/**
|
|
13
|
+
* Determines if table header should stick to top when scrolling.
|
|
14
|
+
* Sortable headers can not be sticky.
|
|
15
|
+
* @default true
|
|
16
|
+
*/
|
|
17
|
+
sticky?: boolean;
|
|
12
18
|
};
|
|
13
|
-
export declare const DataList: <R extends DataTableRow>({ columns, rows }: DataListProps<R>) => JSX.Element;
|
|
19
|
+
export declare const DataList: <R extends DataTableRow>({ columns, rows, sticky }: DataListProps<R>) => JSX.Element;
|
|
@@ -9,16 +9,16 @@ import { List } from '../../../src/components';
|
|
|
9
9
|
import { renameProperty } from '../../../src/utils/object';
|
|
10
10
|
import { cellProps, toSortDirection } from '../../../src/utils/table/types';
|
|
11
11
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
|
12
|
-
export const DataList = ({ columns, rows }) => {
|
|
12
|
+
export const DataList = ({ columns, rows, sticky }) => {
|
|
13
13
|
const [sort, updateSort] = useTableSort();
|
|
14
14
|
const sortedRows = orderBy(rows, [sort === null || sort === void 0 ? void 0 : sort.key], [toSortDirection(sort === null || sort === void 0 ? void 0 : sort.direction)]);
|
|
15
15
|
const templateColumns = columns.map((column) => { var _a; return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto'; });
|
|
16
16
|
return (React.createElement(Template, { columns: templateColumns },
|
|
17
|
-
columns.map((column) => (column.type === 'text' || column.type === 'number') && column.sortable ? (React.createElement(DataListBase.SortCell, Object.assign({ direction: sort && sort.key === column.field ? sort.direction : 'none', onClick: () => updateSort(column.field) }, cellProps(column)), column.headerName)) : (React.createElement(DataListBase.HeadCell, Object.assign({}, cellProps(column)), column.headerName))),
|
|
17
|
+
columns.map((column) => (column.type === 'text' || column.type === 'number') && column.sortable ? (React.createElement(DataListBase.SortCell, Object.assign({ direction: sort && sort.key === column.field ? sort.direction : 'none', onClick: () => updateSort(column.field), sticky: sticky }, cellProps(column)), column.headerName)) : (React.createElement(DataListBase.HeadCell, Object.assign({}, cellProps(column), { sticky: sticky }), column.headerName))),
|
|
18
18
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(DataListBase.Row, { key: row.id },
|
|
19
19
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
|
20
20
|
React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, sortedRows))))) : column.type === 'action' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
|
21
21
|
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, null,
|
|
22
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])) }))) })));
|
|
23
23
|
};
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EYXRhTGlzdC9EYXRhTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sT0FBTyxNQUFNLGdCQUFnQixDQUFDO0FBRXJDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTlDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUEwQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBcUI1RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBeUIsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBb0IsRUFBZSxFQUFFO0lBQzNHLE1BQU0sQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLEdBQUcsWUFBWSxFQUFLLENBQUM7SUFDN0MsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxHQUFHLENBQUMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsU0FBUyxDQUFDLENBQUMs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
|
|
@@ -19,5 +19,11 @@ export declare type DataTableProps<R extends DataTableRow> = {
|
|
|
19
19
|
* Set table layout. Defaults to 'auto'.
|
|
20
20
|
*/
|
|
21
21
|
layout?: 'auto' | 'fixed';
|
|
22
|
+
/**
|
|
23
|
+
* Determines if table header should stick to top when scrolling.
|
|
24
|
+
* Sortable headers can not be sticky.
|
|
25
|
+
* @default true
|
|
26
|
+
*/
|
|
27
|
+
sticky?: boolean;
|
|
22
28
|
} & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'>;
|
|
23
|
-
export declare const DataTable: <T extends DataTableRow>({ columns, rows, noWrap, layout, ...rest }: DataTableProps<T>) => JSX.Element;
|
|
29
|
+
export declare const DataTable: <T extends DataTableRow>({ columns, rows, noWrap, layout, sticky, ...rest }: DataTableProps<T>) => JSX.Element;
|
|
@@ -21,7 +21,7 @@ import { cellProps, toSortDirection } from '../../../src/utils/table/types';
|
|
|
21
21
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
|
22
22
|
import { tw } from '../../../src/utils/tailwind';
|
|
23
23
|
export const DataTable = (_a) => {
|
|
24
|
-
var { columns, rows, noWrap = false, layout = 'auto' } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout"]);
|
|
24
|
+
var { columns, rows, noWrap = false, layout = 'auto', sticky } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky"]);
|
|
25
25
|
const [sort, updateSort] = useTableSort();
|
|
26
26
|
const sortedRows = orderBy(rows, [sort === null || sort === void 0 ? void 0 : sort.key], [toSortDirection(sort === null || sort === void 0 ? void 0 : sort.direction)]);
|
|
27
27
|
return (React.createElement(Table, Object.assign({}, rest, { className: tw({
|
|
@@ -29,7 +29,7 @@ export const DataTable = (_a) => {
|
|
|
29
29
|
'table-auto': layout === 'auto',
|
|
30
30
|
'table-fixed': layout === 'fixed',
|
|
31
31
|
}) }),
|
|
32
|
-
React.createElement(Table.Head,
|
|
32
|
+
React.createElement(Table.Head, { sticky: sticky }, columns.map((column) => (column.type === 'text' || column.type === 'number') && column.sortable ? (React.createElement(Table.SortCell, Object.assign({ direction: sort && sort.key === column.field ? sort.direction : 'none', onClick: () => updateSort(column.field), style: { width: column.width } }, cellProps(column)), column.headerName)) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column), { style: { width: column.width } }), column.headerName)))),
|
|
33
33
|
React.createElement(Table.Body, null,
|
|
34
34
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(Table.Row, { key: row.id },
|
|
35
35
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
|
@@ -39,4 +39,4 @@ export const DataTable = (_a) => {
|
|
|
39
39
|
? column.formatter(row[column.field], row, index, sortedRows)
|
|
40
40
|
: row[column.field])) }))) }))));
|
|
41
41
|
};
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0YVRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFFckMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQW1CLEtBQUssRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXBFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBMkMsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFnQ3hDLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxDQUF5QixFQU85QixFQUFlLEVBQUU7UUFQYSxFQUNoRCxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sR0FBRyxLQUFLLEVBQ2QsTUFBTSxHQUFHLE1BQU0sRUFDZixNQUFNLE9BRVksRUFEZixJQUFJLGNBTnlDLGlEQU9qRCxDQURRO0lBRVAsTUFBTSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsR0FBRyxZQUFZLEVBQUssQ0FBQztJQUM3QyxNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFB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QUFJLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUMzQixvQkFBQyxLQUFLLENBQUMsSUFBSSxvQkFBSyxTQUFTLENBQUMsTUFBTSxDQUFDOzRCQUMvQixvQkFBQyxJQUFJLG9CQUFLLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsRUFBSSxDQUN0QyxDQUNkLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsS0FBSyxDQUFDLElBQUksb0JBQUssU0FBUyxDQUFDLE1BQU0sQ0FBQyxHQUM5QixNQUFNLENBQUMsU0FBUzs0QkFDZixDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDOzRCQUM3RCxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FDVixDQUNkLEdBRUgsQ0FDUSxDQUNiLEdBQ0QsQ0FDUyxDQUNQLENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -27,7 +27,8 @@ export declare type EmptyStateProps = {
|
|
|
27
27
|
imageWidth?: number;
|
|
28
28
|
/**
|
|
29
29
|
* Provide a sentence that explain clearly about the next action to populate the space or why the space is empty and include the benefit of taking the next step.'
|
|
30
|
-
* This prop supports only 1 paragraph and can't include any link in it at the moment.
|
|
30
|
+
* This prop supports only 1 paragraph and can't include any link in it at the moment. Please use children prop instead.
|
|
31
|
+
* @deprecated
|
|
31
32
|
*/
|
|
32
33
|
description?: string;
|
|
33
34
|
/**
|
|
@@ -48,7 +48,7 @@ const layoutStyle = (layout) => {
|
|
|
48
48
|
* @param props EmptyStateProps
|
|
49
49
|
* @returns React.ReactElement
|
|
50
50
|
*/
|
|
51
|
-
export const EmptyState = ({ title, image, imageAlt = '', imageWidth, description, primaryAction, secondaryAction, footer, layout = EmptyStateLayout.CenterVertical, borderStyle = 'dashed', }) => {
|
|
51
|
+
export const EmptyState = ({ title, image, imageAlt = '', imageWidth, description, children, primaryAction, secondaryAction, footer, layout = EmptyStateLayout.CenterVertical, borderStyle = 'dashed', }) => {
|
|
52
52
|
const template = layoutStyle(layout);
|
|
53
53
|
return (React.createElement(Box, { className: classNames(tw('rounded', {
|
|
54
54
|
'border border-dashed': borderStyle === 'dashed',
|
|
@@ -63,12 +63,12 @@ export const EmptyState = ({ title, image, imageAlt = '', imageWidth, descriptio
|
|
|
63
63
|
React.createElement("img", { src: image, alt: imageAlt, style: { width: imageWidth ? `${imageWidth}px` : undefined, height: 'auto' } }))),
|
|
64
64
|
React.createElement(Flexbox, { style: { maxWidth: '610px' }, direction: "column", justifyContent: template.justifyContent, alignItems: template.alignItems },
|
|
65
65
|
React.createElement(Typography, { variant: "heading", htmlTag: "h2" }, title),
|
|
66
|
-
description && (React.createElement(Box, { marginTop: "5" },
|
|
67
|
-
React.createElement(Typography, { variant: "default", color: "grey-60" }, description))),
|
|
66
|
+
(description || children) && (React.createElement(Box, { marginTop: "5" },
|
|
67
|
+
React.createElement(Typography, { variant: "default", color: "grey-60" }, children || description))),
|
|
68
68
|
(secondaryAction || primaryAction) && (React.createElement(Flexbox, { marginTop: "7", gap: "4", justifyContent: "center", alignItems: "center", wrap: "wrap" },
|
|
69
69
|
primaryAction && React.createElement(PrimaryButton, Object.assign({}, omit(primaryAction, 'text')), primaryAction.text),
|
|
70
70
|
secondaryAction && (React.createElement(SecondaryButton, Object.assign({}, omit(secondaryAction, 'text')), secondaryAction.text)))),
|
|
71
71
|
footer && (React.createElement(Box, { marginTop: "7" },
|
|
72
72
|
React.createElement(Typography, { htmlTag: "div", variant: "small", color: "grey-60" }, footer)))))));
|
|
73
73
|
};
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE1BQU0sQ0FBTixJQUFZLGdCQUtYO0FBTEQsV0FBWSxnQkFBZ0I7SUFDMUIsc0RBQWtDLENBQUE7SUFDbEMsa0RBQThCLENBQUE7SUFDOUIsMERBQXNDLENBQUE7SUFDdEMsc0RBQWtDLENBQUE7QUFDcEMsQ0FBQyxFQUxXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFLM0I7QUFrRUQsTUFBTSxXQUFXLEdBQUcsQ0FBQyxNQUF3QixFQUFvQixFQUFFO0lBQ2pFLFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxnQkFBZ0IsQ0FBQyxZQUFZO1lBQ2hDLE9BQU87Z0JBQ0wsTUFBTSxFQUFFLFFBQVE7Z0JBQ2hCLGNBQWMsRUFBRSxZQUFZO2dCQUM1QixVQUFVLEVBQUUsWUFBWTthQUN6QixDQUFDO1FBQ0osS0FBSyxnQkFBZ0IsQ0FBQyxjQUFjO1lBQ2xDLE9BQU87Z0JBQ0wsTUFBTSxFQUFFLEtBQUs7Z0JBQ2IsY0FBYyxFQUFFLFlBQVk7Z0JB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
|
|
@@ -42,7 +42,7 @@ export const Popover = (props) => {
|
|
|
42
42
|
React.createElement(PopoverTriggerWrapper, { "data-testid": props['data-testid'], "aria-controls": id }, child.props.children)));
|
|
43
43
|
}
|
|
44
44
|
if (isComponentType(child, Popover.Panel)) {
|
|
45
|
-
return (React.createElement(PopoverWrapper, Object.assign({ ref: overlayRef, isOpen: state.isOpen, onClose: state.close, placement: placement, arrowProps: arrowProps, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, autoFocus: autoFocus, containFocus: containFocus }, popoverProps, otherOverlayProps, { id: id }), child.props.children));
|
|
45
|
+
return (React.createElement(PopoverWrapper, Object.assign({ ref: overlayRef, isOpen: state.isOpen, onClose: state.close, placement: placement, arrowProps: arrowProps, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, autoFocus: autoFocus, containFocus: containFocus }, popoverProps, otherOverlayProps, { id: id, className: child.props.className }), child.props.children));
|
|
46
46
|
}
|
|
47
47
|
throw new Error('Invalid children element type');
|
|
48
48
|
})));
|
|
@@ -76,4 +76,4 @@ const PopoverTriggerWrapper = (_a) => {
|
|
|
76
76
|
const { pressProps } = usePress(Object.assign(Object.assign({}, rest), { ref }));
|
|
77
77
|
return React.cloneElement(trigger, Object.assign(Object.assign({ 'ref': ref }, mergeProps(pressProps, trigger.props)), { 'aria-controls': (_b = rest['aria-controls']) !== null && _b !== void 0 ? _b : pressProps['aria-controls'] }));
|
|
78
78
|
};
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzdFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQVNqRSxPQUFPLEVBQW9CLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXhFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQTRDbEQsZUFBZTtBQUVmLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FJaEIsQ0FBQyxLQUFLLEVBQUUsRUFBRTs7SUFDWixNQUFNLEVBQ0osRUFBRSxFQUNGLFNBQVMsRUFBRSxVQUFVLEdBQUcsYUFBYSxFQUNyQyxhQUFhLEdBQUcsSUFBSSxFQUNwQix5QkFBeUIsRUFDekIsU0FBUyxHQUFHLElBQUksRUFDaEIsWUFBWSxHQUFHLEtBQUssRUFDcEIsU0FBUyxHQUNWLEdBQUcsS0FBSyxDQUFDO0lBQ1YsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFjLElBQUksQ0FBQyxDQUFDO0lBQzdDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDaEQsTUFBTSxL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
|
|
@@ -12,4 +12,5 @@ export declare const PopoverWrapper: React.ForwardRefExoticComponent<BaseOverlay
|
|
|
12
12
|
isDismissable?: boolean | undefined;
|
|
13
13
|
autoFocus?: boolean | undefined;
|
|
14
14
|
containFocus?: boolean | undefined;
|
|
15
|
+
className?: string | undefined;
|
|
15
16
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -19,7 +19,7 @@ export const PopoverWrapper = React.forwardRef((props, ref) => {
|
|
|
19
19
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20
20
|
shouldCloseOnBlur,
|
|
21
21
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
22
|
-
isKeyboardDismissDisabled, isNonModal = true, isDismissable, autoFocus, containFocus } = props, otherProps = __rest(props, ["id", "children", "placement", "arrowProps", "isOpen", "hideArrow", "shouldCloseOnBlur", "isKeyboardDismissDisabled", "isNonModal", "isDismissable", "autoFocus", "containFocus"]);
|
|
22
|
+
isKeyboardDismissDisabled, isNonModal = true, isDismissable, autoFocus, containFocus, className } = props, otherProps = __rest(props, ["id", "children", "placement", "arrowProps", "isOpen", "hideArrow", "shouldCloseOnBlur", "isKeyboardDismissDisabled", "isNonModal", "isDismissable", "autoFocus", "containFocus", "className"]);
|
|
23
23
|
const { overlayProps } = useOverlay(Object.assign(Object.assign({}, props), { isDismissable: isDismissable && isOpen }), ref);
|
|
24
24
|
const { modalProps } = useModal({
|
|
25
25
|
isDisabled: isNonModal,
|
|
@@ -29,8 +29,8 @@ export const PopoverWrapper = React.forwardRef((props, ref) => {
|
|
|
29
29
|
}
|
|
30
30
|
return (React.createElement(OverlayContainer, null,
|
|
31
31
|
React.createElement(FocusScope, { restoreFocus: true, autoFocus: autoFocus, contain: containFocus },
|
|
32
|
-
React.createElement(Base.Panel, Object.assign({ ref: ref, role: "dialog" }, mergeProps(otherProps, modalProps, overlayProps), { id: id !== null && id !== void 0 ? id : overlayProps.id }),
|
|
32
|
+
React.createElement(Base.Panel, Object.assign({ ref: ref, role: "dialog" }, mergeProps(otherProps, modalProps, overlayProps), { id: id !== null && id !== void 0 ? id : overlayProps.id, className: className }),
|
|
33
33
|
children,
|
|
34
34
|
React.createElement(DismissButton, { onDismiss: props.onClose })))));
|
|
35
35
|
});
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlcldyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXJXcmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDN0YsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRy9DLE9BQU8sRUFBRSxPQUFPLElBQUksSUFBSSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFpQjdELE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFzQyxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUNqRyxNQUFNLEVBQ0osRUFBRSxFQUNGLFFBQVEsRUFDUixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixTQUFTO0lBQ1QsNkRBQTZEO0lBQzdELGlCQUFpQjtJQUNqQiw2REFBNkQ7SUFDN0QseUJBQXlCLEVBQ3pCLFVBQVUsR0FBRyxJQUFJLEVBQ2pCLGFBQWEsRUFDYixTQUFTLEVBQ1QsWUFBWSxFQUNaLFNBQVMsS0FFUCxLQUFLLEVBREosVUFBVSxVQUNYLEtBQUssRUFqQkgsK0xBaUJMLENBQVEsQ0FBQztJQUVWLE1BQU0sRUFBRSxZQUFZLEVBQUUsR0FBRyxVQUFVLGlDQUM1QixLQUFLLEtBQUUsYUFBYSxFQUFFLGFBQWEsSUFBSSxNQUFNLEtBQ2xELEdBQXNDLENBQ3ZDLENBQUM7SUFFRixNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsUUFBUSxDQUFDO1FBQzlCLFVBQVUsRUFBRSxVQUFVO0tBQ3ZCLENBQUMsQ0FBQztJQUVILElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFO1FBQ2pCLE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCO1FBQ2Ysb0JBQUMsVUFBVSxJQUFDLFlBQVksUUFBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxZQUFZO1lBQ2xFLG9CQUFDLElBQUksQ0FBQyxLQUFLLGtCQUNULEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFFBQVEsSUFDVCxVQUFVLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxZQUFZLENBQUMsSUFDcEQsRUFBRSxFQUFFLEVBQUUsYUFBRixFQUFFLGNBQUYsRUFBRSxHQUFJLFlBQVksQ0FBQyxFQUFFLEVBQ3pCLFNBQVMsRUFBRSxTQUFTO2dCQUVuQixRQUFRO2dCQUNULG9CQUFDLGFBQWEsSUFBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLE9BQU8sR0FBSSxDQUNoQyxDQUNGLENBQ0ksQ0FDcEIsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDIn0=
|
package/dist/system.cjs
CHANGED
|
@@ -4971,7 +4971,7 @@ var PopoverPanel = import_react43.default.forwardRef((_a, ref) => {
|
|
|
4971
4971
|
className: classNames(
|
|
4972
4972
|
className,
|
|
4973
4973
|
tw(
|
|
4974
|
-
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
|
|
4974
|
+
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20 overflow-y-auto"
|
|
4975
4975
|
)
|
|
4976
4976
|
)
|
|
4977
4977
|
}, props), children);
|
|
@@ -4994,7 +4994,8 @@ var PopoverWrapper = import_react44.default.forwardRef((props, ref) => {
|
|
|
4994
4994
|
isNonModal = true,
|
|
4995
4995
|
isDismissable,
|
|
4996
4996
|
autoFocus,
|
|
4997
|
-
containFocus
|
|
4997
|
+
containFocus,
|
|
4998
|
+
className
|
|
4998
4999
|
} = _a, otherProps = __objRest(_a, [
|
|
4999
5000
|
"id",
|
|
5000
5001
|
"children",
|
|
@@ -5007,7 +5008,8 @@ var PopoverWrapper = import_react44.default.forwardRef((props, ref) => {
|
|
|
5007
5008
|
"isNonModal",
|
|
5008
5009
|
"isDismissable",
|
|
5009
5010
|
"autoFocus",
|
|
5010
|
-
"containFocus"
|
|
5011
|
+
"containFocus",
|
|
5012
|
+
"className"
|
|
5011
5013
|
]);
|
|
5012
5014
|
const { overlayProps } = (0, import_overlays4.useOverlay)(
|
|
5013
5015
|
__spreadProps(__spreadValues({}, props), { isDismissable: isDismissable && isOpen }),
|
|
@@ -5027,7 +5029,8 @@ var PopoverWrapper = import_react44.default.forwardRef((props, ref) => {
|
|
|
5027
5029
|
ref,
|
|
5028
5030
|
role: "dialog"
|
|
5029
5031
|
}, (0, import_utils3.mergeProps)(otherProps, modalProps, overlayProps)), {
|
|
5030
|
-
id: id != null ? id : overlayProps.id
|
|
5032
|
+
id: id != null ? id : overlayProps.id,
|
|
5033
|
+
className
|
|
5031
5034
|
}), children, /* @__PURE__ */ import_react44.default.createElement(import_overlays4.DismissButton, {
|
|
5032
5035
|
onDismiss: props.onClose
|
|
5033
5036
|
}))));
|
|
@@ -5442,10 +5445,11 @@ var Row = (_a) => {
|
|
|
5442
5445
|
}));
|
|
5443
5446
|
};
|
|
5444
5447
|
var SortCell = (_a) => {
|
|
5445
|
-
var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
|
|
5448
|
+
var _b = _a, { children, direction = "none", onClick, sticky } = _b, rest = __objRest(_b, ["children", "direction", "onClick", "sticky"]);
|
|
5446
5449
|
return /* @__PURE__ */ import_react50.default.createElement(HeadCell, __spreadProps(__spreadValues({}, rest), {
|
|
5447
5450
|
"aria-sort": direction,
|
|
5448
|
-
role: "cell"
|
|
5451
|
+
role: "cell",
|
|
5452
|
+
sticky
|
|
5449
5453
|
}), /* @__PURE__ */ import_react50.default.createElement("span", {
|
|
5450
5454
|
className: getSortCellButtonClassNames(rest.align),
|
|
5451
5455
|
role: "button",
|
|
@@ -5503,7 +5507,7 @@ var useTableSort = () => {
|
|
|
5503
5507
|
};
|
|
5504
5508
|
|
|
5505
5509
|
// src/components/DataList/DataList.tsx
|
|
5506
|
-
var DataList2 = ({ columns, rows }) => {
|
|
5510
|
+
var DataList2 = ({ columns, rows, sticky }) => {
|
|
5507
5511
|
const [sort, updateSort] = useTableSort();
|
|
5508
5512
|
const sortedRows = (0, import_orderBy2.default)(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
|
|
5509
5513
|
const templateColumns = columns.map((column) => {
|
|
@@ -5515,8 +5519,11 @@ var DataList2 = ({ columns, rows }) => {
|
|
|
5515
5519
|
}, columns.map(
|
|
5516
5520
|
(column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ import_react52.default.createElement(DataList.SortCell, __spreadValues({
|
|
5517
5521
|
direction: sort && sort.key === column.field ? sort.direction : "none",
|
|
5518
|
-
onClick: () => updateSort(column.field)
|
|
5519
|
-
|
|
5522
|
+
onClick: () => updateSort(column.field),
|
|
5523
|
+
sticky
|
|
5524
|
+
}, cellProps(column)), column.headerName) : /* @__PURE__ */ import_react52.default.createElement(DataList.HeadCell, __spreadProps(__spreadValues({}, cellProps(column)), {
|
|
5525
|
+
sticky
|
|
5526
|
+
}), column.headerName)
|
|
5520
5527
|
), /* @__PURE__ */ import_react52.default.createElement(List, {
|
|
5521
5528
|
items: sortedRows,
|
|
5522
5529
|
renderItem: (row, index) => /* @__PURE__ */ import_react52.default.createElement(DataList.Row, {
|
|
@@ -5584,12 +5591,14 @@ var DataTable = (_a) => {
|
|
|
5584
5591
|
columns,
|
|
5585
5592
|
rows,
|
|
5586
5593
|
noWrap = false,
|
|
5587
|
-
layout = "auto"
|
|
5594
|
+
layout = "auto",
|
|
5595
|
+
sticky
|
|
5588
5596
|
} = _b, rest = __objRest(_b, [
|
|
5589
5597
|
"columns",
|
|
5590
5598
|
"rows",
|
|
5591
5599
|
"noWrap",
|
|
5592
|
-
"layout"
|
|
5600
|
+
"layout",
|
|
5601
|
+
"sticky"
|
|
5593
5602
|
]);
|
|
5594
5603
|
const [sort, updateSort] = useTableSort();
|
|
5595
5604
|
const sortedRows = (0, import_orderBy3.default)(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
|
|
@@ -5599,7 +5608,9 @@ var DataTable = (_a) => {
|
|
|
5599
5608
|
"table-auto": layout === "auto",
|
|
5600
5609
|
"table-fixed": layout === "fixed"
|
|
5601
5610
|
})
|
|
5602
|
-
}), /* @__PURE__ */ import_react55.default.createElement(Table2.Head,
|
|
5611
|
+
}), /* @__PURE__ */ import_react55.default.createElement(Table2.Head, {
|
|
5612
|
+
sticky
|
|
5613
|
+
}, columns.map(
|
|
5603
5614
|
(column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ import_react55.default.createElement(Table2.SortCell, __spreadValues({
|
|
5604
5615
|
direction: sort && sort.key === column.field ? sort.direction : "none",
|
|
5605
5616
|
onClick: () => updateSort(column.field),
|
|
@@ -5909,7 +5920,8 @@ var Popover2 = (props) => {
|
|
|
5909
5920
|
autoFocus,
|
|
5910
5921
|
containFocus
|
|
5911
5922
|
}, popoverProps), otherOverlayProps), {
|
|
5912
|
-
id
|
|
5923
|
+
id,
|
|
5924
|
+
className: child.props.className
|
|
5913
5925
|
}), child.props.children);
|
|
5914
5926
|
}
|
|
5915
5927
|
throw new Error("Invalid children element type");
|
|
@@ -6596,6 +6608,7 @@ var EmptyState = ({
|
|
|
6596
6608
|
imageAlt = "",
|
|
6597
6609
|
imageWidth,
|
|
6598
6610
|
description,
|
|
6611
|
+
children,
|
|
6599
6612
|
primaryAction,
|
|
6600
6613
|
secondaryAction,
|
|
6601
6614
|
footer,
|
|
@@ -6633,12 +6646,12 @@ var EmptyState = ({
|
|
|
6633
6646
|
}, /* @__PURE__ */ import_react67.default.createElement(Typography2, {
|
|
6634
6647
|
variant: "heading",
|
|
6635
6648
|
htmlTag: "h2"
|
|
6636
|
-
}, title), description && /* @__PURE__ */ import_react67.default.createElement(Box, {
|
|
6649
|
+
}, title), (description || children) && /* @__PURE__ */ import_react67.default.createElement(Box, {
|
|
6637
6650
|
marginTop: "5"
|
|
6638
6651
|
}, /* @__PURE__ */ import_react67.default.createElement(Typography2, {
|
|
6639
6652
|
variant: "default",
|
|
6640
6653
|
color: "grey-60"
|
|
6641
|
-
}, description)), (secondaryAction || primaryAction) && /* @__PURE__ */ import_react67.default.createElement(Flexbox, {
|
|
6654
|
+
}, children || description)), (secondaryAction || primaryAction) && /* @__PURE__ */ import_react67.default.createElement(Flexbox, {
|
|
6642
6655
|
marginTop: "7",
|
|
6643
6656
|
gap: "4",
|
|
6644
6657
|
justifyContent: "center",
|
package/dist/system.mjs
CHANGED
|
@@ -4837,7 +4837,7 @@ var PopoverPanel = React38.forwardRef((_a, ref) => {
|
|
|
4837
4837
|
className: classNames(
|
|
4838
4838
|
className,
|
|
4839
4839
|
tw(
|
|
4840
|
-
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
|
|
4840
|
+
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20 overflow-y-auto"
|
|
4841
4841
|
)
|
|
4842
4842
|
)
|
|
4843
4843
|
}, props), children);
|
|
@@ -4860,7 +4860,8 @@ var PopoverWrapper = React39.forwardRef((props, ref) => {
|
|
|
4860
4860
|
isNonModal = true,
|
|
4861
4861
|
isDismissable,
|
|
4862
4862
|
autoFocus,
|
|
4863
|
-
containFocus
|
|
4863
|
+
containFocus,
|
|
4864
|
+
className
|
|
4864
4865
|
} = _a, otherProps = __objRest(_a, [
|
|
4865
4866
|
"id",
|
|
4866
4867
|
"children",
|
|
@@ -4873,7 +4874,8 @@ var PopoverWrapper = React39.forwardRef((props, ref) => {
|
|
|
4873
4874
|
"isNonModal",
|
|
4874
4875
|
"isDismissable",
|
|
4875
4876
|
"autoFocus",
|
|
4876
|
-
"containFocus"
|
|
4877
|
+
"containFocus",
|
|
4878
|
+
"className"
|
|
4877
4879
|
]);
|
|
4878
4880
|
const { overlayProps } = useOverlay(
|
|
4879
4881
|
__spreadProps(__spreadValues({}, props), { isDismissable: isDismissable && isOpen }),
|
|
@@ -4893,7 +4895,8 @@ var PopoverWrapper = React39.forwardRef((props, ref) => {
|
|
|
4893
4895
|
ref,
|
|
4894
4896
|
role: "dialog"
|
|
4895
4897
|
}, mergeProps2(otherProps, modalProps, overlayProps)), {
|
|
4896
|
-
id: id != null ? id : overlayProps.id
|
|
4898
|
+
id: id != null ? id : overlayProps.id,
|
|
4899
|
+
className
|
|
4897
4900
|
}), children, /* @__PURE__ */ React39.createElement(DismissButton, {
|
|
4898
4901
|
onDismiss: props.onClose
|
|
4899
4902
|
}))));
|
|
@@ -5308,10 +5311,11 @@ var Row = (_a) => {
|
|
|
5308
5311
|
}));
|
|
5309
5312
|
};
|
|
5310
5313
|
var SortCell = (_a) => {
|
|
5311
|
-
var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
|
|
5314
|
+
var _b = _a, { children, direction = "none", onClick, sticky } = _b, rest = __objRest(_b, ["children", "direction", "onClick", "sticky"]);
|
|
5312
5315
|
return /* @__PURE__ */ React45.createElement(HeadCell, __spreadProps(__spreadValues({}, rest), {
|
|
5313
5316
|
"aria-sort": direction,
|
|
5314
|
-
role: "cell"
|
|
5317
|
+
role: "cell",
|
|
5318
|
+
sticky
|
|
5315
5319
|
}), /* @__PURE__ */ React45.createElement("span", {
|
|
5316
5320
|
className: getSortCellButtonClassNames(rest.align),
|
|
5317
5321
|
role: "button",
|
|
@@ -5369,7 +5373,7 @@ var useTableSort = () => {
|
|
|
5369
5373
|
};
|
|
5370
5374
|
|
|
5371
5375
|
// src/components/DataList/DataList.tsx
|
|
5372
|
-
var DataList2 = ({ columns, rows }) => {
|
|
5376
|
+
var DataList2 = ({ columns, rows, sticky }) => {
|
|
5373
5377
|
const [sort, updateSort] = useTableSort();
|
|
5374
5378
|
const sortedRows = orderBy2(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
|
|
5375
5379
|
const templateColumns = columns.map((column) => {
|
|
@@ -5381,8 +5385,11 @@ var DataList2 = ({ columns, rows }) => {
|
|
|
5381
5385
|
}, columns.map(
|
|
5382
5386
|
(column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ React47.createElement(DataList.SortCell, __spreadValues({
|
|
5383
5387
|
direction: sort && sort.key === column.field ? sort.direction : "none",
|
|
5384
|
-
onClick: () => updateSort(column.field)
|
|
5385
|
-
|
|
5388
|
+
onClick: () => updateSort(column.field),
|
|
5389
|
+
sticky
|
|
5390
|
+
}, cellProps(column)), column.headerName) : /* @__PURE__ */ React47.createElement(DataList.HeadCell, __spreadProps(__spreadValues({}, cellProps(column)), {
|
|
5391
|
+
sticky
|
|
5392
|
+
}), column.headerName)
|
|
5386
5393
|
), /* @__PURE__ */ React47.createElement(List, {
|
|
5387
5394
|
items: sortedRows,
|
|
5388
5395
|
renderItem: (row, index) => /* @__PURE__ */ React47.createElement(DataList.Row, {
|
|
@@ -5450,12 +5457,14 @@ var DataTable = (_a) => {
|
|
|
5450
5457
|
columns,
|
|
5451
5458
|
rows,
|
|
5452
5459
|
noWrap = false,
|
|
5453
|
-
layout = "auto"
|
|
5460
|
+
layout = "auto",
|
|
5461
|
+
sticky
|
|
5454
5462
|
} = _b, rest = __objRest(_b, [
|
|
5455
5463
|
"columns",
|
|
5456
5464
|
"rows",
|
|
5457
5465
|
"noWrap",
|
|
5458
|
-
"layout"
|
|
5466
|
+
"layout",
|
|
5467
|
+
"sticky"
|
|
5459
5468
|
]);
|
|
5460
5469
|
const [sort, updateSort] = useTableSort();
|
|
5461
5470
|
const sortedRows = orderBy3(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
|
|
@@ -5465,7 +5474,9 @@ var DataTable = (_a) => {
|
|
|
5465
5474
|
"table-auto": layout === "auto",
|
|
5466
5475
|
"table-fixed": layout === "fixed"
|
|
5467
5476
|
})
|
|
5468
|
-
}), /* @__PURE__ */ React50.createElement(Table2.Head,
|
|
5477
|
+
}), /* @__PURE__ */ React50.createElement(Table2.Head, {
|
|
5478
|
+
sticky
|
|
5479
|
+
}, columns.map(
|
|
5469
5480
|
(column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ React50.createElement(Table2.SortCell, __spreadValues({
|
|
5470
5481
|
direction: sort && sort.key === column.field ? sort.direction : "none",
|
|
5471
5482
|
onClick: () => updateSort(column.field),
|
|
@@ -5775,7 +5786,8 @@ var Popover2 = (props) => {
|
|
|
5775
5786
|
autoFocus,
|
|
5776
5787
|
containFocus
|
|
5777
5788
|
}, popoverProps), otherOverlayProps), {
|
|
5778
|
-
id
|
|
5789
|
+
id,
|
|
5790
|
+
className: child.props.className
|
|
5779
5791
|
}), child.props.children);
|
|
5780
5792
|
}
|
|
5781
5793
|
throw new Error("Invalid children element type");
|
|
@@ -6462,6 +6474,7 @@ var EmptyState = ({
|
|
|
6462
6474
|
imageAlt = "",
|
|
6463
6475
|
imageWidth,
|
|
6464
6476
|
description,
|
|
6477
|
+
children,
|
|
6465
6478
|
primaryAction,
|
|
6466
6479
|
secondaryAction,
|
|
6467
6480
|
footer,
|
|
@@ -6499,12 +6512,12 @@ var EmptyState = ({
|
|
|
6499
6512
|
}, /* @__PURE__ */ React61.createElement(Typography2, {
|
|
6500
6513
|
variant: "heading",
|
|
6501
6514
|
htmlTag: "h2"
|
|
6502
|
-
}, title), description && /* @__PURE__ */ React61.createElement(Box, {
|
|
6515
|
+
}, title), (description || children) && /* @__PURE__ */ React61.createElement(Box, {
|
|
6503
6516
|
marginTop: "5"
|
|
6504
6517
|
}, /* @__PURE__ */ React61.createElement(Typography2, {
|
|
6505
6518
|
variant: "default",
|
|
6506
6519
|
color: "grey-60"
|
|
6507
|
-
}, description)), (secondaryAction || primaryAction) && /* @__PURE__ */ React61.createElement(Flexbox, {
|
|
6520
|
+
}, children || description)), (secondaryAction || primaryAction) && /* @__PURE__ */ React61.createElement(Flexbox, {
|
|
6508
6521
|
marginTop: "7",
|
|
6509
6522
|
gap: "4",
|
|
6510
6523
|
justifyContent: "center",
|