@aivenio/aquarium 1.9.0 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (278) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +50 -53
  4. package/dist/atoms.mjs +46 -49
  5. package/dist/src/{common → atoms}/Alert/Alert.d.ts +2 -2
  6. package/dist/src/atoms/Alert/Alert.js +74 -0
  7. package/dist/src/{common → atoms}/Banner/Banner.d.ts +2 -2
  8. package/dist/src/atoms/Banner/Banner.js +57 -0
  9. package/dist/src/atoms/Card/Card.js +54 -0
  10. package/dist/src/{common → atoms}/Checkbox/Checkbox.js +2 -2
  11. package/dist/src/{common → atoms}/Chip/Chip.js +1 -1
  12. package/dist/src/{common → atoms}/DataList/DataList.js +3 -3
  13. package/dist/src/{common → atoms}/Dialog/Dialog.d.ts +1 -1
  14. package/dist/src/{common → atoms}/Dialog/Dialog.js +1 -1
  15. package/dist/src/atoms/DropdownMenu/DropdownMenu.js +62 -0
  16. package/dist/src/{common → atoms}/InputGroup/InputGroup.d.ts +1 -1
  17. package/dist/src/{common → atoms}/InputGroup/InputGroup.js +2 -2
  18. package/dist/src/atoms/LineClamp/LineClamp.d.ts +11 -0
  19. package/dist/src/atoms/LineClamp/LineClamp.js +20 -0
  20. package/dist/src/{common → atoms}/Link/Link.js +1 -1
  21. package/dist/src/{common → atoms}/Modal/Modal.d.ts +1 -1
  22. package/dist/src/atoms/Modal/Modal.js +68 -0
  23. package/dist/src/{common → atoms}/Popover/Popover.js +2 -2
  24. package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.js +2 -2
  25. package/dist/src/{common → atoms}/ProgressBar/ProgressBar.js +1 -1
  26. package/dist/src/{common → atoms}/RadioButton/RadioButton.js +1 -1
  27. package/dist/src/{common → atoms}/Section/Section.d.ts +2 -2
  28. package/dist/src/atoms/Section/Section.js +46 -0
  29. package/dist/src/{common → atoms}/Select/Select.js +2 -2
  30. package/dist/src/{common → atoms}/Stepper/Stepper.js +2 -2
  31. package/dist/src/{common → atoms}/Switch/Switch.js +1 -1
  32. package/dist/src/{common → atoms}/Table/Table.d.ts +2 -2
  33. package/dist/src/atoms/Table/Table.js +91 -0
  34. package/dist/src/{common → atoms}/Timeline/Timeline.js +1 -1
  35. package/dist/src/{common → atoms}/Typography/Typography.js +1 -1
  36. package/dist/src/{common → atoms}/index.js +1 -1
  37. package/dist/src/{components → molecules}/Alert/Alert.d.ts +1 -1
  38. package/dist/src/molecules/Alert/Alert.js +12 -0
  39. package/dist/src/molecules/Avatar/Avatar.js +10 -0
  40. package/dist/src/{components → molecules}/Badge/Badge.js +1 -1
  41. package/dist/src/{components → molecules}/Banner/Banner.d.ts +1 -1
  42. package/dist/src/molecules/Banner/Banner.js +44 -0
  43. package/dist/src/{components → molecules}/Box/Box.d.ts +2 -2
  44. package/dist/src/{components → molecules}/Box/Box.js +2 -2
  45. package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.js +2 -2
  46. package/dist/src/molecules/Button/Button.js +105 -0
  47. package/dist/src/{components → molecules}/Card/Card.d.ts +1 -1
  48. package/dist/src/molecules/Card/Card.js +48 -0
  49. package/dist/src/{components → molecules}/Card/Compact.d.ts +1 -1
  50. package/dist/src/molecules/Card/Compact.js +43 -0
  51. package/dist/src/{components → molecules}/Card/types.js +1 -1
  52. package/dist/src/{components → molecules}/Carousel/Carousel.js +4 -4
  53. package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts +1 -1
  54. package/dist/src/molecules/Checkbox/Checkbox.js +29 -0
  55. package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts +2 -2
  56. package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +61 -0
  57. package/dist/src/{components → molecules}/Chip/Chip.d.ts +1 -1
  58. package/dist/src/molecules/Chip/Chip.js +64 -0
  59. package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js +1 -1
  60. package/dist/src/molecules/Combobox/Combobox.js +109 -0
  61. package/dist/src/molecules/Container/Container.js +18 -0
  62. package/dist/src/molecules/Context/Context.js +18 -0
  63. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts +1 -1
  64. package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js +2 -2
  65. package/dist/src/molecules/DataList/DataList.js +24 -0
  66. package/dist/src/{components → molecules}/DataTable/DataTable.d.ts +1 -1
  67. package/dist/src/molecules/DataTable/DataTable.js +42 -0
  68. package/dist/src/{components → molecules}/Dialog/Dialog.d.ts +2 -2
  69. package/dist/src/molecules/Dialog/Dialog.js +41 -0
  70. package/dist/src/{components → molecules}/Divider/Divider.js +1 -1
  71. package/dist/src/{components → molecules}/Dropdown/Dropdown.d.ts +2 -2
  72. package/dist/src/molecules/Dropdown/Dropdown.js +87 -0
  73. package/dist/src/{components → molecules}/DropdownMenu/DropdownMenu.d.ts +1 -1
  74. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +148 -0
  75. package/dist/src/molecules/DropdownMenu/utils.js +20 -0
  76. package/dist/src/{components → molecules}/Element/Element.js +1 -1
  77. package/dist/src/molecules/EmptyState/EmptyState.js +74 -0
  78. package/dist/src/{components → molecules}/Flexbox/Flexbox.d.ts +1 -1
  79. package/dist/src/molecules/Flexbox/Flexbox.js +19 -0
  80. package/dist/src/{components → molecules}/Flexbox/FlexboxItem.d.ts +1 -1
  81. package/dist/src/molecules/Flexbox/FlexboxItem.js +16 -0
  82. package/dist/src/{components → molecules}/Grid/Grid.d.ts +1 -1
  83. package/dist/src/molecules/Grid/Grid.js +31 -0
  84. package/dist/src/{components → molecules}/Grid/GridItem.d.ts +1 -1
  85. package/dist/src/molecules/Grid/GridItem.js +20 -0
  86. package/dist/src/{components → molecules}/Icon/Icon.js +1 -1
  87. package/dist/src/{components → molecules}/Input/Input.js +2 -2
  88. package/dist/src/{components → molecules}/LineClamp/LineClamp.d.ts +9 -1
  89. package/dist/src/molecules/LineClamp/LineClamp.js +21 -0
  90. package/dist/src/{components → molecules}/Link/Link.d.ts +1 -1
  91. package/dist/src/molecules/Link/Link.js +4 -0
  92. package/dist/src/molecules/List/List.js +6 -0
  93. package/dist/src/molecules/ListItem/ListItem.js +10 -0
  94. package/dist/src/{components → molecules}/Modal/Modal.d.ts +2 -2
  95. package/dist/src/{components → molecules}/Modal/Modal.js +4 -4
  96. package/dist/src/{components → molecules}/MultiInput/InputChip.js +3 -3
  97. package/dist/src/molecules/MultiInput/MultiInput.js +153 -0
  98. package/dist/src/{components → molecules}/MultiSelect/MultiSelect.d.ts +1 -1
  99. package/dist/src/molecules/MultiSelect/MultiSelect.js +149 -0
  100. package/dist/src/{components → molecules}/NativeSelect/NativeSelect.js +3 -3
  101. package/dist/src/{components → molecules}/PageHeader/PageHeader.d.ts +1 -1
  102. package/dist/src/molecules/PageHeader/PageHeader.js +40 -0
  103. package/dist/src/molecules/Pagination/Pagination.js +52 -0
  104. package/dist/src/molecules/Pagination/usePagination.js +36 -0
  105. package/dist/src/{components → molecules}/Popover/Popover.d.ts +1 -1
  106. package/dist/src/molecules/Popover/Popover.js +79 -0
  107. package/dist/src/molecules/Popover/PopoverContext.js +10 -0
  108. package/dist/src/molecules/Popover/PopoverWrapper.js +34 -0
  109. package/dist/src/{components → molecules}/PopoverDialog/PopoverDialog.d.ts +2 -2
  110. package/dist/src/molecules/PopoverDialog/PopoverDialog.js +28 -0
  111. package/dist/src/molecules/Portal/Portal.js +3 -0
  112. package/dist/src/molecules/ProgressBar/ProgressBar.js +23 -0
  113. package/dist/src/{components → molecules}/RadioButton/RadioButton.d.ts +1 -1
  114. package/dist/src/molecules/RadioButton/RadioButton.js +29 -0
  115. package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
  116. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +65 -0
  117. package/dist/src/{components → molecules}/Section/Section.js +4 -4
  118. package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js +1 -1
  119. package/dist/src/molecules/Select/Select.js +144 -0
  120. package/dist/src/molecules/Skeleton/Skeleton.js +18 -0
  121. package/dist/src/molecules/Spacing/Spacing.d.ts +14 -0
  122. package/dist/src/molecules/Spacing/Spacing.js +18 -0
  123. package/dist/src/molecules/Stepper/Stepper.js +25 -0
  124. package/dist/src/{components → molecules}/Switch/Switch.d.ts +1 -1
  125. package/dist/src/molecules/Switch/Switch.js +29 -0
  126. package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts +2 -2
  127. package/dist/src/molecules/SwitchGroup/SwitchGroup.js +59 -0
  128. package/dist/src/{components → molecules}/Table/Table.d.ts +1 -1
  129. package/dist/src/{components → molecules}/Table/Table.js +2 -2
  130. package/dist/src/molecules/Tabs/Tabs.js +220 -0
  131. package/dist/src/{components → molecules}/TagLabel/TagLabel.js +1 -1
  132. package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js +1 -1
  133. package/dist/src/molecules/Template/Template.js +23 -0
  134. package/dist/src/molecules/Textarea/Textarea.js +46 -0
  135. package/dist/src/molecules/Timeline/Timeline.js +42 -0
  136. package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts +1 -1
  137. package/dist/src/molecules/Tooltip/Tooltip.js +110 -0
  138. package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js +1 -1
  139. package/dist/src/{components → molecules}/Typography/Typography.d.ts +1 -1
  140. package/dist/src/molecules/Typography/Typography.js +89 -0
  141. package/dist/src/{components → molecules}/index.d.ts +1 -0
  142. package/dist/src/{components → molecules}/index.js +3 -2
  143. package/dist/src/system.d.ts +3 -3
  144. package/dist/src/system.js +4 -4
  145. package/dist/src/utils/constants.js +2 -2
  146. package/dist/src/utils/form/FormControl/FormControl.js +2 -2
  147. package/dist/src/utils/form/HelperText/HelperText.js +2 -2
  148. package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
  149. package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
  150. package/dist/src/utils/form/Label/Label.d.ts +1 -1
  151. package/dist/src/utils/form/Label/Label.js +3 -3
  152. package/dist/src/utils/table/types.d.ts +2 -2
  153. package/dist/src/utils/useStyle.js +2 -2
  154. package/dist/styles.css +832 -809
  155. package/dist/styles_timescaledb.css +832 -809
  156. package/dist/system.cjs +261 -240
  157. package/dist/system.mjs +254 -234
  158. package/dist/tailwind.config.js +0 -1
  159. package/dist/tsconfig.module.tsbuildinfo +1 -1
  160. package/dist/types/ActionType.d.ts +1 -1
  161. package/dist/types/tailwindGenerated.d.ts +1 -1
  162. package/package.json +4 -4
  163. package/dist/src/common/Alert/Alert.js +0 -74
  164. package/dist/src/common/Banner/Banner.js +0 -57
  165. package/dist/src/common/Card/Card.js +0 -54
  166. package/dist/src/common/DropdownMenu/DropdownMenu.js +0 -62
  167. package/dist/src/common/LineClamp/LineClamp.d.ts +0 -9
  168. package/dist/src/common/LineClamp/LineClamp.js +0 -18
  169. package/dist/src/common/Modal/Modal.js +0 -68
  170. package/dist/src/common/Section/Section.js +0 -46
  171. package/dist/src/common/Table/Table.js +0 -91
  172. package/dist/src/components/Alert/Alert.js +0 -12
  173. package/dist/src/components/Avatar/Avatar.js +0 -10
  174. package/dist/src/components/Banner/Banner.js +0 -44
  175. package/dist/src/components/Button/Button.js +0 -105
  176. package/dist/src/components/Card/Card.js +0 -48
  177. package/dist/src/components/Card/Compact.js +0 -43
  178. package/dist/src/components/Checkbox/Checkbox.js +0 -29
  179. package/dist/src/components/CheckboxGroup/CheckboxGroup.js +0 -61
  180. package/dist/src/components/Chip/Chip.js +0 -64
  181. package/dist/src/components/Combobox/Combobox.js +0 -109
  182. package/dist/src/components/Container/Container.js +0 -18
  183. package/dist/src/components/Context/Context.js +0 -18
  184. package/dist/src/components/DataList/DataList.js +0 -24
  185. package/dist/src/components/DataTable/DataTable.js +0 -42
  186. package/dist/src/components/Dialog/Dialog.js +0 -41
  187. package/dist/src/components/Dropdown/Dropdown.js +0 -87
  188. package/dist/src/components/DropdownMenu/DropdownMenu.js +0 -148
  189. package/dist/src/components/DropdownMenu/utils.js +0 -20
  190. package/dist/src/components/EmptyState/EmptyState.js +0 -74
  191. package/dist/src/components/Flexbox/Flexbox.js +0 -19
  192. package/dist/src/components/Flexbox/FlexboxItem.js +0 -16
  193. package/dist/src/components/Grid/Grid.js +0 -31
  194. package/dist/src/components/Grid/GridItem.js +0 -20
  195. package/dist/src/components/LineClamp/LineClamp.js +0 -17
  196. package/dist/src/components/Link/Link.js +0 -4
  197. package/dist/src/components/List/List.js +0 -6
  198. package/dist/src/components/ListItem/ListItem.js +0 -10
  199. package/dist/src/components/MultiInput/MultiInput.js +0 -153
  200. package/dist/src/components/MultiSelect/MultiSelect.js +0 -149
  201. package/dist/src/components/PageHeader/PageHeader.js +0 -40
  202. package/dist/src/components/Pagination/Pagination.js +0 -52
  203. package/dist/src/components/Pagination/usePagination.js +0 -36
  204. package/dist/src/components/Popover/Popover.js +0 -79
  205. package/dist/src/components/Popover/PopoverContext.js +0 -10
  206. package/dist/src/components/Popover/PopoverWrapper.js +0 -36
  207. package/dist/src/components/PopoverDialog/PopoverDialog.js +0 -28
  208. package/dist/src/components/Portal/Portal.js +0 -3
  209. package/dist/src/components/ProgressBar/ProgressBar.js +0 -23
  210. package/dist/src/components/RadioButton/RadioButton.js +0 -29
  211. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +0 -65
  212. package/dist/src/components/Select/Select.js +0 -144
  213. package/dist/src/components/Skeleton/Skeleton.js +0 -18
  214. package/dist/src/components/Stepper/Stepper.js +0 -25
  215. package/dist/src/components/Switch/Switch.js +0 -29
  216. package/dist/src/components/SwitchGroup/SwitchGroup.js +0 -59
  217. package/dist/src/components/Tabs/Tabs.js +0 -220
  218. package/dist/src/components/Template/Template.js +0 -23
  219. package/dist/src/components/Textarea/Textarea.js +0 -46
  220. package/dist/src/components/Timeline/Timeline.js +0 -42
  221. package/dist/src/components/Tooltip/Tooltip.js +0 -110
  222. package/dist/src/components/Typography/Typography.js +0 -89
  223. /package/dist/src/{common → atoms}/Card/Card.d.ts +0 -0
  224. /package/dist/src/{common → atoms}/Checkbox/Checkbox.d.ts +0 -0
  225. /package/dist/src/{common → atoms}/Chip/Chip.d.ts +0 -0
  226. /package/dist/src/{common → atoms}/DataList/DataList.d.ts +0 -0
  227. /package/dist/src/{common → atoms}/DropdownMenu/DropdownMenu.d.ts +0 -0
  228. /package/dist/src/{common → atoms}/Link/Link.d.ts +0 -0
  229. /package/dist/src/{common → atoms}/Popover/Popover.d.ts +0 -0
  230. /package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.d.ts +0 -0
  231. /package/dist/src/{common → atoms}/ProgressBar/ProgressBar.d.ts +0 -0
  232. /package/dist/src/{common → atoms}/RadioButton/RadioButton.d.ts +0 -0
  233. /package/dist/src/{common → atoms}/Select/Select.d.ts +0 -0
  234. /package/dist/src/{common → atoms}/Stepper/Stepper.d.ts +0 -0
  235. /package/dist/src/{common → atoms}/Switch/Switch.d.ts +0 -0
  236. /package/dist/src/{common → atoms}/Timeline/Timeline.d.ts +0 -0
  237. /package/dist/src/{common → atoms}/Typography/Typography.d.ts +0 -0
  238. /package/dist/src/{common → atoms}/index.d.ts +0 -0
  239. /package/dist/src/{components → molecules}/Avatar/Avatar.d.ts +0 -0
  240. /package/dist/src/{components → molecules}/Badge/Badge.d.ts +0 -0
  241. /package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.d.ts +0 -0
  242. /package/dist/src/{components → molecules}/Button/Button.d.ts +0 -0
  243. /package/dist/src/{components → molecules}/Card/types.d.ts +0 -0
  244. /package/dist/src/{components → molecules}/Carousel/Carousel.d.ts +0 -0
  245. /package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.d.ts +0 -0
  246. /package/dist/src/{components → molecules}/Combobox/Combobox.d.ts +0 -0
  247. /package/dist/src/{components → molecules}/Container/Container.d.ts +0 -0
  248. /package/dist/src/{components → molecules}/Context/Context.d.ts +0 -0
  249. /package/dist/src/{components → molecules}/DataList/DataList.d.ts +0 -0
  250. /package/dist/src/{components → molecules}/Divider/Divider.d.ts +0 -0
  251. /package/dist/src/{components → molecules}/DropdownMenu/utils.d.ts +0 -0
  252. /package/dist/src/{components → molecules}/Element/Element.d.ts +0 -0
  253. /package/dist/src/{components → molecules}/EmptyState/EmptyState.d.ts +0 -0
  254. /package/dist/src/{components → molecules}/Icon/Icon.d.ts +0 -0
  255. /package/dist/src/{components → molecules}/Input/Input.d.ts +0 -0
  256. /package/dist/src/{components → molecules}/List/List.d.ts +0 -0
  257. /package/dist/src/{components → molecules}/ListItem/ListItem.d.ts +0 -0
  258. /package/dist/src/{components → molecules}/MultiInput/InputChip.d.ts +0 -0
  259. /package/dist/src/{components → molecules}/MultiInput/MultiInput.d.ts +0 -0
  260. /package/dist/src/{components → molecules}/NativeSelect/NativeSelect.d.ts +0 -0
  261. /package/dist/src/{components → molecules}/Pagination/Pagination.d.ts +0 -0
  262. /package/dist/src/{components → molecules}/Pagination/usePagination.d.ts +0 -0
  263. /package/dist/src/{components → molecules}/Popover/PopoverContext.d.ts +0 -0
  264. /package/dist/src/{components → molecules}/Popover/PopoverWrapper.d.ts +0 -0
  265. /package/dist/src/{components → molecules}/Portal/Portal.d.ts +0 -0
  266. /package/dist/src/{components → molecules}/ProgressBar/ProgressBar.d.ts +0 -0
  267. /package/dist/src/{components → molecules}/Section/Section.d.ts +0 -0
  268. /package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.d.ts +0 -0
  269. /package/dist/src/{components → molecules}/Select/Select.d.ts +0 -0
  270. /package/dist/src/{components → molecules}/Skeleton/Skeleton.d.ts +0 -0
  271. /package/dist/src/{components → molecules}/Stepper/Stepper.d.ts +0 -0
  272. /package/dist/src/{components → molecules}/Tabs/Tabs.d.ts +0 -0
  273. /package/dist/src/{components → molecules}/TagLabel/TagLabel.d.ts +0 -0
  274. /package/dist/src/{components → molecules}/Tailwindify/Tailwindify.d.ts +0 -0
  275. /package/dist/src/{components → molecules}/Template/Template.d.ts +0 -0
  276. /package/dist/src/{components → molecules}/Textarea/Textarea.d.ts +0 -0
  277. /package/dist/src/{components → molecules}/Timeline/Timeline.d.ts +0 -0
  278. /package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.d.ts +0 -0
