@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
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ import { GhostButton } from '../../../src/molecules/Button/Button';
3
+ import { LineClamp as Base } from '../../../src/atoms/LineClamp/LineClamp';
4
+ export const LineClamp = ({ lines, children, wordBreak, expandLabel, collapseLabel, onClampedChange, }) => {
5
+ const ref = React.useRef(null);
6
+ const [clamped, setClamped] = React.useState(true);
7
+ const [isClampingEnabled, setClampingEnabled] = React.useState(false);
8
+ React.useEffect(() => {
9
+ var _a, _b;
10
+ const el = ref.current;
11
+ setClampingEnabled(((_a = el === null || el === void 0 ? void 0 : el.scrollHeight) !== null && _a !== void 0 ? _a : 0) > ((_b = el === null || el === void 0 ? void 0 : el.clientHeight) !== null && _b !== void 0 ? _b : 0));
12
+ }, [ref.current]);
13
+ const handleClampedChange = () => {
14
+ setClamped(!clamped);
15
+ onClampedChange === null || onClampedChange === void 0 ? void 0 : onClampedChange(!clamped);
16
+ };
17
+ return (React.createElement("div", null,
18
+ React.createElement(Base, { ref: ref, lines: lines, clamped: clamped, wordBreak: wordBreak }, children),
19
+ expandLabel && isClampingEnabled && (React.createElement(GhostButton, { dense: true, onClick: handleClampedChange }, clamped ? expandLabel : collapseLabel))));
20
+ };
21
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNsYW1wLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9MaW5lQ2xhbXAvTGluZUNsYW1wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRTFELE9BQU8sRUFBOEIsU0FBUyxJQUFJLElBQUksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBb0M5RixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFDbEQsS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsV0FBVyxFQUNYLGFBQWEsRUFDYixlQUFlLEdBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuRCxNQUFNLENBQUMsaUJBQWlCLEVBQUUsa0JBQWtCLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRXRFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFOztRQUNuQixNQUFNLEVBQUUsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO1FBQ3ZCLGtCQUFrQixDQUFDLENBQUMsTUFBQSxFQUFFLGFBQUYsRUFBRSx1QkFBRixFQUFFLENBQUUsWUFBWSxtQ0FBSSxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQUEsRUFBRSxhQUFGLEVBQUUsdUJBQUYsRUFBRSxDQUFFLFlBQVksbUNBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RSxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVsQixNQUFNLG1CQUFtQixHQUFHLEdBQUcsRUFBRTtRQUMvQixVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyQixlQUFlLGFBQWYsZUFBZSx1QkFBZixlQUFlLENBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM5QixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0w7UUFDRSxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsSUFDakUsUUFBUSxDQUNKO1FBQ04sV0FBVyxJQUFJLGlCQUFpQixJQUFJLENBQ25DLG9CQUFDLFdBQVcsSUFBQyxLQUFLLFFBQUMsT0FBTyxFQUFFLG1CQUFtQixJQUM1QyxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUMxQixDQUNmLENBQ0csQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type LinkProps } from '../../../src/common/Link/Link';
2
+ import { type LinkProps } from '../../../src/atoms/Link/Link';
3
3
  export declare const Link: React.FC<LinkProps & {
4
4
  href: string;
5
5
  }>;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { Link as LinkBase } from '../../../src/atoms/Link/Link';
3
+ export const Link = (props) => React.createElement(LinkBase, Object.assign({}, props));
4
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFrQixJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdkUsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUEyQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsUUFBUSxvQkFBSyxLQUFLLEVBQUksQ0FBQyJ9
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export const List = ({ items, renderItem, container = React.Fragment }) => {
3
+ const Component = container;
4
+ return React.createElement(Component, null, items.map(renderItem));
5
+ };
6
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFvQjFCLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxDQUFpQixFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsU0FBUyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWdCLEVBQWUsRUFBRTtJQUNuSCxNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUM7SUFDNUIsT0FBTyxvQkFBQyxTQUFTLFFBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBYSxDQUFDO0FBQ3hELENBQUMsQ0FBQyJ9
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
3
+ import { Typography } from '../../../src/molecules/Typography/Typography';
4
+ export const ListItem = ({ name, icon, active = false }) => {
5
+ return (React.createElement(Flexbox, { alignItems: 'center' },
6
+ React.createElement(Typography, { variant: active ? 'small-strong' : 'small', color: 'grey-70', htmlTag: 'span', className: `px-4 py-2 rounded-full ${active ? 'bg-grey-5' : 'hover:bg-grey-0'}` },
7
+ React.createElement("img", { src: icon, alt: name, className: 'inline mr-4', height: 28, width: 28 }),
8
+ name)));
9
+ };
10
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0xpc3RJdGVtL0xpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQVFqRSxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTBDLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQ2hHLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsVUFBVSxFQUFFLFFBQVE7UUFDM0Isb0JBQUMsVUFBVSxJQUNULE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUMxQyxLQUFLLEVBQUUsU0FBUyxFQUNoQixPQUFPLEVBQUUsTUFBTSxFQUNmLFNBQVMsRUFBRSwwQkFBMEIsTUFBTSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFO1lBRS9FLDZCQUFLLEdBQUcsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsR0FBSTtZQUM3RSxJQUFJLENBQ00sQ0FDTCxDQUNYLENBQUM7QUFDSixDQUFDLENBQUMifQ==
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { type TabProps, type TabsProps } from '../../../src/components/Tabs/Tabs';
3
- import { Modal as BaseModal } from '../../../src/common/Modal/Modal';
2
+ import { type TabProps, type TabsProps } from '../../../src/molecules/Tabs/Tabs';
3
+ import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
4
4
  import { type AsyncActionType } from '../../../types/ActionType';
