@qoretechnologies/reqore 0.68.1 → 0.68.3

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 (287) 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/components/RichTextEditor/index.d.ts +9 -0
  20. package/dist/components/RichTextEditor/index.d.ts.map +1 -1
  21. package/dist/components/RichTextEditor/index.js +2 -2
  22. package/dist/components/RichTextEditor/index.js.map +1 -1
  23. package/dist/index.d.ts +2 -0
  24. package/dist/index.d.ts.map +1 -1
  25. package/dist/index.js +8 -3
  26. package/dist/index.js.map +1 -1
  27. package/package.json +2 -6
  28. package/tests.json +1 -1
  29. package/dist/esm/components/Accordion/index.js +0 -142
  30. package/dist/esm/components/Accordion/index.js.map +0 -1
  31. package/dist/esm/components/Breadcrumbs/index.js +0 -122
  32. package/dist/esm/components/Breadcrumbs/index.js.map +0 -1
  33. package/dist/esm/components/Breadcrumbs/item.js +0 -14
  34. package/dist/esm/components/Breadcrumbs/item.js.map +0 -1
  35. package/dist/esm/components/Button/index.js +0 -315
  36. package/dist/esm/components/Button/index.js.map +0 -1
  37. package/dist/esm/components/Callout/index.js +0 -142
  38. package/dist/esm/components/Callout/index.js.map +0 -1
  39. package/dist/esm/components/Checkbox/index.js +0 -217
  40. package/dist/esm/components/Checkbox/index.js.map +0 -1
  41. package/dist/esm/components/Collection/index.js +0 -298
  42. package/dist/esm/components/Collection/index.js.map +0 -1
  43. package/dist/esm/components/Collection/item.js +0 -157
  44. package/dist/esm/components/Collection/item.js.map +0 -1
  45. package/dist/esm/components/Columns/column.js +0 -14
  46. package/dist/esm/components/Columns/column.js.map +0 -1
  47. package/dist/esm/components/Columns/index.js +0 -17
  48. package/dist/esm/components/Columns/index.js.map +0 -1
  49. package/dist/esm/components/Comment/index.js +0 -63
  50. package/dist/esm/components/Comment/index.js.map +0 -1
  51. package/dist/esm/components/CommentFeed/index.js +0 -17
  52. package/dist/esm/components/CommentFeed/index.js.map +0 -1
  53. package/dist/esm/components/Content/index.js +0 -16
  54. package/dist/esm/components/Content/index.js.map +0 -1
  55. package/dist/esm/components/Content/wrapper.js +0 -14
  56. package/dist/esm/components/Content/wrapper.js.map +0 -1
  57. package/dist/esm/components/ControlGroup/index.js +0 -351
  58. package/dist/esm/components/ControlGroup/index.js.map +0 -1
  59. package/dist/esm/components/DatePicker/MonthYearDropdowns.js +0 -30
  60. package/dist/esm/components/DatePicker/MonthYearDropdowns.js.map +0 -1
  61. package/dist/esm/components/DatePicker/index.js +0 -244
  62. package/dist/esm/components/DatePicker/index.js.map +0 -1
  63. package/dist/esm/components/DescriptionList/index.js +0 -132
  64. package/dist/esm/components/DescriptionList/index.js.map +0 -1
  65. package/dist/esm/components/Drawer/backdrop.js +0 -34
  66. package/dist/esm/components/Drawer/backdrop.js.map +0 -1
  67. package/dist/esm/components/Drawer/index.js +0 -286
  68. package/dist/esm/components/Drawer/index.js.map +0 -1
  69. package/dist/esm/components/Dropdown/index.js +0 -49
  70. package/dist/esm/components/Dropdown/index.js.map +0 -1
  71. package/dist/esm/components/Dropdown/item.js +0 -12
  72. package/dist/esm/components/Dropdown/item.js.map +0 -1
  73. package/dist/esm/components/Dropdown/list.js +0 -320
  74. package/dist/esm/components/Dropdown/list.js.map +0 -1
  75. package/dist/esm/components/Effect/index.js +0 -349
  76. package/dist/esm/components/Effect/index.js.map +0 -1
  77. package/dist/esm/components/EmptyState/index.js +0 -31
  78. package/dist/esm/components/EmptyState/index.js.map +0 -1
  79. package/dist/esm/components/EntityRow/index.js +0 -134
  80. package/dist/esm/components/EntityRow/index.js.map +0 -1
  81. package/dist/esm/components/ErrorBoundary/index.js +0 -57
  82. package/dist/esm/components/ErrorBoundary/index.js.map +0 -1
  83. package/dist/esm/components/ExportModal/index.js +0 -60
  84. package/dist/esm/components/ExportModal/index.js.map +0 -1
  85. package/dist/esm/components/FeatureCard/index.js +0 -139
  86. package/dist/esm/components/FeatureCard/index.js.map +0 -1
  87. package/dist/esm/components/GlobalModalsWrapper/index.js +0 -27
  88. package/dist/esm/components/GlobalModalsWrapper/index.js.map +0 -1
  89. package/dist/esm/components/Header/index.js +0 -55
  90. package/dist/esm/components/Header/index.js.map +0 -1
  91. package/dist/esm/components/Icon/index.js +0 -130
  92. package/dist/esm/components/Icon/index.js.map +0 -1
  93. package/dist/esm/components/Input/index.js +0 -136
  94. package/dist/esm/components/Input/index.js.map +0 -1
  95. package/dist/esm/components/InputClearButton/index.js +0 -32
  96. package/dist/esm/components/InputClearButton/index.js.map +0 -1
  97. package/dist/esm/components/InternalPopover/index.js +0 -244
  98. package/dist/esm/components/InternalPopover/index.js.map +0 -1
  99. package/dist/esm/components/KeyValueTable/index.js +0 -81
  100. package/dist/esm/components/KeyValueTable/index.js.map +0 -1
  101. package/dist/esm/components/Label/index.js +0 -7
  102. package/dist/esm/components/Label/index.js.map +0 -1
  103. package/dist/esm/components/Layout/content.js +0 -12
  104. package/dist/esm/components/Layout/content.js.map +0 -1
  105. package/dist/esm/components/Layout/index.js +0 -28
  106. package/dist/esm/components/Layout/index.js.map +0 -1
  107. package/dist/esm/components/Menu/divider.js +0 -41
  108. package/dist/esm/components/Menu/divider.js.map +0 -1
  109. package/dist/esm/components/Menu/index.js +0 -67
  110. package/dist/esm/components/Menu/index.js.map +0 -1
  111. package/dist/esm/components/Menu/item.js +0 -33
  112. package/dist/esm/components/Menu/item.js.map +0 -1
  113. package/dist/esm/components/Menu/section.js +0 -28
  114. package/dist/esm/components/Menu/section.js.map +0 -1
  115. package/dist/esm/components/Message/index.js +0 -52
  116. package/dist/esm/components/Message/index.js.map +0 -1
  117. package/dist/esm/components/Modal/index.js +0 -40
  118. package/dist/esm/components/Modal/index.js.map +0 -1
  119. package/dist/esm/components/MultiSelect/index.js +0 -146
  120. package/dist/esm/components/MultiSelect/index.js.map +0 -1
  121. package/dist/esm/components/Navbar/divider.js +0 -24
  122. package/dist/esm/components/Navbar/divider.js.map +0 -1
  123. package/dist/esm/components/Navbar/group.js +0 -27
  124. package/dist/esm/components/Navbar/group.js.map +0 -1
  125. package/dist/esm/components/Navbar/index.js +0 -39
  126. package/dist/esm/components/Navbar/index.js.map +0 -1
  127. package/dist/esm/components/Navbar/item.js +0 -51
  128. package/dist/esm/components/Navbar/item.js.map +0 -1
  129. package/dist/esm/components/Notifications/index.js +0 -28
  130. package/dist/esm/components/Notifications/index.js.map +0 -1
  131. package/dist/esm/components/Notifications/notification.js +0 -225
  132. package/dist/esm/components/Notifications/notification.js.map +0 -1
  133. package/dist/esm/components/Paging/index.js +0 -116
  134. package/dist/esm/components/Paging/index.js.map +0 -1
  135. package/dist/esm/components/Panel/LabelEditor.js +0 -33
  136. package/dist/esm/components/Panel/LabelEditor.js.map +0 -1
  137. package/dist/esm/components/Panel/NonResponsiveActions.js +0 -18
  138. package/dist/esm/components/Panel/NonResponsiveActions.js.map +0 -1
  139. package/dist/esm/components/Panel/index.js +0 -564
  140. package/dist/esm/components/Panel/index.js.map +0 -1
  141. package/dist/esm/components/Panel/panel.screenshot.js +0 -15
  142. package/dist/esm/components/Panel/panel.screenshot.js.map +0 -1
  143. package/dist/esm/components/Paragraph/index.js +0 -19
  144. package/dist/esm/components/Paragraph/index.js.map +0 -1
  145. package/dist/esm/components/Popover/index.js +0 -267
  146. package/dist/esm/components/Popover/index.js.map +0 -1
  147. package/dist/esm/components/Progress/index.js +0 -188
  148. package/dist/esm/components/Progress/index.js.map +0 -1
  149. package/dist/esm/components/RadioGroup/index.js +0 -9
  150. package/dist/esm/components/RadioGroup/index.js.map +0 -1
  151. package/dist/esm/components/Rating/index.js +0 -165
  152. package/dist/esm/components/Rating/index.js.map +0 -1
  153. package/dist/esm/components/RichTextEditor/index.js +0 -299
  154. package/dist/esm/components/RichTextEditor/index.js.map +0 -1
  155. package/dist/esm/components/SegmentedControl/index.js +0 -291
  156. package/dist/esm/components/SegmentedControl/index.js.map +0 -1
  157. package/dist/esm/components/SeverityRow/index.js +0 -106
  158. package/dist/esm/components/SeverityRow/index.js.map +0 -1
  159. package/dist/esm/components/Skeleton/index.js +0 -28
  160. package/dist/esm/components/Skeleton/index.js.map +0 -1
  161. package/dist/esm/components/Slider/index.js +0 -176
  162. package/dist/esm/components/Slider/index.js.map +0 -1
  163. package/dist/esm/components/Spacer/index.js +0 -96
  164. package/dist/esm/components/Spacer/index.js.map +0 -1
  165. package/dist/esm/components/Span/index.js +0 -18
  166. package/dist/esm/components/Span/index.js.map +0 -1
  167. package/dist/esm/components/Spinner/index.js +0 -14
  168. package/dist/esm/components/Spinner/index.js.map +0 -1
  169. package/dist/esm/components/Statistic/index.js +0 -166
  170. package/dist/esm/components/Statistic/index.js.map +0 -1
  171. package/dist/esm/components/Table/body.js +0 -72
  172. package/dist/esm/components/Table/body.js.map +0 -1
  173. package/dist/esm/components/Table/cell.js +0 -214
  174. package/dist/esm/components/Table/cell.js.map +0 -1
  175. package/dist/esm/components/Table/header.js +0 -158
  176. package/dist/esm/components/Table/header.js.map +0 -1
  177. package/dist/esm/components/Table/headerCell.js +0 -233
  178. package/dist/esm/components/Table/headerCell.js.map +0 -1
  179. package/dist/esm/components/Table/helpers.js +0 -285
  180. package/dist/esm/components/Table/helpers.js.map +0 -1
  181. package/dist/esm/components/Table/index.js +0 -472
  182. package/dist/esm/components/Table/index.js.map +0 -1
  183. package/dist/esm/components/Table/row.js +0 -176
  184. package/dist/esm/components/Table/row.js.map +0 -1
  185. package/dist/esm/components/Table/value.js +0 -19
  186. package/dist/esm/components/Table/value.js.map +0 -1
  187. package/dist/esm/components/Tabs/content.js +0 -23
  188. package/dist/esm/components/Tabs/content.js.map +0 -1
  189. package/dist/esm/components/Tabs/index.js +0 -44
  190. package/dist/esm/components/Tabs/index.js.map +0 -1
  191. package/dist/esm/components/Tabs/item.js +0 -122
  192. package/dist/esm/components/Tabs/item.js.map +0 -1
  193. package/dist/esm/components/Tabs/list.js +0 -208
  194. package/dist/esm/components/Tabs/list.js.map +0 -1
  195. package/dist/esm/components/Tag/group.js +0 -38
  196. package/dist/esm/components/Tag/group.js.map +0 -1
  197. package/dist/esm/components/Tag/index.js +0 -267
  198. package/dist/esm/components/Tag/index.js.map +0 -1
  199. package/dist/esm/components/Testimonial/index.js +0 -108
  200. package/dist/esm/components/Testimonial/index.js.map +0 -1
  201. package/dist/esm/components/Textarea/index.js +0 -135
  202. package/dist/esm/components/Textarea/index.js.map +0 -1
  203. package/dist/esm/components/Tier/index.js +0 -48
  204. package/dist/esm/components/Tier/index.js.map +0 -1
  205. package/dist/esm/components/TimeAgo/index.js +0 -19
  206. package/dist/esm/components/TimeAgo/index.js.map +0 -1
  207. package/dist/esm/components/Timeline/index.js +0 -271
  208. package/dist/esm/components/Timeline/index.js.map +0 -1
  209. package/dist/esm/components/TooltipComponent/index.js +0 -11
  210. package/dist/esm/components/TooltipComponent/index.js.map +0 -1
  211. package/dist/esm/components/Tree/index.js +0 -266
  212. package/dist/esm/components/Tree/index.js.map +0 -1
  213. package/dist/esm/components/Tree/modal.js +0 -30
  214. package/dist/esm/components/Tree/modal.js.map +0 -1
  215. package/dist/esm/constants/animations.js +0 -9
  216. package/dist/esm/constants/animations.js.map +0 -1
  217. package/dist/esm/constants/colors.js +0 -13
  218. package/dist/esm/constants/colors.js.map +0 -1
  219. package/dist/esm/constants/paging.js +0 -48
  220. package/dist/esm/constants/paging.js.map +0 -1
  221. package/dist/esm/constants/sizes.js +0 -363
  222. package/dist/esm/constants/sizes.js.map +0 -1
  223. package/dist/esm/constants/theme.js +0 -40
  224. package/dist/esm/constants/theme.js.map +0 -1
  225. package/dist/esm/containers/Paging.js +0 -29
  226. package/dist/esm/containers/Paging.js.map +0 -1
  227. package/dist/esm/containers/ReqoreProvider.js +0 -239
  228. package/dist/esm/containers/ReqoreProvider.js.map +0 -1
  229. package/dist/esm/containers/ThemeProvider.js +0 -11
  230. package/dist/esm/containers/ThemeProvider.js.map +0 -1
  231. package/dist/esm/containers/UIProvider.js +0 -53
  232. package/dist/esm/containers/UIProvider.js.map +0 -1
  233. package/dist/esm/context/CustomThemeContext.js +0 -4
  234. package/dist/esm/context/CustomThemeContext.js.map +0 -1
  235. package/dist/esm/context/ReqoreContext.js +0 -22
  236. package/dist/esm/context/ReqoreContext.js.map +0 -1
  237. package/dist/esm/context/ThemeContext.js +0 -4
  238. package/dist/esm/context/ThemeContext.js.map +0 -1
  239. package/dist/esm/helpers/animations.js +0 -13
  240. package/dist/esm/helpers/animations.js.map +0 -1
  241. package/dist/esm/helpers/colors.js +0 -240
  242. package/dist/esm/helpers/colors.js.map +0 -1
  243. package/dist/esm/helpers/dates.js +0 -52
  244. package/dist/esm/helpers/dates.js.map +0 -1
  245. package/dist/esm/helpers/time.js +0 -21
  246. package/dist/esm/helpers/time.js.map +0 -1
  247. package/dist/esm/helpers/utils.js +0 -174
  248. package/dist/esm/helpers/utils.js.map +0 -1
  249. package/dist/esm/hooks/useAutoFocus.js +0 -76
  250. package/dist/esm/hooks/useAutoFocus.js.map +0 -1
  251. package/dist/esm/hooks/useCloneThroughFragments.js +0 -26
  252. package/dist/esm/hooks/useCloneThroughFragments.js.map +0 -1
  253. package/dist/esm/hooks/useCombinedRefs.js +0 -25
  254. package/dist/esm/hooks/useCombinedRefs.js.map +0 -1
  255. package/dist/esm/hooks/useComponentTooltip.js +0 -28
  256. package/dist/esm/hooks/useComponentTooltip.js.map +0 -1
  257. package/dist/esm/hooks/useFocusTrap.js +0 -115
  258. package/dist/esm/hooks/useFocusTrap.js.map +0 -1
  259. package/dist/esm/hooks/useLatestZIndex.js +0 -10
  260. package/dist/esm/hooks/useLatestZIndex.js.map +0 -1
  261. package/dist/esm/hooks/useOutsideClick.js +0 -17
  262. package/dist/esm/hooks/useOutsideClick.js.map +0 -1
  263. package/dist/esm/hooks/usePaging.js +0 -92
  264. package/dist/esm/hooks/usePaging.js.map +0 -1
  265. package/dist/esm/hooks/useQueryWithDelay.js +0 -19
  266. package/dist/esm/hooks/useQueryWithDelay.js.map +0 -1
  267. package/dist/esm/hooks/useReqore.js +0 -10
  268. package/dist/esm/hooks/useReqore.js.map +0 -1
  269. package/dist/esm/hooks/useReqoreContext.js +0 -12
  270. package/dist/esm/hooks/useReqoreContext.js.map +0 -1
  271. package/dist/esm/hooks/useReqoreEffect.js +0 -21
  272. package/dist/esm/hooks/useReqoreEffect.js.map +0 -1
  273. package/dist/esm/hooks/useTextareaAutoSize.js +0 -16
  274. package/dist/esm/hooks/useTextareaAutoSize.js.map +0 -1
  275. package/dist/esm/hooks/useTheme.js +0 -39
  276. package/dist/esm/hooks/useTheme.js.map +0 -1
  277. package/dist/esm/hooks/useWhyDidYouUpdate.js +0 -32
  278. package/dist/esm/hooks/useWhyDidYouUpdate.js.map +0 -1
  279. package/dist/esm/index.js +0 -92
  280. package/dist/esm/index.js.map +0 -1
  281. package/dist/esm/styles.js +0 -122
  282. package/dist/esm/styles.js.map +0 -1
  283. package/dist/esm/types/global.js +0 -2
  284. package/dist/esm/types/global.js.map +0 -1
  285. package/dist/esm/types/icons.js +0 -2
  286. package/dist/esm/types/icons.js.map +0 -1
  287. package/tsconfig.esm.json +0 -11
