@aivenio/aquarium 1.13.0 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +190 -106
- package/dist/atoms.mjs +189 -106
- package/dist/src/atoms/DataList/DataList.d.ts +3 -1
- package/dist/src/atoms/DataList/DataList.js +5 -5
- package/dist/src/atoms/Navigation/Navigation.d.ts +20 -0
- package/dist/src/atoms/Navigation/Navigation.js +49 -0
- package/dist/src/atoms/PageHeader/PageHeader.d.ts +13 -0
- package/dist/src/atoms/PageHeader/PageHeader.js +43 -0
- package/dist/src/atoms/Table/Table.d.ts +4 -3
- package/dist/src/atoms/Table/Table.js +17 -7
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/molecules/Button/Button.d.ts +1 -1
- package/dist/src/molecules/Button/Button.js +4 -4
- package/dist/src/molecules/DataList/DataList.d.ts +3 -3
- package/dist/src/molecules/DataList/DataList.js +19 -6
- package/dist/src/molecules/DataTable/DataTable.d.ts +3 -3
- package/dist/src/molecules/DataTable/DataTable.js +18 -6
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +11 -5
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -1
- package/dist/src/molecules/Modal/Modal.d.ts +5 -0
- package/dist/src/molecules/Modal/Modal.js +4 -3
- package/dist/src/molecules/Navigation/Navigation.d.ts +19 -0
- package/dist/src/molecules/Navigation/Navigation.js +27 -0
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +2 -0
- package/dist/src/molecules/PageHeader/PageHeader.js +10 -9
- package/dist/src/molecules/Stepper/Stepper.js +2 -1
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/table/types.d.ts +19 -1
- package/dist/src/utils/table/types.js +2 -1
- package/dist/styles.css +29 -16
- package/dist/styles_timescaledb.css +29 -16
- package/dist/system.cjs +1661 -1453
- package/dist/system.mjs +1219 -1012
- package/dist/tokens.json +4 -4
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +2 -2
@@ -42,13 +42,13 @@ export declare type DropdownMenuSectionProps = {
|
|
42
42
|
title?: string;
|
43
43
|
children: DropdownMenuItemComponent | DropdownMenuItemComponent[];
|
44
44
|
};
|
45
|
-
declare type DropdownMenuSectionComponent = React.ReactElement<DropdownMenuSectionProps>;
|
46
|
-
declare type DropdownMenuChildComponent = DropdownMenuItemComponent | DropdownMenuSectionComponent;
|
47
|
-
declare type DropdownMenuItemsProps = {
|
45
|
+
export declare type DropdownMenuSectionComponent = React.ReactElement<DropdownMenuSectionProps>;
|
46
|
+
export declare type DropdownMenuChildComponent = DropdownMenuItemComponent | DropdownMenuSectionComponent;
|
47
|
+
export declare type DropdownMenuItemsProps = {
|
48
48
|
children: DropdownMenuChildComponent | DropdownMenuChildComponent[];
|
49
49
|
};
|
50
|
-
declare type DropdownMenuItemsComponent = React.ReactElement<DropdownMenuItemsProps>;
|
51
|
-
declare type DropdownMenuChildren = [DropdownMenuTriggerComponent, DropdownMenuItemsComponent];
|
50
|
+
export declare type DropdownMenuItemsComponent = React.ReactElement<DropdownMenuItemsProps>;
|
51
|
+
export declare type DropdownMenuChildren = [DropdownMenuTriggerComponent, DropdownMenuItemsComponent];
|
52
52
|
export declare type DropdownMenuProps = {
|
53
53
|
/**
|
54
54
|
* Callback function that will be called when an item is selected.
|
@@ -109,7 +109,13 @@ export declare type DropdownMenuProps = {
|
|
109
109
|
searchable?: false;
|
110
110
|
emptyState?: never;
|
111
111
|
} | {
|
112
|
+
/**
|
113
|
+
* If true, menu will contain search box that can be used to filter menu entries.
|
114
|
+
*/
|
112
115
|
searchable: true;
|
116
|
+
/**
|
117
|
+
* When search filter does not match to any items, this element will be displayed instead.
|
118
|
+
*/
|
113
119
|
emptyState?: React.ReactNode;
|
114
120
|
});
|
115
121
|
export declare const DropdownMenu: React.FC<DropdownMenuProps> & {
|
@@ -36,6 +36,7 @@ export const DropdownMenu = (_a) => {
|
|
36
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
|
+
DropdownMenu.displayName = 'DropdownMenu';
|
39
40
|
const MenuTrigger = () => null;
|
40
41
|
const MenuItems = () => null;
|
41
42
|
DropdownMenu.Trigger = MenuTrigger;
|
@@ -136,4 +137,4 @@ const getDisabledItemKeys = (children) => {
|
|
136
137
|
});
|
137
138
|
return keys.flat().filter((key) => key !== null);
|
138
139
|
};
|
139
|
-
//# sourceMappingURL=data:application/json;base64,
|
140
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBa0IsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFZbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUV0RSxPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQW9KM0MsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUtyQixDQUFDLEVBY0osRUFBRSxF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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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RixPQUFPLEVBSUwsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixpQkFBaUIsRUFDakIsT0FBTyxHQUNSLE1BQU0seUJBQXlCLENBQUM7QUFFakMsT0FBTyxFQUFFLEtBQUssSUFBSSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQWdEcEMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQStCLEVBQUUsRUFBRTtRQUFuQyxFQUFFLFVBQVUsR0FBRyxJQUFJLE9BQVksRUFBUCxLQUFLLGNBQTdCLGNBQStCLENBQUY7SUFDdkUsTUFBTSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2RCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUMvQyxNQUFNLEtBQUssR0FBRyxzQkFBc0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE1BQU0sSUFBSSxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDdkcsTUFBTSxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsR0FBRyxlQUFlLENBQ25ELEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSx5QkFBeUIsRUFBRSxDQUFDLFVBQVUsRUFBRSxFQUMvRCxLQUFLLEVBQ0wsR0FBRyxDQUNKLENBQUM7SUFFRixJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRTtRQUNqQixPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFBQyxlQUFlLEVBQUUsZUFBZTtRQUN2QyxvQkFBQyxTQUFTLElBQUMsSUFBSTtZQUNiLG9CQUFDLFNBQVMsQ0FBQyxRQUFRLG9CQUFLLGFBQWEsRUFBSTtZQUN6QyxvQkFBQyxZQUFZLGtCQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxLQUFLLEVBQU0sVUFBVSxFQUFJLENBQ3ZELENBQ0osQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsQ0FBQyxFQUE4RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXZHLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxPQUFPLE9BQVksRUFBUCxLQUFLLGNBQTVGLGdHQUE4RixDQUFGO0lBQzNGLE1BQU0sVUFBVSxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQzNCLE1BQU0sV0FBVyxHQUFHLEtBQUssRUFBRSxDQUFDO0lBRTVCLHVFQUF1RTtJQUN2RSw0RUFBNEU7SUFDNUUsd0VBQXdFO0lBQ3hFLHlFQUF5RTtJQUN6RSxtRUFBbUU7SUFDbkUsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLFNBQVMsQ0FDL0IsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxrQkFBa0IsRUFBRSxXQUFXLEVBQUUsRUFDcEYsR0FBZ0MsQ0FDakMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLENBQUMsTUFBTSxrQkFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEtBQUssRUFBTSxXQUFXLElBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUNsRSxvQkFBQyxTQUFTLENBQUMsb0JBQW9CO1lBQzdCLG9CQUFDLFVBQVUsa0JBQVksT0FBTyxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUNqQztRQUNoQyxXQUFXLEtBQUssU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxXQUFXLElBQUMsZUFBZSxFQUFFLFdBQVcsR0FBSTtRQUNyRixvQkFBQyxTQUFTLENBQUMsTUFBTSxJQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsZUFBZSxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUMsRUFBRSxDQUFDO1lBQy9FLG9CQUFDLFNBQVMsQ0FBQyxjQUFjO2dCQUN2QixvQkFBQyxTQUFTLENBQUMsS0FBSyxJQUFDLEVBQUUsRUFBRSxVQUFVLElBQUcsS0FBSyxDQUFtQjtnQkFDekQsUUFBUSxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxRQUFRLFFBQUUsUUFBUSxDQUFzQixDQUN2QyxDQUNWO1FBQ2xCLGVBQWUsQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ3RDLEtBQUssQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxFQUFFLENBQUMsQ0FDakYsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLGdCQUFnQixJQUFJLGFBQWEsQ0FBQyxJQUN6RixRQUFRLENBQ00sQ0FDbEI7UUFDQSxDQUFDLGdCQUFnQixJQUFJLGFBQWEsQ0FBQyxJQUFJLENBQ3RDLG9CQUFDLFNBQVMsQ0FBQyxNQUFNO1lBQ2Ysb0JBQUMsU0FBUyxDQUFDLE9BQU87Z0JBQ2YsZ0JBQWdCO29CQUNmLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQzt5QkFDeEIsTUFBTSxDQUFDLE9BQU8sQ0FBQzt5QkFDZixHQUFHLENBQUMsQ0FBQyxFQUFtQixFQUFFLEVBQUU7NEJBQXZCLEVBQUUsSUFBSSxPQUFhLEVBQVIsTUFBTSxjQUFqQixRQUFtQixDQUFGO3dCQUFPLE9BQUEsQ0FDNUIsb0JBQUMsZUFBZSxrQkFBQyxHQUFHLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDbkMsSUFBSSxDQUNXLENBQ25CLENBQUE7cUJBQUEsQ0FBQztnQkFDTCxhQUFhLElBQUksQ0FDaEIsb0JBQUMsYUFBYSxrQkFBQyxHQUFHLEVBQUUsYUFBYSxDQUFDLElBQUksSUFBTSxJQUFJLENBQUMsYUFBYSxFQUFFLE1BQU0sQ0FBQyxHQUNwRSxhQUFhLENBQUMsSUFBSSxDQUNMLENBQ2pCLENBQ2lCLENBQ0gsQ0FDcEIsQ0FDZ0IsQ0FDcEIsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLG1CQUFtQixDQUMxQyxRQUFRLEVBQ1IsT0FBTyxFQUNQLFdBQVcsRUFDWCxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUM3QixvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUztJQUN4QyxvQkFBQyxpQkFBaUIsUUFDZixRQUFRLENBQUMsSUFBSSxDQUNaLENBQUMsSUFBOEMsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUN4RCxDQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxLQUFLLENBQUMsS0FBSyxNQUFLLFFBQVEsSUFBSSxLQUFLLEtBQUssUUFBUSxDQUN2RCxDQUNpQixDQUNMLENBQ2xCLENBQ0YsQ0FBQyJ9
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type IconProps } from '../../../src/molecules/Icon/Icon';
|
3
|
+
import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
|
4
|
+
export declare const Navigation: {
|
5
|
+
(props: React.ComponentProps<typeof NavigationBase>): JSX.Element;
|
6
|
+
Item: ({ children, icon, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => JSX.Element;
|
7
|
+
Divider: React.FC<React.HTMLProps<HTMLLIElement>>;
|
8
|
+
Footer: React.FC<React.HTMLProps<HTMLLIElement>>;
|
9
|
+
Header: React.FC<React.HTMLProps<HTMLLIElement>>;
|
10
|
+
Section: React.FC<React.HTMLProps<HTMLUListElement>>;
|
11
|
+
};
|
12
|
+
declare type ItemProps = {
|
13
|
+
/**
|
14
|
+
* Optional icon for item. If provided, it will be displayed on the left side of the text.
|
15
|
+
*/
|
16
|
+
icon?: IconProps['icon'];
|
17
|
+
};
|
18
|
+
declare const Item: ({ children, icon, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => JSX.Element;
|
19
|
+
export {};
|
@@ -0,0 +1,27 @@
|
|
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 { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
14
|
+
import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
|
15
|
+
export const Navigation = (props) => React.createElement(NavigationBase, Object.assign({}, props));
|
16
|
+
const Item = (_a) => {
|
17
|
+
var { children, icon } = _a, rest = __rest(_a, ["children", "icon"]);
|
18
|
+
return (React.createElement(NavigationBase.Item, Object.assign({}, rest),
|
19
|
+
icon && React.createElement(InlineIcon, { icon: icon }),
|
20
|
+
children));
|
21
|
+
};
|
22
|
+
Navigation.Item = Item;
|
23
|
+
Navigation.Divider = NavigationBase.Divider;
|
24
|
+
Navigation.Footer = NavigationBase.Footer;
|
25
|
+
Navigation.Header = NavigationBase.Header;
|
26
|
+
Navigation.Section = NavigationBase.Section;
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQWtCLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXJFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBa0QsRUFBRSxFQUFFLENBQUMsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLEVBQUksQ0FBQztBQVNoSCxNQUFNLElBQUksR0FBRyxDQUFDLEVBQXlGLEVBQUUsRUFBRTtRQUE3RixFQUFFLFFBQVEsRUFBRSxJQUFJLE9BQXlFLEVBQXBFLElBQUksY0FBekIsb0JBQTJCLENBQUY7SUFBcUUsT0FBQSxDQUMxRyxvQkFBQyxjQUFjLENBQUMsSUFBSSxvQkFBSyxJQUFJO1FBQzFCLElBQUksSUFBSSxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUNsQyxRQUFRLENBQ1csQ0FDdkIsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUN2QixVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7QUFDNUMsVUFBVSxDQUFDLE1BQU0sR0FBRyxjQUFjLENBQUMsTUFBTSxDQUFDO0FBQzFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQztBQUMxQyxVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUMifQ==
|
@@ -4,6 +4,8 @@ import { type AsyncActionType } from '../../../types/ActionType';
|
|
4
4
|
export declare type PageHeaderProps = {
|
5
5
|
/** Short and concise page title. */
|
6
6
|
title: string;
|
7
|
+
/** Optional subtitle for the page. */
|
8
|
+
subtitle?: React.ReactNode;
|
7
9
|
/**
|
8
10
|
* Optional image src which will be displayed on the left-side
|
9
11
|
* of the title. Image size will be set to 56px x 56px.
|
@@ -16,18 +16,19 @@ import { Breadcrumbs } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
|
16
16
|
import { PrimaryButton, SecondaryButton } from '../../../src/molecules/Button/Button';
|
17
17
|
import { Chip } from '../../../src/molecules/Chip/Chip';
|
18
18
|
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
19
|
-
import {
|
19
|
+
import { PageHeader as BasePageHeader } from '../../../src/atoms/PageHeader/PageHeader';
|
20
20
|
import { tw } from '../../../src/utils/tailwind';
|
21
|
-
export const PageHeader = ({ title, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
22
|
-
return (React.createElement(
|
23
|
-
React.createElement(
|
21
|
+
export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
22
|
+
return (React.createElement(BasePageHeader, null,
|
23
|
+
React.createElement(BasePageHeader.Container, null,
|
24
24
|
breadcrumbs && React.createElement(Breadcrumbs, null, breadcrumbs),
|
25
25
|
React.createElement(Flexbox, { gap: "5" },
|
26
26
|
image && React.createElement("img", { src: image, alt: imageAlt, className: tw('w-[56px] h-[56px]') }),
|
27
|
-
React.createElement(
|
28
|
-
React.createElement(
|
29
|
-
chips.length > 0 && (React.createElement(
|
30
|
-
|
27
|
+
React.createElement(BasePageHeader.TitleContainer, null,
|
28
|
+
React.createElement(BasePageHeader.Title, null, title),
|
29
|
+
chips.length > 0 && (React.createElement(BasePageHeader.Chips, null, chips.map((chip) => (React.createElement(Chip, { key: chip, dense: true, text: chip }))))),
|
30
|
+
subtitle && React.createElement(BasePageHeader.Subtitle, null, subtitle)))),
|
31
|
+
(secondaryActions || primaryAction) && (React.createElement(BasePageHeader.Actions, null,
|
31
32
|
secondaryActions &&
|
32
33
|
castArray(secondaryActions)
|
33
34
|
.filter(Boolean)
|
@@ -37,4 +38,4 @@ export const PageHeader = ({ title, image, imageAlt, primaryAction, secondaryAct
|
|
37
38
|
}),
|
38
39
|
primaryAction && (React.createElement(PrimaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
|
39
40
|
};
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUF5QixXQUFXLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEyQ3hDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUNwRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGdCQUFnQixFQUNoQixLQUFLLEdBQUcsRUFBRSxFQUNWLFdBQVcsR0FDWixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGNBQWMsQ0FBQyxTQUFTO1lBQ3RCLFdBQVcsSUFBSSxvQkFBQyxXQUFXLFFBQUUsV0FBVyxDQUFlO1lBQ3hELG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRztnQkFDYixLQUFLLElBQUksNkJBQUssR0FBRyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsbUJBQW1CLENBQUMsR0FBSTtnQkFDaEYsb0JBQUMsY0FBYyxDQUFDLGNBQWM7b0JBQzVCLG9CQUFDLGNBQWMsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUF3QjtvQkFDbkQsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FDbkIsb0JBQUMsY0FBYyxDQUFDLEtBQUssUUFDbEIsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FDbkIsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsS0FBSyxRQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdEMsQ0FBQyxDQUNtQixDQUN4QjtvQkFDQSxRQUFRLElBQUksb0JBQUMsY0FBYyxDQUFDLFFBQVEsUUFBRSxRQUFRLENBQTJCLENBQzVDLENBQ3hCLENBQ2U7UUFDMUIsQ0FBQyxnQkFBZ0IsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUN0QyxvQkFBQyxjQUFjLENBQUMsT0FBTztZQUNwQixnQkFBZ0I7Z0JBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO3FCQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNuQyxJQUFJLENBQ1csQ0FDbkIsQ0FBQTtpQkFBQSxDQUFDO1lBQ0wsYUFBYSxJQUFJLENBQ2hCLG9CQUFDLGFBQWEsa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDcEUsYUFBYSxDQUFDLElBQUksQ0FDTCxDQUNqQixDQUNzQixDQUMxQixDQUNjLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -19,7 +19,8 @@ export const Stepper = ({ children, activeIndex, dense }) => {
|
|
19
19
|
}
|
20
20
|
}))));
|
21
21
|
};
|
22
|
+
Stepper.displayName = 'Stepper';
|
22
23
|
const Step = () => null;
|
23
24
|
Step.displayName = 'Stepper.Step';
|
24
25
|
Stepper.Step = Step;
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxPQUFPLElBQUksV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFbkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQWtCOUMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFtRCxDQUFDLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQzFHLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzdDLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLElBQUMsSUFBSSxFQUFDLE1BQU07UUFDdEIsb0JBQUMsUUFBUSxJQUFDLE9BQU8sRUFBRSxLQUFLLElBQ3JCLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUM3QyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsRUFBRTtnQkFDakMsT0FBTyxJQUFJLEtBQUssQ0FBQywrREFBK0QsQ0FBQyxDQUFDO2FBQ25GO2lCQUFNO2dCQUNMLE1BQU0sS0FBSyxHQUFHLEtBQUssR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUM7Z0JBQ2hHLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLENBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxLQUFLLGtCQUFnQixLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUMsVUFBVTtvQkFDL0YsS0FBSyxHQUFHLENBQUMsSUFBSSxLQUFLLElBQUksS0FBSyxJQUFJLENBQzlCLG9CQUFDLFdBQVcsQ0FBQyxrQkFBa0IsSUFBQyxLQUFLLEVBQUUsS0FBSzt3QkFDMUMsb0JBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUUsS0FBSyxLQUFLLFdBQVcsSUFBSSxLQUFLLEtBQUssUUFBUSxHQUFJLENBQ3JFLENBQ2xDO29CQUNELG9CQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssSUFDbkQsS0FBSyxHQUFHLENBQUMsQ0FDaUI7b0JBQzVCLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUNKLENBQ3BCLENBQUM7YUFDSDtRQUNILENBQUMsQ0FBQyxDQUNPLENBQ0MsQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxTQUFTLENBQUM7QUFNaEMsTUFBTSxJQUFJLEdBQXdCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQztBQUM3QyxJQUFJLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQztBQUVsQyxPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyJ9
|
@@ -38,6 +38,7 @@ export * from './Modal/Modal';
|
|
38
38
|
export * from './MultiInput/MultiInput';
|
39
39
|
export * from './MultiSelect/MultiSelect';
|
40
40
|
export * from './NativeSelect/NativeSelect';
|
41
|
+
export * from './Navigation/Navigation';
|
41
42
|
export * from './PageHeader/PageHeader';
|
42
43
|
export * from './Pagination/Pagination';
|
43
44
|
export * from './Popover/Popover';
|
@@ -39,6 +39,7 @@ export * from './Modal/Modal';
|
|
39
39
|
export * from './MultiInput/MultiInput';
|
40
40
|
export * from './MultiSelect/MultiSelect';
|
41
41
|
export * from './NativeSelect/NativeSelect';
|
42
|
+
export * from './Navigation/Navigation';
|
42
43
|
export * from './PageHeader/PageHeader';
|
43
44
|
export * from './Pagination/Pagination';
|
44
45
|
export * from './Popover/Popover';
|
@@ -72,4 +73,4 @@ export * from '../utils/table/useTableSelect';
|
|
72
73
|
export * from '../utils/table/useTableSort';
|
73
74
|
export * from './Pagination/usePagination';
|
74
75
|
export const SelectItem = Select.Item;
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbW9sZWN1bGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxzREFBc0Q7QUFDdEQsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDN0QsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLHVDQUF1QztBQUN2QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMifQ==
|
@@ -1,8 +1,9 @@
|
|
1
1
|
import { type AriaAttributes } from 'react';
|
2
2
|
import { type ChipStatus } from '../../../src/molecules/Chip/Chip';
|
3
|
+
import { type DropdownMenuItemsComponent } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
3
4
|
import { type Weight } from '../../../src/molecules/Template/Template';
|
4
5
|
import { type ActionType } from '../../../types/ActionType';
|
5
|
-
import { type RequireAtLeastOne } from '../../../types/utils';
|
6
|
+
import { type AllOrNone, type RequireAtLeastOne } from '../../../types/utils';
|
6
7
|
import type React from 'react';
|
7
8
|
export declare type TextAlign = 'left' | 'center' | 'right';
|
8
9
|
export declare type SortDirection = AriaAttributes['aria-sort'];
|
@@ -21,6 +22,7 @@ export declare type Column = {
|
|
21
22
|
*/
|
22
23
|
headerInvisible?: boolean;
|
23
24
|
key?: string;
|
25
|
+
sticky?: StickyColumn;
|
24
26
|
};
|
25
27
|
declare type Formatter<R, K extends keyof R, V = R[K]> = (value: V, row: R, index: number, rows: R[]) => string;
|
26
28
|
declare type CustomSortable<R> = {
|
@@ -136,10 +138,26 @@ export declare type Sort<C> = {
|
|
136
138
|
direction: SortDirection;
|
137
139
|
};
|
138
140
|
export declare const toSortDirection: (direction: SortDirection | undefined) => 'asc' | 'desc' | false;
|
141
|
+
export declare type StickyColumn = 'left' | 'right';
|
139
142
|
declare type CellProps = {
|
140
143
|
key: string;
|
141
144
|
align: TextAlign;
|
145
|
+
stickyColumn?: StickyColumn;
|
142
146
|
};
|
143
147
|
export declare const cellProps: <C extends Column>(column: C) => CellProps;
|
144
148
|
export declare const columnIsFieldColumn: <R extends DataTableRow>(column?: any) => column is FieldColumn<R, keyof R>;
|
149
|
+
export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
|
150
|
+
/**
|
151
|
+
* Menu items definition. Can either be static collection of items or callback function
|
152
|
+
* that returns the items.
|
153
|
+
*/
|
154
|
+
menu: DropdownMenuItemsComponent | ((row: R, index: number) => DropdownMenuItemsComponent);
|
155
|
+
/**
|
156
|
+
* Menu callback function that gets called whenever an item from the menu is selected.
|
157
|
+
* @param action menu item action type
|
158
|
+
* @param row currently selected row
|
159
|
+
* @param index currectly selected row index
|
160
|
+
*/
|
161
|
+
onAction: (action: string | number, row: R, index: number) => void;
|
162
|
+
}>;
|
145
163
|
export {};
|
@@ -2,6 +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);
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0tBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO0lBQ3BDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNO0lBQzlFLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtDQUM1QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUF5QixNQUEyQixFQUE0QixFQUFFLENBQ25ILE9BQU8sQ0FBQyxNQUFNLElBQUssTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyJ9
|
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;
|
@@ -699,6 +699,9 @@ input[type='number'].no-arrows {
|
|
699
699
|
.collapse {
|
700
700
|
visibility: collapse;
|
701
701
|
}
|
702
|
+
.static {
|
703
|
+
position: static;
|
704
|
+
}
|
702
705
|
.fixed {
|
703
706
|
position: fixed;
|
704
707
|
}
|
@@ -763,15 +766,15 @@ input[type='number'].no-arrows {
|
|
763
766
|
.z-10 {
|
764
767
|
z-index: 10;
|
765
768
|
}
|
769
|
+
.z-20 {
|
770
|
+
z-index: 20;
|
771
|
+
}
|
766
772
|
.z-40 {
|
767
773
|
z-index: 40;
|
768
774
|
}
|
769
775
|
.z-0 {
|
770
776
|
z-index: 0;
|
771
777
|
}
|
772
|
-
.z-20 {
|
773
|
-
z-index: 20;
|
774
|
-
}
|
775
778
|
.col-start-2 {
|
776
779
|
grid-column-start: 2;
|
777
780
|
}
|
@@ -837,6 +840,9 @@ input[type='number'].no-arrows {
|
|
837
840
|
.-mt-4 {
|
838
841
|
margin-top: -12px;
|
839
842
|
}
|
843
|
+
.mt-auto {
|
844
|
+
margin-top: auto;
|
845
|
+
}
|
840
846
|
.mt-1 {
|
841
847
|
margin-top: 2px;
|
842
848
|
}
|
@@ -930,6 +936,9 @@ input[type='number'].no-arrows {
|
|
930
936
|
.h-\[120px\] {
|
931
937
|
height: 120px;
|
932
938
|
}
|
939
|
+
.h-full {
|
940
|
+
height: 100%;
|
941
|
+
}
|
933
942
|
.h-2 {
|
934
943
|
height: 4px;
|
935
944
|
}
|
@@ -951,9 +960,6 @@ input[type='number'].no-arrows {
|
|
951
960
|
.h-\[50px\] {
|
952
961
|
height: 50px;
|
953
962
|
}
|
954
|
-
.h-full {
|
955
|
-
height: 100%;
|
956
|
-
}
|
957
963
|
.h-\[6px\] {
|
958
964
|
height: 6px;
|
959
965
|
}
|
@@ -1226,6 +1232,10 @@ input[type='number'].no-arrows {
|
|
1226
1232
|
grid-gap: 4px;
|
1227
1233
|
gap: 4px;
|
1228
1234
|
}
|
1235
|
+
.gap-0 {
|
1236
|
+
grid-gap: 0;
|
1237
|
+
gap: 0;
|
1238
|
+
}
|
1229
1239
|
.gap-8 {
|
1230
1240
|
grid-gap: 40px;
|
1231
1241
|
gap: 40px;
|
@@ -1309,6 +1319,9 @@ input[type='number'].no-arrows {
|
|
1309
1319
|
.border-2 {
|
1310
1320
|
border-width: 2px;
|
1311
1321
|
}
|
1322
|
+
.border-t-2 {
|
1323
|
+
border-top-width: 2px;
|
1324
|
+
}
|
1312
1325
|
.border-b-\[1px\] {
|
1313
1326
|
border-bottom-width: 1px;
|
1314
1327
|
}
|
@@ -1548,10 +1561,6 @@ input[type='number'].no-arrows {
|
|
1548
1561
|
padding-top: 24px;
|
1549
1562
|
padding-bottom: 24px;
|
1550
1563
|
}
|
1551
|
-
.px-5 {
|
1552
|
-
padding-left: 16px;
|
1553
|
-
padding-right: 16px;
|
1554
|
-
}
|
1555
1564
|
.px-6 {
|
1556
1565
|
padding-left: 24px;
|
1557
1566
|
padding-right: 24px;
|
@@ -1560,6 +1569,10 @@ input[type='number'].no-arrows {
|
|
1560
1569
|
padding-top: 16px;
|
1561
1570
|
padding-bottom: 16px;
|
1562
1571
|
}
|
1572
|
+
.px-5 {
|
1573
|
+
padding-left: 16px;
|
1574
|
+
padding-right: 16px;
|
1575
|
+
}
|
1563
1576
|
.py-\[6px\] {
|
1564
1577
|
padding-top: 6px;
|
1565
1578
|
padding-bottom: 6px;
|
@@ -2191,6 +2204,10 @@ input[type='number'].no-arrows {
|
|
2191
2204
|
--tw-bg-opacity: 1;
|
2192
2205
|
background-color: rgb(247 247 250 / var(--tw-bg-opacity));
|
2193
2206
|
}
|
2207
|
+
.hover\:bg-grey-5:hover {
|
2208
|
+
--tw-bg-opacity: 1;
|
2209
|
+
background-color: rgb(237 237 240 / var(--tw-bg-opacity));
|
2210
|
+
}
|
2194
2211
|
.hover\:bg-grey-30:hover {
|
2195
2212
|
--tw-bg-opacity: 1;
|
2196
2213
|
background-color: rgb(180 180 187 / var(--tw-bg-opacity));
|
@@ -2199,10 +2216,6 @@ input[type='number'].no-arrows {
|
|
2199
2216
|
--tw-bg-opacity: 1;
|
2200
2217
|
background-color: rgb(255 53 84 / var(--tw-bg-opacity));
|
2201
2218
|
}
|
2202
|
-
.hover\:bg-grey-5:hover {
|
2203
|
-
--tw-bg-opacity: 1;
|
2204
|
-
background-color: rgb(237 237 240 / var(--tw-bg-opacity));
|
2205
|
-
}
|
2206
2219
|
.hover\:text-primary-70:hover {
|
2207
2220
|
--tw-text-opacity: 1;
|
2208
2221
|
color: rgb(255 53 84 / var(--tw-text-opacity));
|
@@ -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;
|
@@ -698,6 +698,9 @@ input[type='number'].no-arrows {
|
|
698
698
|
.collapse {
|
699
699
|
visibility: collapse;
|
700
700
|
}
|
701
|
+
.static {
|
702
|
+
position: static;
|
703
|
+
}
|
701
704
|
.fixed {
|
702
705
|
position: fixed;
|
703
706
|
}
|
@@ -762,15 +765,15 @@ input[type='number'].no-arrows {
|
|
762
765
|
.z-10 {
|
763
766
|
z-index: 10;
|
764
767
|
}
|
768
|
+
.z-20 {
|
769
|
+
z-index: 20;
|
770
|
+
}
|
765
771
|
.z-40 {
|
766
772
|
z-index: 40;
|
767
773
|
}
|
768
774
|
.z-0 {
|
769
775
|
z-index: 0;
|
770
776
|
}
|
771
|
-
.z-20 {
|
772
|
-
z-index: 20;
|
773
|
-
}
|
774
777
|
.col-start-2 {
|
775
778
|
grid-column-start: 2;
|
776
779
|
}
|
@@ -836,6 +839,9 @@ input[type='number'].no-arrows {
|
|
836
839
|
.-mt-4 {
|
837
840
|
margin-top: -12px;
|
838
841
|
}
|
842
|
+
.mt-auto {
|
843
|
+
margin-top: auto;
|
844
|
+
}
|
839
845
|
.mt-1 {
|
840
846
|
margin-top: 2px;
|
841
847
|
}
|
@@ -929,6 +935,9 @@ input[type='number'].no-arrows {
|
|
929
935
|
.h-\[120px\] {
|
930
936
|
height: 120px;
|
931
937
|
}
|
938
|
+
.h-full {
|
939
|
+
height: 100%;
|
940
|
+
}
|
932
941
|
.h-2 {
|
933
942
|
height: 4px;
|
934
943
|
}
|
@@ -950,9 +959,6 @@ input[type='number'].no-arrows {
|
|
950
959
|
.h-\[50px\] {
|
951
960
|
height: 50px;
|
952
961
|
}
|
953
|
-
.h-full {
|
954
|
-
height: 100%;
|
955
|
-
}
|
956
962
|
.h-\[6px\] {
|
957
963
|
height: 6px;
|
958
964
|
}
|
@@ -1225,6 +1231,10 @@ input[type='number'].no-arrows {
|
|
1225
1231
|
grid-gap: 4px;
|
1226
1232
|
gap: 4px;
|
1227
1233
|
}
|
1234
|
+
.gap-0 {
|
1235
|
+
grid-gap: 0;
|
1236
|
+
gap: 0;
|
1237
|
+
}
|
1228
1238
|
.gap-8 {
|
1229
1239
|
grid-gap: 40px;
|
1230
1240
|
gap: 40px;
|
@@ -1308,6 +1318,9 @@ input[type='number'].no-arrows {
|
|
1308
1318
|
.border-2 {
|
1309
1319
|
border-width: 2px;
|
1310
1320
|
}
|
1321
|
+
.border-t-2 {
|
1322
|
+
border-top-width: 2px;
|
1323
|
+
}
|
1311
1324
|
.border-b-\[1px\] {
|
1312
1325
|
border-bottom-width: 1px;
|
1313
1326
|
}
|
@@ -1547,10 +1560,6 @@ input[type='number'].no-arrows {
|
|
1547
1560
|
padding-top: 24px;
|
1548
1561
|
padding-bottom: 24px;
|
1549
1562
|
}
|
1550
|
-
.px-5 {
|
1551
|
-
padding-left: 16px;
|
1552
|
-
padding-right: 16px;
|
1553
|
-
}
|
1554
1563
|
.px-6 {
|
1555
1564
|
padding-left: 24px;
|
1556
1565
|
padding-right: 24px;
|
@@ -1559,6 +1568,10 @@ input[type='number'].no-arrows {
|
|
1559
1568
|
padding-top: 16px;
|
1560
1569
|
padding-bottom: 16px;
|
1561
1570
|
}
|
1571
|
+
.px-5 {
|
1572
|
+
padding-left: 16px;
|
1573
|
+
padding-right: 16px;
|
1574
|
+
}
|
1562
1575
|
.py-\[6px\] {
|
1563
1576
|
padding-top: 6px;
|
1564
1577
|
padding-bottom: 6px;
|
@@ -2190,6 +2203,10 @@ input[type='number'].no-arrows {
|
|
2190
2203
|
--tw-bg-opacity: 1;
|
2191
2204
|
background-color: rgb(247 247 250 / var(--tw-bg-opacity));
|
2192
2205
|
}
|
2206
|
+
.hover\:bg-grey-5:hover {
|
2207
|
+
--tw-bg-opacity: 1;
|
2208
|
+
background-color: rgb(237 237 240 / var(--tw-bg-opacity));
|
2209
|
+
}
|
2193
2210
|
.hover\:bg-grey-30:hover {
|
2194
2211
|
--tw-bg-opacity: 1;
|
2195
2212
|
background-color: rgb(180 180 187 / var(--tw-bg-opacity));
|
@@ -2198,10 +2215,6 @@ input[type='number'].no-arrows {
|
|
2198
2215
|
--tw-bg-opacity: 1;
|
2199
2216
|
background-color: rgb(3 153 227 / var(--tw-bg-opacity));
|
2200
2217
|
}
|
2201
|
-
.hover\:bg-grey-5:hover {
|
2202
|
-
--tw-bg-opacity: 1;
|
2203
|
-
background-color: rgb(237 237 240 / var(--tw-bg-opacity));
|
2204
|
-
}
|
2205
2218
|
.hover\:text-primary-70:hover {
|
2206
2219
|
--tw-text-opacity: 1;
|
2207
2220
|
color: rgb(3 153 227 / var(--tw-text-opacity));
|