@aivenio/aquarium 1.78.0 → 1.80.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/atoms.cjs +124 -24
- package/dist/atoms.mjs +124 -24
- package/dist/charts.cjs +1 -0
- package/dist/charts.mjs +1 -0
- package/dist/src/atoms/Section/Section.js +3 -3
- package/dist/src/atoms/utils/index.d.ts +234 -0
- package/dist/src/atoms/utils/index.js +32 -0
- package/dist/src/molecules/Combobox/Combobox.js +6 -1
- package/dist/src/molecules/Context/Context.d.ts +2 -1
- package/dist/src/molecules/Context/Context.js +6 -4
- package/dist/src/molecules/DataList/DataList.d.ts +5 -1
- package/dist/src/molecules/DataList/DataList.js +60 -60
- package/dist/src/molecules/DataList/DataListComponents.d.ts +2 -1
- package/dist/src/molecules/DataList/DataListComponents.js +3 -3
- package/dist/src/molecules/DataList/DataListGroup.d.ts +1 -1
- package/dist/src/molecules/DataList/DataListGroup.js +3 -3
- package/dist/src/molecules/DataTable/DataTable.d.ts +5 -1
- package/dist/src/molecules/DataTable/DataTable.js +36 -36
- package/dist/src/molecules/DateField/DateField.d.ts +10 -0
- package/dist/src/molecules/DateField/DateField.js +33 -0
- package/dist/src/molecules/DateField/DateInput.d.ts +3 -0
- package/dist/src/molecules/DateField/DateInput.js +22 -0
- package/dist/src/molecules/DatePicker/Button.d.ts +4 -0
- package/dist/src/molecules/DatePicker/Button.js +12 -0
- package/dist/src/molecules/DatePicker/Calendar.d.ts +6 -0
- package/dist/src/molecules/DatePicker/Calendar.js +44 -0
- package/dist/src/molecules/DatePicker/DatePicker.d.ts +12 -0
- package/dist/src/molecules/DatePicker/DatePicker.js +63 -0
- package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +12 -0
- package/dist/src/molecules/DatePicker/DateRangePicker.js +68 -0
- package/dist/src/molecules/DatePicker/Dialog.d.ts +3 -0
- package/dist/src/molecules/DatePicker/Dialog.js +7 -0
- package/dist/src/molecules/DatePicker/Popover.d.ts +7 -0
- package/dist/src/molecules/DatePicker/Popover.js +27 -0
- package/dist/src/molecules/DatePicker/RangeCalendar.d.ts +4 -0
- package/dist/src/molecules/DatePicker/RangeCalendar.js +51 -0
- package/dist/src/molecules/Field/Field.d.ts +3 -0
- package/dist/src/molecules/Field/Field.js +7 -0
- package/dist/src/molecules/MultiSelect/MultiSelect.js +6 -1
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
- package/dist/src/molecules/Section/Section.js +4 -6
- package/dist/src/molecules/Select/Select.js +6 -1
- package/dist/src/molecules/TimeField/TimeField.d.ts +10 -0
- package/dist/src/molecules/TimeField/TimeField.js +33 -0
- package/dist/src/molecules/TimePicker/TimePicker.d.ts +6 -0
- package/dist/src/molecules/TimePicker/TimePicker.js +4 -0
- package/dist/src/molecules/Tooltip/Tooltip.d.ts +5 -0
- package/dist/src/molecules/Tooltip/Tooltip.js +4 -2
- package/dist/src/molecules/index.d.ts +3 -0
- package/dist/src/molecules/index.js +4 -1
- package/dist/src/utils/mocks/mockScrollIntoView.d.ts +1 -0
- package/dist/src/utils/mocks/mockScrollIntoView.js +11 -0
- package/dist/src/utils/setupTests.js +3 -1
- package/dist/src/utils/tailwind.d.ts +1 -0
- package/dist/src/utils/tailwind.js +6 -1
- package/dist/styles.css +1942 -1489
- package/dist/system.cjs +1094 -548
- package/dist/system.mjs +1080 -517
- package/dist/tailwind.config.js +2 -1
- package/dist/tailwind.theme.json +93 -3
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +8 -15
@@ -22,13 +22,13 @@ export const DataListRowMenu = ({ row, index, menu, onAction, onMenuOpenChange,
|
|
22
22
|
React.createElement(Button.Icon, { "aria-label": menuAriaLabel, icon: more })),
|
23
23
|
menuContent))));
|
24
24
|
};
|
25
|
-
export const DataListRow = ({ columns, row, index, rows, menu, active, disabled, renderFirstColumn, additionalRowProps = () => ({}), additionalColumnProps = () => ({}), stickyStyles, }) => {
|
25
|
+
export const DataListRow = ({ columns, row, index, rows, menu, active, disabled, rowClassName, renderFirstColumn, additionalRowProps = () => ({}), additionalColumnProps = () => ({}), stickyStyles, }) => {
|
26
26
|
var _a;
|
27
27
|
const isRowDisabled = (_a = disabled === null || disabled === void 0 ? void 0 : disabled(row, index, rows)) !== null && _a !== void 0 ? _a : false;
|
28
28
|
return (React.createElement(DataListBase.Row, Object.assign({ key: row.id, disabled: isRowDisabled, active: active }, additionalRowProps(row, index, rows)), renderFirstColumn === null || renderFirstColumn === void 0 ? void 0 :
|
29
29
|
renderFirstColumn(row, index, rows),
|
30
30
|
React.createElement(List, { items: columns, renderItem: (column, columnIndex) => {
|
31
|
-
const cell = (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column), additionalColumnProps(column, columnIndex, columns, row)),
|
31
|
+
const cell = (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column), additionalColumnProps(column, columnIndex, columns, row), { className: rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row, index, rows) }),
|
32
32
|
React.createElement(DataListCell, { column: column, row: row, index: index, rows: rows })));
|
33
33
|
return createAnimatedCell({
|
34
34
|
cellElement: cell,
|
@@ -79,4 +79,4 @@ export const DataListCell = ({ column, row, index, rows: _rows, }) => {
|
|
79
79
|
}
|
80
80
|
return column.tooltip ? React.createElement(Tooltip, Object.assign({}, column.tooltip(row, index, rows)), cellContent) : React.createElement(React.Fragment, null, cellContent);
|
81
81
|
};
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RDb21wb25lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhTGlzdC9EYXRhTGlzdENvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsa0JBQWtCLEVBQXdCLE1BQU0sd0JBQXdCLENBQUM7QUFDbEYsT0FBTyxFQUNMLGNBQWMsRUFDZCxTQUFTLEdBS1YsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV0RSxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVVsQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBeUIsRUFDdEQsR0FBRyxFQUNILEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLGdCQUFnQixFQUNoQixhQUFhLEdBQ1csRUFBc0IsRUFBRTtJQUNoRCxJQUFJLENBQUMsSUFBSSxFQUFFO1FBQ1QsT0FB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
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type DataListColumn, type DataListGroupedRows, type DataTableRow, type DataTableRowId } from '../../../src/utils/table/types';
|
3
3
|
import { type DataListProps } from './DataList';
|
4
|
-
declare type DataListGroupProps<C extends DataListColumn<R>, R extends DataTableRow> = Pick<DataListProps<C, R>, 'columns' | 'disabled' | 'expandedGroupIds' | 'getGroupCheckboxLabel' | 'getGroupRow' | 'getRowCheckboxLabel' | 'menu' | 'menuAriaLabel' | 'onAction' | 'onGroupToggled' | 'onMenuOpenChange' | 'renderEmptyGroup' | 'renderGroupName' | 'rows' | 'selectable' | 'selectionDisabled'> & {
|
4
|
+
declare type DataListGroupProps<C extends DataListColumn<R>, R extends DataTableRow> = Pick<DataListProps<C, R>, 'columns' | 'disabled' | 'expandedGroupIds' | 'getGroupCheckboxLabel' | 'getGroupRow' | 'getRowCheckboxLabel' | 'menu' | 'menuAriaLabel' | 'onAction' | 'onGroupToggled' | 'onMenuOpenChange' | 'renderEmptyGroup' | 'renderGroupName' | 'rowClassName' | 'rows' | 'selectable' | 'selectionDisabled'> & {
|
5
5
|
groupKey: string | undefined;
|
6
6
|
level: number;
|
7
7
|
groups: DataListGroupedRows<R> | R[];
|
@@ -32,7 +32,7 @@ export const renderDefaultGroupName = (key) => (React.createElement(React.Fragme
|
|
32
32
|
export const renderDefaultEmptyGroup = () => (React.createElement(DataListBase.EmptyGroup, { icon: infoSign }, "This group is empty"));
|
33
33
|
export const DataListGroup = (_a) => {
|
34
34
|
var { groups, groupKey, level = 0 } = _a, props = __rest(_a, ["groups", "groupKey", "level"]);
|
35
|
-
const { columns, disabled, expandedGroupIds, getGroupRow, renderGroupName = renderDefaultGroupName, renderEmptyGroup = renderDefaultEmptyGroup, menu, menuAriaLabel, onAction, onGroupToggled, onMenuOpenChange, rows, selectable, selectedRows, onSelectionChange, selectionDisabled = () => false, getRowCheckboxLabel = getDefaultRowCheckboxLabel, getGroupCheckboxLabel = getDefaultGroupCheckboxLabel, } = props;
|
35
|
+
const { columns, disabled, rowClassName, expandedGroupIds, getGroupRow, renderGroupName = renderDefaultGroupName, renderEmptyGroup = renderDefaultEmptyGroup, menu, menuAriaLabel, onAction, onGroupToggled, onMenuOpenChange, rows, selectable, selectedRows, onSelectionChange, selectionDisabled = () => false, getRowCheckboxLabel = getDefaultRowCheckboxLabel, getGroupCheckboxLabel = getDefaultGroupCheckboxLabel, } = props;
|
36
36
|
const groupKeys = groups ? Object.keys(groups) : undefined;
|
37
37
|
const hasCustomRowForGroup = isFunction(getGroupRow);
|
38
38
|
// Let's first check if the group content contains nested groups or not.
|
@@ -50,7 +50,7 @@ export const DataListGroup = (_a) => {
|
|
50
50
|
const isChecked = (_a = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row.id)) !== null && _a !== void 0 ? _a : false;
|
51
51
|
const isDisabled = disabled === null || disabled === void 0 ? void 0 : disabled(row, index, rows);
|
52
52
|
const isSelectionDisabled = selectionDisabled(row, index, rows);
|
53
|
-
return (React.createElement(DataListRow, { key: row.id, columns: columns, row: row, index: index, rows: rows, active: selectable && isChecked, menu: React.createElement(DataListRowMenu, { row: row, index: index, menu: menu, onAction: onAction, onMenuOpenChange: onMenuOpenChange, menuAriaLabel: menuAriaLabel }), disabled: disabled, additionalRowProps: () => selectable
|
53
|
+
return (React.createElement(DataListRow, { key: row.id, columns: columns, row: row, index: index, rows: rows, active: selectable && isChecked, menu: React.createElement(DataListRowMenu, { row: row, index: index, menu: menu, onAction: onAction, onMenuOpenChange: onMenuOpenChange, menuAriaLabel: menuAriaLabel }), disabled: disabled, rowClassName: rowClassName, additionalRowProps: () => selectable
|
54
54
|
? {
|
55
55
|
'aria-selected': isChecked,
|
56
56
|
}
|
@@ -105,4 +105,4 @@ export const DataListGroup = (_a) => {
|
|
105
105
|
React.createElement(DataListGroup, Object.assign({ key: key, groupKey: key, level: level + 1 }, props, { groups: group }))))));
|
106
106
|
} }));
|
107
107
|
};
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0YUxpc3QvRGF0YUxpc3RHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsT0FBTyxFQUNMLGNBQWMsRUFDZCxTQUFTLEdBS1YsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxRQUFRLE1BQU0sb0JBQW9CLENBQUM7QUFHMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUV0QyxNQUFNLEdBQUcsR0FBRyxDQUFDLENBQUM7QUFDZCxNQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7QUFFdkIsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFtQixFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMs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
|
@@ -32,6 +32,10 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
|
|
32
32
|
* Disabled rows appear lighter in color and do not allow clicking row contents.
|
33
33
|
*/
|
34
34
|
disabled?: (row: R, index: number, rows: R[]) => boolean;
|
35
|
+
/**
|
36
|
+
* Determines a custom className for the row.
|
37
|
+
*/
|
38
|
+
rowClassName?: (row: R, index: number, rows: R[]) => string;
|
35
39
|
/**
|
36
40
|
* Sort a column by default. Direction defaults to ascending.
|
37
41
|
*/
|
@@ -48,7 +52,7 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
|
|
48
52
|
} | null) => void;
|
49
53
|
};
|
50
54
|
export declare const DataTable: {
|
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;
|
55
|
+
<C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, menuLabel, menuAriaLabel, menuHeaderName, onAction, onMenuOpenChange, disabled, rowClassName, defaultSort, onSortChanged, ariaLabel, onNext, onPrev, ...rest }: DataTableProps<C, R>): React.JSX.Element;
|
52
56
|
Skeleton: React.FC<{
|
53
57
|
columns?: number | (number | `${number}` | `fit-content(${string})`)[] | undefined;
|
54
58
|
rows?: number | undefined;
|
@@ -33,7 +33,7 @@ import { defaultContextualMenuPlacement } from '../../../types/ContextualMenu';
|
|
33
33
|
import more from '../../../src/icons/more';
|
34
34
|
export const DataTable = (_a) => {
|
35
35
|
var _b;
|
36
|
-
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"]);
|
36
|
+
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, menuLabel, menuAriaLabel = menuLabel !== null && menuLabel !== void 0 ? menuLabel : 'Context menu', menuHeaderName = 'Actions', onAction, onMenuOpenChange, disabled, rowClassName, defaultSort, onSortChanged, ariaLabel, onNext, onPrev } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "menuLabel", "menuAriaLabel", "menuHeaderName", "onAction", "onMenuOpenChange", "disabled", "rowClassName", "defaultSort", "onSortChanged", "ariaLabel", "onNext", "onPrev"]);
|
37
37
|
const containerRef = useRef(null);
|
38
38
|
const hasStickyColumns = columns.some((column) => column.sticky);
|
39
39
|
const stickyStyles = useScrollStyles({ containerRef, skip: !hasStickyColumns });
|
@@ -47,40 +47,40 @@ export const DataTable = (_a) => {
|
|
47
47
|
const PaginationFooter = React.useCallback(({ children }) => (React.createElement("tfoot", null,
|
48
48
|
React.createElement("tr", null,
|
49
49
|
React.createElement("td", { colSpan: amountOfColumns }, children)))), [amountOfColumns]);
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
50
|
+
const compponentContent = (React.createElement(Table, { ariaLabel: ariaLabel, onNext: onNext, onPrev: onPrev, className: classNames('Aquarium-DataTable', tw({
|
51
|
+
'whitespace-nowrap': noWrap,
|
52
|
+
'table-auto': layout === 'auto',
|
53
|
+
'table-fixed': layout === 'fixed',
|
54
|
+
})) },
|
55
|
+
React.createElement(Table.Head, { sticky: sticky }, compact([
|
56
|
+
...columns.map((column) => {
|
57
|
+
const content = column.headerTooltip && !column.headerInvisible ? (React.createElement(Tooltip, { placement: column.headerTooltip.placement, content: column.headerTooltip.content }, column.headerName)) : (!column.headerInvisible && column.headerName);
|
58
|
+
const headerContentAndIcon = !column.headerInvisible && column.icon ? (React.createElement(Box.Flex, { flexDirection: "row", gap: "3", alignItems: "center" },
|
59
|
+
React.createElement(InlineIcon, { icon: column.icon, height: "22", color: "default", "aria-hidden": true }),
|
60
|
+
content)) : (content);
|
61
|
+
const cell = (columnIsFieldColumn(column) && column.sortable) || column.sort ? (React.createElement(Table.SortCell, Object.assign({ direction: sort && sort.column.headerName === column.headerName ? sort.direction : 'none', onClick: () => updateSort(column), style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }, cellProps(column)), headerContentAndIcon)) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column), { style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }), headerContentAndIcon));
|
62
|
+
return createAnimatedCell({
|
63
|
+
cellElement: cell,
|
64
|
+
stickyStyles,
|
65
|
+
stickyColumn: cellProps(column).stickyColumn,
|
66
|
+
});
|
67
|
+
}),
|
68
|
+
menu ? (React.createElement(Table.Cell, { key: "__contextMenu", align: "right", "aria-label": menuAriaLabel }, menuHeaderName)) : null,
|
69
|
+
])),
|
70
|
+
React.createElement(List, Object.assign({ container: Table.Body, paginationContainer: PaginationFooter }, rest, { items: sortedRows, renderItem: (row, index) => {
|
71
|
+
var _a;
|
72
|
+
const isRowDisabled = (_a = disabled === null || disabled === void 0 ? void 0 : disabled(row, index, sortedRows)) !== null && _a !== void 0 ? _a : false;
|
73
|
+
return (React.createElement(Table.Row, { key: row.id, disabled: isRowDisabled },
|
74
|
+
React.createElement(List, { items: columns, renderItem: (column) => {
|
75
|
+
return createAnimatedCell({
|
76
|
+
cellElement: (React.createElement(Table.Cell, Object.assign({}, cellProps(column), { className: rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row, index, rows) }), renderCell(column, row, index, sortedRows))),
|
77
|
+
stickyStyles,
|
78
|
+
stickyColumn: cellProps(column).stickyColumn,
|
79
|
+
});
|
80
|
+
} }),
|
81
|
+
renderRowMenu(row, index, { menu, menuAriaLabel, onAction, onMenuOpenChange })));
|
82
|
+
} }))));
|
83
|
+
return hasStickyColumns ? (React.createElement("div", { className: "relative w-full overflow-x-auto", ref: containerRef }, compponentContent)) : (compponentContent);
|
84
84
|
};
|
85
85
|
const renderRowMenu = (row, index, { menu, onAction, onMenuOpenChange, menuAriaLabel, }) => {
|
86
86
|
if (menu) {
|
@@ -125,4 +125,4 @@ const renderCell = (column, row, index, rows) => {
|
|
125
125
|
return column.tooltip ? React.createElement(Tooltip, Object.assign({}, column.tooltip(row, index, rows)), cellContent) : cellContent;
|
126
126
|
};
|
127
127
|
DataTable.Skeleton = DataListSkeleton;
|
128
|
-
//# sourceMappingURL=data:application/json;base64,
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBMEIsSUFBSSxFQUE0QixNQUFNLHlCQUF5QixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxLQUFLLEVBQW1CLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsbUJBQW1CLEdBTXBCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFF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
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type DateFieldProps as AriaDateFieldProps, type DateValue } from 'react-aria-components';
|
3
|
+
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
4
|
+
export declare type DateFieldBaseProps<T extends DateValue> = Omit<AriaDateFieldProps<T>, 'children' | 'className' | 'isDateUnavailable' | 'isDisabled' | 'isInvalid' | 'isOpen' | 'isReadOnly' | 'isRequired' | 'slot' | 'style' | 'validate'> & {
|
5
|
+
disabled?: boolean;
|
6
|
+
valid?: boolean;
|
7
|
+
};
|
8
|
+
export declare const DateFieldBase: <T extends DateValue>({ disabled, valid, ...props }: DateFieldBaseProps<T>) => React.JSX.Element;
|
9
|
+
export declare type DateFieldProps<T extends DateValue> = DateFieldBaseProps<T> & Omit<LabelControlProps, 'length'>;
|
10
|
+
export declare const DateField: <T extends DateValue>(props: DateFieldProps<T>) => React.JSX.Element;
|
@@ -0,0 +1,33 @@
|
|
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 { DateField as AriaDateField, } from 'react-aria-components';
|
14
|
+
import { useLabel } from '@react-aria/label';
|
15
|
+
import { useId } from '@react-aria/utils';
|
16
|
+
import omit from 'lodash/omit';
|
17
|
+
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
18
|
+
import { DateInput } from './DateInput';
|
19
|
+
export const DateFieldBase = (_a) => {
|
20
|
+
var { disabled, valid } = _a, props = __rest(_a, ["disabled", "valid"]);
|
21
|
+
return (React.createElement(AriaDateField, Object.assign({}, props, { isInvalid: valid === false, isDisabled: disabled }),
|
22
|
+
React.createElement(DateInput, null)));
|
23
|
+
};
|
24
|
+
export const DateField = (props) => {
|
25
|
+
const { labelProps, fieldProps } = useLabel({ label: props.labelText });
|
26
|
+
const errorMessageId = useId();
|
27
|
+
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
28
|
+
const _a = getLabelControlProps(props), { 'data-testid': dataTestId } = _a, labelControlProps = __rest(_a, ['data-testid']);
|
29
|
+
const baseProps = omit(props, Object.keys(labelControlProps));
|
30
|
+
return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DateField" }),
|
31
|
+
React.createElement(DateFieldBase, Object.assign({}, baseProps, fieldProps, errorProps, { disabled: props.disabled, valid: props.valid }))));
|
32
|
+
};
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlRmllbGQvRGF0ZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsU0FBUyxJQUFJLGFBQWEsR0FHM0IsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBRXhHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFvQnhDLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUFzQixFQUFvRCxFQUFFLEVBQUU7UUFBeEQsRUFBRSxRQUFRLEVBQUUsS0FBSyxPQUFtQyxFQUE5QixLQUFLLGNBQTNCLHFCQUE2QixDQUFGO0lBQzVFLE9BQU8sQ0FDTCxvQkFBQyxhQUFhLG9CQUFLLEtBQUssSUFBRSxTQUFTLEVBQUUsS0FBSyxLQUFLLEtBQUssRUFBRSxVQUFVLEVBQUUsUUFBUTtRQUN4RSxvQkFBQyxTQUFTLE9BQUcsQ0FDQyxDQUNqQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBSUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQXNCLEtBQXdCLEVBQUUsRUFBRTtJQUN6RSxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLFFBQVEsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztJQUN4RSxNQUFNLGNBQWMsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUMvQixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLGNBQWMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDN0csTUFBTSxLQUFzRCxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsRUFBakYsRUFBRSxhQUFhLEVBQUUsVUFBVSxPQUFzRCxFQUFqRCxpQkFBaUIsY0FBakQsZUFBbUQsQ0FBOEIsQ0FBQztJQUN4RixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDO0lBRTlELE9BQU8sQ0FDTCxvQkFBQyxZQUFZLG9CQUFLLFVBQVUsRUFBTSxpQkFBaUIsSUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLFNBQVMsRUFBQyxvQkFBb0I7UUFDNUcsb0JBQUMsYUFBYSxvQkFBSyxTQUFTLEVBQU0sVUFBVSxFQUFNLFVBQVUsSUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUNqRyxDQUNoQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { DateInput as AriaDateInput, DateSegment } from 'react-aria-components';
|
3
|
+
import { tv } from 'tailwind-variants';
|
4
|
+
import { fieldGroup } from '../../../src/atoms/utils';
|
5
|
+
const segmentStyles = tv({
|
6
|
+
base: 'inline p-0.5 rounded outline outline-0 caret-transparent text-default',
|
7
|
+
variants: {
|
8
|
+
isPlaceholder: {
|
9
|
+
true: 'text-inactive',
|
10
|
+
},
|
11
|
+
isDisabled: {
|
12
|
+
true: 'text-inactive',
|
13
|
+
},
|
14
|
+
isFocused: {
|
15
|
+
true: 'bg-info-muted',
|
16
|
+
},
|
17
|
+
},
|
18
|
+
});
|
19
|
+
export function DateInput(props) {
|
20
|
+
return (React.createElement(AriaDateInput, Object.assign({ className: (renderProps) => fieldGroup(Object.assign(Object.assign({}, renderProps), { class: 'block min-w-[150px]' })) }, props), (segment) => React.createElement(DateSegment, { segment: segment, className: segmentStyles })));
|
21
|
+
}
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZUlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlRmllbGQvRGF0ZUlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsSUFBSSxhQUFhLEVBQXVCLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLElBQUksRUFBRSx1RUFBdUU7SUFDN0UsUUFBUSxFQUFFO1FBQ1IsYUFBYSxFQUFFO1lBQ2IsSUFBSSxFQUFFLGVBQWU7U0FDdEI7UUFDRCxVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsZUFBZTtTQUN0QjtRQUNELFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxlQUFlO1NBQ3RCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUsU0FBUyxDQUFDLEtBQXVDO0lBQy9ELE9BQU8sQ0FDTCxvQkFBQyxhQUFhLGtCQUFDLFNBQVMsRUFBRSxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUMsVUFBVSxpQ0FBTSxXQUFXLEtBQUUsS0FBSyxFQUFFLHFCQUFxQixJQUFHLElBQU0sS0FBSyxHQUMvRyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsb0JBQUMsV0FBVyxJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsR0FBSSxDQUMzRCxDQUNqQixDQUFDO0FBQ0osQ0FBQyJ9
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Button as AriaButton } from 'react-aria-components';
|
3
|
+
import { composeRenderProps } from 'react-aria-components';
|
4
|
+
import { tv } from 'tailwind-variants';
|
5
|
+
import { focusRing } from '../../../src/atoms/utils';
|
6
|
+
const button = tv({
|
7
|
+
extend: focusRing,
|
8
|
+
});
|
9
|
+
export function Button(props) {
|
10
|
+
return (React.createElement(AriaButton, Object.assign({}, props, { className: composeRenderProps(props.className, (className, renderProps) => button(Object.assign(Object.assign({}, renderProps), { className }))) })));
|
11
|
+
}
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLElBQUksVUFBVSxFQUF1QyxNQUFNLHVCQUF1QixDQUFDO0FBQ2xHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzNELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFNUMsTUFBTSxNQUFNLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLE1BQU0sRUFBRSxTQUFTO0NBQ2xCLENBQUMsQ0FBQztBQUlILE1BQU0sVUFBVSxNQUFNLENBQUMsS0FBa0I7SUFDdkMsT0FBTyxDQUNMLG9CQUFDLFVBQVUsb0JBQ0wsS0FBSyxJQUNULFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxFQUFFLENBQUMsTUFBTSxpQ0FBTSxXQUFXLEtBQUUsU0FBUyxJQUFHLENBQUMsSUFDakgsQ0FDSCxDQUFDO0FBQ0osQ0FBQyJ9
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type CalendarProps as AriaCalendarProps, type DateValue } from 'react-aria-components';
|
3
|
+
export declare type CalendarProps<T extends DateValue> = Omit<AriaCalendarProps<T>, 'visibleDuration'>;
|
4
|
+
export declare const Calendar: <T extends DateValue>(props: CalendarProps<T>) => React.JSX.Element;
|
5
|
+
export declare const CalendarHeader: () => React.JSX.Element;
|
6
|
+
export declare const CalendarGridHeader: () => React.JSX.Element;
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Calendar as AriaCalendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader as AriaCalendarGridHeader, CalendarHeaderCell, Heading, } from 'react-aria-components';
|
3
|
+
import { tv } from 'tailwind-variants';
|
4
|
+
import { Icon } from '../../../src/molecules/Icon/Icon';
|
5
|
+
import { focusRing } from '../../../src/atoms/utils';
|
6
|
+
import { tw } from '../../../src/utils/tailwind';
|
7
|
+
import chevronLeft from '../../../src/icons/chevronLeft';
|
8
|
+
import chevronRight from '../../../src/icons/chevronRight';
|
9
|
+
import { Button } from './Button';
|
10
|
+
const cellStyles = tv({
|
11
|
+
extend: focusRing,
|
12
|
+
base: 'w-8 h-8 typography-small cursor-default rounded flex items-center justify-center',
|
13
|
+
variants: {
|
14
|
+
isSelected: {
|
15
|
+
false: 'text-default hover:bg-default pressed:bg-intense',
|
16
|
+
true: 'bg-primary-default invalid:bg-danger-default text-white',
|
17
|
+
},
|
18
|
+
isUnavailable: {
|
19
|
+
true: 'text-inactive',
|
20
|
+
},
|
21
|
+
isDisabled: {
|
22
|
+
true: 'text-inactive',
|
23
|
+
},
|
24
|
+
},
|
25
|
+
});
|
26
|
+
export const Calendar = (props) => {
|
27
|
+
return (React.createElement(AriaCalendar, Object.assign({}, props),
|
28
|
+
React.createElement(CalendarHeader, null),
|
29
|
+
React.createElement(CalendarGrid, null,
|
30
|
+
React.createElement(CalendarGridHeader, null),
|
31
|
+
React.createElement(CalendarGridBody, null, (date) => React.createElement(CalendarCell, { date: date, className: cellStyles })))));
|
32
|
+
};
|
33
|
+
export const CalendarHeader = () => {
|
34
|
+
return (React.createElement("header", { className: "flex items-center gap-1 pb-5 w-full" },
|
35
|
+
React.createElement(Button, { slot: "previous", className: "p-3" },
|
36
|
+
React.createElement(Icon, { icon: chevronLeft })),
|
37
|
+
React.createElement(Heading, { className: tw('flex-1 typography-default-strong text-center') }),
|
38
|
+
React.createElement(Button, { slot: "next", className: "p-3" },
|
39
|
+
React.createElement(Icon, { icon: chevronRight }))));
|
40
|
+
};
|
41
|
+
export const CalendarGridHeader = () => {
|
42
|
+
return (React.createElement(AriaCalendarGridHeader, null, (day) => React.createElement(CalendarHeaderCell, { className: "text-xs text-inactive typography-caption" }, day)));
|
43
|
+
};
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FsZW5kYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGVQaWNrZXIvQ2FsZW5kYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsUUFBUSxJQUFJLFlBQVksRUFDeEIsWUFBWSxFQUNaLFlBQVksRUFDWixnQkFBZ0IsRUFDaEIsa0JBQWtCLElBQUksc0JBQXNCLEVBQzVDLGtCQUFrQixFQUdsQixPQUFPLEdBQ1IsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRS9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUU1QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUFFbEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUVsQyxNQUFNLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDcEIsTUFBTSxFQUFFLFNBQVM7SUFDakIsSUFBSSxFQUFFLGtGQUFrRjtJQUN4RixRQUFRLEVBQUU7UUFDUixVQUFVLEVBQUU7WUFDVixLQUFLLEVBQUUsa0RBQWtEO1lBQ3pELElBQUksRUFBRSx5REFBeUQ7U0FDaEU7UUFDRCxhQUFhLEVBQUU7WUFDYixJQUFJLEVBQUUsZUFBZTtTQUN0QjtRQUNELFVBQVUsRUFBRTtZQUNWLElBQUksRUFBRSxlQUFlO1NBQ3RCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFJSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBc0IsS0FBdUIsRUFBRSxFQUFFO0lBQ3ZFLE9BQU8sQ0FDTCxvQkFBQyxZQUFZLG9CQUFLLEtBQUs7UUFDckIsb0JBQUMsY0FBYyxPQUFHO1FBQ2xCLG9CQUFDLFlBQVk7WUFDWCxvQkFBQyxrQkFBa0IsT0FBRztZQUN0QixvQkFBQyxnQkFBZ0IsUUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsb0JBQUMsWUFBWSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBSSxDQUFvQixDQUN2RixDQUNGLENBQ2hCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsR0FBRyxFQUFFO0lBQ2pDLE9BQU8sQ0FDTCxnQ0FBUSxTQUFTLEVBQUMscUNBQXFDO1FBQ3JELG9CQUFDLE1BQU0sSUFBQyxJQUFJLEVBQUMsVUFBVSxFQUFDLFNBQVMsRUFBQyxLQUFLO1lBQ3JDLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsV0FBVyxHQUFJLENBQ3BCO1FBQ1Qsb0JBQUMsT0FBTyxJQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsOENBQThDLENBQUMsR0FBSTtRQUMxRSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUMsS0FBSztZQUNqQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksR0FBSSxDQUNyQixDQUNGLENBQ1YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLEdBQUcsRUFBRTtJQUNyQyxPQUFPLENBQ0wsb0JBQUMsc0JBQXNCLFFBQ3BCLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxrQkFBa0IsSUFBQyxTQUFTLEVBQUMsMENBQTBDLElBQUUsR0FBRyxDQUFzQixDQUN0RixDQUMxQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type DatePickerProps as AriaDatePickerProps, type DateValue } from 'react-aria-components';
|
3
|
+
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
4
|
+
export declare type DatePickerBaseProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
|
5
|
+
disabled?: boolean;
|
6
|
+
valid?: boolean;
|
7
|
+
};
|
8
|
+
export declare const DatePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
|
9
|
+
export declare const DateTimePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
|
10
|
+
export declare type DatePickerProps<T extends DateValue> = DatePickerBaseProps<T> & Omit<LabelControlProps, 'length'>;
|
11
|
+
export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T>) => React.JSX.Element;
|
12
|
+
export declare const DateTimePicker: <T extends DateValue>(props: DatePickerProps<T>) => React.JSX.Element;
|
@@ -0,0 +1,63 @@
|
|
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 { DatePicker as AriaDatePicker, DatePickerStateContext, } from 'react-aria-components';
|
14
|
+
import { useLabel } from '@react-aria/label';
|
15
|
+
import { useId } from '@react-aria/utils';
|
16
|
+
import omit from 'lodash/omit';
|
17
|
+
import { DateInput } from '../../../src/molecules/DateField/DateInput';
|
18
|
+
import { FieldGroup } from '../../../src/molecules/Field/Field';
|
19
|
+
import { Icon } from '../../../src/molecules/Icon/Icon';
|
20
|
+
import { Spacing } from '../../../src/molecules/Spacing/Spacing';
|
21
|
+
import { TimeField } from '../../../src/molecules/TimeField/TimeField';
|
22
|
+
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
23
|
+
import { tw } from '../../../src/utils/tailwind';
|
24
|
+
import calendarIcon from '../../../src/icons/calendar';
|
25
|
+
import { Button } from './Button';
|
26
|
+
import { Calendar } from './Calendar';
|
27
|
+
import { Dialog } from './Dialog';
|
28
|
+
import { Popover } from './Popover';
|
29
|
+
const createDatePickerBase = (variant) => (_a) => {
|
30
|
+
var { disabled, valid, granularity, shouldCloseOnSelect } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect"]);
|
31
|
+
const hasSomeValue = props.value || props.defaultValue || props.placeholderValue;
|
32
|
+
return (React.createElement(AriaDatePicker, Object.assign({}, props, { shouldCloseOnSelect: shouldCloseOnSelect !== null && shouldCloseOnSelect !== void 0 ? shouldCloseOnSelect : variant === 'date', isDisabled: disabled, isInvalid: valid === false,
|
33
|
+
// Set the granularity to minute if the variant is 'datetime' and there is no any value provided.
|
34
|
+
// This will display the time component in the picker by default in <DateTimePicker>.
|
35
|
+
granularity: granularity !== null && granularity !== void 0 ? granularity : (variant === 'datetime' && !hasSomeValue ? 'minute' : undefined) }),
|
36
|
+
React.createElement(FieldGroup, { className: tw('min-w-[210px] w-auto') },
|
37
|
+
React.createElement(DateInput, { className: tw('flex-1') }),
|
38
|
+
React.createElement(Button, null,
|
39
|
+
React.createElement(Icon, { icon: calendarIcon }))),
|
40
|
+
React.createElement(Popover, { offset: 1 },
|
41
|
+
React.createElement(Dialog, null,
|
42
|
+
React.createElement(Spacing, { gap: "6" },
|
43
|
+
React.createElement(Calendar, null),
|
44
|
+
variant === 'datetime' && React.createElement(PickerTimeField, { granularity: granularity }))))));
|
45
|
+
};
|
46
|
+
export const DatePickerBase = createDatePickerBase('date');
|
47
|
+
export const DateTimePickerBase = createDatePickerBase('datetime');
|
48
|
+
const PickerTimeField = ({ granularity }) => {
|
49
|
+
const state = React.useContext(DatePickerStateContext);
|
50
|
+
return (React.createElement(TimeField, { labelText: "Time", granularity: granularity !== 'day' ? granularity : undefined, value: state.timeValue, onChange: state.setTimeValue, reserveSpaceForError: false }));
|
51
|
+
};
|
52
|
+
const createDatePicker = (variant) => (props) => {
|
53
|
+
const { labelProps, fieldProps } = useLabel({ label: props.labelText });
|
54
|
+
const errorMessageId = useId();
|
55
|
+
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
56
|
+
const _a = getLabelControlProps(props), { 'data-testid': dataTestId } = _a, labelControlProps = __rest(_a, ['data-testid']);
|
57
|
+
const baseProps = omit(props, Object.keys(labelControlProps));
|
58
|
+
const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
|
59
|
+
return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DatePicker" }), variant === 'date' ? React.createElement(DatePickerBase, Object.assign({}, allProps)) : React.createElement(DateTimePickerBase, Object.assign({}, allProps))));
|
60
|
+
};
|
61
|
+
export const DatePicker = createDatePicker('date');
|
62
|
+
export const DateTimePicker = createDatePicker('datetime');
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFFNUIsc0JBQXNCLEdBRXZCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUUxQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSxvQkFBb0IsQ0FBQztBQUU5QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDdEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBb0JwQyxNQUFNLG9CQUFvQixHQUN4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
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type DateRangePickerProps as AriaDateRangePickerProps, type DateValue } from 'react-aria-components';
|
3
|
+
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
4
|
+
export declare type DateRangePickerBaseProps<T extends DateValue> = Omit<AriaDateRangePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
|
5
|
+
disabled?: boolean;
|
6
|
+
valid?: boolean;
|
7
|
+
};
|
8
|
+
export declare const DateRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
|
9
|
+
export declare const DateTimeRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
|
10
|
+
export declare type DateRangePickerProps<T extends DateValue> = DateRangePickerBaseProps<T> & Omit<LabelControlProps, 'length'>;
|
11
|
+
export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T>) => React.JSX.Element;
|
12
|
+
export declare const DateTimeRangePicker: <T extends DateValue>(props: DateRangePickerProps<T>) => React.JSX.Element;
|