@aivenio/aquarium 1.10.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 (274) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +45 -45
  4. package/dist/atoms.mjs +41 -41
  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/{common → atoms}/LineClamp/LineClamp.js +1 -1
  19. package/dist/src/{common → atoms}/Link/Link.js +1 -1
  20. package/dist/src/{common → atoms}/Modal/Modal.d.ts +1 -1
  21. package/dist/src/atoms/Modal/Modal.js +68 -0
  22. package/dist/src/{common → atoms}/Popover/Popover.js +1 -1
  23. package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.js +2 -2
  24. package/dist/src/{common → atoms}/ProgressBar/ProgressBar.js +1 -1
  25. package/dist/src/{common → atoms}/RadioButton/RadioButton.js +1 -1
  26. package/dist/src/{common → atoms}/Section/Section.d.ts +2 -2
  27. package/dist/src/atoms/Section/Section.js +46 -0
  28. package/dist/src/{common → atoms}/Select/Select.js +2 -2
  29. package/dist/src/{common → atoms}/Stepper/Stepper.js +2 -2
  30. package/dist/src/{common → atoms}/Switch/Switch.js +1 -1
  31. package/dist/src/{common → atoms}/Table/Table.d.ts +2 -2
  32. package/dist/src/atoms/Table/Table.js +91 -0
  33. package/dist/src/{common → atoms}/Timeline/Timeline.js +1 -1
  34. package/dist/src/{common → atoms}/Typography/Typography.js +1 -1
  35. package/dist/src/{common → atoms}/index.js +1 -1
  36. package/dist/src/{components → molecules}/Alert/Alert.d.ts +1 -1
  37. package/dist/src/molecules/Alert/Alert.js +12 -0
  38. package/dist/src/molecules/Avatar/Avatar.js +10 -0
  39. package/dist/src/{components → molecules}/Badge/Badge.js +1 -1
  40. package/dist/src/{components → molecules}/Banner/Banner.d.ts +1 -1
  41. package/dist/src/molecules/Banner/Banner.js +44 -0
  42. package/dist/src/{components → molecules}/Box/Box.d.ts +2 -2
  43. package/dist/src/{components → molecules}/Box/Box.js +2 -2
  44. package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.js +2 -2
  45. package/dist/src/{components → molecules}/Button/Button.js +4 -4
  46. package/dist/src/{components → molecules}/Card/Card.d.ts +1 -1
  47. package/dist/src/molecules/Card/Card.js +48 -0
  48. package/dist/src/{components → molecules}/Card/Compact.d.ts +1 -1
  49. package/dist/src/molecules/Card/Compact.js +43 -0
  50. package/dist/src/{components → molecules}/Card/types.js +1 -1
  51. package/dist/src/{components → molecules}/Carousel/Carousel.js +4 -4
  52. package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts +1 -1
  53. package/dist/src/molecules/Checkbox/Checkbox.js +29 -0
  54. package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts +2 -2
  55. package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +61 -0
  56. package/dist/src/{components → molecules}/Chip/Chip.d.ts +1 -1
  57. package/dist/src/molecules/Chip/Chip.js +64 -0
  58. package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js +1 -1
  59. package/dist/src/molecules/Combobox/Combobox.js +109 -0
  60. package/dist/src/molecules/Container/Container.js +18 -0
  61. package/dist/src/molecules/Context/Context.js +18 -0
  62. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts +1 -1
  63. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js +2 -2
  64. package/dist/src/molecules/DataList/DataList.js +24 -0
  65. package/dist/src/{components → molecules}/DataTable/DataTable.d.ts +1 -1
  66. package/dist/src/molecules/DataTable/DataTable.js +42 -0
  67. package/dist/src/{components → molecules}/Dialog/Dialog.d.ts +2 -2
  68. package/dist/src/molecules/Dialog/Dialog.js +41 -0
  69. package/dist/src/{components → molecules}/Divider/Divider.js +1 -1
  70. package/dist/src/{components → molecules}/Dropdown/Dropdown.d.ts +2 -2
  71. package/dist/src/molecules/Dropdown/Dropdown.js +87 -0
  72. package/dist/src/{components → molecules}/DropdownMenu/DropdownMenu.d.ts +1 -1
  73. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +148 -0
  74. package/dist/src/molecules/DropdownMenu/utils.js +20 -0
  75. package/dist/src/{components → molecules}/Element/Element.js +1 -1
  76. package/dist/src/molecules/EmptyState/EmptyState.js +74 -0
  77. package/dist/src/{components → molecules}/Flexbox/Flexbox.d.ts +1 -1
  78. package/dist/src/molecules/Flexbox/Flexbox.js +19 -0
  79. package/dist/src/{components → molecules}/Flexbox/FlexboxItem.d.ts +1 -1
  80. package/dist/src/molecules/Flexbox/FlexboxItem.js +16 -0
  81. package/dist/src/{components → molecules}/Grid/Grid.d.ts +1 -1
  82. package/dist/src/molecules/Grid/Grid.js +31 -0
  83. package/dist/src/{components → molecules}/Grid/GridItem.d.ts +1 -1
  84. package/dist/src/molecules/Grid/GridItem.js +20 -0
  85. package/dist/src/{components → molecules}/Icon/Icon.js +1 -1
  86. package/dist/src/{components → molecules}/Input/Input.js +2 -2
  87. package/dist/src/{components → molecules}/LineClamp/LineClamp.d.ts +1 -1
  88. package/dist/src/molecules/LineClamp/LineClamp.js +21 -0
  89. package/dist/src/{components → molecules}/Link/Link.d.ts +1 -1
  90. package/dist/src/molecules/Link/Link.js +4 -0
  91. package/dist/src/molecules/List/List.js +6 -0
  92. package/dist/src/molecules/ListItem/ListItem.js +10 -0
  93. package/dist/src/{components → molecules}/Modal/Modal.d.ts +2 -2
  94. package/dist/src/{components → molecules}/Modal/Modal.js +4 -4
  95. package/dist/src/{components → molecules}/MultiInput/InputChip.js +3 -3
  96. package/dist/src/molecules/MultiInput/MultiInput.js +153 -0
  97. package/dist/src/{components → molecules}/MultiSelect/MultiSelect.d.ts +1 -1
  98. package/dist/src/molecules/MultiSelect/MultiSelect.js +149 -0
  99. package/dist/src/{components → molecules}/NativeSelect/NativeSelect.js +3 -3
  100. package/dist/src/{components → molecules}/PageHeader/PageHeader.d.ts +1 -1
  101. package/dist/src/molecules/PageHeader/PageHeader.js +40 -0
  102. package/dist/src/molecules/Pagination/Pagination.js +52 -0
  103. package/dist/src/molecules/Pagination/usePagination.js +36 -0
  104. package/dist/src/{components → molecules}/Popover/Popover.d.ts +1 -1
  105. package/dist/src/molecules/Popover/Popover.js +79 -0
  106. package/dist/src/molecules/Popover/PopoverContext.js +10 -0
  107. package/dist/src/{components → molecules}/Popover/PopoverWrapper.js +2 -2
  108. package/dist/src/{components → molecules}/PopoverDialog/PopoverDialog.d.ts +2 -2
  109. package/dist/src/molecules/PopoverDialog/PopoverDialog.js +28 -0
  110. package/dist/src/molecules/Portal/Portal.js +3 -0
  111. package/dist/src/molecules/ProgressBar/ProgressBar.js +23 -0
  112. package/dist/src/{components → molecules}/RadioButton/RadioButton.d.ts +1 -1
  113. package/dist/src/molecules/RadioButton/RadioButton.js +29 -0
  114. package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
  115. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +65 -0
  116. package/dist/src/{components → molecules}/Section/Section.js +4 -4
  117. package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js +1 -1
  118. package/dist/src/molecules/Select/Select.js +144 -0
  119. package/dist/src/molecules/Skeleton/Skeleton.js +18 -0
  120. package/dist/src/molecules/Spacing/Spacing.d.ts +14 -0
  121. package/dist/src/molecules/Spacing/Spacing.js +18 -0
  122. package/dist/src/molecules/Stepper/Stepper.js +25 -0
  123. package/dist/src/{components → molecules}/Switch/Switch.d.ts +1 -1
  124. package/dist/src/molecules/Switch/Switch.js +29 -0
  125. package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts +2 -2
  126. package/dist/src/molecules/SwitchGroup/SwitchGroup.js +59 -0
  127. package/dist/src/{components → molecules}/Table/Table.d.ts +1 -1
  128. package/dist/src/{components → molecules}/Table/Table.js +2 -2
  129. package/dist/src/molecules/Tabs/Tabs.js +220 -0
  130. package/dist/src/{components → molecules}/TagLabel/TagLabel.js +1 -1
  131. package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js +1 -1
  132. package/dist/src/molecules/Template/Template.js +23 -0
  133. package/dist/src/molecules/Textarea/Textarea.js +46 -0
  134. package/dist/src/molecules/Timeline/Timeline.js +42 -0
  135. package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts +1 -1
  136. package/dist/src/molecules/Tooltip/Tooltip.js +110 -0
  137. package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js +1 -1
  138. package/dist/src/{components → molecules}/Typography/Typography.d.ts +1 -1
  139. package/dist/src/molecules/Typography/Typography.js +89 -0
  140. package/dist/src/{components → molecules}/index.d.ts +1 -0
  141. package/dist/src/{components → molecules}/index.js +3 -2
  142. package/dist/src/system.d.ts +3 -3
  143. package/dist/src/system.js +4 -4
  144. package/dist/src/utils/constants.js +2 -2
  145. package/dist/src/utils/form/FormControl/FormControl.js +2 -2
  146. package/dist/src/utils/form/HelperText/HelperText.js +2 -2
  147. package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
  148. package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
  149. package/dist/src/utils/form/Label/Label.d.ts +1 -1
  150. package/dist/src/utils/form/Label/Label.js +3 -3
  151. package/dist/src/utils/table/types.d.ts +2 -2
  152. package/dist/src/utils/useStyle.js +2 -2
  153. package/dist/styles.css +830 -810
  154. package/dist/styles_timescaledb.css +830 -810
  155. package/dist/system.cjs +231 -217
  156. package/dist/system.mjs +223 -210
  157. package/dist/tailwind.config.js +0 -1
  158. package/dist/tsconfig.module.tsbuildinfo +1 -1
  159. package/dist/types/ActionType.d.ts +1 -1
  160. package/dist/types/tailwindGenerated.d.ts +1 -1
  161. package/package.json +4 -4
  162. package/dist/src/common/Alert/Alert.js +0 -74
  163. package/dist/src/common/Banner/Banner.js +0 -57
  164. package/dist/src/common/Card/Card.js +0 -54
  165. package/dist/src/common/DropdownMenu/DropdownMenu.js +0 -62
  166. package/dist/src/common/Modal/Modal.js +0 -68
  167. package/dist/src/common/Section/Section.js +0 -46
  168. package/dist/src/common/Table/Table.js +0 -91
  169. package/dist/src/components/Alert/Alert.js +0 -12
  170. package/dist/src/components/Avatar/Avatar.js +0 -10
  171. package/dist/src/components/Banner/Banner.js +0 -44
  172. package/dist/src/components/Card/Card.js +0 -48
  173. package/dist/src/components/Card/Compact.js +0 -43
  174. package/dist/src/components/Checkbox/Checkbox.js +0 -29
  175. package/dist/src/components/CheckboxGroup/CheckboxGroup.js +0 -61
  176. package/dist/src/components/Chip/Chip.js +0 -64
  177. package/dist/src/components/Combobox/Combobox.js +0 -109
  178. package/dist/src/components/Container/Container.js +0 -18
  179. package/dist/src/components/Context/Context.js +0 -18
  180. package/dist/src/components/DataList/DataList.js +0 -24
  181. package/dist/src/components/DataTable/DataTable.js +0 -42
  182. package/dist/src/components/Dialog/Dialog.js +0 -41
  183. package/dist/src/components/Dropdown/Dropdown.js +0 -87
  184. package/dist/src/components/DropdownMenu/DropdownMenu.js +0 -148
  185. package/dist/src/components/DropdownMenu/utils.js +0 -20
  186. package/dist/src/components/EmptyState/EmptyState.js +0 -74
  187. package/dist/src/components/Flexbox/Flexbox.js +0 -19
  188. package/dist/src/components/Flexbox/FlexboxItem.js +0 -16
  189. package/dist/src/components/Grid/Grid.js +0 -31
  190. package/dist/src/components/Grid/GridItem.js +0 -20
  191. package/dist/src/components/LineClamp/LineClamp.js +0 -21
  192. package/dist/src/components/Link/Link.js +0 -4
  193. package/dist/src/components/List/List.js +0 -6
  194. package/dist/src/components/ListItem/ListItem.js +0 -10
  195. package/dist/src/components/MultiInput/MultiInput.js +0 -153
  196. package/dist/src/components/MultiSelect/MultiSelect.js +0 -149
  197. package/dist/src/components/PageHeader/PageHeader.js +0 -40
  198. package/dist/src/components/Pagination/Pagination.js +0 -52
  199. package/dist/src/components/Pagination/usePagination.js +0 -36
  200. package/dist/src/components/Popover/Popover.js +0 -79
  201. package/dist/src/components/Popover/PopoverContext.js +0 -10
  202. package/dist/src/components/PopoverDialog/PopoverDialog.js +0 -28
  203. package/dist/src/components/Portal/Portal.js +0 -3
  204. package/dist/src/components/ProgressBar/ProgressBar.js +0 -23
  205. package/dist/src/components/RadioButton/RadioButton.js +0 -29
  206. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +0 -65
  207. package/dist/src/components/Select/Select.js +0 -144
  208. package/dist/src/components/Skeleton/Skeleton.js +0 -18
  209. package/dist/src/components/Stepper/Stepper.js +0 -25
  210. package/dist/src/components/Switch/Switch.js +0 -29
  211. package/dist/src/components/SwitchGroup/SwitchGroup.js +0 -59
  212. package/dist/src/components/Tabs/Tabs.js +0 -220
  213. package/dist/src/components/Template/Template.js +0 -23
  214. package/dist/src/components/Textarea/Textarea.js +0 -46
  215. package/dist/src/components/Timeline/Timeline.js +0 -42
  216. package/dist/src/components/Tooltip/Tooltip.js +0 -110
  217. package/dist/src/components/Typography/Typography.js +0 -89
  218. /package/dist/src/{common → atoms}/Card/Card.d.ts +0 -0
  219. /package/dist/src/{common → atoms}/Checkbox/Checkbox.d.ts +0 -0
  220. /package/dist/src/{common → atoms}/Chip/Chip.d.ts +0 -0
  221. /package/dist/src/{common → atoms}/DataList/DataList.d.ts +0 -0
  222. /package/dist/src/{common → atoms}/DropdownMenu/DropdownMenu.d.ts +0 -0
  223. /package/dist/src/{common → atoms}/LineClamp/LineClamp.d.ts +0 -0
  224. /package/dist/src/{common → atoms}/Link/Link.d.ts +0 -0
  225. /package/dist/src/{common → atoms}/Popover/Popover.d.ts +0 -0
  226. /package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.d.ts +0 -0
  227. /package/dist/src/{common → atoms}/ProgressBar/ProgressBar.d.ts +0 -0
  228. /package/dist/src/{common → atoms}/RadioButton/RadioButton.d.ts +0 -0
  229. /package/dist/src/{common → atoms}/Select/Select.d.ts +0 -0
  230. /package/dist/src/{common → atoms}/Stepper/Stepper.d.ts +0 -0
  231. /package/dist/src/{common → atoms}/Switch/Switch.d.ts +0 -0
  232. /package/dist/src/{common → atoms}/Timeline/Timeline.d.ts +0 -0
  233. /package/dist/src/{common → atoms}/Typography/Typography.d.ts +0 -0
  234. /package/dist/src/{common → atoms}/index.d.ts +0 -0
  235. /package/dist/src/{components → molecules}/Avatar/Avatar.d.ts +0 -0
  236. /package/dist/src/{components → molecules}/Badge/Badge.d.ts +0 -0
  237. /package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.d.ts +0 -0
  238. /package/dist/src/{components → molecules}/Button/Button.d.ts +0 -0
  239. /package/dist/src/{components → molecules}/Card/types.d.ts +0 -0
  240. /package/dist/src/{components → molecules}/Carousel/Carousel.d.ts +0 -0
  241. /package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.d.ts +0 -0
  242. /package/dist/src/{components → molecules}/Combobox/Combobox.d.ts +0 -0
  243. /package/dist/src/{components → molecules}/Container/Container.d.ts +0 -0
  244. /package/dist/src/{components → molecules}/Context/Context.d.ts +0 -0
  245. /package/dist/src/{components → molecules}/DataList/DataList.d.ts +0 -0
  246. /package/dist/src/{components → molecules}/Divider/Divider.d.ts +0 -0
  247. /package/dist/src/{components → molecules}/DropdownMenu/utils.d.ts +0 -0
  248. /package/dist/src/{components → molecules}/Element/Element.d.ts +0 -0
  249. /package/dist/src/{components → molecules}/EmptyState/EmptyState.d.ts +0 -0
  250. /package/dist/src/{components → molecules}/Icon/Icon.d.ts +0 -0
  251. /package/dist/src/{components → molecules}/Input/Input.d.ts +0 -0
  252. /package/dist/src/{components → molecules}/List/List.d.ts +0 -0
  253. /package/dist/src/{components → molecules}/ListItem/ListItem.d.ts +0 -0
  254. /package/dist/src/{components → molecules}/MultiInput/InputChip.d.ts +0 -0
  255. /package/dist/src/{components → molecules}/MultiInput/MultiInput.d.ts +0 -0
  256. /package/dist/src/{components → molecules}/NativeSelect/NativeSelect.d.ts +0 -0
  257. /package/dist/src/{components → molecules}/Pagination/Pagination.d.ts +0 -0
  258. /package/dist/src/{components → molecules}/Pagination/usePagination.d.ts +0 -0
  259. /package/dist/src/{components → molecules}/Popover/PopoverContext.d.ts +0 -0
  260. /package/dist/src/{components → molecules}/Popover/PopoverWrapper.d.ts +0 -0
  261. /package/dist/src/{components → molecules}/Portal/Portal.d.ts +0 -0
  262. /package/dist/src/{components → molecules}/ProgressBar/ProgressBar.d.ts +0 -0
  263. /package/dist/src/{components → molecules}/Section/Section.d.ts +0 -0
  264. /package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.d.ts +0 -0
  265. /package/dist/src/{components → molecules}/Select/Select.d.ts +0 -0
  266. /package/dist/src/{components → molecules}/Skeleton/Skeleton.d.ts +0 -0
  267. /package/dist/src/{components → molecules}/Stepper/Stepper.d.ts +0 -0
  268. /package/dist/src/{components → molecules}/Tabs/Tabs.d.ts +0 -0
  269. /package/dist/src/{components → molecules}/TagLabel/TagLabel.d.ts +0 -0
  270. /package/dist/src/{components → molecules}/Tailwindify/Tailwindify.d.ts +0 -0
  271. /package/dist/src/{components → molecules}/Template/Template.d.ts +0 -0
  272. /package/dist/src/{components → molecules}/Textarea/Textarea.d.ts +0 -0
  273. /package/dist/src/{components → molecules}/Timeline/Timeline.d.ts +0 -0
  274. /package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.d.ts +0 -0