5
5
  export declare type ModalProps = {
6
6
  /** Modal title */
@@ -17,9 +17,9 @@ import { useId } from '@react-aria/utils';
17
17
  import { useOverlayTriggerState } from '@react-stately/overlays';
18
18
  import castArray from 'lodash/castArray';
19
19
  import omit from 'lodash/omit';
20
- import { IconButton, PrimaryButton, SecondaryButton } from '../../../src/components/Button/Button';
21
- import { createTabsComponent, ModalTab, ModalTabContainer, TabItem, } from '../../../src/components/Tabs/Tabs';
22
- import { Modal as BaseModal } from '../../../src/common/Modal/Modal';
20
+ import { IconButton, PrimaryButton, SecondaryButton } from '../../../src/molecules/Button/Button';
21
+ import { createTabsComponent, ModalTab, ModalTabContainer, TabItem, } from '../../../src/molecules/Tabs/Tabs';
22
+ import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
23
23
  import { tw } from '../../../src/utils/tailwind';
24
24
  import { isComponentType } from '../../../types/utils';
25
25
  import cross from '../../../src/icons/cross';
@@ -64,4 +64,4 @@ export const Modal = ({ title, open, subtitle, headerImage, onClose, children, p
64
64
  };
65
65
  export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
66
66
  React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
67
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNqRSxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUYsT0FBTyxFQUlMLG1CQUFtQixFQUNuQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLE9BQU8sR0FDUixNQUFNLDBCQUEwQixDQUFDO0FBRWxDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFNUQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFvQ3BDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUMxQyxLQUFLLEVBQ0wsSUFBSSxFQUNKLFFBQVEsRUFDUixXQUFXLEVBQ1gsT0FBTyxFQUNQLFFBQVEsRUFDUixhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLElBQUksR0FDTCxFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUMvQyxNQUFNLEtBQUssR0FBRyxzQkFBc0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLEdBQUcsZUFBZSxDQUFDLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztJQUM1RixNQUFNLFVBQVUsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUMzQixNQUFNLFdBQVcsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUM1Qix1RUFBdUU7SUFDdkUsNEVBQTRFO0lBQzVFLHdFQUF3RTtJQUN4RSx5RUFBeUU7SUFDekUsbUVBQW1FO0lBQ25FLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxTQUFTLENBQy9CLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsa0JBQWtCLEVBQUUsV0FBVyxFQUFFLEVBQ3BGLEdBQUcsQ0FDSixDQUFDO0lBRUYsSUFBSSxDQUFDLElBQUksRUFBRTtRQUNULE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxPQUFPLENBQ0wsb0JBQUMsT0FBTztRQUNOLG9CQUFDLFNBQVMsSUFBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLE1BQU07WUFDM0Isb0JBQUMsU0FBUyxDQUFDLFFBQVEsb0JBQUssYUFBYSxFQUFJO1lBQ3pDLG9CQUFDLFVBQVUsSUFBQyxPQUFPLFFBQUMsWUFBWSxRQUFDLFNBQVM7Z0JBQ3hDLG9CQUFDLFNBQVMsQ0FBQyxNQUFNLGtCQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxVQUFVLEVBQU0sV0FBVztvQkFLckUsb0JBQUMsU0FBUyxDQUFDLG9CQUFvQjt3QkFDN0Isb0JBQUMsVUFBVSxrQkFBWSxPQUFPLEVBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ2pDO29CQUNoQyxXQUFXLEtBQUssU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxXQUFXLElBQUMsZUFBZSxFQUFFLFdBQVcsR0FBSTtvQkFDckYsb0JBQUMsU0FBUyxDQUFDLE1BQU0sSUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLGVBQWUsQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLEVBQUUsQ0FBQzt3QkFDL0Usb0JBQUMsU0FBUyxDQUFDLGNBQWM7NEJBQ3ZCLG9CQUFDLFNBQVMsQ0FBQyxLQUFLLElBQUMsRUFBRSxFQUFFLFVBQVUsSUFBRyxLQUFLLENBQW1COzRCQUN6RCxRQUFRLElBQUksb0JBQUMsU0FBUyxDQUFDLFFBQVEsUUFBRSxRQUFRLENBQXNCLENBQ3ZDLENBQ1Y7b0JBQ2xCLGVBQWUsQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ3RDLEtBQUssQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxFQUFFLENBQUMsQ0FDakYsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLGdCQUFnQixJQUFJLGFBQWEsQ0FBQyxJQUN6RixRQUFRLENBQ00sQ0FDbEI7b0JBQ0EsQ0FBQyxnQkFBZ0IsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUN0QyxvQkFBQyxTQUFTLENBQUMsTUFBTTt3QkFDZixvQkFBQyxTQUFTLENBQUMsT0FBTzs0QkFDZixnQkFBZ0I7Z0NBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO3FDQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO3FDQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3Q0FBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0NBQU8sT0FBQSxDQUM1QixvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNuQyxJQUFJLENBQ1csQ0FDbkIsQ0FBQTtpQ0FBQSxDQUFDOzRCQUNMLGFBQWEsSUFBSSxDQUNoQixvQkFBQyxhQUFhLGtCQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLEdBQ3BFLGFBQWEsQ0FBQyxJQUFJLENBQ0wsQ0FDakIsQ0FDaUIsQ0FDSCxDQUNwQixDQUNnQixDQUNSLENBQ0gsQ0FDSixDQUNYLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsbUJBQW1CLENBQzFDLFFBQVEsRUFDUixPQUFPLEVBQ1AsV0FBVyxFQUNYLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQzdCLG9CQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTO0lBQ3hDLG9CQUFDLGlCQUFpQixRQUNmLFFBQVEsQ0FBQyxJQUFJLENBQ1osQ0FBQyxJQUE4QyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQ3hELENBQUEsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLEtBQUssQ0FBQyxLQUFLLE1BQUssUUFBUSxJQUFJLEtBQUssS0FBSyxRQUFRLENBQ3ZELENBQ2lCLENBQ0wsQ0FDbEIsQ0FDRixDQUFDIn0=
67
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RixPQUFPLEVBSUwsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixpQkFBaUIsRUFDakIsT0FBTyxHQUNSLE1BQU0seUJBQXlCLENBQUM7QUFFakMsT0FBTyxFQUFFLEtBQUssSUFBSSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQW9DcEMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQzFDLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLFdBQVcsRUFDWCxPQUFPLEVBQ1AsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsSUFB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
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React from 'react';
13
- import { Icon } from '../../../src/components/Icon/Icon';
14
- import { Typography } from '../../../src/components/Typography/Typography';
13
+ import { Icon } from '../../../src/molecules/Icon/Icon';
14
+ import { Typography } from '../../../src/molecules/Typography/Typography';
15
15
  import { classNames, tw } from '../../../src/utils/tailwind';
16
16
  import smallCross from '../../../src/icons/smallCross';
17
17
  export const InputChip = React.forwardRef((_a, ref) => {
@@ -34,4 +34,4 @@ export const InputChip = React.forwardRef((_a, ref) => {
34
34
  'text-grey-70': !invalid,
35
35
  }) })))));
