@aivenio/aquarium 1.0.0 → 1.2.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 +20 -2
- package/dist/_variables_timescale.scss +20 -2
- package/dist/atoms.cjs +4881 -657
- package/dist/atoms.mjs +4873 -656
- package/dist/src/common/Alert/Alert.d.ts +1 -1
- package/dist/src/common/Alert/Alert.js +3 -3
- package/dist/src/common/Banner/Banner.d.ts +5 -1
- package/dist/src/common/Banner/Banner.js +10 -5
- package/dist/src/common/DataList/DataList.d.ts +24 -0
- package/dist/src/common/DataList/DataList.js +54 -0
- package/dist/src/common/DropdownMenu/DropdownMenu.d.ts +10 -3
- package/dist/src/common/DropdownMenu/DropdownMenu.js +14 -2
- package/dist/src/common/Modal/Modal.js +3 -3
- package/dist/src/common/Table/Table.d.ts +8 -3
- package/dist/src/common/Table/Table.js +20 -10
- package/dist/src/common/Timeline/Timeline.d.ts +18 -0
- package/dist/src/common/Timeline/Timeline.js +43 -0
- package/dist/src/common/Typography/Typography.d.ts +2 -1
- package/dist/src/common/Typography/Typography.js +15 -3
- package/dist/src/components/Alert/Alert.js +2 -2
- package/dist/src/components/Banner/Banner.d.ts +3 -1
- package/dist/src/components/Banner/Banner.js +3 -3
- package/dist/src/components/Box/Box.d.ts +5 -1
- package/dist/src/components/Box/Box.js +6 -2
- package/dist/src/components/Carousel/Carousel.d.ts +16 -0
- package/dist/src/components/Carousel/Carousel.js +89 -0
- package/dist/src/components/Chip/Chip.d.ts +1 -0
- package/dist/src/components/Chip/Chip.js +2 -2
- package/dist/src/components/DataList/DataList.d.ts +13 -0
- package/dist/src/components/DataList/DataList.js +24 -0
- package/dist/src/components/DataTable/DataTable.d.ts +5 -89
- package/dist/src/components/DataTable/DataTable.js +13 -28
- package/dist/src/components/Dialog/Dialog.js +35 -12
- package/dist/src/components/Dropdown/Dropdown.js +1 -1
- package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +15 -1
- package/dist/src/components/DropdownMenu/DropdownMenu.js +26 -13
- package/dist/src/components/DropdownMenu/utils.d.ts +4 -0
- package/dist/src/components/DropdownMenu/utils.js +20 -0
- package/dist/src/components/Modal/Modal.js +16 -8
- package/dist/src/components/Section/Section.d.ts +4 -0
- package/dist/src/components/Section/Section.js +14 -13
- package/dist/src/components/Skeleton/Skeleton.d.ts +7 -2
- package/dist/src/components/Skeleton/Skeleton.js +5 -4
- package/dist/src/components/Table/Table.js +2 -2
- package/dist/src/components/Template/Template.d.ts +23 -0
- package/dist/src/components/Template/Template.js +23 -0
- package/dist/src/components/Timeline/Timeline.d.ts +27 -0
- package/dist/src/components/Timeline/Timeline.js +41 -0
- package/dist/src/components/index.d.ts +8 -1
- package/dist/src/components/index.js +9 -2
- package/dist/src/utils/Blueprint.d.ts +7 -0
- package/dist/src/utils/Blueprint.js +31 -0
- package/dist/src/utils/table/types.d.ts +129 -0
- package/dist/src/utils/table/types.js +6 -0
- package/dist/src/utils/table/useScrollTarget.d.ts +2 -0
- package/dist/src/utils/table/useScrollTarget.js +16 -0
- package/dist/src/{common/Table/Table.utils.d.ts → utils/table/useTableSelect.d.ts} +0 -3
- package/dist/src/utils/table/useTableSelect.js +27 -0
- package/dist/src/utils/table/useTableSort.d.ts +2 -0
- package/dist/src/utils/table/useTableSort.js +19 -0
- package/dist/styles.css +102 -26
- package/dist/styles_timescaledb.css +102 -26
- package/dist/system.cjs +3188 -2173
- package/dist/system.mjs +3182 -2173
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +2 -0
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +3 -0
- package/package.json +3 -3
- package/dist/src/common/Table/Table.utils.js +0 -41
@@ -84,4 +84,4 @@ const DropdownItem = (_a) => {
|
|
84
84
|
};
|
85
85
|
Dropdown.Menu = DropdownMenu;
|
86
86
|
Dropdown.Item = DropdownItem;
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxPQUFPLEVBQWdCLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBb0IsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQXlCMUUsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUdqQixDQUFDLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxTQUFTLEdBQUcsYUFBYSxFQUFFLEVBQUUsRUFBRTtJQUN2RCxPQUFPLENBQ0wsb0JBQUMsT0FBTyxJQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSTtRQUN4RCxvQkFBQyxPQUFPLENBQUMsT0FBTyxRQUFFLFFBQVEsQ0FBbUI7UUFDN0Msb0JBQUMsT0FBTyxDQUFDLEtBQUssUUFBRSxPQUFPLENBQWlCLENBQ2hDLENBQ1gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGOztHQUVHO0FBQ0gsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFDakQsS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxFQUNULFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxTQUFTLEdBQzNCLEVBQUUsRUFBRTtJQUNILE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQW1CLElBQUksQ0FBQyxDQUFDO0lBQ3JELEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLE1BQU0sRUFBRSxHQUFHLFVBQVUsQ0FB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
|
@@ -89,11 +89,25 @@ export declare type DropdownMenuProps = {
|
|
89
89
|
* Max width for menu.
|
90
90
|
*/
|
91
91
|
maxWidth?: number;
|
92
|
+
/**
|
93
|
+
* Optional header which is displayed at the top of menu.
|
94
|
+
*/
|
95
|
+
header?: React.ReactNode;
|
96
|
+
/**
|
97
|
+
* Optional footer which is displayed at the bottom of menu.
|
98
|
+
*/
|
99
|
+
footer?: React.ReactNode;
|
92
100
|
/**
|
93
101
|
* Dropdown menu items.
|
94
102
|
*/
|
95
103
|
children: DropdownMenuChildren;
|
96
|
-
}
|
104
|
+
} & ({
|
105
|
+
searchable?: false;
|
106
|
+
emptyState?: never;
|
107
|
+
} | {
|
108
|
+
searchable: true;
|
109
|
+
emptyState?: React.ReactNode;
|
110
|
+
});
|
97
111
|
export declare const DropdownMenu: React.FC<DropdownMenuProps> & {
|
98
112
|
Trigger: React.FC<DropdownMenuTriggerProps>;
|
99
113
|
Items: React.FC<DropdownMenuItemsProps>;
|
@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
+
import { useFilter } from '@react-aria/i18n';
|
13
14
|
import { Item, Section } from '@react-stately/collections';
|
14
15
|
import { useTreeState } from '@react-stately/tree';
|
15
16
|
import { useMenuTriggerState } from '@react-stately/menu';
|
@@ -18,11 +19,14 @@ import { useMenuTrigger, useMenu, useMenuItem, useMenuSection } from '@react-ari
|
|
18
19
|
import { useSeparator } from '@react-aria/separator';
|
19
20
|
import { usePress, PressResponder } from '@react-aria/interactions';
|
20
21
|
import { mergeProps } from '@react-aria/utils';
|
22
|
+
import { tw } from '../../../src/utils/tailwind';
|
21
23
|
import { PopoverWrapper } from '../../../src/components/Popover/PopoverWrapper';
|
22
24
|
import { DropdownMenu as Base } from '../../../src/common/DropdownMenu/DropdownMenu';
|
23
25
|
import { isComponentType } from '../../../types/utils';
|
26
|
+
import { SearchInput } from '../../../src/components/Input/Input';
|
27
|
+
import { filterCollection } from './utils';
|
24
28
|
export const DropdownMenu = (_a) => {
|
25
|
-
var { onAction, selectionMode, selection, onSelectionChange, placement = 'bottom-left',
|
29
|
+
var { onAction, selectionMode, selection, onSelectionChange, placement = 'bottom-left', minWidth, maxWidth, searchable = false, emptyState, header, footer, children } = _a, props = __rest(_a, ["onAction", "selectionMode", "selection", "onSelectionChange", "placement", "minWidth", "maxWidth", "searchable", "emptyState", "header", "footer", "children"]);
|
26
30
|
const triggerRef = React.useRef(null);
|
27
31
|
const overlayRef = React.useRef(null);
|
28
32
|
const [trigger, items] = extractTriggerAndItems(children);
|
@@ -39,7 +43,7 @@ export const DropdownMenu = (_a) => {
|
|
39
43
|
React.createElement(PressResponder, Object.assign({ ref: triggerRef, onPress: () => state.toggle() }, menuTriggerProps),
|
40
44
|
React.createElement(TriggerWrapper, null, trigger.props.children)),
|
41
45
|
React.createElement(PopoverWrapper, Object.assign({ ref: overlayRef, isDismissable: true, autoFocus: true, containFocus: true, isOpen: state.isOpen, onClose: state.close }, overlayProps),
|
42
|
-
React.createElement(MenuWrapper, Object.assign({ onAction: onAction, selectionMode: selectionMode, selection: selection, onSelectionChange: onSelectionChange, minWidth: minWidth, maxWidth: maxWidth }, menuProps), items.props.children))));
|
46
|
+
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))));
|
43
47
|
};
|
44
48
|
const MenuTrigger = () => null;
|
45
49
|
const MenuItems = () => null;
|
@@ -62,21 +66,30 @@ const TriggerWrapper = (_a) => {
|
|
62
66
|
const isSectionNode = (item) => item.type === 'section';
|
63
67
|
const isItemNode = (item) => item.type === 'item';
|
64
68
|
const MenuWrapper = (_a) => {
|
65
|
-
var { selection: selectedKeys, minWidth, maxWidth } = _a, props = __rest(_a, ["selection", "minWidth", "maxWidth"]);
|
69
|
+
var { selection: selectedKeys, minWidth, maxWidth, searchable, emptyState, header, footer } = _a, props = __rest(_a, ["selection", "minWidth", "maxWidth", "searchable", "emptyState", "header", "footer"]);
|
66
70
|
const ref = React.useRef(null);
|
67
71
|
const disabledKeys = getDisabledItemKeys(props.children);
|
68
72
|
const state = useTreeState(Object.assign({ disabledKeys,
|
69
73
|
selectedKeys }, props));
|
70
74
|
const { menuProps } = useMenu(props, state, ref);
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
75
|
+
const { contains } = useFilter({ sensitivity: 'base' });
|
76
|
+
const [search, setSearch] = React.useState('');
|
77
|
+
const filteredCollection = React.useMemo(() => (searchable ? filterCollection(state.collection, search, contains) : state.collection), [state.collection, search, contains]);
|
78
|
+
return (React.createElement(Base, { minWidth: minWidth !== undefined ? `${minWidth}px` : undefined, maxWidth: maxWidth !== undefined ? `${maxWidth}px` : undefined },
|
79
|
+
header,
|
80
|
+
React.createElement(Base.ContentContainer, null,
|
81
|
+
searchable && (React.createElement(SearchInput, { "aria-label": "search", value: search, onChange: (e) => setSearch(e.target.value), className: tw('mb-5') })),
|
82
|
+
filteredCollection.size === 0 && emptyState && (React.createElement(Base.EmptyStateContainer, null, emptyState)),
|
83
|
+
React.createElement(Base.List, Object.assign({ ref: ref }, menuProps), Array.from(filteredCollection).map((item) => {
|
84
|
+
// For some reason the inverse of this typeguard is not working hence the specfic check.
|
85
|
+
if (isSectionNode(item)) {
|
86
|
+
return React.createElement(SectionWrapper, { key: item.key, section: item, state: state });
|
87
|
+
}
|
88
|
+
else if (isItemNode(item)) {
|
89
|
+
return React.createElement(ItemWrapper, { key: item.key, item: item, state: state });
|
90
|
+
}
|
91
|
+
}))),
|
92
|
+
footer));
|
80
93
|
};
|
81
94
|
const ItemWrapper = ({ item, state }) => {
|
82
95
|
const ref = React.useRef(null);
|
@@ -128,4 +141,4 @@ const getDisabledItemKeys = (children) => {
|
|
128
141
|
});
|
129
142
|
return keys.flat().filter((key) => key !== null);
|
130
143
|
};
|
131
|
-
//# sourceMappingURL=data:application/json;base64,
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L0Ryb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBYSxNQUFNLHFCQUFxQixDQUFDO0FBQzlELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBVzFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLFFBQVEsRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBR3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQWtJM0MsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUtyQixDQUFDLEVBY0osRUFBRSxFQUFFO1FBZEEsRUFDSCxRQUFRLEVBQ1IsYUFBYSxFQUNiLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsU0FBUyxHQUFHLGFBQWEsRUFDekIsUUFBUSxFQUNSLFFBQVEsRUFDUixVQUFVLEdBQUcsS0FBSyxFQUNsQixVQUFVLEVBQ1YsTUFBTSxFQUNOLE1BQU0sRUFDTixRQUFRLE9BRVQsRUFESSxLQUFLLGNBYkwsZ0tBY0osQ0FEUztJQUVSLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWMsSUFBSSxDQUFDLENBQUM7SUFDbkQsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsR0FBRyxzQkFBc0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxRCxNQUFNLEtBQUssR0FBRyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QyxNQUFNLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLEdBQUcsY0FBYyxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDOUUsTUFBTSxFQUFFLFlBQVksRUFBRSxHQUFHLGtCQUFrQixDQUFDO1FBQzFDLFNBQVMsRUFBRSxVQUFVO1FBQ3JCLFVBQVU7UUFDVixTQUFTLEVBQUUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFjO1FBQ25ELFVBQVUsRUFBRSxJQUFJO1FBQ2hCLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTTtLQUNyQixDQUFDLENBQUM7SUFFSCxPQUFPLENBQ0w7UUFDRSxvQkFBQyxjQUFjLGtCQUFDLEdBQUcsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBTSxnQkFBZ0I7WUFDbEYsb0JBQUMsY0FBYyxRQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFrQixDQUMxQztRQUNqQixvQkFBQyxjQUFjLGtCQUNiLEdBQUcsRUFBRSxVQUFVLEVBQ2YsYUFBYSxRQUNiLFNBQVMsUUFDVCxZQUFZLFFBQ1osTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQ3BCLE9BQU8sRUFBRSxLQUFLLENBQUMsS0FBSyxJQUNoQixZQUFZO1lBRWhCLG9CQUFDLFdBQVcsa0JBQ1YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsYUFBYSxFQUFFLGFBQWEsRUFDNUIsU0FBUyxFQUFFLFNBQVMsRUFDcEIsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQ3BDLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsTUFBTSxFQUFFLE1BQU0sSUFDVixTQUFTLEdBRVosS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQ1QsQ0FDQyxDQUNiLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sV0FBVyxHQUF1QyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFDbkUsTUFBTSxTQUFTLEdBQXFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQztBQUUvRCxZQUFZLENBQUMsT0FBTyxHQUFHLFdBQVcsQ0FBQztBQUNuQyxZQUFZLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQztBQUMvQixZQUFZLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUN6QixZQUFZLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQUkvQixNQUFNLGNBQWMsR0FBc0MsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQXBCLFlBQXNCLENBQUY7SUFDN0UsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBVSxJQUFJLENBQUMsQ0FBQztJQUN4QyxNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsUUFBUSxpQ0FBTSxLQUFLLEtBQUUsR0FBRyxJQUFHLENBQUM7SUFFbkQsbURBQW1EO0lBQ25ELE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRTlDLHFEQUFxRDtJQUNyRCxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBRTtRQUM5QyxNQUFNLElBQUksS0FBSyxDQUFDLDhDQUE4QyxDQUFDLENBQUM7S0FDakU7SUFDRCxPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxrQkFBSSxHQUFHLElBQUssVUFBVSxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBRyxDQUFDO0FBQ2hGLENBQUMsQ0FBQztBQUVGLE1BQU0sYUFBYSxHQUFHLENBQ3BCLElBQTRELEVBQ3BCLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQztBQUVyRSxNQUFNLFVBQVUsR0FBRyxDQUNqQixJQUE0RCxFQUN2QixFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUM7QUFpQi9ELE1BQU0sV0FBVyxHQUFHLENBQUMsRUFTRixFQUF3QyxFQUFFO1FBVHhDLEVBQ25CLFNBQVMsRUFBRSxZQUFZLEVBQ3ZCLFFBQVEsRUFDUixRQUFRLEVBQ1IsVUFBVSxFQUNWLFVBQVUsRUFDVixNQUFNLEVBQ04sTUFBTSxPQUVXLEVBRGQsS0FBSyxjQVJXLHFGQVNwQixDQURTO0lBRVIsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBbUIsSUFBSSxDQUFDLENBQUM7SUFDakQsTUFBTSxZQUFZLEdBQUcsbUJBQW1CLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pELE1BQU0sS0FBSyxHQUFHLFlBQVksaUJBQ3hCLFlBQVk7UUFDWixZQUFZLElBQ1QsS0FBSyxFQUNSLENBQUM7SUFDSCxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsT0FBTyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDakQsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLFNBQVMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBQ3hELE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUV2RCxNQUFNLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxPQUFPLENBQ3RDLEdBQUcsRUFBRSxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxFQUM1RixDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUNyQyxDQUFDO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFDSCxRQUFRLEVBQUUsUUFBUSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM5RCxRQUFRLEVBQUUsUUFBUSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUztRQUU3RCxNQUFNO1FBRVAsb0JBQUMsSUFBSSxDQUFDLGdCQUFnQjtZQUNuQixVQUFVLElBQUksQ0FDYixvQkFBQyxXQUFXLGtCQUNDLFFBQVEsRUFDbkIsS0FBSyxFQUFFLE1BQU0sRUFDYixRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUMxQyxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxHQUNyQixDQUNIO1lBRUEsa0JBQWtCLENBQUMsSUFBSSxLQUFLLENBQUMsSUFBSSxVQUFVLElBQUksQ0FDOUMsb0JBQUMsSUFBSSxDQUFDLG1CQUFtQixRQUFFLFVBQVUsQ0FBNEIsQ0FDbEU7WUFFRCxvQkFBQyxJQUFJLENBQUMsSUFBSSxrQkFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLFNBQVMsR0FDL0IsS0FBSyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO2dCQUMzQyx3RkFBd0Y7Z0JBQ3hGLElBQUksYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFFO29CQUN2QixPQUFPLG9CQUFDLGNBQWMsSUFBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLEdBQUksQ0FBQztpQkFDdkU7cUJBQU0sSUFBSSxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQzNCLE9BQU8sb0JBQUMsV0FBVyxJQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssR0FBSSxDQUFDO2lCQUNqRTtZQUNILENBQUMsQ0FBQyxDQUNRLENBQ1U7UUFFdkIsTUFBTSxDQUNGLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQU9GLE1BQU0sV0FBVyxHQUErQixDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7SUFDbEUsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBZ0IsSUFBSSxDQUFDLENBQUM7SUFDOUMsTUFBTSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxHQUFHLFdBQVcsQ0FDeEYsRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxFQUNqQixLQUFLLEVBQ0wsR0FBRyxDQUNKLENBQUM7SUFDRixNQUFNLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxJQUFJLEdBQUcsU0FBUyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQThCLENBQUMsQ0FBQywrQ0FBK0M7SUFFcEksT0FBTyxDQUNMLG9CQUFDLElBQUksQ0FBQyxJQUFJLGtCQUNSLEdBQUcsRUFBRSxHQUFHLElBQ0osYUFBYSxJQUNqQixJQUFJLEVBQUUsSUFBSSxFQUNWLFFBQVEsRUFBRSxVQUFVLEVBQ3BCLFdBQVcsRUFBRSxTQUFTLEVBQ3RCLFFBQVEsRUFBRSxVQUFVLEVBQ3BCLElBQUksRUFBRSxJQUFJO1FBRVQsSUFBSSxDQUFDLFFBQVE7UUFDYixXQUFXLElBQUksQ0FDZCxvQkFBQyxJQUFJLENBQUMsV0FBVyxrQkFBQyxRQUFRLEVBQUUsVUFBVSxJQUFNLGdCQUFnQixHQUN6RCxXQUFXLENBQ0ssQ0FDcEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUM7QUFPRixNQUFNLGNBQWMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBdUIsRUFBMkMsRUFBRTtJQUMxRyxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsR0FBRyxjQUFjLENBQUM7UUFDN0QsU0FBUyxFQUFFLE9BQU8sQ0FBQyxRQUFRO1FBQzNCLFlBQVksRUFBRSxPQUFPLENBQUMsWUFBWSxDQUFDO0tBQ3BDLENBQUMsQ0FBQztJQUVILE1BQU0sRUFBRSxjQUFjLEVBQUUsR0FBRyxZQUFZLENBQUM7UUFDdEMsV0FBVyxFQUFFLElBQUk7S0FDbEIsQ0FBQyxDQUFDO0lBRUgsT0FBTyxDQUNMO1FBQ0csT0FBTyxDQUFDLEdBQUcsS0FBSyxLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRSxJQUFJLG9CQUFDLElBQUksQ0FBQyxTQUFTLG9CQUFLLGNBQWMsRUFBSTtRQUN6RixvQkFBQyxJQUFJLENBQUMsS0FBSyxrQkFBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsWUFBWSxJQUFNLFNBQVM7WUFDMUUsNENBQVEsVUFBVSxHQUNmLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQVMsRUFBRSxFQUFFLENBQUMsQ0FDakQsb0JBQUMsV0FBVyxJQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssR0FBSSxDQUN6RCxDQUFDLENBQ0MsQ0FDTSxDQUNaLENBQ0osQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGOztHQUVHO0FBQ0gsTUFBTSxzQkFBc0IsR0FBRyxDQUM3QixRQUE4QixFQUM4QixFQUFFO0lBQzlELE1BQU0sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDMUQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxFQUFFO1FBQ2hGLE1BQU0sSUFBSSxLQUFLLENBQUMsa0ZBQWtGLENBQUMsQ0FBQztLQUNyRztJQUNELE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7QUFDMUIsQ0FBQyxDQUFDO0FBRUY7O0dBRUc7QUFDSCxNQUFNLG1CQUFtQixHQUFHLENBQzFCLFFBRXNELEVBQzVDLEVBQUU7SUFDWixNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRTs7UUFDbEQsSUFBSSxDQUFDLEtBQUssSUFBSSxPQUFPLEtBQUssS0FBSyxVQUFVLEVBQUU7WUFDekMsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUNELElBQUksZUFBZSxDQUF3QixLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDL0UsT0FBTyxNQUFBLE1BQUEsS0FBSyxDQUFDLEdBQUcsMENBQUUsUUFBUSxFQUFFLG1DQUFJLElBQUksQ0FBQztTQUN0QztRQUNELElBQUksZUFBZSxDQUF5QyxLQUFLLEVBQUUsT0FBTyxDQUFDLEVBQUU7WUFDM0UsT0FBTyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2xEO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDLENBQUMsQ0FBQztJQUVILE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBaUIsRUFBRSxDQUFDLEdBQUcsS0FBSyxJQUFJLENBQUMsQ0FBQztBQUNsRSxDQUFDLENBQUMifQ==
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { Collection, Node } from '@react-types/shared';
|
2
|
+
export declare type FilterFn = (textValue: string, inputValue: string) => boolean;
|
3
|
+
export declare const filterCollection: <T extends Record<string, unknown>>(collection: Collection<Node<T>>, inputValue: string, filter: FilterFn) => Collection<Node<T>>;
|
4
|
+
export declare const filterNodes: <T>(nodes: Iterable<Node<T>>, inputValue: string, filter: FilterFn) => Iterable<Node<T>>;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { ListCollection } from '@react-stately/list';
|
2
|
+
export const filterCollection = (collection, inputValue, filter) => {
|
3
|
+
return new ListCollection(filterNodes(collection, inputValue, filter));
|
4
|
+
};
|
5
|
+
export const filterNodes = (nodes, inputValue, filter) => {
|
6
|
+
const filteredNode = [];
|
7
|
+
for (const node of nodes) {
|
8
|
+
if (node.type === 'section' && node.hasChildNodes) {
|
9
|
+
const filtered = filterNodes(node.childNodes, inputValue, filter);
|
10
|
+
if ([...filtered].length > 0) {
|
11
|
+
filteredNode.push(Object.assign(Object.assign({}, node), { childNodes: filtered }));
|
12
|
+
}
|
13
|
+
}
|
14
|
+
else if (node.type !== 'section' && filter(node.textValue, inputValue)) {
|
15
|
+
filteredNode.push(Object.assign({}, node));
|
16
|
+
}
|
17
|
+
}
|
18
|
+
return filteredNode;
|
19
|
+
};
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ecm9wZG93bk1lbnUvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBSXJELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQzlCLFVBQStCLEVBQy9CLFVBQWtCLEVBQ2xCLE1BQWdCLEVBQ0ssRUFBRTtJQUN2QixPQUFPLElBQUksY0FBYyxDQUFDLFdBQVcsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFDekUsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLENBQUksS0FBd0IsRUFBRSxVQUFrQixFQUFFLE1BQWdCLEVBQXFCLEVBQUU7SUFDbEgsTUFBTSxZQUFZLEdBQUcsRUFBRSxDQUFDO0lBRXhCLEtBQUssTUFBTSxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ3hCLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNqRCxNQUFNLFFBQVEsR0FBRyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDbEUsSUFBSSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDNUIsWUFBWSxDQUFDLElBQUksaUNBQU0sSUFBSSxLQUFFLFVBQVUsRUFBRSxRQUFRLElBQUcsQ0FBQzthQUN0RDtTQUNGO2FBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRTtZQUN4RSxZQUFZLENBQUMsSUFBSSxtQkFBTSxJQUFJLEVBQUcsQ0FBQztTQUNoQztLQUNGO0lBQ0QsT0FBTyxZQUFZLENBQUM7QUFDdEIsQ0FBQyxDQUFDIn0=
|
@@ -12,8 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import castArray from 'lodash/castArray';
|
14
14
|
import omit from 'lodash/omit';
|
15
|
-
import { Overlay, useModalOverlay
|
15
|
+
import { Overlay, useModalOverlay } from '@react-aria/overlays';
|
16
|
+
import { useDialog } from '@react-aria/dialog';
|
16
17
|
import { FocusScope } from '@react-aria/focus';
|
18
|
+
import { useId } from '@react-aria/utils';
|
17
19
|
import { useOverlayTriggerState } from '@react-stately/overlays';
|
18
20
|
import { tw } from '../../../src/utils/tailwind';
|
19
21
|
import { Modal as BaseModal } from '../../../src/common/Modal/Modal';
|
@@ -25,6 +27,14 @@ export const Modal = ({ title, open, subtitle, onClose, children, primaryAction,
|
|
25
27
|
const ref = React.useRef(null);
|
26
28
|
const state = useOverlayTriggerState({ isOpen: open });
|
27
29
|
const { modalProps, underlayProps } = useModalOverlay({ isDismissable: false }, state, ref);
|
30
|
+
const labelledBy = useId();
|
31
|
+
const describedBy = useId();
|
32
|
+
// useDialog() also returns 'titleProps', but it doesn't work correctly
|
33
|
+
// in this case because the title id is set to null after the second render.
|
34
|
+
// The problem (most likely) is somewhere in this component which causes
|
35
|
+
// it render twice when it is opened and that causes the useSlotId() hook
|
36
|
+
// in react-aria to think that the title is not rendered correctly.
|
37
|
+
const { dialogProps } = useDialog({ 'role': 'dialog', 'aria-labelledby': labelledBy, 'aria-describedby': describedBy }, ref);
|
28
38
|
if (!open) {
|
29
39
|
return null;
|
30
40
|
}
|
@@ -32,14 +42,13 @@ export const Modal = ({ title, open, subtitle, onClose, children, primaryAction,
|
|
32
42
|
React.createElement(BaseModal, { open: state.isOpen },
|
33
43
|
React.createElement(BaseModal.BackDrop, Object.assign({}, underlayProps)),
|
34
44
|
React.createElement(FocusScope, { contain: true, restoreFocus: true, autoFocus: true },
|
35
|
-
React.createElement(BaseModal.Dialog, Object.assign({ ref: ref, size: size }, modalProps),
|
36
|
-
React.createElement(DismissButton, { onDismiss: onClose }),
|
45
|
+
React.createElement(BaseModal.Dialog, Object.assign({ ref: ref, size: size }, modalProps, dialogProps),
|
37
46
|
React.createElement(BaseModal.Header, { className: tw({ 'pb-3': isComponentType(children, ModalTabs) }) },
|
38
47
|
React.createElement(BaseModal.TitleContainer, null,
|
39
|
-
React.createElement(BaseModal.Title,
|
48
|
+
React.createElement(BaseModal.Title, { id: labelledBy }, title),
|
40
49
|
subtitle && React.createElement(BaseModal.Subtitle, null, subtitle)),
|
41
50
|
React.createElement(IconButton, { "aria-label": "Close", icon: cross, onClick: onClose })),
|
42
|
-
isComponentType(children, ModalTabs) ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
|
51
|
+
isComponentType(children, ModalTabs) ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { id: describedBy, tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
|
43
52
|
(secondaryActions || primaryAction) && (React.createElement(BaseModal.Footer, null,
|
44
53
|
React.createElement(BaseModal.Actions, null,
|
45
54
|
secondaryActions &&
|
@@ -49,9 +58,8 @@ export const Modal = ({ title, open, subtitle, onClose, children, primaryAction,
|
|
49
58
|
var { text } = _a, action = __rest(_a, ["text"]);
|
50
59
|
return (React.createElement(SecondaryButton, Object.assign({ key: text }, action), text));
|
51
60
|
}),
|
52
|
-
primaryAction && (React.createElement(PrimaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))
|
53
|
-
React.createElement(DismissButton, { onDismiss: onClose }))))));
|
61
|
+
primaryAction && (React.createElement(PrimaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))))))));
|
54
62
|
};
|
55
63
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
56
64
|
React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUYsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLE9BQU8sR0FJUixNQUFNLDBCQUEwQixDQUFDO0FBRWxDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUErQjlDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUMxQyxLQUFLLEVBQ0wsSUFBSSxFQUNKLFFBQVEsRUFDUixPQUFPLEVBQ1AsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsSUFBSSxHQUNMLEVB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
|
@@ -9,5 +9,9 @@ export declare type SectionProps = {
|
|
9
9
|
* Optional actions. There can be 1-2 secondary actions only in a section.
|
10
10
|
*/
|
11
11
|
actions?: AsyncActionType | AsyncActionType[];
|
12
|
+
} | {
|
13
|
+
title?: never;
|
14
|
+
subtitle?: never;
|
15
|
+
actions?: never;
|
12
16
|
};
|
13
17
|
export declare const Section: React.FC<SectionProps>;
|
@@ -15,17 +15,18 @@ import { SecondaryButton } from '../../../src/components/Button/Button';
|
|
15
15
|
import { Divider } from '../../../src/components/Divider/Divider';
|
16
16
|
import castArray from 'lodash/castArray';
|
17
17
|
export const Section = ({ title, subtitle, actions, children }) => (React.createElement(BaseSection, null,
|
18
|
-
React.createElement(
|
19
|
-
React.createElement(BaseSection.
|
20
|
-
React.createElement(BaseSection.
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
18
|
+
title && (React.createElement(React.Fragment, null,
|
19
|
+
React.createElement(BaseSection.Header, null,
|
20
|
+
React.createElement(BaseSection.TitleContainer, null,
|
21
|
+
React.createElement(BaseSection.Title, null, title),
|
22
|
+
subtitle && React.createElement(BaseSection.Subtitle, null, subtitle)),
|
23
|
+
React.createElement(BaseSection.Actions, null, actions &&
|
24
|
+
castArray(actions)
|
25
|
+
.filter(Boolean)
|
26
|
+
.map((_a) => {
|
27
|
+
var { text } = _a, action = __rest(_a, ["text"]);
|
28
|
+
return (React.createElement(SecondaryButton, Object.assign({ key: text }, action), text));
|
29
|
+
}))),
|
30
|
+
React.createElement(Divider, null))),
|
30
31
|
React.createElement(BaseSection.Body, null, children)));
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlY3Rpb24vU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxXQUFXLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRXpELE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBcUJ6QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDekYsb0JBQUMsV0FBVztJQUNULEtBQUssSUFBSSxDQUNSO1FBQ0Usb0JBQUMsV0FBVyxDQUFDLE1BQU07WUFDakIsb0JBQUMsV0FBVyxDQUFDLGNBQWM7Z0JBQ3pCLG9CQUFDLFdBQVcsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFxQjtnQkFDN0MsUUFBUSxJQUFJLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLFFBQUUsUUFBUSxDQUF3QixDQUN6QztZQUM3QixvQkFBQyxXQUFXLENBQUMsT0FBTyxRQUNqQixPQUFPO2dCQUNOLFNBQVMsQ0FBQyxPQUFPLENBQUM7cUJBQ2YsTUFBTSxDQUFDLE9BQU8sQ0FBQztxQkFDZixHQUFHLENBQUMsQ0FBQyxFQUFtQixFQUFFLEVBQUU7d0JBQXZCLEVBQUUsSUFBSSxPQUFhLEVBQVIsTUFBTSxjQUFqQixRQUFtQixDQUFGO29CQUFPLE9BQUEsQ0FDNUIsb0JBQUMsZUFBZSxrQkFBQyxHQUFHLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDbkMsSUFBSSxDQUNXLENBQ25CLENBQUE7aUJBQUEsQ0FBQyxDQUNjLENBQ0g7UUFDckIsb0JBQUMsT0FBTyxPQUFHLENBQ1YsQ0FDSjtJQUNELG9CQUFDLFdBQVcsQ0FBQyxJQUFJLFFBQUUsUUFBUSxDQUFvQixDQUNuQyxDQUNmLENBQUMifQ==
|
@@ -1,13 +1,14 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
declare type RelativeSize = `${number}%`;
|
2
3
|
declare type SkeletonProps = {
|
3
4
|
/**
|
4
5
|
* Width of the skeleton in pixels.
|
5
6
|
*/
|
6
|
-
width?: number;
|
7
|
+
width?: number | RelativeSize;
|
7
8
|
/**
|
8
9
|
* Height of the skeleton in pixels.
|
9
10
|
*/
|
10
|
-
height?: number;
|
11
|
+
height?: number | RelativeSize;
|
11
12
|
/**
|
12
13
|
* Display style for skeleton.
|
13
14
|
*/
|
@@ -20,6 +21,10 @@ declare type SkeletonProps = {
|
|
20
21
|
* If false, there won't be any animation for the skeleton component.
|
21
22
|
*/
|
22
23
|
animate?: boolean;
|
24
|
+
/**
|
25
|
+
* When true, Skeleton takes the shape of a circle.
|
26
|
+
*/
|
27
|
+
rounded?: boolean;
|
23
28
|
};
|
24
29
|
export declare const Skeleton: React.FC<SkeletonProps>;
|
25
30
|
export {};
|
@@ -1,15 +1,16 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import isNumber from 'lodash/isNumber';
|
3
3
|
import { tw, classNames } from '../../utils/tailwind';
|
4
|
-
export const Skeleton = ({ width, height, display = 'block', className, animate = true }) => {
|
4
|
+
export const Skeleton = ({ width, height, display = 'block', className, animate = true, rounded = false, }) => {
|
5
5
|
const styles = {
|
6
|
-
width: isNumber(width) ? `${width}px` :
|
7
|
-
height: isNumber(height) ? `${height}px` :
|
6
|
+
width: isNumber(width) ? `${width}px` : width,
|
7
|
+
height: isNumber(height) ? `${height}px` : height,
|
8
8
|
};
|
9
9
|
return (React.createElement("div", { style: styles, className: classNames(tw('bg-grey-5', {
|
10
|
+
'rounded-full': rounded,
|
10
11
|
'block': display === 'block',
|
11
12
|
'inline-block': display === 'inline-block',
|
12
13
|
'animate-pulse': animate,
|
13
14
|
}), className) }));
|
14
15
|
};
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFvQ3RELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUNoRCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE9BQU8sR0FBRyxPQUFPLEVBQ2pCLFNBQVMsRUFDVCxPQUFPLEdBQUcsSUFBSSxFQUNkLE9BQU8sR0FBRyxLQUFLLEdBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sTUFBTSxHQUFHO1FBQ2IsS0FBSyxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSztRQUM3QyxNQUFNLEVBQUUsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNO0tBQ2xELENBQUM7SUFFRixPQUFPLENBQ0wsNkJBQ0UsS0FBSyxFQUFFLE1BQU0sRUFDYixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsV0FBVyxFQUFFO1lBQ2QsY0FBYyxFQUFFLE9BQU87WUFDdkIsT0FBTyxFQUFFLE9BQU8sS0FBSyxPQUFPO1lBQzVCLGNBQWMsRUFBRSxPQUFPLEtBQUssY0FBYztZQUMxQyxlQUFlLEVBQUUsT0FBTztTQUN6QixDQUFDLEVBQ0YsU0FBUyxDQUNWLEdBQ0QsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import { tw } from '../../../src/utils/tailwind';
|
14
14
|
import { Table as BaseTable } from '../../../src/common/Table/Table';
|
15
|
-
import { useScrollTarget } from '../../../src/
|
15
|
+
import { useScrollTarget } from '../../../src/utils/table/useScrollTarget';
|
16
16
|
export const Table = (_a) => {
|
17
17
|
var { children, onPrev, onNext } = _a, rest = __rest(_a, ["children", "onPrev", "onNext"]);
|
18
18
|
const bottomRef = useScrollTarget(onNext);
|
@@ -28,4 +28,4 @@ Table.Row = BaseTable.Row;
|
|
28
28
|
Table.Cell = BaseTable.Cell;
|
29
29
|
Table.SortCell = BaseTable.SortCell;
|
30
30
|
Table.SelectCell = BaseTable.SelectCell;
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFnQyxNQUFNLHdCQUF3QixDQUFDO0FBQzFGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQU9sRSxNQUFNLENBQUMsTUFBTSxLQUFLLEdBT2QsQ0FBQyxFQUFxQyxFQUFFLEVBQUU7UUFBekMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBbkMsZ0NBQXFDLENBQUY7SUFDdEMsTUFBTSxTQUFTLEdBQUcsZUFBZSxDQUFpQixNQUFNLENBQUMsQ0FBQztJQUMxRCxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQWlCLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZELE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsaUJBQWlCO1FBQy9CLDZCQUFLLEdBQUcsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxpREFBaUQsQ0FBQyxHQUFJO1FBQ3RGLG9CQUFDLFNBQVMsb0JBQUssSUFBSSxHQUFHLFFBQVEsQ0FBYTtRQUMzQyw2QkFBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUMsR0FBSSxDQUN4RixDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDO0FBQzVCLEtBQUssQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQztBQUMxQixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDO0FBQ3BDLEtBQUssQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDLFVBQVUsQ0FBQyJ9
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import twTheme from '../../../tailwind.theme.json';
|
3
|
+
export declare type Weight = `${number}` | 'auto';
|
4
|
+
declare type TemplateProps = {
|
5
|
+
/**
|
6
|
+
* Provide a number for amount of columns. Columns created this way have equal weight.
|
7
|
+
*
|
8
|
+
* Provide array of Weights or numbers to customize weights between columns.
|
9
|
+
* Array value of number is considered fixed pixel value.
|
10
|
+
* Array value of Weight is considered as a weight in relation to other columns.
|
11
|
+
*/
|
12
|
+
columns: Array<Weight | number> | number;
|
13
|
+
alignContent?: React.CSSProperties['alignContent'];
|
14
|
+
alignSelf?: React.CSSProperties['alignSelf'];
|
15
|
+
alignItems?: React.CSSProperties['alignItems'];
|
16
|
+
justifySelf?: React.CSSProperties['justifySelf'];
|
17
|
+
gap?: keyof typeof twTheme['gap'];
|
18
|
+
columnGap?: keyof typeof twTheme['gap'];
|
19
|
+
rowGap?: keyof typeof twTheme['gap'];
|
20
|
+
fullHeight?: boolean;
|
21
|
+
};
|
22
|
+
export declare const Template: React.FC<TemplateProps>;
|
23
|
+
export {};
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { useStyle } from '../../../src/utils/useStyle';
|
3
|
+
export const Template = ({ children, columns, alignSelf, alignContent, alignItems, justifySelf, gap, columnGap, rowGap, fullHeight, }) => {
|
4
|
+
const gridTemplateColumns = typeof columns === 'number'
|
5
|
+
? '1fr '.repeat(columns)
|
6
|
+
: columns
|
7
|
+
.map((column) => (typeof column === 'number' ? `${column}px` : column === 'auto' ? column : `${column}fr`))
|
8
|
+
.join(' ');
|
9
|
+
const styles = useStyle({
|
10
|
+
height: fullHeight ? '100%' : undefined,
|
11
|
+
display: 'grid',
|
12
|
+
gridTemplateColumns,
|
13
|
+
alignSelf,
|
14
|
+
alignContent,
|
15
|
+
alignItems,
|
16
|
+
justifySelf,
|
17
|
+
gap,
|
18
|
+
rowGap,
|
19
|
+
columnGap,
|
20
|
+
});
|
21
|
+
return React.createElement("div", { style: Object.assign({}, styles) }, children);
|
22
|
+
};
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZW1wbGF0ZS9UZW1wbGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdCOUMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUE0QixDQUFDLEVBQ2hELFFBQVEsRUFDUixPQUFPLEVBQ1AsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsV0FBVyxFQUNYLEdBQUcsRUFDSCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFVBQVUsR0FDWCxFQUFFLEVBQUU7SUFDSCxNQUFNLG1CQUFtQixHQUN2QixPQUFPLE9BQU8sS0FBSyxRQUFRO1FBQ3pCLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUN4QixDQUFDLENBQUMsT0FBTzthQUNKLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLE1BQU0sS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLElBQUksQ0FBQyxDQUFDO2FBQzFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUVuQixNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUM7UUFDdEIsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1FBQ3ZDLE9BQU8sRUFBRSxNQUFNO1FBQ2YsbUJBQW1CO1FBQ25CLFNBQVM7UUFDVCxZQUFZO1FBQ1osVUFBVTtRQUNWLFdBQVc7UUFDWCxHQUFHO1FBQ0gsTUFBTTtRQUNOLFNBQVM7S0FDVixDQUFDLENBQUM7SUFDSCxPQUFPLDZCQUFLLEtBQUssb0JBQU8sTUFBTSxLQUFLLFFBQVEsQ0FBTyxDQUFDO0FBQ3JELENBQUMsQ0FBQyJ9
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export declare type TimelineItemProps = {
|
3
|
+
/**
|
4
|
+
* Mandatory title prop for each section.
|
5
|
+
* Typically a formatted date is used.
|
6
|
+
* */
|
7
|
+
title: string;
|
8
|
+
/**
|
9
|
+
* Determines the separator dot look.
|
10
|
+
* @default 'default'
|
11
|
+
* */
|
12
|
+
variant?: 'default' | 'info' | 'warning' | 'error';
|
13
|
+
children: React.ReactNode;
|
14
|
+
};
|
15
|
+
declare const TimelineItem: React.FC<TimelineItemProps>;
|
16
|
+
declare type TimelineProps = {
|
17
|
+
children: Array<React.ReactElement<TimelineItemProps>> | React.ReactElement<TimelineItemProps>;
|
18
|
+
};
|
19
|
+
declare type ComposedTimelineProps = React.FC<TimelineProps> & {
|
20
|
+
Item: typeof TimelineItem;
|
21
|
+
Skeleton: typeof TimelineSkeleton;
|
22
|
+
};
|
23
|
+
export declare const Timeline: ComposedTimelineProps;
|
24
|
+
declare const TimelineSkeleton: React.FC<{
|
25
|
+
items?: number;
|
26
|
+
}>;
|
27
|
+
export {};
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Timeline as BaseTimeline } from '../../../src/common/Timeline/Timeline';
|
3
|
+
import { isComponentType } from '../../../types/utils';
|
4
|
+
import { Typography } from '../../../src/components/Typography/Typography';
|
5
|
+
import { Icon } from '../../../src/components/Icon/Icon';
|
6
|
+
import time from '../../../src/icons/time';
|
7
|
+
import warning from '../../../src/icons/warningSign';
|
8
|
+
import danger from '../../../src/icons/error';
|
9
|
+
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
10
|
+
import { Box } from '../../../src/components/Box/Box';
|
11
|
+
const TimelineItem = () => null;
|
12
|
+
export const Timeline = ({ children }) => (React.createElement("div", null, React.Children.map(children, (item) => {
|
13
|
+
if (!isComponentType(item, TimelineItem)) {
|
14
|
+
throw new Error('<Timeline> can only have <Timeline.Item> components as children');
|
15
|
+
}
|
16
|
+
else {
|
17
|
+
const { props, key } = item;
|
18
|
+
return (React.createElement(BaseTimeline, { key: key !== null && key !== void 0 ? key : props.title },
|
19
|
+
React.createElement(BaseTimeline.Separator, null, props.variant === 'error' ? (React.createElement(Icon, { icon: danger, color: "error-30" })) : props.variant === 'warning' ? (React.createElement(Icon, { icon: warning, color: "warning-30" })) : props.variant === 'info' ? (React.createElement(Icon, { icon: time, color: "info-30" })) : (React.createElement(BaseTimeline.Separator.Dot, null))),
|
20
|
+
React.createElement(Typography.Caption, { fontWeight: 600 }, props.title),
|
21
|
+
React.createElement(BaseTimeline.LineContainer, null,
|
22
|
+
React.createElement(BaseTimeline.LineContainer.Line, null)),
|
23
|
+
React.createElement(BaseTimeline.Content, null,
|
24
|
+
React.createElement(Typography, null, props.children))));
|
25
|
+
}
|
26
|
+
})));
|
27
|
+
const TimelineItemSkeleton = () => (React.createElement(BaseTimeline, null,
|
28
|
+
React.createElement(BaseTimeline.Separator, null,
|
29
|
+
React.createElement(Skeleton, { width: 6, height: 6, rounded: true })),
|
30
|
+
React.createElement(Skeleton, { height: 12, width: 120 }),
|
31
|
+
React.createElement(BaseTimeline.LineContainer, null,
|
32
|
+
React.createElement(Skeleton, { width: 2 })),
|
33
|
+
React.createElement(BaseTimeline.Content, null,
|
34
|
+
React.createElement(Box, { display: "flex", flexDirection: "column", gap: "3" },
|
35
|
+
React.createElement(Skeleton, { height: 32, width: "100%" }),
|
36
|
+
React.createElement(Skeleton, { height: 32, width: "73%" }),
|
37
|
+
React.createElement(Skeleton, { height: 32, width: "80%" })))));
|
38
|
+
const TimelineSkeleton = ({ items = 3 }) => (React.createElement("div", null, Array.from({ length: items }).map((_, key) => (React.createElement(TimelineItemSkeleton, { key: key })))));
|
39
|
+
Timeline.Item = TimelineItem;
|
40
|
+
Timeline.Skeleton = TimelineSkeleton;
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM5QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDbEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xDLE9BQU8sT0FBTyxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sTUFBTSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFpQjdDLE1BQU0sWUFBWSxHQUFnQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFRN0QsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUEwQixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQy9ELGlDQUNHLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFO0lBQ3JDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLFlBQVksQ0FBQyxFQUFFO1FBQ3hDLE1BQU0sSUFBSSxLQUFLLENBQUMsaUVBQWlFLENBQUMsQ0FBQztLQUNwRjtTQUFNO1FBQ0wsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDNUIsT0FBTyxDQUNMLG9CQUFDLFlBQVks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
|
@@ -7,6 +7,7 @@ export * from './Box/Box';
|
|
7
7
|
export * from './Breadcrumbs/Breadcrumbs';
|
8
8
|
export * from './Button/Button';
|
9
9
|
export * from './Card/Card';
|
10
|
+
export * from './Carousel/Carousel';
|
10
11
|
export * from './Checkbox/Checkbox';
|
11
12
|
export * from './CheckboxGroup/CheckboxGroup';
|
12
13
|
export * from './Chip/Chip';
|
@@ -14,6 +15,7 @@ export * from './ChoiceChip/ChoiceChip';
|
|
14
15
|
export * from './Combobox/Combobox';
|
15
16
|
export * from './Context/Context';
|
16
17
|
export * from './ControlLabel/ControlLabel';
|
18
|
+
export * from './DataList/DataList';
|
17
19
|
export * from './DataTable/DataTable';
|
18
20
|
export * from './Dialog/Dialog';
|
19
21
|
export * from './Divider/Divider';
|
@@ -52,10 +54,15 @@ export * from './Table/Table';
|
|
52
54
|
export * from './Tabs/Tabs';
|
53
55
|
export * from './TagLabel/TagLabel';
|
54
56
|
export * from './Tailwindify/Tailwindify';
|
57
|
+
export * from './Template/Template';
|
55
58
|
export * from './Textarea/Textarea';
|
59
|
+
export * from './Timeline/Timeline';
|
56
60
|
export * from './Tooltip/Tooltip';
|
57
61
|
export * from './Typography/Typography';
|
58
|
-
export * from '../
|
62
|
+
export * from '../utils/table/types';
|
63
|
+
export * from '../utils/table/useTableSelect';
|
64
|
+
export * from '../utils/table/useScrollTarget';
|
65
|
+
export * from '../utils/table/useTableSort';
|
59
66
|
export * from './Pagination/usePagination';
|
60
67
|
export declare const SelectItem: import("react").ForwardRefExoticComponent<{
|
61
68
|
key: string;
|
@@ -8,6 +8,7 @@ export * from './Box/Box';
|
|
8
8
|
export * from './Breadcrumbs/Breadcrumbs';
|
9
9
|
export * from './Button/Button';
|
10
10
|
export * from './Card/Card';
|
11
|
+
export * from './Carousel/Carousel';
|
11
12
|
export * from './Checkbox/Checkbox';
|
12
13
|
export * from './CheckboxGroup/CheckboxGroup';
|
13
14
|
export * from './Chip/Chip';
|
@@ -15,6 +16,7 @@ export * from './ChoiceChip/ChoiceChip';
|
|
15
16
|
export * from './Combobox/Combobox';
|
16
17
|
export * from './Context/Context';
|
17
18
|
export * from './ControlLabel/ControlLabel';
|
19
|
+
export * from './DataList/DataList';
|
18
20
|
export * from './DataTable/DataTable';
|
19
21
|
export * from './Dialog/Dialog';
|
20
22
|
export * from './Divider/Divider';
|
@@ -53,11 +55,16 @@ export * from './Table/Table';
|
|
53
55
|
export * from './Tabs/Tabs';
|
54
56
|
export * from './TagLabel/TagLabel';
|
55
57
|
export * from './Tailwindify/Tailwindify';
|
58
|
+
export * from './Template/Template';
|
56
59
|
export * from './Textarea/Textarea';
|
60
|
+
export * from './Timeline/Timeline';
|
57
61
|
export * from './Tooltip/Tooltip';
|
58
62
|
export * from './Typography/Typography';
|
59
63
|
// Exported atoms and utility functions
|
60
|
-
export * from '../
|
64
|
+
export * from '../utils/table/types';
|
65
|
+
export * from '../utils/table/useTableSelect';
|
66
|
+
export * from '../utils/table/useScrollTarget';
|
67
|
+
export * from '../utils/table/useTableSort';
|
61
68
|
export * from './Pagination/usePagination';
|
62
69
|
export const SelectItem = Select.Item;
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFakQsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDN0QsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLHVDQUF1QztBQUN2QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMifQ==
|