@@ -1,79 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { useRef } from 'react';
13
- import { PressResponder, usePress } from '@react-aria/interactions';
14
- import { useOverlayPosition, useOverlayTrigger } from '@react-aria/overlays';
15
- import { mergeProps } from '@react-aria/utils';
16
- import { useOverlayTriggerState } from '@react-stately/overlays';
17
- import { Button } from '../../../src/components/Button/Button';
18
- import { isComponentType } from '../../../types/utils';
19
- import { PopoverContext, usePopoverContext } from './PopoverContext';
20
- import { PopoverWrapper } from './PopoverWrapper';
21
- /* <Popover> */
22
- export const Popover = (props) => {
23
- var _a;
24
- const { id, placement: _placement = 'bottom-left', isDismissable = true, isKeyboardDismissDisabled, autoFocus = true, containFocus = false, targetRef, } = props;
25
- const triggerRef = useRef(null);
26
- const overlayRef = useRef(null);
27
- const state = useOverlayTriggerState(props);
28
- const { overlayProps: popoverProps, placement, arrowProps, } = useOverlayPosition({
29
- targetRef: targetRef !== null && targetRef !== void 0 ? targetRef : triggerRef,
30
- overlayRef,
31
- placement: _placement.replace('-', ' '),
32
- offset: props.offset,
33
- shouldFlip: props.shouldFlip,
34
- isOpen: state.isOpen,
35
- });
36
- const { triggerProps, overlayProps: otherOverlayProps } = useOverlayTrigger({ type: (_a = props.type) !== null && _a !== void 0 ? _a : 'dialog' }, state, triggerRef);
37
- return (React.createElement(PopoverContext.Provider, { value: {
38
- state,
39
- } }, React.Children.map(props.children, (child) => {
40
- if (isComponentType(child, Popover.Trigger)) {
41
- return (React.createElement(PressResponder, Object.assign({ ref: triggerRef, onPress: state.toggle }, triggerProps),
42
- React.createElement(PopoverTriggerWrapper, { "data-testid": props['data-testid'], "aria-controls": id }, child.props.children)));
43
- }
44
- if (isComponentType(child, Popover.Panel)) {
45
- return (React.createElement(PopoverWrapper, Object.assign({ ref: overlayRef, isOpen: state.isOpen, onClose: state.close, placement: placement, arrowProps: arrowProps, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, autoFocus: autoFocus, containFocus: containFocus }, popoverProps, otherOverlayProps, { id: id, className: child.props.className }), child.props.children));
46
- }
47
- throw new Error('Invalid children element type');
48
- })));
49
- };
50
- const Trigger = () => null;
51
- Trigger.displayName = 'Popover.Trigger';
52
- Popover.Trigger = Trigger;
53
- const Panel = () => null;
54
- Panel.displayName = 'Popover.Panel';
55
- Popover.Panel = Panel;
56
- export const asPopoverButton = (Component, displayName) => {
57
- const PopoverButton = (props) => {
58
- const { onClick } = props;
59
- const { state } = usePopoverContext();
60
- const handleClick = (e) => {
61
- state.close();
62
- onClick === null || onClick === void 0 ? void 0 : onClick(e);
63
- };
64
- return React.createElement(Component, Object.assign({}, props, { onClick: handleClick }));
65
- };
66
- PopoverButton.displayName = displayName;
67
- return PopoverButton;
68
- };
69
- const PopoverButton = asPopoverButton(Button, 'PopoverButton');
70
- Popover.Button = PopoverButton;
71
- const PopoverTriggerWrapper = (_a) => {
72
- var _b;
73
- var { children } = _a, rest = __rest(_a, ["children"]);
74
- const ref = useRef(null);
75
- const trigger = React.Children.only(children);
76
- const { pressProps } = usePress(Object.assign(Object.assign({}, rest), { ref }));
77
- return React.cloneElement(trigger, Object.assign(Object.assign({ 'ref': ref }, mergeProps(pressProps, trigger.props)), { 'aria-controls': (_b = rest['aria-controls']) !== null && _b !== void 0 ? _b : pressProps['aria-controls'] }));
78
- };
79
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzdFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQVNqRSxPQUFPLEVBQW9CLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXhFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQTRDbEQsZUFBZTtBQUVmLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FJaEIsQ0FBQyxLQUFLLEVBQUUsRUFBRTs7SUFDWixNQUFNLEVBQ0osRUFBRSxFQUNGLFNBQVMsRUFBRSxVQUFVLEdBQUcsYUFBYSxFQUNyQyxhQUFhLEdBQUcsSUFBSSxFQUNwQix5QkFBeUIsRUFDekIsU0FBUyxHQUFHLElBQUksRUFDaEIsWUFBWSxHQUFHLEtBQUssRUFDcEIsU0FBUyxHQUNWLEdBQUcsS0FBSyxDQUFDO0lBQ1YsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFjLElBQUksQ0FBQyxDQUFDO0lBQzdDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDaEQsTUFBTSxL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
@@ -1,10 +0,0 @@
1
- import { createContext, useContext } from 'react';
2
- export const PopoverContext = createContext(null);
3
- export const usePopoverContext = () => {
4
- const ctx = useContext(PopoverContext);
5
- if (ctx === null) {
6
- throw new Error('PopoverContext was used outside of provider.');
7
- }
8
- return ctx;
9
- };
10
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckNvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXJDb250ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQU9sRCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsYUFBYSxDQUF3QixJQUFJLENBQUMsQ0FBQztBQUV6RSxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxHQUFtQixFQUFFO0lBQ3BELE1BQU0sR0FBRyxHQUFHLFVBQVUsQ0FBd0IsY0FBYyxDQUFDLENBQUM7SUFFOUQsSUFBSSxHQUFHLEtBQUssSUFBSSxFQUFFO1FBQ2hCLE1BQU0sSUFBSSxLQUFLLENBQUMsOENBQThDLENBQUMsQ0FBQztLQUNqRTtJQUVELE9BQU8sR0FBRyxDQUFDO0FBQ2IsQ0FBQyxDQUFDIn0=
@@ -1,28 +0,0 @@
1
- import React from 'react';
2
- import omit from 'lodash/omit';
3
- import { Popover } from '../../../src/components/Popover/Popover';
4
- import { PopoverDialog as Base } from '../../../src/common/PopoverDialog/PopoverDialog';
5
- import { tw } from '../../../src/utils/tailwind';
6
- import { isComponentType } from '../../../types/utils';
7
- const PopoverDialog = ({ placement, open, title, secondaryAction, primaryAction, children }) => {
8
- const wrapPromptWithBody = (child) => {
9
- if (isComponentType(child, PopoverDialog.Prompt)) {
10
- return (React.createElement(Popover.Panel, { className: tw('max-w-[300px]') },
11
- React.createElement(Base.Header, null,
12
- React.createElement(Base.Title, null, title)),
13
- child,
14
- React.createElement(Base.Footer, null,
15
- React.createElement(Base.Actions, null,
16
- secondaryAction && (React.createElement(Popover.Button, Object.assign({ kind: "secondary-ghost", key: secondaryAction.text, dense: true }, omit(secondaryAction, 'text')), secondaryAction.text)),
17
- React.createElement(Popover.Button, Object.assign({ kind: "ghost", key: primaryAction.text, dense: true }, omit(primaryAction, 'text')), primaryAction.text)))));
18
- }
19
- return child;
20
- };
21
- return (React.createElement(Popover, { type: "dialog", isOpen: open, placement: placement, isDismissable: true, isKeyboardDismissDisabled: false, autoFocus: true, containFocus: true }, React.Children.map(children, wrapPromptWithBody)));
22
- };
23
- PopoverDialog.Trigger = Popover.Trigger;
24
- const Prompt = ({ children }) => React.createElement(Base.Body, null, children);
25
- Prompt.displayName = 'PopoverDialog.Prompt';
26
- PopoverDialog.Prompt = Prompt;
27
- export { PopoverDialog };
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BvcG92ZXJEaWFsb2cvUG9wb3ZlckRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUcvQixPQUFPLEVBQXlCLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRWhGLE9BQU8sRUFBRSxhQUFhLElBQUksSUFBSSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFFL0UsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFPOUMsTUFBTSxhQUFhLEdBR2YsQ0FBQyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUMzRSxNQUFNLGtCQUFrQixHQUFHLENBQUMsS0FBc0IsRUFBRSxFQUFFO1FBQ3BELElBQUksZUFBZSxDQUFDLEtBQUssRUFBRSxhQUFhLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDaEQsT0FBTyxDQUNMLG9CQUFDLE9BQU8sQ0FBQyxLQUFLLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxlQUFlLENBQUM7Z0JBQzNDLG9CQUFDLElBQUksQ0FBQyxNQUFNO29CQUNWLG9CQUFDLElBQUksQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFjLENBQ3BCO2dCQUNiLEtBQUs7Z0JBQ04sb0JBQUMsSUFBSSxDQUFDLE1BQU07b0JBQ1Ysb0JBQUMsSUFBSSxDQUFDLE9BQU87d0JBQ1YsZUFBZSxJQUFJLENBQ2xCLG9CQUFDLE9BQU8sQ0FBQyxNQUFNLGtCQUNiLElBQUksRUFBQyxpQkFBaUIsRUFDdEIsR0FBRyxFQUFFLGVBQWUsQ0FBQyxJQUFJLEVBQ3pCLEtBQUssVUFDRCxJQUFJLENBQUMsZUFBZSxFQUFFLE1BQU0sQ0FBQyxHQUVoQyxlQUFlLENBQUMsSUFBSSxDQUNOLENBQ2xCO3dCQUNELG9CQUFDLE9BQU8sQ0FBQyxNQUFNLGtCQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLEVBQUUsS0FBSyxVQUFLLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLEdBQ3hGLGFBQWEsQ0FBQyxJQUFJLENBQ0osQ0FDSixDQUNILENBQ0EsQ0FDakIsQ0FBQztTQUNIO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsb0JBQUMsT0FBTyxJQUNOLElBQUksRUFBQyxRQUFRLEVBQ2IsTUFBTSxFQUFFLElBQUksRUFDWixTQUFTLEVBQUUsU0FBUyxFQUNwQixhQUFhLEVBQUUsSUFBSSxFQUNuQix5QkFBeUIsRUFBRSxLQUFLLEVBQ2hDLFNBQVMsRUFBRSxJQUFJLEVBQ2YsWUFBWSxFQUFFLElBQUksSUFFakIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLGtCQUFrQixDQUFDLENBQ3pDLENBQ1gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGFBQWEsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQztBQUV4QyxNQUFNLE1BQU0sR0FBYSxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLG9CQUFDLElBQUksQ0FBQyxJQUFJLFFBQUUsUUFBUSxDQUFhLENBQUM7QUFDN0UsTUFBTSxDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQztBQUM1QyxhQUFhLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLENBQUMifQ==
@@ -1,3 +0,0 @@
1
- import { createPortal } from 'react-dom';
2
- export const Portal = ({ children, to }) => createPortal(children, to);
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9ydGFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUG9ydGFsL1BvcnRhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQVN6QyxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQW9CLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMifQ==
@@ -1,23 +0,0 @@
1
- // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role
2
- import React from 'react';
3
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
4
- import { ProgressBar as BaseProgressBar } from '../../../src/common/ProgressBar/ProgressBar';
5
- import { tw } from '../../../src/utils/tailwind';
6
- export const ProgressBar = (props) => {
7
- const { value, 'aria-label': ariaLabel, min = 0, max = 100, progresStatus = 'info', completedStatus = 'success', } = props;
8
- if (min > max) {
9
- throw new Error('`min` value provided to `ProgressBar` is greater than `max` value.');
10
- }
11
- const progress = (React.createElement(BaseProgressBar, null,
12
- React.createElement(BaseProgressBar.Indicator, { status: value === max ? completedStatus : progresStatus, min: min, max: max, value: value, "aria-label": ariaLabel })));
13
- if (props.dense) {
14
- return progress;
15
- }
16
- return (React.createElement("div", null,
17
- progress,
18
- React.createElement(BaseProgressBar.Labels, { className: tw('py-2'), startLabel: props.startLabel, endLabel: props.endLabel })));
19
- };
20
- const ProgressBarSkeleton = () => React.createElement(Skeleton, { height: 4, display: "block" });
21
- ProgressBar.Skeleton = ProgressBarSkeleton;
22
- ProgressBar.Skeleton.displayName = 'ProgressBar.Skeleton';
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NCYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNkdBQTZHO0FBRTdHLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFNUQsT0FBTyxFQUFFLFdBQVcsSUFBSSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUVwRixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE0Q3hDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBd0QsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUN4RixNQUFNLEVBQ0osS0FBSyxFQUNMLFlBQVksRUFBRSxTQUFTLEVBQ3ZCLEdBQUcsR0FBRyxDQUFDLEVBQ1AsR0FBRyxHQUFHLEdBQUcsRUFDVCxhQUFhLEdBQUcsTUFBTSxFQUN0QixlQUFlLEdBQUcsU0FBUyxHQUM1QixHQUFHLEtBQUssQ0FBQztJQUVWLElBQUksR0FBRyxHQUFHLEdBQUcsRUFBRTtRQUNiLE1BQU0sSUFBSSxLQUFLLENBQUMsb0VBQW9FLENBQUMsQ0FBQztLQUN2RjtJQUVELE1BQU0sUUFBUSxHQUFHLENBQ2Ysb0JBQUMsZUFBZTtRQUNkLG9CQUFDLGVBQWUsQ0FBQyxTQUFTLElBQ3hCLE1BQU0sRUFBRSxLQUFLLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLGFBQWEsRUFDdkQsR0FBRyxFQUFFLEdBQUcsRUFDUixHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxLQUFLLGdCQUNBLFNBQVMsR0FDckIsQ0FDYyxDQUNuQixDQUFDO0lBRUYsSUFBSSxLQUFLLENBQUMsS0FBSyxFQUFFO1FBQ2YsT0FBTyxRQUFRLENBQUM7S0FDakI7SUFFRCxPQUFPLENBQ0w7UUFDRyxRQUFRO1FBQ1Qsb0JBQUMsZUFBZSxDQUFDLE1BQU0sSUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUFFLFVBQVUsRUFBRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxHQUFJLENBQ3JHLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sbUJBQW1CLEdBQWEsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFDLE9BQU8sR0FBRyxDQUFDO0FBRXBGLFdBQVcsQ0FBQyxRQUFRLEdBQUcsbUJBQW1CLENBQUM7QUFDM0MsV0FBVyxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsc0JBQXNCLENBQUMifQ==
@@ -1,29 +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 { ControlLabel } from '../../../src/components/ControlLabel/ControlLabel';
14
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
15
- import { RadioButton as BaseRadioButton, } from '../../../src/common/RadioButton/RadioButton';
16
- import { tw } from '../../../src/utils/tailwind';
17
- export const RadioButton = React.forwardRef((_a, ref) => {
18
- var _b;
19
- var { name, id, readOnly = false, disabled = false, caption, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["name", "id", "readOnly", "disabled", "caption", "children", 'aria-label']);
20
- const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
21
- return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' } }, !readOnly && (React.createElement(BaseRadioButton, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled }))))) : null;
22
- });
23
- RadioButton.displayName = 'RadioButton';
24
- const RadioButtonSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
25
- React.createElement(Skeleton, { height: 20, width: 20 }),
26
- React.createElement(Skeleton, { height: 20, width: 150 })));
27
- RadioButton.Skeleton = RadioButtonSkeleton;
28
- RadioButton.Skeleton.displayName = 'RadioButton.Skeleton';
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9SYWRpb0J1dHRvbi9SYWRpb0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBRUwsV0FBVyxJQUFJLGVBQWUsR0FDL0IsTUFBTSxvQ0FBb0MsQ0FBQztBQUU1QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFZeEMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3pDLENBQUMsRUFBc0csRUFBRSxHQUFHLEVBQUUsRUFBRTs7UUFBL0csRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxTQUFTLE9BQVksRUFBUCxLQUFLLGNBQXBHLDJFQUFzRyxDQUFGO0lBQ25HLE1BQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUN4RCxPQUFPLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDOUIsb0JBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsS0FBSyxFQUFFLFFBQVEsZ0JBQ0gsU0FBUyxFQUNyQixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLElBRXRCLENBQUMsUUFBUSxJQUFJLENBQ1osb0JBQUMsZUFBZSxrQkFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxLQUFLLElBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxJQUFJLENBQ3JHLENBQ1ksQ0FDaEIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ1gsQ0FBQyxDQUNzQixDQUFDO0FBRTFCLFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDO0FBRXhDLE1BQU0sbUJBQW1CLEdBQWEsR0FBRyxFQUFFLENBQUMsQ0FDMUMsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7SUFDOUIsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsR0FBSTtJQUNuQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxHQUFJLENBQ2hDLENBQ1AsQ0FBQztBQUVGLFdBQVcsQ0FBQyxRQUFRLEdBQUcsbUJBQW1CLENBQUM7QUFDM0MsV0FBVyxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsc0JBQXNCLENBQUMifQ==
@@ -1,65 +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 uniqueId from 'lodash/uniqueId';
14
- import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
15
- import { RadioButton } from '../../../src/components/RadioButton/RadioButton';
16
- import { InputGroup } from '../../../src/common/InputGroup/InputGroup';
17
- import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
18
- import { tw } from '../../../src/utils/tailwind';
19
- const isRadioButton = (c) => {
20
- return React.isValidElement(c) && c.type === RadioButton;
21
- };
22
- export const RadioButtonGroup = (_a) => {
23
- var _b;
24
- var { name, value: _value, defaultValue, onChange, direction = 'row', cols, readOnly, children } = _a, props = __rest(_a, ["name", "value", "defaultValue", "onChange", "direction", "cols", "readOnly", "children"]);
25
- const [value, setValue] = React.useState((_b = _value !== null && _value !== void 0 ? _value : defaultValue) !== null && _b !== void 0 ? _b : '');
26
- const errorMessageId = uniqueId();
27
- const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
28
- const labelControlProps = getLabelControlProps(props);
29
- if (_value !== undefined && _value !== value) {
30
- setValue(_value);
31
- }
32
- const handleChange = (e) => {
33
- setValue(e.target.value);
34
- onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
35
- };
36
- const content = React.Children.map(children, (c) => {
37
- var _a, _b, _c;
38
- if (!isRadioButton(c)) {
39
- return null;
40
- }
41
- const defaultChecked = defaultValue === undefined ? undefined : c.props.value === defaultValue;
42
- const checked = value === undefined ? undefined : c.props.value === value;
43
- return React.cloneElement(c, {
44
- name,
45
- defaultChecked: (_a = c.props.defaultChecked) !== null && _a !== void 0 ? _a : defaultChecked,
46
- checked: (_b = c.props.checked) !== null && _b !== void 0 ? _b : checked,
47
- onChange: (_c = c.props.onChange) !== null && _c !== void 0 ? _c : handleChange,
48
- disabled: props.disabled || c.props.disabled,
49
- readOnly,
50
- });
51
- });
52
- return (React.createElement(LabelControl, Object.assign({ fieldset: true }, labelControlProps, errorProps),
53
- cols && React.createElement(InputGroup, { cols: cols }, content),
54
- !cols && (React.createElement(Flexbox, { direction: direction, alignItems: "flex-start", colGap: "8", rowGap: "3", wrap: "wrap" }, content))));
55
- };
56
- const RadioButtonGroupSkeleton = ({ direction = 'row', options = 2 }) => {
57
- return (React.createElement(LabelControl.Skeleton, null,
58
- React.createElement("div", { className: tw('flex flex-wrap', {
59
- 'flex-row gap-8': direction === 'row',
60
- 'flex-col gap-2': direction === 'column',
61
- }) }, Array.from({ length: options }).map((_, key) => (React.createElement(RadioButton.Skeleton, { key: key }))))));
62
- };
63
- RadioButtonGroup.Skeleton = RadioButtonGroupSkeleton;
64
- RadioButtonGroup.Skeleton.displayName = 'RadioButtonGroup.Skeleton';
65
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b25Hcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1JhZGlvQnV0dG9uR3JvdXAvUmFkaW9CdXR0b25Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3pELE9BQU8sRUFBeUIsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFFNUYsT0FBTyxFQUFvQixVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVoRixPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd4QyxNQUFNLGFBQWEsR0FBRyxDQUFDLENBQWtCLEVBQTZDLEVBQUU7SUFDdEYsT0FBTyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssV0FBVyxDQUFDO0FBQzNELENBQUMsQ0FBQztBQXNERixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBb0YsQ0FBQyxFQVVqSCxFQUFFLEVBQUU7O1FBVjZHLEVBQ2hILElBQUksRUFDSixLQUFLLEVBQUUsTUFBTSxFQUNiLFlBQVksRUFDWixRQUFRLEVBQ1IsU0FBUyxHQUFHLEtBQUssRUFDakIsSUFBSSxFQUNKLFFBQVEsRUFDUixRQUFRLE9BRVQsRUFESSxLQUFLLGNBVHdHLDBGQVVqSCxDQURTO0lBRVIsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFTLE1BQUEsTUFBTSxhQUFOLE1BQU0sY0FBTixNQUFNLEdBQUksWUFBWSxtQ0FB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
@@ -1,144 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { useRef, useState } from 'react';
13
- import { useOverlayPosition } from '@react-aria/overlays';
14
- import { useSelect } from 'downshift';
15
- import defaults from 'lodash/defaults';
16
- import isArray from 'lodash/isArray';
17
- import isNil from 'lodash/isNil';
18
- import omit from 'lodash/omit';
19
- import uniqueId from 'lodash/uniqueId';
20
- import { InlineIcon } from '../../../src/components/Icon/Icon';
21
- import { PopoverWrapper } from '../../../src/components/Popover/PopoverWrapper';
22
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
23
- import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select as Base } from '../../../src/common/Select/Select';
24
- import { FormControl } from '../../../src/utils/form/FormControl/FormControl';
25
- import { HelperText } from '../../../src/utils/form/HelperText/HelperText';
26
- import { getLabelControlProps, Label, LabelControl } from '../../../src/utils/form/Label/Label';
27
- import { tw } from '../../../src/utils/tailwind';
28
- const hasIconProperty = (val) => {
29
- var _a;
30
- return typeof val === 'string' || ((_a = val === null || val === void 0 ? void 0 : val.icon) === null || _a === void 0 ? void 0 : _a.body) !== undefined;
31
- };
32
- const hasOptionGroups = (val) => {
33
- return !val.some((opt) => (opt === null || opt === void 0 ? void 0 : opt.label) === undefined || !isArray(opt === null || opt === void 0 ? void 0 : opt.options));
34
- };
35
- const defaultRenderOption = (item, props, { selectedItem }, { getOptionKey, getValue, optionToString = getOptionLabelBuiltin }) => {
36
- var _a, _b;
37
- return (React.createElement(Base.Item, Object.assign({ key: (_b = (_a = getOptionKey === null || getOptionKey === void 0 ? void 0 : getOptionKey(item)) !== null && _a !== void 0 ? _a : getValue === null || getValue === void 0 ? void 0 : getValue(item)) !== null && _b !== void 0 ? _b : optionToString(item), selected: item === selectedItem }, props),
38
- hasIconProperty(item) && React.createElement(InlineIcon, { icon: item.icon }),
39
- optionToString(item)));
40
- };
41
- const defaultGetValue = (opt) => {
42
- if (typeof opt === 'string') {
43
- return opt;
44
- }
45
- if (typeof opt.value === 'string') {
46
- return opt.value;
47
- }
48
- return '';
49
- };
50
- const _SelectBase = (props) => {
51
- var _a;
52
- const withDefaults = defaults({}, props, {
53
- disabled: false,
54
- valid: true,
55
- readOnly: false,
56
- required: false,
57
- optionToString: getOptionLabelBuiltin,
58
- getValue: defaultGetValue,
59
- UNSAFE_renderOption: defaultRenderOption,
60
- isOptionDisabled: isOptionDisabledBuiltin,
61
- actions: [],
62
- });
63
- const { id, name, placeholder, disabled, readOnly, maxHeight, options, optionToString: itemToString, getValue, getOptionKey, UNSAFE_renderOption, isOptionDisabled, defaultValue, value, onChange, valid, emptyState, actions, required, children, labelWrapper } = withDefaults, rest = __rest(withDefaults, ["id", "name", "placeholder", "disabled", "readOnly", "maxHeight", "options", "optionToString", "getValue", "getOptionKey", "UNSAFE_renderOption", "isOptionDisabled", "defaultValue", "value", "onChange", "valid", "emptyState", "actions", "required", "children", "labelWrapper"]);
64
- const [hasFocus, setFocus] = useState(false);
65
- const targetRef = useRef(null);
66
- const overlayRef = useRef(null);
67
- const items = hasOptionGroups(options) ? options.flatMap((g) => g.options) : options;
68
- const findItemByValue = (val) => {
69
- if (val === null) {
70
- return null;
71
- }
72
- return val === undefined ? undefined : items.find((opt) => getValue(opt) === getValue(val));
73
- };
74
- const { isOpen, closeMenu, selectItem, selectedItem, highlightedIndex, getToggleButtonProps, getMenuProps, getItemProps, setHighlightedIndex, } = useSelect({
75
- selectedItem: findItemByValue(value),
76
- defaultSelectedItem: findItemByValue(defaultValue),
77
- items,
78
- itemToString,
79
- onSelectedItemChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.selectedItem),
80
- });
81
- const { overlayProps } = useOverlayPosition({
82
- targetRef,
83
- overlayRef,
84
- placement: 'bottom start',
85
- shouldFlip: true,
86
- isOpen,
87
- });
88
- const renderItem = (item, index) => UNSAFE_renderOption(item, Object.assign({ highlighted: index === highlightedIndex }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), {
89
- selectedItem,
90
- closeMenu,
91
- selectOption: selectItem,
92
- }, withDefaults);
93
- const renderGroup = (group) => (React.createElement(React.Fragment, { key: group.label },
94
- React.createElement(Base.Group, null, group.label),
95
- group.options.map((opt) => renderItem(opt, items.indexOf(opt)))));
96
- const input = (React.createElement(Base.InputContainer, Object.assign({}, getToggleButtonProps({ disabled: disabled || readOnly, ref: targetRef }), { variant: disabled ? 'disabled' : !valid ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default', tabIndex: 0 }),
97
- React.createElement(Base.Input, Object.assign({ id: id, name: name }, rest, { className: !disabled && !readOnly ? 'cursor-pointer' : undefined, disabled: disabled, readOnly: true, placeholder: readOnly ? undefined : placeholder, value: !isNil(selectedItem) ? itemToString(selectedItem) : '', tabIndex: -1, onFocus: () => setFocus(true), onBlur: () => setFocus(false) })),
98
- !readOnly && React.createElement(Base.Toggle, { disabled: disabled, isOpen: isOpen, tabIndex: -1 })));
99
- const width = (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
100
- const style = isOpen ? Object.assign(Object.assign({}, overlayProps.style), { width }) : { display: 'none' };
101
- return (React.createElement("div", { className: tw('relative') },
102
- labelWrapper ? React.cloneElement(labelWrapper, { children: input }) : input,
103
- React.createElement(PopoverWrapper
104
- // Downshift expects the menu to be in the DOM all the time.
105
- , Object.assign({
106
- // Downshift expects the menu to be in the DOM all the time.
107
- isOpen: true, isDismissable: true, autoFocus: true }, getMenuProps({ ref: overlayRef }), { style: style, onClose: closeMenu }),
108
- React.createElement(Base.Menu, { maxHeight: maxHeight },
109
- isOpen && options.length === 0 && React.createElement(Base.EmptyStateContainer, null, emptyState),
110
- isOpen && options.length > 0 && !hasOptionGroups(options) && options.map(renderItem),
111
- isOpen && options.length > 0 && hasOptionGroups(options) && options.map(renderGroup),
112
- isOpen && actions.length > 0 && (React.createElement(React.Fragment, null,
113
- React.createElement(Base.Divider, { onMouseOver: () => setHighlightedIndex(-1) }),
114
- actions.map((act, index) => (React.createElement(Base.ActionItem, Object.assign({ key: `${index}` }, act, { onMouseOver: () => setHighlightedIndex(-1), onClick: () => {
115
- act.onClick();
116
- closeMenu();
117
- } }), act.label)))))))));
118
- };
119
- export const SelectBase = (props) => React.createElement(_SelectBase, Object.assign({}, props, { labelWrapper: undefined }));
120
- const SelectBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
121
- SelectBase.Skeleton = SelectBaseSkeleton;
122
- export const Select = (_a) => {
123
- var _b;
124
- var { options } = _a, props = __rest(_a, ["options"]);
125
- // we need a unique ID to be used for an accessible connection between the input and its error message
126
- const id = useRef((_b = props.id) !== null && _b !== void 0 ? _b : `select-${uniqueId()}`);
127
- const errorMessageId = uniqueId();
128
- const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
129
- const labelProps = getLabelControlProps(props);
130
- const baseProps = omit(props, Object.keys(labelProps));
131
- const legacyError = labelProps.error !== undefined && labelProps.valid === false;
132
- const variant = !labelProps.valid || legacyError ? 'error' : labelProps.disabled ? 'disabled' : 'default';
133
- const label = (React.createElement(Label, Object.assign({ id: `${id.current}-label`, htmlFor: `${id.current}-input`, variant: variant, messageId: errorMessageId }, labelProps)));
134
- // We have to do things here a bit differently, since semantically
135
- // we can't wrap the whole <Select> component inside a HTML <label>.
136
- return (React.createElement(FormControl, null,
137
- React.createElement(_SelectBase, Object.assign({}, baseProps, errorProps, { id: `${id.current}-input`, options: options, disabled: props.disabled, valid: props.valid, labelWrapper: label })),
138
- React.createElement(HelperText, { messageId: errorMessageId, error: !labelProps.valid, helperText: labelProps.helperText, length: labelProps.length, maxLength: labelProps.maxLength, reserveSpaceForError: labelProps.reserveSpaceForError })));
139
- };
140
- const SelectSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
141
- React.createElement(SelectBase.Skeleton, null)));
142
- Select.Skeleton = SelectSkeleton;
143
- Select.Skeleton.displayName = 'Select.Skeleton';
144
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFaEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN0QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLEtBQUssTUFBTSxjQUFjLENBQUM7QUFDakMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLElBQUksSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFMUcsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNsRSxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFtQ3hDLE1BQU0sZUFBZSxHQUFHLENBQUMsR0FBWSxFQUF5QyxFQUFFOztJQUM5RSxP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
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import isNumber from 'lodash/isNumber';
3
- import isUndefined from 'lodash/isUndefined';
4
- import { classNames, tw } from '../../utils/tailwind';
5
- export const Skeleton = ({ width, height, display = 'block', className, animate = true, rounded = false, }) => {
6
- const styles = {
7
- width: isNumber(width) ? `${width}px` : width,
8
- height: isNumber(height) ? `${height}px` : height,
9
- };
10
- return (React.createElement("div", { style: styles, className: classNames(tw('bg-grey-5', {
11
- "h-auto before:content-['_'] whitespace-pre origin-[0%_45%] scale-[0.55]": isUndefined(height),
12
- 'rounded-full': rounded,
13
- 'block': display === 'block',
14
- 'inline-block': display === 'inline-block',
15
- 'animate-pulse': animate,
16
- }), className) }));
17
- };
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBSTdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFrQ3RELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUNoRCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE9BQU8sR0FBRyxPQUFPLEVBQ2pCLFNBQVMsRUFDVCxPQUFPLEdBQUcsSUFBSSxFQUNkLE9BQU8sR0FBRyxLQUFLLEdBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sTUFBTSxHQUFHO1FBQ2IsS0FBSyxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSztRQUM3QyxNQUFNLEVBQUUsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNO0tBQ2xELENBQUM7SUFFRixPQUFPLENBQ0wsNkJBQ0UsS0FBSyxFQUFFLE1BQU0sRUFDYixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsV0FBVyxFQUFFO1lBQ2QseUVBQXlFLEVBQUUsV0FBVyxDQUFDLE1BQU0sQ0FBQztZQUM5RixjQUFjLEVBQUUsT0FBTztZQUN2QixPQUFPLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDNUIsY0FBYyxFQUFFLE9BQU8sS0FBSyxjQUFjO1lBQzFDLGVBQWUsRUFBRSxPQUFPO1NBQ3pCLENBQUMsRUFDRixTQUFTLENBQ1YsR0FDRCxDQUNILENBQUM7QUFDSixDQUFDLENBQUMifQ==
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { Template } from '../../../src/components/Template/Template';
3
- import { Stepper as StepperBase } from '../../../src/common/Stepper/Stepper';
4
- import { isComponentType } from '../../../types/utils';
5
- export const Stepper = ({ children, activeIndex, dense }) => {
6
- const steps = React.Children.count(children);
7
- return (React.createElement(StepperBase, { role: "list" },
8
- React.createElement(Template, { columns: steps }, React.Children.map(children, (child, index) => {
9
- if (!isComponentType(child, Step)) {
10
- return new Error('<Stepper> can only have <Stepper.Step> components as children');
11
- }
12
- else {
13
- const state = index > activeIndex ? 'inactive' : index === activeIndex ? 'active' : 'completed';
14
- return (React.createElement(StepperBase.Step, { state: state, "aria-current": state === 'active' ? 'step' : false, role: "listitem" },
15
- index > 0 && index <= steps && (React.createElement(StepperBase.ConnectorContainer, { dense: dense },
16
- React.createElement(StepperBase.ConnectorContainer.Connector, { completed: state === 'completed' || state === 'active' }))),
17
- React.createElement(StepperBase.Step.Indicator, { state: state, dense: dense }, index + 1),
18
- child.props.children));
19
- }
20
- }))));
21
- };
22
- const Step = () => null;
23
- Step.displayName = 'Stepper.Step';
24
- Stepper.Step = Step;
25
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0ZXBwZXIvU3RlcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXBFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFrQjlDLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBbUQsQ0FBQyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtJQUMxRyxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM3QyxPQUFPLENBQ0wsb0JBQUMsV0FBVyxJQUFDLElBQUksRUFBQyxNQUFNO1FBQ3RCLG9CQUFDLFFBQVEsSUFBQyxPQUFPLEVBQUUsS0FBSyxJQUNyQixLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDN0MsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEVBQUU7Z0JBQ2pDLE9BQU8sSUFBSSxLQUFLLENBQUMsK0RBQStELENBQUMsQ0FBQzthQUNuRjtpQkFBTTtnQkFDTCxNQUFNLEtBQUssR0FBRyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDO2dCQUNoRyxPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsS0FBSyxrQkFBZ0IsS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFDLFVBQVU7b0JBQy9GLEtBQUssR0FBRyxDQUFDLElBQUksS0FBSyxJQUFJLEtBQUssSUFBSSxDQUM5QixvQkFBQyxXQUFXLENBQUMsa0JBQWtCLElBQUMsS0FBSyxFQUFFLEtBQUs7d0JBQzFDLG9CQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLElBQUMsU0FBUyxFQUFFLEtBQUssS0FBSyxXQUFXLElBQUksS0FBSyxLQUFLLFFBQVEsR0FBSSxDQUNyRSxDQUNsQztvQkFDRCxvQkFBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLElBQ25ELEtBQUssR0FBRyxDQUFDLENBQ2lCO29CQUM1QixLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDSixDQUNwQixDQUFDO2FBQ0g7UUFDSCxDQUFDLENBQUMsQ0FDTyxDQUNDLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQU1GLE1BQU0sSUFBSSxHQUF3QixHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFDN0MsSUFBSSxDQUFDLFdBQVcsR0FBRyxjQUFjLENBQUM7QUFFbEMsT0FBTyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMifQ==
@@ -1,29 +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 { ControlLabel } from '../../../src/components/ControlLabel/ControlLabel';
14
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
15
- import { Switch as BaseSwitch } from '../../../src/common/Switch/Switch';
16
- import { tw } from '../../../src/utils/tailwind';
17
- export const Switch = React.forwardRef((_a, ref) => {
18
- var _b;
19
- var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label']);
20
- const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
21
- return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' } }, !readOnly && React.createElement(BaseSwitch, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
22
- });
23
- Switch.displayName = 'Switch';
24
- const SwitchSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
25
- React.createElement(Skeleton, { height: 20, width: 35 }),
26
- React.createElement(Skeleton, { height: 20, width: 150 })));
27
- Switch.Skeleton = SwitchSkeleton;
28
- Switch.Skeleton.displayName = 'Switch.Skeleton ';
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQXVDLE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVyRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFVeEMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFvQixLQUFLLENBQUMsVUFBVSxDQUNyRCxDQUFDLEVBQXNHLEVBQUUsR0FBRyxFQUFFLEVBQUU7O1FBQS9HLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUFwRywyRUFBc0csQ0FBRjtJQUNuRyxNQUFNLFNBQVMsR0FBRyxNQUFBLEtBQUssQ0FBQyxPQUFPLG1DQUFJLEtBQUssQ0FBQyxjQUFjLENBQUM7SUFDeEQsT0FBTyxDQUFDLFFBQVEsSUFBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQzlCLG9CQUFDLFlBQVksSUFDWCxPQUFPLEVBQUUsRUFBRSxFQUNYLEtBQUssRUFBRSxRQUFRLGdCQUNILFNBQVMsRUFDckIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxJQUV0QixDQUFDLFFBQVEsSUFBSSxvQkFBQyxVQUFVLGtCQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFNLEtBQUssSUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLElBQUksQ0FDaEcsQ0FDaEIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ1gsQ0FBQyxDQUNpQixDQUFDO0FBRXJCLE1BQU0sQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDO0FBRTlCLE1BQU0sY0FBYyxHQUFhLEdBQUcsRUFBRSxDQUFDLENBQ3JDLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDO0lBQzlCLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEdBQUk7SUFDbkMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBSSxDQUNoQyxDQUNQLENBQUM7QUFFRixNQUFNLENBQUMsUUFBUSxHQUFHLGNBQWMsQ0FBQztBQUNqQyxNQUFNLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxrQkFBa0IsQ0FBQyJ9
@@ -1,59 +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, { useState } from 'react';
13
- import uniqueId from 'lodash/uniqueId';
14
- import { Switch } from '../../../src/components/Switch/Switch';
15
- import { InputGroup } from '../../../src/common/InputGroup/InputGroup';
16
- import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
17
- import { tw } from '../../../src/utils/tailwind';
18
- import { isComponentType } from '../../../types/utils';
19
- export const SwitchGroup = (_a) => {
20
- var _b;
21
- var { value, defaultValue, onChange, readOnly = false, cols, children } = _a, props = __rest(_a, ["value", "defaultValue", "onChange", "readOnly", "cols", "children"]);
22
- const [selectedItems, setSelectedItems] = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : []);
23
- if (value !== undefined && value !== selectedItems) {
24
- setSelectedItems(value);
25
- }
26
- const errorMessageId = uniqueId();
27
- const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
28
- const labelControlProps = getLabelControlProps(props);
29
- const handleChange = (e) => {
30
- const { value } = e.target;
31
- const updated = e.target.checked ? [...selectedItems, value] : selectedItems.filter((v) => v !== value);
32
- setSelectedItems(updated);
33
- onChange === null || onChange === void 0 ? void 0 : onChange(updated);
34
- };
35
- return (React.createElement(LabelControl, Object.assign({ fieldset: true }, labelControlProps, errorProps),
36
- React.createElement(InputGroup, { cols: cols }, React.Children.map(children, (c) => {
37
- var _a, _b, _c, _d;
38
- if (!isComponentType(c, Switch)) {
39
- return null;
40
- }
41
- const str = (_a = c.props.value) === null || _a === void 0 ? void 0 : _a.toString();
42
- const defaultChecked = defaultValue === undefined ? undefined : str !== undefined && defaultValue.includes(str);
43
- const checked = value === undefined ? undefined : str !== undefined && value.includes(str);
44
- return React.cloneElement(c, {
45
- defaultChecked: (_b = c.props.defaultChecked) !== null && _b !== void 0 ? _b : defaultChecked,
46
- checked: (_c = c.props.checked) !== null && _c !== void 0 ? _c : checked,
47
- onChange: (_d = c.props.onChange) !== null && _d !== void 0 ? _d : handleChange,
48
- disabled: props.disabled || c.props.disabled,
49
- readOnly,
50
- });
51
- }))));
52
- };
53
- const SwitchGroupSkeleton = ({ options = 2 }) => {
54
- return (React.createElement(LabelControl.Skeleton, null,
55
- React.createElement("div", { className: tw('flex flex-wrap flex-col gap-2') }, Array.from({ length: options }).map((_, key) => (React.createElement(Switch.Skeleton, { key: key }))))));
56
- };
57
- SwitchGroup.Skeleton = SwitchGroupSkeleton;
58
- SwitchGroup.Skeleton.displayName = 'SwitchGroup.Skeleton';
59
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoR3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Td2l0Y2hHcm91cC9Td2l0Y2hHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN4QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQW9CLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXhFLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFaEYsT0FBTyxFQUEwQixvQkFBb0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUF5QixlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUF5Q3JFLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBMEUsQ0FBQyxFQVFsRyxFQUFFLEVBQUU7O1FBUjhGLEVBQ2pHLEtBQUssRUFDTCxZQUFZLEVBQ1osUUFBUSxFQUNSLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLElBQUksRUFDSixRQUFRLE9BRVQsRUFESSxLQUFLLGNBUHlGLHFFQVFsRyxDQURTO0lBRVIsTUFBTSxDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxHQUFHLFFBQVEsQ0FBVyxNQUFBLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLFlBQVksbUNBQUksRUFBRSxDQUFDLENBQUM7SUFFMUYsSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxhQUFhLEVBQUU7UUFDbEQsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDekI7SUFFRCxNQUFNLGNBQWMsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUNsQyxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLGNBQWMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDN0csTUFBTSxpQkFBaUIsR0FBRyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUV0RCxNQUFNLFlBQVksR0FBRyxDQUFDLENBQXNDLEVBQUUsRUFBRTtRQUM5RCxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQztRQUMzQixNQUFNLE9BQU8sR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLEtBQUssQ0FBQyxDQUFDO1FBQ3hHLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxPQUFPLENBQUMsQ0FBQztJQUN0QixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsb0JBQUMsWUFBWSxrQkFBQyxRQUFRLFVBQUssaUJBQWlCLEVBQU0sVUFBVTtRQUMxRCxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLElBQUksSUFDbkIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7O1lBQ2xDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUMvQixPQUFPLElBQUksQ0FBQzthQUNiO1lBQ0QsTUFBTSxHQUFHLEdBQUcsTUFBQSxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssMENBQUUsUUFBUSxFQUFFLENBQUM7WUFDdEMsTUFBTSxjQUFjLEdBQ2xCLFlBQVksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLFNBQVMsSUFBSSxZQUFZLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzNGLE1BQU0sT0FBTyxHQUFHLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLFNBQVMsSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBRTNGLE9BQU8sS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDLEVBQUU7Z0JBQzNCLGNBQWMsRUFBRSxNQUFBLENBQUMsQ0FBQyxLQUFLLENBQUMsY0FBYyxtQ0FBSSxjQUFjO2dCQUN4RCxPQUFPLEVBQUUsTUFBQSxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sbUNBQUksT0FBTztnQkFDbkMsUUFBUSxFQUFFLE1BQUEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLG1DQUFJLFlBQVk7Z0JBQzFDLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUTtnQkFDNUMsUUFBUTthQUNULENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUNTLENBQ0EsQ0FDaEIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQU1GLE1BQU0sbUJBQW1CLEdBQTRCLENBQUMsRUFBRSxPQUFPLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRTtJQUN2RSxPQUFPLENBQ0wsb0JBQUMsWUFBWSxDQUFDLFFBQVE7UUFDcEIsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxJQUNoRCxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDL0Msb0JBQUMsTUFBTSxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQzlCLENBQUMsQ0FDRSxDQUNnQixDQUN6QixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsV0FBVyxDQUFDLFFBQVEsR0FBRyxtQkFBbUIsQ0FBQztBQUMzQyxXQUFXLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQyJ9