@qoretechnologies/reqore 0.68.1 → 0.68.2

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 (283) hide show
  1. package/dist/components/Bubble/index.d.ts +57 -0
  2. package/dist/components/Bubble/index.d.ts.map +1 -0
  3. package/dist/components/Bubble/index.js +184 -0
  4. package/dist/components/Bubble/index.js.map +1 -0
  5. package/dist/components/DatePicker/index.d.ts.map +1 -1
  6. package/dist/components/DatePicker/index.js +3 -3
  7. package/dist/components/DatePicker/index.js.map +1 -1
  8. package/dist/components/DescriptionList/index.d.ts.map +1 -1
  9. package/dist/components/DescriptionList/index.js +3 -3
  10. package/dist/components/DescriptionList/index.js.map +1 -1
  11. package/dist/components/Drawer/index.js.map +1 -1
  12. package/dist/components/IconPicker/index.d.ts +114 -0
  13. package/dist/components/IconPicker/index.d.ts.map +1 -0
  14. package/dist/components/IconPicker/index.js +223 -0
  15. package/dist/components/IconPicker/index.js.map +1 -0
  16. package/dist/components/Panel/index.d.ts.map +1 -1
  17. package/dist/components/Panel/index.js +10 -2
  18. package/dist/components/Panel/index.js.map +1 -1
  19. package/dist/index.d.ts +2 -0
  20. package/dist/index.d.ts.map +1 -1
  21. package/dist/index.js +8 -3
  22. package/dist/index.js.map +1 -1
  23. package/package.json +2 -6
  24. package/tests.json +1 -1
  25. package/dist/esm/components/Accordion/index.js +0 -142
  26. package/dist/esm/components/Accordion/index.js.map +0 -1
  27. package/dist/esm/components/Breadcrumbs/index.js +0 -122
  28. package/dist/esm/components/Breadcrumbs/index.js.map +0 -1
  29. package/dist/esm/components/Breadcrumbs/item.js +0 -14
  30. package/dist/esm/components/Breadcrumbs/item.js.map +0 -1
  31. package/dist/esm/components/Button/index.js +0 -315
  32. package/dist/esm/components/Button/index.js.map +0 -1
  33. package/dist/esm/components/Callout/index.js +0 -142
  34. package/dist/esm/components/Callout/index.js.map +0 -1
  35. package/dist/esm/components/Checkbox/index.js +0 -217
  36. package/dist/esm/components/Checkbox/index.js.map +0 -1
  37. package/dist/esm/components/Collection/index.js +0 -298
  38. package/dist/esm/components/Collection/index.js.map +0 -1
  39. package/dist/esm/components/Collection/item.js +0 -157
  40. package/dist/esm/components/Collection/item.js.map +0 -1
  41. package/dist/esm/components/Columns/column.js +0 -14
  42. package/dist/esm/components/Columns/column.js.map +0 -1
  43. package/dist/esm/components/Columns/index.js +0 -17
  44. package/dist/esm/components/Columns/index.js.map +0 -1
  45. package/dist/esm/components/Comment/index.js +0 -63
  46. package/dist/esm/components/Comment/index.js.map +0 -1
  47. package/dist/esm/components/CommentFeed/index.js +0 -17
  48. package/dist/esm/components/CommentFeed/index.js.map +0 -1
  49. package/dist/esm/components/Content/index.js +0 -16
  50. package/dist/esm/components/Content/index.js.map +0 -1
  51. package/dist/esm/components/Content/wrapper.js +0 -14
  52. package/dist/esm/components/Content/wrapper.js.map +0 -1
  53. package/dist/esm/components/ControlGroup/index.js +0 -351
  54. package/dist/esm/components/ControlGroup/index.js.map +0 -1
  55. package/dist/esm/components/DatePicker/MonthYearDropdowns.js +0 -30
  56. package/dist/esm/components/DatePicker/MonthYearDropdowns.js.map +0 -1
  57. package/dist/esm/components/DatePicker/index.js +0 -244
  58. package/dist/esm/components/DatePicker/index.js.map +0 -1
  59. package/dist/esm/components/DescriptionList/index.js +0 -132
  60. package/dist/esm/components/DescriptionList/index.js.map +0 -1
  61. package/dist/esm/components/Drawer/backdrop.js +0 -34
  62. package/dist/esm/components/Drawer/backdrop.js.map +0 -1
  63. package/dist/esm/components/Drawer/index.js +0 -286
  64. package/dist/esm/components/Drawer/index.js.map +0 -1
  65. package/dist/esm/components/Dropdown/index.js +0 -49
  66. package/dist/esm/components/Dropdown/index.js.map +0 -1
  67. package/dist/esm/components/Dropdown/item.js +0 -12
  68. package/dist/esm/components/Dropdown/item.js.map +0 -1
  69. package/dist/esm/components/Dropdown/list.js +0 -320
  70. package/dist/esm/components/Dropdown/list.js.map +0 -1
  71. package/dist/esm/components/Effect/index.js +0 -349
  72. package/dist/esm/components/Effect/index.js.map +0 -1
  73. package/dist/esm/components/EmptyState/index.js +0 -31
  74. package/dist/esm/components/EmptyState/index.js.map +0 -1
  75. package/dist/esm/components/EntityRow/index.js +0 -134
  76. package/dist/esm/components/EntityRow/index.js.map +0 -1
  77. package/dist/esm/components/ErrorBoundary/index.js +0 -57
  78. package/dist/esm/components/ErrorBoundary/index.js.map +0 -1
  79. package/dist/esm/components/ExportModal/index.js +0 -60
  80. package/dist/esm/components/ExportModal/index.js.map +0 -1
  81. package/dist/esm/components/FeatureCard/index.js +0 -139
  82. package/dist/esm/components/FeatureCard/index.js.map +0 -1
  83. package/dist/esm/components/GlobalModalsWrapper/index.js +0 -27
  84. package/dist/esm/components/GlobalModalsWrapper/index.js.map +0 -1
  85. package/dist/esm/components/Header/index.js +0 -55
  86. package/dist/esm/components/Header/index.js.map +0 -1
  87. package/dist/esm/components/Icon/index.js +0 -130
  88. package/dist/esm/components/Icon/index.js.map +0 -1
  89. package/dist/esm/components/Input/index.js +0 -136
  90. package/dist/esm/components/Input/index.js.map +0 -1
  91. package/dist/esm/components/InputClearButton/index.js +0 -32
  92. package/dist/esm/components/InputClearButton/index.js.map +0 -1
  93. package/dist/esm/components/InternalPopover/index.js +0 -244
  94. package/dist/esm/components/InternalPopover/index.js.map +0 -1
  95. package/dist/esm/components/KeyValueTable/index.js +0 -81
  96. package/dist/esm/components/KeyValueTable/index.js.map +0 -1
  97. package/dist/esm/components/Label/index.js +0 -7
  98. package/dist/esm/components/Label/index.js.map +0 -1
  99. package/dist/esm/components/Layout/content.js +0 -12
  100. package/dist/esm/components/Layout/content.js.map +0 -1
  101. package/dist/esm/components/Layout/index.js +0 -28
  102. package/dist/esm/components/Layout/index.js.map +0 -1
  103. package/dist/esm/components/Menu/divider.js +0 -41
  104. package/dist/esm/components/Menu/divider.js.map +0 -1
  105. package/dist/esm/components/Menu/index.js +0 -67
  106. package/dist/esm/components/Menu/index.js.map +0 -1
  107. package/dist/esm/components/Menu/item.js +0 -33
  108. package/dist/esm/components/Menu/item.js.map +0 -1
  109. package/dist/esm/components/Menu/section.js +0 -28
  110. package/dist/esm/components/Menu/section.js.map +0 -1
  111. package/dist/esm/components/Message/index.js +0 -52
  112. package/dist/esm/components/Message/index.js.map +0 -1
  113. package/dist/esm/components/Modal/index.js +0 -40
  114. package/dist/esm/components/Modal/index.js.map +0 -1
  115. package/dist/esm/components/MultiSelect/index.js +0 -146
  116. package/dist/esm/components/MultiSelect/index.js.map +0 -1
  117. package/dist/esm/components/Navbar/divider.js +0 -24
  118. package/dist/esm/components/Navbar/divider.js.map +0 -1
  119. package/dist/esm/components/Navbar/group.js +0 -27
  120. package/dist/esm/components/Navbar/group.js.map +0 -1
  121. package/dist/esm/components/Navbar/index.js +0 -39
  122. package/dist/esm/components/Navbar/index.js.map +0 -1
  123. package/dist/esm/components/Navbar/item.js +0 -51
  124. package/dist/esm/components/Navbar/item.js.map +0 -1
  125. package/dist/esm/components/Notifications/index.js +0 -28
  126. package/dist/esm/components/Notifications/index.js.map +0 -1
  127. package/dist/esm/components/Notifications/notification.js +0 -225
  128. package/dist/esm/components/Notifications/notification.js.map +0 -1
  129. package/dist/esm/components/Paging/index.js +0 -116
  130. package/dist/esm/components/Paging/index.js.map +0 -1
  131. package/dist/esm/components/Panel/LabelEditor.js +0 -33
  132. package/dist/esm/components/Panel/LabelEditor.js.map +0 -1
  133. package/dist/esm/components/Panel/NonResponsiveActions.js +0 -18
  134. package/dist/esm/components/Panel/NonResponsiveActions.js.map +0 -1
  135. package/dist/esm/components/Panel/index.js +0 -564
  136. package/dist/esm/components/Panel/index.js.map +0 -1
  137. package/dist/esm/components/Panel/panel.screenshot.js +0 -15
  138. package/dist/esm/components/Panel/panel.screenshot.js.map +0 -1
  139. package/dist/esm/components/Paragraph/index.js +0 -19
  140. package/dist/esm/components/Paragraph/index.js.map +0 -1
  141. package/dist/esm/components/Popover/index.js +0 -267
  142. package/dist/esm/components/Popover/index.js.map +0 -1
  143. package/dist/esm/components/Progress/index.js +0 -188
  144. package/dist/esm/components/Progress/index.js.map +0 -1
  145. package/dist/esm/components/RadioGroup/index.js +0 -9
  146. package/dist/esm/components/RadioGroup/index.js.map +0 -1
  147. package/dist/esm/components/Rating/index.js +0 -165
  148. package/dist/esm/components/Rating/index.js.map +0 -1
  149. package/dist/esm/components/RichTextEditor/index.js +0 -299
  150. package/dist/esm/components/RichTextEditor/index.js.map +0 -1
  151. package/dist/esm/components/SegmentedControl/index.js +0 -291
  152. package/dist/esm/components/SegmentedControl/index.js.map +0 -1
  153. package/dist/esm/components/SeverityRow/index.js +0 -106
  154. package/dist/esm/components/SeverityRow/index.js.map +0 -1
  155. package/dist/esm/components/Skeleton/index.js +0 -28
  156. package/dist/esm/components/Skeleton/index.js.map +0 -1
  157. package/dist/esm/components/Slider/index.js +0 -176
  158. package/dist/esm/components/Slider/index.js.map +0 -1
  159. package/dist/esm/components/Spacer/index.js +0 -96
  160. package/dist/esm/components/Spacer/index.js.map +0 -1
  161. package/dist/esm/components/Span/index.js +0 -18
  162. package/dist/esm/components/Span/index.js.map +0 -1
  163. package/dist/esm/components/Spinner/index.js +0 -14
  164. package/dist/esm/components/Spinner/index.js.map +0 -1
  165. package/dist/esm/components/Statistic/index.js +0 -166
  166. package/dist/esm/components/Statistic/index.js.map +0 -1
  167. package/dist/esm/components/Table/body.js +0 -72
  168. package/dist/esm/components/Table/body.js.map +0 -1
  169. package/dist/esm/components/Table/cell.js +0 -214
  170. package/dist/esm/components/Table/cell.js.map +0 -1
  171. package/dist/esm/components/Table/header.js +0 -158
  172. package/dist/esm/components/Table/header.js.map +0 -1
  173. package/dist/esm/components/Table/headerCell.js +0 -233
  174. package/dist/esm/components/Table/headerCell.js.map +0 -1
  175. package/dist/esm/components/Table/helpers.js +0 -285
  176. package/dist/esm/components/Table/helpers.js.map +0 -1
  177. package/dist/esm/components/Table/index.js +0 -472
  178. package/dist/esm/components/Table/index.js.map +0 -1
  179. package/dist/esm/components/Table/row.js +0 -176
  180. package/dist/esm/components/Table/row.js.map +0 -1
  181. package/dist/esm/components/Table/value.js +0 -19
  182. package/dist/esm/components/Table/value.js.map +0 -1
  183. package/dist/esm/components/Tabs/content.js +0 -23
  184. package/dist/esm/components/Tabs/content.js.map +0 -1
  185. package/dist/esm/components/Tabs/index.js +0 -44
  186. package/dist/esm/components/Tabs/index.js.map +0 -1
  187. package/dist/esm/components/Tabs/item.js +0 -122
  188. package/dist/esm/components/Tabs/item.js.map +0 -1
  189. package/dist/esm/components/Tabs/list.js +0 -208
  190. package/dist/esm/components/Tabs/list.js.map +0 -1
  191. package/dist/esm/components/Tag/group.js +0 -38
  192. package/dist/esm/components/Tag/group.js.map +0 -1
  193. package/dist/esm/components/Tag/index.js +0 -267
  194. package/dist/esm/components/Tag/index.js.map +0 -1
  195. package/dist/esm/components/Testimonial/index.js +0 -108
  196. package/dist/esm/components/Testimonial/index.js.map +0 -1
  197. package/dist/esm/components/Textarea/index.js +0 -135
  198. package/dist/esm/components/Textarea/index.js.map +0 -1
  199. package/dist/esm/components/Tier/index.js +0 -48
  200. package/dist/esm/components/Tier/index.js.map +0 -1
  201. package/dist/esm/components/TimeAgo/index.js +0 -19
  202. package/dist/esm/components/TimeAgo/index.js.map +0 -1
  203. package/dist/esm/components/Timeline/index.js +0 -271
  204. package/dist/esm/components/Timeline/index.js.map +0 -1
  205. package/dist/esm/components/TooltipComponent/index.js +0 -11
  206. package/dist/esm/components/TooltipComponent/index.js.map +0 -1
  207. package/dist/esm/components/Tree/index.js +0 -266
  208. package/dist/esm/components/Tree/index.js.map +0 -1
  209. package/dist/esm/components/Tree/modal.js +0 -30
  210. package/dist/esm/components/Tree/modal.js.map +0 -1
  211. package/dist/esm/constants/animations.js +0 -9
  212. package/dist/esm/constants/animations.js.map +0 -1
  213. package/dist/esm/constants/colors.js +0 -13
  214. package/dist/esm/constants/colors.js.map +0 -1
  215. package/dist/esm/constants/paging.js +0 -48
  216. package/dist/esm/constants/paging.js.map +0 -1
  217. package/dist/esm/constants/sizes.js +0 -363
  218. package/dist/esm/constants/sizes.js.map +0 -1
  219. package/dist/esm/constants/theme.js +0 -40
  220. package/dist/esm/constants/theme.js.map +0 -1
  221. package/dist/esm/containers/Paging.js +0 -29
  222. package/dist/esm/containers/Paging.js.map +0 -1
  223. package/dist/esm/containers/ReqoreProvider.js +0 -239
  224. package/dist/esm/containers/ReqoreProvider.js.map +0 -1
  225. package/dist/esm/containers/ThemeProvider.js +0 -11
  226. package/dist/esm/containers/ThemeProvider.js.map +0 -1
  227. package/dist/esm/containers/UIProvider.js +0 -53
  228. package/dist/esm/containers/UIProvider.js.map +0 -1
  229. package/dist/esm/context/CustomThemeContext.js +0 -4
  230. package/dist/esm/context/CustomThemeContext.js.map +0 -1
  231. package/dist/esm/context/ReqoreContext.js +0 -22
  232. package/dist/esm/context/ReqoreContext.js.map +0 -1
  233. package/dist/esm/context/ThemeContext.js +0 -4
  234. package/dist/esm/context/ThemeContext.js.map +0 -1
  235. package/dist/esm/helpers/animations.js +0 -13
  236. package/dist/esm/helpers/animations.js.map +0 -1
  237. package/dist/esm/helpers/colors.js +0 -240
  238. package/dist/esm/helpers/colors.js.map +0 -1
  239. package/dist/esm/helpers/dates.js +0 -52
  240. package/dist/esm/helpers/dates.js.map +0 -1
  241. package/dist/esm/helpers/time.js +0 -21
  242. package/dist/esm/helpers/time.js.map +0 -1
  243. package/dist/esm/helpers/utils.js +0 -174
  244. package/dist/esm/helpers/utils.js.map +0 -1
  245. package/dist/esm/hooks/useAutoFocus.js +0 -76
  246. package/dist/esm/hooks/useAutoFocus.js.map +0 -1
  247. package/dist/esm/hooks/useCloneThroughFragments.js +0 -26
  248. package/dist/esm/hooks/useCloneThroughFragments.js.map +0 -1
  249. package/dist/esm/hooks/useCombinedRefs.js +0 -25
  250. package/dist/esm/hooks/useCombinedRefs.js.map +0 -1
  251. package/dist/esm/hooks/useComponentTooltip.js +0 -28
  252. package/dist/esm/hooks/useComponentTooltip.js.map +0 -1
  253. package/dist/esm/hooks/useFocusTrap.js +0 -115
  254. package/dist/esm/hooks/useFocusTrap.js.map +0 -1
  255. package/dist/esm/hooks/useLatestZIndex.js +0 -10
  256. package/dist/esm/hooks/useLatestZIndex.js.map +0 -1
  257. package/dist/esm/hooks/useOutsideClick.js +0 -17
  258. package/dist/esm/hooks/useOutsideClick.js.map +0 -1
  259. package/dist/esm/hooks/usePaging.js +0 -92
  260. package/dist/esm/hooks/usePaging.js.map +0 -1
  261. package/dist/esm/hooks/useQueryWithDelay.js +0 -19
  262. package/dist/esm/hooks/useQueryWithDelay.js.map +0 -1
  263. package/dist/esm/hooks/useReqore.js +0 -10
  264. package/dist/esm/hooks/useReqore.js.map +0 -1
  265. package/dist/esm/hooks/useReqoreContext.js +0 -12
  266. package/dist/esm/hooks/useReqoreContext.js.map +0 -1
  267. package/dist/esm/hooks/useReqoreEffect.js +0 -21
  268. package/dist/esm/hooks/useReqoreEffect.js.map +0 -1
  269. package/dist/esm/hooks/useTextareaAutoSize.js +0 -16
  270. package/dist/esm/hooks/useTextareaAutoSize.js.map +0 -1
  271. package/dist/esm/hooks/useTheme.js +0 -39
  272. package/dist/esm/hooks/useTheme.js.map +0 -1
  273. package/dist/esm/hooks/useWhyDidYouUpdate.js +0 -32
  274. package/dist/esm/hooks/useWhyDidYouUpdate.js.map +0 -1
  275. package/dist/esm/index.js +0 -92
  276. package/dist/esm/index.js.map +0 -1
  277. package/dist/esm/styles.js +0 -122
  278. package/dist/esm/styles.js.map +0 -1
  279. package/dist/esm/types/global.js +0 -2
  280. package/dist/esm/types/global.js.map +0 -1
  281. package/dist/esm/types/icons.js +0 -2
  282. package/dist/esm/types/icons.js.map +0 -1
  283. package/tsconfig.esm.json +0 -11