36
36
  });
37
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRDaGlwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTXVsdGlJbnB1dC9JbnB1dENoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUEwQixNQUFNLE9BQU8sQ0FBQztBQUUvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxVQUFVLE1BQU0sc0JBQXNCLENBQUM7QUFPOUMsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3ZDLENBQUMsRUFBeUYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFsRyxFQUFFLE9BQU8sR0FBRyxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQXZGLHVFQUF5RixDQUFGO0lBQ3RGLE1BQU0sT0FBTyxHQUFHLENBQUMsQ0FBNkIsRUFBRSxFQUFFO1FBQ2hELElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDMUIsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ2Y7SUFDSCxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsMkNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsUUFBUSxFQUNiLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLDJFQUEyRSxFQUFFO1lBQzVHLGFBQWEsRUFBRSxPQUFPO1lBQ3RCLFdBQVcsRUFBRSxDQUFDLE9BQU8sSUFBSSxDQUFDLFFBQVE7WUFDbEMsZ0JBQWdCLEVBQUUsUUFBUTtZQUMxQiwrQkFBK0IsRUFBRSxRQUFRO1NBQzFDLENBQUMsRUFDRixPQUFPLEVBQUUsT0FBTyxJQUNaLEtBQUs7UUFFVCxvQkFBQyxVQUFVLElBQUMsT0FBTyxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3ZGLFFBQVEsQ0FDRTtRQUNaLENBQUMsUUFBUSxJQUFJLENBQ1o7WUFDRSxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFVBQVUsRUFDaEIsU0FBUyxFQUFFLEVBQUUsQ0FBQyxNQUFNLEVBQUU7b0JBQ3BCLGVBQWUsRUFBRSxPQUFPO29CQUN4QixjQUFjLEVBQUUsQ0FBQyxPQUFPO2lCQUN6QixDQUFDLEdBQ0YsQ0FDRSxDQUNQLENBQ0csQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
37
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRDaGlwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9NdWx0aUlucHV0L0lucHV0Q2hpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQTBCLE1BQU0sT0FBTyxDQUFDO0FBRS9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFVBQVUsTUFBTSxzQkFBc0IsQ0FBQztBQU85QyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdkMsQ0FBQyxFQUF5RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWxHLEVBQUUsT0FBTyxHQUFHLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBdkYsdUVBQXlGLENBQUY7SUFDdEYsTUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUE2QixFQUFFLEVBQUU7UUFDaEQsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUMxQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsQ0FBQyxDQUFDLENBQUM7U0FDZjtJQUNILENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCwyQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxRQUFRLEVBQ2IsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsMkVBQTJFLEVBQUU7WUFDNUcsYUFBYSxFQUFFLE9BQU87WUFDdEIsV0FBVyxFQUFFLENBQUMsT0FBTyxJQUFJLENBQUMsUUFBUTtZQUNsQyxnQkFBZ0IsRUFBRSxRQUFRO1lBQzFCLCtCQUErQixFQUFFLFFBQVE7U0FDMUMsQ0FBQyxFQUNGLE9BQU8sRUFBRSxPQUFPLElBQ1osS0FBSztRQUVULG9CQUFDLFVBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDdkYsUUFBUSxDQUNFO1FBQ1osQ0FBQyxRQUFRLElBQUksQ0FDWjtZQUNFLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsVUFBVSxFQUNoQixTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sRUFBRTtvQkFDcEIsZUFBZSxFQUFFLE9BQU87b0JBQ3hCLGNBQWMsRUFBRSxDQUFDLE9BQU87aUJBQ3pCLENBQUMsR0FDRixDQUNFLENBQ1AsQ0FDRyxDQUNQLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
@@ -0,0 +1,153 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React, { useEffect, useRef, useState } from 'react';
13
+ import castArray from 'lodash/castArray';
14
+ import identity from 'lodash/identity';
15
+ import omit from 'lodash/omit';
16
+ import uniqueId from 'lodash/uniqueId';
17
+ import { InputChip } from '../../../src/molecules/MultiInput/InputChip';
18
+ import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
19
+ import { Select } from '../../../src/atoms/Select/Select';
20
+ import { InputAdornment } from '../../../src/utils/form/InputAdornment/InputAdornment';
21
+ import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
22
+ import { tw } from '../../../src/utils/tailwind';
23
+ export const MultiInputBase = (_a) => {
24
+ var _b;
25
+ var { id, name, type, placeholder, autoFocus, delimiter = 'enter', defaultValue, value, endAdornment, max, maxLength = max, inline = true, itemToString = (val) => String(val), createItem = (val) => val, onChange, onBlur, onInputChange, isItemValid, disabled = false, readOnly = false, valid = true } = _a, props = __rest(_a, ["id", "name", "type", "placeholder", "autoFocus", "delimiter", "defaultValue", "value", "endAdornment", "max", "maxLength", "inline", "itemToString", "createItem", "onChange", "onBlur", "onInputChange", "isItemValid", "disabled", "readOnly", "valid"]);
26
+ const inputRef = useRef(null);
27
+ const [items, setItems] = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : []);
28
+ const [hasFocus, setFocus] = useState(false);
29
+ const keyCodes = [delimiter !== 'enter' ? ' ' : null, delimiter !== 'space' ? 'Enter' : null].filter(identity);
30
+ useEffect(() => {
31
+ const requiresUpdate = value !== undefined || defaultValue === undefined;
32
+ if (requiresUpdate && JSON.stringify(value) !== JSON.stringify(items)) {
33
+ setItems(value !== null && value !== void 0 ? value : []);
34
+ }
35
+ }, [JSON.stringify(value)]);
36
+ const handleKeyDown = (e) => {
37
+ var _a, _b, _c;
38
+ switch (e.key) {
39
+ case 'Enter':
40
+ case ' ': {
41
+ if (keyCodes.includes(e.key) && inputRef.current) {
42
+ e.preventDefault();
43
+ e.stopPropagation();
44
+ const value = inputRef.current.value.trim();
45
+ handleAddItem(value);
46
+ }
47
+ break;
48
+ }
49
+ case 'Backspace': {
50
+ const length = (_a = items === null || items === void 0 ? void 0 : items.length) !== null && _a !== void 0 ? _a : 0;
51
+ if (inline && !((_c = (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.length) && length > 0) {
52
+ handleRemoveItem(length - 1);
53
+ }
54
+ break;
55
+ }
56
+ default:
57
+ break;
58
+ }
59
+ };
60
+ const handleKeyUp = (e) => {
61
+ if (keyCodes.includes(e.key)) {
62
+ e.preventDefault();
63
+ e.stopPropagation();
64
+ }
65
+ };
66
+ const handleAddItem = (value) => {
67
+ if (inputRef.current) {
68
+ inputRef.current.value = '';
69
+ }
70
+ if (value) {
71
+ const newItems = castArray(value)
72
+ .map(createItem)
73
+ .filter((item) => !items.includes(item));
74
+ if (newItems.length > 0 && items.length + newItems.length <= (maxLength !== null && maxLength !== void 0 ? maxLength : Number.MAX_SAFE_INTEGER)) {
75
+ const updated = (items !== null && items !== void 0 ? items : []).concat(newItems);
76
+ setItems(updated);
77
+ onChange === null || onChange === void 0 ? void 0 : onChange(updated);
78
+ }
79
+ }
80
+ };
81
+ const handleRemoveItem = (idx) => {
82
+ const updated = [...(items !== null && items !== void 0 ? items : [])];
83
+ updated.splice(idx, 1);
84
+ setItems(updated);
85
+ onChange === null || onChange === void 0 ? void 0 : onChange(updated);
86
+ };
87
+ const handlePaste = (e) => {
88
+ e.preventDefault();
89
+ const copiedText = e.clipboardData.getData('text/plain');
90
+ const spaceSeparated = copiedText.split(' ');
91
+ const newLineSeparated = copiedText.split('\n');
92
+ const commaSeparated = copiedText.split(',');
93
+ const separatedText = [spaceSeparated, newLineSeparated, commaSeparated]
94
+ .filter((items) => items.length > 1)
95
+ .shift() || [copiedText];
96
+ const itemsToAdd = separatedText.map((value) => value.trim()).filter(identity);
97
+ handleAddItem(itemsToAdd);
98
+ };
99
+ const handleFocus = () => {
100
+ setFocus(true);
101
+ };
102
+ const handleBlur = () => {
103
+ var _a;
104
+ setFocus(false);
105
+ const value = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value;
106
+ if (value) {
107
+ handleAddItem(value);
108
+ }
109
+ onBlur === null || onBlur === void 0 ? void 0 : onBlur();
110
+ };
111
+ const renderChips = () => items === null || items === void 0 ? void 0 : items.map((item, index) => {
112
+ var _a;
113
+ return (React.createElement(InputChip, { key: `${itemToString(item)}.${index}`, invalid: !((_a = isItemValid === null || isItemValid === void 0 ? void 0 : isItemValid(item, index)) !== null && _a !== void 0 ? _a : true), readOnly: readOnly, disabled: disabled, onClick: (e) => {
114
+ e.stopPropagation();
115
+ handleRemoveItem(index);
116
+ } }, itemToString(item)));
117
+ });
118
+ return (React.createElement("div", null,
119
+ React.createElement(Select.InputContainer, { variant: disabled ? 'disabled' : valid === false ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default' },
120
+ React.createElement("div", { className: 'grow inline-flex flex-row flex-wrap gap-y-2' },
121
+ inline && renderChips(),
122
+ React.createElement(Select.Input, Object.assign({ ref: inputRef, id: id !== null && id !== void 0 ? id : name, name: name, type: type }, props, { onChange: onInputChange, autoFocus: autoFocus, disabled: disabled, readOnly: readOnly, placeholder: !inline || (items === null || items === void 0 ? void 0 : items.length) === 0 ? placeholder : '', onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onKeyPress: handleKeyUp, onPaste: handlePaste, onFocus: handleFocus, onBlur: handleBlur, autoComplete: 'off' }))),
123
+ endAdornment && React.createElement(InputAdornment, null, endAdornment)),
124
+ !inline && React.createElement("div", { className: tw('flex flex-row flex-wrap gap-y-2 mt-2') }, renderChips())));
125
+ };
126
+ const BaseMultiInputSkeleton = () => React.createElement(Skeleton, { height: 38 });
127
+ MultiInputBase.Skeleton = BaseMultiInputSkeleton;
128
+ export const MultiInput = (props) => {
129
+ var _a, _b, _c, _d, _e;
130
+ const maxLength = (_a = props.maxLength) !== null && _a !== void 0 ? _a : props.max;
131
+ const [value, setValue] = useState((_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : []);
132
+ useEffect(() => {
133
+ var _a;
134
+ setValue((_a = props.value) !== null && _a !== void 0 ? _a : []);
135
+ }, [JSON.stringify(props.value)]);
136
+ // we need a unique ID to be used for an accessible connection between the input and its error message
137
+ const id = useRef((_e = (_d = props.id) !== null && _d !== void 0 ? _d : props.name) !== null && _e !== void 0 ? _e : `multiinput-${uniqueId()}`);
138
+ const errorMessageId = uniqueId();
139
+ const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
140
+ const labelControlProps = getLabelControlProps(props);
141
+ const baseProps = omit(props, Object.keys(labelControlProps));
142
+ return (React.createElement(LabelControl, Object.assign({ id: `${id.current}-label`, htmlFor: `${id.current}-input`, messageId: errorMessageId }, labelControlProps, { length: value.length, maxLength: maxLength }),
143
+ React.createElement(MultiInputBase, Object.assign({}, baseProps, errorProps, { id: `${id.current}-input`, onChange: (value) => {
144
+ var _a;
145
+ setValue(value !== null && value !== void 0 ? value : []);
146
+ (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value);
147
+ }, disabled: props.disabled, maxLength: props.maxLength, valid: props.valid }))));
148
+ };
149
+ const MultiInputSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
150
+ React.createElement(MultiInputBase.Skeleton, null)));
151
+ MultiInput.Skeleton = MultiInputSkeleton;
152
+ MultiInput.Skeleton.displayName = 'MultiInput.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
153
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlJbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTXVsdGlJbnB1dC9NdWx0aUlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDM0QsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWpELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUM5RSxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTZCeEMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQXVCLEVBdUJ6QixFQUFpRCxFQUFFOztRQXZCMUIsRUFDbkQsRUFBRSxFQUNGLElBQUksRUFDSixJQUFJLEVBQ0osV0FBVyxFQUNYLFNBQVMsRUFDVCxTQUFTLEdBQUcsT0FBTyxFQUNuQixZQUFZLEVBQ1osS0FBSyxFQUNMLFlBQVksRUFDWixHQUFHLEVBQ0gsU0FBUyxHQUFHLEdBQUcsRUFDZixNQUFNLEdBQUcsSUFBSSxFQUNiLFlBQVksR0FBRyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxF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
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type ComboboxBaseProps } from '../../../src/components/Combobox/Combobox';
2
+ import { type ComboboxBaseProps } from '../../../src/molecules/Combobox/Combobox';
3
3
  import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
