@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.
Files changed (278) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +50 -53
  4. package/dist/atoms.mjs +46 -49
  5. package/dist/src/{common → atoms}/Alert/Alert.d.ts +2 -2
  6. package/dist/src/atoms/Alert/Alert.js +74 -0
  7. package/dist/src/{common → atoms}/Banner/Banner.d.ts +2 -2
  8. package/dist/src/atoms/Banner/Banner.js +57 -0
  9. package/dist/src/atoms/Card/Card.js +54 -0
  10. package/dist/src/{common → atoms}/Checkbox/Checkbox.js +2 -2
  11. package/dist/src/{common → atoms}/Chip/Chip.js +1 -1
  12. package/dist/src/{common → atoms}/DataList/DataList.js +3 -3
  13. package/dist/src/{common → atoms}/Dialog/Dialog.d.ts +1 -1
  14. package/dist/src/{common → atoms}/Dialog/Dialog.js +1 -1
  15. package/dist/src/atoms/DropdownMenu/DropdownMenu.js +62 -0
  16. package/dist/src/{common → atoms}/InputGroup/InputGroup.d.ts +1 -1
  17. package/dist/src/{common → atoms}/InputGroup/InputGroup.js +2 -2
  18. package/dist/src/atoms/LineClamp/LineClamp.d.ts +11 -0
  19. package/dist/src/atoms/LineClamp/LineClamp.js +20 -0
  20. package/dist/src/{common → atoms}/Link/Link.js +1 -1
  21. package/dist/src/{common → atoms}/Modal/Modal.d.ts +1 -1
  22. package/dist/src/atoms/Modal/Modal.js +68 -0
  23. package/dist/src/{common → atoms}/Popover/Popover.js +2 -2
  24. package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.js +2 -2
  25. package/dist/src/{common → atoms}/ProgressBar/ProgressBar.js +1 -1
  26. package/dist/src/{common → atoms}/RadioButton/RadioButton.js +1 -1
  27. package/dist/src/{common → atoms}/Section/Section.d.ts +2 -2
  28. package/dist/src/atoms/Section/Section.js +46 -0
  29. package/dist/src/{common → atoms}/Select/Select.js +2 -2
  30. package/dist/src/{common → atoms}/Stepper/Stepper.js +2 -2
  31. package/dist/src/{common → atoms}/Switch/Switch.js +1 -1
  32. package/dist/src/{common → atoms}/Table/Table.d.ts +2 -2
  33. package/dist/src/atoms/Table/Table.js +91 -0
  34. package/dist/src/{common → atoms}/Timeline/Timeline.js +1 -1
  35. package/dist/src/{common → atoms}/Typography/Typography.js +1 -1
  36. package/dist/src/{common → atoms}/index.js +1 -1
  37. package/dist/src/{components → molecules}/Alert/Alert.d.ts +1 -1
  38. package/dist/src/molecules/Alert/Alert.js +12 -0
  39. package/dist/src/molecules/Avatar/Avatar.js +10 -0
  40. package/dist/src/{components → molecules}/Badge/Badge.js +1 -1
  41. package/dist/src/{components → molecules}/Banner/Banner.d.ts +1 -1
  42. package/dist/src/molecules/Banner/Banner.js +44 -0
  43. package/dist/src/{components → molecules}/Box/Box.d.ts +2 -2
  44. package/dist/src/{components → molecules}/Box/Box.js +2 -2
  45. package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.js +2 -2
  46. package/dist/src/molecules/Button/Button.js +105 -0
  47. package/dist/src/{components → molecules}/Card/Card.d.ts +1 -1
  48. package/dist/src/molecules/Card/Card.js +48 -0
  49. package/dist/src/{components → molecules}/Card/Compact.d.ts +1 -1
  50. package/dist/src/molecules/Card/Compact.js +43 -0
  51. package/dist/src/{components → molecules}/Card/types.js +1 -1
  52. package/dist/src/{components → molecules}/Carousel/Carousel.js +4 -4
  53. package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts +1 -1
  54. package/dist/src/molecules/Checkbox/Checkbox.js +29 -0
  55. package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts +2 -2
  56. package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +61 -0
  57. package/dist/src/{components → molecules}/Chip/Chip.d.ts +1 -1
  58. package/dist/src/molecules/Chip/Chip.js +64 -0
  59. package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js +1 -1
  60. package/dist/src/molecules/Combobox/Combobox.js +109 -0
  61. package/dist/src/molecules/Container/Container.js +18 -0
  62. package/dist/src/molecules/Context/Context.js +18 -0
  63. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts +1 -1
  64. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js +2 -2
  65. package/dist/src/molecules/DataList/DataList.js +24 -0
  66. package/dist/src/{components → molecules}/DataTable/DataTable.d.ts +1 -1
  67. package/dist/src/molecules/DataTable/DataTable.js +42 -0
  68. package/dist/src/{components → molecules}/Dialog/Dialog.d.ts +2 -2
  69. package/dist/src/molecules/Dialog/Dialog.js +41 -0
  70. package/dist/src/{components → molecules}/Divider/Divider.js +1 -1
  71. package/dist/src/{components → molecules}/Dropdown/Dropdown.d.ts +2 -2
  72. package/dist/src/molecules/Dropdown/Dropdown.js +87 -0
  73. package/dist/src/{components → molecules}/DropdownMenu/DropdownMenu.d.ts +1 -1
  74. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +148 -0
  75. package/dist/src/molecules/DropdownMenu/utils.js +20 -0
  76. package/dist/src/{components → molecules}/Element/Element.js +1 -1
  77. package/dist/src/molecules/EmptyState/EmptyState.js +74 -0
  78. package/dist/src/{components → molecules}/Flexbox/Flexbox.d.ts +1 -1
  79. package/dist/src/molecules/Flexbox/Flexbox.js +19 -0
  80. package/dist/src/{components → molecules}/Flexbox/FlexboxItem.d.ts +1 -1
  81. package/dist/src/molecules/Flexbox/FlexboxItem.js +16 -0
  82. package/dist/src/{components → molecules}/Grid/Grid.d.ts +1 -1
  83. package/dist/src/molecules/Grid/Grid.js +31 -0
  84. package/dist/src/{components → molecules}/Grid/GridItem.d.ts +1 -1
  85. package/dist/src/molecules/Grid/GridItem.js +20 -0
  86. package/dist/src/{components → molecules}/Icon/Icon.js +1 -1
  87. package/dist/src/{components → molecules}/Input/Input.js +2 -2
  88. package/dist/src/{components → molecules}/LineClamp/LineClamp.d.ts +9 -1
  89. package/dist/src/molecules/LineClamp/LineClamp.js +21 -0
  90. package/dist/src/{components → molecules}/Link/Link.d.ts +1 -1
  91. package/dist/src/molecules/Link/Link.js +4 -0
  92. package/dist/src/molecules/List/List.js +6 -0
  93. package/dist/src/molecules/ListItem/ListItem.js +10 -0
  94. package/dist/src/{components → molecules}/Modal/Modal.d.ts +2 -2
  95. package/dist/src/{components → molecules}/Modal/Modal.js +4 -4
  96. package/dist/src/{components → molecules}/MultiInput/InputChip.js +3 -3
  97. package/dist/src/molecules/MultiInput/MultiInput.js +153 -0
  98. package/dist/src/{components → molecules}/MultiSelect/MultiSelect.d.ts +1 -1
  99. package/dist/src/molecules/MultiSelect/MultiSelect.js +149 -0
  100. package/dist/src/{components → molecules}/NativeSelect/NativeSelect.js +3 -3
  101. package/dist/src/{components → molecules}/PageHeader/PageHeader.d.ts +1 -1
  102. package/dist/src/molecules/PageHeader/PageHeader.js +40 -0
  103. package/dist/src/molecules/Pagination/Pagination.js +52 -0
  104. package/dist/src/molecules/Pagination/usePagination.js +36 -0
  105. package/dist/src/{components → molecules}/Popover/Popover.d.ts +1 -1
  106. package/dist/src/molecules/Popover/Popover.js +79 -0
  107. package/dist/src/molecules/Popover/PopoverContext.js +10 -0
  108. package/dist/src/molecules/Popover/PopoverWrapper.js +34 -0
  109. package/dist/src/{components → molecules}/PopoverDialog/PopoverDialog.d.ts +2 -2
  110. package/dist/src/molecules/PopoverDialog/PopoverDialog.js +28 -0
  111. package/dist/src/molecules/Portal/Portal.js +3 -0
  112. package/dist/src/molecules/ProgressBar/ProgressBar.js +23 -0
  113. package/dist/src/{components → molecules}/RadioButton/RadioButton.d.ts +1 -1
  114. package/dist/src/molecules/RadioButton/RadioButton.js +29 -0
  115. package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
  116. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +65 -0
  117. package/dist/src/{components → molecules}/Section/Section.js +4 -4
  118. package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js +1 -1
  119. package/dist/src/molecules/Select/Select.js +144 -0
  120. package/dist/src/molecules/Skeleton/Skeleton.js +18 -0
  121. package/dist/src/molecules/Spacing/Spacing.d.ts +14 -0
  122. package/dist/src/molecules/Spacing/Spacing.js +18 -0
  123. package/dist/src/molecules/Stepper/Stepper.js +25 -0
  124. package/dist/src/{components → molecules}/Switch/Switch.d.ts +1 -1
  125. package/dist/src/molecules/Switch/Switch.js +29 -0
  126. package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts +2 -2
  127. package/dist/src/molecules/SwitchGroup/SwitchGroup.js +59 -0
  128. package/dist/src/{components → molecules}/Table/Table.d.ts +1 -1
  129. package/dist/src/{components → molecules}/Table/Table.js +2 -2
  130. package/dist/src/molecules/Tabs/Tabs.js +220 -0
  131. package/dist/src/{components → molecules}/TagLabel/TagLabel.js +1 -1
  132. package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js +1 -1
  133. package/dist/src/molecules/Template/Template.js +23 -0
  134. package/dist/src/molecules/Textarea/Textarea.js +46 -0
  135. package/dist/src/molecules/Timeline/Timeline.js +42 -0
  136. package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts +1 -1
  137. package/dist/src/molecules/Tooltip/Tooltip.js +110 -0
  138. package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js +1 -1
  139. package/dist/src/{components → molecules}/Typography/Typography.d.ts +1 -1
  140. package/dist/src/molecules/Typography/Typography.js +89 -0
  141. package/dist/src/{components → molecules}/index.d.ts +1 -0
  142. package/dist/src/{components → molecules}/index.js +3 -2
  143. package/dist/src/system.d.ts +3 -3
  144. package/dist/src/system.js +4 -4
  145. package/dist/src/utils/constants.js +2 -2
  146. package/dist/src/utils/form/FormControl/FormControl.js +2 -2
  147. package/dist/src/utils/form/HelperText/HelperText.js +2 -2
  148. package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
  149. package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
  150. package/dist/src/utils/form/Label/Label.d.ts +1 -1
  151. package/dist/src/utils/form/Label/Label.js +3 -3
  152. package/dist/src/utils/table/types.d.ts +2 -2
  153. package/dist/src/utils/useStyle.js +2 -2
  154. package/dist/styles.css +832 -809
  155. package/dist/styles_timescaledb.css +832 -809
  156. package/dist/system.cjs +261 -240
  157. package/dist/system.mjs +254 -234
  158. package/dist/tailwind.config.js +0 -1
  159. package/dist/tsconfig.module.tsbuildinfo +1 -1
  160. package/dist/types/ActionType.d.ts +1 -1
  161. package/dist/types/tailwindGenerated.d.ts +1 -1
  162. package/package.json +4 -4
  163. package/dist/src/common/Alert/Alert.js +0 -74
  164. package/dist/src/common/Banner/Banner.js +0 -57
  165. package/dist/src/common/Card/Card.js +0 -54
  166. package/dist/src/common/DropdownMenu/DropdownMenu.js +0 -62
  167. package/dist/src/common/LineClamp/LineClamp.d.ts +0 -9
  168. package/dist/src/common/LineClamp/LineClamp.js +0 -18
  169. package/dist/src/common/Modal/Modal.js +0 -68
  170. package/dist/src/common/Section/Section.js +0 -46
  171. package/dist/src/common/Table/Table.js +0 -91
  172. package/dist/src/components/Alert/Alert.js +0 -12
  173. package/dist/src/components/Avatar/Avatar.js +0 -10
  174. package/dist/src/components/Banner/Banner.js +0 -44
  175. package/dist/src/components/Button/Button.js +0 -105
  176. package/dist/src/components/Card/Card.js +0 -48
  177. package/dist/src/components/Card/Compact.js +0 -43
  178. package/dist/src/components/Checkbox/Checkbox.js +0 -29
  179. package/dist/src/components/CheckboxGroup/CheckboxGroup.js +0 -61
  180. package/dist/src/components/Chip/Chip.js +0 -64
  181. package/dist/src/components/Combobox/Combobox.js +0 -109
  182. package/dist/src/components/Container/Container.js +0 -18
  183. package/dist/src/components/Context/Context.js +0 -18
  184. package/dist/src/components/DataList/DataList.js +0 -24
  185. package/dist/src/components/DataTable/DataTable.js +0 -42
  186. package/dist/src/components/Dialog/Dialog.js +0 -41
  187. package/dist/src/components/Dropdown/Dropdown.js +0 -87
  188. package/dist/src/components/DropdownMenu/DropdownMenu.js +0 -148
  189. package/dist/src/components/DropdownMenu/utils.js +0 -20
  190. package/dist/src/components/EmptyState/EmptyState.js +0 -74
  191. package/dist/src/components/Flexbox/Flexbox.js +0 -19
  192. package/dist/src/components/Flexbox/FlexboxItem.js +0 -16
  193. package/dist/src/components/Grid/Grid.js +0 -31
  194. package/dist/src/components/Grid/GridItem.js +0 -20
  195. package/dist/src/components/LineClamp/LineClamp.js +0 -17
  196. package/dist/src/components/Link/Link.js +0 -4
  197. package/dist/src/components/List/List.js +0 -6
  198. package/dist/src/components/ListItem/ListItem.js +0 -10
  199. package/dist/src/components/MultiInput/MultiInput.js +0 -153
  200. package/dist/src/components/MultiSelect/MultiSelect.js +0 -149
  201. package/dist/src/components/PageHeader/PageHeader.js +0 -40
  202. package/dist/src/components/Pagination/Pagination.js +0 -52
  203. package/dist/src/components/Pagination/usePagination.js +0 -36
  204. package/dist/src/components/Popover/Popover.js +0 -79
  205. package/dist/src/components/Popover/PopoverContext.js +0 -10
  206. package/dist/src/components/Popover/PopoverWrapper.js +0 -36
  207. package/dist/src/components/PopoverDialog/PopoverDialog.js +0 -28
  208. package/dist/src/components/Portal/Portal.js +0 -3
  209. package/dist/src/components/ProgressBar/ProgressBar.js +0 -23
  210. package/dist/src/components/RadioButton/RadioButton.js +0 -29
  211. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +0 -65
  212. package/dist/src/components/Select/Select.js +0 -144
  213. package/dist/src/components/Skeleton/Skeleton.js +0 -18
  214. package/dist/src/components/Stepper/Stepper.js +0 -25
  215. package/dist/src/components/Switch/Switch.js +0 -29
  216. package/dist/src/components/SwitchGroup/SwitchGroup.js +0 -59
  217. package/dist/src/components/Tabs/Tabs.js +0 -220
  218. package/dist/src/components/Template/Template.js +0 -23
  219. package/dist/src/components/Textarea/Textarea.js +0 -46
  220. package/dist/src/components/Timeline/Timeline.js +0 -42
  221. package/dist/src/components/Tooltip/Tooltip.js +0 -110
  222. package/dist/src/components/Typography/Typography.js +0 -89
  223. /package/dist/src/{common → atoms}/Card/Card.d.ts +0 -0
  224. /package/dist/src/{common → atoms}/Checkbox/Checkbox.d.ts +0 -0
  225. /package/dist/src/{common → atoms}/Chip/Chip.d.ts +0 -0
  226. /package/dist/src/{common → atoms}/DataList/DataList.d.ts +0 -0
  227. /package/dist/src/{common → atoms}/DropdownMenu/DropdownMenu.d.ts +0 -0
  228. /package/dist/src/{common → atoms}/Link/Link.d.ts +0 -0
  229. /package/dist/src/{common → atoms}/Popover/Popover.d.ts +0 -0
  230. /package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.d.ts +0 -0
  231. /package/dist/src/{common → atoms}/ProgressBar/ProgressBar.d.ts +0 -0
  232. /package/dist/src/{common → atoms}/RadioButton/RadioButton.d.ts +0 -0
  233. /package/dist/src/{common → atoms}/Select/Select.d.ts +0 -0
  234. /package/dist/src/{common → atoms}/Stepper/Stepper.d.ts +0 -0
  235. /package/dist/src/{common → atoms}/Switch/Switch.d.ts +0 -0
  236. /package/dist/src/{common → atoms}/Timeline/Timeline.d.ts +0 -0
  237. /package/dist/src/{common → atoms}/Typography/Typography.d.ts +0 -0
  238. /package/dist/src/{common → atoms}/index.d.ts +0 -0
  239. /package/dist/src/{components → molecules}/Avatar/Avatar.d.ts +0 -0
  240. /package/dist/src/{components → molecules}/Badge/Badge.d.ts +0 -0
  241. /package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.d.ts +0 -0
  242. /package/dist/src/{components → molecules}/Button/Button.d.ts +0 -0
  243. /package/dist/src/{components → molecules}/Card/types.d.ts +0 -0
  244. /package/dist/src/{components → molecules}/Carousel/Carousel.d.ts +0 -0
  245. /package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.d.ts +0 -0
  246. /package/dist/src/{components → molecules}/Combobox/Combobox.d.ts +0 -0
  247. /package/dist/src/{components → molecules}/Container/Container.d.ts +0 -0
  248. /package/dist/src/{components → molecules}/Context/Context.d.ts +0 -0
  249. /package/dist/src/{components → molecules}/DataList/DataList.d.ts +0 -0
  250. /package/dist/src/{components → molecules}/Divider/Divider.d.ts +0 -0
  251. /package/dist/src/{components → molecules}/DropdownMenu/utils.d.ts +0 -0
  252. /package/dist/src/{components → molecules}/Element/Element.d.ts +0 -0
  253. /package/dist/src/{components → molecules}/EmptyState/EmptyState.d.ts +0 -0
  254. /package/dist/src/{components → molecules}/Icon/Icon.d.ts +0 -0
  255. /package/dist/src/{components → molecules}/Input/Input.d.ts +0 -0
  256. /package/dist/src/{components → molecules}/List/List.d.ts +0 -0
  257. /package/dist/src/{components → molecules}/ListItem/ListItem.d.ts +0 -0
  258. /package/dist/src/{components → molecules}/MultiInput/InputChip.d.ts +0 -0
  259. /package/dist/src/{components → molecules}/MultiInput/MultiInput.d.ts +0 -0
  260. /package/dist/src/{components → molecules}/NativeSelect/NativeSelect.d.ts +0 -0
  261. /package/dist/src/{components → molecules}/Pagination/Pagination.d.ts +0 -0
  262. /package/dist/src/{components → molecules}/Pagination/usePagination.d.ts +0 -0
  263. /package/dist/src/{components → molecules}/Popover/PopoverContext.d.ts +0 -0
  264. /package/dist/src/{components → molecules}/Popover/PopoverWrapper.d.ts +0 -0
  265. /package/dist/src/{components → molecules}/Portal/Portal.d.ts +0 -0
  266. /package/dist/src/{components → molecules}/ProgressBar/ProgressBar.d.ts +0 -0
  267. /package/dist/src/{components → molecules}/Section/Section.d.ts +0 -0
  268. /package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.d.ts +0 -0
  269. /package/dist/src/{components → molecules}/Select/Select.d.ts +0 -0
  270. /package/dist/src/{components → molecules}/Skeleton/Skeleton.d.ts +0 -0
  271. /package/dist/src/{components → molecules}/Stepper/Stepper.d.ts +0 -0
  272. /package/dist/src/{components → molecules}/Tabs/Tabs.d.ts +0 -0
  273. /package/dist/src/{components → molecules}/TagLabel/TagLabel.d.ts +0 -0
  274. /package/dist/src/{components → molecules}/Tailwindify/Tailwindify.d.ts +0 -0
  275. /package/dist/src/{components → molecules}/Template/Template.d.ts +0 -0
  276. /package/dist/src/{components → molecules}/Textarea/Textarea.d.ts +0 -0
  277. /package/dist/src/{components → molecules}/Timeline/Timeline.d.ts +0 -0
  278. /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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