@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,109 +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
- // https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-collapsible.html
13
- import React, { useEffect, useRef, useState } from 'react';
14
- import { useOverlayPosition } from '@react-aria/overlays';
15
- import { useCombobox } from 'downshift';
16
- import omit from 'lodash/omit';
17
- import uniqueId from 'lodash/uniqueId';
18
- import { matchSorter } from 'match-sorter';
19
- import { PopoverWrapper } from '../../../src/components/Popover/PopoverWrapper';
20
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
21
- import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select } from '../../../src/common/Select/Select';
22
- import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
23
- import { tw } from '../../../src/utils/tailwind';
24
- export const ComboboxBase = (_a) => {
25
- var _b;
26
- var { id, name, placeholder, maxHeight, options, optionKeys = ['label', 'value'], noResults, optionToString: itemToString = getOptionLabelBuiltin, createOption, renderOption = (opt) => itemToString(opt), isOptionDisabled = isOptionDisabledBuiltin, defaultValue, value, onChange, children, valid = true, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "name", "placeholder", "maxHeight", "options", "optionKeys", "noResults", "optionToString", "createOption", "renderOption", "isOptionDisabled", "defaultValue", "value", "onChange", "children", "valid", "disabled", "readOnly"]);
27
- const targetRef = useRef(null);
28
- const overlayRef = useRef(null);
29
- const [inputItems, setInputItems] = useState(options);
30
- const [hasFocus, setFocus] = useState(false);
31
- const updateInputItems = (query) => {
32
- const keys = typeof options[0] === 'string' ? undefined : optionKeys;
33
- setInputItems(query ? matchSorter(options, query, { keys }) : options);
34
- };
35
- const { isOpen, getToggleButtonProps, getMenuProps, getInputProps, highlightedIndex, inputValue, getItemProps, selectedItem, closeMenu, openMenu, } = useCombobox({
36
- id,
37
- selectedItem: value,
38
- defaultSelectedItem: defaultValue,
39
- itemToString,
40
- items: inputItems,
41
- stateReducer: (_, actionChanges) => {
42
- const { changes, type } = actionChanges;
43
- switch (type) {
44
- case useCombobox.stateChangeTypes.InputBlur: {
45
- return Object.assign(Object.assign({}, changes), { selectedItem: createOption ? createOption === null || createOption === void 0 ? void 0 : createOption(changes.inputValue) : changes.selectedItem });
46
- }
47
- }
48
- return changes;
49
- },
50
- onSelectedItemChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.selectedItem),
51
- onInputValueChange: ({ inputValue }) => updateInputItems(inputValue),
52
- });
53
- const { overlayProps } = useOverlayPosition({
54
- targetRef,
55
- overlayRef,
56
- placement: 'bottom start',
57
- shouldFlip: true,
58
- isOpen,
59
- });
60
- useEffect(() => {
61
- updateInputItems(inputValue);
62
- }, [JSON.stringify(options)]);
63
- const inputProps = getInputProps({ disabled: disabled || readOnly });
64
- const hasNoResults = options.length === 0 || inputItems.length === 0;
65
- const width = (_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth;
66
- const style = isOpen ? Object.assign(Object.assign({}, overlayProps.style), { width }) : { display: 'none' };
67
- return (React.createElement("div", { className: tw('relative') },
68
- React.createElement(Select.InputContainer, { ref: targetRef, variant: disabled ? 'disabled' : !valid ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default' },
69
- React.createElement(Select.Input, Object.assign({ id: id, name: name, placeholder: readOnly ? undefined : placeholder }, inputProps, props, { disabled: disabled, readOnly: readOnly, onClick: readOnly ? undefined : openMenu, onFocus: () => {
70
- setFocus(true);
71
- }, onBlur: (e) => {
72
- var _a;
73
- setFocus(false);
74
- (_a = inputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
75
- }, onKeyDown: (e) => {
76
- var _a;
77
- e.stopPropagation();
78
- (_a = inputProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
79
- }, onKeyUp: (e) => e.stopPropagation() })),
80
- !readOnly && React.createElement(Select.Toggle, Object.assign({ hasFocus: hasFocus, isOpen: isOpen }, getToggleButtonProps({ disabled })))),
81
- React.createElement(PopoverWrapper
82
- // Downshift expects the menu to be in the DOM all the time.
83
- , Object.assign({
84
- // Downshift expects the menu to be in the DOM all the time.
85
- isOpen: true, isDismissable: true, autoFocus: true }, getMenuProps({ ref: overlayRef }), { style: style, onClose: closeMenu, className: tw('overflow-y-auto') }),
86
- React.createElement(Select.Menu, { maxHeight: maxHeight },
87
- isOpen && hasNoResults && React.createElement(Select.NoResults, null, noResults),
88
- isOpen &&
89
- inputItems.map((item, index) => (React.createElement(Select.Item, Object.assign({ key: itemToString(item), selected: item === selectedItem, highlighted: index === highlightedIndex }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))))));
90
- };
91
- const ComboboxBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
92
- ComboboxBase.Skeleton = ComboboxBaseSkeleton;
93
- export const Combobox = (_a) => {
94
- var _b;
95
- var { options, noResults } = _a, props = __rest(_a, ["options", "noResults"]);
96
- // we need a unique ID to be used for an accessible connection between the input and its error message
97
- const id = useRef((_b = props.id) !== null && _b !== void 0 ? _b : `combobox-${uniqueId()}`);
98
- const errorMessageId = uniqueId();
99
- const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
100
- const labelControlProps = getLabelControlProps(props);
101
- const baseProps = omit(props, Object.keys(labelControlProps));
102
- return (React.createElement(LabelControl, Object.assign({ id: `${id.current}-label`, htmlFor: `${id.current}-input`, messageId: errorMessageId }, labelControlProps),
103
- React.createElement(ComboboxBase, Object.assign({}, baseProps, errorProps, { id: id.current, options: options, noResults: noResults, disabled: props.disabled, valid: props.valid }))));
104
- };
105
- const ComboboxSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
106
- React.createElement(ComboboxBase.Skeleton, null)));
107
- Combobox.Skeleton = ComboboxSkeleton;
108
- Combobox.Skeleton.displayName = 'Combobox.Skeleton';
109
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tYm9ib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxxRkFBcUY7QUFDckYsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMzRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTNDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFNUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWxHLE9BQU8sRUFBMEIsb0JBQW9CLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBc0J4QyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsQ0FBeUIsRUFvQkEsRUFBaUQsRUFBRTs7UUFwQm5ELEVBQ25ELEVBQUUsRUFDRixJQUFJLEVBQ0osV0FBVyxFQUNYLFNBQVMsRUFDVCxPQUFPLEVBQ1AsVUFBVSxHQUFHLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxFQUMvQixTQUFTLEVBQ1QsY0FBYyxFQUFFLFlBQVksR0FBRyxxQkFBcUIsRUFDcEQsWUFBWSxFQUNaLFlBQVksR0FBRyxDQUFD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
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { Box } from '../../../src/components/Box/Box';
3
- import { tw } from '../../../src/utils/tailwind';
4
- /**
5
- *
6
- * @param maxWidth - Breakpoint
7
- * @default "xl"
8
- * @returns a component that centers its children and sets a max-width
9
- * @example <Container maxWidth="xs">...</Container>
10
- */
11
- export const Container = ({ maxWidth = 'xl', children }) => (React.createElement(Box, { marginLeft: "auto", marginRight: "auto", width: "full", className: tw({
12
- 'max-w-screen-xl': maxWidth === 'xl',
13
- 'max-w-screen-lg': maxWidth === 'lg',
14
- 'max-w-screen-md': maxWidth === 'md',
15
- 'max-w-screen-sm': maxWidth === 'sm',
16
- 'max-w-screen-xs': maxWidth === 'xs',
17
- }) }, children));
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFVeEM7Ozs7OztHQU1HO0FBQ0gsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQUUsUUFBUSxHQUFHLElBQUksRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDcEYsb0JBQUMsR0FBRyxJQUNGLFVBQVUsRUFBQyxNQUFNLEVBQ2pCLFdBQVcsRUFBQyxNQUFNLEVBQ2xCLEtBQUssRUFBQyxNQUFNLEVBQ1osU0FBUyxFQUFFLEVBQUUsQ0FBQztRQUNaLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO1FBQ3BDLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO1FBQ3BDLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO1FBQ3BDLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO1FBQ3BDLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO0tBQ3JDLENBQUMsSUFFRCxRQUFRLENBQ0wsQ0FDUCxDQUFDIn0=
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { ModalProvider } from '@react-aria/overlays';
3
- import { getMatches } from '../../../src/utils/breakpoints';
4
- import { useWindowSize } from '../../../src/utils/useWindowSize';
5
- export const Context = ({ children }) => {
6
- const windowSize = useWindowSize();
7
- const [breakpointMatches, setBreakpointMatches] = React.useState(getMatches(windowSize));
8
- React.useEffect(() => {
9
- setBreakpointMatches(getMatches(windowSize));
10
- }, [windowSize]);
11
- return (React.createElement(DesignSystemContext.Provider, { value: { breakpointMatches } },
12
- React.createElement(ModalProvider, null, children)));
13
- };
14
- const context = {
15
- breakpointMatches: getMatches(undefined),
16
- };
17
- export const DesignSystemContext = React.createContext(context);
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbnRleHQvQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVyRCxPQUFPLEVBQTBCLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQVV4RCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBZ0IsRUFBZSxFQUFFO0lBQ2pFLE1BQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBQ25DLE1BQU0sQ0FBQyxpQkFBaUIsRUFBRSxvQkFBb0IsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQW9CLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRTVHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLG9CQUFvQixDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFFakIsT0FBTyxDQUNMLG9CQUFDLG1CQUFtQixDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxpQkFBaUIsRUFBRTtRQUN4RCxvQkFBQyxhQUFhLFFBQUUsUUFBUSxDQUFpQixDQUNaLENBQ2hDLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBa0I7SUFDN0IsaUJBQWlCLEVBQUUsVUFBVSxDQUFDLFNBQVMsQ0FBQztDQUN6QyxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBZ0IsT0FBTyxDQUFDLENBQUMifQ==
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import orderBy from 'lodash/orderBy';
3
- import { SecondaryButton } from '../../../src/components/Button/Button';
4
- import { StatusChip } from '../../../src/components/Chip/Chip';
5
- import { Template } from '../../../src/components/Template/Template';
6
- import { DataList as DataListBase } from '../../../src/common/DataList/DataList';
7
- import { Item } from '../../../src/common/Table/Table';
8
- import { List } from '../../../src/components';
9
- import { renameProperty } from '../../../src/utils/object';
10
- import { cellProps, toSortDirection } from '../../../src/utils/table/types';
11
- import { useTableSort } from '../../../src/utils/table/useTableSort';
12
- export const DataList = ({ columns, rows, sticky }) => {
13
- const [sort, updateSort] = useTableSort();
14
- const sortedRows = orderBy(rows, [sort === null || sort === void 0 ? void 0 : sort.key], [toSortDirection(sort === null || sort === void 0 ? void 0 : sort.direction)]);
15
- const templateColumns = columns.map((column) => { var _a; return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto'; });
16
- return (React.createElement(Template, { columns: templateColumns },
17
- columns.map((column) => (column.type === 'text' || column.type === 'number') && column.sortable ? (React.createElement(DataListBase.SortCell, Object.assign({ direction: sort && sort.key === column.field ? sort.direction : 'none', onClick: () => updateSort(column.field), sticky: sticky }, cellProps(column)), column.headerName)) : (React.createElement(DataListBase.HeadCell, Object.assign({}, cellProps(column), { sticky: sticky }), column.headerName))),
18
- React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(DataListBase.Row, { key: row.id },
19
- React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
20
- React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, sortedRows))))) : column.type === 'action' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
21
- React.createElement(SecondaryButton, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(DataListBase.Cell, null,
22
- React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])) }))) })));
23
- };
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EYXRhTGlzdC9EYXRhTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sT0FBTyxNQUFNLGdCQUFnQixDQUFDO0FBRXJDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTlDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUEwQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBcUI1RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBeUIsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBb0IsRUFBZSxFQUFFO0lBQzNHLE1BQU0sQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLEdBQUcsWUFBWSxFQUFLLENBQUM7SUFDN0MsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxHQUFHLENBQUMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsU0FBUyxDQUFDLENBQUMs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
@@ -1,42 +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 from 'react';
13
- import orderBy from 'lodash/orderBy';
14
- import { SecondaryButton } from '../../../src/components/Button/Button';
15
- import { StatusChip } from '../../../src/components/Chip/Chip';
16
- import { Table } from '../../../src/components/Table/Table';
17
- import { Item } from '../../../src/common/Table/Table';
18
- import { List } from '../../../src/components';
19
- import { renameProperty } from '../../../src/utils/object';
20
- import { cellProps, toSortDirection } from '../../../src/utils/table/types';
21
- import { useTableSort } from '../../../src/utils/table/useTableSort';
22
- import { tw } from '../../../src/utils/tailwind';
23
- export const DataTable = (_a) => {
24
- var { columns, rows, noWrap = false, layout = 'auto', sticky } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky"]);
25
- const [sort, updateSort] = useTableSort();
26
- const sortedRows = orderBy(rows, [sort === null || sort === void 0 ? void 0 : sort.key], [toSortDirection(sort === null || sort === void 0 ? void 0 : sort.direction)]);
27
- return (React.createElement(Table, Object.assign({}, rest, { className: tw({
28
- 'whitespace-nowrap': noWrap,
29
- 'table-auto': layout === 'auto',
30
- 'table-fixed': layout === 'fixed',
31
- }) }),
32
- React.createElement(Table.Head, { sticky: sticky }, columns.map((column) => (column.type === 'text' || column.type === 'number') && column.sortable ? (React.createElement(Table.SortCell, Object.assign({ direction: sort && sort.key === column.field ? sort.direction : 'none', onClick: () => updateSort(column.field), style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }, cellProps(column)), !column.headerInvisible && column.headerName)) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column), { style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }), !column.headerInvisible && column.headerName)))),
33
- React.createElement(Table.Body, null,
34
- React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(Table.Row, { key: row.id },
35
- React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
36
- React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, sortedRows))))) : column.type === 'action' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
37
- React.createElement(SecondaryButton, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
38
- React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), column.formatter
39
- ? column.formatter(row[column.field], row, index, sortedRows)
40
- : row[column.field])) }))) }))));
41
- };
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0YVRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFFckMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQW1CLEtBQUssRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXBFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBMkMsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFnQ3hDLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxDQUF5QixFQU85QixFQUFlLEVBQUU7UUFQYSxFQUNoRCxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sR0FBRyxLQUFLLEVBQ2QsTUFBTSxHQUFHLE1BQU0sRUFDZixNQUFNLE9BRVksRUFEZixJQUFJLGNBTnlDLGlEQU9qRCxDQURRO0lBRVAsTUFBTSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsR0FBRyxZQUFZLEVBQUssQ0FBQztJQUM3QyxNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLEdBQUcsQ0FBQyxFQUFFLENBQUMsZUFBZSxDQUFDLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxTQUFTLENBQUMsQ0FBQyxDQUFRLENBQUM7SUFDekYsT0FBTyxDQUNMLG9CQUFDLEtBQUssb0JBQ0EsSUFBSSxJQUNSLFNBQVMsRUFBRSxFQUFFLENBQUM7WUFDWixtQkFBbUIsRUFBRSxNQUFNO1lBQzNCLFlBQVksRUFBRSxNQUFNLEtBQUssTUFBTTtZQUMvQixhQUFhLEVBQUUsTUFBTSxLQUFLLE9BQU87U0FDbEMsQ0FBQztRQUVGLG9CQUFDLEtBQUssQ0FBQyxJQUFJLElBQUMsTUFBTSxFQUFFLE1BQU0sSUFDdkIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQ3RCLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUN4RSxvQkFBQyxLQUFLLENBQUMsUUFBUSxrQkFDYixTQUFTLEVBQUUsSUFBSSxJQUFJLElBQUksQ0FBQyxHQUFHLEtBQUssTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUN0RSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFDdkMsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQUUsZ0JBQ2xCLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDOUQsU0FBUyxDQUFDLE1BQU0sQ0FBQyxHQUVwQixDQUFDLE1BQU0sQ0FBQyxlQUFlLElBQUksTUFBTSxDQUFDLFVBQVUsQ0FDOUIsQ0FDbEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxLQUFLLENBQUMsSUFBSSxvQkFDTCxTQUFTLENBQUMsTUFBTSxDQUFDLElBQ3JCLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLGdCQUNsQixNQUFNLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBRWpFLENBQUMsTUFBTSxDQUFDLGVBQWUsSUFBSSxNQUFNLENBQUMsVUFBVSxDQUNsQyxDQUNkLENBQ0YsQ0FDVTtRQUNiLG9CQUFDLEtBQUssQ0FBQyxJQUFJO1lBQ1Qsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRSxVQUFVLEVBQ2pCLFVBQVUsRUFBRSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQzFCLG9CQUFDLEtBQUssQ0FBQyxHQUFHLElBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxFQUFFO29CQUNwQixvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLE9BQU8sRUFDZCxVQUFVLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUNyQixNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDekIsb0JBQUMsS0FBSyxDQUFDLElBQUksb0JBQUssU0FBUyxDQUFDLE1BQU0sQ0FBQzs0QkFDL0Isb0JBQUMsVUFBVSxrQkFBQyxLQUFLLFVBQUssTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFJLENBQ3BELENBQ2QsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQzdCLG9CQUFDLEtBQUssQ0FBQyxJQUFJLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUM7NEJBQy9CLG9CQUFDLGVBQWUsa0JBQ2QsS0FBSyxVQUNELGNBQWMsQ0FBQyxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQyxFQUM3RSxDQUNTLENBQ2QsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQzdCLG9CQUFDLEtBQUssQ0FBQyxJQUFJLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQWMsQ0FDL0YsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQzNCLG9CQUFDLEtBQUssQ0FBQyxJQUFJLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUM7NEJBQy9CLG9CQUFDLElBQUksb0JBQUssTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFJLENBQ3RDLENBQ2QsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxLQUFLLENBQUMsSUFBSSxvQkFBSyxTQUFTLENBQUMsTUFBTSxDQUFDLEdBQzlCLE1BQU0sQ0FBQyxTQUFTOzRCQUNmLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUM7NEJBQzdELENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUNWLENBQ2QsR0FFSCxDQUNRLENBQ2IsR0FDRCxDQUNTLENBQ1AsQ0FDVCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
@@ -1,41 +0,0 @@
1
- import React from 'react';
2
- import { useDialog } from '@react-aria/dialog';
3
- import { FocusScope } from '@react-aria/focus';
4
- import { Overlay, useModalOverlay } from '@react-aria/overlays';
5
- import { useId } from '@react-aria/utils';
6
- import { useOverlayTriggerState } from '@react-stately/overlays';
7
- import omit from 'lodash/omit';
8
- import { GhostButton, SecondaryButton } from '../../../src/components/Button/Button';
9
- import { Icon } from '../../../src/components/Icon/Icon';
10
- import { DIALOG_ICONS_AND_COLORS } from '../../../src/common/Dialog/Dialog';
11
- import { Modal } from '../../../src/common/Modal/Modal';
12
- export const Dialog = ({ title, type = 'confirmation', open, children, primaryAction, secondaryAction, }) => {
13
- const ref = React.useRef(null);
14
- const state = useOverlayTriggerState({ isOpen: open });
15
- const { modalProps, underlayProps } = useModalOverlay({ isDismissable: false }, state, ref);
16
- const labelledBy = useId();
17
- const describedBy = useId();
18
- // useDialog() also returns 'titleProps', but it doesn't work correctly
19
- // in this case because the title id is set to null after the second render.
20
- // The problem (most likely) is somewhere in this component which causes
21
- // it render twice when it is opened and that causes the useSlotId() hook
22
- // in react-aria to think that the title is not rendered correctly.
23
- const { dialogProps } = useDialog({ 'role': 'alertdialog', 'aria-labelledby': labelledBy, 'aria-describedby': describedBy }, ref);
24
- if (!open) {
25
- return null;
26
- }
27
- return (React.createElement(Overlay, null,
28
- React.createElement(Modal, { open: open },
29
- React.createElement(Modal.BackDrop, Object.assign({}, underlayProps)),
30
- React.createElement(FocusScope, { contain: true, restoreFocus: true, autoFocus: true },
31
- React.createElement(Modal.Dialog, Object.assign({ ref: ref, size: "sm" }, modalProps, dialogProps),
32
- React.createElement(Modal.Header, null,
33
- React.createElement(Icon, { icon: DIALOG_ICONS_AND_COLORS[type].icon, color: DIALOG_ICONS_AND_COLORS[type].color, fontSize: 20 }),
34
- React.createElement(Modal.Title, { id: labelledBy, variant: "large-strong", color: DIALOG_ICONS_AND_COLORS[type].color }, title)),
35
- React.createElement(Modal.Body, { id: describedBy }, children),
36
- React.createElement(Modal.Footer, null,
37
- React.createElement(Modal.Actions, null,
38
- secondaryAction && (React.createElement(GhostButton, Object.assign({ key: secondaryAction.text }, omit(secondaryAction, 'text')), secondaryAction.text)),
39
- React.createElement(SecondaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))))));
40
- };
41
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakUsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWhELE9BQU8sRUFBbUIsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUF3Qi9DLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBMEIsQ0FBQyxFQUM1QyxLQUFLLEVBQ0wsSUFBSSxHQUFHLGNBQWMsRUFDckIsSUFBSSxFQUNKLFFBQVEsRUFDUixhQUFhLEVBQ2IsZUFBZSxHQUNoQixFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUMvQyxNQUFNLEtBQUssR0FBRyxzQkFBc0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLEdBQUcsZUFBZSxDQUFDLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztJQUM1RixNQUFNLFVBQVUsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUMzQixNQUFNLFdBQVcsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUM1Qix1RUFBdUU7SUFDdkUsNEVBQTRFO0lBQzVFLHdFQUF3RTtJQUN4RSx5RUFBeUU7SUFDekUsbUVBQW1FO0lBQ25FLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxTQUFTLENBQy9CLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsa0JBQWtCLEVBQUUsV0FBVyxFQUFFLEVBQ3pGLEdBQUcsQ0FDSixDQUFDO0lBRUYsSUFBSSxDQUFDLElBQUksRUFBRTtRQUNULE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxPQUFPLENBQ0wsb0JBQUMsT0FBTztRQUNOLG9CQUFDLEtBQUssSUFBQyxJQUFJLEVBQUUsSUFBSTtZQUNmLG9CQUFDLEtBQUssQ0FBQyxRQUFRLG9CQUFLLGFBQWEsRUFBSTtZQUNyQyxvQkFBQyxVQUFVLElBQUMsT0FBTyxRQUFDLFlBQVksUUFBQyxTQUFTO2dCQUN4QyxvQkFBQyxLQUFLLENBQUMsTUFBTSxrQkFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBQyxJQUFJLElBQUssVUFBVSxFQUFNLFdBQVc7b0JBSy9ELG9CQUFDLEtBQUssQ0FBQyxNQUFNO3dCQUNYLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUN4QyxLQUFLLEVBQUUsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxFQUMxQyxRQUFRLEVBQUUsRUFBRSxHQUNaO3dCQUNGLG9CQUFDLEtBQUssQ0FBQyxLQUFLLElBQUMsRUFBRSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsY0FBYyxFQUFDLEtBQUssRUFBRSx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxLQUFLLElBQzNGLEtBQUssQ0FDTSxDQUNEO29CQUNmLG9CQUFDLEtBQUssQ0FBQyxJQUFJLElBQUMsRUFBRSxFQUFFLFdBQVcsSUFBRyxRQUFRLENBQWM7b0JBQ3BELG9CQUFDLEtBQUssQ0FBQyxNQUFNO3dCQUNYLG9CQUFDLEtBQUssQ0FBQyxPQUFPOzRCQUNYLGVBQWUsSUFBSSxDQUNsQixvQkFBQyxXQUFXLGtCQUFDLEdBQUcsRUFBRSxlQUFlLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLEdBQ3RFLGVBQWUsQ0FBQyxJQUFJLENBQ1QsQ0FDZjs0QkFDRCxvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLEdBQ3RFLGFBQWEsQ0FBQyxJQUFJLENBQ0gsQ0FDSixDQUNILENBQ0YsQ0FDSixDQUNQLENBQ0EsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
@@ -1,87 +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 from 'react';
13
- import { Popover } from '../../../src/components/Popover/Popover';
14
- import { usePopoverContext } from '../../../src/components/Popover/PopoverContext';
15
- import { Tooltip } from '../../../src/components/Tooltip/Tooltip';
16
- import { tw } from '../../../src/utils/tailwind';
17
- /**
18
- * @deprecated Please use <DropdownMenu> component instead.
19
- */
20
- export const Dropdown = ({ children, content, placement = 'bottom-left' }) => {
21
- return (React.createElement(Popover, { type: "menu", placement: placement, autoFocus: true },
22
- React.createElement(Popover.Trigger, null, children),
23
- React.createElement(Popover.Panel, null, content)));
24
- };
25
- const DropdownMenu = ({ title, children, contentId, triggerId, setClose = () => undefined, }) => {
26
- const menuRef = React.useRef(null);
27
- React.useEffect(() => {
28
- const id = setTimeout(() => { var _a, _b, _c; return (_c = (_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.focus(); });
29
- return () => clearTimeout(id);
30
- }, [menuRef.current]);
31
- return (React.createElement("div", { style: { minWidth: '250px' }, className: tw('py-3 bg-white') },
32
- !!title && React.createElement("div", { className: tw('px-4 py-4 text-left text-grey-100 typography-default-strong') }, title),
33
- React.createElement("ol", { role: 'menu', ref: menuRef, id: contentId, "aria-labelledby": triggerId }, React.Children.map(children, (child) => {
34
- return React.cloneElement(child, { setClose });
35
- }))));
36
- };
37
- const DropdownItem = (_a) => {
38
- var { children, disabled = false, tooltip, tooltipPlacement, color = 'default', onSelect, setClose = () => undefined } = _a, props = __rest(_a, ["children", "disabled", "tooltip", "tooltipPlacement", "color", "onSelect", "setClose"]);
39
- const { state } = usePopoverContext();
40
- const handleSelect = () => {
41
- onSelect === null || onSelect === void 0 ? void 0 : onSelect();
42
- state.close();
43
- setClose();
44
- };
45
- const handleKeyDown = (event) => {
46
- const target = event.target;
47
- const parent = target.parentElement;
48
- const first = parent.firstChild;
49
- const last = parent.lastChild;
50
- const next = target.nextElementSibling;
51
- const prev = target.previousElementSibling;
52
- if (event.key === 'ArrowUp') {
53
- prev ? prev.focus() : last.focus();
54
- }
55
- else if (event.key === 'ArrowDown') {
56
- next ? next.focus() : first.focus();
57
- }
58
- else if (event.key === 'Tab') {
59
- event.preventDefault();
60
- event.stopPropagation();
61
- }
62
- else if (event.key === 'Home' || event.key === 'PageUp') {
63
- first.focus();
64
- }
65
- else if (event.key === 'End' || event.key === 'PageDown') {
66
- last.focus();
67
- }
68
- else if (event.key === 'Enter') {
69
- !disabled && handleSelect();
70
- }
71
- };
72
- const handleClick = (e) => {
73
- e.stopPropagation();
74
- if (!disabled) {
75
- handleSelect();
76
- }
77
- };
78
- const itemContent = React.createElement("div", { className: tw('py-3 px-4') }, children);
79
- return (React.createElement("li", Object.assign({ role: 'menuitem', tabIndex: -1, onClick: handleClick, onKeyDown: handleKeyDown }, props, { className: tw('typography-small flex items-center focus:ring-0', {
80
- 'text-grey-70 cursor-pointer hover:bg-grey-0': !disabled,
81
- 'text-grey-10 cursor-not-allowed': disabled,
82
- 'text-primary-70 hover:text-primary-80': color === 'danger' && !disabled,
83
- }) }), tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement, inline: false }, itemContent)) : (itemContent)));
84
- };
85
- Dropdown.Menu = DropdownMenu;
86
- Dropdown.Item = DropdownItem;
87
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUF5QixPQUFPLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMxRSxPQUFPLEVBQXFCLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRTVFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXlCeEM7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBR2pCLENBQUMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFNBQVMsR0FBRyxhQUFhLEVBQUUsRUFBRSxFQUFFO0lBQ3ZELE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxJQUFJO1FBQ3hELG9CQUFDLE9BQU8sQ0FBQyxPQUFPLFFBQUUsUUFBUSxDQUFtQjtRQUM3QyxvQkFBQyxPQUFPLENBQUMsS0FBSyxRQUFFLE9BQU8sQ0FBaUIsQ0FDaEMsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFDakQsS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxFQUNULFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxTQUFTLEdBQzNCLEVBQUUsRUFBRTtJQUNILE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQW1CLElBQUksQ0FBQyxDQUFDO0lBQ3JELEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLE1BQU0sRUFBRSxHQUFHLFVBQVUsQ0FB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
@@ -1,148 +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 from 'react';
13
- import { useFilter } from '@react-aria/i18n';
14
- import { PressResponder, usePress } from '@react-aria/interactions';
15
- import { useMenu, useMenuItem, useMenuSection, useMenuTrigger } from '@react-aria/menu';
16
- import { useOverlayPosition } from '@react-aria/overlays';
17
- import { useSeparator } from '@react-aria/separator';
18
- import { mergeProps } from '@react-aria/utils';
19
- import { Item, Section } from '@react-stately/collections';
20
- import { useMenuTriggerState } from '@react-stately/menu';
21
- import { useTreeState } from '@react-stately/tree';
22
- import { SearchInput } from '../../../src/components/Input/Input';
23
- import { PopoverWrapper } from '../../../src/components/Popover/PopoverWrapper';
24
- import { DropdownMenu as Base } from '../../../src/common/DropdownMenu/DropdownMenu';
25
- import { tw } from '../../../src/utils/tailwind';
26
- import { isComponentType } from '../../../types/utils';
27
- import { filterCollection } from './utils';
28
- export const DropdownMenu = (_a) => {
29
- var { onAction, selectionMode, selection, onSelectionChange, placement = 'bottom-left', minWidth, maxWidth, searchable = false, emptyState, header, footer, children } = _a, props = __rest(_a, ["onAction", "selectionMode", "selection", "onSelectionChange", "placement", "minWidth", "maxWidth", "searchable", "emptyState", "header", "footer", "children"]);
30
- const triggerRef = React.useRef(null);
31
- const overlayRef = React.useRef(null);
32
- const [trigger, items] = extractTriggerAndItems(children);
33
- const state = useMenuTriggerState(props);
34
- const { menuTriggerProps, menuProps } = useMenuTrigger({}, state, triggerRef);
35
- const { overlayProps } = useOverlayPosition({
36
- targetRef: triggerRef,
37
- overlayRef,
38
- placement: placement.replace('-', ' '),
39
- shouldFlip: true,
40
- isOpen: state.isOpen,
41
- });
42
- return (React.createElement("div", null,
43
- React.createElement(PressResponder, Object.assign({ ref: triggerRef, onPress: () => state.toggle() }, menuTriggerProps),
44
- React.createElement(TriggerWrapper, null, trigger.props.children)),
45
- React.createElement(PopoverWrapper, Object.assign({ ref: overlayRef, isDismissable: true, autoFocus: true, containFocus: true, isOpen: state.isOpen, onClose: state.close }, overlayProps),
46
- React.createElement(MenuWrapper, Object.assign({ onAction: onAction, selectionMode: selectionMode, selection: selection, onSelectionChange: onSelectionChange, searchable: searchable, emptyState: emptyState, minWidth: minWidth, maxWidth: maxWidth, header: header, footer: footer }, menuProps), items.props.children))));
47
- };
48
- const MenuTrigger = () => null;
49
- const MenuItems = () => null;
50
- DropdownMenu.Trigger = MenuTrigger;
51
- DropdownMenu.Trigger.displayName = 'DropdownMenu.Trigger';
52
- DropdownMenu.Items = MenuItems;
53
- DropdownMenu.Items.displayName = 'DropdownMenu.Items';
54
- DropdownMenu.Item = Item;
55
- DropdownMenu.Item.displayName = 'DropdownMenu.Item';
56
- DropdownMenu.Section = Section;
57
- DropdownMenu.Section.displayName = 'DropdownMenu.Section';
58
- const TriggerWrapper = (_a) => {
59
- var { children } = _a, props = __rest(_a, ["children"]);
60
- const ref = React.useRef(null);
61
- const { pressProps } = usePress(Object.assign(Object.assign({}, props), { ref }));
62
- // Find the actual child component from the trigger
63
- const trigger = React.Children.only(children);
64
- // Make sure that we found the actual trigger element
65
- if (!trigger || !React.isValidElement(trigger)) {
66
- throw new Error('<DropdownMenu.Trigger> must have valid child');
67
- }
68
- return React.cloneElement(trigger, Object.assign({ ref }, mergeProps(pressProps, props)));
69
- };
70
- const isSectionNode = (item) => item.type === 'section';
71
- const isItemNode = (item) => item.type === 'item';
72
- const MenuWrapper = (_a) => {
73
- var { selection: selectedKeys, minWidth, maxWidth, searchable, emptyState, header, footer } = _a, props = __rest(_a, ["selection", "minWidth", "maxWidth", "searchable", "emptyState", "header", "footer"]);
74
- const ref = React.useRef(null);
75
- const disabledKeys = getDisabledItemKeys(props.children);
76
- const state = useTreeState(Object.assign({ disabledKeys,
77
- selectedKeys }, props));
78
- const { menuProps } = useMenu(props, state, ref);
79
- const { contains } = useFilter({ sensitivity: 'base' });
80
- const [search, setSearch] = React.useState('');
81
- const filteredCollection = React.useMemo(() => (searchable ? filterCollection(state.collection, search, contains) : state.collection), [state.collection, search, contains]);
82
- return (React.createElement(Base, { minWidth: minWidth !== undefined ? `${minWidth}px` : undefined, maxWidth: maxWidth !== undefined ? `${maxWidth}px` : undefined },
83
- header,
84
- React.createElement(Base.ContentContainer, null,
85
- searchable && (React.createElement(SearchInput, { "aria-label": "search", value: search, onChange: (e) => setSearch(e.target.value), className: tw('mb-5') })),
86
- filteredCollection.size === 0 && emptyState && (React.createElement(Base.EmptyStateContainer, null, emptyState)),
87
- React.createElement(Base.List, Object.assign({ ref: ref }, menuProps), Array.from(filteredCollection).map((item) => {
88
- // For some reason the inverse of this typeguard is not working hence the specfic check.
89
- if (isSectionNode(item)) {
90
- return React.createElement(SectionWrapper, { key: item.key, section: item, state: state });
91
- }
92
- else if (isItemNode(item)) {
93
- return React.createElement(ItemWrapper, { key: item.key, item: item, state: state });
94
- }
95
- }))),
96
- footer));
97
- };
98
- const ItemWrapper = ({ item, state }) => {
99
- const ref = React.useRef(null);
100
- const { menuItemProps, descriptionProps, isSelected, isFocused, isDisabled } = useMenuItem({ key: item.key, closeOnSelect: item.props.closeOnSelect }, state, ref);
101
- const { icon, description, kind = 'default' } = item.props; // Typed as any in "Node" type for some reason.
102
- return (React.createElement(Base.Item, Object.assign({ ref: ref }, menuItemProps, { kind: kind, selected: isSelected, highlighted: isFocused, disabled: isDisabled, icon: icon }),
103
- item.rendered,
104
- description && (React.createElement(Base.Description, Object.assign({ disabled: isDisabled }, descriptionProps), description))));
105
- };
106
- const SectionWrapper = ({ section, state }) => {
107
- const { itemProps, headingProps, groupProps } = useMenuSection({
108
- 'heading': section.rendered,
109
- 'aria-label': section['aria-label'],
110
- });
111
- const { separatorProps } = useSeparator({
112
- elementType: 'li',
113
- });
114
- return (React.createElement(React.Fragment, null,
115
- section.key !== state.collection.getFirstKey() && React.createElement(Base.Separator, Object.assign({}, separatorProps)),
116
- React.createElement(Base.Group, Object.assign({ title: section.rendered, titleProps: headingProps }, itemProps),
117
- React.createElement("ul", Object.assign({}, groupProps), Array.from(section.childNodes).map((node) => (React.createElement(ItemWrapper, { key: node.key, item: node, state: state })))))));
118
- };
119
- /**
120
- * Separate trigger and menu items elements from children.
121
- */
122
- const extractTriggerAndItems = (children) => {
123
- const [trigger, items] = React.Children.toArray(children);
124
- if (!isComponentType(trigger, MenuTrigger) || !isComponentType(items, MenuItems)) {
125
- throw new Error('<DropdownMenu> must have <DropdownMenu.Trigger> and <DropdownMenu.Items> defined');
126
- }
127
- return [trigger, items];
128
- };
129
- /**
130
- * Collect keys from all child elements that have `disabled={true}` prop set.
131
- */
132
- const getDisabledItemKeys = (children) => {
133
- const keys = React.Children.map(children, (child) => {
134
- var _a, _b;
135
- if (!child || typeof child === 'function') {
136
- return null;
137
- }
138
- if (isComponentType(child, Item) && child.props.disabled) {
139
- return (_b = (_a = child.key) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : null;
140
- }
141
- if (isComponentType(child, Section)) {
142
- return getDisabledItemKeys(child.props.children);
143
- }
144
- return null;
145
- });
146
- return keys.flat().filter((key) => key !== null);
147
- };
148
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L0Ryb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDcEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRCxPQUFPLEVBQWtCLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBYW5FLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFdkUsT0FBTyxFQUFFLFlBQVksSUFBSSxJQUFJLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUU1RSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxTQUFTLENBQUM7QUF1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
@@ -1,20 +0,0 @@
1
- import { ListCollection } from '@react-stately/list';
2
- export const filterCollection = (collection, inputValue, filter) => {
3
- return new ListCollection(filterNodes(collection, inputValue, filter));
4
- };
5
- export const filterNodes = (nodes, inputValue, filter) => {
6
- const filteredNode = [];
7
- for (const node of nodes) {
8
- if (node.type === 'section' && node.hasChildNodes) {
9
- const filtered = filterNodes(node.childNodes, inputValue, filter);
10
- if ([...filtered].length > 0) {
11
- filteredNode.push(Object.assign(Object.assign({}, node), { childNodes: filtered }));
12
- }
13
- }
14
- else if (node.type !== 'section' && filter(node.textValue, inputValue)) {
15
- filteredNode.push(Object.assign({}, node));
16
- }
17
- }
18
- return filteredNode;
19
- };
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ecm9wZG93bk1lbnUvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBS3JELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQzlCLFVBQStCLEVBQy9CLFVBQWtCLEVBQ2xCLE1BQWdCLEVBQ0ssRUFBRTtJQUN2QixPQUFPLElBQUksY0FBYyxDQUFDLFdBQVcsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFDekUsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLENBQUksS0FBd0IsRUFBRSxVQUFrQixFQUFFLE1BQWdCLEVBQXFCLEVBQUU7SUFDbEgsTUFBTSxZQUFZLEdBQUcsRUFBRSxDQUFDO0lBRXhCLEtBQUssTUFBTSxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ3hCLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNqRCxNQUFNLFFBQVEsR0FBRyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDbEUsSUFBSSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDNUIsWUFBWSxDQUFDLElBQUksaUNBQU0sSUFBSSxLQUFFLFVBQVUsRUFBRSxRQUFRLElBQUcsQ0FBQzthQUN0RDtTQUNGO2FBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRTtZQUN4RSxZQUFZLENBQUMsSUFBSSxtQkFBTSxJQUFJLEVBQUcsQ0FBQztTQUNoQztLQUNGO0lBQ0QsT0FBTyxZQUFZLENBQUM7QUFDdEIsQ0FBQyxDQUFDIn0=