@aivenio/aquarium 1.9.0 → 1.11.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 +50 -53
- package/dist/atoms.mjs +46 -49
- package/dist/src/{common → atoms}/Alert/Alert.d.ts +2 -2
- package/dist/src/atoms/Alert/Alert.js +74 -0
- package/dist/src/{common → atoms}/Banner/Banner.d.ts +2 -2
- package/dist/src/atoms/Banner/Banner.js +57 -0
- package/dist/src/atoms/Card/Card.js +54 -0
- package/dist/src/{common → atoms}/Checkbox/Checkbox.js +2 -2
- package/dist/src/{common → atoms}/Chip/Chip.js +1 -1
- package/dist/src/{common → atoms}/DataList/DataList.js +3 -3
- package/dist/src/{common → atoms}/Dialog/Dialog.d.ts +1 -1
- package/dist/src/{common → atoms}/Dialog/Dialog.js +1 -1
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +62 -0
- package/dist/src/{common → atoms}/InputGroup/InputGroup.d.ts +1 -1
- package/dist/src/{common → atoms}/InputGroup/InputGroup.js +2 -2
- package/dist/src/atoms/LineClamp/LineClamp.d.ts +11 -0
- package/dist/src/atoms/LineClamp/LineClamp.js +20 -0
- package/dist/src/{common → atoms}/Link/Link.js +1 -1
- package/dist/src/{common → atoms}/Modal/Modal.d.ts +1 -1
- package/dist/src/atoms/Modal/Modal.js +68 -0
- package/dist/src/{common → atoms}/Popover/Popover.js +2 -2
- package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.js +2 -2
- package/dist/src/{common → atoms}/ProgressBar/ProgressBar.js +1 -1
- package/dist/src/{common → atoms}/RadioButton/RadioButton.js +1 -1
- package/dist/src/{common → atoms}/Section/Section.d.ts +2 -2
- package/dist/src/atoms/Section/Section.js +46 -0
- package/dist/src/{common → atoms}/Select/Select.js +2 -2
- package/dist/src/{common → atoms}/Stepper/Stepper.js +2 -2
- package/dist/src/{common → atoms}/Switch/Switch.js +1 -1
- package/dist/src/{common → atoms}/Table/Table.d.ts +2 -2
- package/dist/src/atoms/Table/Table.js +91 -0
- package/dist/src/{common → atoms}/Timeline/Timeline.js +1 -1
- package/dist/src/{common → atoms}/Typography/Typography.js +1 -1
- package/dist/src/{common → atoms}/index.js +1 -1
- package/dist/src/{components → molecules}/Alert/Alert.d.ts +1 -1
- package/dist/src/molecules/Alert/Alert.js +12 -0
- package/dist/src/molecules/Avatar/Avatar.js +10 -0
- package/dist/src/{components → molecules}/Badge/Badge.js +1 -1
- package/dist/src/{components → molecules}/Banner/Banner.d.ts +1 -1
- package/dist/src/molecules/Banner/Banner.js +44 -0
- package/dist/src/{components → molecules}/Box/Box.d.ts +2 -2
- package/dist/src/{components → molecules}/Box/Box.js +2 -2
- package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/Button/Button.js +105 -0
- package/dist/src/{components → molecules}/Card/Card.d.ts +1 -1
- package/dist/src/molecules/Card/Card.js +48 -0
- package/dist/src/{components → molecules}/Card/Compact.d.ts +1 -1
- package/dist/src/molecules/Card/Compact.js +43 -0
- package/dist/src/{components → molecules}/Card/types.js +1 -1
- package/dist/src/{components → molecules}/Carousel/Carousel.js +4 -4
- package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/molecules/Checkbox/Checkbox.js +29 -0
- package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts +2 -2
- package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +61 -0
- package/dist/src/{components → molecules}/Chip/Chip.d.ts +1 -1
- package/dist/src/molecules/Chip/Chip.js +64 -0
- package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js +1 -1
- package/dist/src/molecules/Combobox/Combobox.js +109 -0
- package/dist/src/molecules/Container/Container.js +18 -0
- package/dist/src/molecules/Context/Context.js +18 -0
- package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js +2 -2
- package/dist/src/molecules/DataList/DataList.js +24 -0
- package/dist/src/{components → molecules}/DataTable/DataTable.d.ts +1 -1
- package/dist/src/molecules/DataTable/DataTable.js +42 -0
- package/dist/src/{components → molecules}/Dialog/Dialog.d.ts +2 -2
- package/dist/src/molecules/Dialog/Dialog.js +41 -0
- package/dist/src/{components → molecules}/Divider/Divider.js +1 -1
- package/dist/src/{components → molecules}/Dropdown/Dropdown.d.ts +2 -2
- package/dist/src/molecules/Dropdown/Dropdown.js +87 -0
- package/dist/src/{components → molecules}/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +148 -0
- package/dist/src/molecules/DropdownMenu/utils.js +20 -0
- package/dist/src/{components → molecules}/Element/Element.js +1 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +74 -0
- package/dist/src/{components → molecules}/Flexbox/Flexbox.d.ts +1 -1
- package/dist/src/molecules/Flexbox/Flexbox.js +19 -0
- package/dist/src/{components → molecules}/Flexbox/FlexboxItem.d.ts +1 -1
- package/dist/src/molecules/Flexbox/FlexboxItem.js +16 -0
- package/dist/src/{components → molecules}/Grid/Grid.d.ts +1 -1
- package/dist/src/molecules/Grid/Grid.js +31 -0
- package/dist/src/{components → molecules}/Grid/GridItem.d.ts +1 -1
- package/dist/src/molecules/Grid/GridItem.js +20 -0
- package/dist/src/{components → molecules}/Icon/Icon.js +1 -1
- package/dist/src/{components → molecules}/Input/Input.js +2 -2
- package/dist/src/{components → molecules}/LineClamp/LineClamp.d.ts +9 -1
- package/dist/src/molecules/LineClamp/LineClamp.js +21 -0
- package/dist/src/{components → molecules}/Link/Link.d.ts +1 -1
- package/dist/src/molecules/Link/Link.js +4 -0
- package/dist/src/molecules/List/List.js +6 -0
- package/dist/src/molecules/ListItem/ListItem.js +10 -0
- package/dist/src/{components → molecules}/Modal/Modal.d.ts +2 -2
- package/dist/src/{components → molecules}/Modal/Modal.js +4 -4
- package/dist/src/{components → molecules}/MultiInput/InputChip.js +3 -3
- package/dist/src/molecules/MultiInput/MultiInput.js +153 -0
- package/dist/src/{components → molecules}/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/src/molecules/MultiSelect/MultiSelect.js +149 -0
- package/dist/src/{components → molecules}/NativeSelect/NativeSelect.js +3 -3
- package/dist/src/{components → molecules}/PageHeader/PageHeader.d.ts +1 -1
- package/dist/src/molecules/PageHeader/PageHeader.js +40 -0
- package/dist/src/molecules/Pagination/Pagination.js +52 -0
- package/dist/src/molecules/Pagination/usePagination.js +36 -0
- package/dist/src/{components → molecules}/Popover/Popover.d.ts +1 -1
- package/dist/src/molecules/Popover/Popover.js +79 -0
- package/dist/src/molecules/Popover/PopoverContext.js +10 -0
- package/dist/src/molecules/Popover/PopoverWrapper.js +34 -0
- package/dist/src/{components → molecules}/PopoverDialog/PopoverDialog.d.ts +2 -2
- package/dist/src/molecules/PopoverDialog/PopoverDialog.js +28 -0
- package/dist/src/molecules/Portal/Portal.js +3 -0
- package/dist/src/molecules/ProgressBar/ProgressBar.js +23 -0
- package/dist/src/{components → molecules}/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/molecules/RadioButton/RadioButton.js +29 -0
- package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +65 -0
- package/dist/src/{components → molecules}/Section/Section.js +4 -4
- package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/src/molecules/Select/Select.js +144 -0
- package/dist/src/molecules/Skeleton/Skeleton.js +18 -0
- package/dist/src/molecules/Spacing/Spacing.d.ts +14 -0
- package/dist/src/molecules/Spacing/Spacing.js +18 -0
- package/dist/src/molecules/Stepper/Stepper.js +25 -0
- package/dist/src/{components → molecules}/Switch/Switch.d.ts +1 -1
- package/dist/src/molecules/Switch/Switch.js +29 -0
- package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts +2 -2
- package/dist/src/molecules/SwitchGroup/SwitchGroup.js +59 -0
- package/dist/src/{components → molecules}/Table/Table.d.ts +1 -1
- package/dist/src/{components → molecules}/Table/Table.js +2 -2
- package/dist/src/molecules/Tabs/Tabs.js +220 -0
- package/dist/src/{components → molecules}/TagLabel/TagLabel.js +1 -1
- package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/molecules/Template/Template.js +23 -0
- package/dist/src/molecules/Textarea/Textarea.js +46 -0
- package/dist/src/molecules/Timeline/Timeline.js +42 -0
- package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts +1 -1
- package/dist/src/molecules/Tooltip/Tooltip.js +110 -0
- package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js +1 -1
- package/dist/src/{components → molecules}/Typography/Typography.d.ts +1 -1
- package/dist/src/molecules/Typography/Typography.js +89 -0
- package/dist/src/{components → molecules}/index.d.ts +1 -0
- package/dist/src/{components → molecules}/index.js +3 -2
- package/dist/src/system.d.ts +3 -3
- package/dist/src/system.js +4 -4
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/form/FormControl/FormControl.js +2 -2
- package/dist/src/utils/form/HelperText/HelperText.js +2 -2
- package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
- package/dist/src/utils/form/Label/Label.d.ts +1 -1
- package/dist/src/utils/form/Label/Label.js +3 -3
- package/dist/src/utils/table/types.d.ts +2 -2
- package/dist/src/utils/useStyle.js +2 -2
- package/dist/styles.css +832 -809
- package/dist/styles_timescaledb.css +832 -809
- package/dist/system.cjs +261 -240
- package/dist/system.mjs +254 -234
- package/dist/tailwind.config.js +0 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +4 -4
- package/dist/src/common/Alert/Alert.js +0 -74
- package/dist/src/common/Banner/Banner.js +0 -57
- package/dist/src/common/Card/Card.js +0 -54
- package/dist/src/common/DropdownMenu/DropdownMenu.js +0 -62
- package/dist/src/common/LineClamp/LineClamp.d.ts +0 -9
- package/dist/src/common/LineClamp/LineClamp.js +0 -18
- package/dist/src/common/Modal/Modal.js +0 -68
- package/dist/src/common/Section/Section.js +0 -46
- package/dist/src/common/Table/Table.js +0 -91
- package/dist/src/components/Alert/Alert.js +0 -12
- package/dist/src/components/Avatar/Avatar.js +0 -10
- package/dist/src/components/Banner/Banner.js +0 -44
- package/dist/src/components/Button/Button.js +0 -105
- package/dist/src/components/Card/Card.js +0 -48
- package/dist/src/components/Card/Compact.js +0 -43
- package/dist/src/components/Checkbox/Checkbox.js +0 -29
- package/dist/src/components/CheckboxGroup/CheckboxGroup.js +0 -61
- package/dist/src/components/Chip/Chip.js +0 -64
- package/dist/src/components/Combobox/Combobox.js +0 -109
- package/dist/src/components/Container/Container.js +0 -18
- package/dist/src/components/Context/Context.js +0 -18
- package/dist/src/components/DataList/DataList.js +0 -24
- package/dist/src/components/DataTable/DataTable.js +0 -42
- package/dist/src/components/Dialog/Dialog.js +0 -41
- package/dist/src/components/Dropdown/Dropdown.js +0 -87
- package/dist/src/components/DropdownMenu/DropdownMenu.js +0 -148
- package/dist/src/components/DropdownMenu/utils.js +0 -20
- package/dist/src/components/EmptyState/EmptyState.js +0 -74
- package/dist/src/components/Flexbox/Flexbox.js +0 -19
- package/dist/src/components/Flexbox/FlexboxItem.js +0 -16
- package/dist/src/components/Grid/Grid.js +0 -31
- package/dist/src/components/Grid/GridItem.js +0 -20
- package/dist/src/components/LineClamp/LineClamp.js +0 -17
- package/dist/src/components/Link/Link.js +0 -4
- package/dist/src/components/List/List.js +0 -6
- package/dist/src/components/ListItem/ListItem.js +0 -10
- package/dist/src/components/MultiInput/MultiInput.js +0 -153
- package/dist/src/components/MultiSelect/MultiSelect.js +0 -149
- package/dist/src/components/PageHeader/PageHeader.js +0 -40
- package/dist/src/components/Pagination/Pagination.js +0 -52
- package/dist/src/components/Pagination/usePagination.js +0 -36
- package/dist/src/components/Popover/Popover.js +0 -79
- package/dist/src/components/Popover/PopoverContext.js +0 -10
- package/dist/src/components/Popover/PopoverWrapper.js +0 -36
- package/dist/src/components/PopoverDialog/PopoverDialog.js +0 -28
- package/dist/src/components/Portal/Portal.js +0 -3
- package/dist/src/components/ProgressBar/ProgressBar.js +0 -23
- package/dist/src/components/RadioButton/RadioButton.js +0 -29
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +0 -65
- package/dist/src/components/Select/Select.js +0 -144
- package/dist/src/components/Skeleton/Skeleton.js +0 -18
- package/dist/src/components/Stepper/Stepper.js +0 -25
- package/dist/src/components/Switch/Switch.js +0 -29
- package/dist/src/components/SwitchGroup/SwitchGroup.js +0 -59
- package/dist/src/components/Tabs/Tabs.js +0 -220
- package/dist/src/components/Template/Template.js +0 -23
- package/dist/src/components/Textarea/Textarea.js +0 -46
- package/dist/src/components/Timeline/Timeline.js +0 -42
- package/dist/src/components/Tooltip/Tooltip.js +0 -110
- package/dist/src/components/Typography/Typography.js +0 -89
- /package/dist/src/{common → atoms}/Card/Card.d.ts +0 -0
- /package/dist/src/{common → atoms}/Checkbox/Checkbox.d.ts +0 -0
- /package/dist/src/{common → atoms}/Chip/Chip.d.ts +0 -0
- /package/dist/src/{common → atoms}/DataList/DataList.d.ts +0 -0
- /package/dist/src/{common → atoms}/DropdownMenu/DropdownMenu.d.ts +0 -0
- /package/dist/src/{common → atoms}/Link/Link.d.ts +0 -0
- /package/dist/src/{common → atoms}/Popover/Popover.d.ts +0 -0
- /package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.d.ts +0 -0
- /package/dist/src/{common → atoms}/ProgressBar/ProgressBar.d.ts +0 -0
- /package/dist/src/{common → atoms}/RadioButton/RadioButton.d.ts +0 -0
- /package/dist/src/{common → atoms}/Select/Select.d.ts +0 -0
- /package/dist/src/{common → atoms}/Stepper/Stepper.d.ts +0 -0
- /package/dist/src/{common → atoms}/Switch/Switch.d.ts +0 -0
- /package/dist/src/{common → atoms}/Timeline/Timeline.d.ts +0 -0
- /package/dist/src/{common → atoms}/Typography/Typography.d.ts +0 -0
- /package/dist/src/{common → atoms}/index.d.ts +0 -0
- /package/dist/src/{components → molecules}/Avatar/Avatar.d.ts +0 -0
- /package/dist/src/{components → molecules}/Badge/Badge.d.ts +0 -0
- /package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.d.ts +0 -0
- /package/dist/src/{components → molecules}/Button/Button.d.ts +0 -0
- /package/dist/src/{components → molecules}/Card/types.d.ts +0 -0
- /package/dist/src/{components → molecules}/Carousel/Carousel.d.ts +0 -0
- /package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.d.ts +0 -0
- /package/dist/src/{components → molecules}/Combobox/Combobox.d.ts +0 -0
- /package/dist/src/{components → molecules}/Container/Container.d.ts +0 -0
- /package/dist/src/{components → molecules}/Context/Context.d.ts +0 -0
- /package/dist/src/{components → molecules}/DataList/DataList.d.ts +0 -0
- /package/dist/src/{components → molecules}/Divider/Divider.d.ts +0 -0
- /package/dist/src/{components → molecules}/DropdownMenu/utils.d.ts +0 -0
- /package/dist/src/{components → molecules}/Element/Element.d.ts +0 -0
- /package/dist/src/{components → molecules}/EmptyState/EmptyState.d.ts +0 -0
- /package/dist/src/{components → molecules}/Icon/Icon.d.ts +0 -0
- /package/dist/src/{components → molecules}/Input/Input.d.ts +0 -0
- /package/dist/src/{components → molecules}/List/List.d.ts +0 -0
- /package/dist/src/{components → molecules}/ListItem/ListItem.d.ts +0 -0
- /package/dist/src/{components → molecules}/MultiInput/InputChip.d.ts +0 -0
- /package/dist/src/{components → molecules}/MultiInput/MultiInput.d.ts +0 -0
- /package/dist/src/{components → molecules}/NativeSelect/NativeSelect.d.ts +0 -0
- /package/dist/src/{components → molecules}/Pagination/Pagination.d.ts +0 -0
- /package/dist/src/{components → molecules}/Pagination/usePagination.d.ts +0 -0
- /package/dist/src/{components → molecules}/Popover/PopoverContext.d.ts +0 -0
- /package/dist/src/{components → molecules}/Popover/PopoverWrapper.d.ts +0 -0
- /package/dist/src/{components → molecules}/Portal/Portal.d.ts +0 -0
- /package/dist/src/{components → molecules}/ProgressBar/ProgressBar.d.ts +0 -0
- /package/dist/src/{components → molecules}/Section/Section.d.ts +0 -0
- /package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.d.ts +0 -0
- /package/dist/src/{components → molecules}/Select/Select.d.ts +0 -0
- /package/dist/src/{components → molecules}/Skeleton/Skeleton.d.ts +0 -0
- /package/dist/src/{components → molecules}/Stepper/Stepper.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tabs/Tabs.d.ts +0 -0
- /package/dist/src/{components → molecules}/TagLabel/TagLabel.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tailwindify/Tailwindify.d.ts +0 -0
- /package/dist/src/{components → molecules}/Template/Template.d.ts +0 -0
- /package/dist/src/{components → molecules}/Textarea/Textarea.d.ts +0 -0
- /package/dist/src/{components → molecules}/Timeline/Timeline.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.d.ts +0 -0
@@ -0,0 +1,52 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import clamp from 'lodash/clamp';
|
3
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
4
|
+
import { IconButton } from '../../../src/molecules/Button/Button';
|
5
|
+
import { InputBase } from '../../../src/molecules/Input/Input';
|
6
|
+
import { SelectBase } from '../../../src/molecules/Select/Select';
|
7
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
8
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
9
|
+
import chevronBackward from '../../../src/icons/chevronBackward';
|
10
|
+
import chevronForward from '../../../src/icons/chevronForward';
|
11
|
+
import chevronLeft from '../../../src/icons/chevronLeft';
|
12
|
+
import chevronRight from '../../../src/icons/chevronRight';
|
13
|
+
export const Pagination = ({ currentPage, totalPages, pageSize, hasNextPage, hasPreviousPage, onPageChange, pageSizes, onPageSizeChange, }) => {
|
14
|
+
const [value, setValue] = React.useState(currentPage);
|
15
|
+
React.useEffect(() => {
|
16
|
+
setValue(currentPage);
|
17
|
+
}, [currentPage]);
|
18
|
+
return (React.createElement(Box, { className: tw('grid grid-cols-[200px_1fr_200px]'), backgroundColor: "grey-0", padding: "4" },
|
19
|
+
pageSizes && onPageSizeChange && typeof pageSize === 'number' ? (React.createElement(Box, { display: "flex", alignItems: "center", gap: "4" },
|
20
|
+
React.createElement(Typography.Small, { color: "grey-50" }, "Items per page "),
|
21
|
+
React.createElement("div", { className: tw('max-w-[70px]') },
|
22
|
+
React.createElement(SelectBase, { options: pageSizes.map((size) => size.toString()), value: pageSize.toString(), onChange: (size) => {
|
23
|
+
if (size) {
|
24
|
+
const newSize = parseInt(size);
|
25
|
+
if (!isNaN(newSize)) {
|
26
|
+
onPageSizeChange(newSize);
|
27
|
+
}
|
28
|
+
}
|
29
|
+
} })))) : (React.createElement("div", null)),
|
30
|
+
React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", className: tw('grow') },
|
31
|
+
React.createElement(IconButton, { "aria-label": "First", onClick: () => onPageChange(1), icon: chevronBackward, disabled: !hasPreviousPage }),
|
32
|
+
React.createElement(IconButton, { "aria-label": "Previous", onClick: () => onPageChange(currentPage - 1), icon: chevronLeft, disabled: !hasPreviousPage }),
|
33
|
+
React.createElement(Box, { paddingX: "4" },
|
34
|
+
React.createElement(Typography.Small, { color: "grey-60" }, "Page")),
|
35
|
+
React.createElement(InputBase, { className: classNames(tw('text-center max-w-[40px]'), 'no-arrows'), type: "number", min: 1, max: totalPages, value: value, onChange: ({ target: { value } }) => setValue(value), onKeyDown: ({ key, currentTarget }) => {
|
36
|
+
if (key === 'Enter') {
|
37
|
+
currentTarget.blur();
|
38
|
+
}
|
39
|
+
}, onBlur: ({ target: { value } }) => {
|
40
|
+
const numberValue = parseInt(value);
|
41
|
+
const newPage = !isNaN(numberValue) ? clamp(numberValue, 1, totalPages) : 1;
|
42
|
+
onPageChange(newPage);
|
43
|
+
} }),
|
44
|
+
React.createElement(Box, { paddingX: "4" },
|
45
|
+
React.createElement(Typography.Small, { color: "grey-60" },
|
46
|
+
"of ",
|
47
|
+
totalPages)),
|
48
|
+
React.createElement(IconButton, { "aria-label": "Next", onClick: () => onPageChange(currentPage + 1), icon: chevronRight, disabled: !hasNextPage }),
|
49
|
+
React.createElement(IconButton, { "aria-label": "Last", onClick: () => onPageChange(totalPages), icon: chevronForward, disabled: !hasNextPage })),
|
50
|
+
React.createElement("div", null)));
|
51
|
+
};
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBRWpDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLGVBQWUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4RCxPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQTZDbEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQ3BELFdBQVcsRUFDWCxVQUFVLEVBQ1YsUUFBUSxFQUNSLFdBQVcsRUFDWCxlQUFlLEVBQ2YsWUFBWSxFQUNaLFNBQVMsRUFDVCxnQkFBZ0IsR0FDakIsRUFBRSxFQUFFO0lBQ0gsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFrQixXQUFXLENBQUMsQ0FBQztJQUV2RSxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNuQixRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDeEIsQ0FBQyxFQUFFLENB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
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import { useEffect, useState } from 'react';
|
2
|
+
import clamp from 'lodash/clamp';
|
3
|
+
const initialState = {
|
4
|
+
currentPage: 1,
|
5
|
+
pageSize: 10,
|
6
|
+
};
|
7
|
+
const getPageIndex = (currentPage, pageSize) => (currentPage === 0 ? 0 : (currentPage - 1) * pageSize);
|
8
|
+
export const usePagination = (items, options) => {
|
9
|
+
const [currentPage, setCurrentPage] = useState((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage);
|
10
|
+
const [pageSize, setPageSize] = useState((options === null || options === void 0 ? void 0 : options.initialPageSize) || initialState.pageSize);
|
11
|
+
const totalPages = items.length > 0 ? Math.ceil(items.length / pageSize) : 1;
|
12
|
+
const hasPreviousPage = currentPage > 1;
|
13
|
+
const hasNextPage = currentPage < totalPages;
|
14
|
+
const pageIndex = getPageIndex(currentPage, pageSize);
|
15
|
+
const onPageSizeChange = (pageSize) => {
|
16
|
+
const newTotalPages = items.length > 0 ? Math.ceil(items.length / pageSize) : 1;
|
17
|
+
setPageSize(pageSize);
|
18
|
+
setCurrentPage(clamp((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage, 1, newTotalPages));
|
19
|
+
};
|
20
|
+
useEffect(() => {
|
21
|
+
setCurrentPage(clamp((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage, 1, totalPages));
|
22
|
+
}, [items.length]);
|
23
|
+
return [
|
24
|
+
items.slice(pageIndex, Math.min(pageIndex + pageSize, items.length)),
|
25
|
+
{
|
26
|
+
currentPage,
|
27
|
+
totalPages,
|
28
|
+
pageSize,
|
29
|
+
hasPreviousPage,
|
30
|
+
hasNextPage,
|
31
|
+
onPageChange: setCurrentPage,
|
32
|
+
onPageSizeChange,
|
33
|
+
},
|
34
|
+
];
|
35
|
+
};
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnaW5hdGlvbi91c2VQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1QyxPQUFPLEtBQUssTUFBTSxjQUFjLENBQUM7QUFPakMsTUFBTSxZQUFZLEdBQVU7SUFDMUIsV0FBVyxFQUFFLENBQUM7SUFDZCxRQUFRLEVBQUUsRUFBRTtDQUNiLENBQUM7QUE0Q0YsTUFBTSxZQUFZLEdBQUcsQ0FBQyxXQUFtQixFQUFFLFFBQWdCLEVBQUUsRUFBRSxDQUFDLENBQUMsV0FBVyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQztBQUV2SCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FDM0IsS0FBYSxFQUNiLE9BQTJCLEVBQ0EsRUFBRTtJQUM3QixNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLFFBQVEsQ0FBUyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxXQUFXLEtBQUksWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3pHLE1BQU0sQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLEdBQUcsUUFBUSxDQUFTLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLGVBQWUsS0FBSSxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDcEcsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdFLE1BQU0sZUFBZSxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFDeEMsTUFBTSxXQUFXLEdBQUcsV0FBVyxHQUFHLFVBQVUsQ0FBQztJQUM3QyxNQUFNLFNBQVMsR0FBRyxZQUFZLENBQUMsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBRXRELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxRQUFnQixFQUFFLEVBQUU7UUFDNUMsTUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hGLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0QixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLFdBQVcsS0FBSSxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQzVGLENBQUMsQ0FBQztJQUVGLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLFdBQVcsS0FBSSxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRW5CLE9BQU87UUFDTCxLQUFLLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsR0FBRyxRQUFRLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BFO1lBQ0UsV0FBVztZQUNYLFVBQVU7WUFDVixRQUFRO1lBQ1IsZUFBZTtZQUNmLFdBQVc7WUFDWCxZQUFZLEVBQUUsY0FBYztZQUM1QixnQkFBZ0I7U0FDakI7S0FDRixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type OverlayProps as BaseOverlayProps, type OverlayTriggerProps as BaseOverlayTriggerProps, type PositionProps as BasePositionProps } from '@react-types/overlays';
|
3
|
-
import { type ButtonProps } from '../../../src/
|
3
|
+
import { type ButtonProps } from '../../../src/molecules/Button/Button';
|
4
4
|
export declare type PopoverPlacement = 'bottom' | 'bottom-left' | 'bottom-right' | 'bottom-start' | 'bottom-end' | 'top' | 'top-left' | 'top-right' | 'top-start' | 'top-end' | 'left' | 'left-top' | 'left-bottom' | 'start' | 'start-top' | 'start-bottom' | 'right' | 'right-top' | 'right-bottom' | 'end' | 'end-top' | 'end-bottom';
|
5
5
|
export declare type PopoverProps = Omit<BaseOverlayProps, 'container'> & BaseOverlayTriggerProps & Pick<BasePositionProps, 'offset' | 'shouldFlip'> & {
|
6
6
|
'id'?: string;
|
@@ -0,0 +1,79 @@
|
|
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, { useRef } from 'react';
|
13
|
+
import { PressResponder, usePress } from '@react-aria/interactions';
|
14
|
+
import { useOverlayPosition, useOverlayTrigger } from '@react-aria/overlays';
|
15
|
+
import { mergeProps } from '@react-aria/utils';
|
16
|
+
import { useOverlayTriggerState } from '@react-stately/overlays';
|
17
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
18
|
+
import { isComponentType } from '../../../types/utils';
|
19
|
+
import { PopoverContext, usePopoverContext } from './PopoverContext';
|
20
|
+
import { PopoverWrapper } from './PopoverWrapper';
|
21
|
+
/* <Popover> */
|
22
|
+
export const Popover = (props) => {
|
23
|
+
var _a;
|
24
|
+
const { id, placement: _placement = 'bottom-left', isDismissable = true, isKeyboardDismissDisabled, autoFocus = true, containFocus = false, targetRef, } = props;
|
25
|
+
const triggerRef = useRef(null);
|
26
|
+
const overlayRef = useRef(null);
|
27
|
+
const state = useOverlayTriggerState(props);
|
28
|
+
const { overlayProps: popoverProps, placement, arrowProps, } = useOverlayPosition({
|
29
|
+
targetRef: targetRef !== null && targetRef !== void 0 ? targetRef : triggerRef,
|
30
|
+
overlayRef,
|
31
|
+
placement: _placement.replace('-', ' '),
|
32
|
+
offset: props.offset,
|
33
|
+
shouldFlip: props.shouldFlip,
|
34
|
+
isOpen: state.isOpen,
|
35
|
+
});
|
36
|
+
const { triggerProps, overlayProps: otherOverlayProps } = useOverlayTrigger({ type: (_a = props.type) !== null && _a !== void 0 ? _a : 'dialog' }, state, triggerRef);
|
37
|
+
return (React.createElement(PopoverContext.Provider, { value: {
|
38
|
+
state,
|
39
|
+
} }, React.Children.map(props.children, (child) => {
|
40
|
+
if (isComponentType(child, Popover.Trigger)) {
|
41
|
+
return (React.createElement(PressResponder, Object.assign({ ref: triggerRef, onPress: state.toggle }, triggerProps),
|
42
|
+
React.createElement(PopoverTriggerWrapper, { "data-testid": props['data-testid'], "aria-controls": id }, child.props.children)));
|
43
|
+
}
|
44
|
+
if (isComponentType(child, Popover.Panel)) {
|
45
|
+
return (React.createElement(PopoverWrapper, Object.assign({ ref: overlayRef, isOpen: state.isOpen, onClose: state.close, placement: placement, arrowProps: arrowProps, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, autoFocus: autoFocus, containFocus: containFocus }, popoverProps, otherOverlayProps, { id: id, className: child.props.className }), child.props.children));
|
46
|
+
}
|
47
|
+
throw new Error('Invalid children element type');
|
48
|
+
})));
|
49
|
+
};
|
50
|
+
const Trigger = () => null;
|
51
|
+
Trigger.displayName = 'Popover.Trigger';
|
52
|
+
Popover.Trigger = Trigger;
|
53
|
+
const Panel = () => null;
|
54
|
+
Panel.displayName = 'Popover.Panel';
|
55
|
+
Popover.Panel = Panel;
|
56
|
+
export const asPopoverButton = (Component, displayName) => {
|
57
|
+
const PopoverButton = (props) => {
|
58
|
+
const { onClick } = props;
|
59
|
+
const { state } = usePopoverContext();
|
60
|
+
const handleClick = (e) => {
|
61
|
+
state.close();
|
62
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
63
|
+
};
|
64
|
+
return React.createElement(Component, Object.assign({}, props, { onClick: handleClick }));
|
65
|
+
};
|
66
|
+
PopoverButton.displayName = displayName;
|
67
|
+
return PopoverButton;
|
68
|
+
};
|
69
|
+
const PopoverButton = asPopoverButton(Button, 'PopoverButton');
|
70
|
+
Popover.Button = PopoverButton;
|
71
|
+
const PopoverTriggerWrapper = (_a) => {
|
72
|
+
var _b;
|
73
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
74
|
+
const ref = useRef(null);
|
75
|
+
const trigger = React.Children.only(children);
|
76
|
+
const { pressProps } = usePress(Object.assign(Object.assign({}, rest), { ref }));
|
77
|
+
return React.cloneElement(trigger, Object.assign(Object.assign({ 'ref': ref }, mergeProps(pressProps, trigger.props)), { 'aria-controls': (_b = rest['aria-controls']) !== null && _b !== void 0 ? _b : pressProps['aria-controls'] }));
|
78
|
+
};
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDcEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDN0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBU2pFLE9BQU8sRUFBb0IsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBNENsRCxlQUFlO0FBRWYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUloQixDQUFDLEtBQUssRUFBRSxFQUFFOztJQUNaLE1BQU0sRUFDSixFQUFFLEVBQ0YsU0FBUyxFQUFFLFVBQVUsR0FBRyxhQUFhLEVBQ3JDLGFBQWEsR0FBRyxJQUFJLEVBQ3BCLHlCQUF5QixFQUN6QixTQUFTLEdBQUcsSUFBSSxFQUNoQixZQUFZLEdBQUcsS0FBSyxFQUNwQixTQUFTLEdBQ1YsR0FBRyxLQUFLLENBQUM7SUFDVixNQUFNLFVBQVUsR0FBRyxNQUFNLENBQWMsSUFBSSxDQUFDLENBQUM7SUFDN0MsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUNoRCxNQUFNLEtBQUssR0FBRyxzQkFBc0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUU1QyxNQUFNLEVBQ0osWUFBWSxFQUFFLFlBQVksRUFDMUIsU0FBUyxFQUNULFVBQVUsR0FDWCxHQUFHLGtCQUFrQixDQUFDO1FBQ3JCLFNBQVMsRUFBRSxTQUFTLGFBQVQsU0FBUyxjQUFULFNBQVMsR0FBSSxVQUFVO1FBQ2xDLFVBQVU7UUFDVixTQUFTLEVBQUUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFjO1FBQ3BELE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTTtRQUNwQixVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVU7UUFDNUIsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNO0tBQ3JCLENBQUMsQ0FBQztJQUVILE1BQU0sRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLGlCQUFpQixFQUFFLEdBQUcsaUJBQWlCLENBQ3pFLEVBQUUsSUFBSSxFQUFFLE1BQUEsS0FBSyxDQUFDLElBQUksbUNBQUksUUFBUSxFQUFFLEVBQ2hDLEtBQUssRUFDTCxVQUFVLENBQ1gsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxjQUFjLENBQUMsUUFBUSxJQUN0QixLQUFLLEVBQUU7WUFDTCxLQUFLO1NBQ04sSUFFQSxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDNUMsSUFBSSxlQUFlLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUMzQyxPQUFPLENBQ0wsb0JBQUMsY0FBYyxrQkFBQyxHQUFHLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsTUFBTSxJQUFNLFlBQVk7Z0JBQ3RFLG9CQUFDLHFCQUFxQixtQkFBYyxLQUFLLENBQUMsYUFBYSxDQUFDLG1CQUFpQixFQUFFLElBQ3hFLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUNDLENBQ1QsQ0FDbEIsQ0FBQztTQUNIO1FBRUQsSUFBSSxlQUFlLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUN6QyxPQUFPLENBQ0wsb0JBQUMsY0FBYyxrQkFDYixHQUFHLEVBQUUsVUFBVSxFQUNmLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUNwQixPQUFPLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFDcEIsU0FBUyxFQUFFLFNBQVMsRUFDcEIsVUFBVSxFQUFFLFVBQVUsRUFDdEIsYUFBYSxFQUFFLGFBQWEsRUFDNUIseUJBQXlCLEVBQUUseUJBQXlCLEVBQ3BELFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFlBQVksRUFBRSxZQUFZLElBQ3RCLFlBQVksRUFDWixpQkFBaUIsSUFDckIsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxTQUFTLEtBRS9CLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUNOLENBQ2xCLENBQUM7U0FDSDtRQUVELE1BQU0sSUFBSSxLQUFLLENBQUMsK0JBQStCLENBQUMsQ0FBQztJQUNuRCxDQUFDLENBQUMsQ0FDc0IsQ0FDM0IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQVNGLE1BQU0sT0FBTyxHQUEyQixHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFDbkQsT0FBTyxDQUFDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQVUxQixNQUFNLEtBQUssR0FBeUIsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDO0FBQy9DLEtBQUssQ0FBQyxXQUFXLEdBQUcsZUFBZSxDQUFDO0FBQ3BDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBU3RCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUM3QixTQUE0QixFQUM1QixXQUFtQixFQUNOLEVBQUU7SUFDZixNQUFNLGFBQWEsR0FBZ0IsQ0FBQyxLQUFRLEVBQUUsRUFBRTtRQUM5QyxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsS0FBSyxDQUFDO1FBQzFCLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFDO1FBRXRDLE1BQU0sV0FBVyxHQUErQixDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ3BELEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNkLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQztRQUNmLENBQUMsQ0FBQztRQUVGLE9BQU8sb0JBQUMsU0FBUyxvQkFBSyxLQUFLLElBQUUsT0FBTyxFQUFFLFdBQVcsSUFBSSxDQUFDO0lBQ3hELENBQUMsQ0FBQztJQUVGLGFBQWEsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQ3hDLE9BQU8sYUFBYSxDQUFDO0FBQ3ZCLENBQUMsQ0FBQztBQUVGLE1BQU0sYUFBYSxHQUFHLGVBQWUsQ0FBeUQsTUFBTSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQ3ZILE9BQU8sQ0FBQyxNQUFNLEdBQUcsYUFBYSxDQUFDO0FBUy9CLE1BQU0scUJBQXFCLEdBQXlDLENBQUMsRUFBcUIsRUFBRSxFQUFFOztRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUN0RixNQUFNLEdBQUcsR0FBRyxNQUFNLENBQVUsSUFBSSxDQUFDLENBQUM7SUFDbEMsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDOUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLFFBQVEsaUNBQU0sSUFBSSxLQUFFLEdBQUcsSUFBRyxDQUFDO0lBQ2xELE9BQU8sS0FBSyxDQUFDLFlBQVksQ0FBQyxPQUFPLGdDQUMvQixLQUFLLEVBQUUsR0FBRyxJQUNQLFVBQVUsQ0FBQyxVQUFVLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxLQUN4QyxlQUFlLEVBQUUsTUFBQSxJQUFJLENBQUMsZUFBZSxDQUFDLG1DQUFJLFVBQVUsQ0FBQyxlQUFlLENBQUMsSUFDckUsQ0FBQztBQUNMLENBQUMsQ0FBQyJ9
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { createContext, useContext } from 'react';
|
2
|
+
export const PopoverContext = createContext(null);
|
3
|
+
export const usePopoverContext = () => {
|
4
|
+
const ctx = useContext(PopoverContext);
|
5
|
+
if (ctx === null) {
|
6
|
+
throw new Error('PopoverContext was used outside of provider.');
|
7
|
+
}
|
8
|
+
return ctx;
|
9
|
+
};
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckNvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1BvcG92ZXIvUG9wb3ZlckNvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBT2xELE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXpFLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLEdBQW1CLEVBQUU7SUFDcEQsTUFBTSxHQUFHLEdBQUcsVUFBVSxDQUF3QixjQUFjLENBQUMsQ0FBQztJQUU5RCxJQUFJLEdBQUcsS0FBSyxJQUFJLEVBQUU7UUFDaEIsTUFBTSxJQUFJLEtBQUssQ0FBQyw4Q0FBOEMsQ0FBQyxDQUFDO0tBQ2pFO0lBRUQsT0FBTyxHQUFHLENBQUM7QUFDYixDQUFDLENBQUMifQ==
|
@@ -0,0 +1,34 @@
|
|
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 { FocusScope } from '@react-aria/focus';
|
14
|
+
import { OverlayContainer, useModal, useOverlay } from '@react-aria/overlays';
|
15
|
+
import { mergeProps } from '@react-aria/utils';
|
16
|
+
import { Popover as Base } from '../../../src/atoms/Popover/Popover';
|
17
|
+
export const PopoverWrapper = React.forwardRef((props, ref) => {
|
18
|
+
const { id, children, placement, arrowProps, isOpen, hideArrow,
|
19
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
20
|
+
shouldCloseOnBlur,
|
21
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
22
|
+
isKeyboardDismissDisabled, isNonModal = true, isDismissable, autoFocus, containFocus, className } = props, otherProps = __rest(props, ["id", "children", "placement", "arrowProps", "isOpen", "hideArrow", "shouldCloseOnBlur", "isKeyboardDismissDisabled", "isNonModal", "isDismissable", "autoFocus", "containFocus", "className"]);
|
23
|
+
const { overlayProps } = useOverlay(Object.assign(Object.assign({}, props), { isDismissable: isDismissable && isOpen }), ref);
|
24
|
+
const { modalProps } = useModal({
|
25
|
+
isDisabled: isNonModal,
|
26
|
+
});
|
27
|
+
if (!props.isOpen) {
|
28
|
+
return null;
|
29
|
+
}
|
30
|
+
return (React.createElement(OverlayContainer, null,
|
31
|
+
React.createElement(FocusScope, { restoreFocus: true, autoFocus: autoFocus, contain: containFocus },
|
32
|
+
React.createElement(Base.Panel, Object.assign({ ref: ref, role: "dialog" }, mergeProps(otherProps, modalProps, overlayProps), { id: id !== null && id !== void 0 ? id : overlayProps.id, className: className }), children))));
|
33
|
+
});
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlcldyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1BvcG92ZXIvUG9wb3ZlcldyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUcvQyxPQUFPLEVBQUUsT0FBTyxJQUFJLElBQUksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBaUI1RCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBc0MsQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDakcsTUFBTSxFQUNKLEVBQUUsRUFDRixRQUFRLEVBQ1IsU0FBUyxFQUNULFVBQVUsRUFDVixNQUFNLEVBQ04sU0FBUztJQUNULDZEQUE2RDtJQUM3RCxpQkFBaUI7SUFDakIsNkRBQTZEO0lBQzdELHlCQUF5QixFQUN6QixVQUFVLEdBQUcsSUFBSSxFQUNqQixhQUFhLEVBQ2IsU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEtBRVAsS0FBSyxFQURKLFVBQVUsVUFDWCxLQUFLLEVBakJILCtMQWlCTCxDQUFRLENBQUM7SUFFVixNQUFNLEVBQUUsWUFBWSxFQUFFLEdBQUcsVUFBVSxpQ0FDNUIsS0FBSyxLQUFFLGFBQWEsRUFBRSxhQUFhLElBQUksTUFBTSxLQUNsRCxHQUFzQyxDQUN2QyxDQUFDO0lBRUYsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLFFBQVEsQ0FBQztRQUM5QixVQUFVLEVBQUUsVUFBVTtLQUN2QixDQUFDLENBQUM7SUFFSCxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRTtRQUNqQixPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQjtRQUNmLG9CQUFDLFVBQVUsSUFBQyxZQUFZLFFBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsWUFBWTtZQUNsRSxvQkFBQyxJQUFJLENBQUMsS0FBSyxrQkFDVCxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxRQUFRLElBQ1QsVUFBVSxDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsWUFBWSxDQUFDLElBQ3BELEVBQUUsRUFBRSxFQUFFLGFBQUYsRUFBRSxjQUFGLEVBQUUsR0FBSSxZQUFZLENBQUMsRUFBRSxFQUN6QixTQUFTLEVBQUUsU0FBUyxLQUVuQixRQUFRLENBQ0UsQ0FDRixDQUNJLENBQ3BCLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type DialogProps } from '../../../src/
|
3
|
-
import { type PopoverPlacement, Popover } from '../../../src/
|
2
|
+
import { type DialogProps } from '../../../src/molecules/Dialog/Dialog';
|
3
|
+
import { type PopoverPlacement, Popover } from '../../../src/molecules/Popover/Popover';
|
4
4
|
declare type PopoverDialogProps = Omit<DialogProps, 'type' | 'open'> & {
|
5
5
|
placement?: PopoverPlacement;
|
6
6
|
open?: boolean;
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import omit from 'lodash/omit';
|
3
|
+
import { Popover } from '../../../src/molecules/Popover/Popover';
|
4
|
+
import { PopoverDialog as Base } from '../../../src/atoms/PopoverDialog/PopoverDialog';
|
5
|
+
import { tw } from '../../../src/utils/tailwind';
|
6
|
+
import { isComponentType } from '../../../types/utils';
|
7
|
+
const PopoverDialog = ({ placement, open, title, secondaryAction, primaryAction, children }) => {
|
8
|
+
const wrapPromptWithBody = (child) => {
|
9
|
+
if (isComponentType(child, PopoverDialog.Prompt)) {
|
10
|
+
return (React.createElement(Popover.Panel, { className: tw('max-w-[300px]') },
|
11
|
+
React.createElement(Base.Header, null,
|
12
|
+
React.createElement(Base.Title, null, title)),
|
13
|
+
child,
|
14
|
+
React.createElement(Base.Footer, null,
|
15
|
+
React.createElement(Base.Actions, null,
|
16
|
+
secondaryAction && (React.createElement(Popover.Button, Object.assign({ kind: "secondary-ghost", key: secondaryAction.text, dense: true }, omit(secondaryAction, 'text')), secondaryAction.text)),
|
17
|
+
React.createElement(Popover.Button, Object.assign({ kind: "ghost", key: primaryAction.text, dense: true }, omit(primaryAction, 'text')), primaryAction.text)))));
|
18
|
+
}
|
19
|
+
return child;
|
20
|
+
};
|
21
|
+
return (React.createElement(Popover, { type: "dialog", isOpen: open, placement: placement, isDismissable: true, isKeyboardDismissDisabled: false, autoFocus: true, containFocus: true }, React.Children.map(children, wrapPromptWithBody)));
|
22
|
+
};
|
23
|
+
PopoverDialog.Trigger = Popover.Trigger;
|
24
|
+
const Prompt = ({ children }) => React.createElement(Base.Body, null, children);
|
25
|
+
Prompt.displayName = 'PopoverDialog.Prompt';
|
26
|
+
PopoverDialog.Prompt = Prompt;
|
27
|
+
export { PopoverDialog };
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUG9wb3ZlckRpYWxvZy9Qb3BvdmVyRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRy9CLE9BQU8sRUFBeUIsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFL0UsT0FBTyxFQUFFLGFBQWEsSUFBSSxJQUFJLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUU5RSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQU85QyxNQUFNLGFBQWEsR0FHZixDQUFDLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzNFLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxLQUFzQixFQUFFLEVBQUU7UUFDcEQsSUFBSSxlQUFlLENBQUMsS0FBSyxFQUFFLGFBQWEsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNoRCxPQUFPLENBQ0wsb0JBQUMsT0FBTyxDQUFDLEtBQUssSUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFDM0Msb0JBQUMsSUFBSSxDQUFDLE1BQU07b0JBQ1Ysb0JBQUMsSUFBSSxDQUFDLEtBQUssUUFBRSxLQUFLLENBQWMsQ0FDcEI7Z0JBQ2IsS0FBSztnQkFDTixvQkFBQyxJQUFJLENBQUMsTUFBTTtvQkFDVixvQkFBQyxJQUFJLENBQUMsT0FBTzt3QkFDVixlQUFlLElBQUksQ0FDbEIsb0JBQUMsT0FBTyxDQUFDLE1BQU0sa0JBQ2IsSUFBSSxFQUFDLGlCQUFpQixFQUN0QixHQUFHLEVBQUUsZUFBZSxDQUFDLElBQUksRUFDekIsS0FBSyxVQUNELElBQUksQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLEdBRWhDLGVBQWUsQ0FBQyxJQUFJLENBQ04sQ0FDbEI7d0JBQ0Qsb0JBQUMsT0FBTyxDQUFDLE1BQU0sa0JBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxHQUFHLEVBQUUsYUFBYSxDQUFDLElBQUksRUFBRSxLQUFLLFVBQUssSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDeEYsYUFBYSxDQUFDLElBQUksQ0FDSixDQUNKLENBQ0gsQ0FDQSxDQUNqQixDQUFDO1NBQ0g7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQ04sSUFBSSxFQUFDLFFBQVEsRUFDYixNQUFNLEVBQUUsSUFBSSxFQUNaLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLGFBQWEsRUFBRSxJQUFJLEVBQ25CLHlCQUF5QixFQUFFLEtBQUssRUFDaEMsU0FBUyxFQUFFLElBQUksRUFDZixZQUFZLEVBQUUsSUFBSSxJQUVqQixLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsa0JBQWtCLENBQUMsQ0FDekMsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsYUFBYSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDO0FBRXhDLE1BQU0sTUFBTSxHQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxDQUFDLElBQUksUUFBRSxRQUFRLENBQWEsQ0FBQztBQUM3RSxNQUFNLENBQUMsV0FBVyxHQUFHLHNCQUFzQixDQUFDO0FBQzVDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsQ0FBQyJ9
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { createPortal } from 'react-dom';
|
2
|
+
export const Portal = ({ children, to }) => createPortal(children, to);
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9ydGFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Qb3J0YWwvUG9ydGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBU3pDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBb0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQyJ9
|
@@ -0,0 +1,23 @@
|
|
1
|
+
// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role
|
2
|
+
import React from 'react';
|
3
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
4
|
+
import { ProgressBar as BaseProgressBar } from '../../../src/atoms/ProgressBar/ProgressBar';
|
5
|
+
import { tw } from '../../../src/utils/tailwind';
|
6
|
+
export const ProgressBar = (props) => {
|
7
|
+
const { value, 'aria-label': ariaLabel, min = 0, max = 100, progresStatus = 'info', completedStatus = 'success', } = props;
|
8
|
+
if (min > max) {
|
9
|
+
throw new Error('`min` value provided to `ProgressBar` is greater than `max` value.');
|
10
|
+
}
|
11
|
+
const progress = (React.createElement(BaseProgressBar, null,
|
12
|
+
React.createElement(BaseProgressBar.Indicator, { status: value === max ? completedStatus : progresStatus, min: min, max: max, value: value, "aria-label": ariaLabel })));
|
13
|
+
if (props.dense) {
|
14
|
+
return progress;
|
15
|
+
}
|
16
|
+
return (React.createElement("div", null,
|
17
|
+
progress,
|
18
|
+
React.createElement(BaseProgressBar.Labels, { className: tw('py-2'), startLabel: props.startLabel, endLabel: props.endLabel })));
|
19
|
+
};
|
20
|
+
const ProgressBarSkeleton = () => React.createElement(Skeleton, { height: 4, display: "block" });
|
21
|
+
ProgressBar.Skeleton = ProgressBarSkeleton;
|
22
|
+
ProgressBar.Skeleton.displayName = 'ProgressBar.Skeleton';
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NCYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1Byb2dyZXNzQmFyL1Byb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw2R0FBNkc7QUFFN0csT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsV0FBVyxJQUFJLGVBQWUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRW5GLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTRDeEMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUF3RCxDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ3hGLE1BQU0sRUFDSixLQUFLLEVBQ0wsWUFBWSxFQUFFLFNBQVMsRUFDdkIsR0FBRyxHQUFHLENBQUMsRUFDUCxHQUFHLEdBQUcsR0FBRyxFQUNULGFBQWEsR0FBRyxNQUFNLEVBQ3RCLGVBQWUsR0FBRyxTQUFTLEdBQzVCLEdBQUcsS0FBSyxDQUFDO0lBRVYsSUFBSSxHQUFHLEdBQUcsR0FBRyxFQUFFO1FBQ2IsTUFBTSxJQUFJLEtBQUssQ0FBQyxvRUFBb0UsQ0FBQyxDQUFDO0tBQ3ZGO0lBRUQsTUFBTSxRQUFRLEdBQUcsQ0FDZixvQkFBQyxlQUFlO1FBQ2Qsb0JBQUMsZUFBZSxDQUFDLFNBQVMsSUFDeEIsTUFBTSxFQUFFLEtBQUssS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsYUFBYSxFQUN2RCxHQUFHLEVBQUUsR0FBRyxFQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEtBQUssZ0JBQ0EsU0FBUyxHQUNyQixDQUNjLENBQ25CLENBQUM7SUFFRixJQUFJLEtBQUssQ0FBQyxLQUFLLEVBQUU7UUFDZixPQUFPLFFBQVEsQ0FBQztLQUNqQjtJQUVELE9BQU8sQ0FDTDtRQUNHLFFBQVE7UUFDVCxvQkFBQyxlQUFlLENBQUMsTUFBTSxJQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEdBQUksQ0FDckcsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUMsT0FBTyxHQUFHLENBQUM7QUFFcEYsV0FBVyxDQUFDLFFBQVEsR0FBRyxtQkFBbUIsQ0FBQztBQUMzQyxXQUFXLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQyJ9
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type RadioButtonProps as BaseRadioButtonProps } from '../../../src/
|
2
|
+
import { type RadioButtonProps as BaseRadioButtonProps } from '../../../src/atoms/RadioButton/RadioButton';
|
3
3
|
export declare type RadioButtonProps = BaseRadioButtonProps & {
|
4
4
|
caption?: React.ReactNode;
|
5
5
|
};
|
@@ -0,0 +1,29 @@
|
|
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 { ControlLabel } from '../../../src/molecules/ControlLabel/ControlLabel';
|
14
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
15
|
+
import { RadioButton as BaseRadioButton, } from '../../../src/atoms/RadioButton/RadioButton';
|
16
|
+
import { tw } from '../../../src/utils/tailwind';
|
17
|
+
export const RadioButton = React.forwardRef((_a, ref) => {
|
18
|
+
var _b;
|
19
|
+
var { name, id, readOnly = false, disabled = false, caption, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["name", "id", "readOnly", "disabled", "caption", "children", 'aria-label']);
|
20
|
+
const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
|
21
|
+
return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' } }, !readOnly && (React.createElement(BaseRadioButton, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled }))))) : null;
|
22
|
+
});
|
23
|
+
RadioButton.displayName = 'RadioButton';
|
24
|
+
const RadioButtonSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
|
25
|
+
React.createElement(Skeleton, { height: 20, width: 20 }),
|
26
|
+
React.createElement(Skeleton, { height: 20, width: 150 })));
|
27
|
+
RadioButton.Skeleton = RadioButtonSkeleton;
|
28
|
+
RadioButton.Skeleton.displayName = 'RadioButton.Skeleton';
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFFTCxXQUFXLElBQUksZUFBZSxHQUMvQixNQUFNLG1DQUFtQyxDQUFDO0FBRTNDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVl4QyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDekMsQ0FBQyxFQUFzRyxFQUFFLEdBQUcsRUFBRSxFQUFFOztRQUEvRyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFLFNBQVMsT0FBWSxFQUFQLEtBQUssY0FBcEcsMkVBQXNHLENBQUY7SUFDbkcsTUFBTSxTQUFTLEdBQUcsTUFBQSxLQUFLLENBQUMsT0FBTyxtQ0FBSSxLQUFLLENBQUMsY0FBYyxDQUFDO0lBQ3hELE9BQU8sQ0FBQyxRQUFRLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUM5QixvQkFBQyxZQUFZLElBQ1gsT0FBTyxFQUFFLEVBQUUsRUFDWCxLQUFLLEVBQUUsUUFBUSxnQkFDSCxTQUFTLEVBQ3JCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsSUFFdEIsQ0FBQyxRQUFRLElBQUksQ0FDWixvQkFBQyxlQUFlLGtCQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFNLEtBQUssSUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLElBQUksQ0FDckcsQ0FDWSxDQUNoQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDWCxDQUFDLENBQ3NCLENBQUM7QUFFMUIsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUM7QUFFeEMsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUMxQyw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztJQUM5QixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFJO0lBQ25DLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUksQ0FDaEMsQ0FDUCxDQUFDO0FBRUYsV0FBVyxDQUFDLFFBQVEsR0FBRyxtQkFBbUIsQ0FBQztBQUMzQyxXQUFXLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQyJ9
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type RadioButtonProps } from '../../../src/
|
3
|
-
import { type ColumnCount } from '../../../src/
|
2
|
+
import { type RadioButtonProps } from '../../../src/molecules/RadioButton/RadioButton';
|
3
|
+
import { type ColumnCount } from '../../../src/atoms/InputGroup/InputGroup';
|
4
4
|
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
5
5
|
import { type Either, type EmptyOrOneOrMore } from '../../../types/utils';
|
6
6
|
declare type LegacyLayout = {
|
@@ -0,0 +1,65 @@
|
|
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 uniqueId from 'lodash/uniqueId';
|
14
|
+
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
15
|
+
import { RadioButton } from '../../../src/molecules/RadioButton/RadioButton';
|
16
|
+
import { InputGroup } from '../../../src/atoms/InputGroup/InputGroup';
|
17
|
+
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
18
|
+
import { tw } from '../../../src/utils/tailwind';
|
19
|
+
const isRadioButton = (c) => {
|
20
|
+
return React.isValidElement(c) && c.type === RadioButton;
|
21
|
+
};
|
22
|
+
export const RadioButtonGroup = (_a) => {
|
23
|
+
var _b;
|
24
|
+
var { name, value: _value, defaultValue, onChange, direction = 'row', cols, readOnly, children } = _a, props = __rest(_a, ["name", "value", "defaultValue", "onChange", "direction", "cols", "readOnly", "children"]);
|
25
|
+
const [value, setValue] = React.useState((_b = _value !== null && _value !== void 0 ? _value : defaultValue) !== null && _b !== void 0 ? _b : '');
|
26
|
+
const errorMessageId = uniqueId();
|
27
|
+
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
28
|
+
const labelControlProps = getLabelControlProps(props);
|
29
|
+
if (_value !== undefined && _value !== value) {
|
30
|
+
setValue(_value);
|
31
|
+
}
|
32
|
+
const handleChange = (e) => {
|
33
|
+
setValue(e.target.value);
|
34
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
|
35
|
+
};
|
36
|
+
const content = React.Children.map(children, (c) => {
|
37
|
+
var _a, _b, _c;
|
38
|
+
if (!isRadioButton(c)) {
|
39
|
+
return null;
|
40
|
+
}
|
41
|
+
const defaultChecked = defaultValue === undefined ? undefined : c.props.value === defaultValue;
|
42
|
+
const checked = value === undefined ? undefined : c.props.value === value;
|
43
|
+
return React.cloneElement(c, {
|
44
|
+
name,
|
45
|
+
defaultChecked: (_a = c.props.defaultChecked) !== null && _a !== void 0 ? _a : defaultChecked,
|
46
|
+
checked: (_b = c.props.checked) !== null && _b !== void 0 ? _b : checked,
|
47
|
+
onChange: (_c = c.props.onChange) !== null && _c !== void 0 ? _c : handleChange,
|
48
|
+
disabled: props.disabled || c.props.disabled,
|
49
|
+
readOnly,
|
50
|
+
});
|
51
|
+
});
|
52
|
+
return (React.createElement(LabelControl, Object.assign({ fieldset: true }, labelControlProps, errorProps),
|
53
|
+
cols && React.createElement(InputGroup, { cols: cols }, content),
|
54
|
+
!cols && (React.createElement(Flexbox, { direction: direction, alignItems: "flex-start", colGap: "8", rowGap: "3", wrap: "wrap" }, content))));
|
55
|
+
};
|
56
|
+
const RadioButtonGroupSkeleton = ({ direction = 'row', options = 2 }) => {
|
57
|
+
return (React.createElement(LabelControl.Skeleton, null,
|
58
|
+
React.createElement("div", { className: tw('flex flex-wrap', {
|
59
|
+
'flex-row gap-8': direction === 'row',
|
60
|
+
'flex-col gap-2': direction === 'column',
|
61
|
+
}) }, Array.from({ length: options }).map((_, key) => (React.createElement(RadioButton.Skeleton, { key: key }))))));
|
62
|
+
};
|
63
|
+
RadioButtonGroup.Skeleton = RadioButtonGroupSkeleton;
|
64
|
+
RadioButtonGroup.Skeleton.displayName = 'RadioButtonGroup.Skeleton';
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b25Hcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUmFkaW9CdXR0b25Hcm91cC9SYWRpb0J1dHRvbkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUF5QixXQUFXLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUUzRixPQUFPLEVBQW9CLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRS9FLE9BQU8sRUFBMEIsb0JBQW9CLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3hDLE1BQU0sYUFBYSxHQUFHLENBQUMsQ0FBa0IsRUFBNkMsRUFBRTtJQUN0RixPQUFPLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxXQUFXLENBQUM7QUFDM0QsQ0FBQyxDQUFDO0FBc0RGLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFvRixDQUFDLEVBVWpILEVBQUUsRUFBRTs7UUFWNkcsRUFDaEgsSUFBSSxFQUNKLEtBQUssRUFBRSxNQUFNLEVBQ2IsWUFBWSxFQUNaLFFBQVEsRUFDUixTQUFTLEdBQUcsS0FBSyxFQUNqQixJQUFJLEVBQ0osUUFBUSxFQUNSLFFBQVEsT0FFVCxFQURJLEtBQUssY0FUd0csMEZBVWpILENBRFM7SUFFUixNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQVMsTUFBQSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxZQUFZLG1DQUFJ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
|
@@ -11,9 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
13
|
import castArray from 'lodash/castArray';
|
14
|
-
import { SecondaryButton } from '../../../src/
|
15
|
-
import { Divider } from '../../../src/
|
16
|
-
import { Section as BaseSection } from '../../../src/
|
14
|
+
import { SecondaryButton } from '../../../src/molecules/Button/Button';
|
15
|
+
import { Divider } from '../../../src/molecules/Divider/Divider';
|
16
|
+
import { Section as BaseSection } from '../../../src/atoms/Section/Section';
|
17
17
|
export const Section = ({ title, subtitle, actions, children }) => (React.createElement(BaseSection, null,
|
18
18
|
title && (React.createElement(React.Fragment, null,
|
19
19
|
React.createElement(BaseSection.Header, null,
|
@@ -29,4 +29,4 @@ export const Section = ({ title, subtitle, actions, children }) => (React.create
|
|
29
29
|
}))),
|
30
30
|
React.createElement(Divider, null))),
|
31
31
|
React.createElement(BaseSection.Body, null, children)));
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUV6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxPQUFPLElBQUksV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUF1Qm5FLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBMkIsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RixvQkFBQyxXQUFXO0lBQ1QsS0FBSyxJQUFJLENBQ1I7UUFDRSxvQkFBQyxXQUFXLENBQUMsTUFBTTtZQUNqQixvQkFBQyxXQUFXLENBQUMsY0FBYztnQkFDekIsb0JBQUMsV0FBVyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQXFCO2dCQUM3QyxRQUFRLElBQUksb0JBQUMsV0FBVyxDQUFDLFFBQVEsUUFBRSxRQUFRLENBQXdCLENBQ3pDO1lBQzdCLG9CQUFDLFdBQVcsQ0FBQyxPQUFPLFFBQ2pCLE9BQU87Z0JBQ04sU0FBUyxDQUFDLE9BQU8sQ0FBQztxQkFDZixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNuQyxJQUFJLENBQ1csQ0FDbkIsQ0FBQTtpQkFBQSxDQUFDLENBQ2MsQ0FDSDtRQUNyQixvQkFBQyxPQUFPLE9BQUcsQ0FDVixDQUNKO0lBQ0Qsb0JBQUMsV0FBVyxDQUFDLElBQUksUUFBRSxRQUFRLENBQW9CLENBQ25DLENBQ2YsQ0FBQyJ9
|
@@ -48,4 +48,4 @@ const getCommonClassNames = (dense, selected) => tw('transition whitespace-nowra
|
|
48
48
|
'typography-small-strong': dense,
|
49
49
|
'text-grey-50': !selected,
|
50
50
|
});
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBc0JwRCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQVF2QixFQUFlLEVBQUU7UUFSTSxFQUNoRCxRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssR0FBRyxLQUFLLEVBQ2IsT0FBTyxHQUFHLFFBQVEsRUFDbEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxPQUVnQixFQUR0QixJQUFJLGNBUHlDLGtFQVFqRCxDQURRO0lBQ29DLE9BQUEsQ0FDM0MsOENBQ0UsSUFBSSxFQUFFLFFBQVEsSUFDVixJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsbUJBQW1CLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxFQUNwQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLEVBQzdDLFFBQVEsSUFBSSxxQkFBcUIsQ0FBQyxPQUFPLENBQUMsRUFDMUMsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNGLENBQ1YsQ0FBQTtDQUFBLENBQUM7QUFjRixNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxDQUFrQixFQVF2QixFQUFlLEVBQUU7UUFSTSxFQUNyRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE9BQU8sR0FBRyxRQUFRLEVBQ2xCLEtBQUssR0FBRyxLQUFLLEVBQ2IsUUFBUSxFQUNSLFNBQVMsT0FFcUIsRUFEM0IsSUFBSSxjQVA4QyxrRUFRdEQsQ0FEUTtJQUVQLE1BQU0sT0FBTyxHQUFHLEVBQUUsQ0FBQyxjQUFjLEVBQUU7UUFDakMsb0NBQW9DLEVBQUUsT0FBTyxLQUFLLFVBQVU7UUFDNUQsV0FBVyxFQUFFLE9BQU8sS0FBSyxRQUFRO0tBQ2xDLENBQUMsQ0FBQztJQUNILE9BQU8sQ0FDTCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLEtBQ3JELEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQ3RDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFO1FBQ3hCLEtBQUs7UUFDTCxPQUFPO1FBQ1AsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUMxQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEtBQUssS0FBSztLQUN0QyxDQUFDLENBQ0gsQ0FDRyxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRiw4QkFBOEI7QUFFOUIsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLE9BQWdCLEVBQUUsRUFBRSxDQUM5QyxFQUFFLENBQ0Esb0JBQW9CLEVBQ3BCO0lBQ0UsaUJBQWlCLEVBQUUsT0FBTyxLQUFLLFFBQVE7SUFDdkMsaUJBQWlCLEVBQUUsT0FBTyxLQUFLLFFBQVE7Q0FDeEMsRUFDRDtJQUNFLGtCQUFrQixFQUFFLE9BQU8sS0FBSyxRQUFRO0lBQ3hDLG1CQUFtQixFQUFFLE9BQU8sS0FBSyxRQUFRO0NBQzFDLENBQ0YsQ0FBQztBQUVKLE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxPQUFnQixFQUFFLEVBQUUsQ0FDakQsRUFBRSxDQUFDLDRCQUE0QixFQUFFO0lBQy9CLHlEQUF5RCxFQUFFLE9BQU8sS0FBSyxVQUFVO0lBQ2pGLHFCQUFxQixFQUFFLE9BQU8sS0FBSyxRQUFRO0lBQzNDLFdBQVcsRUFBRSxPQUFPLEtBQUssUUFBUTtDQUNsQyxDQUFDLENBQUM7QUFFTCxNQUFNLG1CQUFtQixHQUFHLENBQUMsS0FBYyxFQUFFLFFBQWlCLEVBQUUsRUFBRSxDQUNoRSxFQUFFLENBQ0EsMkNBQTJDLEVBQzNDLHdFQUF3RSxFQUN4RSxtREFBbUQsRUFDbkQ7SUFDRSxXQUFXLEVBQUUsQ0FBQyxLQUFLO0lBQ25CLFdBQVcsRUFBRSxLQUFLO0lBQ2xCLDJCQUEyQixFQUFFLENBQUMsS0FBSztJQUNuQyx5QkFBeUIsRUFBRSxLQUFLO0lBQ2hDLGNBQWMsRUFBRSxDQUFDLFFBQVE7Q0FDMUIsQ0FDRixDQUFDIn0=
|