4
4
  export declare type MultiSelectBaseProps<Option extends unknown> = Omit<ComboboxBaseProps<Option>, 'value' | 'onChange'> & {
5
5
  readOnly?: boolean;
@@ -0,0 +1,149 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React, { useRef, useState } from 'react';
13
+ import { useOverlayPosition } from '@react-aria/overlays';
14
+ import { useCombobox, useMultipleSelection } from 'downshift';
15
+ import isEqual from 'lodash/isEqual';
16
+ import isNil from 'lodash/isNil';
17
+ import omit from 'lodash/omit';
18
+ import omitBy from 'lodash/omitBy';
19
+ import uniqueId from 'lodash/uniqueId';
20
+ import { matchSorter } from 'match-sorter';
21
+ import { InputChip } from '../../../src/molecules/MultiInput/InputChip';
22
+ import { PopoverWrapper } from '../../../src/molecules/Popover/PopoverWrapper';
23
+ import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
24
+ import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select } from '../../../src/atoms/Select/Select';
25
+ import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
26
+ import { tw } from '../../../src/utils/tailwind';
27
+ export const MultiSelectBase = (_a) => {
28
+ var _b;
29
+ var { id, name, placeholder, maxHeight, hideChips = false, inline = true, closeOnSelect = inline ? false : true, options, optionKeys = ['label', 'value'], noResults, optionToString: itemToString = getOptionLabelBuiltin, renderOption = (opt) => itemToString(opt), isOptionDisabled = isOptionDisabledBuiltin, createOption, defaultValue, value, onChange, valid = true, disabled = false, readOnly = false, children } = _a, props = __rest(_a, ["id", "name", "placeholder", "maxHeight", "hideChips", "inline", "closeOnSelect", "options", "optionKeys", "noResults", "optionToString", "renderOption", "isOptionDisabled", "createOption", "defaultValue", "value", "onChange", "valid", "disabled", "readOnly", "children"]);
30
+ const targetRef = useRef(null);
31
+ const overlayRef = useRef(null);
32
+ const [inputValue, setInputValue] = useState('');
33
+ const [hasFocus, setFocus] = useState(false);
34
+ const { selectedItems, addSelectedItem, removeSelectedItem, getDropdownProps, getSelectedItemProps } = useMultipleSelection(
35
+ // For some reason useMultipleSelection does not accept
36
+ // undefined value for selectedItems or defaultSelectedItems
37
+ omitBy({
38
+ selectedItems: value,
39
+ defaultSelectedItems: defaultValue,
40
+ onSelectedItemsChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.selectedItems),
41
+ }, isNil));
42
+ const keys = typeof options[0] === 'string' ? undefined : optionKeys;
43
+ const selectedItemsAsStrings = selectedItems.map(itemToString);
44
+ const filteredOptions = (inputValue ? matchSorter(options, inputValue, { keys }) : options).filter((opt) => !selectedItemsAsStrings.includes(itemToString(opt)));
45
+ const { isOpen, openMenu, closeMenu, highlightedIndex, getInputProps, getMenuProps, getToggleButtonProps, getItemProps, } = useCombobox({
46
+ id,
47
+ inputValue,
48
+ defaultSelectedItem: defaultValue,
49
+ selectedItem: null,
50
+ items: filteredOptions,
51
+ stateReducer: (_, actionChanges) => {
52
+ var _a, _b;
53
+ const { changes, type } = actionChanges;
54
+ switch (type) {
55
+ case useCombobox.stateChangeTypes.InputKeyDownEnter:
56
+ case useCombobox.stateChangeTypes.ItemClick: {
57
+ const selectedItem = (_a = changes.selectedItem) !== null && _a !== void 0 ? _a : (changes.inputValue ? createOption === null || createOption === void 0 ? void 0 : createOption(changes.inputValue) : null);
58
+ return Object.assign(Object.assign({}, changes), { selectedItem, isOpen: !closeOnSelect });
59
+ }
60
+ case useCombobox.stateChangeTypes.InputBlur: {
61
+ const selectedItem = (_b = changes.selectedItem) !== null && _b !== void 0 ? _b : (changes.inputValue ? createOption === null || createOption === void 0 ? void 0 : createOption(changes.inputValue) : null);
62
+ return Object.assign(Object.assign({}, changes), { selectedItem });
63
+ }
64
+ }
65
+ return changes;
66
+ },
67
+ onStateChange: ({ inputValue, selectedItem, type }) => {
68
+ switch (type) {
69
+ case useCombobox.stateChangeTypes.InputChange: {
70
+ setInputValue(inputValue !== null && inputValue !== void 0 ? inputValue : '');
71
+ break;
72
+ }
73
+ case useCombobox.stateChangeTypes.InputKeyDownEnter:
74
+ case useCombobox.stateChangeTypes.ItemClick:
75
+ case useCombobox.stateChangeTypes.InputBlur: {
76
+ setInputValue('');
77
+ if (selectedItem &&
78
+ !isOptionDisabled(selectedItem, options.indexOf(selectedItem)) &&
79
+ !selectedItems.some((val) => isEqual(val, selectedItem))) {
80
+ // Can't add disabled or duplicate items
81
+ addSelectedItem(selectedItem);
82
+ }
83
+ break;
84
+ }
85
+ }
86
+ },
87
+ });
88
+ const { overlayProps } = useOverlayPosition({
89
+ targetRef,
90
+ overlayRef,
91
+ placement: 'bottom start',
92
+ shouldFlip: true,
93
+ isOpen,
94
+ });
95
+ const inputProps = getInputProps(getDropdownProps({ disabled: disabled || readOnly }));
96
+ const renderChips = () => {
97
+ return selectedItems.map((selectedItem, index) => (React.createElement(InputChip, Object.assign({ key: `${itemToString(selectedItem)}.chip`, className: tw('mx-0'), disabled: disabled, readOnly: readOnly }, getSelectedItemProps({ selectedItem, index }), { onClick: (e) => {
98
+ e.preventDefault();
99
+ e.stopPropagation();
100
+ removeSelectedItem(selectedItem);
101
+ } }), itemToString(selectedItem))));
102
+ };
103
+ const hasNoResults = options.length === 0 || filteredOptions.length === 0;
104
+ const width = (_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth;
105
+ const style = isOpen ? Object.assign(Object.assign({}, overlayProps.style), { width }) : { display: 'none' };
106
+ return (React.createElement("div", { className: tw('relative') },
107
+ React.createElement(Select.InputContainer, { ref: targetRef, variant: disabled ? 'disabled' : !valid ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default' },
108
+ React.createElement("div", { className: 'grow inline-flex flex-row flex-wrap gap-2' },
109
+ !hideChips && inline && renderChips(),
110
+ React.createElement(Select.Input, Object.assign({ id: id, name: name, placeholder: selectedItems.length === 0 && !readOnly ? placeholder : '', value: inputValue !== null && inputValue !== void 0 ? inputValue : '' }, inputProps, props, { disabled: disabled, readOnly: readOnly, onClick: readOnly ? undefined : openMenu, onKeyDown: (e) => {
111
+ var _a;
112
+ e.stopPropagation();
113
+ (_a = inputProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
114
+ }, onKeyUp: (e) => e.stopPropagation(), onFocus: () => setFocus(true), onBlur: (e) => {
115
+ var _a;
116
+ setFocus(false);
117
+ (_a = inputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
118
+ } }))),
119
+ !readOnly && React.createElement(Select.Toggle, Object.assign({ hasFocus: hasFocus, isOpen: isOpen }, getToggleButtonProps({ disabled })))),
120
+ !hideChips && !inline && React.createElement("div", { className: tw('flex flex-row flex-wrap gap-2 mt-2') }, renderChips()),
121
+ React.createElement(PopoverWrapper
122
+ // Downshift expects the menu to be in the DOM all the time.
123
+ , Object.assign({
124
+ // Downshift expects the menu to be in the DOM all the time.
125
+ isOpen: true, isDismissable: true, autoFocus: true }, getMenuProps({ ref: overlayRef }), { style: style, onClose: closeMenu }),
126
+ React.createElement(Select.Menu, { maxHeight: maxHeight },
127
+ isOpen && hasNoResults && React.createElement(Select.NoResults, null, noResults),
128
+ isOpen &&
129
+ filteredOptions.map((item, index) => (React.createElement(Select.Item, Object.assign({ key: itemToString(item), highlighted: index === highlightedIndex, selected: selectedItems.includes(item) }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))))));
130
+ };
131
+ const MultiSelectBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
132
+ MultiSelectBase.Skeleton = MultiSelectBaseSkeleton;
133
+ export const MultiSelect = (_a) => {
134
+ var _b;
135
+ var { options, noResults } = _a, props = __rest(_a, ["options", "noResults"]);
136
+ // we need a unique ID and stable to be used for an accessible connection between the input and its error message
137
+ const id = useRef((_b = props.id) !== null && _b !== void 0 ? _b : `multiselect-${uniqueId()}`);
138
+ const errorMessageId = uniqueId();
139
+ const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
140
+ const labelControlProps = getLabelControlProps(props);
141
+ const baseProps = omit(props, Object.keys(labelControlProps));
142
+ return (React.createElement(LabelControl, Object.assign({ id: `${id.current}-label`, htmlFor: `${id.current}-input`, messageId: errorMessageId }, labelControlProps),
143
+ React.createElement(MultiSelectBase, Object.assign({}, baseProps, errorProps, { id: id.current, options: options, noResults: noResults, disabled: props.disabled, valid: props.valid }))));
144
+ };
145
+ const MultiSelectSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
146
+ React.createElement(MultiSelectBase.Skeleton, null)));
147
+ MultiSelect.Skeleton = MultiSelectSkeleton;
148
+ MultiSelect.Skeleton.displayName = 'MultiSelect.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
149
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlTZWxlY3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL011bHRpU2VsZWN0L011bHRpU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNoRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQWtDLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM5RixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLEtBQUssTUFBTSxjQUFjLENBQUM7QUFDakMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sTUFBTSxNQUFNLGVBQWUsQ0FBQztBQUNuQyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUMvRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVqRyxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVl4QyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBeUIsRUF1QkEsRUFBb0QsRUFBRTs7UUF2QnRELEVBQ3RELEVBQUUsRUFDRixJQUFJLEVBQ0osV0FB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
@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import React, { useRef } from 'react';
13
13
  import omit from 'lodash/omit';
14
14
  import uniqueId from 'lodash/uniqueId';
15
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
16
- import { Icon } from '../../../src/components';
15
+ import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
16
+ import { Icon } from '../../../src/molecules';
17
17
  import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
18
18
  import { classNames, tw } from '../../../src/utils/tailwind';
19
19
  import caretDown from '../../../src/icons/caretDown';
@@ -75,4 +75,4 @@ const NativeSelectSkeleton = () => (React.createElement(LabelControl.Skeleton, n
75
75
  React.createElement("div", { style: { height: '1px' } })));
76
76
  NativeSelect.Skeleton = NativeSelectSkeleton;
77
77
  NativeSelect.Skeleton.displayName = 'NativeSelect.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
78
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF0aXZlU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTmF0aXZlU2VsZWN0L05hdGl2ZVNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFhNUMsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQThCLEtBQUssQ0FBQyxVQUFVLENBQ3pFLENBQUMsRUFBMEYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFuRyxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsS0FBSyxHQUFHLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxPQUFZLEVBQVAsS0FBSyxjQUF4Rix5REFBMEYsQ0FBRjtJQUN2Rix1RUFBdUU7SUFDdkUsNkVBQTZFO0lBQzdFLDhFQUE4RTtJQUM5RSxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO0lBQ25FLGtDQUFrQztJQUNsQyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxL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
78
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF0aXZlU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9OYXRpdmVTZWxlY3QvTmF0aXZlU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyQyxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFhNUMsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQThCLEtBQUssQ0FBQyxVQUFVLENBQ3pFLENBQUMsRUFBMEYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFuRyxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsS0FBSyxHQUFHLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxPQUFZLEVBQVAsS0FBSyxjQUF4Rix5REFBMEYsQ0FBRjtJQUN2Rix1RUFBdUU7SUFDdkUsNkVBQTZFO0lBQzdFLDhFQUE4RTtJQUM5RSxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO0lBQ25FLGtDQUFrQztJQUNsQyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFL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
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type BreadcrumbsProps } from '../../../src/components/Breadcrumbs/Breadcrumbs';
2
+ import { type BreadcrumbsProps } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
3
3
  import { type AsyncActionType } from '../../../types/ActionType';
4
4
  export declare type PageHeaderProps = {
5
5
  /** Short and concise page title. */
@@ -0,0 +1,40 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React from 'react';
13
+ import castArray from 'lodash/castArray';
14
+ import omit from 'lodash/omit';
15
+ import { Breadcrumbs } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
16
+ import { PrimaryButton, SecondaryButton } from '../../../src/molecules/Button/Button';
17
+ import { Chip } from '../../../src/molecules/Chip/Chip';
18
+ import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
19
+ import { Typography } from '../../../src/molecules/Typography/Typography';
20
+ import { tw } from '../../../src/utils/tailwind';
21
+ export const PageHeader = ({ title, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
22
+ return (React.createElement(Flexbox, { direction: "row", gap: "4", paddingBottom: "6" },
23
+ React.createElement(Flexbox, { className: tw('grow'), direction: "column", gap: "0" },
24
+ breadcrumbs && React.createElement(Breadcrumbs, null, breadcrumbs),
25
+ React.createElement(Flexbox, { gap: "5" },
26
+ image && React.createElement("img", { src: image, alt: imageAlt, className: tw('w-[56px] h-[56px]') }),
27
+ React.createElement(Flexbox, { direction: "column", justifyContent: "center" },
28
+ React.createElement(Typography.Heading, null, title),
29
+ chips.length > 0 && (React.createElement(Flexbox, { gap: "3" }, chips.map((chip) => (React.createElement(Chip, { key: chip, dense: true, text: chip })))))))),
30
+ (secondaryActions || primaryAction) && (React.createElement(Flexbox, { gap: "4", className: tw('self-start') },
31
+ secondaryActions &&
32
+ castArray(secondaryActions)
33
+ .filter(Boolean)
34
+ .map((_a) => {
35
+ var { text } = _a, action = __rest(_a, ["text"]);
36
+ return (React.createElement(SecondaryButton, Object.assign({ key: text }, action), text));
37
+ }),
38
+ primaryAction && (React.createElement(PrimaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
39
+ };
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUF5QixXQUFXLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdDeEMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQ3BELEtBQUssRUFDTCxLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsS0FBSyxHQUFHLEVBQUUsRUFDVixXQUFXLEdBQ1osRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsS0FBSyxFQUFDLEdBQUcsRUFBQyxHQUFHLEVBQUMsYUFBYSxFQUFDLEdBQUc7UUFDaEQsb0JBQUMsT0FBTyxJQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxFQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUMsR0FBRztZQUN2RCxXQUFXLElBQUksb0JBQUMsV0FBVyxRQUFFLFdBQVcsQ0FBZTtZQUN4RCxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUc7Z0JBQ2IsS0FBSyxJQUFJLDZCQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEdBQUk7Z0JBQ2hGLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsUUFBUSxFQUFDLGNBQWMsRUFBQyxRQUFRO29CQUNqRCxvQkFBQyxVQUFVLENBQUMsT0FBTyxRQUFFLEtBQUssQ0FBc0I7b0JBQy9DLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ25CLG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRyxJQUNiLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssUUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQ3RDLENBQUMsQ0FDTSxDQUNYLENBQ08sQ0FDRixDQUNGO1FBQ1QsQ0FBQyxnQkFBZ0IsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUN0QyxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUcsRUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztZQUN6QyxnQkFBZ0I7Z0JBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO3FCQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNuQyxJQUFJLENBQ1csQ0FDbkIsQ0FBQTtpQkFBQSxDQUFDO1lBQ0wsYUFBYSxJQUFJLENBQ2hCLG9CQUFDLGFBQWEsa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDcEUsYUFBYSxDQUFDLElBQUksQ0FDTCxDQUNqQixDQUNPLENBQ1gsQ0FDTyxDQUNYLENBQUM7QUFDSixDQUFDLENBQUMifQ==