@aivenio/aquarium 1.13.0-rc1 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +28 -12
- package/dist/atoms.mjs +28 -12
- package/dist/src/atoms/DataList/DataList.d.ts +3 -1
- package/dist/src/atoms/DataList/DataList.js +5 -5
- package/dist/src/atoms/Table/Table.d.ts +4 -3
- package/dist/src/atoms/Table/Table.js +17 -7
- package/dist/src/molecules/DataList/DataList.d.ts +3 -3
- package/dist/src/molecules/DataList/DataList.js +7 -7
- package/dist/src/molecules/DataTable/DataTable.d.ts +3 -3
- package/dist/src/molecules/DataTable/DataTable.js +5 -5
- package/dist/src/molecules/Dialog/Dialog.js +3 -2
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/molecules/Modal/Modal.d.ts +5 -0
- package/dist/src/molecules/Modal/Modal.js +4 -3
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -0
- package/dist/src/molecules/Popover/PopoverOverlay.js +3 -3
- package/dist/src/utils/table/types.d.ts +28 -12
- package/dist/src/utils/table/types.js +3 -1
- package/dist/src/utils/table/useTableSort.d.ts +2 -2
- package/dist/src/utils/table/useTableSort.js +5 -5
- package/dist/src/utils/table/utils.d.ts +2 -0
- package/dist/src/utils/table/utils.js +16 -0
- package/dist/styles.css +5 -5
- package/dist/styles_timescaledb.css +5 -5
- package/dist/system.cjs +109 -50
- package/dist/system.mjs +98 -40
- package/dist/tokens.json +4 -4
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/dist/src/molecules/Charts/data.d.ts +0 -1
- package/dist/src/molecules/Charts/data.js +0 -122
@@ -33,7 +33,7 @@ export const DropdownMenu = (_a) => {
|
|
33
33
|
return (React.createElement("div", null,
|
34
34
|
React.createElement(PressResponder, Object.assign({ ref: triggerRef, onPress: () => state.toggle() }, menuTriggerProps),
|
35
35
|
React.createElement(TriggerWrapper, null, trigger.props.children)),
|
36
|
-
state.isOpen && (React.createElement(PopoverOverlay, { triggerRef: triggerRef, state: state, placement: placement },
|
36
|
+
state.isOpen && (React.createElement(PopoverOverlay, { triggerRef: triggerRef, state: state, placement: placement, focusable: false },
|
37
37
|
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
38
|
};
|
39
39
|
const MenuTrigger = () => null;
|
@@ -136,4 +136,4 @@ const getDisabledItemKeys = (children) => {
|
|
136
136
|
});
|
137
137
|
return keys.flat().filter((key) => key !== null);
|
138
138
|
};
|
139
|
-
//# sourceMappingURL=data:application/json;base64,
|
139
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBa0IsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFZbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUV0RSxPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQXVJM0MsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUtyQixDQUFDLEVBY0osRUFBRSxF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
|
@@ -31,6 +31,11 @@ export declare type ModalProps = {
|
|
31
31
|
* @default document.body
|
32
32
|
*/
|
33
33
|
portalContainer?: Element;
|
34
|
+
/**
|
35
|
+
* When true, modal can be closed using escape.
|
36
|
+
* @default true
|
37
|
+
*/
|
38
|
+
closeOnEsc?: boolean;
|
34
39
|
};
|
35
40
|
export declare const Modal: React.FC<ModalProps>;
|
36
41
|
export declare const ModalTabs: React.FC<TabsProps & {
|
@@ -22,11 +22,12 @@ import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
|
|
22
22
|
import { tw } from '../../../src/utils/tailwind';
|
23
23
|
import { isComponentType } from '../../../types/utils';
|
24
24
|
import cross from '../../../src/icons/cross';
|
25
|
-
export const Modal = (
|
25
|
+
export const Modal = (_a) => {
|
26
|
+
var { closeOnEsc = true } = _a, props = __rest(_a, ["closeOnEsc"]);
|
26
27
|
const { open, onClose, size, portalContainer } = props;
|
27
28
|
const ref = React.useRef(null);
|
28
29
|
const state = useOverlayTriggerState({ isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose() });
|
29
|
-
const { modalProps, underlayProps } = useModalOverlay({ isDismissable: true, isKeyboardDismissDisabled:
|
30
|
+
const { modalProps, underlayProps } = useModalOverlay({ isDismissable: true, isKeyboardDismissDisabled: !closeOnEsc }, state, ref);
|
30
31
|
if (!state.isOpen) {
|
31
32
|
return null;
|
32
33
|
}
|
@@ -67,4 +68,4 @@ const ModalWrapper = React.forwardRef((_a, ref) => {
|
|
67
68
|
});
|
68
69
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
69
70
|
React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RixPQUFPLEVBSUwsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixpQkFBaUIsRUFDakIsT0FBTyxHQUNSLE1BQU0seUJBQXlCLENBQUM7QUFFakMsT0FBTyxFQUFFLEtBQUssSUFBSSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQWdEcEMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQStCLEVBQUUsRUFBRTtRQUFuQyxFQUFFLFVBQVUsR0FBRyxJQUFJLE9BQVksRUFBUCxLQUFLLGNBQTdCLGNBQStCLENBQUY7SUFDdkUsTUFBTSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSxHQUFH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
|
@@ -10,6 +10,7 @@ export declare const PopoverOverlay: React.ForwardRefExoticComponent<AriaOverlay
|
|
10
10
|
popoverRef?: React.RefObject<HTMLDivElement> | undefined;
|
11
11
|
state: OverlayTriggerState;
|
12
12
|
placement?: PopoverPlacement | undefined;
|
13
|
+
focusable?: boolean | undefined;
|
13
14
|
isNonModal?: boolean | undefined;
|
14
15
|
isKeyboardDismissDisabled?: boolean | undefined;
|
15
16
|
autoFocus?: boolean | undefined;
|
@@ -17,7 +17,7 @@ export const PopoverOverlay = React.forwardRef((props, ref) => {
|
|
17
17
|
React.createElement(Wrapper, Object.assign({ ref: ref }, props))));
|
18
18
|
});
|
19
19
|
const Wrapper = React.forwardRef((_a, ref) => {
|
20
|
-
var { id, state, className, style = {}, placement = 'bottom-left', role, isNonModal = false, autoFocus, containFocus, children, popoverRef: _popoverRef } = _a, props = __rest(_a, ["id", "state", "className", "style", "placement", "role", "isNonModal", "autoFocus", "containFocus", "children", "popoverRef"]);
|
20
|
+
var { id, state, className, style = {}, placement = 'bottom-left', role, focusable = true, isNonModal = false, autoFocus, containFocus, children, popoverRef: _popoverRef } = _a, props = __rest(_a, ["id", "state", "className", "style", "placement", "role", "focusable", "isNonModal", "autoFocus", "containFocus", "children", "popoverRef"]);
|
21
21
|
const popoverRef = React.useRef(null);
|
22
22
|
React.useImperativeHandle(ref, () => popoverRef.current);
|
23
23
|
useEffect(() => {
|
@@ -28,8 +28,8 @@ const Wrapper = React.forwardRef((_a, ref) => {
|
|
28
28
|
const { underlayProps, popoverProps } = usePopover(Object.assign(Object.assign({}, props), { isNonModal, placement: placement.replace('-', ' '), popoverRef }), state);
|
29
29
|
return (React.createElement("div", null,
|
30
30
|
!isNonModal && React.createElement(Base.Underlay, Object.assign({}, underlayProps)),
|
31
|
-
React.createElement(Base.Panel, Object.assign({ ref: popoverRef, tabIndex: 0, role: role !== null && role !== void 0 ? role : 'presentation' }, popoverProps, { id: id !== null && id !== void 0 ? id : popoverProps.id, style: Object.assign(Object.assign({}, popoverProps.style), style), className: className }),
|
31
|
+
React.createElement(Base.Panel, Object.assign({ ref: popoverRef, tabIndex: focusable ? 0 : -1, role: role !== null && role !== void 0 ? role : 'presentation' }, popoverProps, { id: id !== null && id !== void 0 ? id : popoverProps.id, style: Object.assign(Object.assign({}, popoverProps.style), style), className: className }),
|
32
32
|
children,
|
33
33
|
React.createElement(DismissButton, { onDismiss: state.close }))));
|
34
34
|
});
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlck92ZXJsYXkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1BvcG92ZXIvUG9wb3Zlck92ZXJsYXkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDekMsT0FBTyxFQUF5QixhQUFhLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBSWpHLE9BQU8sRUFBRSxPQUFPLElBQUksSUFBSSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFzQjVELE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFzQyxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUNqRyxPQUFPLENBQ0wsb0JBQUMsT0FBTztRQUNOLG9CQUFDLE9BQU8sa0JBQUMsR0FBRyxFQUFFLEdBQUcsSUFBTSxLQUFLLEVBQUksQ0FDeEIsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUM7QUFFSCxNQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixDQUNFLEVBY0MsRUFDRCxHQUFHLEVBQ0gsRUFBRTtRQWhCRixFQUNFLEVBQUUsRUFDRixLQUFLLEVBQ0wsU0FBUyxFQUNULEtBQUssR0FBRyxFQUFFLEVBQ1YsU0FBUyxHQUFHLGFBQWEsRUFDekIsSUFBSSxFQUNKLFNBQVMsR0FBRyxJQUFJLEVBQ2hCLFVBQVUsR0FBRyxLQUFLLEVBQ2xCLFNBQVMsRUFDVCxZQUFZLEVBQ1osUUFBUSxFQUNSLFVBQVUsRUFBRSxXQUFXLE9BRXhCLEVBREksS0FBSyxjQWJWLDRJQWNDLENBRFM7SUFJVixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxLQUFLLENBQUMsbUJBQW1CLENBQStDLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFdkcsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLElBQUksU0FBUyxJQUFJLFVBQVUsQ0FBQyxPQUFPLEVBQUU7WUFDbkMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUM1QjtJQUNILENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE1BQU0sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLEdBQUcsVUFBVSxpQ0FFM0MsS0FBSyxLQUNSLFVBQVUsRUFDVixTQUFTLEVBQUUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFjLEVBQ25ELFVBQVUsS0FFWixLQUFLLENBQ04sQ0FBQztJQUVGLE9BQU8sQ0FDTDtRQUNHLENBQUMsVUFBVSxJQUFJLG9CQUFDLElBQUksQ0FBQyxRQUFRLG9CQUFLLGFBQWEsRUFBSTtRQUNwRCxvQkFBQyxJQUFJLENBQUMsS0FBSyxrQkFDVCxHQUFHLEVBQUUsVUFBVSxFQUNmLFFBQVEsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQzVCLElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxjQUFjLElBQ3hCLFlBQVksSUFDaEIsRUFBRSxFQUFFLEVBQUUsYUFBRixFQUFFLGNBQUYsRUFBRSxHQUFJLFlBQVksQ0FBQyxFQUFFLEVBQ3pCLEtBQUssa0NBQU8sWUFBWSxDQUFDLEtBQUssR0FBSyxLQUFLLEdBQ3hDLFNBQVMsRUFBRSxTQUFTO1lBRW5CLFFBQVE7WUFDVCxvQkFBQyxhQUFhLElBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxLQUFLLEdBQUksQ0FDOUIsQ0FDVCxDQUNQLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
@@ -15,25 +15,38 @@ export declare type Column = {
|
|
15
15
|
* Display name for the column.
|
16
16
|
*/
|
17
17
|
headerName: string;
|
18
|
+
/**
|
19
|
+
* Determines if the header name should be visible.
|
20
|
+
* Because headerName is used as a key use this to toggle visibility instead of empty string as headerName.
|
21
|
+
*/
|
18
22
|
headerInvisible?: boolean;
|
19
23
|
key?: string;
|
24
|
+
sticky?: StickyColumn;
|
20
25
|
};
|
21
26
|
declare type Formatter<R, K extends keyof R, V = R[K]> = (value: V, row: R, index: number, rows: R[]) => string;
|
22
|
-
|
27
|
+
declare type CustomSortable<R> = {
|
23
28
|
/**
|
24
|
-
*
|
29
|
+
* Optional compare function for sorting.
|
25
30
|
*/
|
26
|
-
|
31
|
+
sort?: (a: R, b: R, direction: SortDirection) => number;
|
32
|
+
};
|
33
|
+
declare type Sortable = {
|
27
34
|
/**
|
28
35
|
* When true, user will be able to sort data rows by clicking this column header.
|
29
36
|
*/
|
30
37
|
sortable?: boolean;
|
38
|
+
};
|
39
|
+
export declare type FieldColumn<R, K extends keyof R = keyof R> = K extends keyof R ? {
|
40
|
+
/**
|
41
|
+
* Name of the property field that this column represents in the data rows.
|
42
|
+
*/
|
43
|
+
field: K;
|
31
44
|
/**
|
32
45
|
* Formatter function. Use for example for formatting dates or capitalizing words.
|
33
46
|
* Sorting will still be based on the unformatted value.
|
34
47
|
*/
|
35
|
-
formatter?: Formatter<
|
36
|
-
} : never;
|
48
|
+
formatter?: Formatter<R, K>;
|
49
|
+
} & Sortable & CustomSortable<R> : never;
|
37
50
|
export declare type TextColumn<R> = FieldColumn<R> & {
|
38
51
|
/**
|
39
52
|
* Type of the column.
|
@@ -46,7 +59,7 @@ export declare type NumberColumn<R> = FieldColumn<R> & {
|
|
46
59
|
*/
|
47
60
|
type: 'number';
|
48
61
|
};
|
49
|
-
export declare type ActionColumn<R> = {
|
62
|
+
export declare type ActionColumn<R> = CustomSortable<R> & {
|
50
63
|
/**
|
51
64
|
* Type of the column.
|
52
65
|
*/
|
@@ -56,7 +69,7 @@ export declare type ActionColumn<R> = {
|
|
56
69
|
*/
|
57
70
|
action: (row: R, index: number, rows: R[]) => ActionType;
|
58
71
|
};
|
59
|
-
export declare type CustomColumn<R> = {
|
72
|
+
export declare type CustomColumn<R> = CustomSortable<R> & {
|
60
73
|
/**
|
61
74
|
* Type of the column.
|
62
75
|
*/
|
@@ -74,7 +87,7 @@ export declare type TableItem = RequireAtLeastOne<{
|
|
74
87
|
imageAlt?: string;
|
75
88
|
imageSize?: number;
|
76
89
|
}, 'caption' | 'image'>;
|
77
|
-
declare type ItemColumn<
|
90
|
+
declare type ItemColumn<R> = Column & CustomSortable<R> & {
|
78
91
|
/**
|
79
92
|
* Type of the column.
|
80
93
|
*/
|
@@ -82,9 +95,9 @@ declare type ItemColumn<T> = Column & {
|
|
82
95
|
/**
|
83
96
|
* Callback function that resolves to TableItem props
|
84
97
|
*/
|
85
|
-
item: (row:
|
98
|
+
item: (row: R, index: number, rows: R[]) => TableItem;
|
86
99
|
};
|
87
|
-
declare type StatusColumn<R> = {
|
100
|
+
declare type StatusColumn<R> = Column & CustomSortable<R> & {
|
88
101
|
/**
|
89
102
|
* Type of the column.
|
90
103
|
*/
|
@@ -119,14 +132,17 @@ export declare type DataTableRow = Record<string, any> & {
|
|
119
132
|
*/
|
120
133
|
id: string | number;
|
121
134
|
};
|
122
|
-
export declare type Sort<
|
123
|
-
|
135
|
+
export declare type Sort<C> = {
|
136
|
+
column: C;
|
124
137
|
direction: SortDirection;
|
125
138
|
};
|
126
139
|
export declare const toSortDirection: (direction: SortDirection | undefined) => 'asc' | 'desc' | false;
|
140
|
+
export declare type StickyColumn = 'left' | 'right';
|
127
141
|
declare type CellProps = {
|
128
142
|
key: string;
|
129
143
|
align: TextAlign;
|
144
|
+
stickyColumn?: StickyColumn;
|
130
145
|
};
|
131
146
|
export declare const cellProps: <C extends Column>(column: C) => CellProps;
|
147
|
+
export declare const columnIsFieldColumn: <R extends DataTableRow>(column?: any) => column is FieldColumn<R, keyof R>;
|
132
148
|
export {};
|
@@ -2,5 +2,7 @@ export const toSortDirection = (direction) => direction === 'ascending' ? 'asc'
|
|
2
2
|
export const cellProps = (column) => ({
|
3
3
|
key: column.key || column.headerName,
|
4
4
|
align: column.type === 'number' || column.type === 'action' ? 'right' : 'left',
|
5
|
+
stickyColumn: column.sticky,
|
5
6
|
});
|
6
|
-
|
7
|
+
export const columnIsFieldColumn = (column) => Boolean(column && column.field);
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUtBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO0lBQ3BDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNO0lBQzlFLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtDQUM1QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUF5QixNQUEyQixFQUE0QixFQUFFLENBQ25ILE9BQU8sQ0FBQyxNQUFNLElBQUssTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyJ9
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import { type DataTableRow, type Sort } from '../../../src/utils/table/types';
|
2
|
-
export declare const useTableSort: <
|
1
|
+
import { type DataListColumn, type DataTableColumn, type DataTableRow, type Sort } from '../../../src/utils/table/types';
|
2
|
+
export declare const useTableSort: <C extends DataTableColumn<R> | DataListColumn<R>, R extends DataTableRow>() => [Sort<C> | undefined, (column: C) => void];
|
@@ -1,19 +1,19 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
export const useTableSort = () => {
|
3
3
|
const [sort, setSort] = React.useState();
|
4
|
-
const handleSortClick = (
|
5
|
-
if (
|
4
|
+
const handleSortClick = (column) => {
|
5
|
+
if (sort && sort.column.headerName === column.headerName) {
|
6
6
|
if (sort.direction === 'ascending') {
|
7
|
-
setSort({
|
7
|
+
setSort({ column, direction: 'descending' });
|
8
8
|
}
|
9
9
|
else {
|
10
10
|
setSort(undefined);
|
11
11
|
}
|
12
12
|
}
|
13
13
|
else {
|
14
|
-
setSort({
|
14
|
+
setSort({ column, direction: 'ascending' });
|
15
15
|
}
|
16
16
|
};
|
17
17
|
return [sort, handleSortClick];
|
18
18
|
};
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFibGVTb3J0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3RhYmxlL3VzZVRhYmxlU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBSTFCLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxHQUcxQixFQUFFO0lBQ0YsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFXLENBQUM7SUFDbEQsTUFBTSxlQUFlLEdBQUcsQ0FBQyxNQUFTLEVBQUUsRUFBRTtRQUNwQyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsS0FBSyxNQUFNLENBQUMsVUFBVSxFQUFFO1lBQ3hELElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxXQUFXLEVBQUU7Z0JBQ2xDLE9BQU8sQ0FBQyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQzthQUM5QztpQkFBTTtnQkFDTCxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7YUFDcEI7U0FDRjthQUFNO1lBQ0wsT0FBTyxDQUFDLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFDO1NBQzdDO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUFDLElBQUksRUFBRSxlQUFlLENBQUMsQ0FBQztBQUNqQyxDQUFDLENBQUMifQ==
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import orderBy from 'lodash/orderBy';
|
2
|
+
import { columnIsFieldColumn, toSortDirection, } from '../../../src/utils/table/types';
|
3
|
+
export const sortRowsBy = (rows, sort) => {
|
4
|
+
if (!sort) {
|
5
|
+
return rows;
|
6
|
+
}
|
7
|
+
const sortFunction = sort.column.sort;
|
8
|
+
if (sortFunction) {
|
9
|
+
return [...rows].sort((a, b) => sortFunction(a, b, sort.direction));
|
10
|
+
}
|
11
|
+
else if (columnIsFieldColumn(sort.column)) {
|
12
|
+
return orderBy(rows, [sort.column.field], [toSortDirection(sort.direction)]);
|
13
|
+
}
|
14
|
+
return rows;
|
15
|
+
};
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFFckMsT0FBTyxFQUtMLG1CQUFtQixFQUNuQixlQUFlLEdBQ2hCLE1BQU0sdUJBQXVCLENBQUM7QUFFL0IsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQ3hCLElBQVMsRUFDVCxJQUF5QixFQUN6QixFQUFFO0lBQ0YsSUFBSSxDQUFDLElBQUksRUFBRTtRQUNULE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFDRCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztJQUV0QyxJQUFJLFlBQVksRUFBRTtRQUNoQixPQUFPLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztLQUNyRTtTQUFNLElBQUksbUJBQW1CLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1FBQzNDLE9BQU8sT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztLQUM5RTtJQUNELE9BQU8sSUFBSSxDQUFDO0FBQ2QsQ0FBQyxDQUFDIn0=
|
package/dist/styles.css
CHANGED
@@ -459,7 +459,7 @@ input[type='number'].no-arrows {
|
|
459
459
|
.typography-default-strong {
|
460
460
|
font-family: Inter;
|
461
461
|
font-size: 16px;
|
462
|
-
font-weight:
|
462
|
+
font-weight: 500;
|
463
463
|
font-style: normal;
|
464
464
|
line-height: 1.5;
|
465
465
|
text-transform: none;
|
@@ -475,7 +475,7 @@ input[type='number'].no-arrows {
|
|
475
475
|
.typography-small-strong {
|
476
476
|
font-family: Inter;
|
477
477
|
font-size: 14px;
|
478
|
-
font-weight:
|
478
|
+
font-weight: 500;
|
479
479
|
font-style: normal;
|
480
480
|
line-height: 1.42;
|
481
481
|
text-transform: none;
|
@@ -763,15 +763,15 @@ input[type='number'].no-arrows {
|
|
763
763
|
.z-10 {
|
764
764
|
z-index: 10;
|
765
765
|
}
|
766
|
+
.z-20 {
|
767
|
+
z-index: 20;
|
768
|
+
}
|
766
769
|
.z-40 {
|
767
770
|
z-index: 40;
|
768
771
|
}
|
769
772
|
.z-0 {
|
770
773
|
z-index: 0;
|
771
774
|
}
|
772
|
-
.z-20 {
|
773
|
-
z-index: 20;
|
774
|
-
}
|
775
775
|
.col-start-2 {
|
776
776
|
grid-column-start: 2;
|
777
777
|
}
|
@@ -459,7 +459,7 @@ input[type='number'].no-arrows {
|
|
459
459
|
.typography-default-strong {
|
460
460
|
font-family: Inter;
|
461
461
|
font-size: 16px;
|
462
|
-
font-weight:
|
462
|
+
font-weight: 500;
|
463
463
|
font-style: normal;
|
464
464
|
line-height: 1.5;
|
465
465
|
text-transform: none;
|
@@ -475,7 +475,7 @@ input[type='number'].no-arrows {
|
|
475
475
|
.typography-small-strong {
|
476
476
|
font-family: Inter;
|
477
477
|
font-size: 14px;
|
478
|
-
font-weight:
|
478
|
+
font-weight: 500;
|
479
479
|
font-style: normal;
|
480
480
|
line-height: 1.42;
|
481
481
|
text-transform: none;
|
@@ -762,15 +762,15 @@ input[type='number'].no-arrows {
|
|
762
762
|
.z-10 {
|
763
763
|
z-index: 10;
|
764
764
|
}
|
765
|
+
.z-20 {
|
766
|
+
z-index: 20;
|
767
|
+
}
|
765
768
|
.z-40 {
|
766
769
|
z-index: 40;
|
767
770
|
}
|
768
771
|
.z-0 {
|
769
772
|
z-index: 0;
|
770
773
|
}
|
771
|
-
.z-20 {
|
772
|
-
z-index: 20;
|
773
|
-
}
|
774
774
|
.col-start-2 {
|
775
775
|
grid-column-start: 2;
|
776
776
|
}
|