@@ -1,91 +0,0 @@
1
- // https://www.w3.org/TR/wai-aria-practices/examples/grid/Tables.html
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- import React from 'react';
14
- import { InlineIcon } from '../../../src/components/Icon/Icon';
15
- import { Typography } from '../../../src/components/Typography/Typography';
16
- import { Checkbox } from '../../../src/common/Checkbox/Checkbox';
17
- import { RadioButton } from '../../../src/common/RadioButton/RadioButton';
18
- import { classNames, tw } from '../../../src/utils/tailwind';
19
- import chevronDown from '../../../src/icons/chevronDown';
20
- import chevronUp from '../../../src/icons/chevronUp';
21
- const HeadContext = React.createContext(null);
22
- const tableClassNames = tw('w-full relative typography-default border-spacing-0');
23
- export const Table = (_a) => {
24
- var { children, ariaLabel, className } = _a, rest = __rest(_a, ["children", "ariaLabel", "className"]);
25
- return (React.createElement("table", Object.assign({}, rest, { className: classNames(tableClassNames, className), "aria-label": ariaLabel }), children));
26
- };
27
- const TableHead = (_a) => {
28
- var { children, sticky } = _a, rest = __rest(_a, ["children", "sticky"]);
29
- return (React.createElement("thead", Object.assign({}, rest),
30
- React.createElement("tr", null,
31
- React.createElement(HeadContext.Provider, { value: { children, sticky } }, children))));
32
- };
33
- const TableBody = (_a) => {
34
- var { children } = _a, rest = __rest(_a, ["children"]);
35
- return React.createElement("tbody", Object.assign({}, rest), children);
36
- };
37
- export const rowClassNames = tw('children:border-grey-10 children:last:border-b-0 hover:bg-grey-0');
38
- const TableRow = (_a) => {
39
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
40
- return (React.createElement("tr", Object.assign({}, rest, { className: classNames(rowClassNames, className) }), children));
41
- };
42
- export const cellClassNames = tw('px-4 border-b typography-small leading-[18px]');
43
- export const getBodyCellClassNames = (table = true) => tw('text-grey-70 py-3', {
44
- 'h-[50px]': table,
45
- 'min-h-[50px]': !table,
46
- });
47
- export const getAlignClassNames = (align) => tw({ 'text-right': align === 'right', 'text-center': align === 'center' });
48
- export const getHeadCellClassNames = (sticky = true) => {
49
- const common = tw('py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal');
50
- return sticky ? classNames(common, tw('sticky top-0 z-10')) : common;
51
- };
52
- const TableCell = (_a) => {
53
- var { children, className, align = 'left' } = _a, rest = __rest(_a, ["children", "className", "align"]);
54
- const headContext = React.useContext(HeadContext);
55
- return headContext ? (React.createElement("th", Object.assign({}, rest, { className: classNames(cellClassNames, getHeadCellClassNames(headContext.sticky), getAlignClassNames(align), className) }), children)) : (React.createElement("td", Object.assign({}, rest, { className: classNames(cellClassNames, getBodyCellClassNames(), getAlignClassNames(align), className) }), children));
56
- };
57
- /**
58
- * @deprecated
59
- */
60
- const TableSelectCell = (_a) => {
61
- var { ariaLabel } = _a, props = __rest(_a, ["ariaLabel"]);
62
- return (React.createElement(Table.Cell, { className: tw('leading-[0px]') }, props.type === 'radio' ? (React.createElement(RadioButton, Object.assign({ "aria-label": ariaLabel }, props))) : (React.createElement(Checkbox, Object.assign({ "aria-label": ariaLabel }, props)))));
63
- };
64
- export const getSortCellButtonClassNames = (align) => tw('group flex items-center gap-x-4 text-grey-50', { 'flex-row-reverse': align === 'right' });
65
- export const getSortCellIconClassNames = (active) => {
66
- return tw('text-[9px]', active ? 'text-grey-70' : 'text-grey-30');
67
- };
68
- const TableSortCell = (_a) => {
69
- var { children, direction = 'none', onClick } = _a, rest = __rest(_a, ["children", "direction", "onClick"]);
70
- return (React.createElement(Table.Cell, Object.assign({}, rest, { "aria-sort": direction }),
71
- React.createElement("span", { className: getSortCellButtonClassNames(rest.align), role: 'button', tabIndex: -1, onClick: onClick },
72
- children,
73
- React.createElement("div", { "data-sort-icons": true, className: tw('flex flex-col', {
74
- 'invisible group-hover:visible': direction === 'none',
75
- }) },
76
- React.createElement(InlineIcon, { icon: chevronUp, className: getSortCellIconClassNames(direction === 'descending') }),
77
- React.createElement(InlineIcon, { icon: chevronDown, className: getSortCellIconClassNames(direction === 'ascending') })))));
78
- };
79
- // TODO: make into its own components
80
- export const Item = ({ image, imageAlt, imageSize = 35, title, caption }) => (React.createElement("div", { className: tw('flex gap-4 items-center') },
81
- image && React.createElement("img", { src: image, alt: imageAlt, style: { width: imageSize, height: imageSize } }),
82
- React.createElement("div", null,
83
- title,
84
- caption && React.createElement(Typography.Caption, null, caption))));
85
- Table.Head = React.memo(TableHead);
86
- Table.Body = React.memo(TableBody);
87
- Table.Row = React.memo(TableRow);
88
- Table.Cell = React.memo(TableCell);
89
- Table.SortCell = React.memo(TableSortCell);
90
- Table.SelectCell = React.memo(TableSelectCell);
91
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFBcUU7Ozs7Ozs7Ozs7OztBQUVyRSxPQUFPLEtBQXlCLE1BQU0sT0FBTyxDQUFDO0FBRTlDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFbEUsT0FBTyxFQUFzQixRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RSxPQUFPLEVBQXlCLFdBQVcsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBR3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUF1QzVDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXJFLE1BQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQyxxREFBcUQsQ0FBQyxDQUFDO0FBRWxGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FPZCxDQUFDLEVBQTJDLEVBQUUsRUFBRTtRQUEvQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1QyxPQUFPLENBQ0wsK0NBQVcsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxnQkFBYyxTQUFTLEtBQ3RGLFFBQVEsQ0FDSCxDQUNULENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFXLEVBQU4s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
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import omit from 'lodash/omit';
3
- import { Alert as AlertBase } from '../../../src/common/Alert/Alert';
4
- import { GhostButton } from '../../../src/components';
5
- export const Alert = ({ description, type, title, action, onDismiss, children }) => (React.createElement(AlertBase, { type: type, dense: Boolean(title) },
6
- React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
7
- title && React.createElement(AlertBase.Title, null, title),
8
- React.createElement(AlertBase.Description, null, children || description),
9
- action && (React.createElement(AlertBase.Actions, null,
10
- React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text))),
11
- onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BbGVydC9BbGVydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQWtCLEtBQUssSUFBSSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU1RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUF5QjdDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3hHLG9CQUFDLFNBQVMsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDO0lBQzFDLG9CQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFJO0lBQ3BELEtBQUssSUFBSSxvQkFBQyxTQUFTLENBQUMsS0FBSyxRQUFFLEtBQUssQ0FBbUI7SUFDcEQsb0JBQUMsU0FBUyxDQUFDLFdBQVcsUUFBRSxRQUFRLElBQUksV0FBVyxDQUF5QjtJQUN2RSxNQUFNLElBQUksQ0FDVCxvQkFBQyxTQUFTLENBQUMsT0FBTztRQUNoQixvQkFBQyxXQUFXLGtCQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN4QyxNQUFNLENBQUMsSUFBSSxDQUNBLENBQ0ksQ0FDckI7SUFDQSxTQUFTLElBQUksb0JBQUMsU0FBUyxDQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsU0FBUyxHQUFJLENBQzdDLENBQ2IsQ0FBQyJ9
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { Box } from '../../../src/components/Box/Box';
3
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
4
- import { classNames, tw } from '../../../src/utils/tailwind';
5
- export const AvatarStack = ({ images }) => (React.createElement(Box, { display: "flex", className: tw('[&>*:not(:first-child)]:-ml-3') }, images.map((image, index) => image ? React.createElement(Avatar, { key: image !== null && image !== void 0 ? image : index, image: image }) : React.createElement(Avatar.Skeleton, { key: image !== null && image !== void 0 ? image : index }))));
6
- export const Avatar = ({ image }) => (React.createElement("img", { src: image, className: classNames(tw('w-[32px] h-[32px]')) }));
7
- const AvatarSkeleton = () => React.createElement(Skeleton, { height: 32, width: 32, className: tw('rounded-full') });
8
- Avatar.Skeleton = AvatarSkeleton;
9
- Avatar.Skeleton.displayName = 'Avatar.Skeleton';
10
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVVwRCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQStCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDckUsb0JBQUMsR0FBRyxJQUFDLE9BQU8sRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxJQUMvRCxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQzNCLEtBQUssQ0FBQyxDQUFDLENBQUMsb0JBQUMsTUFBTSxJQUFDLEdBQUcsRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssR0FBSSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxLQUFLLEdBQUksQ0FDakcsQ0FDRyxDQUNQLENBQUM7QUFTRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQWdFLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDaEcsNkJBQUssR0FBRyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLEdBQUksQ0FDcEUsQ0FBQztBQUVGLE1BQU0sY0FBYyxHQUFhLEdBQUcsRUFBRSxDQUFDLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxjQUFjLENBQUMsR0FBSSxDQUFDO0FBRTFHLE1BQU0sQ0FBQyxRQUFRLEdBQUcsY0FBYyxDQUFDO0FBQ2pDLE1BQU0sQ0FBQyxRQUFRLENBQUMsV0FBVyxHQUFHLGlCQUFpQixDQUFDIn0=
@@ -1,44 +0,0 @@
1
- import React from 'react';
2
- import omit from 'lodash/omit';
3
- import { GhostButton, IconButton } from '../../../src/components/Button/Button';
4
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
5
- import { Banner as BannerBase } from '../../../src/common/Banner/Banner';
6
- import { tw } from '../../../src/utils/tailwind';
7
- import cross from '../../../src/icons/cross';
8
- const BannerImageSkeleton = () => React.createElement(Skeleton, { width: 225, className: tw('h-full') });
9
- const createBanner = (displayName, opts = {}) => {
10
- const BannerComponent = (props) => {
11
- const { title, description, layout: layoutProp, action, onDismiss, variant = 'default', children } = props;
12
- const layout = opts.isOneLineBanner ? 'horizontal' : layoutProp || 'vertical';
13
- const isDismissable = onDismiss !== undefined;
14
- return (React.createElement(BannerBase, { layout: layout, variant: variant },
15
- React.createElement(BannerBase.ContentContainer, { layout: layout },
16
- React.createElement(BannerBase.Title, { layout: layout, titleVariant: opts.isOneLineBanner ? 'secondary' : 'primary' }, title),
17
- React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, children || description),
18
- action && (React.createElement(BannerBase.Actions, { layout: layout },
19
- React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)))),
20
- (props.layout === 'vertical' || props.layout === undefined) && props.image !== undefined && (React.createElement(BannerBase.ImageContainer, null, props.image ? (React.createElement("img", { src: props.image, alt: props.imageAlt, className: tw('bg-cover object-cover', { 'w-full': !props.imageWidth }), style: { width: props.imageWidth, height: props.imageHeight } })) : (React.createElement(BannerImageSkeleton, null)))),
21
- isDismissable && (React.createElement(BannerBase.DismissContainer, { layout: layout },
22
- React.createElement(IconButton, { type: "button", tooltip: "Dismiss", icon: cross, onClick: onDismiss })))));
23
- };
24
- BannerComponent.displayName = displayName;
25
- return BannerComponent;
26
- };
27
- /**
28
- * ## A banner component to highlight some content
29
- *
30
- * There are 2 layouts available: vertical(default) and horizontal.
31
- * Vertical layout is required an image.
32
- * Horizontal layout doesn't support having an image at all.
33
- *
34
- * Note: a size of image prop will affect a size of a whole banner too.
35
- *
36
- * @param props BannerProps
37
- * @returns React.ReactElement
38
- */
39
- export const Banner = createBanner('Banner');
40
- const OneLineBannerBase = createBanner('OneLineBanner', {
41
- isOneLineBanner: true,
42
- });
43
- export const OneLineBanner = OneLineBannerBase;
44
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQWlELE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUvRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHeEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFvRHBDLE1BQU0sbUJBQW1CLEdBQWEsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsR0FBSSxDQUFDO0FBRTlGLE1BQU0sWUFBWSxHQUFHLENBQUMsV0FBbUIsRUFBRSxPQUFzQixFQUFFLEVBQUUsRUFBRTtJQUNyRSxNQUFNLGVBQWUsR0FBMEIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUN2RCxNQUFNLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxHQUFHLFNBQVMsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDM0csTUFBTSxNQUFNLEdBQXFCLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsVUFBVSxJQUFJLFVBQVUsQ0FBQztRQUNoRyxNQUFNLGFBQWEsR0FBRyxTQUFTLEtBQUssU0FBUyxDQUFDO1FBRTlDLE9BQU8sQ0FDTCxvQkFBQyxVQUFVLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsT0FBTztZQUMxQyxvQkFBQyxVQUFVLENBQUMsZ0JBQWdCLElBQUMsTUFBTSxFQUFFLE1BQU07Z0JBQ3pDLG9CQUFDLFVBQVUsQ0FBQyxLQUFLLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQzNGLEtBQUssQ0FDVztnQkFDbkIsb0JBQUMsVUFBVSxDQUFDLFdBQVcsSUFBQyxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksSUFDM0QsUUFBUSxJQUFJLFdBQVcsQ0FDRDtnQkFDeEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsVUFBVSxDQUFDLE9BQU8sSUFBQyxNQUFNLEVBQUUsTUFBTTtvQkFDaEMsb0JBQUMsV0FBVyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDeEMsTUFBTSxDQUFDLElBQUksQ0FDQSxDQUNLLENBQ3RCLENBQzJCO1lBQzdCLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxVQUFVLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxTQUFTLENBQUMsSUFBSSxLQUFLLENBQUMsS0FBSyxLQUFLLFNBQVMsSUFBSSxDQUMzRixvQkFBQyxVQUFVLENBQUMsY0FBYyxRQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNiLDZCQUNFLEdBQUcsRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNoQixHQUFHLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDbkIsU0FBUyxFQUFFLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSxFQUFFLFFBQVEsRUFBRSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQyxFQUN2RSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxHQUM3RCxDQUNILENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsbUJBQW1CLE9BQUcsQ0FDeEIsQ0FDeUIsQ0FDN0I7WUFDQSxhQUFhLElBQUksQ0FDaEIsb0JBQUMsVUFBVSxDQUFDLGdCQUFnQixJQUFDLE1BQU0sRUFBRSxNQUFNO2dCQUN6QyxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUNuRCxDQUMvQixDQUNVLENBQ2QsQ0FBQztJQUNKLENBQUMsQ0FBQztJQUNGLGVBQWUsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQzFDLE9BQU8sZUFBZSxDQUFDO0FBQ3pCLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUU3QyxNQUFNLGlCQUFpQixHQUFHLFlBQVksQ0FBQyxlQUFlLEVBQUU7SUFDdEQsZUFBZSxFQUFFLElBQUk7Q0FDdEIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLGlCQUU1QixDQUFDIn0=
@@ -1,105 +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 { Flexbox } from '../../../src/components/Flexbox/Flexbox';
14
- import { InlineIcon } from '../../../src/components/Icon/Icon';
15
- import { Tooltip } from '../../../src/components/Tooltip/Tooltip';
16
- import { ghostButtonStyle } from '../../../src/utils/constants';
17
- import { classNames, tw } from '../../../src/utils/tailwind';
18
- import chevronDown from '../../../src/icons/chevronDown';
19
- import loading from '../../../src/icons/loading';
20
- const COLOR_CLASSNAMES = {
21
- 'primary': tw('text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-5'),
22
- 'secondary': tw('text-grey-60 bg-white ring-1 ring-grey-30 ring-inset active:bg-grey-5 active:ring-grey-50 active:text-grey-80', 'focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80', 'hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20'),
23
- 'ghost': ghostButtonStyle,
24
- 'secondary-ghost': tw('text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30'),
25
- };
26
- const LoadingSpinner = ({ size = '20px', kind = 'primary', }) => {
27
- return (React.createElement(InlineIcon, { icon: loading, width: size, height: size, color: kind === 'primary' ? 'primary-60' : 'grey-60', "data-testid": 'loading-button' }));
28
- };
29
- export const asButton = (Component, isDropdownButton) => {
30
- return React.forwardRef((_a, ref) => {
31
- var { kind = 'primary', icon, iconPlacement = 'left', tooltip, tooltipPlacement, disabled, loading = false, fullWidth = false, dense = false, UNSAFE_className, 'aria-label': ariaLabel, children } = _a, props = __rest(_a, ["kind", "icon", "iconPlacement", "tooltip", "tooltipPlacement", "disabled", "loading", "fullWidth", "dense", "UNSAFE_className", 'aria-label', "children"]);
32
- const hasChildren = React.Children.count(children) > 0;
33
- const isIconOnlyButton = !hasChildren && !!icon;
34
- const isGhost = !isIconOnlyButton && (kind === 'ghost' || kind === 'secondary-ghost');
35
- const isButton = !isIconOnlyButton && (kind === 'primary' || kind === 'secondary');
36
- const iconSize = !dense ? '20px' : '16px';
37
- if (isIconOnlyButton && !(tooltip || ariaLabel)) {
38
- // "kind" and "dense" props don't affect any style when it is used as icon only button.
39
- throw new Error('Please provide an accessible name as a string only for an icon only button via "aria-label" or "tooltip" prop.');
40
- }
41
- if (!!isDropdownButton && kind !== 'primary' && kind !== 'secondary') {
42
- throw new Error('Dropdown button is available only for "primary" and "secondary" kinds.');
43
- }
44
- if (!!isDropdownButton && !!icon) {
45
- throw new Error("Dropdown button doesn't support any icon prop.");
46
- }
47
- if (!!loading && kind !== 'primary' && kind !== 'secondary') {
48
- throw new Error('Loading button is only supported for "primary" and "secondary" kinds.');
49
- }
50
- const buttonContent = () => {
51
- if (!!isDropdownButton && (kind === 'primary' || kind === 'secondary')) {
52
- return (React.createElement(Flexbox, { gap: '4', alignItems: 'center', justifyContent: 'center' },
53
- hasChildren && React.createElement("div", null, children),
54
- React.createElement(InlineIcon, { icon: chevronDown, width: iconSize, height: iconSize })));
55
- }
56
- else if (icon) {
57
- return (React.createElement(Flexbox, { gap: '3', alignItems: 'center', justifyContent: 'center', direction: iconPlacement === 'right' ? 'row-reverse' : 'row' },
58
- React.createElement(InlineIcon, { icon: icon, width: iconSize, height: iconSize }),
59
- hasChildren && React.createElement("div", null, children)));
60
- }
61
- else {
62
- return children;
63
- }
64
- };
65
- const buttonComponent = (React.createElement(Component, Object.assign({ ref: ref }, props, { className: classNames(UNSAFE_className, !isIconOnlyButton && COLOR_CLASSNAMES[kind],
66
- // adding inline-block here for the case of using it with anchor tag
67
- tw('inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative', {
68
- 'text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent': isIconOnlyButton,
69
- 'typography-default': !dense && !isIconOnlyButton,
70
- 'typography-small': dense && !isIconOnlyButton,
71
- 'py-3 px-4': !dense && isButton,
72
- 'py-2 px-3': dense && isButton,
73
- 'py-3': !dense && isGhost,
74
- 'py-2': dense && isGhost,
75
- 'block w-full': fullWidth && !isIconOnlyButton,
76
- 'cursor-not-allowed': !!disabled || !!loading,
77
- })), "aria-label": isIconOnlyButton ? ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tooltip : ariaLabel, disabled: disabled || loading }), loading && !isGhost ? (React.createElement(React.Fragment, null,
78
- React.createElement("div", { className: tw('absolute left-1/2 top-0 bottom-0 flex'), style: { transform: 'translate(-50%)' } },
79
- React.createElement(LoadingSpinner, { size: iconSize, kind: kind === 'primary' ? 'primary' : 'secondary' })),
80
- React.createElement("div", { className: tw({ invisible: loading }) }, buttonContent()))) : (buttonContent())));
81
- return tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement }, buttonComponent)) : (buttonComponent);
82
- });
83
- };
84
- export const Button = asButton('button');
85
- Button.displayName = 'Button';
86
- export const PrimaryButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "primary" }))));
87
- PrimaryButton.displayName = 'PrimaryButton';
88
- export const SecondaryButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
89
- SecondaryButton.displayName = 'SecondaryButton';
90
- export const GhostButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "ghost" }))));
91
- GhostButton.displayName = 'GhostButton';
92
- export const SecondaryGhostButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "secondary-ghost" }))));
93
- SecondaryGhostButton.displayName = 'SecondaryGhostButton';
94
- // TODO: would be nice to freeze children prop for <IconButton>
95
- export const IconButton = React.forwardRef((props, ref) => React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "ghost", loading: false, fullWidth: false })));
96
- IconButton.displayName = 'IconButton';
97
- export const ExternalLinkButton = asButton('a');
98
- export const IconExternalLinkButton = React.forwardRef((props, ref) => (React.createElement(ExternalLinkButton, Object.assign({ ref: ref }, props, { kind: "ghost", loading: false, fullWidth: false }))));
99
- IconExternalLinkButton.displayName = 'IconExternalLink';
100
- export const DropdownButton = asButton('button', true);
101
- export const PrimaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "primary" }))));
102
- PrimaryDropdownButton.displayName = 'PrimaryDropdownButton';
103
- export const SecondaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
104
- SecondaryDropdownButton.displayName = 'SecondaryDropdownButton';
105
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFekQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdCeEMsTUFBTSxnQkFBZ0IsR0FBb0M7SUFDeEQsU0FBUyxFQUFFLEVBQUUsQ0FDWCxvTEFBb0wsQ0FDckw7SUFDRCxXQUFXLEVBQUUsRUFBRSxDQUNiLCtHQUErRyxFQUMvRyw0RUFBNEUsRUFDNUUsc0dBQXNHLENBQ3ZHO0lBQ0QsT0FBTyxFQUFFLGdCQUFnQjtJQUN6QixpQkFBaUIsRUFBRSxFQUFFLENBQ25CLHNHQUFzRyxDQUN2RztDQUNGLENBQUM7QUFFRixNQUFNLGNBQWMsR0FBeUUsQ0FBQyxFQUM1RixJQUFJLEdBQUcsTUFBTSxFQUNiLElBQUksR0FBRyxTQUFTLEdBQ2pCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCxvQkFBQyxVQUFVLElBQ1QsSUFBSSxFQUFFLE9BQU8sRUFDYixLQUFLLEVBQUUsSUFBSSxFQUNYLE1BQU0sRUFBRSxJQUFJLEVBQ1osS0FBSyxFQUFFLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMs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
@@ -1,48 +0,0 @@
1
- import React, { useRef } from 'react';
2
- import { useButton } from '@react-aria/button';
3
- import omit from 'lodash/omit';
4
- import { AvatarStack } from '../../../src/components/Avatar/Avatar';
5
- import { ExternalLinkButton, SecondaryButton } from '../../../src/components/Button/Button';
6
- import { Chip, ChipContainer } from '../../../src/components/Chip/Chip';
7
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
8
- import { Typography } from '../../../src/components/Typography/Typography';
9
- import { Card as CardBase } from '../../../src/common/Card/Card';
10
- import { LineClamp } from '../../../src/common/LineClamp/LineClamp';
11
- import { CompactCard } from './Compact';
12
- export const Card = ({ title, clampTitle, description, chips = [], icons = [], image, imageAlt, imageHeight, color, action, link, onClick, disabled, fullWidth, children, }) => {
13
- const ref = useRef(null);
14
- const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
15
- const titleContent = React.createElement(Typography.DefaultStrong, { color: "black" }, title);
16
- return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth,
17
- // If any of the "additional features" in <Card> are used, we want to enable
18
- // min width to make sure it doesn't
19
- enableMinWidth: Boolean(image || action || link || chips.length || icons.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
20
- color && React.createElement(CardBase.ColorHiglight, { color: color }),
21
- chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
22
- icons.length > 0 && React.createElement(AvatarStack, { images: icons }),
23
- image !== undefined &&
24
- (imageHeight ? (React.createElement(CardImage, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardImage, { image: image, imageAlt: imageAlt, fullSize: chips.length === 0 }))),
25
- React.createElement(CardBase.Content, null,
26
- clampTitle ? React.createElement(LineClamp, { lines: clampTitle }, titleContent) : titleContent,
27
- React.createElement(Typography.Caption, { color: "grey-70" }, children || description)),
28
- (action || link) && (React.createElement(CardBase.Actions, null,
29
- action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
30
- link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
31
- };
32
- const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = true, fullWidth = false, imageHeight, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
33
- chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
34
- icons && React.createElement(AvatarStack, { images: [null] }),
35
- image &&
36
- (imageHeight ? (React.createElement(CardImage, { image: null, imageHeight: imageHeight })) : (React.createElement(CardImage, { image: null, fullSize: !chips }))),
37
- React.createElement(CardBase.Content, null,
38
- React.createElement(Skeleton, { width: 145, height: 25 }),
39
- React.createElement(Skeleton, { width: 145, height: 16 })),
40
- actions && (React.createElement(CardBase.Actions, null,
41
- React.createElement(Skeleton, { width: 115, height: 25 }),
42
- React.createElement(Skeleton, { width: 60, height: 25 })))));
43
- Card.Skeleton = CardSkeleton;
44
- Card.Compact = CompactCard;
45
- const CardImage = ({ image, imageAlt, imageHeight, fullSize = false }) => (React.createElement(CardBase.ImageContainer, { fullSize: fullSize }, image ? (imageHeight ? (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, fullSize: fullSize }))) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize, imageHeight: imageHeight }))));
46
- const CardImageSkeleton = ({ imageHeight, fullSize }) => imageHeight ? (React.createElement(Skeleton, { height: imageHeight, width: "100%" })) : (React.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" }));
47
- CardImage.Skeleton = CardImageSkeleton;
48
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ25GLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBYyxTQUFTLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUl2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBZ0N4QyxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQTRDLENBQUMsRUFDNUQsS0FBSyxFQUNMLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssRUFDTCxRQUFRLEVBQ1IsV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsR0FDVCxFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ3pDLE1B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
@@ -1,43 +0,0 @@
1
- import React, { useRef } from 'react';
2
- import { useButton } from '@react-aria/button';
3
- import { omit } from 'lodash';
4
- import { Typography } from '../../../src/components/Typography/Typography';
5
- import { Card as CardBase } from '../../../src/common/Card/Card';
6
- import { LineClamp } from '../../../src/common/LineClamp/LineClamp';
7
- import { Avatar } from '../Avatar/Avatar';
8
- import { Box } from '../Box/Box';
9
- import { ExternalLinkButton, SecondaryButton } from '../Button/Button';
10
- import { Chip, ChipContainer } from '../Chip/Chip';
11
- import { Skeleton } from '../Skeleton/Skeleton';
12
- export const CompactCard = ({ title, clampTitle, chips = [], icon, color, action, link, onClick, disabled, fullWidth, children, }) => {
13
- const ref = useRef(null);
14
- const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
15
- const titleContent = React.createElement(Typography.SmallStrong, { color: "black" }, title);
16
- return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth,
17
- // If any of the "additional features" in <Card> are used, we want to enable
18
- // min width to make sure it doesn't
19
- enableMinWidth: Boolean(action || link || chips.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
20
- color && React.createElement(CardBase.ColorHiglight, { color: color }),
21
- chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
22
- React.createElement(Box, { display: "flex", gap: "5" },
23
- icon && React.createElement(Avatar, { image: icon }),
24
- React.createElement(CardBase.Content, { dense: true },
25
- clampTitle ? React.createElement(LineClamp, { lines: clampTitle }, titleContent) : titleContent,
26
- React.createElement(Typography.Caption, { color: "grey-70" }, children))),
27
- (action || link) && (React.createElement(CardBase.Actions, { dense: true },
28
- action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
29
- link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
30
- };
31
- const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth = false, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
32
- chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
33
- React.createElement(Box, { display: "flex", gap: "5" },
34
- icon && React.createElement(Avatar.Skeleton, null),
35
- React.createElement(CardBase.Content, { dense: true },
36
- React.createElement(Skeleton, { width: 80, height: 20 }),
37
- React.createElement(Box, { height: "1" }),
38
- React.createElement(Skeleton, { width: 145, height: 16 }))),
39
- actions && (React.createElement(CardBase.Actions, { dense: true },
40
- React.createElement(Skeleton, { width: 115, height: 25 }),
41
- React.createElement(Skeleton, { width: 60, height: 25 })))));
42
- CompactCard.Skeleton = CompactSkeleton;
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ29tcGFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFFOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBS3ZFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNuRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFnQ2hELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBK0QsQ0FBQyxFQUN0RixLQUFLLEVBQ0wsVUFBVSxFQUNWLEtBQUssR0FBRyxFQUFFLEVBQ1YsSUFBSSxFQUNKLEtBQUssRUFDTCxNQUFNLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsR0FDVCxFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ3pDLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxTQUFTLENBQUMsRUFB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
@@ -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 { Checkbox as BaseCheckbox } from '../../../src/common/Checkbox/Checkbox';
16
- import { tw } from '../../../src/utils/tailwind';
17
- export const Checkbox = 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(BaseCheckbox, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
22
- });
23
- Checkbox.displayName = 'Checkbox';
24
- const CheckboxSkeleton = () => (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
- Checkbox.Skeleton = CheckboxSkeleton;
28
- Checkbox.Skeleton.displayName = 'Checkbox.Skeleton';
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DaGVja2JveC9DaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQTJDLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVqSCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFVeEMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFzQixLQUFLLENBQUMsVUFBVSxDQUN6RCxDQUFDLEVBQXNHLEVBQUUsR0FBRyxFQUFFLEVBQUU7O1FBQS9HLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUFwRywyRUFBc0csQ0FBRjtJQUNuRyxNQUFNLFNBQVMsR0FBRyxNQUFBLEtBQUssQ0FBQyxPQUFPLG1DQUFJLEtBQUssQ0FBQyxjQUFjLENBQUM7SUFDeEQsT0FBTyxDQUFDLFFBQVEsSUFBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQzlCLG9CQUFDLFlBQVksSUFDWCxPQUFPLEVBQUUsRUFBRSxFQUNYLEtBQUssRUFBRSxRQUFRLGdCQUNILFNBQVMsRUFDckIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxJQUV0QixDQUFDLFFBQVEsSUFBSSxvQkFBQyxZQUFZLGtCQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFNLEtBQUssSUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLElBQUksQ0FDbEcsQ0FDaEIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ1gsQ0FBQyxDQUNtQixDQUFDO0FBRXZCLFFBQVEsQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDO0FBRWxDLE1BQU0sZ0JBQWdCLEdBQWEsR0FBRyxFQUFFLENBQUMsQ0FDdkMsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7SUFDOUIsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsR0FBSTtJQUNuQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxHQUFJLENBQ2hDLENBQ1AsQ0FBQztBQUVGLFFBQVEsQ0FBQyxRQUFRLEdBQUcsZ0JBQWdCLENBQUM7QUFDckMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsbUJBQW1CLENBQUMifQ==
@@ -1,61 +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 { Checkbox } from '../../../src/components/Checkbox/Checkbox';
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
- const isCheckbox = (c) => {
19
- return React.isValidElement(c) && c.type === Checkbox;
20
- };
21
- export const CheckboxGroup = (_a) => {
22
- var _b;
23
- var { value, defaultValue, onChange, readOnly = false, cols, children } = _a, props = __rest(_a, ["value", "defaultValue", "onChange", "readOnly", "cols", "children"]);
24
- const [selectedItems, setSelectedItems] = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : []);
25
- if (value !== undefined && value !== selectedItems) {
26
- setSelectedItems(value);
27
- }
28
- const errorMessageId = uniqueId();
29
- const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
30
- const labelControlProps = getLabelControlProps(props);
31
- const handleChange = (e) => {
32
- const { value } = e.target;
33
- const updated = e.target.checked ? [...selectedItems, value] : selectedItems.filter((v) => v !== value);
34
- setSelectedItems(updated);
35
- onChange === null || onChange === void 0 ? void 0 : onChange(updated);
36
- };
37
- return (React.createElement(LabelControl, Object.assign({ fieldset: true }, labelControlProps, errorProps),
38
- React.createElement(InputGroup, { cols: cols }, React.Children.map(children, (c) => {
39
- var _a, _b;
40
- if (!isCheckbox(c)) {
41
- return null;
42
- }
43
- const str = (_a = c.props.value) === null || _a === void 0 ? void 0 : _a.toString();
44
- const defaultChecked = defaultValue === undefined ? undefined : str !== undefined && defaultValue.includes(str);
45
- const checked = value === undefined ? undefined : str !== undefined && value.includes(str);
46
- return React.cloneElement(c, {
47
- defaultChecked,
48
- checked,
49
- onChange: (_b = c.props.onChange) !== null && _b !== void 0 ? _b : handleChange,
50
- disabled: props.disabled || c.props.disabled,
51
- readOnly,
52
- });
53
- }))));
54
- };
55
- const CheckboxGroupSkeleton = ({ options = 2 }) => {
56
- return (React.createElement(LabelControl.Skeleton, null,
57
- React.createElement("div", { className: tw('flex flex-wrap flex-col gap-2') }, Array.from({ length: options }).map((_, key) => (React.createElement(Checkbox.Skeleton, { key: key }))))));
58
- };
59
- CheckboxGroup.Skeleton = CheckboxGroupSkeleton;
60
- CheckboxGroup.Skeleton.displayName = 'CheckboxGroup.Skeleton';
61
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoZWNrYm94R3JvdXAvQ2hlY2tib3hHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN4QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQXNCLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRWhGLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFaEYsT0FBTyxFQUEwQixvQkFBb0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHeEMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFrQixFQUEwQyxFQUFFO0lBQ2hGLE9BQU8sS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQztBQUN4RCxDQUFDLENBQUM7QUF5Q0YsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUE4RSxDQUFDLEVBUXhHLEVBQUUsRUFBRTs7UUFSb0csRUFDdkcsS0FBSyxFQUNMLFlBQVksRUFDWixRQUFRLEVBQ1IsUUFBUSxHQUFHLEtBQUssRUFDaEIsSUFBSSxFQUNKLFFBQVEsT0FFVCxFQURJLEtBQUssY0FQK0YscUVBUXhHLENBRFM7SUFFUixNQUFNLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDLEdBQUcsUUFBUSxDQUFXLE1BQUEsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksWUFBWSxtQ0FBSSxFQUFFLENBQUMsQ0FBQztJQUUxRixJQUFJLEtBQUssS0FBSyxTQUFTLElBQUksS0FBSyxLQUFLLGFBQWEsRUFBRTtRQUNs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
@@ -1,64 +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 isNumber from 'lodash/isNumber';
14
- import { ChipBadge } from '../../../src/components/Badge/Badge';
15
- import { InlineIcon } from '../../../src/components/Icon/Icon';
16
- import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
17
- import { Chip as BaseChip } from '../../../src/common/Chip/Chip';
18
- import { tw } from '../../../src/utils/tailwind';
19
- import { isComponentType } from '../../../types/utils';
20
- import crossIcon from '../../../src/icons/cross';
21
- import lockIcon from '../../../src/icons/lock';
22
- const getStatusClassNames = (status = 'neutral') => {
23
- switch (status) {
24
- case 'info':
25
- return tw('text-info-100 bg-info-5');
26
- case 'warning':
27
- return tw('text-secondary-80 bg-secondary-5');
28
- case 'danger':
29
- return tw('text-error-100 bg-error-5');
30
- case 'success':
31
- return tw('text-success-100 bg-success-5');
32
- case 'neutral':
33
- default:
34
- return tw('text-grey-70 bg-grey-5');
35
- }
36
- };
37
- export const Chip = (_a) => {
38
- var { icon, text, dense = false, locked = false, badge, onClose } = _a, rest = __rest(_a, ["icon", "text", "dense", "locked", "badge", "onClose"]);
39
- return (React.createElement(BaseChip.Container, Object.assign({ dense: dense, className: tw({
40
- 'bg-grey-0 text-grey-70': !locked,
41
- 'bg-grey-5 text-grey-40': locked,
42
- }) }, rest),
43
- icon && React.createElement(InlineIcon, { icon: icon }),
44
- text,
45
- isNumber(badge) && React.createElement(ChipBadge, { dense: dense, value: badge, textClassname: tw('text-grey-50') }),
46
- onClose && (React.createElement(InlineIcon, { role: "button", "aria-hidden": false, icon: crossIcon, className: tw({ 'cursor-pointer': onClose !== undefined }), onClick: () => onClose === null || onClose === void 0 ? void 0 : onClose() })),
47
- locked && React.createElement(InlineIcon, { icon: lockIcon })));
48
- };
49
- const ChipSkeleton = ({ dense = false, width = dense ? 34 : 56 }) => (React.createElement(Skeleton, { width: width, height: dense ? 20 : 28 }));
50
- Chip.Skeleton = ChipSkeleton;
51
- Chip.Skeleton.displayName = 'Chip.Skeleton';
52
- export const StatusChip = React.forwardRef((_a, ref) => {
53
- var { UNSAFE_icon: icon, text, dense = false, status } = _a, rest = __rest(_a, ["UNSAFE_icon", "text", "dense", "status"]);
54
- return (React.createElement(BaseChip.Container, Object.assign({ ref: ref, dense: dense }, rest, { className: getStatusClassNames(status) }),
55
- icon && React.createElement(InlineIcon, { icon: icon }),
56
- text));
57
- });
58
- export const ChipContainer = ({ dense, children }) => (React.createElement("div", { className: tw('flex items-center', {
59
- 'gap-x-3': !dense,
60
- 'gap-x-2': Boolean(dense),
61
- }) }, React.Children.map(children, (child) => isComponentType(child, Chip) || isComponentType(child, StatusChip) || isComponentType(child, ChipSkeleton)
62
- ? React.cloneElement(child, { dense })
63
- : undefined)));
64
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3ZELE9BQU8sRUFBa0IsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUF1Q3RDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxTQUFxQixTQUFTLEVBQVUsRUFBRTtJQUNyRSxRQUFRLE1BQU0sRUFBRTtRQUNkLEtBQUssTUFBTTtZQUNULE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDLENBQUM7UUFFdkMsS0FBSyxTQUFTO1lBQ1osT0FBTyxFQUFFLENBQUMsa0NBQWtDLENBQUMsQ0FBQztRQUVoRCxLQUFLLFFBQVE7WUFDWCxPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO1FBRXpDLEtBQUssU0FBUztZQUNaLE9BQU8sRUFBRSxDQUFDLCtCQUErQixDQUFDLENBQUM7UUFFN0MsS0FBSyxTQUFTLENBQUM7UUFDZjtZQUNFLE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDLENBQUM7S0FDdkM7QUFDSCxDQUFDLENBQUM7QUFF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