@@ -1,291 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { forwardRef, memo, useCallback, useLayoutEffect, useMemo, useRef, useState, } from 'react';
3
- import { useMeasure, useUpdateEffect } from 'react-use';
4
- import styled, { css } from 'styled-components';
5
- import { CONTROL_HORIZONTAL_PADDING_FROM_SIZE, CONTROL_TEXT_FROM_SIZE, ICON_FROM_SIZE, PADDING_FROM_SIZE, PILL_RADIUS_MODIFIER, RADIUS_FROM_SIZE, } from '../../constants/sizes';
6
- import { changeLightness, getReadableColorFrom } from '../../helpers/colors';
7
- import { calculateStringSizeInPixels } from '../../helpers/utils';
8
- import { useReqoreProperty } from '../../hooks/useReqoreContext';
9
- import { useReqoreTheme } from '../../hooks/useTheme';
10
- import ReqoreButton from '../Button';
11
- import ReqoreMenu from '../Menu';
12
- import ReqoreMenuItem from '../Menu/item';
13
- import { ReqorePopover } from '../Popover';
14
- const CONTAINER_PADDING = 3;
15
- const StyledSegmentedControl = styled.div `
16
- display: inline-flex;
17
- align-items: center;
18
- position: relative;
19
- box-sizing: border-box;
20
- padding: ${CONTAINER_PADDING}px;
21
- background-color: ${({ theme }) => changeLightness(theme.main, 0.03)};
22
- border: ${({ theme, flat }) => !flat ? `1px solid ${changeLightness(theme.main, 0.07)}` : 'none'};
23
- border-radius: ${({ size, pill }) => `${RADIUS_FROM_SIZE[size] * (pill ? PILL_RADIUS_MODIFIER : 1) + 1}px`};
24
- width: ${({ fluid }) => (fluid ? '100%' : undefined)};
25
- overflow: hidden;
26
- gap: 0;
27
-
28
- ${({ disabled }) => disabled &&
29
- css `
30
- opacity: 0.5;
31
- pointer-events: none;
32
- `}
33
- `;
34
- const StyledSegmentedControlIndicator = styled.div `
35
- position: absolute;
36
- top: ${CONTAINER_PADDING}px;
37
- bottom: ${CONTAINER_PADDING}px;
38
- left: 0;
39
- background-color: ${({ theme }) => theme.main};
40
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
41
- border-radius: ${({ size, pill }) => `${RADIUS_FROM_SIZE[size] * (pill ? PILL_RADIUS_MODIFIER : 1)}px`};
42
- z-index: 0;
43
- pointer-events: none;
44
-
45
- ${({ animate }) => animate
46
- ? css `
47
- transition: transform 0.2s ease-out, width 0.2s ease-out;
48
- `
49
- : undefined}
50
- `;
51
- const StyledItemWrapper = styled.div `
52
- position: relative;
53
- z-index: 1;
54
- display: flex;
55
- flex: ${({ fluid }) => (fluid ? '1 1 0' : '0 0 auto')};
56
-
57
- &::after {
58
- content: '';
59
- position: absolute;
60
- right: 0;
61
- top: 20%;
62
- height: 60%;
63
- width: 1px;
64
- background-color: ${({ theme }) => changeLightness(theme.main, 0.1)};
65
- transition: opacity 0.15s ease-out;
66
- opacity: ${({ isSelected, isBeforeSelected, isLast }) => isSelected || isBeforeSelected || isLast ? 0 : 1};
67
- }
68
- `;
69
- /**
70
- * Estimate the pixel width of a segment item based on its content.
71
- * Same approach as Tabs: calculates width from label text size, icons, badges, and padding.
72
- */
73
- const estimateItemWidth = (item, itemSize = 'normal') => {
74
- const hPad = CONTROL_HORIZONTAL_PADDING_FROM_SIZE[itemSize];
75
- let width = hPad * 2;
76
- if (item.label) {
77
- width += calculateStringSizeInPixels(item.label.toString(), CONTROL_TEXT_FROM_SIZE[itemSize]);
78
- }
79
- if (item.icon) {
80
- width += ICON_FROM_SIZE[itemSize] + PADDING_FROM_SIZE[itemSize] / 2;
81
- }
82
- if (item.rightIcon) {
83
- width += ICON_FROM_SIZE[itemSize] + PADDING_FROM_SIZE[itemSize] / 2;
84
- }
85
- return width;
86
- };
87
- /**
88
- * Calculate the total estimated width of all items including gaps.
89
- * Mirrors the Tabs `getTabsLength` approach.
90
- */
91
- const getItemsLength = (items, itemSize = 'normal', selectedValue) => items.reduce((len, item) => {
92
- if (Array.isArray(item)) {
93
- // "More" group — estimate the More button width
94
- const isSelectedHidden = item.some((i) => i.value === selectedValue);
95
- const moreLabel = isSelectedHidden
96
- ? item.find((i) => i.value === selectedValue)?.label ?? 'More'
97
- : 'More';
98
- const hPad = CONTROL_HORIZONTAL_PADDING_FROM_SIZE[itemSize];
99
- const iconWidth = ICON_FROM_SIZE[itemSize] + PADDING_FROM_SIZE[itemSize] / 2;
100
- const labelWidth = calculateStringSizeInPixels(moreLabel.toString(), CONTROL_TEXT_FROM_SIZE[itemSize]);
101
- return len + hPad * 2 + iconWidth + labelWidth;
102
- }
103
- return len + estimateItemWidth(item, itemSize);
104
- }, 0);
105
- /**
106
- * Progressively move items from the end into a "More" group array until
107
- * the total estimated width fits within the available space.
108
- * Same algorithm as Tabs `getTransformedItems`.
109
- */
110
- const getTransformedItems = (items, availableWidth, itemSize = 'normal', selectedValue) => {
111
- if (!availableWidth) {
112
- return items;
113
- }
114
- let newItems = [...items];
115
- while (getItemsLength(newItems, itemSize, selectedValue) > availableWidth &&
116
- newItems.length > 1) {
117
- const last = newItems[newItems.length - 1];
118
- if (Array.isArray(last)) {
119
- // Already have a More group — prepend the second-to-last item into it
120
- last.unshift(newItems[newItems.length - 2]);
121
- newItems[newItems.length - 2] = undefined;
122
- }
123
- else {
124
- // Convert last item into a More group
125
- newItems[newItems.length - 1] = [last];
126
- }
127
- newItems = newItems.filter((i) => i);
128
- }
129
- return newItems.filter((i) => i);
130
- };
131
- const ReqoreSegmentedControl = memo(forwardRef(({ items, value, defaultValue, onChange, size = 'normal', flat, pill, allowDeselect, activeIntent, disabled, readOnly, intent, customTheme, inheritCustomTheme, fluid, className, _testWidth, ...rest }, ref) => {
132
- const animations = useReqoreProperty('animations');
133
- const theme = useReqoreTheme('main', customTheme, intent, undefined, inheritCustomTheme);
134
- const [_value, _setValue] = useState(value ?? defaultValue ?? items[0]?.value);
135
- const itemRefs = useRef({});
136
- const wrapperRefs = useRef({});
137
- const containerRef = useRef(null);
138
- const [measureRef, { width: measuredWidth }] = useMeasure();
139
- const [indicatorStyle, setIndicatorStyle] = useState({ left: 0, width: 0 });
140
- // Only constrain width when fluid (container has fixed width from parent)
141
- // or when _testWidth is explicitly provided for testing.
142
- // Non-fluid containers grow to fit their content, so overflow never applies.
143
- const availableWidth = _testWidth || (fluid ? measuredWidth : 0);
144
- // Sync controlled value
145
- useUpdateEffect(() => {
146
- if (value !== undefined) {
147
- _setValue(value);
148
- }
149
- }, [value]);
150
- // Transform items using the Tabs-style width estimation approach
151
- const transformedItems = useMemo(() => getTransformedItems(items, availableWidth, size, _value), [items, availableWidth, size, _value]);
152
- // Split into visible items and hidden items (the More group)
153
- const visibleItems = useMemo(() => transformedItems.filter((item) => !Array.isArray(item)), [transformedItems]);
154
- const hiddenItems = useMemo(() => {
155
- const moreGroup = transformedItems.find((item) => Array.isArray(item));
156
- return moreGroup || [];
157
- }, [transformedItems]);
158
- const hasOverflow = hiddenItems.length > 0;
159
- // Is the selected value hidden in the "More" dropdown?
160
- const isSelectedHidden = useMemo(() => hasOverflow && _value
161
- ? hiddenItems.some((item) => item.value === _value)
162
- : false, [hasOverflow, _value, hiddenItems]);
163
- // Get the label for the "More" button
164
- const moreLabel = useMemo(() => {
165
- if (isSelectedHidden) {
166
- const hidden = hiddenItems.find((item) => item.value === _value);
167
- return hidden?.label ?? 'More';
168
- }
169
- return 'More';
170
- }, [isSelectedHidden, hiddenItems, _value]);
171
- // Calculate indicator position
172
- useLayoutEffect(() => {
173
- if (!_value || isSelectedHidden) {
174
- return;
175
- }
176
- const selectedWrapper = wrapperRefs.current[_value];
177
- const container = containerRef.current;
178
- if (selectedWrapper && container) {
179
- const containerRect = container.getBoundingClientRect();
180
- const itemRect = selectedWrapper.getBoundingClientRect();
181
- setIndicatorStyle({
182
- left: itemRect.left - containerRect.left,
183
- width: itemRect.width,
184
- });
185
- }
186
- }, [_value, items, isSelectedHidden, visibleItems, measuredWidth]);
187
- const handleSelect = useCallback((itemValue) => {
188
- if (disabled || readOnly) {
189
- return;
190
- }
191
- if (allowDeselect && itemValue === _value) {
192
- _setValue(undefined);
193
- onChange?.(undefined);
194
- return;
195
- }
196
- _setValue(itemValue);
197
- onChange?.(itemValue);
198
- }, [_value, onChange, allowDeselect, disabled, readOnly]);
199
- const enabledItems = useMemo(() => items.filter((item) => !item.disabled), [items]);
200
- const handleKeyDown = useCallback((e) => {
201
- if (disabled || readOnly || enabledItems.length === 0) {
202
- return;
203
- }
204
- const currentIndex = enabledItems.findIndex((i) => i.value === _value);
205
- let nextIndex;
206
- switch (e.key) {
207
- case 'ArrowRight':
208
- case 'ArrowDown':
209
- nextIndex = (currentIndex + 1) % enabledItems.length;
210
- break;
211
- case 'ArrowLeft':
212
- case 'ArrowUp':
213
- nextIndex =
214
- (currentIndex - 1 + enabledItems.length) % enabledItems.length;
215
- break;
216
- case 'Home':
217
- nextIndex = 0;
218
- break;
219
- case 'End':
220
- nextIndex = enabledItems.length - 1;
221
- break;
222
- default:
223
- return;
224
- }
225
- e.preventDefault();
226
- const nextItem = enabledItems[nextIndex];
227
- handleSelect(nextItem.value);
228
- itemRefs.current[nextItem.value]?.focus();
229
- }, [enabledItems, _value, handleSelect, disabled, readOnly]);
230
- const selectedVisibleIndex = useMemo(() => visibleItems.findIndex((item) => item.value === _value), [visibleItems, _value]);
231
- if (!items || items.length === 0) {
232
- return null;
233
- }
234
- return (_jsxs(StyledSegmentedControl, { ...rest, ref: (node) => {
235
- containerRef.current =
236
- node;
237
- measureRef(node);
238
- if (typeof ref === 'function') {
239
- ref(node);
240
- }
241
- else if (ref) {
242
- ref.current =
243
- node;
244
- }
245
- }, theme: theme, size: size, flat: flat, pill: pill, fluid: fluid, disabled: disabled, role: 'radiogroup', onKeyDown: handleKeyDown, className: `${className || ''} reqore-segmented-control`, children: [_value && selectedVisibleIndex >= 0 && !isSelectedHidden && (_jsx(StyledSegmentedControlIndicator, { theme: theme, size: size, pill: pill, animate: animations.buttons !== false, style: {
246
- transform: `translateX(${indicatorStyle.left - CONTAINER_PADDING}px)`,
247
- width: `${indicatorStyle.width}px`,
248
- } })), visibleItems.map((item, index) => {
249
- const isSelected = item.value === _value;
250
- const isBeforeSelected = index === selectedVisibleIndex - 1;
251
- const isLastVisible = index === visibleItems.length - 1 && !hasOverflow;
252
- const itemDisabled = disabled || item.disabled;
253
- const selectedItemIntent = item.activeIntent || activeIntent;
254
- return (_jsx(StyledItemWrapper, { ref: (el) => {
255
- wrapperRefs.current[item.value] = el;
256
- }, isSelected: isSelected, isBeforeSelected: isBeforeSelected, isLast: isLastVisible, theme: theme, fluid: fluid, children: _jsx(ReqoreButton, { ref: (el) => {
257
- itemRefs.current[item.value] = el;
258
- }, flat: true, transparent: true, icon: item.icon, rightIcon: item.rightIcon, badge: item.badge, tooltip: item.tooltip, disabled: itemDisabled, effect: item.effect, size: size, fluid: fluid, intent: isSelected && selectedItemIntent
259
- ? selectedItemIntent
260
- : undefined, customTheme: isSelected && !selectedItemIntent
261
- ? {
262
- main: getReadableColorFrom(theme.main),
263
- }
264
- : customTheme, onClick: () => handleSelect(item.value), role: 'radio', "aria-checked": isSelected, tabIndex: isSelected
265
- ? 0
266
- : selectedVisibleIndex < 0 && index === 0
267
- ? 0
268
- : -1, className: 'reqore-segmented-control-item', pill: pill, children: item.label }) }, item.value));
269
- }), hasOverflow && (_jsx(StyledItemWrapper, { isSelected: false, isBeforeSelected: false, isLast: true, theme: theme, fluid: fluid, children: _jsx(ReqorePopover, { component: ReqoreButton, componentProps: {
270
- icon: 'ArrowDownSLine',
271
- flat: true,
272
- transparent: true,
273
- size,
274
- pill,
275
- fluid,
276
- active: isSelectedHidden,
277
- intent: isSelectedHidden ? activeIntent : undefined,
278
- customTheme: isSelectedHidden
279
- ? { main: getReadableColorFrom(theme.main) }
280
- : customTheme,
281
- className: 'reqore-segmented-control-item reqore-segmented-control-more',
282
- label: moreLabel,
283
- }, closeOnOutsideClick: true, isReqoreComponent: true, noWrapper: true, handler: 'hoverStay', content: _jsx(ReqoreMenu, { customTheme: customTheme, children: hiddenItems.map((overflowItem) => (_jsx(ReqoreMenuItem, { icon: overflowItem.icon, rightIcon: overflowItem.rightIcon, disabled: overflowItem.disabled, selected: overflowItem.value === _value, intent: overflowItem.value === _value
284
- ? overflowItem.activeIntent || activeIntent
285
- : undefined, onClick: (_event, _itemId, closePopover) => {
286
- handleSelect(overflowItem.value);
287
- closePopover?.();
288
- }, children: overflowItem.label }, overflowItem.value))) }) }) }, '__more__'))] }));
289
- }));
290
- export default ReqoreSegmentedControl;
291
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"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"}
@@ -1,106 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { rgba } from 'polished';
3
- import { forwardRef, memo, useMemo } from 'react';
4
- import styled, { css } from 'styled-components';
5
- import { PADDING_FROM_SIZE, RADIUS_FROM_SIZE } from '../../constants/sizes';
6
- import { changeLightness, getMainBackgroundColor, getReadableColor } from '../../helpers/colors';
7
- import { getOneLessSize, resolvePadding } from '../../helpers/utils';
8
- import { useReqoreTheme } from '../../hooks/useTheme';
9
- import { DisabledElement, RaisedElement } from '../../styles';
10
- import ReqoreButton, { ButtonBadge } from '../Button';
11
- import ReqoreControlGroup from '../ControlGroup';
12
- import { StyledEffect } from '../Effect';
13
- import { ReqoreP } from '../Paragraph';
14
- import { ReqoreSpan } from '../Span';
15
- import { ReqoreTooltipComponent } from '../TooltipComponent';
16
- const stripColorFor = (theme, intent) => intent ? theme.intents[intent] : changeLightness(getMainBackgroundColor(theme), 0.16);
17
- const tintedBgFor = (theme, intent) => intent
18
- ? rgba(theme.intents[intent], 0.06)
19
- : rgba(changeLightness(getMainBackgroundColor(theme), 0.04), 1);
20
- const StyledRow = styled(StyledEffect) `
21
- display: grid;
22
- grid-template-columns: 4px 1fr auto;
23
- gap: ${({ size }) => PADDING_FROM_SIZE[size] * 2}px;
24
- padding: ${({ $padded, $paddingSize }) => resolvePadding({
25
- padded: $padded,
26
- paddingSize: $paddingSize,
27
- verticalMultiplier: 2,
28
- horizontalMultiplier: 3,
29
- })};
30
- border-radius: ${({ rounded, size }) => (rounded ? `${RADIUS_FROM_SIZE[size]}px` : '0')};
31
- background-color: ${({ theme, $intent, $transparent }) => $transparent ? 'transparent' : tintedBgFor(theme, $intent)};
32
- border: ${({ flat, theme, $intent }) => flat
33
- ? 'none'
34
- : `1px solid ${changeLightness($intent ? theme.intents[$intent] : getMainBackgroundColor(theme), 0.08)}`};
35
- align-items: center;
36
- width: ${({ $fluid }) => ($fluid ? '100%' : 'auto')};
37
- color: ${({ theme }) => getReadableColor(theme, undefined, undefined, true)};
38
- transition: background-color 0.15s ease-out;
39
-
40
- ${({ $clickable, theme, $intent, $transparent }) => $clickable &&
41
- css `
42
- cursor: pointer;
43
- &:hover {
44
- background-color: ${$intent
45
- ? rgba(theme.intents[$intent], $transparent ? 0.04 : 0.1)
46
- : $transparent
47
- ? rgba(changeLightness(getMainBackgroundColor(theme), 0.08), 0.08)
48
- : rgba(changeLightness(getMainBackgroundColor(theme), 0.08), 1)};
49
- }
50
- `}
51
-
52
- ${({ $raised, flat }) => $raised && flat !== false && RaisedElement}
53
-
54
- ${({ disabled }) => disabled && DisabledElement}
55
- `;
56
- const StyledStrip = styled.div `
57
- align-self: stretch;
58
- border-radius: 2px;
59
- background-color: ${({ theme, $intent }) => stripColorFor(theme, $intent)};
60
- // Subtle glow matching the strip colour — same pattern as FeatureCard's
61
- // line marker. Pulls focus to the row without using a heavier border.
62
- box-shadow: 0 0 22px ${({ theme, $intent }) => rgba(stripColorFor(theme, $intent), 0.3)};
63
- `;
64
- const StyledBody = styled.div `
65
- display: flex;
66
- flex-flow: column;
67
- gap: 4px;
68
- min-width: 0;
69
- `;
70
- const StyledLabelLine = styled.div `
71
- display: flex;
72
- align-items: center;
73
- gap: 8px;
74
- flex-wrap: ${({ $wrap }) => ($wrap ? 'wrap' : 'nowrap')};
75
- min-width: 0;
76
- font-weight: 500;
77
- `;
78
- // `text-overflow: ellipsis` only works on the actual text-bearing element,
79
- // not its wrapper. Cascade the ellipsis CSS into the child <ReqoreP>/<ReqoreSpan>
80
- // so the `…` glyph actually appears, while keeping the wrapper itself a flex
81
- // item that can shrink (`min-width: 0; flex: 1 1 auto`) inside its parent.
82
- const StyledTextSlot = styled.div `
83
- min-width: 0;
84
- ${({ $wrap }) => !$wrap &&
85
- css `
86
- flex: 1 1 auto;
87
- overflow: hidden;
88
-
89
- & > * {
90
- overflow: hidden;
91
- text-overflow: ellipsis;
92
- white-space: nowrap;
93
- display: block;
94
- max-width: 100%;
95
- }
96
- `}
97
- `;
98
- const ReqoreSeverityRow = memo(forwardRef(({ label, description, leading, badge, actions, intent, transparent = false, showStrip = true, size = 'normal', flat = true, fluid = true, rounded = true, raised, customTheme, inheritCustomTheme, disabled, tooltip, effect, labelEffect, descriptionEffect, wrap = true, padded = true, paddingSize, className, ...rest }, ref) => {
99
- const theme = useReqoreTheme('main', customTheme, undefined, undefined, inheritCustomTheme);
100
- const secondarySize = useMemo(() => getOneLessSize(size), [size]);
101
- const interactive = !!(rest.onClick || rest.onDoubleClick);
102
- const hasBadge = badge !== undefined && badge !== null;
103
- return (_jsxs(ReqoreTooltipComponent, { ...rest, Component: StyledRow, tooltip: tooltip, ref: ref, theme: theme, "$intent": intent, "$transparent": transparent, size: size, "$fluid": fluid, flat: flat, rounded: rounded, "$raised": raised, "$clickable": interactive, "$padded": padded, "$paddingSize": paddingSize ?? size, disabled: disabled, effect: effect, className: `${className || ''} reqore-severity-row`, children: [showStrip ? (_jsx(StyledStrip, { theme: theme, "$intent": intent, className: 'reqore-severity-row-strip', "aria-hidden": true })) : (_jsx("span", { "aria-hidden": true, style: { width: 4 } })), _jsxs(StyledBody, { className: 'reqore-severity-row-body', children: [_jsxs(StyledLabelLine, { "$wrap": wrap, className: 'reqore-severity-row-label', children: [leading, _jsx(StyledTextSlot, { "$wrap": wrap, children: _jsx(ReqoreSpan, { size: size, effect: labelEffect, children: label }) }), hasBadge && (_jsx(ButtonBadge, { size: size, content: badge, margin: 'none' }))] }), description && (_jsx(StyledTextSlot, { "$wrap": wrap, children: _jsx(ReqoreP, { size: secondarySize, effect: { opacity: 0.6, ...descriptionEffect }, className: 'reqore-severity-row-description', children: description }) }))] }), actions && actions.length > 0 && (_jsx(ReqoreControlGroup, { gapSize: 'small', className: 'reqore-severity-row-actions', children: actions.map((action, idx) => (_jsx(ReqoreButton, { size: size, intent: action.intent ?? intent, ...action, children: action.label }, idx))) }))] }));
104
- }));
105
- export default ReqoreSeverityRow;
106
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SeverityRow/index.tsx"],"names":[],"mappings":"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"}
@@ -1,28 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
2
- import styled, { css, keyframes } from 'styled-components';
3
- import { RADIUS_FROM_SIZE, SIZE_TO_PX } from '../../constants/sizes';
4
- export const StyledSkeletonAnimation = keyframes `
5
- 0% {
6
- opacity: 0.5;
7
- }
8
- 100% {
9
- opacity: 1;
10
- }
11
- `;
12
- export const StyledSkeleton = styled.div `
13
- ${({ $size, $width, $height, $circle, theme }) => css `
14
- background-color: ${theme.intents.muted};
15
- border-radius: ${$circle ? '99999' : RADIUS_FROM_SIZE[$size]}px;
16
- height: ${$height || `${SIZE_TO_PX[$size]}px`};
17
- width: ${$width || `${SIZE_TO_PX[$size]}px`};
18
-
19
- animation: ${StyledSkeletonAnimation} 0.75s infinite alternate;
20
- `}
21
- `;
22
- export const ReqoreSkeleton = ({ size = 'normal', width, height, circle, lines, }) => {
23
- if (lines) {
24
- return (_jsx(_Fragment, { children: Array.from({ length: lines }).map((_, i) => (_jsx(StyledSkeleton, { "$size": size, "$width": width, "$height": height, "$circle": circle }, i))) }));
25
- }
26
- return _jsx(StyledSkeleton, { "$size": size, "$width": width, "$height": height, "$circle": circle });
27
- };
28
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIrE,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAA;;;;;;;CAO/C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;IACpC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAwB,EAAE,EAAE,CAAC,GAAG,CAAA;wBACrD,KAAK,CAAC,OAAO,CAAC,KAAK;qBACtB,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC;cAClD,OAAO,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI;aACpC,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI;;iBAE9B,uBAAuB;GACrC;CACF,CAAC;AAmBF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,GACgB,EAAE,EAAE;IACzB,IAAI,KAAK,EAAE;QACT,OAAO,CACL,4BACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3C,KAAC,cAAc,aAAgB,IAAI,YAAU,KAAK,aAAW,MAAM,aAAW,MAAM,IAA/D,CAAC,CAAkE,CACzF,CAAC,GACD,CACJ,CAAC;KACH;IAED,OAAO,KAAC,cAAc,aAAQ,IAAI,YAAU,KAAK,aAAW,MAAM,aAAW,MAAM,GAAI,CAAC;AAC1F,CAAC,CAAC"}
@@ -1,176 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import * as Slider from '@radix-ui/react-slider';
3
- import { forwardRef, memo, useCallback, useMemo } from 'react';
4
- import styled, { css } from 'styled-components';
5
- import { HALF_PADDING_FROM_SIZE, ICON_FROM_SIZE } from '../../constants/sizes';
6
- import { changeLightness, getReadableColor } from '../../helpers/colors';
7
- import { useReqoreTheme } from '../../hooks/useTheme';
8
- import ReqoreControlGroup from '../ControlGroup';
9
- import { StyledEffect } from '../Effect';
10
- import ReqoreIcon from '../Icon';
11
- import { ReqoreP } from '../Paragraph';
12
- import ReqoreTag from '../Tag';
13
- import { ReqoreTooltipComponent } from '../TooltipComponent';
14
- const StyledControlGroupWrapper = styled(ReqoreControlGroup) `
15
- &[data-orientation='horizontal'] {
16
- &[data-fluid='false'] {
17
- max-width: 200px;
18
- min-width: 200px;
19
- }
20
- }
21
- &[data-orientation='vertical'] {
22
- &[data-fluid='false'] {
23
- max-height: 200px;
24
- }
25
- }
26
- `;
27
- const StyledTrack = styled(Slider.Track) `
28
- background-color: ${(props) => props.background};
29
- position: relative;
30
- border-radius: 9999px;
31
- `;
32
- const StyledRange = styled(Slider.Range) `
33
- position: absolute;
34
- background-color: ${(props) => props.background};
35
- border-radius: 9999px;
36
- `;
37
- const StyledThumb = styled(Slider.Thumb) `
38
- display: block;
39
- background-color: ${(props) => props.background};
40
- border-radius: 9999px;
41
- transition: all 0.2s ease-out;
42
-
43
- &:focus {
44
- box-shadow: 0 0 0 8px ${(props) => props.background}15;
45
- outline: none;
46
- }
47
- `;
48
- const StyledRoot = styled(Slider.Root) `
49
- position: relative;
50
- display: inline-flex;
51
- align-items: center;
52
- cursor: pointer;
53
- flex-grow: 1;
54
-
55
- &[aria-disabled='true'] {
56
- opacity: 0.5;
57
- cursor: not-allowed;
58
- pointer-events: none;
59
- }
60
-
61
- ${({ 'data-size': size }) => css `
62
- ${StyledThumb} {
63
- width: ${ICON_FROM_SIZE[size]}px;
64
- height: ${ICON_FROM_SIZE[size]}px;
65
- min-width: ${ICON_FROM_SIZE[size]}px;
66
- }
67
- `}
68
-
69
- &[data-orientation='horizontal'] {
70
- width: 100%;
71
-
72
- ${({ 'data-size': size }) => css `
73
- height: ${ICON_FROM_SIZE[size]}px;
74
-
75
- ${StyledTrack} {
76
- height: ${HALF_PADDING_FROM_SIZE[size]}px;
77
- }
78
- `}
79
-
80
- ${StyledTrack} {
81
- flex-grow: 1;
82
- }
83
- ${StyledRange} {
84
- height: 100%;
85
- }
86
- }
87
-
88
- &[data-orientation='vertical'] {
89
- flex-direction: column;
90
- justify-content: center;
91
- height: 200px;
92
-
93
- ${({ 'data-size': size }) => css `
94
- width: ${ICON_FROM_SIZE[size]}px;
95
-
96
- ${StyledTrack} {
97
- width: ${HALF_PADDING_FROM_SIZE[size]}px;
98
- }
99
- `}
100
-
101
- ${StyledTrack} {
102
- flex-grow: 1;
103
- }
104
- ${StyledRange} {
105
- width: 100%;
106
- }
107
- }
108
- `;
109
- const StyledCurrentValue = styled(ReqoreTag) `
110
- position: absolute;
111
- ${({ position, isAboveThreshold, isBelowThreshold }) => css `
112
- ${position}: ${isAboveThreshold || isBelowThreshold ? '-5px' : '-35px'};
113
- ${position === 'left' || position === 'right' ? 'top' : 'left'}: 50%;
114
- transform: ${position === 'left' || position === 'right'
115
- ? 'translateY(-50%)'
116
- : 'translateX(-50%)'};
117
- `}
118
- `;
119
- const SliderRootWrapper = styled(ReqoreControlGroup) `
120
- align-items: center;
121
- flex-grow: 1;
122
- width: 100%;
123
- `;
124
- export const ReqoreSlider = memo(forwardRef(({ value, onChange, step = 0.1, orientation = 'horizontal', fluid = true, showLabels, icon, iconColor, iconProps, rightIcon, rightIconColor, rightIconProps, customTheme, intent, effect, trackProps, rangeProps, thumbProps, minLabelProps, maxLabelProps, size = 'normal', wrapperProps, labelsPosition = 'top', tooltip, currentMaxLabelProps, currentMinLabelProps, displayCurrentValueOverThumb, ...props }, ref) => {
125
- const theme = useReqoreTheme('main', customTheme, intent);
126
- const background = intent
127
- ? changeLightness(theme.main, 0.2)
128
- : getReadableColor(theme, undefined, undefined, true);
129
- const trackBackground = intent
130
- ? changeLightness(theme.main, 0.05)
131
- : changeLightness(theme.main, 0.2);
132
- const isRange = Array.isArray(value);
133
- const renderLabels = useCallback(() => {
134
- if (!showLabels) {
135
- return null;
136
- }
137
- return (_jsxs(ReqoreControlGroup, { fluid: true, spaceBetween: true, vertical: orientation === 'vertical', fill: true, children: [_jsxs(ReqoreControlGroup, { fixed: true, vertical: orientation === 'vertical', horizontalAlign: 'center', children: [icon && (_jsx(ReqoreIcon, { icon: icon, size: size, color: iconColor, intent: intent, ...iconProps })), props.min || props.min === 0 ? (_jsx(ReqoreP, { size: size, intent: intent, effect: effect, ...minLabelProps, children: props.min })) : null] }), _jsxs(ReqoreControlGroup, { fixed: true, vertical: orientation === 'vertical', horizontalAlign: 'center', children: [props.max || props.max === 0 ? (_jsx(ReqoreP, { size: size, intent: intent, effect: effect, ...maxLabelProps, children: props.max })) : null, rightIcon && (_jsx(ReqoreIcon, { icon: rightIcon, size: size, color: rightIconColor, intent: intent, ...rightIconProps }))] })] }));
138
- }, [
139
- icon,
140
- rightIcon,
141
- iconProps,
142
- rightIconProps,
143
- minLabelProps,
144
- maxLabelProps,
145
- size,
146
- intent,
147
- props.min,
148
- props.max,
149
- showLabels,
150
- orientation,
151
- effect,
152
- ]);
153
- const currentValuePosition = useMemo(() => {
154
- return orientation === 'horizontal'
155
- ? labelsPosition === 'top'
156
- ? 'top'
157
- : 'bottom'
158
- : labelsPosition === 'top'
159
- ? 'left'
160
- : 'right';
161
- }, [orientation, labelsPosition]);
162
- const isMinValueBelowThreshold = useMemo(() => {
163
- const _value = isRange ? value[0] : value;
164
- return _value < props.min + step * 5;
165
- }, [value, props.min]);
166
- const isMaxValueAboveThreshold = useMemo(() => {
167
- if (!isRange)
168
- return false;
169
- const _value = value[1];
170
- return _value > props.max - step * 5;
171
- }, [value, props.max]);
172
- return (_jsxs(ReqoreTooltipComponent, { "data-orientation": orientation, "data-labels-position": labelsPosition, "data-fluid": fluid, fluid: fluid, vertical: orientation === 'horizontal', fill: true, gapSize: orientation === 'horizontal' ? 'big' : 'normal', ...wrapperProps, Component: StyledControlGroupWrapper, ref: ref, tooltip: tooltip, children: [labelsPosition === 'top' && renderLabels(), _jsx(SliderRootWrapper, { vertical: orientation === 'vertical', children: _jsxs(StyledRoot, { "data-size": size, orientation: orientation, minStepsBetweenThumbs: step, inverted: orientation === 'vertical', step: step, ...props, value: isRange ? value : [value], onValueChange: (values) => {
173
- onChange(isRange ? values : values[0]);
174
- }, children: [_jsx(StyledTrack, { background: trackBackground, asChild: true, children: _jsx(StyledEffect, { effect: effect, ...trackProps, children: _jsx(StyledRange, { background: background, asChild: true, children: _jsx(StyledEffect, { effect: effect, ...rangeProps }) }) }) }), _jsx(StyledThumb, { background: background, asChild: true, children: _jsx(StyledEffect, { effect: effect, ...thumbProps, children: showLabels && (_jsx(StyledCurrentValue, { size: size, effect: effect, intent: intent, position: currentValuePosition, label: isRange ? value[0] : value, isBelowThreshold: displayCurrentValueOverThumb || isMinValueBelowThreshold, ...currentMinLabelProps })) }) }), isRange && (_jsx(StyledThumb, { background: background, asChild: true, children: _jsx(StyledEffect, { effect: effect, ...thumbProps, children: showLabels && (_jsx(StyledCurrentValue, { size: size, effect: effect, intent: intent, position: currentValuePosition, isAboveThreshold: displayCurrentValueOverThumb || isMaxValueAboveThreshold, label: value[1], ...currentMaxLabelProps })) }) }))] }) }), labelsPosition === 'bottom' && renderLabels()] }));
175
- }));
176
- //# sourceMappingURL=index.js.map