@qoretechnologies/reqore 0.19.13 → 0.20.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 (342) hide show
  1. package/.github/workflows/tests.yml +4 -4
  2. package/.gitpod.yml +7 -2
  3. package/.vscode/settings.json +21 -3
  4. package/__tests__/drawer.test.tsx +8 -9
  5. package/__tests__/dropdown.test.tsx +55 -13
  6. package/__tests__/modal.test.tsx +4 -7
  7. package/__tests__/tabs.test.tsx +4 -4
  8. package/dist/tests.json +1 -0
  9. package/package.json +15 -11
  10. package/tests.json +1 -1
  11. package/dist/components/Breadcrumbs/index.d.ts +0 -31
  12. package/dist/components/Breadcrumbs/index.d.ts.map +0 -1
  13. package/dist/components/Breadcrumbs/index.js +0 -148
  14. package/dist/components/Breadcrumbs/index.js.map +0 -1
  15. package/dist/components/Breadcrumbs/item.d.ts +0 -14
  16. package/dist/components/Breadcrumbs/item.d.ts.map +0 -1
  17. package/dist/components/Breadcrumbs/item.js +0 -76
  18. package/dist/components/Breadcrumbs/item.js.map +0 -1
  19. package/dist/components/Button/index.d.ts +0 -30
  20. package/dist/components/Button/index.d.ts.map +0 -1
  21. package/dist/components/Button/index.js +0 -165
  22. package/dist/components/Button/index.js.map +0 -1
  23. package/dist/components/Checkbox/index.d.ts +0 -26
  24. package/dist/components/Checkbox/index.d.ts.map +0 -1
  25. package/dist/components/Checkbox/index.js +0 -108
  26. package/dist/components/Checkbox/index.js.map +0 -1
  27. package/dist/components/Columns/column.d.ts +0 -5
  28. package/dist/components/Columns/column.d.ts.map +0 -1
  29. package/dist/components/Columns/column.js +0 -33
  30. package/dist/components/Columns/column.js.map +0 -1
  31. package/dist/components/Columns/index.d.ts +0 -17
  32. package/dist/components/Columns/index.d.ts.map +0 -1
  33. package/dist/components/Columns/index.js +0 -65
  34. package/dist/components/Columns/index.js.map +0 -1
  35. package/dist/components/Comment/index.d.ts +0 -24
  36. package/dist/components/Comment/index.d.ts.map +0 -1
  37. package/dist/components/Comment/index.js +0 -71
  38. package/dist/components/Comment/index.js.map +0 -1
  39. package/dist/components/CommentFeed/index.d.ts +0 -7
  40. package/dist/components/CommentFeed/index.d.ts.map +0 -1
  41. package/dist/components/CommentFeed/index.js +0 -49
  42. package/dist/components/CommentFeed/index.js.map +0 -1
  43. package/dist/components/Content/index.d.ts +0 -11
  44. package/dist/components/Content/index.d.ts.map +0 -1
  45. package/dist/components/Content/index.js +0 -66
  46. package/dist/components/Content/index.js.map +0 -1
  47. package/dist/components/Content/wrapper.d.ts +0 -11
  48. package/dist/components/Content/wrapper.d.ts.map +0 -1
  49. package/dist/components/Content/wrapper.js +0 -43
  50. package/dist/components/Content/wrapper.js.map +0 -1
  51. package/dist/components/ControlGroup/index.d.ts +0 -17
  52. package/dist/components/ControlGroup/index.d.ts.map +0 -1
  53. package/dist/components/ControlGroup/index.js +0 -86
  54. package/dist/components/ControlGroup/index.js.map +0 -1
  55. package/dist/components/Drawer/index.d.ts +0 -36
  56. package/dist/components/Drawer/index.d.ts.map +0 -1
  57. package/dist/components/Drawer/index.js +0 -204
  58. package/dist/components/Drawer/index.js.map +0 -1
  59. package/dist/components/Dropdown/index.d.ts +0 -24
  60. package/dist/components/Dropdown/index.d.ts.map +0 -1
  61. package/dist/components/Dropdown/index.js +0 -38
  62. package/dist/components/Dropdown/index.js.map +0 -1
  63. package/dist/components/Dropdown/item.d.ts +0 -10
  64. package/dist/components/Dropdown/item.d.ts.map +0 -1
  65. package/dist/components/Dropdown/item.js +0 -35
  66. package/dist/components/Dropdown/item.js.map +0 -1
  67. package/dist/components/Dropdown/list.d.ts +0 -14
  68. package/dist/components/Dropdown/list.d.ts.map +0 -1
  69. package/dist/components/Dropdown/list.js +0 -47
  70. package/dist/components/Dropdown/list.js.map +0 -1
  71. package/dist/components/Header/index.d.ts +0 -13
  72. package/dist/components/Header/index.d.ts.map +0 -1
  73. package/dist/components/Header/index.js +0 -40
  74. package/dist/components/Header/index.js.map +0 -1
  75. package/dist/components/Icon/index.d.ts +0 -13
  76. package/dist/components/Icon/index.d.ts.map +0 -1
  77. package/dist/components/Icon/index.js +0 -72
  78. package/dist/components/Icon/index.js.map +0 -1
  79. package/dist/components/Input/index.d.ts +0 -33
  80. package/dist/components/Input/index.d.ts.map +0 -1
  81. package/dist/components/Input/index.js +0 -115
  82. package/dist/components/Input/index.js.map +0 -1
  83. package/dist/components/InputClearButton/index.d.ts +0 -10
  84. package/dist/components/InputClearButton/index.d.ts.map +0 -1
  85. package/dist/components/InputClearButton/index.js +0 -49
  86. package/dist/components/InputClearButton/index.js.map +0 -1
  87. package/dist/components/InternalPopover/index.d.ts +0 -7
  88. package/dist/components/InternalPopover/index.d.ts.map +0 -1
  89. package/dist/components/InternalPopover/index.js +0 -128
  90. package/dist/components/InternalPopover/index.js.map +0 -1
  91. package/dist/components/Layout/content.d.ts +0 -8
  92. package/dist/components/Layout/content.d.ts.map +0 -1
  93. package/dist/components/Layout/content.js +0 -41
  94. package/dist/components/Layout/content.js.map +0 -1
  95. package/dist/components/Layout/index.d.ts +0 -8
  96. package/dist/components/Layout/index.d.ts.map +0 -1
  97. package/dist/components/Layout/index.js +0 -65
  98. package/dist/components/Layout/index.js.map +0 -1
  99. package/dist/components/Menu/divider.d.ts +0 -7
  100. package/dist/components/Menu/divider.d.ts.map +0 -1
  101. package/dist/components/Menu/divider.js +0 -49
  102. package/dist/components/Menu/divider.js.map +0 -1
  103. package/dist/components/Menu/index.d.ts +0 -16
  104. package/dist/components/Menu/index.d.ts.map +0 -1
  105. package/dist/components/Menu/index.js +0 -87
  106. package/dist/components/Menu/index.js.map +0 -1
  107. package/dist/components/Menu/item.d.ts +0 -31
  108. package/dist/components/Menu/item.d.ts.map +0 -1
  109. package/dist/components/Menu/item.js +0 -118
  110. package/dist/components/Menu/item.js.map +0 -1
  111. package/dist/components/Message/index.d.ts +0 -25
  112. package/dist/components/Message/index.d.ts.map +0 -1
  113. package/dist/components/Message/index.js +0 -51
  114. package/dist/components/Message/index.js.map +0 -1
  115. package/dist/components/Modal/actions.d.ts +0 -6
  116. package/dist/components/Modal/actions.d.ts.map +0 -1
  117. package/dist/components/Modal/actions.js +0 -49
  118. package/dist/components/Modal/actions.js.map +0 -1
  119. package/dist/components/Modal/content.d.ts +0 -6
  120. package/dist/components/Modal/content.d.ts.map +0 -1
  121. package/dist/components/Modal/content.js +0 -25
  122. package/dist/components/Modal/content.js.map +0 -1
  123. package/dist/components/Modal/index.d.ts +0 -24
  124. package/dist/components/Modal/index.d.ts.map +0 -1
  125. package/dist/components/Modal/index.js +0 -118
  126. package/dist/components/Modal/index.js.map +0 -1
  127. package/dist/components/Navbar/divider.d.ts +0 -9
  128. package/dist/components/Navbar/divider.d.ts.map +0 -1
  129. package/dist/components/Navbar/divider.js +0 -47
  130. package/dist/components/Navbar/divider.js.map +0 -1
  131. package/dist/components/Navbar/group.d.ts +0 -15
  132. package/dist/components/Navbar/group.d.ts.map +0 -1
  133. package/dist/components/Navbar/group.js +0 -71
  134. package/dist/components/Navbar/group.js.map +0 -1
  135. package/dist/components/Navbar/index.d.ts +0 -16
  136. package/dist/components/Navbar/index.d.ts.map +0 -1
  137. package/dist/components/Navbar/index.js +0 -82
  138. package/dist/components/Navbar/index.js.map +0 -1
  139. package/dist/components/Navbar/item.d.ts +0 -16
  140. package/dist/components/Navbar/item.d.ts.map +0 -1
  141. package/dist/components/Navbar/item.js +0 -77
  142. package/dist/components/Navbar/item.js.map +0 -1
  143. package/dist/components/Notifications/index.d.ts +0 -12
  144. package/dist/components/Notifications/index.d.ts.map +0 -1
  145. package/dist/components/Notifications/index.js +0 -56
  146. package/dist/components/Notifications/index.js.map +0 -1
  147. package/dist/components/Notifications/notification.d.ts +0 -43
  148. package/dist/components/Notifications/notification.d.ts.map +0 -1
  149. package/dist/components/Notifications/notification.js +0 -136
  150. package/dist/components/Notifications/notification.js.map +0 -1
  151. package/dist/components/Panel/index.d.ts +0 -38
  152. package/dist/components/Panel/index.d.ts.map +0 -1
  153. package/dist/components/Panel/index.js +0 -141
  154. package/dist/components/Panel/index.js.map +0 -1
  155. package/dist/components/Panel/panel.screenshot.d.ts +0 -3
  156. package/dist/components/Panel/panel.screenshot.d.ts.map +0 -1
  157. package/dist/components/Panel/panel.screenshot.js +0 -30
  158. package/dist/components/Panel/panel.screenshot.js.map +0 -1
  159. package/dist/components/Paragraph/index.d.ts +0 -8
  160. package/dist/components/Paragraph/index.d.ts.map +0 -1
  161. package/dist/components/Paragraph/index.js +0 -60
  162. package/dist/components/Paragraph/index.js.map +0 -1
  163. package/dist/components/Popover/index.d.ts +0 -16
  164. package/dist/components/Popover/index.d.ts.map +0 -1
  165. package/dist/components/Popover/index.js +0 -55
  166. package/dist/components/Popover/index.js.map +0 -1
  167. package/dist/components/RadioGroup/index.d.ts +0 -17
  168. package/dist/components/RadioGroup/index.d.ts.map +0 -1
  169. package/dist/components/RadioGroup/index.js +0 -48
  170. package/dist/components/RadioGroup/index.js.map +0 -1
  171. package/dist/components/Sidebar/index.d.ts +0 -60
  172. package/dist/components/Sidebar/index.d.ts.map +0 -1
  173. package/dist/components/Sidebar/index.js +0 -261
  174. package/dist/components/Sidebar/index.js.map +0 -1
  175. package/dist/components/Sidebar/item.d.ts +0 -36
  176. package/dist/components/Sidebar/item.d.ts.map +0 -1
  177. package/dist/components/Sidebar/item.js +0 -106
  178. package/dist/components/Sidebar/item.js.map +0 -1
  179. package/dist/components/Table/body.d.ts +0 -10
  180. package/dist/components/Table/body.d.ts.map +0 -1
  181. package/dist/components/Table/body.js +0 -44
  182. package/dist/components/Table/body.js.map +0 -1
  183. package/dist/components/Table/header.d.ts +0 -29
  184. package/dist/components/Table/header.d.ts.map +0 -1
  185. package/dist/components/Table/header.js +0 -102
  186. package/dist/components/Table/header.js.map +0 -1
  187. package/dist/components/Table/headerCell.d.ts +0 -18
  188. package/dist/components/Table/headerCell.d.ts.map +0 -1
  189. package/dist/components/Table/headerCell.js +0 -88
  190. package/dist/components/Table/headerCell.js.map +0 -1
  191. package/dist/components/Table/helpers.d.ts +0 -8
  192. package/dist/components/Table/helpers.d.ts.map +0 -1
  193. package/dist/components/Table/helpers.js +0 -41
  194. package/dist/components/Table/helpers.js.map +0 -1
  195. package/dist/components/Table/index.d.ts +0 -74
  196. package/dist/components/Table/index.d.ts.map +0 -1
  197. package/dist/components/Table/index.js +0 -161
  198. package/dist/components/Table/index.js.map +0 -1
  199. package/dist/components/Table/row.d.ts +0 -58
  200. package/dist/components/Table/row.d.ts.map +0 -1
  201. package/dist/components/Table/row.js +0 -200
  202. package/dist/components/Table/row.js.map +0 -1
  203. package/dist/components/Tabs/content.d.ts +0 -8
  204. package/dist/components/Tabs/content.d.ts.map +0 -1
  205. package/dist/components/Tabs/content.js +0 -41
  206. package/dist/components/Tabs/content.js.map +0 -1
  207. package/dist/components/Tabs/index.d.ts +0 -36
  208. package/dist/components/Tabs/index.d.ts.map +0 -1
  209. package/dist/components/Tabs/index.js +0 -79
  210. package/dist/components/Tabs/index.js.map +0 -1
  211. package/dist/components/Tabs/item.d.ts +0 -21
  212. package/dist/components/Tabs/item.d.ts.map +0 -1
  213. package/dist/components/Tabs/item.js +0 -86
  214. package/dist/components/Tabs/item.js.map +0 -1
  215. package/dist/components/Tabs/list.d.ts +0 -16
  216. package/dist/components/Tabs/list.d.ts.map +0 -1
  217. package/dist/components/Tabs/list.js +0 -175
  218. package/dist/components/Tabs/list.js.map +0 -1
  219. package/dist/components/Tag/group.d.ts +0 -10
  220. package/dist/components/Tag/group.d.ts.map +0 -1
  221. package/dist/components/Tag/group.js +0 -50
  222. package/dist/components/Tag/group.js.map +0 -1
  223. package/dist/components/Tag/index.d.ts +0 -36
  224. package/dist/components/Tag/index.d.ts.map +0 -1
  225. package/dist/components/Tag/index.js +0 -132
  226. package/dist/components/Tag/index.js.map +0 -1
  227. package/dist/components/Textarea/index.d.ts +0 -26
  228. package/dist/components/Textarea/index.d.ts.map +0 -1
  229. package/dist/components/Textarea/index.js +0 -85
  230. package/dist/components/Textarea/index.js.map +0 -1
  231. package/dist/components/TimeAgo/index.d.ts +0 -4
  232. package/dist/components/TimeAgo/index.d.ts.map +0 -1
  233. package/dist/components/TimeAgo/index.js +0 -21
  234. package/dist/components/TimeAgo/index.js.map +0 -1
  235. package/dist/components/Tree/index.d.ts +0 -16
  236. package/dist/components/Tree/index.d.ts.map +0 -1
  237. package/dist/components/Tree/index.js +0 -151
  238. package/dist/components/Tree/index.js.map +0 -1
  239. package/dist/constants/animations.d.ts +0 -5
  240. package/dist/constants/animations.d.ts.map +0 -1
  241. package/dist/constants/animations.js +0 -8
  242. package/dist/constants/animations.js.map +0 -1
  243. package/dist/constants/colors.d.ts +0 -10
  244. package/dist/constants/colors.d.ts.map +0 -1
  245. package/dist/constants/colors.js +0 -13
  246. package/dist/constants/colors.js.map +0 -1
  247. package/dist/constants/sizes.d.ts +0 -59
  248. package/dist/constants/sizes.d.ts.map +0 -1
  249. package/dist/constants/sizes.js +0 -60
  250. package/dist/constants/sizes.js.map +0 -1
  251. package/dist/constants/theme.d.ts +0 -74
  252. package/dist/constants/theme.d.ts.map +0 -1
  253. package/dist/constants/theme.js +0 -20
  254. package/dist/constants/theme.js.map +0 -1
  255. package/dist/containers/PopoverProvider.d.ts +0 -12
  256. package/dist/containers/PopoverProvider.d.ts.map +0 -1
  257. package/dist/containers/PopoverProvider.js +0 -56
  258. package/dist/containers/PopoverProvider.js.map +0 -1
  259. package/dist/containers/ReqoreProvider.d.ts +0 -40
  260. package/dist/containers/ReqoreProvider.d.ts.map +0 -1
  261. package/dist/containers/ReqoreProvider.js +0 -117
  262. package/dist/containers/ReqoreProvider.js.map +0 -1
  263. package/dist/containers/ThemeProvider.d.ts +0 -8
  264. package/dist/containers/ThemeProvider.d.ts.map +0 -1
  265. package/dist/containers/ThemeProvider.js +0 -27
  266. package/dist/containers/ThemeProvider.js.map +0 -1
  267. package/dist/containers/UIProvider.d.ts +0 -13
  268. package/dist/containers/UIProvider.d.ts.map +0 -1
  269. package/dist/containers/UIProvider.js +0 -43
  270. package/dist/containers/UIProvider.js.map +0 -1
  271. package/dist/context/PopoverContext.d.ts +0 -11
  272. package/dist/context/PopoverContext.d.ts.map +0 -1
  273. package/dist/context/PopoverContext.js +0 -5
  274. package/dist/context/PopoverContext.js.map +0 -1
  275. package/dist/context/ReqoreContext.d.ts +0 -15
  276. package/dist/context/ReqoreContext.d.ts.map +0 -1
  277. package/dist/context/ReqoreContext.js +0 -10
  278. package/dist/context/ReqoreContext.js.map +0 -1
  279. package/dist/context/ThemeContext.d.ts +0 -5
  280. package/dist/context/ThemeContext.d.ts.map +0 -1
  281. package/dist/context/ThemeContext.js +0 -5
  282. package/dist/context/ThemeContext.js.map +0 -1
  283. package/dist/helpers/animations.d.ts +0 -2
  284. package/dist/helpers/animations.d.ts.map +0 -1
  285. package/dist/helpers/animations.js +0 -11
  286. package/dist/helpers/animations.js.map +0 -1
  287. package/dist/helpers/colors.d.ts +0 -13
  288. package/dist/helpers/colors.d.ts.map +0 -1
  289. package/dist/helpers/colors.js +0 -100
  290. package/dist/helpers/colors.js.map +0 -1
  291. package/dist/helpers/sidebar.d.ts +0 -4
  292. package/dist/helpers/sidebar.d.ts.map +0 -1
  293. package/dist/helpers/sidebar.js +0 -90
  294. package/dist/helpers/sidebar.js.map +0 -1
  295. package/dist/helpers/time.d.ts +0 -8
  296. package/dist/helpers/time.d.ts.map +0 -1
  297. package/dist/helpers/time.js +0 -25
  298. package/dist/helpers/time.js.map +0 -1
  299. package/dist/helpers/utils.d.ts +0 -4
  300. package/dist/helpers/utils.d.ts.map +0 -1
  301. package/dist/helpers/utils.js +0 -82
  302. package/dist/helpers/utils.js.map +0 -1
  303. package/dist/hooks/useCombinedRefs.d.ts +0 -3
  304. package/dist/hooks/useCombinedRefs.d.ts.map +0 -1
  305. package/dist/hooks/useCombinedRefs.js +0 -29
  306. package/dist/hooks/useCombinedRefs.js.map +0 -1
  307. package/dist/hooks/useLatestZIndex.d.ts +0 -3
  308. package/dist/hooks/useLatestZIndex.d.ts.map +0 -1
  309. package/dist/hooks/useLatestZIndex.js +0 -11
  310. package/dist/hooks/useLatestZIndex.js.map +0 -1
  311. package/dist/hooks/useOutsideClick.d.ts +0 -4
  312. package/dist/hooks/useOutsideClick.d.ts.map +0 -1
  313. package/dist/hooks/useOutsideClick.js +0 -24
  314. package/dist/hooks/useOutsideClick.js.map +0 -1
  315. package/dist/hooks/usePopover.d.ts +0 -17
  316. package/dist/hooks/usePopover.d.ts.map +0 -1
  317. package/dist/hooks/usePopover.js +0 -77
  318. package/dist/hooks/usePopover.js.map +0 -1
  319. package/dist/hooks/useShareForwardedRef.d.ts +0 -3
  320. package/dist/hooks/useShareForwardedRef.d.ts.map +0 -1
  321. package/dist/hooks/useShareForwardedRef.js +0 -25
  322. package/dist/hooks/useShareForwardedRef.js.map +0 -1
  323. package/dist/hooks/useTheme.d.ts +0 -3
  324. package/dist/hooks/useTheme.d.ts.map +0 -1
  325. package/dist/hooks/useTheme.js +0 -21
  326. package/dist/hooks/useTheme.js.map +0 -1
  327. package/dist/index.d.ts +0 -52
  328. package/dist/index.d.ts.map +0 -1
  329. package/dist/index.js +0 -123
  330. package/dist/index.js.map +0 -1
  331. package/dist/types/global.d.ts +0 -8
  332. package/dist/types/global.d.ts.map +0 -1
  333. package/dist/types/global.js +0 -3
  334. package/dist/types/global.js.map +0 -1
  335. package/dist/types/icons.d.ts +0 -2
  336. package/dist/types/icons.d.ts.map +0 -1
  337. package/dist/types/icons.js +0 -3
  338. package/dist/types/icons.js.map +0 -1
  339. package/dist/types/icons____.d.ts +0 -2
  340. package/dist/types/icons____.d.ts.map +0 -1
  341. package/dist/types/icons____.js +0 -6
  342. package/dist/types/icons____.js.map +0 -1
