@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,21 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { GhostButton } from '../../../src/molecules/Button/Button';
|
3
|
+
import { LineClamp as Base } from '../../../src/atoms/LineClamp/LineClamp';
|
4
|
+
export const LineClamp = ({ lines, children, wordBreak, expandLabel, collapseLabel, onClampedChange, }) => {
|
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
|
+
const handleClampedChange = () => {
|
14
|
+
setClamped(!clamped);
|
15
|
+
onClampedChange === null || onClampedChange === void 0 ? void 0 : onClampedChange(!clamped);
|
16
|
+
};
|
17
|
+
return (React.createElement("div", null,
|
18
|
+
React.createElement(Base, { ref: ref, lines: lines, clamped: clamped, wordBreak: wordBreak }, children),
|
19
|
+
expandLabel && isClampingEnabled && (React.createElement(GhostButton, { dense: true, onClick: handleClampedChange }, clamped ? expandLabel : collapseLabel))));
|
20
|
+
};
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNsYW1wLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9MaW5lQ2xhbXAvTGluZUNsYW1wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRTFELE9BQU8sRUFBOEIsU0FBUyxJQUFJLElBQUksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBb0M5RixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFDbEQsS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsV0FBVyxFQUNYLGFBQWEsRUFDYixlQUFlLEdBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuRCxNQUFNLENBQUMsaUJBQWlCLEVBQUUsa0JBQWtCLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRXRFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFOztRQUNuQixNQUFNLEVBQUUsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO1FBQ3ZCLGtCQUFrQixDQUFDLENBQUMsTUFBQSxFQUFFLGFBQUYsRUFBRSx1QkFBRixFQUFFLENBQUUsWUFBWSxtQ0FBSSxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQUEsRUFBRSxhQUFGLEVBQUUsdUJBQUYsRUFBRSxDQUFFLFlBQVksbUNBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RSxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVsQixNQUFNLG1CQUFtQixHQUFHLEdBQUcsRUFBRTtRQUMvQixVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyQixlQUFlLGFBQWYsZUFBZSx1QkFBZixlQUFlLENBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM5QixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0w7UUFDRSxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsSUFDakUsUUFBUSxDQUNKO1FBQ04sV0FBVyxJQUFJLGlCQUFpQixJQUFJLENBQ25DLG9CQUFDLFdBQVcsSUFBQyxLQUFLLFFBQUMsT0FBTyxFQUFFLG1CQUFtQixJQUM1QyxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUMxQixDQUNmLENBQ0csQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Link as LinkBase } from '../../../src/atoms/Link/Link';
|
3
|
+
export const Link = (props) => React.createElement(LinkBase, Object.assign({}, props));
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFrQixJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdkUsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUEyQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsUUFBUSxvQkFBSyxLQUFLLEVBQUksQ0FBQyJ9
|
@@ -0,0 +1,6 @@
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFvQjFCLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxDQUFpQixFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsU0FBUyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWdCLEVBQWUsRUFBRTtJQUNuSCxNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUM7SUFDNUIsT0FBTyxvQkFBQyxTQUFTLFFBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBYSxDQUFDO0FBQ3hELENBQUMsQ0FBQyJ9
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
3
|
+
import { Typography } from '../../../src/molecules/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0xpc3RJdGVtL0xpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQVFqRSxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTBDLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQ2hHLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsVUFBVSxFQUFFLFFBQVE7UUFDM0Isb0JBQUMsVUFBVSxJQUNULE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUMxQyxLQUFLLEVBQUUsU0FBUyxFQUNoQixPQUFPLEVBQUUsTUFBTSxFQUNmLFNBQVMsRUFBRSwwQkFBMEIsTUFBTSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFO1lBRS9FLDZCQUFLLEdBQUcsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsR0FBSTtZQUM3RSxJQUFJLENBQ00sQ0FDTCxDQUNYLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type TabProps, type TabsProps } from '../../../src/
|
3
|
-
import { Modal as BaseModal } from '../../../src/
|
2
|
+
import { type TabProps, type TabsProps } from '../../../src/molecules/Tabs/Tabs';
|
3
|
+
import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
|
4
4
|
import { type AsyncActionType } from '../../../types/ActionType';
|
5
5
|
export declare type ModalProps = {
|
6
6
|
/** Modal title */
|
@@ -17,9 +17,9 @@ import { useId } from '@react-aria/utils';
|
|
17
17
|
import { useOverlayTriggerState } from '@react-stately/overlays';
|
18
18
|
import castArray from 'lodash/castArray';
|
19
19
|
import omit from 'lodash/omit';
|
20
|
-
import { IconButton, PrimaryButton, SecondaryButton } from '../../../src/
|
21
|
-
import { createTabsComponent, ModalTab, ModalTabContainer, TabItem, } from '../../../src/
|
22
|
-
import { Modal as BaseModal } from '../../../src/
|
20
|
+
import { IconButton, PrimaryButton, SecondaryButton } from '../../../src/molecules/Button/Button';
|
21
|
+
import { createTabsComponent, ModalTab, ModalTabContainer, TabItem, } from '../../../src/molecules/Tabs/Tabs';
|
22
|
+
import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
|
23
23
|
import { tw } from '../../../src/utils/tailwind';
|
24
24
|
import { isComponentType } from '../../../types/utils';
|
25
25
|
import cross from '../../../src/icons/cross';
|
@@ -64,4 +64,4 @@ export const Modal = ({ title, open, subtitle, headerImage, onClose, children, p
|
|
64
64
|
};
|
65
65
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
66
66
|
React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RixPQUFPLEVBSUwsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixpQkFBaUIsRUFDakIsT0FBTyxHQUNSLE1BQU0seUJBQXlCLENBQUM7QUFFakMsT0FBTyxFQUFFLEtBQUssSUFBSSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQW9DcEMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQzFDLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLFdBQVcsRUFDWCxPQUFPLEVBQ1AsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsSUFB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
|
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { Icon } from '../../../src/
|
14
|
-
import { Typography } from '../../../src/
|
13
|
+
import { Icon } from '../../../src/molecules/Icon/Icon';
|
14
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
15
15
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
16
|
import smallCross from '../../../src/icons/smallCross';
|
17
17
|
export const InputChip = React.forwardRef((_a, ref) => {
|
@@ -34,4 +34,4 @@ export const InputChip = React.forwardRef((_a, ref) => {
|
|
34
34
|
'text-grey-70': !invalid,
|
35
35
|
}) })))));
|
36
36
|
});
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRDaGlwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9NdWx0aUlucHV0L0lucHV0Q2hpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQTBCLE1BQU0sT0FBTyxDQUFDO0FBRS9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFVBQVUsTUFBTSxzQkFBc0IsQ0FBQztBQU85QyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdkMsQ0FBQyxFQUF5RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWxHLEVBQUUsT0FBTyxHQUFHLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBdkYsdUVBQXlGLENBQUY7SUFDdEYsTUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUE2QixFQUFFLEVBQUU7UUFDaEQsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUMxQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsQ0FBQyxDQUFDLENBQUM7U0FDZjtJQUNILENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCwyQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxRQUFRLEVBQ2IsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsMkVBQTJFLEVBQUU7WUFDNUcsYUFBYSxFQUFFLE9BQU87WUFDdEIsV0FBVyxFQUFFLENBQUMsT0FBTyxJQUFJLENBQUMsUUFBUTtZQUNsQyxnQkFBZ0IsRUFBRSxRQUFRO1lBQzFCLCtCQUErQixFQUFFLFFBQVE7U0FDMUMsQ0FBQyxFQUNGLE9BQU8sRUFBRSxPQUFPLElBQ1osS0FBSztRQUVULG9CQUFDLFVBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDdkYsUUFBUSxDQUNFO1FBQ1osQ0FBQyxRQUFRLElBQUksQ0FDWjtZQUNFLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsVUFBVSxFQUNoQixTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sRUFBRTtvQkFDcEIsZUFBZSxFQUFFLE9BQU87b0JBQ3hCLGNBQWMsRUFBRSxDQUFDLE9BQU87aUJBQ3pCLENBQUMsR0FDRixDQUNFLENBQ1AsQ0FDRyxDQUNQLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
@@ -0,0 +1,153 @@
|
|
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/molecules/MultiInput/InputChip';
|
18
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
19
|
+
import { Select } from '../../../src/atoms/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlJbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTXVsdGlJbnB1dC9NdWx0aUlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDM0QsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWpELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUM5RSxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTZCeEMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQXVCLEVBdUJ6QixFQUFpRCxFQUFFOztRQXZCMUIsRUFDbkQsRUFBRSxFQUNGLElBQUksRUFDSixJQUFJLEVBQ0osV0FBVyxFQUNYLFNBQVMsRUFDVCxTQUFTLEdBQUcsT0FBTyxFQUNuQixZQUFZLEVBQ1osS0FBSyxFQUNMLFlBQVksRUFDWixHQUFHLEVBQ0gsU0FBUyxHQUFHLEdBQUcsRUFDZixNQUFNLEdBQUcsSUFBSSxFQUNiLFlBQVksR0FBRyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxF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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type ComboboxBaseProps } from '../../../src/
|
2
|
+
import { type ComboboxBaseProps } from '../../../src/molecules/Combobox/Combobox';
|
3
3
|
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
4
4
|
export declare type MultiSelectBaseProps<Option extends unknown> = Omit<ComboboxBaseProps<Option>, 'value' | 'onChange'> & {
|
5
5
|
readOnly?: boolean;
|
@@ -0,0 +1,149 @@
|
|
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/molecules/MultiInput/InputChip';
|
22
|
+
import { PopoverWrapper } from '../../../src/molecules/Popover/PopoverWrapper';
|
23
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
24
|
+
import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select } from '../../../src/atoms/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 }),
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlTZWxlY3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL011bHRpU2VsZWN0L011bHRpU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNoRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQWtDLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM5RixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLEtBQUssTUFBTSxjQUFjLENBQUM7QUFDakMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sTUFBTSxNQUFNLGVBQWUsQ0FBQztBQUNuQyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUMvRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVqRyxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVl4QyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBeUIsRUF1QkEsRUFBb0QsRUFBRTs7UUF2QnRELEVBQ3RELEVBQUUsRUFDRixJQUFJLEVBQ0osV0FB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
|
@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React, { useRef } from 'react';
|
13
13
|
import omit from 'lodash/omit';
|
14
14
|
import uniqueId from 'lodash/uniqueId';
|
15
|
-
import { Skeleton } from '../../../src/
|
16
|
-
import { Icon } from '../../../src/
|
15
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
16
|
+
import { Icon } from '../../../src/molecules';
|
17
17
|
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
18
18
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
19
19
|
import caretDown from '../../../src/icons/caretDown';
|
@@ -75,4 +75,4 @@ const NativeSelectSkeleton = () => (React.createElement(LabelControl.Skeleton, n
|
|
75
75
|
React.createElement("div", { style: { height: '1px' } })));
|
76
76
|
NativeSelect.Skeleton = NativeSelectSkeleton;
|
77
77
|
NativeSelect.Skeleton.displayName = 'NativeSelect.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF0aXZlU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9OYXRpdmVTZWxlY3QvTmF0aXZlU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyQyxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFhNUMsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQThCLEtBQUssQ0FBQyxVQUFVLENBQ3pFLENBQUMsRUFBMEYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFuRyxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsS0FBSyxHQUFHLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxPQUFZLEVBQVAsS0FBSyxjQUF4Rix5REFBMEYsQ0FBRjtJQUN2Rix1RUFBdUU7SUFDdkUsNkVBQTZFO0lBQzdFLDhFQUE4RTtJQUM5RSxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO0lBQ25FLGtDQUFrQztJQUNsQyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFL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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type BreadcrumbsProps } from '../../../src/
|
2
|
+
import { type BreadcrumbsProps } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
3
3
|
import { type AsyncActionType } from '../../../types/ActionType';
|
4
4
|
export declare type PageHeaderProps = {
|
5
5
|
/** Short and concise page title. */
|
@@ -0,0 +1,40 @@
|
|
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 castArray from 'lodash/castArray';
|
14
|
+
import omit from 'lodash/omit';
|
15
|
+
import { Breadcrumbs } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
16
|
+
import { PrimaryButton, SecondaryButton } from '../../../src/molecules/Button/Button';
|
17
|
+
import { Chip } from '../../../src/molecules/Chip/Chip';
|
18
|
+
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
19
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
20
|
+
import { tw } from '../../../src/utils/tailwind';
|
21
|
+
export const PageHeader = ({ title, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
22
|
+
return (React.createElement(Flexbox, { direction: "row", gap: "4", paddingBottom: "6" },
|
23
|
+
React.createElement(Flexbox, { className: tw('grow'), direction: "column", gap: "0" },
|
24
|
+
breadcrumbs && React.createElement(Breadcrumbs, null, breadcrumbs),
|
25
|
+
React.createElement(Flexbox, { gap: "5" },
|
26
|
+
image && React.createElement("img", { src: image, alt: imageAlt, className: tw('w-[56px] h-[56px]') }),
|
27
|
+
React.createElement(Flexbox, { direction: "column", justifyContent: "center" },
|
28
|
+
React.createElement(Typography.Heading, null, title),
|
29
|
+
chips.length > 0 && (React.createElement(Flexbox, { gap: "3" }, chips.map((chip) => (React.createElement(Chip, { key: chip, dense: true, text: chip })))))))),
|
30
|
+
(secondaryActions || primaryAction) && (React.createElement(Flexbox, { gap: "4", className: tw('self-start') },
|
31
|
+
secondaryActions &&
|
32
|
+
castArray(secondaryActions)
|
33
|
+
.filter(Boolean)
|
34
|
+
.map((_a) => {
|
35
|
+
var { text } = _a, action = __rest(_a, ["text"]);
|
36
|
+
return (React.createElement(SecondaryButton, Object.assign({ key: text }, action), text));
|
37
|
+
}),
|
38
|
+
primaryAction && (React.createElement(PrimaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
|
39
|
+
};
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUF5QixXQUFXLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdDeEMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQ3BELEtBQUssRUFDTCxLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsS0FBSyxHQUFHLEVBQUUsRUFDVixXQUFXLEdBQ1osRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsS0FBSyxFQUFDLEdBQUcsRUFBQyxHQUFHLEVBQUMsYUFBYSxFQUFDLEdBQUc7UUFDaEQsb0JBQUMsT0FBTyxJQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxFQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUMsR0FBRztZQUN2RCxXQUFXLElBQUksb0JBQUMsV0FBVyxRQUFFLFdBQVcsQ0FBZTtZQUN4RCxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUc7Z0JBQ2IsS0FBSyxJQUFJLDZCQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEdBQUk7Z0JBQ2hGLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsUUFBUSxFQUFDLGNBQWMsRUFBQyxRQUFRO29CQUNqRCxvQkFBQyxVQUFVLENBQUMsT0FBTyxRQUFFLEtBQUssQ0FBc0I7b0JBQy9DLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ25CLG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRyxJQUNiLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssUUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQ3RDLENBQUMsQ0FDTSxDQUNYLENBQ08sQ0FDRixDQUNGO1FBQ1QsQ0FBQyxnQkFBZ0IsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUN0QyxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUcsRUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztZQUN6QyxnQkFBZ0I7Z0JBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO3FCQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNuQyxJQUFJLENBQ1csQ0FDbkIsQ0FBQTtpQkFBQSxDQUFDO1lBQ0wsYUFBYSxJQUFJLENBQ2hCLG9CQUFDLGFBQWEsa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDcEUsYUFBYSxDQUFDLElBQUksQ0FDTCxDQUNqQixDQUNPLENBQ1gsQ0FDTyxDQUNYLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|