@aivenio/aquarium 1.52.2 → 1.54.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 +5 -1
- package/dist/atoms.cjs +36 -6
- package/dist/atoms.mjs +36 -6
- package/dist/charts.cjs +75 -50
- package/dist/charts.mjs +60 -37
- package/dist/src/atoms/Card/Card.d.ts +4 -0
- package/dist/src/atoms/Card/Card.js +9 -4
- package/dist/src/atoms/DataList/DataList.d.ts +2 -0
- package/dist/src/atoms/DataList/DataList.js +8 -9
- package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +4 -3
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +3 -3
- package/dist/src/charts/Label/Label.d.ts +7 -0
- package/dist/src/charts/Label/Label.js +10 -0
- package/dist/src/charts/index.d.ts +1 -0
- package/dist/src/charts/index.js +2 -1
- package/dist/src/molecules/Box/Box.d.ts +4 -1
- package/dist/src/molecules/Box/Box.js +3 -2
- package/dist/src/molecules/Card/Card.d.ts +2 -0
- package/dist/src/molecules/Card/Card.js +37 -6
- package/dist/src/molecules/Card/Compact.js +34 -6
- package/dist/src/molecules/Card/Group.d.ts +29 -0
- package/dist/src/molecules/Card/Group.js +12 -0
- package/dist/src/molecules/Card/types.d.ts +28 -1
- package/dist/src/molecules/Carousel/Carousel.js +2 -2
- package/dist/src/molecules/DataList/DataList.d.ts +15 -10
- package/dist/src/molecules/DataList/DataList.js +45 -101
- package/dist/src/molecules/DataList/DataListComponents.d.ts +27 -0
- package/dist/src/molecules/DataList/DataListComponents.js +73 -0
- package/dist/src/molecules/DataList/DataListGroup.d.ts +9 -0
- package/dist/src/molecules/DataList/DataListGroup.js +74 -0
- package/dist/src/molecules/DataTable/DataTable.d.ts +5 -4
- package/dist/src/molecules/DataTable/DataTable.js +7 -7
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +10 -2
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +5 -5
- package/dist/src/molecules/List/List.d.ts +29 -8
- package/dist/src/molecules/List/List.js +36 -5
- package/dist/src/molecules/List/useStaticInfiniteList.d.ts +23 -0
- package/dist/src/molecules/List/useStaticInfiniteList.js +24 -0
- package/dist/src/molecules/Section/Section.js +7 -4
- package/dist/src/molecules/Template/Template.d.ts +3 -9
- package/dist/src/molecules/Template/Template.js +28 -10
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/mocks/mockIntersectionObserver.js +2 -1
- package/dist/src/utils/setupTests.js +4 -1
- package/dist/src/utils/table/types.d.ts +12 -8
- package/dist/src/utils/table/types.js +28 -6
- package/dist/src/utils/useInView.d.ts +17 -0
- package/dist/src/utils/useInView.js +35 -0
- package/dist/styles.css +79 -22
- package/dist/system.cjs +2231 -1770
- package/dist/system.mjs +2046 -1587
- package/dist/tailwind.config.js +5 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +3 -0
- package/package.json +2 -1
@@ -0,0 +1,27 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type DataListColumn, type DataListGroupedRows, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
3
|
+
declare type DataListRowMenuProps<R extends DataTableRow> = Pick<DataTableMenuProps<R>, 'menu' | 'menuAriaLabel' | 'onAction' | 'onMenuOpenChange'> & {
|
4
|
+
row: R;
|
5
|
+
index: number;
|
6
|
+
};
|
7
|
+
export declare const DataListRowMenu: <R extends DataTableRow>({ row, index, menu, onAction, onMenuOpenChange, menuAriaLabel, }: DataListRowMenuProps<R>) => JSX.Element | null;
|
8
|
+
declare type DataListRowProps<C extends DataListColumn<R>, R extends DataTableRow> = {
|
9
|
+
columns: C[];
|
10
|
+
row: R;
|
11
|
+
index: number;
|
12
|
+
rows: DataListGroupedRows<R> | R[];
|
13
|
+
menu: JSX.Element | undefined;
|
14
|
+
active?: boolean;
|
15
|
+
disabled?: (row: R, index: number, rows: DataListGroupedRows<R> | R[]) => boolean;
|
16
|
+
renderFirstColumn?: (row: R, index: number, rows: DataListGroupedRows<R> | R[]) => React.ReactNode | undefined;
|
17
|
+
additionalColumnProps?: (column: C, index: number, columns: C[], row: R) => React.HTMLProps<HTMLDivElement>;
|
18
|
+
};
|
19
|
+
export declare const DataListRow: <C extends DataListColumn<R>, R extends DataTableRow>({ columns, row, index, rows, menu, active, disabled, renderFirstColumn, additionalColumnProps, }: DataListRowProps<C, R>) => JSX.Element;
|
20
|
+
declare type DataListCellProps<C extends DataListColumn<R>, R extends DataTableRow> = {
|
21
|
+
column: C;
|
22
|
+
row: R;
|
23
|
+
index: number;
|
24
|
+
rows: DataListGroupedRows<R> | R[];
|
25
|
+
};
|
26
|
+
export declare const DataListCell: <C extends DataListColumn<R>, R extends DataTableRow>({ column, row, index, rows: _rows, }: DataListCellProps<C, R>) => JSX.Element;
|
27
|
+
export {};
|
@@ -0,0 +1,73 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import isFunction from 'lodash/isFunction';
|
3
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
4
|
+
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
5
|
+
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
6
|
+
import { List } from '../../../src/molecules/List/List';
|
7
|
+
import { Tooltip } from '../../../src/molecules/Tooltip/Tooltip';
|
8
|
+
import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
|
9
|
+
import { Item } from '../../../src/atoms/Table/Table';
|
10
|
+
import { renameProperty } from '../../../src/utils/object';
|
11
|
+
import { areRowsGrouped, cellProps, } from '../../../src/utils/table/types';
|
12
|
+
import more from '../../../src/icons/more';
|
13
|
+
export const DataListRowMenu = ({ row, index, menu, onAction, onMenuOpenChange, menuAriaLabel, }) => {
|
14
|
+
if (!menu) {
|
15
|
+
return null;
|
16
|
+
}
|
17
|
+
const menuContent = isFunction(menu) ? menu(row, index) : menu;
|
18
|
+
return (React.createElement(DataListBase.Cell, { align: "right" }, menuContent && (React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index), onOpenChange: onMenuOpenChange },
|
19
|
+
React.createElement(DropdownMenu.Trigger, null,
|
20
|
+
React.createElement(Button.Icon, { "aria-label": menuAriaLabel, icon: more })),
|
21
|
+
menuContent))));
|
22
|
+
};
|
23
|
+
export const DataListRow = ({ columns, row, index, rows, menu, active, disabled, renderFirstColumn, additionalColumnProps = () => ({}), }) => {
|
24
|
+
var _a;
|
25
|
+
const isRowDisabled = (_a = disabled === null || disabled === void 0 ? void 0 : disabled(row, index, rows)) !== null && _a !== void 0 ? _a : false;
|
26
|
+
return (React.createElement(DataListBase.Row, { key: row.id, disabled: isRowDisabled, active: active }, renderFirstColumn === null || renderFirstColumn === void 0 ? void 0 :
|
27
|
+
renderFirstColumn(row, index, rows),
|
28
|
+
React.createElement(List, { items: columns, renderItem: (column, columnIndex) => (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column), additionalColumnProps(column, columnIndex, columns, row)),
|
29
|
+
React.createElement(DataListCell, { column: column, row: row, index: index, rows: rows }))) }),
|
30
|
+
menu));
|
31
|
+
};
|
32
|
+
const DEFAULT_CONTENT = '';
|
33
|
+
export const DataListCell = ({ column, row, index, rows: _rows, }) => {
|
34
|
+
let cellContent = DEFAULT_CONTENT;
|
35
|
+
const rows = areRowsGrouped(_rows) ? undefined : _rows;
|
36
|
+
switch (column.type) {
|
37
|
+
case 'status': {
|
38
|
+
const status = column.status(row, index, rows);
|
39
|
+
if (status) {
|
40
|
+
cellContent = React.createElement(StatusChip, Object.assign({ dense: true }, status));
|
41
|
+
}
|
42
|
+
break;
|
43
|
+
}
|
44
|
+
case 'action': {
|
45
|
+
const action = renameProperty('text', 'children', column.action(row, index, rows));
|
46
|
+
if (action) {
|
47
|
+
cellContent = React.createElement(Button.Secondary, Object.assign({ dense: true }, action));
|
48
|
+
}
|
49
|
+
break;
|
50
|
+
}
|
51
|
+
case 'custom': {
|
52
|
+
cellContent = column.UNSAFE_render(row, index, rows);
|
53
|
+
break;
|
54
|
+
}
|
55
|
+
case 'item': {
|
56
|
+
const item = column.item(row, index, rows);
|
57
|
+
if (item) {
|
58
|
+
cellContent = React.createElement(Item, Object.assign({}, item));
|
59
|
+
}
|
60
|
+
break;
|
61
|
+
}
|
62
|
+
default:
|
63
|
+
if (column.formatter) {
|
64
|
+
cellContent = column.formatter(row[column.field], row, index, rows);
|
65
|
+
}
|
66
|
+
else {
|
67
|
+
cellContent = row[column.field];
|
68
|
+
}
|
69
|
+
break;
|
70
|
+
}
|
71
|
+
return column.tooltip ? React.createElement(Tooltip, Object.assign({}, column.tooltip(row, index, rows)), cellContent) : React.createElement(React.Fragment, null, cellContent);
|
72
|
+
};
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RDb21wb25lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhTGlzdC9EYXRhTGlzdENvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLFNBQVMsR0FLVixNQUFNLHVCQUF1QixDQUFDO0FBRS9CLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBVWxDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUF5QixFQUN0RCxHQUFHLEVBQ0gsS0FBSyxFQUNMLElBQUksRUFDSixRQUFRLEVBQ1IsZ0JBQWdCLEVBQ2hCLGFBQWEsR0FDVyxFQUFzQixFQUFFO0lBQ2hELElBQUksQ0FBQyxJQUFJLEVBQUU7UUFDVCxPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsTUFBTSxXQUFXLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFFL0QsT0FBTyxDQUNMLG9CQUFDLFlBQVksQ0FBQyxJQUFJLElBQUMsS0FBSyxFQUFDLE9BQU8sSUFDN0IsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsWUFBWSxJQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLE1BQU0sRUFBRSxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsWUFBWSxFQUFFLGdCQUFnQjtRQUNoRyxvQkFBQyxZQUFZLENBQUMsT0FBTztZQUNuQixvQkFBQyxNQUFNLENBQUMsSUFBSSxrQkFBYSxhQUFhLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUNqQztRQUN0QixXQUFXLENBQ0MsQ0FDaEIsQ0FDaUIsQ0FDckIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQWNGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFzRCxFQUMvRSxPQUFPLEVBQ1AsR0FBRyxFQUNILEtBQUssRUFDTCxJQUFJLEVBQ0osSUFBSSxFQUNKLE1BQU0sRUFDTixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLHFCQUFxQixHQUFHLEdBQUcsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQ1gsRUFBZSxFQUFFOztJQUN4QyxNQUFNLGFBQWEsR0FBRyxNQUFBLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxtQ0FBSSxLQUFLLENBQUM7SUFFNUQsT0FBTyxDQUNMLG9CQUFDLFlBQVksQ0FBQyxHQUFHLElBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsTUFBTSxJQUNuRSxpQkFBaUIsYUFBakIsaUJBQWlCO1FBQWpCLGlCQUFpQixDQUFHLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDO1FBQ3RDLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsT0FBTyxFQUNkLFVBQVUsRUFBRSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsRUFBRSxDQUFDLENBQ25DLG9CQUFDLFlBQVksQ0FBQyxJQUFJLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUMsRUFBTSxxQkFBcUIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxHQUFHLENBQUM7Z0JBQ3BHLG9CQUFDLFlBQVksSUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQ2xELENBQ3JCLEdBQ0Q7UUFDRCxJQUFJLENBQ1ksQ0FDcEIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQztBQVMzQixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsQ0FBc0QsRUFDaEYsTUFBTSxFQUNOLEdBQUcsRUFDSCxLQUFLLEVBQ0wsSUFBSSxFQUFFLEtBQUssR0FDYSxFQUFlLEVBQUU7SUFDekMsSUFBSSxXQUFXLEdBQW9CLGVBQWUsQ0FBQztJQUNuRCxNQUFNLElBQUksR0FBRyxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ3ZELFFBQVEsTUFBTSxDQUFDLElBQUksRUFBRTtRQUNuQixLQUFLLFFBQVEsQ0FBQyxDQUFDO1lBQ2IsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQy9DLElBQUksTUFBTSxFQUFFO2dCQUNWLFdBQVcsR0FBRyxvQkFBQyxVQUFVLGtCQUFDLEtBQUssVUFBSyxNQUFNLEVBQUksQ0FBQzthQUNoRDtZQUNELE1BQU07U0FDUDtRQUVELEtBQUssUUFBUSxDQUFDLENBQUM7WUFDYixNQUFNLE1BQU0sR0FBRyxjQUFjLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQztZQUNuRixJQUFJLE1BQU0sRUFBRTtnQkFDVixXQUFXLEdBQUcsb0JBQUMsTUFBTSxDQUFDLFNBQVMsa0JBQUMsS0FBSyxVQUFLLE1BQU0sRUFBSSxDQUFDO2FBQ3REO1lBQ0QsTUFBTTtTQUNQO1FBRUQsS0FBSyxRQUFRLENBQUMsQ0FBQztZQUNiLFdBQVcsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDckQsTUFBTTtTQUNQO1FBRUQsS0FBSyxNQUFNLENBQUMsQ0FBQztZQUNYLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztZQUMzQyxJQUFJLElBQUksRUFBRTtnQkFDUixXQUFXLEdBQUcsb0JBQUMsSUFBSSxvQkFBSyxJQUFJLEVBQUksQ0FBQzthQUNsQztZQUNELE1BQU07U0FDUDtRQUVEO1lBQ0UsSUFBSSxNQUFNLENBQUMsU0FBUyxFQUFFO2dCQUNwQixXQUFXLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUM7YUFDckU7aUJBQU07Z0JBQ0wsV0FBVyxHQUFHLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDakM7WUFDRCxNQUFNO0tBQ1Q7SUFFRCxPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLG9CQUFDLE9BQU8sb0JBQUssTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxHQUFHLFdBQVcsQ0FBVyxDQUFDLENBQUMsQ0FBQywwQ0FBRyxXQUFXLENBQUksQ0FBQztBQUN0SCxDQUFDLENBQUMifQ==
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { type DataListColumn, type DataListGroupedRows, type DataTableRow } from '../../../src/utils/table/types';
|
3
|
+
import { type DataListProps } from './DataList';
|
4
|
+
declare type DataListGroupProps<C extends DataListColumn<R>, R extends DataTableRow> = Pick<DataListProps<C, R>, 'columns' | 'disabled' | 'expandedGroupIds' | 'getGroupRow' | 'menu' | 'menuAriaLabel' | 'onAction' | 'onGroupToggled' | 'onMenuOpenChange' | 'rows'> & {
|
5
|
+
level: number;
|
6
|
+
groups: DataListGroupedRows<R> | R[];
|
7
|
+
};
|
8
|
+
export declare const DataListGroup: <C extends DataListColumn<R>, R extends DataTableRow>({ groups, level, ...props }: DataListGroupProps<C, R>) => JSX.Element | null;
|
9
|
+
export {};
|
@@ -0,0 +1,74 @@
|
|
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 isFunction from 'lodash/isFunction';
|
14
|
+
import { Accordion } from '../../../src/molecules/Accordion/Accordion';
|
15
|
+
import { List } from '../../../src/molecules/List/List';
|
16
|
+
import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
|
17
|
+
import { areRowsGrouped, cellProps, } from '../../../src/utils/table/types';
|
18
|
+
import { tw } from '../../../src/utils/tailwind';
|
19
|
+
import { DataListCell, DataListRow, DataListRowMenu } from './DataListComponents';
|
20
|
+
const GAP = 8;
|
21
|
+
const INDENTATION = 28;
|
22
|
+
const sortGroupKeys = (groupKeys) => [...groupKeys].sort((a) => (a === 'undefined' ? -1 : 1));
|
23
|
+
export const DataListGroup = (_a) => {
|
24
|
+
var { groups, level = 0 } = _a, props = __rest(_a, ["groups", "level"]);
|
25
|
+
const { columns, disabled, expandedGroupIds, getGroupRow, menu, menuAriaLabel, onAction, onGroupToggled, onMenuOpenChange, rows, } = props;
|
26
|
+
const groupKeys = groups ? Object.keys(groups) : undefined;
|
27
|
+
const hasCustomRowForGroup = isFunction(getGroupRow);
|
28
|
+
// Let's first check if the group content contains nested groups or not.
|
29
|
+
// If we've reached the deepest level (meaning the grouping is a plain array at this level),
|
30
|
+
// we can just render the rows.
|
31
|
+
if (!areRowsGrouped(groups)) {
|
32
|
+
return (React.createElement(List, { items: groups, renderItem: (row, index) => {
|
33
|
+
return (React.createElement(DataListRow, { key: row.id, columns: columns, row: row, index: index, rows: rows, menu: React.createElement(DataListRowMenu, { row: row, index: index, menu: menu, onAction: onAction, onMenuOpenChange: onMenuOpenChange, menuAriaLabel: menuAriaLabel }), disabled: disabled, additionalColumnProps: (_, columnIndex) => columnIndex === 0
|
34
|
+
? {
|
35
|
+
style: {
|
36
|
+
paddingLeft: `${GAP + level * INDENTATION}px`,
|
37
|
+
},
|
38
|
+
}
|
39
|
+
: {} }));
|
40
|
+
} }));
|
41
|
+
}
|
42
|
+
if (!groupKeys) {
|
43
|
+
return null;
|
44
|
+
}
|
45
|
+
// If there is nested grouping available, render each subgrouping as an <DataListGroup> recursively.
|
46
|
+
return (React.createElement(List, { items: sortGroupKeys(groupKeys), renderItem: (key) => {
|
47
|
+
var _a;
|
48
|
+
const group = groups[key];
|
49
|
+
// When the group key is undefined (or 'undefined'), we have found the direct children rows
|
50
|
+
// of the group and we don't need to wrap them in an <Accordion>. We still want to use
|
51
|
+
// the <DataListRow> component to render the rows so we can end the recursion nicely
|
52
|
+
// and get the indentation right. Note that we don't increase the nesting level here because
|
53
|
+
// the design doesn't include any indentation for the direct children rows of a group.
|
54
|
+
if (key === 'undefined' || key === undefined) {
|
55
|
+
return React.createElement(DataListGroup, Object.assign({ key: "undefined", level: level }, props, { groups: group }));
|
56
|
+
}
|
57
|
+
const openPanelId = expandedGroupIds ? (_a = expandedGroupIds.find((id) => id === key)) !== null && _a !== void 0 ? _a : null : undefined;
|
58
|
+
return (React.createElement(Accordion, { key: key, openPanelId: openPanelId },
|
59
|
+
hasCustomRowForGroup && (React.createElement(DataListBase.Row, { active: !!openPanelId },
|
60
|
+
React.createElement(List, { items: columns, renderItem: (column, idx) => (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column), { className: tw('gap-3'), style: idx === 0 ? { paddingLeft: `${GAP + level * INDENTATION}px` } : undefined }),
|
61
|
+
idx === 0 && React.createElement(Accordion.Toggle, { panelId: key, onChange: onGroupToggled }),
|
62
|
+
React.createElement(DataListCell, { column: column, row: getGroupRow(key, group), index: -1, rows: [] }))) }),
|
63
|
+
React.createElement(DataListRowMenu, { row: getGroupRow(key, group), index: -1, menu: menu, onAction: onAction, onMenuOpenChange: onMenuOpenChange, menuAriaLabel: menuAriaLabel }))),
|
64
|
+
!hasCustomRowForGroup && (React.createElement(DataListBase.Row, { active: !!openPanelId },
|
65
|
+
React.createElement(DataListBase.Cell, { className: tw('gap-3'), style: { paddingLeft: `${GAP + level * INDENTATION}px`, gridColumn: '1 / -1' } },
|
66
|
+
React.createElement(Accordion.Toggle, { panelId: key, onChange: onGroupToggled }),
|
67
|
+
"Group: ",
|
68
|
+
React.createElement("b", null, key)))),
|
69
|
+
React.createElement(DataListBase.Row, { subgroup: true },
|
70
|
+
React.createElement(Accordion.UnanimatedPanel, { panelId: key },
|
71
|
+
React.createElement(DataListGroup, Object.assign({ level: level + 1 }, props, { groups: group }))))));
|
72
|
+
} }));
|
73
|
+
};
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0YUxpc3QvRGF0YUxpc3RHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZFLE9BQU8sRUFDTCxjQUFjLEVBQ2QsU0FBUyxHQUlWLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRWxGLE1BQU0sR0FBRyxHQUFHLENBQUMsQ0FBQztBQUNkLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztBQUV2QixNQUFNLGFBQWEsR0FBRyxDQUFDLFNBQW1CLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFtQnhHLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUFzRCxFQUl4RCxFQUFzQixFQUFFO1FBSmdDLEVBQ2pGLE1BQU0sRUFDTixLQUFLLEdBQUcsQ0FBQyxPQUVnQixFQUR0QixLQUFLLGNBSHlFLG1CQUlsRixDQURTO0lBRVIsTUFB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
|
@@ -1,8 +1,9 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type
|
2
|
+
import { type InfiniteListProps, type ListPaginationProps } from '../../../src/molecules/List/List';
|
3
3
|
import { type TableProps } from '../../../src/molecules/Table/Table';
|
4
4
|
import { type DataTableColumn, type DataTableMenuProps, type DataTableRow, type OnSortChangedDirection, type SortDirection } from '../../../src/utils/table/types';
|
5
|
-
|
5
|
+
import { type Either } from '../../../types/utils';
|
6
|
+
export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataTableRow> = DataTableMenuProps<R> & Either<ListPaginationProps, InfiniteListProps> & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'> & {
|
6
7
|
/**
|
7
8
|
* Array of column definitions that correspond to the data rows.
|
8
9
|
*/
|
@@ -47,9 +48,9 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
|
|
47
48
|
} | null) => void;
|
48
49
|
};
|
49
50
|
export declare const DataTable: {
|
50
|
-
<C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, menuLabel, menuAriaLabel, menuHeaderName, onAction, onMenuOpenChange,
|
51
|
+
<C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, menuLabel, menuAriaLabel, menuHeaderName, onAction, onMenuOpenChange, disabled, defaultSort, onSortChanged, ariaLabel, onNext, onPrev, ...rest }: DataTableProps<C, R>): React.JSX.Element;
|
51
52
|
Skeleton: React.FC<{
|
52
|
-
columns?: number | (number | `${number}`)[] | undefined;
|
53
|
+
columns?: number | (number | `${number}` | `fit-content(${string})`)[] | undefined;
|
53
54
|
rows?: number | undefined;
|
54
55
|
}>;
|
55
56
|
};
|
@@ -18,6 +18,7 @@ import { DataListSkeleton } from '../../../src/molecules/DataList/DataListSkelet
|
|
18
18
|
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
19
19
|
import { List } from '../../../src/molecules/List/List';
|
20
20
|
import { Table } from '../../../src/molecules/Table/Table';
|
21
|
+
import { Tooltip } from '../../../src/molecules/Tooltip/Tooltip';
|
21
22
|
import { Item } from '../../../src/atoms/Table/Table';
|
22
23
|
import { renameProperty } from '../../../src/utils/object';
|
23
24
|
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
@@ -25,10 +26,9 @@ import { useTableSort } from '../../../src/utils/table/useTableSort';
|
|
25
26
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
26
27
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
27
28
|
import more from '../../../src/icons/more';
|
28
|
-
import { Tooltip } from '../Tooltip/Tooltip';
|
29
29
|
export const DataTable = (_a) => {
|
30
30
|
var _b;
|
31
|
-
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, menuLabel, menuAriaLabel = menuLabel !== null && menuLabel !== void 0 ? menuLabel : 'Context menu', menuHeaderName = 'Actions', onAction, onMenuOpenChange,
|
31
|
+
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, menuLabel, menuAriaLabel = menuLabel !== null && menuLabel !== void 0 ? menuLabel : 'Context menu', menuHeaderName = 'Actions', onAction, onMenuOpenChange, disabled, defaultSort, onSortChanged, ariaLabel, onNext, onPrev } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "menuLabel", "menuAriaLabel", "menuHeaderName", "onAction", "onMenuOpenChange", "disabled", "defaultSort", "onSortChanged", "ariaLabel", "onNext", "onPrev"]);
|
32
32
|
const defaultSortedColumn = columns.find((c) => c.headerName === (defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.headerName));
|
33
33
|
const initialSortState = defaultSortedColumn
|
34
34
|
? { column: defaultSortedColumn, direction: (_b = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.direction) !== null && _b !== void 0 ? _b : 'ascending' }
|
@@ -39,11 +39,11 @@ export const DataTable = (_a) => {
|
|
39
39
|
const PaginationFooter = React.useCallback(({ children }) => (React.createElement("tfoot", null,
|
40
40
|
React.createElement("tr", null,
|
41
41
|
React.createElement("td", { colSpan: amountOfColumns }, children)))), [amountOfColumns]);
|
42
|
-
return (React.createElement(Table,
|
42
|
+
return (React.createElement(Table, { ariaLabel: ariaLabel, onNext: onNext, onPrev: onPrev, className: classNames('Aquarium-DataTable', tw({
|
43
43
|
'whitespace-nowrap': noWrap,
|
44
44
|
'table-auto': layout === 'auto',
|
45
45
|
'table-fixed': layout === 'fixed',
|
46
|
-
})) }
|
46
|
+
})) },
|
47
47
|
React.createElement(Table.Head, { sticky: sticky }, compact([
|
48
48
|
...columns.map((column) => {
|
49
49
|
const content = column.headerTooltip && !column.headerInvisible ? (React.createElement(Tooltip, { placement: column.headerTooltip.placement, content: column.headerTooltip.content }, column.headerName)) : (!column.headerInvisible && column.headerName);
|
@@ -51,13 +51,13 @@ export const DataTable = (_a) => {
|
|
51
51
|
}),
|
52
52
|
menu ? (React.createElement(Table.Cell, { key: "__contextMenu", align: "right", "aria-label": menuAriaLabel }, menuHeaderName)) : null,
|
53
53
|
])),
|
54
|
-
React.createElement(List, { container: Table.Body, paginationContainer: PaginationFooter,
|
54
|
+
React.createElement(List, Object.assign({ container: Table.Body, paginationContainer: PaginationFooter }, rest, { items: sortedRows, renderItem: (row, index) => {
|
55
55
|
var _a;
|
56
56
|
const isRowDisabled = (_a = disabled === null || disabled === void 0 ? void 0 : disabled(row, index, sortedRows)) !== null && _a !== void 0 ? _a : false;
|
57
57
|
return (React.createElement(Table.Row, { key: row.id, disabled: isRowDisabled },
|
58
58
|
React.createElement(List, { items: columns, renderItem: (column) => (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), renderCell(column, row, index, sortedRows))) }),
|
59
59
|
renderRowMenu(row, index, { menu, menuAriaLabel, onAction, onMenuOpenChange })));
|
60
|
-
} })));
|
60
|
+
} }))));
|
61
61
|
};
|
62
62
|
const renderRowMenu = (row, index, { menu, onAction, onMenuOpenChange, menuAriaLabel, }) => {
|
63
63
|
if (menu) {
|
@@ -102,4 +102,4 @@ const renderCell = (column, row, index, rows) => {
|
|
102
102
|
return column.tooltip ? React.createElement(Tooltip, Object.assign({}, column.tooltip(row, index, rows)), cellContent) : cellContent;
|
103
103
|
};
|
104
104
|
DataTable.Skeleton = DataListSkeleton;
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQTBCLElBQUksRUFBNEIsTUFBTSx5QkFBeUIsQ0FBQztBQUNqRyxPQUFPLEVBQUUsS0FBSyxFQUFtQixNQUFNLDJCQUEyQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFDTCxTQUFTLEVBQ1QsbUJBQW1CLEdBTXBCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBa0RsQyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FB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
|
@@ -92,11 +92,19 @@ export declare type DropdownMenuProps = {
|
|
92
92
|
/**
|
93
93
|
* Min width for menu.
|
94
94
|
*/
|
95
|
-
minWidth?:
|
95
|
+
minWidth?: React.CSSProperties['minWidth'];
|
96
96
|
/**
|
97
97
|
* Max width for menu.
|
98
98
|
*/
|
99
|
-
maxWidth?:
|
99
|
+
maxWidth?: React.CSSProperties['maxWidth'];
|
100
|
+
/**
|
101
|
+
* Min heighth for menu.
|
102
|
+
*/
|
103
|
+
minHeight?: React.CSSProperties['minHeight'];
|
104
|
+
/**
|
105
|
+
* Max height for menu.
|
106
|
+
*/
|
107
|
+
maxHeight?: React.CSSProperties['maxHeight'];
|
100
108
|
/**
|
101
109
|
* Optional header which is displayed at the top of menu.
|
102
110
|
*/
|
@@ -26,7 +26,7 @@ import { tw } from '../../../src/utils/tailwind';
|
|
26
26
|
import { isComponentType } from '../../../types/utils';
|
27
27
|
import { filterCollection } from './utils';
|
28
28
|
export const DropdownMenu = (_a) => {
|
29
|
-
var { onAction, selectionMode, selection, onSelectionChange, placement = 'bottom-left', minWidth, maxWidth, searchable = false, emptyState, header, footer, children } = _a, props = __rest(_a, ["onAction", "selectionMode", "selection", "onSelectionChange", "placement", "minWidth", "maxWidth", "searchable", "emptyState", "header", "footer", "children"]);
|
29
|
+
var { onAction, selectionMode, selection, onSelectionChange, placement = 'bottom-left', minWidth, maxWidth, minHeight, maxHeight, searchable = false, emptyState, header, footer, children } = _a, props = __rest(_a, ["onAction", "selectionMode", "selection", "onSelectionChange", "placement", "minWidth", "maxWidth", "minHeight", "maxHeight", "searchable", "emptyState", "header", "footer", "children"]);
|
30
30
|
const triggerRef = React.useRef(null);
|
31
31
|
const [trigger, items] = extractTriggerAndItems(children);
|
32
32
|
const state = useMenuTriggerState(props);
|
@@ -35,7 +35,7 @@ export const DropdownMenu = (_a) => {
|
|
35
35
|
React.createElement(PressResponder, Object.assign({ ref: triggerRef, onPress: () => state.toggle() }, omit(menuTriggerProps, ['id', 'aria-expanded'])),
|
36
36
|
React.createElement(TriggerWrapper, { "aria-expanded": menuTriggerProps['aria-expanded'] }, trigger.props.children)),
|
37
37
|
state.isOpen && (React.createElement(PopoverOverlay, { className: "Aquarium-DropdownMenu", triggerRef: triggerRef, state: state, placement: placement, focusable: false },
|
38
|
-
React.createElement(MenuWrapper, Object.assign({ onAction: onAction, selectionMode: selectionMode, selection: selection, onSelectionChange: onSelectionChange, searchable: searchable, emptyState: emptyState, minWidth: minWidth, maxWidth: maxWidth, header: header, footer: footer }, menuProps), items.props.children)))));
|
38
|
+
React.createElement(MenuWrapper, Object.assign({ onAction: onAction, selectionMode: selectionMode, selection: selection, onSelectionChange: onSelectionChange, searchable: searchable, emptyState: emptyState, minWidth: minWidth, maxWidth: maxWidth, maxHeight: maxHeight, minHeight: minHeight, header: header, footer: footer }, menuProps), items.props.children)))));
|
39
39
|
};
|
40
40
|
DropdownMenu.displayName = 'DropdownMenu';
|
41
41
|
const MenuTrigger = () => null;
|
@@ -63,7 +63,7 @@ const TriggerWrapper = (_a) => {
|
|
63
63
|
const isSectionNode = (item) => item.type === 'section';
|
64
64
|
const isItemNode = (item) => item.type === 'item';
|
65
65
|
const MenuWrapper = (_a) => {
|
66
|
-
var { selection: selectedKeys, minWidth, maxWidth, searchable, emptyState, header, footer } = _a, props = __rest(_a, ["selection", "minWidth", "maxWidth", "searchable", "emptyState", "header", "footer"]);
|
66
|
+
var { selection: selectedKeys, minWidth, maxWidth, minHeight, maxHeight, searchable, emptyState, header, footer } = _a, props = __rest(_a, ["selection", "minWidth", "maxWidth", "minHeight", "maxHeight", "searchable", "emptyState", "header", "footer"]);
|
67
67
|
const ref = React.useRef(null);
|
68
68
|
const disabledKeys = getDisabledItemKeys(props.children);
|
69
69
|
const state = useTreeState(Object.assign({ disabledKeys,
|
@@ -72,7 +72,7 @@ const MenuWrapper = (_a) => {
|
|
72
72
|
const { contains } = useFilter({ sensitivity: 'base' });
|
73
73
|
const [search, setSearch] = React.useState('');
|
74
74
|
const filteredCollection = React.useMemo(() => (searchable ? filterCollection(state.collection, search, contains) : state.collection), [searchable, state.collection, search, contains]);
|
75
|
-
return (React.createElement(Base, { minWidth: minWidth
|
75
|
+
return (React.createElement(Base, { minWidth: minWidth, maxWidth: maxWidth, minHeight: minHeight, maxHeight: maxHeight },
|
76
76
|
header,
|
77
77
|
React.createElement(Base.ContentContainer, null,
|
78
78
|
searchable && (React.createElement(SearchInput, { "aria-label": "search", value: search, onChange: (e) => setSearch(e.target.value), className: tw('mb-5') })),
|
@@ -138,4 +138,4 @@ const getDisabledItemKeys = (children) => {
|
|
138
138
|
});
|
139
139
|
return keys.flat().filter((key) => key !== null);
|
140
140
|
};
|
141
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBa0IsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFXbkUsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUV4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFdEUsT0FBTyxFQUFFLFlBQVksSUFBSSxJQUFJLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUUzRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxTQUFTLENBQUM7QUF5SjNDLE1BQU0sQ0FBQyxN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
|
141
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBa0IsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFXbkUsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUV4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFdEUsT0FBTyxFQUFFLFlBQVksSUFBSSxJQUFJLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUUzRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFtSzNDLE1BQU0sQ0FBQyxN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
|
@@ -1,9 +1,35 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type PaginationProps } from '../../../src/molecules/Pagination/Pagination';
|
3
3
|
import { type PaginationOptions } from '../../../src/molecules/Pagination/usePagination';
|
4
|
+
import { type AllOrNone, type Either } from '../../../types/utils';
|
4
5
|
declare type Item = unknown;
|
5
|
-
export declare type ListPaginationProps =
|
6
|
-
|
6
|
+
export declare type ListPaginationProps = {
|
7
|
+
/**
|
8
|
+
* Optional pagination props for the data table. Use boolean `true` to enable pagination with default settings and use
|
9
|
+
* object to pass in custom settings for pagination such as page size.
|
10
|
+
*/
|
11
|
+
pagination?: true | (PaginationOptions & Partial<Pick<PaginationProps, 'currentPage' | 'onPageChange' | 'onPageSizeChange' | 'pageSize' | 'pageSizes'>>);
|
12
|
+
};
|
13
|
+
export declare type InfiniteListProps = AllOrNone<IntersectionObserverInit & {
|
14
|
+
/**
|
15
|
+
* When `next()` callback is provided, the list will be rendered as an infinite list. When the user scrolls to the bottom of the list, the `next()` callback will be called if `hasMore` is `true` and `isLoading` is `false`.
|
16
|
+
* @returns
|
17
|
+
*/
|
18
|
+
next: () => void;
|
19
|
+
/**
|
20
|
+
* Indicates whether there are more items to be loaded.
|
21
|
+
*/
|
22
|
+
hasMore: boolean;
|
23
|
+
/**
|
24
|
+
* Indicates whether the list is currently waiting for more items to be loaded.
|
25
|
+
*/
|
26
|
+
isLoading: boolean;
|
27
|
+
/**
|
28
|
+
* Optional loading indicator that will be displayed at the bottom of the list when `isLoading` is `true`.
|
29
|
+
*/
|
30
|
+
loadingIndicator?: React.ReactNode;
|
31
|
+
}>;
|
32
|
+
export declare type ListProps<I extends Item> = Either<InfiniteListProps, ListPaginationProps> & {
|
7
33
|
/**
|
8
34
|
* Collection of items you want to render
|
9
35
|
*/
|
@@ -22,11 +48,6 @@ export declare type ListProps<I extends Item> = {
|
|
22
48
|
* @default React.Fragment
|
23
49
|
*/
|
24
50
|
paginationContainer?: React.ElementType;
|
25
|
-
/**
|
26
|
-
* Optional pagination props for the data table. Use boolean `true` to enable pagination with default settings and use
|
27
|
-
* object to pass in custom settings for pagination such as page size.
|
28
|
-
*/
|
29
|
-
pagination?: ListPaginationProps | true;
|
30
51
|
};
|
31
|
-
export declare const List: <I extends unknown>({ items, renderItem, container, paginationContainer, pagination, }: ListProps<I>) => React.JSX.Element;
|
52
|
+
export declare const List: <I extends unknown>({ items, renderItem, container, paginationContainer, pagination, loadingIndicator, hasMore, isLoading, next, ...props }: ListProps<I>) => React.JSX.Element;
|
32
53
|
export {};
|
@@ -1,16 +1,47 @@
|
|
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
|
+
};
|
1
12
|
import React from 'react';
|
2
13
|
import isObject from 'lodash/isObject';
|
14
|
+
import isString from 'lodash/isString';
|
15
|
+
import { Icon } from '../../../src/molecules/Icon/Icon';
|
3
16
|
import { Pagination } from '../../../src/molecules/Pagination/Pagination';
|
4
17
|
import { usePagination } from '../../../src/molecules/Pagination/usePagination';
|
5
|
-
|
18
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
19
|
+
import { tw } from '../../../src/utils/tailwind';
|
20
|
+
import { useInView } from '../../../src/utils/useInView';
|
21
|
+
import loading from '../../../src/icons/loading';
|
22
|
+
export const List = (_a) => {
|
23
|
+
var { items, renderItem, container = React.Fragment, paginationContainer = React.Fragment, pagination, loadingIndicator = 'Loading more items', hasMore, isLoading, next } = _a, props = __rest(_a, ["items", "renderItem", "container", "paginationContainer", "pagination", "loadingIndicator", "hasMore", "isLoading", "next"]);
|
6
24
|
const Component = container;
|
7
25
|
const PaginationComponent = paginationContainer;
|
8
|
-
const paginationProps = isObject(pagination) ? pagination :
|
26
|
+
const paginationProps = isObject(pagination) ? pagination : undefined;
|
27
|
+
const onChange = React.useCallback((inView) => {
|
28
|
+
if (inView && hasMore && !isLoading) {
|
29
|
+
next();
|
30
|
+
}
|
31
|
+
}, [hasMore, isLoading, next]);
|
32
|
+
const isInfinite = !!next;
|
33
|
+
const [ref] = useInView(Object.assign({ skip: !isInfinite, rootMargin: '200px', onChange }, props));
|
9
34
|
const [paginatedItems, paginationState] = usePagination(items, paginationProps);
|
10
35
|
const listItems = pagination ? paginatedItems : items;
|
36
|
+
// We'll render pagination container when pagination or infinite scrolling is enabled.
|
37
|
+
const showLoader = isInfinite && hasMore;
|
38
|
+
const showPagination = pagination || showLoader;
|
11
39
|
return (React.createElement(React.Fragment, null,
|
12
40
|
React.createElement(Component, null, listItems.map(renderItem)),
|
13
|
-
|
14
|
-
React.createElement(
|
41
|
+
showPagination && (React.createElement(PaginationComponent, null,
|
42
|
+
showLoader && (React.createElement("div", { ref: ref, "aria-hidden": !isLoading, "aria-busy": isLoading, "aria-label": isString(loadingIndicator) ? loadingIndicator : undefined, className: tw('flex gap-4 py-3 justify-center items-center transition-opacity duration-200', isLoading ? 'opacity-100' : 'opacity-0') },
|
43
|
+
React.createElement(Icon, { width: 22, icon: loading, className: tw('text-grey-50') }),
|
44
|
+
React.createElement(Typography.Small, { color: "grey-70" }, loadingIndicator))),
|
45
|
+
pagination && React.createElement(Pagination, Object.assign({}, paginationState, paginationProps))))));
|
15
46
|
};
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBd0IsTUFBTSxxQ0FBcUMsQ0FBQztBQUN2RixPQUFPLEVBQTBCLGFBQWEsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQy9GLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBMEIsTUFBTSxxQkFBcUIsQ0FBQztBQUd4RSxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdFeEMsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQWlCLEVBV3RCLEVBQXFCLEVBQUU7UUFYRCxFQUNuQyxLQUFLLEVBQ0wsVUFBVSxFQUNWLFNBQVMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUMxQixtQkFBbUIsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUNwQyxVQUFVLEVBQ1YsZ0JBQWdCLEdBQUcsb0JBQW9CLEVBQ3ZDLE9BQU8sRUFDUCxTQUFTLEVBQ1QsSUFBSSxPQUVTLEVBRFYsS0FBSyxjQVYyQiw2SEFXcEMsQ0FEUztJQUVSLE1BQU0sU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUM1QixNQUFNLG1CQUFtQixHQUFHLG1CQUFtQixDQUFDO0lBQ2hELE1BQU0sZUFBZSxHQUFHLFFBQVEsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFFdEUsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDaEMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtRQUNULElBQUksTUFBTSxJQUFJLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNuQyxJQUFJLEVBQUUsQ0FBQztTQUNSO0lBQ0gsQ0FBQyxFQUNELENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FDM0IsQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxHQUFHLFNBQVMsaUJBQ3JCLElBQUksRUFBRSxDQUFDLFVBQVUsRUFDakIsVUFBVSxFQUFFLE9BQU8sRUFDbkIsUUFBUSxJQUNMLEtBQUssRUFDUixDQUFDO0lBRUgsTUFBTSxDQUFDLGNBQWMsRUFBRSxlQUFlLENBQUMsR0FBRyxhQUFhLENBQUMsS0FBSyxFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBQ2hGLE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFFdEQsc0ZBQXNGO0lBQ3RGLE1BQU0sVUFBVSxHQUFHLFVBQVUsSUFBSSxPQUFPLENBQUM7SUFDekMsTUFBTSxjQUFjLEdBQUcsVUFBVSxJQUFJLFVBQVUsQ0FBQztJQUVoRCxPQUFPLENBQ0w7UUFDRSxvQkFBQyxTQUFTLFFBQUUsU0FBUyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBYTtRQUNqRCxjQUFjLElBQUksQ0FDakIsb0JBQUMsbUJBQW1CO1lBQ2pCLFVBQVUsSUFBSSxDQUNiLDZCQUNFLEdBQUcsRUFBRSxHQUFHLGlCQUNLLENBQUMsU0FBUyxlQUNaLFNBQVMsZ0JBQ1IsUUFBUSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ3JFLFNBQVMsRUFBRSxFQUFFLENBQ1gsNkVBQTZFLEVBQzdFLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQ3hDO2dCQUVELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxjQUFjLENBQUMsR0FBSTtnQkFDakUsb0JBQUMsVUFBVSxDQUFDLEtBQUssSUFBQyxLQUFLLEVBQUMsU0FBUyxJQUFFLGdCQUFnQixDQUFvQixDQUNuRSxDQUNQO1lBRUEsVUFBVSxJQUFJLG9CQUFDLFVBQVUsb0JBQUssZUFBZSxFQUFNLGVBQWUsRUFBSSxDQUNuRCxDQUN2QixDQUNBLENBQ0osQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -0,0 +1,23 @@
|
|
1
|
+
export declare type UseStaticInfiniteListProps<Item> = {
|
2
|
+
/**
|
3
|
+
* The list of items to paginate.
|
4
|
+
*/
|
5
|
+
items: Item[];
|
6
|
+
/**
|
7
|
+
* The number of items to show per virtual page.
|
8
|
+
*/
|
9
|
+
pageSize: number;
|
10
|
+
/**
|
11
|
+
* Automatically reset the page when the items change.
|
12
|
+
* @default true
|
13
|
+
*/
|
14
|
+
autoReset?: boolean;
|
15
|
+
};
|
16
|
+
export declare type UseStaticInfiniteListReturn<Item> = {
|
17
|
+
items: Item[];
|
18
|
+
next: () => void;
|
19
|
+
reset: () => void;
|
20
|
+
hasMore: boolean;
|
21
|
+
isLoading: boolean;
|
22
|
+
};
|
23
|
+
export declare const useStaticInfiniteList: <Item>({ items, pageSize, autoReset, }: UseStaticInfiniteListProps<Item>) => UseStaticInfiniteListReturn<Item>;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export const useStaticInfiniteList = ({ items, pageSize, autoReset = true, }) => {
|
3
|
+
const [currentPage, setCurrentPage] = React.useState(1);
|
4
|
+
const numberOfVisible = currentPage * pageSize;
|
5
|
+
const next = React.useCallback(() => {
|
6
|
+
setCurrentPage((page) => page + 1);
|
7
|
+
}, [setCurrentPage]);
|
8
|
+
const reset = React.useCallback(() => {
|
9
|
+
setCurrentPage(1);
|
10
|
+
}, [setCurrentPage]);
|
11
|
+
React.useEffect(() => {
|
12
|
+
if (autoReset) {
|
13
|
+
setCurrentPage(1);
|
14
|
+
}
|
15
|
+
}, [autoReset, items]);
|
16
|
+
return {
|
17
|
+
items: items.slice(0, numberOfVisible),
|
18
|
+
next,
|
19
|
+
reset,
|
20
|
+
hasMore: items.length > numberOfVisible,
|
21
|
+
isLoading: false,
|
22
|
+
};
|
23
|
+
};
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3RhdGljSW5maW5pdGVMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9MaXN0L3VzZVN0YXRpY0luZmluaXRlTGlzdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUE0QjFCLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQU8sRUFDMUMsS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEdBQUcsSUFBSSxHQUNpQixFQUFxQyxFQUFFO0lBQ3hFLE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RCxNQUFNLGVBQWUsR0FBRyxXQUFXLEdBQUcsUUFBUSxDQUFDO0lBRS9DLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsR0FBRyxFQUFFO1FBQ2xDLGNBQWMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3JDLENBQUMsRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUM7SUFFckIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxHQUFHLEVBQUU7UUFDbkMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3BCLENBQUMsRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUM7SUFFckIsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsSUFBSSxTQUFTLEVBQUU7WUFDYixjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDbkI7SUFDSCxDQUFDLEVBQUUsQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUV2QixPQUFPO1FBQ0wsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLGVBQWUsQ0FBQztRQUN0QyxJQUFJO1FBQ0osS0FBSztRQUNMLE9BQU8sRUFBRSxLQUFLLENBQUMsTUFBTSxHQUFHLGVBQWU7UUFDdkMsU0FBUyxFQUFFLEtBQUs7S0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|