@@ -1,44 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- exports.__esModule = true;
28
- var jsx_runtime_1 = require("react/jsx-runtime");
29
- var react_1 = require("react");
30
- var react_use_1 = require("react-use");
31
- var react_window_1 = require("react-window");
32
- var sizes_1 = require("../../constants/sizes");
33
- var row_1 = __importDefault(require("./row"));
34
- var ReqoreTableBody = function (_a) {
35
- var data = _a.data, setLeftScroll = _a.setLeftScroll, height = _a.height, rowHeight = _a.rowHeight, _b = _a.size, size = _b === void 0 ? 'normal' : _b, rest = __rest(_a, ["data", "setLeftScroll", "height", "rowHeight", "size"]);
36
- var ref = (0, react_1.useRef)(null);
37
- var x = (0, react_use_1.useScroll)(ref).x;
38
- (0, react_1.useEffect)(function () {
39
- setLeftScroll(x);
40
- }, [x]);
41
- return ((0, jsx_runtime_1.jsx)(react_window_1.FixedSizeList, __assign({ outerRef: ref, itemCount: data.length, height: height, className: 'reqore-table-body', itemSize: rest.flat ? sizes_1.TABLE_SIZE_TO_PX[size] : sizes_1.TABLE_SIZE_TO_PX[size] + 1, itemData: __assign({ data: data, size: size }, rest) }, { children: row_1["default"] }), void 0));
42
- };
43
- exports["default"] = ReqoreTableBody;
44
- //# sourceMappingURL=body.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAoE;AACpE,uCAAsC;AACtC,6CAAqD;AACrD,+CAAyD;AACzD,8CAA+D;AAQ/D,IAAM,eAAe,GAAG,UAAC,EAOM;IAN7B,IAAA,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cANgB,wDAOxB,CADQ;IAEP,IAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACjB,IAAA,CAAC,GAAoB,IAAA,qBAAS,EAAC,GAAG,CAAC,EAAlC,CAAmC;IAE5C,IAAA,iBAAS,EAAC;QACR,aAAa,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,uBAAC,4BAAI,aACH,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EACzE,QAAQ,aACN,IAAI,MAAA,EACJ,IAAI,MAAA,IACD,IAAI,iBAGR,gBAAc,YACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,eAAe,CAAC"}
@@ -1,29 +0,0 @@
1
- /// <reference types="react" />
2
- import { IReqoreTableColumn, IReqoreTableSort } from '.';
3
- import { IReqoreTheme } from '../../constants/theme';
4
- export interface IReqoreTableSectionProps {
5
- columns: IReqoreTableColumn[];
6
- leftScroll: number;
7
- onSortChange?: (sort: string) => void;
8
- sortData: IReqoreTableSort;
9
- selectable?: boolean;
10
- selectedQuant: 'none' | 'all' | 'some';
11
- onToggleSelectClick: () => void;
12
- hasVerticalScroll: boolean;
13
- selectToggleTooltip?: string;
14
- }
15
- export interface IReqoreTableSectionStyle {
16
- leftScroll: number;
17
- hasVerticalScroll: boolean;
18
- theme: IReqoreTheme;
19
- }
20
- export interface IReqoreTableHeaderStyle {
21
- width?: number;
22
- grow?: number;
23
- theme: IReqoreTheme;
24
- align?: 'center' | 'left' | 'right';
25
- }
26
- export declare const StyledColumnGroupHeader: any;
27
- declare const ReqoreTableHeader: ({ columns, leftScroll, onSortChange, sortData, selectable, selectedQuant, onToggleSelectClick, selectToggleTooltip, hasVerticalScroll, }: IReqoreTableSectionProps) => JSX.Element;
28
- export default ReqoreTableHeader;
29
- //# sourceMappingURL=header.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACvC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;CACrB;AAcD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAqCF,QAAA,MAAM,iBAAiB,6IAUpB,wBAAwB,gBAyE1B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1,102 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- var __rest = (this && this.__rest) || function (s, e) {
37
- var t = {};
38
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
- t[p] = s[p];
40
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
- t[p[i]] = s[p[i]];
44
- }
45
- return t;
46
- };
47
- exports.__esModule = true;
48
- exports.StyledColumnGroupHeader = void 0;
49
- var react_1 = require("react");
50
- var jsx_runtime_1 = require("react/jsx-runtime");
51
- var styled_components_1 = __importStar(require("styled-components"));
52
- var colors_1 = require("../../helpers/colors");
53
- var headerCell_1 = __importStar(require("./headerCell"));
54
- var row_1 = require("./row");
55
- var StyledTableHeaderWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
56
- var leftScroll = _a.leftScroll;
57
- return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n transform: translate3d(", "px, 0, 0);\n\n ", "\n "], ["\n display: flex;\n flex-flow: column;\n transform: translate3d(", "px, 0, 0);\n\n ", "\n "])), -leftScroll, function (_a) {
58
- var theme = _a.theme;
59
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), theme.main);
60
- });
61
- });
62
- exports.StyledColumnGroupHeader = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
63
- var align = _a.align, theme = _a.theme;
64
- return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n justify-content: ", ";\n "], ["\n background-color: ", ";\n justify-content: ", ";\n "])), (0, colors_1.changeLightness)(theme.main, 0.035), align ? row_1.alignToFlex[align] : 'flex-start');
65
- });
66
- var StyledColumnGroup = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n width: ", "px;\n\n ", "\n"], ["\n display: flex;\n flex-flow: column;\n width: ", "px;\n\n ", "\n"])), function (_a) {
67
- var width = _a.width;
68
- return width;
69
- }, function (_a) {
70
- var grow = _a.grow;
71
- return grow && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex-grow: ", ";\n "], ["\n flex-grow: ", ";\n "])), grow);
72
- });
73
- var StyledColumnGroupHeaders = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
74
- var StyledTableHeaderRow = styled_components_1["default"].div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n\n ", "\n\n ", ", ", " {\n font-size: 13px;\n font-weight: 600;\n padding: 5px 10px;\n\n display: flex;\n flex-shrink: 0;\n align-items: center;\n }\n"], ["\n display: flex;\n flex: 1;\n\n ", "\n\n ", ", ", " {\n font-size: 13px;\n font-weight: 600;\n padding: 5px 10px;\n\n display: flex;\n flex-shrink: 0;\n align-items: center;\n }\n"])), function (_a) {
75
- var leftScroll = _a.leftScroll;
76
- return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n transform: translate3d(", "px, 0, 0);\n "], ["\n transform: translate3d(", "px, 0, 0);\n "])), -leftScroll);
77
- }, headerCell_1.StyledTableHeader, exports.StyledColumnGroupHeader);
78
- var ReqoreTableHeader = function (_a) {
79
- var columns = _a.columns, leftScroll = _a.leftScroll, onSortChange = _a.onSortChange, sortData = _a.sortData, selectable = _a.selectable, selectedQuant = _a.selectedQuant, onToggleSelectClick = _a.onToggleSelectClick, selectToggleTooltip = _a.selectToggleTooltip, hasVerticalScroll = _a.hasVerticalScroll;
80
- var renderColumns = function (columns) {
81
- return columns.map(function (_a, index) {
82
- var grow = _a.grow, header = _a.header, _b = _a.props, props = _b === void 0 ? {} : _b, cols = _a.columns, align = _a.align, content = _a.content, onCellClick = _a.onCellClick, rest = __rest(_a, ["grow", "header", "props", "columns", "align", "content", "onCellClick"]);
83
- return cols ? ((0, jsx_runtime_1.jsxs)(StyledColumnGroup, __assign({ width: cols.reduce(function (wid, col) { return wid + (col.width || 80); }, 0), grow: grow, className: 'reqore-table-column-group' }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledColumnGroupHeader, __assign({ align: align }, props, { className: 'reqore-table-column-group-header' }, { children: header }), void 0), (0, jsx_runtime_1.jsx)(StyledColumnGroupHeaders, __assign({ className: 'reqore-table-headers' }, { children: renderColumns(cols) }), void 0)] }), index)) : ((0, react_1.createElement)(headerCell_1["default"], __assign({}, props, rest, { key: index, sortData: sortData, grow: grow, align: align, header: header, onSortChange: onSortChange })));
84
- });
85
- };
86
- var getSelectedIcon = function () {
87
- switch (selectedQuant) {
88
- case 'all':
89
- return 'CheckboxCircleLine';
90
- case 'some':
91
- return 'IndeterminateCircleLine';
92
- default:
93
- return 'CheckboxBlankCircleLine';
94
- }
95
- };
96
- return ((0, jsx_runtime_1.jsx)(StyledTableHeaderWrapper, __assign({ className: 'reqore-table-header-wrapper', hasVerticalScroll: hasVerticalScroll }, { children: (0, jsx_runtime_1.jsxs)(StyledTableHeaderRow, __assign({ leftScroll: leftScroll }, { children: [selectable && ((0, jsx_runtime_1.jsx)(headerCell_1["default"], { dataId: 'selectbox', sortData: sortData, align: 'center', onSortChange: onSortChange, icon: getSelectedIcon(), iconSize: '15px', width: 60, tooltip: selectToggleTooltip || 'Toggle selection on all data', onClick: function () {
97
- onToggleSelectClick();
98
- } }, 'selectbox')), renderColumns(columns)] }), void 0) }), void 0));
99
- };
100
- exports["default"] = ReqoreTableHeader;
101
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
102
- //# sourceMappingURL=header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":"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"}
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { IReqoreTableColumn, IReqoreTableSort } from '.';
3
- import { IReqoreTheme } from '../../constants/theme';
4
- export interface IReqoreTableHeaderCellProps extends React.HTMLAttributes<HTMLDivElement>, IReqoreTableColumn {
5
- onSortChange?: (sort: string) => void;
6
- sortData: IReqoreTableSort;
7
- }
8
- export interface IReqoreTableHeaderStyle {
9
- width?: number;
10
- grow?: number;
11
- theme: IReqoreTheme;
12
- align?: 'center' | 'left' | 'right';
13
- interactive?: boolean;
14
- }
15
- export declare const StyledTableHeader: any;
16
- declare const ReqoreTableHeaderCell: ({ width, grow, align, header, onSortChange, dataId, sortable, sortData, onClick, className, icon, iconSize, tooltip, ...props }: IReqoreTableHeaderCellProps) => JSX.Element;
17
- export default ReqoreTableHeaderCell;
18
- //# sourceMappingURL=headerCell.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"headerCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,kBAAkB;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,KAuB7B,CAAC;AAQF,QAAA,MAAM,qBAAqB,oIAexB,2BAA2B,gBA2C7B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
@@ -1,88 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- var __rest = (this && this.__rest) || function (s, e) {
37
- var t = {};
38
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
- t[p] = s[p];
40
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
- t[p[i]] = s[p[i]];
44
- }
45
- return t;
46
- };
47
- var __importDefault = (this && this.__importDefault) || function (mod) {
48
- return (mod && mod.__esModule) ? mod : { "default": mod };
49
- };
50
- exports.__esModule = true;
51
- exports.StyledTableHeader = void 0;
52
- var jsx_runtime_1 = require("react/jsx-runtime");
53
- /* @flow */
54
- var react_1 = require("react");
55
- var styled_components_1 = __importStar(require("styled-components"));
56
- var colors_1 = require("../../helpers/colors");
57
- var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
58
- var Icon_1 = __importDefault(require("../Icon"));
59
- var row_1 = require("./row");
60
- exports.StyledTableHeader = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n\n ", "\n\n ", ";\n"], ["\n ", ";\n\n ", "\n\n ", ";\n"])), function (_a) {
61
- var width = _a.width, grow = _a.grow;
62
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", "px;\n flex-grow: ", ";\n "], ["\n width: ", "px;\n flex-grow: ", ";\n "])), !width || width < 80 ? 80 : width, grow || (width ? undefined : 1));
63
- }, function (_a) {
64
- var align = _a.align, theme = _a.theme;
65
- return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n justify-content: ", ";\n "], ["\n background-color: ", ";\n justify-content: ", ";\n "])), (0, colors_1.changeLightness)(theme.main, 0.03), align ? row_1.alignToFlex[align] : 'flex-start');
66
- }, function (_a) {
67
- var interactive = _a.interactive, theme = _a.theme;
68
- return interactive && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n "])), (0, colors_1.getReadableColor)(theme, undefined, undefined), (0, colors_1.changeLightness)(theme.main, 0.06));
69
- });
70
- var StyledTableHeaderLabel = styled_components_1["default"].span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
71
- var ReqoreTableHeaderCell = function (_a) {
72
- var width = _a.width, grow = _a.grow, align = _a.align, header = _a.header, onSortChange = _a.onSortChange, dataId = _a.dataId, sortable = _a.sortable, sortData = _a.sortData, onClick = _a.onClick, className = _a.className, icon = _a.icon, iconSize = _a.iconSize, tooltip = _a.tooltip, props = __rest(_a, ["width", "grow", "align", "header", "onSortChange", "dataId", "sortable", "sortData", "onClick", "className", "icon", "iconSize", "tooltip"]);
73
- var _b = (0, react_1.useState)(null), ref = _b[0], setRef = _b[1];
74
- (0, usePopover_1["default"])({ targetElement: ref, content: tooltip || header });
75
- return ((0, jsx_runtime_1.jsxs)(exports.StyledTableHeader, __assign({}, props, { className: (className || '') + " reqore-table-header-cell", ref: setRef, width: width, grow: grow, align: align, interactive: sortable || !!onClick, onClick: function (event) {
76
- if (sortable) {
77
- onSortChange(dataId);
78
- }
79
- if (onClick) {
80
- onClick(event);
81
- }
82
- } }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: iconSize || '13px', margin: header ? 'right' : undefined }, void 0)), (0, jsx_runtime_1.jsx)(StyledTableHeaderLabel, { children: header }, void 0), sortable && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: "Arrow" + (sortData.direction === 'desc' ? 'Down' : 'Up') + "Fill", size: iconSize || '13px', margin: 'left', style: {
83
- opacity: sortData.by === dataId ? 1 : 0.2
84
- } }, void 0))] }), void 0));
85
- };
86
- exports["default"] = ReqoreTableHeaderCell;
87
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
88
- //# sourceMappingURL=headerCell.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- import { IReqoreTableSort } from ".";
2
- export declare const flipSortDirection: (direction: "asc" | "desc") => "asc" | "desc";
3
- export declare const fixSort: (sort?: IReqoreTableSort) => {
4
- direction: "desc" | "asc";
5
- by?: string;
6
- };
7
- export declare const sortTableData: (data: any[], sort: IReqoreTableSort) => any[];
8
- //# sourceMappingURL=helpers.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAErC,eAAO,MAAM,iBAAiB,cAAe,KAAK,GAAG,MAAM,KAAG,KAAK,GAAG,MAChC,CAAC;AAEvC,eAAO,MAAM,OAAO,UAAW,gBAAgB;;;CAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,GAAG,EAAE,QAAQ,gBAAgB,UAQhE,CAAC"}
@@ -1,41 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
14
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
15
- if (ar || !(i in from)) {
16
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
17
- ar[i] = from[i];
18
- }
19
- }
20
- return to.concat(ar || Array.prototype.slice.call(from));
21
- };
22
- exports.__esModule = true;
23
- exports.sortTableData = exports.fixSort = exports.flipSortDirection = void 0;
24
- var thenby_1 = require("thenby");
25
- var flipSortDirection = function (direction) {
26
- return direction === "asc" ? "desc" : "asc";
27
- };
28
- exports.flipSortDirection = flipSortDirection;
29
- var fixSort = function (sort) {
30
- return __assign(__assign({}, (sort || {})), { direction: (sort === null || sort === void 0 ? void 0 : sort.direction) || "desc" });
31
- };
32
- exports.fixSort = fixSort;
33
- var sortTableData = function (data, sort) {
34
- var by = sort.by, direction = sort.direction;
35
- if (!by) {
36
- return data;
37
- }
38
- return __spreadArray([], data, true).sort((0, thenby_1.firstBy)(by, { ignoreCase: true, direction: direction }));
39
- };
40
- exports.sortTableData = sortTableData;
41
- //# sourceMappingURL=helpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AAG1B,IAAM,iBAAiB,GAAG,UAAC,SAAyB;IACzD,OAAA,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;AAApC,CAAoC,CAAC;AAD1B,QAAA,iBAAiB,qBACS;AAEhC,IAAM,OAAO,GAAG,UAAC,IAAuB;IAC7C,6BAAY,CAAC,IAAI,IAAI,EAAE,CAAC,KAAE,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,MAAM,IAAG;AACnE,CAAC,CAAC;AAFW,QAAA,OAAO,WAElB;AAEK,IAAM,aAAa,GAAG,UAAC,IAAW,EAAE,IAAsB;IACvD,IAAA,EAAE,GAAgB,IAAI,GAApB,EAAE,SAAS,GAAK,IAAI,UAAT,CAAU;IAE/B,IAAI,CAAC,EAAE,EAAE;QACP,OAAO,IAAI,CAAC;KACb;IAED,OAAO,kBAAI,IAAI,QAAE,IAAI,CAAC,IAAA,gBAAO,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC,CAAC;AACtE,CAAC,CAAC;AARW,QAAA,aAAa,iBAQxB"}
@@ -1,74 +0,0 @@
1
- import React from 'react';
2
- import { TSizes } from '../../constants/sizes';
3
- import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
4
- import { IReqoreIconName } from '../../types/icons';
5
- export declare type TReqoreTableColumnContent = React.FC<{
6
- [key: string]: any;
7
- _selectId?: string;
8
- }> | 'time-ago' | 'tag' | `tag:${IReqoreIntent}` | `tag:#${string}` | 'title' | `title:${IReqoreIntent}` | 'text' | `text:${IReqoreIntent}`;
9
- export interface IReqoreTableColumn {
10
- dataId: string;
11
- header?: string | JSX.Element;
12
- grow?: 1 | 2 | 3 | 4;
13
- width?: number;
14
- content?: TReqoreTableColumnContent;
15
- props?: React.HTMLAttributes<HTMLDivElement>;
16
- align?: 'center' | 'left' | 'right';
17
- columns?: IReqoreTableColumn[];
18
- sortable?: boolean;
19
- icon?: IReqoreIconName;
20
- iconSize?: string;
21
- tooltip?: string;
22
- intent?: IReqoreIntent;
23
- cellTooltip?: (data: {
24
- [key: string]: any;
25
- _selectId?: string;
26
- }) => string | JSX.Element;
27
- onCellClick?: (data: {
28
- [key: string]: any;
29
- _selectId?: string;
30
- }) => void;
31
- }
32
- export interface IReqoreTableRowData {
33
- [key: string]: any;
34
- _selectId?: string;
35
- _intent?: IReqoreIntent;
36
- _disabled?: boolean;
37
- }
38
- export declare type IReqoreTableRowClick = (data: IReqoreTableRowData) => void;
39
- export declare type IReqoreTableData = IReqoreTableRowData[];
40
- export interface IReqoreTableProps extends React.HTMLAttributes<HTMLDivElement> {
41
- columns: IReqoreTableColumn[];
42
- data?: IReqoreTableData;
43
- className?: string;
44
- width?: number;
45
- height?: number;
46
- sort?: IReqoreTableSort;
47
- striped?: boolean;
48
- selectable?: boolean;
49
- selected?: string[];
50
- selectedRowIntent?: IReqoreIntent;
51
- onSortChange?: (sort?: IReqoreTableSort) => void;
52
- onSelectedChange?: (selected?: any[]) => void;
53
- selectToggleTooltip?: string;
54
- onRowClick?: IReqoreTableRowClick;
55
- customTheme?: IReqoreTheme;
56
- rounded?: boolean;
57
- flat?: boolean;
58
- size?: TSizes;
59
- }
60
- export interface IReqoreTableStyle {
61
- theme: IReqoreTheme;
62
- width?: number;
63
- striped?: boolean;
64
- selectable?: boolean;
65
- rounded?: boolean;
66
- flat?: boolean;
67
- }
68
- export interface IReqoreTableSort {
69
- by?: string;
70
- direction?: 'asc' | 'desc';
71
- }
72
- declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, rounded, onRowClick, striped, selectedRowIntent, size, ...rest }: IReqoreTableProps) => JSX.Element;
73
- export default ReqoreTable;
74
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD,oBAAY,yBAAyB,GACjC,KAAK,CAAC,EAAE,CAAC;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GACpD,UAAU,GACV,KAAK,GACL,OAAO,aAAa,EAAE,GACtB,QAAQ,MAAM,EAAE,GAChB,OAAO,GACP,SAAS,aAAa,EAAE,GACxB,MAAM,GACN,QAAQ,aAAa,EAAE,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACzF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E;AAED,MAAM,WAAW,mBAAmB;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,oBAAY,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC9C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CAC5B;AA8BD,QAAA,MAAM,WAAW,8MAmBd,iBAAiB,gBA2HnB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,161 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- var __rest = (this && this.__rest) || function (s, e) {
37
- var t = {};
38
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
- t[p] = s[p];
40
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
- t[p[i]] = s[p[i]];
44
- }
45
- return t;
46
- };
47
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
48
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
49
- if (ar || !(i in from)) {
50
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
51
- ar[i] = from[i];
52
- }
53
- }
54
- return to.concat(ar || Array.prototype.slice.call(from));
55
- };
56
- var __importDefault = (this && this.__importDefault) || function (mod) {
57
- return (mod && mod.__esModule) ? mod : { "default": mod };
58
- };
59
- exports.__esModule = true;
60
- var jsx_runtime_1 = require("react/jsx-runtime");
61
- /* @flow */
62
- var lodash_1 = require("lodash");
63
- var react_1 = require("react");
64
- var react_use_1 = require("react-use");
65
- var styled_components_1 = __importStar(require("styled-components"));
66
- var sizes_1 = require("../../constants/sizes");
67
- var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
68
- var colors_1 = require("../../helpers/colors");
69
- var useTheme_1 = require("../../hooks/useTheme");
70
- var body_1 = __importDefault(require("./body"));
71
- var header_1 = __importStar(require("./header"));
72
- var headerCell_1 = require("./headerCell");
73
- var helpers_1 = require("./helpers");
74
- var StyledTableWrapper = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
75
- var theme = _a.theme, width = _a.width, rounded = _a.rounded, flat = _a.flat;
76
- return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n "], ["\n width: ", ";\n\n position: relative;\n clear: both;\n overflow: hidden;\n z-index: 1;\n\n display: flex;\n flex-flow: column;\n\n border-radius: ", ";\n\n background-color: ", ";\n color: ", ";\n\n ", "\n "])), width ? width + "px" : '100%', rounded ? '10px' : undefined, theme.main, (0, colors_1.getReadableColor)(theme, undefined, undefined, true), !flat && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ", ", " {\n ", "\n }\n "], ["\n ", ", ", " {\n ", "\n }\n "])), headerCell_1.StyledTableHeader, header_1.StyledColumnGroupHeader, function (_a) {
77
- var theme = _a.theme;
78
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n "], ["\n border-bottom: 1px solid ", ";\n "])), (0, colors_1.changeLightness)(theme.main, 0.07));
79
- }));
80
- });
81
- var ReqoreTable = function (_a) {
82
- var className = _a.className, _b = _a.height, height = _b === void 0 ? 300 : _b, width = _a.width, columns = _a.columns, _c = _a.data, data = _c === void 0 ? [] : _c, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip, customTheme = _a.customTheme, rounded = _a.rounded, onRowClick = _a.onRowClick, striped = _a.striped, selectedRowIntent = _a.selectedRowIntent, size = _a.size, rest = __rest(_a, ["className", "height", "width", "columns", "data", "sort", "onSortChange", "selectable", "selected", "onSelectedChange", "selectToggleTooltip", "customTheme", "rounded", "onRowClick", "striped", "selectedRowIntent", "size"]);
83
- var _d = (0, react_1.useState)(0), leftScroll = _d[0], setLeftScroll = _d[1];
84
- var _e = (0, react_1.useState)(data || []), _data = _e[0], setData = _e[1];
85
- var _f = (0, react_1.useState)((0, helpers_1.fixSort)(sort)), _sort = _f[0], setSort = _f[1];
86
- var _g = (0, react_1.useState)([]), _selected = _g[0], setSelected = _g[1];
87
- var _h = (0, react_1.useState)('none'), _selectedQuant = _h[0], setSelectedQuant = _h[1];
88
- var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme);
89
- (0, react_use_1.useUpdateEffect)(function () {
90
- if (onSortChange) {
91
- onSortChange(_sort);
92
- }
93
- }, [_sort]);
94
- (0, react_use_1.useUpdateEffect)(function () {
95
- setData(data);
96
- }, [data]);
97
- (0, react_use_1.useUpdateEffect)(function () {
98
- if (selectable) {
99
- setSelected(selected);
100
- }
101
- }, [selected]);
102
- (0, react_use_1.useUpdateEffect)(function () {
103
- if (onSelectedChange) {
104
- onSelectedChange(_selected);
105
- }
106
- var selectableData = _data.filter(function (datum) { var _a; return (_a = datum._selectId) !== null && _a !== void 0 ? _a : false; });
107
- if ((0, lodash_1.size)(_selected)) {
108
- if ((0, lodash_1.size)(_selected) === (0, lodash_1.size)(selectableData)) {
109
- setSelectedQuant('all');
110
- }
111
- else {
112
- setSelectedQuant('some');
113
- }
114
- }
115
- else {
116
- setSelectedQuant('none');
117
- }
118
- }, [_selected]);
119
- var handleSortChange = function (by) {
120
- setSort(function (currentSort) {
121
- var newSort = __assign({}, currentSort);
122
- newSort.by = by;
123
- newSort.direction =
124
- currentSort.by === by ? (0, helpers_1.flipSortDirection)(currentSort.direction) : currentSort.direction;
125
- return newSort;
126
- });
127
- };
128
- var handleSelectClick = function (selectId) {
129
- setSelected(function (current) {
130
- var newSelected = __spreadArray([], current, true);
131
- var isSelected = newSelected.find(function (selected) { return selectId === selected; });
132
- if (isSelected) {
133
- newSelected = newSelected.filter(function (selected) { return selected !== selectId; });
134
- }
135
- else {
136
- newSelected = __spreadArray(__spreadArray([], newSelected, true), [selectId], false);
137
- }
138
- return newSelected;
139
- });
140
- };
141
- var handleToggleSelectClick = function () {
142
- switch (_selectedQuant) {
143
- case 'none':
144
- case 'some': {
145
- var selectableData = _data
146
- .filter(function (datum) { var _a; return (_a = datum._selectId) !== null && _a !== void 0 ? _a : false; })
147
- .map(function (datum) { return datum._selectId; });
148
- setSelected(selectableData);
149
- break;
150
- }
151
- default: {
152
- setSelected([]);
153
- break;
154
- }
155
- }
156
- };
157
- return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(StyledTableWrapper, __assign({}, rest, { className: (className || '') + " reqore-table", rounded: rounded, width: width }, { children: [(0, jsx_runtime_1.jsx)(header_1["default"], { columns: columns, leftScroll: leftScroll, onSortChange: handleSortChange, sortData: _sort, selectable: selectable, selectedQuant: _selectedQuant, onToggleSelectClick: handleToggleSelectClick, hasVerticalScroll: (0, lodash_1.size)(_data) * sizes_1.TABLE_SIZE_TO_PX[size] > height, selectToggleTooltip: selectToggleTooltip }, void 0), (0, jsx_runtime_1.jsx)(body_1["default"], { data: _sort ? (0, helpers_1.sortTableData)(_data, _sort) : _data, columns: columns, setLeftScroll: setLeftScroll, height: height, selectable: selectable, onSelectClick: handleSelectClick, onRowClick: onRowClick, selected: _selected, selectedRowIntent: selectedRowIntent, size: size, striped: striped, flat: rest.flat }, void 0)] }), void 0) }), void 0));
158
- };
159
- exports["default"] = ReqoreTable;
160
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
161
- //# sourceMappingURL=index.js.map