@@ -1,176 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /* @flow */
3
- import { get, isFunction, isString } from 'lodash';
4
- import React, { memo, useCallback, useMemo } from 'react';
5
- import styled, { css } from 'styled-components';
6
- import { ReqoreButton, ReqoreControlGroup, ReqoreIcon } from '../..';
7
- import { SIZE_TO_PX } from '../../constants/sizes';
8
- import { ReqoreH4 } from '../Header';
9
- import { ReqoreP } from '../Paragraph';
10
- import ReqoreTag from '../Tag';
11
- import { TimeAgo } from '../TimeAgo';
12
- import { ReqoreTableBodyCell } from './cell';
13
- import { calculatePinOffsets, getReorderedLeaves, getTotalColumnsWidth, } from './helpers';
14
- export const StyledTableRow = styled.div `
15
- ${({ size, wrap, minWidth }) => css `
16
- display: flex;
17
- ${wrap
18
- ? css `
19
- min-height: ${SIZE_TO_PX[size]}px;
20
- `
21
- : css `
22
- height: ${SIZE_TO_PX[size]}px;
23
- `}
24
- ${minWidth
25
- ? css `
26
- min-width: ${minWidth}px;
27
- `
28
- : ''}
29
- `}
30
- `;
31
- const ReqoreTableRow = memo(({ data: { data, columns, selectable, onSelectClick, selected, onRowClick, striped, size, selectedRowIntent, flat, wrap, maxCellHeight, expandHeightButtonProps, cellComponent, rowComponent, tableWidth, }, style, index, }) => {
32
- const isSelected = data[index]._selectId &&
33
- selected.find((selectId) => selectId.toString() === data[index]._selectId.toString());
34
- const CellComponent = cellComponent || ReqoreTableBodyCell;
35
- const RowComponent = rowComponent || StyledTableRow;
36
- const pinOffsets = useMemo(() => calculatePinOffsets(columns), [columns]);
37
- const totalColumnsWidth = useMemo(() => getTotalColumnsWidth(columns), [columns]);
38
- const rowWrap = useMemo(() => {
39
- if (wrap) {
40
- return true;
41
- }
42
- return columns.some(function check(column) {
43
- if (column.header?.columns) {
44
- return column.header.columns.some(check);
45
- }
46
- return column.cell?.wrap === true;
47
- });
48
- }, [columns, wrap]);
49
- const renderContent = useCallback((cell, data, dataId, align) => {
50
- if (cell?.actions) {
51
- return (_jsx(ReqoreControlGroup, { size: size, stack: true, fill: true, fluid: true, style: { height: '100%' }, rounded: false, children: cell.actions(data).map((action, index) => (_jsx(ReqoreButton, { rounded: false, iconsAlign: align === 'center' ? 'center' : 'sides', textAlign: align, flat: true, ...action, onClick: (e) => {
52
- e.stopPropagation();
53
- action.onClick?.(e);
54
- } }, index))) }));
55
- }
56
- let content = cell?.content;
57
- if (isFunction(content)) {
58
- // Check what type does the content function return
59
- if (React.isValidElement(content(data))) {
60
- const Content = content;
61
- // If it's a react element, return it
62
- return _jsx(Content, { ...data, _size: size, _dataId: dataId, isSelected: isSelected });
63
- }
64
- // If it's a function, call it and return the result
65
- content = content(data);
66
- }
67
- const datum = get(data, dataId);
68
- if (isString(content)) {
69
- // Separate the content string by colon
70
- const [type, intentOrColorOrIconName] = content.split(':');
71
- // Check if the intent starts with hash for tags
72
- const intent = intentOrColorOrIconName?.startsWith('#')
73
- ? undefined
74
- : intentOrColorOrIconName;
75
- const color = intentOrColorOrIconName?.startsWith('#') && type === 'tag'
76
- ? intentOrColorOrIconName
77
- : undefined;
78
- // Render content based on the type
79
- switch (type) {
80
- case 'time-ago':
81
- return (_jsx(ReqoreP, { className: 'reqore-table-text', intent: intent, size: size, children: _jsx(TimeAgo, { time: datum }) }));
82
- case 'tag':
83
- return (_jsx(ReqoreTag, { label: datum, size: size, intent: intent, color: color }));
84
- case 'title':
85
- return _jsx(ReqoreH4, { intent: intent, children: datum });
86
- case 'text':
87
- return (_jsx(ReqoreP, { className: 'reqore-table-text', intent: intent, size: size, children: datum }));
88
- case 'number':
89
- return (_jsx(ReqoreP, { className: 'reqore-table-text', intent: intent, size: size, effect: { italic: true }, children: datum }));
90
- case 'boolean':
91
- return datum ? (_jsx(ReqoreIcon, { icon: 'CheckLine', size: size, intent: 'success' })) : (_jsx(ReqoreIcon, { icon: 'CloseLine', size: size, intent: 'danger' }));
92
- case 'icon':
93
- return _jsx(ReqoreIcon, { size: size, icon: intentOrColorOrIconName });
94
- default:
95
- return (_jsx(ReqoreP, { className: 'reqore-table-text', size: size, children: content }));
96
- }
97
- }
98
- return _jsx(ReqoreP, { className: 'reqore-table-text', children: datum });
99
- }, []);
100
- const reorderedLeaves = useMemo(() => getReorderedLeaves(columns, tableWidth), [columns, tableWidth]);
101
- const renderCells = useCallback(() => reorderedLeaves.map(({ width, minWidth, maxWidth, resizedWidth, grow, dataId, cell, align, intent }) => {
102
- const datum = get(data[index], dataId);
103
- // Build the tooltip
104
- const tooltip = cell?.tooltip
105
- ? typeof cell?.tooltip(datum) !== 'object'
106
- ? {
107
- content: cell.tooltip(datum),
108
- }
109
- : cell.tooltip(datum)
110
- : {};
111
- const pinInfo = pinOffsets[dataId];
112
- const cellWrap = cell?.wrap ?? wrap;
113
- const cellMaxHeight = cell?.maxHeight ?? data[index]._maxHeight ?? maxCellHeight;
114
- return (_jsx(CellComponent, { ...{
115
- width: resizedWidth || width,
116
- minWidth,
117
- maxWidth,
118
- grow,
119
- align,
120
- size,
121
- striped,
122
- tooltip,
123
- padded: cell?.padded,
124
- disabled: data[index]._disabled,
125
- selected: !!isSelected,
126
- selectedIntent: selectedRowIntent,
127
- flat,
128
- wrap: cellWrap,
129
- maxHeight: cellMaxHeight,
130
- expandHeightButtonProps,
131
- pin: pinInfo?.pin,
132
- pinOffset: pinInfo?.offset,
133
- pinEdge: pinInfo?.isEdge,
134
- even: index % 2 === 0 ? true : false,
135
- intent: cell?.intent || data[index]._intent || intent,
136
- interactive: !!cell?.onClick || !!onRowClick,
137
- interactiveCell: !!cell?.onClick,
138
- onClick: (e) => {
139
- if (cell?.onClick) {
140
- e.stopPropagation();
141
- cell.onClick(data[index]);
142
- }
143
- else if (onRowClick) {
144
- e.stopPropagation();
145
- onRowClick(data[index]);
146
- }
147
- else if (selectable && data[index]._selectId) {
148
- // Otherwise select the row if selectable
149
- onSelectClick(data[index]._selectId);
150
- }
151
- },
152
- className: 'reqore-table-cell',
153
- }, children: renderContent(cell, data[index], dataId, align) }, dataId));
154
- }), [
155
- reorderedLeaves,
156
- data,
157
- index,
158
- isSelected,
159
- onRowClick,
160
- selectable,
161
- pinOffsets,
162
- wrap,
163
- maxCellHeight,
164
- expandHeightButtonProps,
165
- size,
166
- striped,
167
- selectedRowIntent,
168
- flat,
169
- CellComponent,
170
- onSelectClick,
171
- renderContent,
172
- ]);
173
- return (_jsx(RowComponent, { style: style, className: 'reqore-table-row', interactive: !!onRowClick && !data[index]._disabled, size: size, wrap: rowWrap, minWidth: totalColumnsWidth, children: renderCells() }));
174
- });
175
- export default ReqoreTableRow;
176
- //# sourceMappingURL=row.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"row.js","sourceRoot":"","sources":["../../../../src/components/Table/row.tsx"],"names":[],"mappings":"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"}
@@ -1,19 +0,0 @@
1
- import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
- import { memo } from 'react';
3
- import ReqoreIcon from '../Icon';
4
- import { ReqoreP } from '../Paragraph';
5
- export const ReqoreTableValue = memo(({ value }) => {
6
- if (value === undefined || value === null) {
7
- return _jsx(_Fragment, { children: "-" });
8
- }
9
- switch (typeof value) {
10
- case 'string':
11
- case 'number':
12
- return _jsx(ReqoreP, { className: 'reqore-table-text', children: value });
13
- case 'boolean':
14
- return (_jsx(ReqoreIcon, { icon: value ? 'CheckLine' : 'CloseLine', intent: value ? 'success' : 'danger' }));
15
- default:
16
- return _jsx(ReqoreP, { className: 'reqore-table-text', children: JSON.stringify(value) });
17
- }
18
- });
19
- //# sourceMappingURL=value.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"value.js","sourceRoot":"","sources":["../../../../src/components/Table/value.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,UAAU,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAMvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAA0B,EAAE,EAAE;IACzE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;QACzC,OAAO,kCAAM,CAAC;KACf;IAED,QAAQ,OAAO,KAAK,EAAE;QACpB,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAW,CAAC;QAClE,KAAK,SAAS;YACZ,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EACvC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GACpC,CACH,CAAC;QACJ;YACE,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAW,CAAC;KACnF;AACH,CAAC,CAAC,CAAC"}
@@ -1,23 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import styled from 'styled-components';
3
- import { PADDING_FROM_SIZE } from '../../constants/sizes';
4
- const StyledTabsContent = styled.div `
5
- display: flex;
6
- flex-flow: column;
7
- overflow: hidden;
8
- flex: 1;
9
- padding: ${({ padded, size }) => padded === 'none' || padded === false
10
- ? undefined
11
- : `${padded === 'both' || padded === true || padded === 'vertical'
12
- ? `${PADDING_FROM_SIZE[size]}px`
13
- : 0} ${padded === 'both' || padded === true || padded === 'horizontal'
14
- ? `${PADDING_FROM_SIZE[size]}px`
15
- : 0}`};
16
- padding-top: ${({ padded, size }) => padded === 'top' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
17
- padding-bottom: ${({ padded, size }) => padded === 'bottom' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
18
- padding-left: ${({ padded, size }) => padded === 'left' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
19
- padding-right: ${({ padded, size }) => padded === 'right' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
20
- `;
21
- const ReqoreTabsContent = ({ children, className, padded = true, size = 'normal', ...rest }) => (_jsx(StyledTabsContent, { ...rest, size: size, padded: padded, className: `${className || ''} reqore-tabs-content`, children: children }));
22
- export default ReqoreTabsContent;
23
- //# sourceMappingURL=content.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../src/components/Tabs/content.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAU,MAAM,uBAAuB,CAAC;AAqBlE,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;aAKvB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CAClD,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,KAAK;IACnC,CAAC,CAAC,SAAS;IACX,CAAC,CAAC,GACE,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,UAAU;QAC3D,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI;QAChC,CAAC,CAAC,CACN,IACE,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,YAAY;QAC7D,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI;QAChC,CAAC,CAAC,CACN,EAAE;iBACO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CACtD,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;oBAC7C,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CACzD,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;kBAClD,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CACvD,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;mBAC/C,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,EAAE,EAAE,CACxD,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;CAClE,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACY,EAAE,EAAE,CAAC,CACxB,KAAC,iBAAiB,OACZ,IAAI,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,sBAAsB,YAElD,QAAQ,GACS,CACrB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1,44 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React, { useCallback, useState } from 'react';
3
- import { useUpdateEffect } from 'react-use';
4
- import styled, { css } from 'styled-components';
5
- import { ReqoreErrorBoundary } from '../..';
6
- import ReqoreTabsList from './list';
7
- const StyledTabs = styled.div `
8
- display: flex;
9
- ${({ vertical, fillParent, width }) => css `
10
- width: ${width ? `${width}px` : '100%'};
11
- height: ${fillParent ? '100%' : undefined};
12
- flex-flow: ${vertical ? 'row' : 'column'};
13
- `}
14
- `;
15
- const ReqoreTabs = ({ tabs, activeTab, children, className, onTabChange, fill, _testWidth, vertical, activeTabIntent, flat = true, size = 'normal', width, wrapTabNames, customTheme, intent, padded, tabsPadding, unMountOnTabChange = true, loadingIconType, useReactTransition = true, errorBoundaryOptions, ...rest }) => {
16
- const [_activeTab, setActiveTab] = useState(activeTab || tabs[0].id);
17
- useUpdateEffect(() => {
18
- if (activeTab || activeTab === 0) {
19
- setActiveTab(activeTab);
20
- if (onTabChange) {
21
- onTabChange(activeTab);
22
- }
23
- }
24
- }, [activeTab]);
25
- const handleTabChange = useCallback((tabId) => {
26
- setActiveTab(tabId);
27
- if (onTabChange) {
28
- onTabChange(tabId);
29
- }
30
- }, [onTabChange]);
31
- return (_jsx(ReqoreErrorBoundary, { ...errorBoundaryOptions, children: _jsxs(StyledTabs, { ...rest, width: width, vertical: vertical, className: `${className || ''} reqore-tabs`, children: [_jsx(ReqoreTabsList, { tabs: tabs, padded: padded, flat: flat, fill: fill, size: size, width: width, vertical: vertical, _testWidth: _testWidth, activeTab: _activeTab, wrapTabNames: wrapTabNames, activeTabIntent: activeTabIntent, customTheme: customTheme, intent: intent, onTabChange: handleTabChange, loadingIconType: loadingIconType, useReactTransition: useReactTransition }), React.Children.map(children, (child) => child &&
32
- tabs.find((tab) => tab.id === child.props?.tabId)?.show !== false &&
33
- (child.props?.tabId === _activeTab || !unMountOnTabChange)
34
- ? React.cloneElement(child, {
35
- padded: child.props?.padded || tabsPadding,
36
- key: child.props?.tabId,
37
- style: child.props?.tabId === _activeTab
38
- ? child.props.style
39
- : { ...(child.props.style || {}), display: 'none' },
40
- })
41
- : null)] }) }));
42
- };
43
- export default ReqoreTabs;
44
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"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"}
@@ -1,122 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { omit } from 'lodash';
3
- import { forwardRef, memo, useState, useTransition } from 'react';
4
- import { useUnmount, useUpdateEffect } from 'react-use';
5
- import styled, { css } from 'styled-components';
6
- import { useCombinedRefs } from '../../hooks/useCombinedRefs';
7
- import { useReqoreTheme } from '../../hooks/useTheme';
8
- import ReqoreButton, { StyledButton } from '../Button';
9
- import ReqoreControlGroup from '../ControlGroup';
10
- export const StyledTabListItem = styled.div `
11
- ${({ disabled, vertical, fill, fixed, padded }) => {
12
- return css `
13
- display: flex;
14
- flex-shrink: 0;
15
- position: relative;
16
- align-items: center;
17
- width: ${vertical ? `100%` : undefined};
18
-
19
- ${vertical
20
- ? css `
21
- ${StyledButton}:last-child {
22
- border-right: 0;
23
- }
24
- ${StyledButton}:last-child {
25
- border-top-right-radius: 0 !important;
26
- border-bottom-right-radius: 0 !important;
27
- }
28
-
29
- ${padded === false &&
30
- css `
31
- &:first-child {
32
- padding-top: 0;
33
- }
34
- &:last-child {
35
- padding-bottom: 0;
36
- }
37
- `}
38
- `
39
- : css `
40
- ${StyledButton} {
41
- border-bottom: 0;
42
- }
43
- ${StyledButton}:first-child {
44
- border-bottom-left-radius: 0 !important;
45
- }
46
- ${StyledButton}:last-child {
47
- border-bottom-right-radius: 0 !important;
48
- }
49
-
50
- ${padded === false &&
51
- css `
52
- &:first-child {
53
- padding-left: 0;
54
- }
55
- &:last-child {
56
- padding-right: 0;
57
- }
58
- `}
59
- `}
60
-
61
- ${fill && !fixed
62
- ? css `
63
- flex: 1 0 auto;
64
- `
65
- : undefined}
66
-
67
- ${disabled &&
68
- css `
69
- cursor: not-allowed;
70
- > * {
71
- opacity: 0.5;
72
- }
73
- `}
74
- `;
75
- }}
76
-
77
- a {
78
- text-decoration: none;
79
-
80
- &:hover > * {
81
- text-decoration: underline;
82
- }
83
- }
84
- `;
85
- const ReqoreTabsListItem = memo(forwardRef(({ tooltip, label, props, icon, active, as, disabled, vertical, onClick, activeIntent, onCloseClick, fill, intent, size = 'normal', closeIcon, customTheme, className, flat = true, wrapTabNames, padded, useReactTransition, ...rest }, ref) => {
86
- const [isPending, startTransition] = useTransition();
87
- const [isStillPending, setStillPending] = useState(false);
88
- const [loadingTimer, setLoadingTimer] = useState(null);
89
- const { targetRef } = useCombinedRefs(ref);
90
- const theme = useReqoreTheme('main', customTheme, undefined);
91
- useUpdateEffect(() => {
92
- if (isPending) {
93
- setLoadingTimer(setTimeout(() => {
94
- setStillPending(() => true);
95
- }, 300));
96
- }
97
- else {
98
- clearTimeout(loadingTimer);
99
- setStillPending(false);
100
- setLoadingTimer(null);
101
- }
102
- }, [isPending]);
103
- useUnmount(() => {
104
- clearTimeout(loadingTimer);
105
- });
106
- const handleClick = (event) => {
107
- if (!useReactTransition) {
108
- onClick?.(event);
109
- return;
110
- }
111
- startTransition(() => {
112
- onClick?.(event);
113
- });
114
- };
115
- const renderButton = () => (_jsx(ReqoreButton, { flat: intent ? false : flat, fluid: fill || vertical, icon: icon, minimal: true, wrap: wrapTabNames, intent: active ? activeIntent || intent : intent, active: active, disabled: disabled, onClick: handleClick, tooltip: tooltip, customTheme: theme, className: `reqore-tabs-list-item ${active ? 'reqore-tabs-list-item-active' : ''}`, size: size, ...omit(rest, ['id']), loading: isStillPending || rest.loading, children: label }));
116
- return (_jsx(StyledTabListItem, { ref: targetRef, ...props, className: className, intent: intent, as: as, size: size, active: active, disabled: disabled, vertical: vertical, theme: theme, fill: fill, fixed: rest.fixed, padded: padded, children: !onCloseClick || disabled ? (renderButton()) : (_jsxs(ReqoreControlGroup, { stack: true, size: size, fluid: fill || vertical, fill: wrapTabNames, children: [renderButton(), onCloseClick && !disabled ? (_jsx(ReqoreButton, { fixed: true, flat: intent ? false : flat, icon: closeIcon || 'CloseLine', intent: active ? activeIntent || intent : intent, minimal: true, wrap: wrapTabNames, active: active, className: 'reqore-tabs-list-item-close', customTheme: theme, size: size, onClick: (event) => {
117
- event.stopPropagation();
118
- onCloseClick?.();
119
- } })) : null] })) }));
120
- }));
121
- export default ReqoreTabsListItem;
122
- //# sourceMappingURL=item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Tabs/item.tsx"],"names":[],"mappings":"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"}
@@ -1,208 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createElement as _createElement } from "react";
3
- import { isArray, isObject } from 'lodash';
4
- import React, { useMemo } from 'react';
5
- import { useMeasure } from 'react-use';
6
- import styled, { css } from 'styled-components';
7
- import { ReqorePopover } from '../..';
8
- import { CONTROL_TEXT_FROM_SIZE, GAP_FROM_SIZE, ICON_FROM_SIZE, PADDING_FROM_SIZE, } from '../../constants/sizes';
9
- import ReqoreThemeProvider from '../../containers/ThemeProvider';
10
- import { changeLightness, getColorFromMaybeString, getNthGradientColor, } from '../../helpers/colors';
11
- import { calculateStringSizeInPixels, getOneLessSize } from '../../helpers/utils';
12
- import { useReqoreTheme } from '../../hooks/useTheme';
13
- import { getPrimaryGradient } from '../Effect';
14
- import ReqoreMenu from '../Menu';
15
- import ReqoreMenuItem from '../Menu/item';
16
- import { StyledPopover } from '../Popover';
17
- import ReqoreTabsListItem, { StyledTabListItem } from './item';
18
- export const StyledReqoreTabsList = styled.div `
19
- ${({ fill, vertical, size, padded, flat, currentTabColor, width }) => css `
20
- height: ${vertical ? '100%' : undefined};
21
- width: ${vertical ? width || '200px' : '100%'};
22
- flex-flow: ${vertical ? 'column' : 'row'};
23
- display: flex;
24
- align-items: center;
25
-
26
- gap: ${GAP_FROM_SIZE[size]}px;
27
-
28
- ${padded &&
29
- css `
30
- padding: 0 ${PADDING_FROM_SIZE[size]}px;
31
- `}
32
-
33
- ${!flat &&
34
- css `
35
- border-${vertical ? 'right' : 'bottom'}: 1px solid ${changeLightness(currentTabColor, 0.175)};
36
- `}
37
-
38
-
39
- ${fill &&
40
- css `
41
- justify-content: space-around;
42
- `}
43
-
44
- ${StyledPopover} {
45
- > ${StyledTabListItem} {
46
- height: 100%;
47
- }
48
- }
49
- `}
50
- `;
51
- const isTabHidden = (items, activeTab) => items.find((item) => item?.id === activeTab);
52
- const getMoreLabel = (items, activeTab) => {
53
- if (isTabHidden(items, activeTab)) {
54
- return isTabHidden(items, activeTab)?.label;
55
- }
56
- return 'More';
57
- };
58
- const getBadgeLength = (badge, tabsSize = 'normal') => {
59
- if (!badge) {
60
- return 0;
61
- }
62
- if (isArray(badge)) {
63
- return badge.reduce((len, b) => len + getBadgeLength(b), 0);
64
- }
65
- if (isObject(badge)) {
66
- return getLabelLength(badge, undefined, getOneLessSize(tabsSize)) + PADDING_FROM_SIZE[tabsSize];
67
- }
68
- return (calculateStringSizeInPixels(badge.toString(), CONTROL_TEXT_FROM_SIZE[getOneLessSize(tabsSize)]) + PADDING_FROM_SIZE[tabsSize]);
69
- };
70
- export const getLabelLength = (item, activeTab, tabsSize = 'normal') => {
71
- if (!item) {
72
- return 0;
73
- }
74
- const label = isArray(item) ? getMoreLabel(item, activeTab) : item.label;
75
- const icon = isArray(item) || item.icon ? ICON_FROM_SIZE[tabsSize] + PADDING_FROM_SIZE[tabsSize] : 0;
76
- const rightIcon = item.rightIcon
77
- ? ICON_FROM_SIZE[tabsSize] + PADDING_FROM_SIZE[tabsSize]
78
- : 0;
79
- const closeIconSize = isArray(item) ||
80
- !item.onCloseClick ||
81
- !item.onRemoveClick
82
- ? 0
83
- : ICON_FROM_SIZE[tabsSize] * 2;
84
- const badgeLength = isArray(item)
85
- ? 0
86
- : getBadgeLength(item.badge, tabsSize);
87
- const descriptionLength = isArray(item)
88
- ? 0
89
- : calculateStringSizeInPixels(item?.description?.toString(), CONTROL_TEXT_FROM_SIZE[getOneLessSize(tabsSize)]);
90
- const topLabelLength = calculateStringSizeInPixels(label?.toString(), CONTROL_TEXT_FROM_SIZE[tabsSize], item.effect?.spaced) +
91
- icon +
92
- rightIcon +
93
- closeIconSize +
94
- badgeLength;
95
- const maxWidth = isArray(item)
96
- ? 0
97
- : item?.maxWidth
98
- ? parseInt(item.maxWidth, 10)
99
- : 0;
100
- return maxWidth || Math.max(topLabelLength, descriptionLength);
101
- };
102
- /**
103
- * This function returns the total width or height of the tabs.
104
- * @param items the items that will be rendered in the tabs
105
- * @param type the type of calculation, either width or height
106
- * @param activeTab the currently active tab
107
- * @param tabsSize the size of the tabs
108
- * @returns the total width or height of the tabs
109
- */
110
- export const getTabsLength = (items, type = 'width', activeTab, tabsSize) => items.reduce((len, item) => {
111
- if (type === 'height') {
112
- const rows = getLabelLength(item, activeTab, tabsSize) / 4 || 1;
113
- return len + rows * 15 + 10;
114
- }
115
- const labelLength = PADDING_FROM_SIZE[tabsSize] +
116
- GAP_FROM_SIZE[tabsSize] +
117
- getLabelLength(item, activeTab, tabsSize);
118
- return len + labelLength;
119
- }, 0);
120
- const getTransformedItems = (items, size, type = 'width', activeTab, tabsSize) => {
121
- if (!size) {
122
- return items;
123
- }
124
- let newItems = [...items];
125
- while (getTabsLength(newItems, type, activeTab, tabsSize) > size && newItems.length > 1) {
126
- if (isArray(newItems[newItems.length - 1])) {
127
- newItems[newItems.length - 1].unshift(newItems[newItems.length - 2]);
128
- newItems[newItems.length - 2] = undefined;
129
- }
130
- else {
131
- const lastItem = newItems[newItems.length - 1];
132
- newItems[newItems.length - 1] = [
133
- lastItem,
134
- ];
135
- }
136
- newItems = newItems.filter((i) => i);
137
- }
138
- return newItems.filter((i) => i);
139
- };
140
- const ReqoreTabsList = ({ tabs, onTabChange, activeTab, _testWidth, fill, vertical, activeTabIntent, customTheme, wrapTabNames, flat, size, intent, padded, loadingIconType, useReactTransition, ...rest }) => {
141
- const [ref, { width }] = useMeasure();
142
- const theme = useReqoreTheme('main', customTheme, intent);
143
- const activeTabData = tabs.find((tab) => tab.id === activeTab);
144
- const currentTabColor = activeTabIntent || activeTabData?.intent
145
- ? theme.intents[activeTabIntent || activeTabData.intent]
146
- : getNthGradientColor(theme, getPrimaryGradient(activeTabData?.effect?.gradient)?.colors) ||
147
- getColorFromMaybeString(theme, activeTabData?.customTheme?.main || theme.main);
148
- const filteredItems = tabs.filter((item) => item.show !== false);
149
- const transformedItems = useMemo(() => vertical
150
- ? filteredItems
151
- : getTransformedItems(filteredItems, _testWidth || width, 'width', activeTab, size), [filteredItems, _testWidth, width, vertical, activeTab, size]);
152
- return (_jsx(ReqoreThemeProvider, { theme: theme, customTheme: customTheme, children: _jsx(StyledReqoreTabsList, { ...rest, size: size, fill: fill, vertical: vertical, className: `${rest.className || ''} reqore-tabs-list`, ref: ref, flat: flat, theme: theme, currentTabColor: currentTabColor, children: transformedItems.map((item, index) => isArray(item) ? (_jsx(React.Fragment, { children: _jsx(ReqorePopover, { component: ReqoreTabsListItem, componentProps: {
153
- icon: 'ArrowDownSLine',
154
- id: 'showMore',
155
- label: getMoreLabel(item, activeTab),
156
- active: !!isTabHidden(item, activeTab),
157
- activeIntent: activeTabIntent,
158
- intent: !!isTabHidden(item, activeTab) ? activeTabData?.intent : undefined,
159
- effect: !!isTabHidden(item, activeTab) ? activeTabData?.effect : undefined,
160
- customTheme: !!isTabHidden(item, activeTab)
161
- ? activeTabData?.customTheme
162
- : theme,
163
- vertical,
164
- flat,
165
- size,
166
- padded,
167
- className: 'reqore-tabs-list-item-menu',
168
- }, closeOnOutsideClick: true, isReqoreComponent: true, noWrapper: true, handler: 'hoverStay', content: _jsx(ReqoreMenu, { customTheme: theme, children: item.map(({ icon, label, as, tooltip, props, disabled, id, onCloseClick, intent, activeIntent, closeIcon, ...rest }) => (_createElement(ReqoreMenuItem, { ...{
169
- ...props,
170
- icon,
171
- as,
172
- intent: activeTab === id ? activeIntent || intent : intent,
173
- disabled,
174
- rightAction: onCloseClick
175
- ? {
176
- disabled,
177
- icon: closeIcon || 'CloseLine',
178
- onClick: (_itemId, _event, closePopover) => {
179
- onCloseClick(id);
180
- closePopover?.();
181
- },
182
- }
183
- : undefined,
184
- selected: activeTab === id,
185
- onClick: (event, _itemId, closePopover) => {
186
- if (!disabled) {
187
- onTabChange?.(id);
188
- closePopover?.();
189
- if (props?.onClick) {
190
- props.onClick(event);
191
- }
192
- }
193
- },
194
- }, tooltip: tooltip, ...rest, key: index + label?.toString() }, label))) }) }, index) }, index)) : (_jsx(React.Fragment, { children: _createElement(ReqoreTabsListItem, { customTheme: theme, fill: fill, size: size, flat: flat, padded: padded, activeIntent: activeTabIntent, wrapTabNames: wrapTabNames, loadingIconType: loadingIconType, useReactTransition: useReactTransition, ...item, key: index, vertical: vertical, active: activeTab === item.id || item.props?.active, onClick: (event) => {
195
- if (!item.disabled) {
196
- onTabChange?.(item.id);
197
- if (item.props?.onClick) {
198
- item.props.onClick(event);
199
- }
200
- }
201
- }, onCloseClick: item.onCloseClick
202
- ? () => {
203
- item.onCloseClick?.(item.id);
204
- }
205
- : undefined }) }, index))) }) }));
206
- };
207
- export default ReqoreTabsList;
208
- //# sourceMappingURL=list.js.map