@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
@@ -1,74 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import omit from 'lodash/omit';
|
3
|
-
import { Box } from '../../../src/components/Box/Box';
|
4
|
-
import { PrimaryButton, SecondaryButton } from '../../../src/components/Button/Button';
|
5
|
-
import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
|
6
|
-
import { FlexboxItem } from '../../../src/components/Flexbox/FlexboxItem';
|
7
|
-
import { Typography } from '../../../src/components/Typography/Typography';
|
8
|
-
import { classNames, tw } from '../../../src/utils/tailwind';
|
9
|
-
export var EmptyStateLayout;
|
10
|
-
(function (EmptyStateLayout) {
|
11
|
-
EmptyStateLayout["CenterVertical"] = "center-vertical";
|
12
|
-
EmptyStateLayout["LeftVertical"] = "left-vertical";
|
13
|
-
EmptyStateLayout["CenterHorizontal"] = "center-horizontal";
|
14
|
-
EmptyStateLayout["LeftHorizontal"] = "left-horizontal";
|
15
|
-
})(EmptyStateLayout || (EmptyStateLayout = {}));
|
16
|
-
const layoutStyle = (layout) => {
|
17
|
-
switch (layout) {
|
18
|
-
case EmptyStateLayout.LeftVertical:
|
19
|
-
return {
|
20
|
-
layout: 'column',
|
21
|
-
justifyContent: 'flex-start',
|
22
|
-
alignItems: 'flex-start',
|
23
|
-
};
|
24
|
-
case EmptyStateLayout.LeftHorizontal:
|
25
|
-
return {
|
26
|
-
layout: 'row',
|
27
|
-
justifyContent: 'flex-start',
|
28
|
-
alignItems: 'flex-start',
|
29
|
-
};
|
30
|
-
case EmptyStateLayout.CenterHorizontal:
|
31
|
-
return {
|
32
|
-
layout: 'row',
|
33
|
-
justifyContent: 'center',
|
34
|
-
alignItems: 'flex-start',
|
35
|
-
};
|
36
|
-
case EmptyStateLayout.CenterVertical:
|
37
|
-
default:
|
38
|
-
return {
|
39
|
-
layout: 'column',
|
40
|
-
justifyContent: 'center',
|
41
|
-
alignItems: 'center',
|
42
|
-
};
|
43
|
-
}
|
44
|
-
};
|
45
|
-
/**
|
46
|
-
* ## A EmptyState component to call extra attention to featured content or information, for example, an empty stage of a feature.
|
47
|
-
*
|
48
|
-
* @param props EmptyStateProps
|
49
|
-
* @returns React.ReactElement
|
50
|
-
*/
|
51
|
-
export const EmptyState = ({ title, image, imageAlt = '', imageWidth, description, children, primaryAction, secondaryAction, footer, layout = EmptyStateLayout.CenterVertical, borderStyle = 'dashed', }) => {
|
52
|
-
const template = layoutStyle(layout);
|
53
|
-
return (React.createElement(Box, { className: classNames(tw('rounded', {
|
54
|
-
'border border-dashed': borderStyle === 'dashed',
|
55
|
-
'border border-solid': borderStyle === 'solid',
|
56
|
-
'text-left': layout !== EmptyStateLayout.CenterVertical,
|
57
|
-
'text-center': layout === EmptyStateLayout.CenterVertical,
|
58
|
-
})), backgroundColor: "transparent", borderColor: "grey-10", padding: "9" },
|
59
|
-
React.createElement(Flexbox, { direction: template.layout, justifyContent: template.justifyContent,
|
60
|
-
// in case of horizontal layouts, the content inside the 2nd col should align center with image.
|
61
|
-
alignItems: template.layout === 'row' ? 'center' : template.alignItems, colGap: "l5", rowGap: "8" },
|
62
|
-
image && (React.createElement(FlexboxItem, null,
|
63
|
-
React.createElement("img", { src: image, alt: imageAlt, style: { width: imageWidth ? `${imageWidth}px` : undefined, height: 'auto' } }))),
|
64
|
-
React.createElement(Flexbox, { style: { maxWidth: '610px' }, direction: "column", justifyContent: template.justifyContent, alignItems: template.alignItems },
|
65
|
-
React.createElement(Typography, { variant: "heading", htmlTag: "h2" }, title),
|
66
|
-
(description || children) && (React.createElement(Box, { marginTop: "5" },
|
67
|
-
React.createElement(Typography, { variant: "default", color: "grey-60" }, children || description))),
|
68
|
-
(secondaryAction || primaryAction) && (React.createElement(Flexbox, { marginTop: "7", gap: "4", justifyContent: "center", alignItems: "center", wrap: "wrap" },
|
69
|
-
primaryAction && React.createElement(PrimaryButton, Object.assign({}, omit(primaryAction, 'text')), primaryAction.text),
|
70
|
-
secondaryAction && (React.createElement(SecondaryButton, Object.assign({}, omit(secondaryAction, 'text')), secondaryAction.text)))),
|
71
|
-
footer && (React.createElement(Box, { marginTop: "7" },
|
72
|
-
React.createElement(Typography, { htmlTag: "div", variant: "small", color: "grey-60" }, footer)))))));
|
73
|
-
};
|
74
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE1BQU0sQ0FBTixJQUFZLGdCQUtYO0FBTEQsV0FBWSxnQkFBZ0I7SUFDMUIsc0RBQWtDLENBQUE7SUFDbEMsa0RBQThCLENBQUE7SUFDOUIsMERBQXNDLENBQUE7SUFDdEMsc0RBQWtDLENBQUE7QUFDcEMsQ0FBQyxFQUxXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFLM0I7QUFrRUQsTUFBTSxXQUFXLEdBQUcsQ0FBQyxNQUF3QixFQUFvQixFQUFFO0lBQ2pFLFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxnQkFBZ0IsQ0FBQyxZQUFZO1lBQ2hDLE9BQU87Z0JBQ0wsTUFBTSxFQUFFLFFBQVE7Z0JBQ2hCLGNBQWMsRUFBRSxZQUFZO2dCQUM1QixVQUFVLEVBQUUsWUFBWTthQUN6QixDQUFDO1FBQ0osS0FBSyxnQkFBZ0IsQ0FBQyxjQUFjO1lBQ2xDLE9BQU87Z0JBQ0wsTUFBTSxFQUFFLEtBQUs7Z0JBQ2IsY0FBYyxFQUFFLFlBQVk7Z0JB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
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Tailwindify } from '../../../src/components/Tailwindify/Tailwindify';
|
3
|
-
import { useStyle } from '../../../src/utils/useStyle';
|
4
|
-
export const Flexbox = Tailwindify(({ htmlTag = 'div', className, style, children, display = 'flex', justifyContent, alignContent, alignItems, direction, wrap, gap, colGap, rowGap, }) => {
|
5
|
-
const hookStyle = useStyle({
|
6
|
-
display,
|
7
|
-
justifyContent,
|
8
|
-
alignContent,
|
9
|
-
alignItems,
|
10
|
-
flexDirection: direction,
|
11
|
-
flexWrap: wrap,
|
12
|
-
gap,
|
13
|
-
columnGap: colGap,
|
14
|
-
rowGap,
|
15
|
-
});
|
16
|
-
const HtmlElement = htmlTag;
|
17
|
-
return (React.createElement(HtmlElement, { style: Object.assign(Object.assign({}, hookStyle), style), className: className }, children));
|
18
|
-
});
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleGJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXhib3gvRmxleGJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFzQjlDLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxXQUFXLENBQ2hDLENBQUMsRUFDQyxPQUFPLEdBQUcsS0FBSyxFQUNmLFNBQVMsRUFDVCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE9BQU8sR0FBRyxNQUFNLEVBQ2hCLGNBQWMsRUFDZCxZQUFZLEVBQ1osVUFBVSxFQUNWLFNBQVMsRUFDVCxJQUFJLEVBQ0osR0FBRyxFQUNILE1BQU0sRUFDTixNQUFNLEdBQ1AsRUFBRSxFQUFFO0lBQ0gsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLE9BQU87UUFDUCxjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixhQUFhLEVBQUUsU0FBUztRQUN4QixRQUFRLEVBQUUsSUFBSTtRQUNkLEdBQUc7UUFDSCxTQUFTLEVBQUUsTUFBTTtRQUNqQixNQUFNO0tBQ1AsQ0FBQyxDQUFDO0lBRUgsTUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO0lBRTVCLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLElBQUMsS0FBSyxrQ0FBTyxTQUFTLEdBQUssS0FBSyxHQUFJLFNBQVMsRUFBRSxTQUFTLElBQ2pFLFFBQVEsQ0FDRyxDQUNmLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Tailwindify } from '../../../src/components/Tailwindify/Tailwindify';
|
3
|
-
import { useStyle } from '../../../src/utils/useStyle';
|
4
|
-
export const FlexboxItem = Tailwindify(({ htmlTag = 'div', className, style, children, display, flex, grow, shrink, order, alignSelf }) => {
|
5
|
-
const hookStyle = useStyle({
|
6
|
-
display,
|
7
|
-
flex,
|
8
|
-
flexGrow: grow,
|
9
|
-
flexShrink: shrink,
|
10
|
-
order,
|
11
|
-
alignSelf,
|
12
|
-
});
|
13
|
-
const HtmlElement = htmlTag;
|
14
|
-
return (React.createElement(HtmlElement, { style: Object.assign(Object.assign({}, hookStyle), style), className: className }, children));
|
15
|
-
});
|
16
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleGJveEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GbGV4Ym94L0ZsZXhib3hJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQW1COUMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFdBQVcsQ0FDcEMsQ0FBQyxFQUFFLE9BQU8sR0FBRyxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFO0lBQ2pHLE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUN6QixPQUFPO1FBQ1AsSUFBSTtRQUNKLFFBQVEsRUFBRSxJQUFJO1FBQ2QsVUFBVSxFQUFFLE1BQU07UUFDbEIsS0FBSztRQUNMLFNBQVM7S0FDVixDQUFDLENBQUM7SUFFSCxNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUM7SUFFNUIsT0FBTyxDQUNMLG9CQUFDLFdBQVcsSUFBQyxLQUFLLGtDQUFPLFNBQVMsR0FBSyxLQUFLLEdBQUksU0FBUyxFQUFFLFNBQVMsSUFDakUsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
@@ -1,31 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Tailwindify } from '../../../src/components/Tailwindify/Tailwindify';
|
3
|
-
import { useStyle } from '../../../src/utils/useStyle';
|
4
|
-
export const Grid = Tailwindify(({ htmlTag = 'div', className, style, children, display = 'grid', justifyContent, alignContent, alignItems, justifyItems, placeContent, placeItems, cols = '12', rows, autoFlow, autoCols, autoRows, gap, colGap, rowGap, colSpan, colStart, colEnd, rowSpan, rowStart, rowEnd, }) => {
|
5
|
-
const hookStyle = useStyle({
|
6
|
-
display,
|
7
|
-
justifyContent,
|
8
|
-
alignContent,
|
9
|
-
alignItems,
|
10
|
-
justifyItems,
|
11
|
-
placeContent,
|
12
|
-
placeItems,
|
13
|
-
gridTemplateColumns: cols,
|
14
|
-
gridTemplateRows: rows,
|
15
|
-
gridAutoFlow: autoFlow,
|
16
|
-
gridAutoColumns: autoCols,
|
17
|
-
gridAutoRows: autoRows,
|
18
|
-
gap,
|
19
|
-
columnGap: colGap,
|
20
|
-
rowGap,
|
21
|
-
gridColumn: colSpan,
|
22
|
-
gridColumnStart: colStart,
|
23
|
-
gridColumnEnd: colEnd,
|
24
|
-
gridRow: rowSpan,
|
25
|
-
gridRowStart: rowStart,
|
26
|
-
gridRowEnd: rowEnd,
|
27
|
-
});
|
28
|
-
const HtmlElement = htmlTag;
|
29
|
-
return (React.createElement(HtmlElement, { style: Object.assign(Object.assign({}, hookStyle), style), className: className }, children));
|
30
|
-
});
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JpZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0dyaWQvR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFtQzlDLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxXQUFXLENBQzdCLENBQUMsRUFDQyxPQUFPLEdBQUcsS0FBSyxFQUNmLFNBQVMsRUFDVCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE9BQU8sR0FBRyxNQUFNLEVBQ2hCLGNBQWMsRUFDZCxZQUFZLEVBQ1osVUFBVSxFQUNWLFlBQVksRUFDWixZQUFZLEVBQ1osVUFBVSxFQUNWLElBQUksR0FBRyxJQUFJLEVBQ1gsSUFBSSxFQUNKLFFBQVEsRUFDUixRQUFRLEVBQ1IsUUFBUSxFQUNSLEdBQUcsRUFDSCxNQUFNLEVBQ04sTUFBTSxFQUNOLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxFQUNOLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxHQUNJLEVBQUUsRUFBRTtJQUNkLE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUN6QixPQUFPO1FBQ1AsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsWUFBWTtRQUNaLFlBQVk7UUFDWixVQUFVO1FBQ1YsbUJBQW1CLEVBQUUsSUFBSTtRQUN6QixnQkFBZ0IsRUFBRSxJQUFJO1FBQ3RCLFlBQVksRUFBRSxRQUFRO1FBQ3RCLGVBQWUsRUFBRSxRQUFRO1FBQ3pCLFlBQVksRUFBRSxRQUFRO1FBQ3RCLEdBQUc7UUFDSCxTQUFTLEVBQUUsTUFBTTtRQUNqQixNQUFNO1FBQ04sVUFBVSxFQUFFLE9BQU87UUFDbkIsZUFBZSxFQUFFLFFBQVE7UUFDekIsYUFBYSxFQUFFLE1BQU07UUFDckIsT0FBTyxFQUFFLE9BQU87UUFDaEIsWUFBWSxFQUFFLFFBQVE7UUFDdEIsVUFBVSxFQUFFLE1BQU07S0FDbkIsQ0FBQyxDQUFDO0lBRUgsTUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO0lBRTVCLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLElBQUMsS0FBSyxrQ0FBTyxTQUFTLEdBQUssS0FBSyxHQUFJLFNBQVMsRUFBRSxTQUFTLElBQ2pFLFFBQVEsQ0FDRyxDQUNmLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Tailwindify } from '../../../src/components/Tailwindify/Tailwindify';
|
3
|
-
import { useStyle } from '../../../src/utils/useStyle';
|
4
|
-
export const GridItem = Tailwindify(({ htmlTag = 'div', className, style, children, display, justifySelf, alignSelf, placeSelf, colSpan, colStart, colEnd, rowSpan, rowStart, rowEnd, }) => {
|
5
|
-
const hookStyle = useStyle({
|
6
|
-
display,
|
7
|
-
justifySelf,
|
8
|
-
alignSelf,
|
9
|
-
placeSelf,
|
10
|
-
gridColumn: colSpan,
|
11
|
-
gridColumnStart: colStart,
|
12
|
-
gridColumnEnd: colEnd,
|
13
|
-
gridRow: rowSpan,
|
14
|
-
gridRowStart: rowStart,
|
15
|
-
gridRowEnd: rowEnd,
|
16
|
-
});
|
17
|
-
const HtmlElement = htmlTag;
|
18
|
-
return (React.createElement(HtmlElement, { style: Object.assign(Object.assign({}, hookStyle), style), className: className }, children));
|
19
|
-
});
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JpZEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9HcmlkL0dyaWRJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXVCOUMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLFdBQVcsQ0FDakMsQ0FBQyxFQUNDLE9BQU8sR0FBRyxLQUFLLEVBQ2YsU0FBUyxFQUNULEtBQUssRUFDTCxRQUFRLEVBQ1IsT0FBTyxFQUNQLFdBQVcsRUFDWCxTQUFTLEVBQ1QsU0FBUyxFQUNULE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxFQUNOLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxHQUNRLEVBQUUsRUFBRTtJQUNsQixNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUM7UUFDekIsT0FBTztRQUNQLFdBQVc7UUFDWCxTQUFTO1FBQ1QsU0FBUztRQUNULFVBQVUsRUFBRSxPQUFPO1FBQ25CLGVBQWUsRUFBRSxRQUFRO1FBQ3pCLGFBQWEsRUFBRSxNQUFNO1FBQ3JCLE9BQU8sRUFBRSxPQUFPO1FBQ2hCLFlBQVksRUFBRSxRQUFRO1FBQ3RCLFVBQVUsRUFBRSxNQUFNO0tBQ25CLENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE9BQU8sQ0FBQztJQUU1QixPQUFPLENBQ0wsb0JBQUMsV0FBVyxJQUFDLEtBQUssa0NBQU8sU0FBUyxHQUFLLEtBQUssR0FBSSxTQUFTLEVBQUUsU0FBUyxJQUNqRSxRQUFRLENBQ0csQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { GhostButton } from '../../../src/components/Button/Button';
|
3
|
-
import { LineClamp as Base } from '../../../src/common/LineClamp/LineClamp';
|
4
|
-
export const LineClamp = ({ lines, children, expandLabel, collapseLabel }) => {
|
5
|
-
const ref = React.useRef(null);
|
6
|
-
const [clamped, setClamped] = React.useState(true);
|
7
|
-
const [isClampingEnabled, setClampingEnabled] = React.useState(false);
|
8
|
-
React.useEffect(() => {
|
9
|
-
var _a, _b;
|
10
|
-
const el = ref.current;
|
11
|
-
setClampingEnabled(((_a = el === null || el === void 0 ? void 0 : el.scrollHeight) !== null && _a !== void 0 ? _a : 0) > ((_b = el === null || el === void 0 ? void 0 : el.clientHeight) !== null && _b !== void 0 ? _b : 0));
|
12
|
-
}, [ref.current]);
|
13
|
-
return (React.createElement("div", null,
|
14
|
-
React.createElement(Base, { ref: ref, lines: lines, clamped: clamped }, children),
|
15
|
-
expandLabel && isClampingEnabled && (React.createElement(GhostButton, { dense: true, onClick: () => setClamped(!clamped) }, clamped ? expandLabel : collapseLabel))));
|
16
|
-
};
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNsYW1wLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluZUNsYW1wL0xpbmVDbGFtcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUUzRCxPQUFPLEVBQWMsU0FBUyxJQUFJLElBQUksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBMEIvRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsRUFBRSxFQUFFO0lBQ3JHLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuRCxNQUFNLENBQUMsaUJBQWlCLEVBQUUsa0JBQWtCLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRXRFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFOztRQUNuQixNQUFNLEVBQUUsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO1FBQ3ZCLGtCQUFrQixDQUFDLENBQUMsTUFBQSxFQUFFLGFBQUYsRUFBRSx1QkFBRixFQUFFLENBQUUsWUFBWSxtQ0FBSSxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQUEsRUFBRSxhQUFGLEVBQUUsdUJBQUYsRUFBRSxDQUFFLFlBQVksbUNBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RSxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVsQixPQUFPLENBQ0w7UUFDRSxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQzNDLFFBQVEsQ0FDSjtRQUNOLFdBQVcsSUFBSSxpQkFBaUIsSUFBSSxDQUNuQyxvQkFBQyxXQUFXLElBQUMsS0FBSyxRQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFDbkQsT0FBTyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FDMUIsQ0FDZixDQUNHLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Link as LinkBase } from '../../../src/common/Link/Link';
|
3
|
-
export const Link = (props) => React.createElement(LinkBase, Object.assign({}, props));
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpbmsvTGluay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBa0IsSUFBSSxJQUFJLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXhFLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBMkMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLG9CQUFDLFFBQVEsb0JBQUssS0FBSyxFQUFJLENBQUMifQ==
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
export const List = ({ items, renderItem, container = React.Fragment }) => {
|
3
|
-
const Component = container;
|
4
|
-
return React.createElement(Component, null, items.map(renderItem));
|
5
|
-
};
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBb0IxQixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsQ0FBaUIsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLFNBQVMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFnQixFQUFlLEVBQUU7SUFDbkgsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQzVCLE9BQU8sb0JBQUMsU0FBUyxRQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQWEsQ0FBQztBQUN4RCxDQUFDLENBQUMifQ==
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
|
3
|
-
import { Typography } from '../../../src/components/Typography/Typography';
|
4
|
-
export const ListItem = ({ name, icon, active = false }) => {
|
5
|
-
return (React.createElement(Flexbox, { alignItems: 'center' },
|
6
|
-
React.createElement(Typography, { variant: active ? 'small-strong' : 'small', color: 'grey-70', htmlTag: 'span', className: `px-4 py-2 rounded-full ${active ? 'bg-grey-5' : 'hover:bg-grey-0'}` },
|
7
|
-
React.createElement("img", { src: icon, alt: name, className: 'inline mr-4', height: 28, width: 28 }),
|
8
|
-
name)));
|
9
|
-
};
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0SXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFRbEUsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUEwQyxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEdBQUcsS0FBSyxFQUFFLEVBQUUsRUFBRTtJQUNoRyxPQUFPLENBQ0wsb0JBQUMsT0FBTyxJQUFDLFVBQVUsRUFBRSxRQUFRO1FBQzNCLG9CQUFDLFVBQVUsSUFDVCxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFDMUMsS0FBSyxFQUFFLFNBQVMsRUFDaEIsT0FBTyxFQUFFLE1BQU0sRUFDZixTQUFTLEVBQUUsMEJBQTBCLE1BQU0sQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRTtZQUUvRSw2QkFBSyxHQUFHLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEdBQUk7WUFDN0UsSUFBSSxDQUNNLENBQ0wsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -1,153 +0,0 @@
|
|
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, { useEffect, useRef, useState } from 'react';
|
13
|
-
import castArray from 'lodash/castArray';
|
14
|
-
import identity from 'lodash/identity';
|
15
|
-
import omit from 'lodash/omit';
|
16
|
-
import uniqueId from 'lodash/uniqueId';
|
17
|
-
import { InputChip } from '../../../src/components/MultiInput/InputChip';
|
18
|
-
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
19
|
-
import { Select } from '../../../src/common/Select/Select';
|
20
|
-
import { InputAdornment } from '../../../src/utils/form/InputAdornment/InputAdornment';
|
21
|
-
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
22
|
-
import { tw } from '../../../src/utils/tailwind';
|
23
|
-
export const MultiInputBase = (_a) => {
|
24
|
-
var _b;
|
25
|
-
var { id, name, type, placeholder, autoFocus, delimiter = 'enter', defaultValue, value, endAdornment, max, maxLength = max, inline = true, itemToString = (val) => String(val), createItem = (val) => val, onChange, onBlur, onInputChange, isItemValid, disabled = false, readOnly = false, valid = true } = _a, props = __rest(_a, ["id", "name", "type", "placeholder", "autoFocus", "delimiter", "defaultValue", "value", "endAdornment", "max", "maxLength", "inline", "itemToString", "createItem", "onChange", "onBlur", "onInputChange", "isItemValid", "disabled", "readOnly", "valid"]);
|
26
|
-
const inputRef = useRef(null);
|
27
|
-
const [items, setItems] = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : []);
|
28
|
-
const [hasFocus, setFocus] = useState(false);
|
29
|
-
const keyCodes = [delimiter !== 'enter' ? ' ' : null, delimiter !== 'space' ? 'Enter' : null].filter(identity);
|
30
|
-
useEffect(() => {
|
31
|
-
const requiresUpdate = value !== undefined || defaultValue === undefined;
|
32
|
-
if (requiresUpdate && JSON.stringify(value) !== JSON.stringify(items)) {
|
33
|
-
setItems(value !== null && value !== void 0 ? value : []);
|
34
|
-
}
|
35
|
-
}, [JSON.stringify(value)]);
|
36
|
-
const handleKeyDown = (e) => {
|
37
|
-
var _a, _b, _c;
|
38
|
-
switch (e.key) {
|
39
|
-
case 'Enter':
|
40
|
-
case ' ': {
|
41
|
-
if (keyCodes.includes(e.key) && inputRef.current) {
|
42
|
-
e.preventDefault();
|
43
|
-
e.stopPropagation();
|
44
|
-
const value = inputRef.current.value.trim();
|
45
|
-
handleAddItem(value);
|
46
|
-
}
|
47
|
-
break;
|
48
|
-
}
|
49
|
-
case 'Backspace': {
|
50
|
-
const length = (_a = items === null || items === void 0 ? void 0 : items.length) !== null && _a !== void 0 ? _a : 0;
|
51
|
-
if (inline && !((_c = (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.length) && length > 0) {
|
52
|
-
handleRemoveItem(length - 1);
|
53
|
-
}
|
54
|
-
break;
|
55
|
-
}
|
56
|
-
default:
|
57
|
-
break;
|
58
|
-
}
|
59
|
-
};
|
60
|
-
const handleKeyUp = (e) => {
|
61
|
-
if (keyCodes.includes(e.key)) {
|
62
|
-
e.preventDefault();
|
63
|
-
e.stopPropagation();
|
64
|
-
}
|
65
|
-
};
|
66
|
-
const handleAddItem = (value) => {
|
67
|
-
if (inputRef.current) {
|
68
|
-
inputRef.current.value = '';
|
69
|
-
}
|
70
|
-
if (value) {
|
71
|
-
const newItems = castArray(value)
|
72
|
-
.map(createItem)
|
73
|
-
.filter((item) => !items.includes(item));
|
74
|
-
if (newItems.length > 0 && items.length + newItems.length <= (maxLength !== null && maxLength !== void 0 ? maxLength : Number.MAX_SAFE_INTEGER)) {
|
75
|
-
const updated = (items !== null && items !== void 0 ? items : []).concat(newItems);
|
76
|
-
setItems(updated);
|
77
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(updated);
|
78
|
-
}
|
79
|
-
}
|
80
|
-
};
|
81
|
-
const handleRemoveItem = (idx) => {
|
82
|
-
const updated = [...(items !== null && items !== void 0 ? items : [])];
|
83
|
-
updated.splice(idx, 1);
|
84
|
-
setItems(updated);
|
85
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(updated);
|
86
|
-
};
|
87
|
-
const handlePaste = (e) => {
|
88
|
-
e.preventDefault();
|
89
|
-
const copiedText = e.clipboardData.getData('text/plain');
|
90
|
-
const spaceSeparated = copiedText.split(' ');
|
91
|
-
const newLineSeparated = copiedText.split('\n');
|
92
|
-
const commaSeparated = copiedText.split(',');
|
93
|
-
const separatedText = [spaceSeparated, newLineSeparated, commaSeparated]
|
94
|
-
.filter((items) => items.length > 1)
|
95
|
-
.shift() || [copiedText];
|
96
|
-
const itemsToAdd = separatedText.map((value) => value.trim()).filter(identity);
|
97
|
-
handleAddItem(itemsToAdd);
|
98
|
-
};
|
99
|
-
const handleFocus = () => {
|
100
|
-
setFocus(true);
|
101
|
-
};
|
102
|
-
const handleBlur = () => {
|
103
|
-
var _a;
|
104
|
-
setFocus(false);
|
105
|
-
const value = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value;
|
106
|
-
if (value) {
|
107
|
-
handleAddItem(value);
|
108
|
-
}
|
109
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur();
|
110
|
-
};
|
111
|
-
const renderChips = () => items === null || items === void 0 ? void 0 : items.map((item, index) => {
|
112
|
-
var _a;
|
113
|
-
return (React.createElement(InputChip, { key: `${itemToString(item)}.${index}`, invalid: !((_a = isItemValid === null || isItemValid === void 0 ? void 0 : isItemValid(item, index)) !== null && _a !== void 0 ? _a : true), readOnly: readOnly, disabled: disabled, onClick: (e) => {
|
114
|
-
e.stopPropagation();
|
115
|
-
handleRemoveItem(index);
|
116
|
-
} }, itemToString(item)));
|
117
|
-
});
|
118
|
-
return (React.createElement("div", null,
|
119
|
-
React.createElement(Select.InputContainer, { variant: disabled ? 'disabled' : valid === false ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default' },
|
120
|
-
React.createElement("div", { className: 'grow inline-flex flex-row flex-wrap gap-y-2' },
|
121
|
-
inline && renderChips(),
|
122
|
-
React.createElement(Select.Input, Object.assign({ ref: inputRef, id: id !== null && id !== void 0 ? id : name, name: name, type: type }, props, { onChange: onInputChange, autoFocus: autoFocus, disabled: disabled, readOnly: readOnly, placeholder: !inline || (items === null || items === void 0 ? void 0 : items.length) === 0 ? placeholder : '', onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onKeyPress: handleKeyUp, onPaste: handlePaste, onFocus: handleFocus, onBlur: handleBlur, autoComplete: 'off' }))),
|
123
|
-
endAdornment && React.createElement(InputAdornment, null, endAdornment)),
|
124
|
-
!inline && React.createElement("div", { className: tw('flex flex-row flex-wrap gap-y-2 mt-2') }, renderChips())));
|
125
|
-
};
|
126
|
-
const BaseMultiInputSkeleton = () => React.createElement(Skeleton, { height: 38 });
|
127
|
-
MultiInputBase.Skeleton = BaseMultiInputSkeleton;
|
128
|
-
export const MultiInput = (props) => {
|
129
|
-
var _a, _b, _c, _d, _e;
|
130
|
-
const maxLength = (_a = props.maxLength) !== null && _a !== void 0 ? _a : props.max;
|
131
|
-
const [value, setValue] = useState((_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : []);
|
132
|
-
useEffect(() => {
|
133
|
-
var _a;
|
134
|
-
setValue((_a = props.value) !== null && _a !== void 0 ? _a : []);
|
135
|
-
}, [JSON.stringify(props.value)]);
|
136
|
-
// we need a unique ID to be used for an accessible connection between the input and its error message
|
137
|
-
const id = useRef((_e = (_d = props.id) !== null && _d !== void 0 ? _d : props.name) !== null && _e !== void 0 ? _e : `multiinput-${uniqueId()}`);
|
138
|
-
const errorMessageId = uniqueId();
|
139
|
-
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
140
|
-
const labelControlProps = getLabelControlProps(props);
|
141
|
-
const baseProps = omit(props, Object.keys(labelControlProps));
|
142
|
-
return (React.createElement(LabelControl, Object.assign({ id: `${id.current}-label`, htmlFor: `${id.current}-input`, messageId: errorMessageId }, labelControlProps, { length: value.length, maxLength: maxLength }),
|
143
|
-
React.createElement(MultiInputBase, Object.assign({}, baseProps, errorProps, { id: `${id.current}-input`, onChange: (value) => {
|
144
|
-
var _a;
|
145
|
-
setValue(value !== null && value !== void 0 ? value : []);
|
146
|
-
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value);
|
147
|
-
}, disabled: props.disabled, maxLength: props.maxLength, valid: props.valid }))));
|
148
|
-
};
|
149
|
-
const MultiInputSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
|
150
|
-
React.createElement(MultiInputBase.Skeleton, null)));
|
151
|
-
MultiInput.Skeleton = MultiInputSkeleton;
|
152
|
-
MultiInput.Skeleton.displayName = 'MultiInput.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
153
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlJbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpSW5wdXQvTXVsdGlJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzNELE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVsRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDOUUsT0FBTyxFQUEwQixvQkFBb0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE2QnhDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUF1QixFQXVCekIsRUFBaUQsRUFBRTs7UUF2QjFCLEVBQ25ELEVBQUUsRUFDRixJQUFJLEVBQ0osSUFBSSxFQUNKLFdBQVcsRUFDWCxTQUFTLEVBQ1QsU0FBUyxHQUFHLE9BQU8sRUFDbkIsWUFBWSxFQUNaLEtBQUssRUFDTCxZQUFZLEVBQ1osR0FBRyxFQUNILFNBQVMsR0FBRyxHQUFHLEVBQ2YsTUFBTSxHQUFHLElBQUksRUFDYixZQUFZLEdBQUcsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMs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
|
@@ -1,149 +0,0 @@
|
|
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, useState } from 'react';
|
13
|
-
import { useOverlayPosition } from '@react-aria/overlays';
|
14
|
-
import { useCombobox, useMultipleSelection } from 'downshift';
|
15
|
-
import isEqual from 'lodash/isEqual';
|
16
|
-
import isNil from 'lodash/isNil';
|
17
|
-
import omit from 'lodash/omit';
|
18
|
-
import omitBy from 'lodash/omitBy';
|
19
|
-
import uniqueId from 'lodash/uniqueId';
|
20
|
-
import { matchSorter } from 'match-sorter';
|
21
|
-
import { InputChip } from '../../../src/components/MultiInput/InputChip';
|
22
|
-
import { PopoverWrapper } from '../../../src/components/Popover/PopoverWrapper';
|
23
|
-
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
24
|
-
import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select } from '../../../src/common/Select/Select';
|
25
|
-
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
26
|
-
import { tw } from '../../../src/utils/tailwind';
|
27
|
-
export const MultiSelectBase = (_a) => {
|
28
|
-
var _b;
|
29
|
-
var { id, name, placeholder, maxHeight, hideChips = false, inline = true, closeOnSelect = inline ? false : true, options, optionKeys = ['label', 'value'], noResults, optionToString: itemToString = getOptionLabelBuiltin, renderOption = (opt) => itemToString(opt), isOptionDisabled = isOptionDisabledBuiltin, createOption, defaultValue, value, onChange, valid = true, disabled = false, readOnly = false, children } = _a, props = __rest(_a, ["id", "name", "placeholder", "maxHeight", "hideChips", "inline", "closeOnSelect", "options", "optionKeys", "noResults", "optionToString", "renderOption", "isOptionDisabled", "createOption", "defaultValue", "value", "onChange", "valid", "disabled", "readOnly", "children"]);
|
30
|
-
const targetRef = useRef(null);
|
31
|
-
const overlayRef = useRef(null);
|
32
|
-
const [inputValue, setInputValue] = useState('');
|
33
|
-
const [hasFocus, setFocus] = useState(false);
|
34
|
-
const { selectedItems, addSelectedItem, removeSelectedItem, getDropdownProps, getSelectedItemProps } = useMultipleSelection(
|
35
|
-
// For some reason useMultipleSelection does not accept
|
36
|
-
// undefined value for selectedItems or defaultSelectedItems
|
37
|
-
omitBy({
|
38
|
-
selectedItems: value,
|
39
|
-
defaultSelectedItems: defaultValue,
|
40
|
-
onSelectedItemsChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.selectedItems),
|
41
|
-
}, isNil));
|
42
|
-
const keys = typeof options[0] === 'string' ? undefined : optionKeys;
|
43
|
-
const selectedItemsAsStrings = selectedItems.map(itemToString);
|
44
|
-
const filteredOptions = (inputValue ? matchSorter(options, inputValue, { keys }) : options).filter((opt) => !selectedItemsAsStrings.includes(itemToString(opt)));
|
45
|
-
const { isOpen, openMenu, closeMenu, highlightedIndex, getInputProps, getMenuProps, getToggleButtonProps, getItemProps, } = useCombobox({
|
46
|
-
id,
|
47
|
-
inputValue,
|
48
|
-
defaultSelectedItem: defaultValue,
|
49
|
-
selectedItem: null,
|
50
|
-
items: filteredOptions,
|
51
|
-
stateReducer: (_, actionChanges) => {
|
52
|
-
var _a, _b;
|
53
|
-
const { changes, type } = actionChanges;
|
54
|
-
switch (type) {
|
55
|
-
case useCombobox.stateChangeTypes.InputKeyDownEnter:
|
56
|
-
case useCombobox.stateChangeTypes.ItemClick: {
|
57
|
-
const selectedItem = (_a = changes.selectedItem) !== null && _a !== void 0 ? _a : (changes.inputValue ? createOption === null || createOption === void 0 ? void 0 : createOption(changes.inputValue) : null);
|
58
|
-
return Object.assign(Object.assign({}, changes), { selectedItem, isOpen: !closeOnSelect });
|
59
|
-
}
|
60
|
-
case useCombobox.stateChangeTypes.InputBlur: {
|
61
|
-
const selectedItem = (_b = changes.selectedItem) !== null && _b !== void 0 ? _b : (changes.inputValue ? createOption === null || createOption === void 0 ? void 0 : createOption(changes.inputValue) : null);
|
62
|
-
return Object.assign(Object.assign({}, changes), { selectedItem });
|
63
|
-
}
|
64
|
-
}
|
65
|
-
return changes;
|
66
|
-
},
|
67
|
-
onStateChange: ({ inputValue, selectedItem, type }) => {
|
68
|
-
switch (type) {
|
69
|
-
case useCombobox.stateChangeTypes.InputChange: {
|
70
|
-
setInputValue(inputValue !== null && inputValue !== void 0 ? inputValue : '');
|
71
|
-
break;
|
72
|
-
}
|
73
|
-
case useCombobox.stateChangeTypes.InputKeyDownEnter:
|
74
|
-
case useCombobox.stateChangeTypes.ItemClick:
|
75
|
-
case useCombobox.stateChangeTypes.InputBlur: {
|
76
|
-
setInputValue('');
|
77
|
-
if (selectedItem &&
|
78
|
-
!isOptionDisabled(selectedItem, options.indexOf(selectedItem)) &&
|
79
|
-
!selectedItems.some((val) => isEqual(val, selectedItem))) {
|
80
|
-
// Can't add disabled or duplicate items
|
81
|
-
addSelectedItem(selectedItem);
|
82
|
-
}
|
83
|
-
break;
|
84
|
-
}
|
85
|
-
}
|
86
|
-
},
|
87
|
-
});
|
88
|
-
const { overlayProps } = useOverlayPosition({
|
89
|
-
targetRef,
|
90
|
-
overlayRef,
|
91
|
-
placement: 'bottom start',
|
92
|
-
shouldFlip: true,
|
93
|
-
isOpen,
|
94
|
-
});
|
95
|
-
const inputProps = getInputProps(getDropdownProps({ disabled: disabled || readOnly }));
|
96
|
-
const renderChips = () => {
|
97
|
-
return selectedItems.map((selectedItem, index) => (React.createElement(InputChip, Object.assign({ key: `${itemToString(selectedItem)}.chip`, className: tw('mx-0'), disabled: disabled, readOnly: readOnly }, getSelectedItemProps({ selectedItem, index }), { onClick: (e) => {
|
98
|
-
e.preventDefault();
|
99
|
-
e.stopPropagation();
|
100
|
-
removeSelectedItem(selectedItem);
|
101
|
-
} }), itemToString(selectedItem))));
|
102
|
-
};
|
103
|
-
const hasNoResults = options.length === 0 || filteredOptions.length === 0;
|
104
|
-
const width = (_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth;
|
105
|
-
const style = isOpen ? Object.assign(Object.assign({}, overlayProps.style), { width }) : { display: 'none' };
|
106
|
-
return (React.createElement("div", { className: tw('relative') },
|
107
|
-
React.createElement(Select.InputContainer, { ref: targetRef, variant: disabled ? 'disabled' : !valid ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default' },
|
108
|
-
React.createElement("div", { className: 'grow inline-flex flex-row flex-wrap gap-2' },
|
109
|
-
!hideChips && inline && renderChips(),
|
110
|
-
React.createElement(Select.Input, Object.assign({ id: id, name: name, placeholder: selectedItems.length === 0 && !readOnly ? placeholder : '', value: inputValue !== null && inputValue !== void 0 ? inputValue : '' }, inputProps, props, { disabled: disabled, readOnly: readOnly, onClick: readOnly ? undefined : openMenu, onKeyDown: (e) => {
|
111
|
-
var _a;
|
112
|
-
e.stopPropagation();
|
113
|
-
(_a = inputProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
|
114
|
-
}, onKeyUp: (e) => e.stopPropagation(), onFocus: () => setFocus(true), onBlur: (e) => {
|
115
|
-
var _a;
|
116
|
-
setFocus(false);
|
117
|
-
(_a = inputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
|
118
|
-
} }))),
|
119
|
-
!readOnly && React.createElement(Select.Toggle, Object.assign({ hasFocus: hasFocus, isOpen: isOpen }, getToggleButtonProps({ disabled })))),
|
120
|
-
!hideChips && !inline && React.createElement("div", { className: tw('flex flex-row flex-wrap gap-2 mt-2') }, renderChips()),
|
121
|
-
React.createElement(PopoverWrapper
|
122
|
-
// Downshift expects the menu to be in the DOM all the time.
|
123
|
-
, Object.assign({
|
124
|
-
// Downshift expects the menu to be in the DOM all the time.
|
125
|
-
isOpen: true, isDismissable: true, autoFocus: true }, getMenuProps({ ref: overlayRef }), { style: style, onClose: closeMenu, className: tw('overflow-y-auto') }),
|
126
|
-
React.createElement(Select.Menu, { maxHeight: maxHeight },
|
127
|
-
isOpen && hasNoResults && React.createElement(Select.NoResults, null, noResults),
|
128
|
-
isOpen &&
|
129
|
-
filteredOptions.map((item, index) => (React.createElement(Select.Item, Object.assign({ key: itemToString(item), highlighted: index === highlightedIndex, selected: selectedItems.includes(item) }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))))));
|
130
|
-
};
|
131
|
-
const MultiSelectBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
|
132
|
-
MultiSelectBase.Skeleton = MultiSelectBaseSkeleton;
|
133
|
-
export const MultiSelect = (_a) => {
|
134
|
-
var _b;
|
135
|
-
var { options, noResults } = _a, props = __rest(_a, ["options", "noResults"]);
|
136
|
-
// we need a unique ID and stable to be used for an accessible connection between the input and its error message
|
137
|
-
const id = useRef((_b = props.id) !== null && _b !== void 0 ? _b : `multiselect-${uniqueId()}`);
|
138
|
-
const errorMessageId = uniqueId();
|
139
|
-
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
140
|
-
const labelControlProps = getLabelControlProps(props);
|
141
|
-
const baseProps = omit(props, Object.keys(labelControlProps));
|
142
|
-
return (React.createElement(LabelControl, Object.assign({ id: `${id.current}-label`, htmlFor: `${id.current}-input`, messageId: errorMessageId }, labelControlProps),
|
143
|
-
React.createElement(MultiSelectBase, Object.assign({}, baseProps, errorProps, { id: id.current, options: options, noResults: noResults, disabled: props.disabled, valid: props.valid }))));
|
144
|
-
};
|
145
|
-
const MultiSelectSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
|
146
|
-
React.createElement(MultiSelectBase.Skeleton, null)));
|
147
|
-
MultiSelect.Skeleton = MultiSelectSkeleton;
|
148
|
-
MultiSelect.Skeleton.displayName = 'MultiSelect.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
149
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlTZWxlY3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9NdWx0aVNlbGVjdC9NdWx0aVNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDaEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDMUQsT0FBTyxFQUFrQyxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDOUYsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBQ2pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLE1BQU0sTUFBTSxlQUFlLENBQUM7QUFDbkMsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUczQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDaEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFbEcsT0FBTyxFQUEwQixvQkFBb0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFZeEMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLENBQXlCLEVBdUJBLEVBQW9ELEVBQUU7O1FBdkJ0RCxFQUN0RCxFQUFFLEVBQ0YsSUFBSSxFQUNKLFdB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
|