@qoretechnologies/reqore 0.67.6 → 0.68.1

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 (280) hide show
  1. package/dist/components/DatePicker/index.d.ts +13 -1
  2. package/dist/components/DatePicker/index.d.ts.map +1 -1
  3. package/dist/components/DatePicker/index.js +79 -39
  4. package/dist/components/DatePicker/index.js.map +1 -1
  5. package/dist/components/DescriptionList/index.d.ts +119 -0
  6. package/dist/components/DescriptionList/index.d.ts.map +1 -0
  7. package/dist/components/DescriptionList/index.js +161 -0
  8. package/dist/components/DescriptionList/index.js.map +1 -0
  9. package/dist/components/Panel/index.d.ts.map +1 -1
  10. package/dist/components/Panel/index.js +1 -1
  11. package/dist/components/Panel/index.js.map +1 -1
  12. package/dist/constants/sizes.d.ts +9 -0
  13. package/dist/constants/sizes.d.ts.map +1 -1
  14. package/dist/constants/sizes.js +10 -1
  15. package/dist/constants/sizes.js.map +1 -1
  16. package/dist/esm/components/Accordion/index.js +142 -0
  17. package/dist/esm/components/Accordion/index.js.map +1 -0
  18. package/dist/esm/components/Breadcrumbs/index.js +122 -0
  19. package/dist/esm/components/Breadcrumbs/index.js.map +1 -0
  20. package/dist/esm/components/Breadcrumbs/item.js +14 -0
  21. package/dist/esm/components/Breadcrumbs/item.js.map +1 -0
  22. package/dist/esm/components/Button/index.js +315 -0
  23. package/dist/esm/components/Button/index.js.map +1 -0
  24. package/dist/esm/components/Callout/index.js +142 -0
  25. package/dist/esm/components/Callout/index.js.map +1 -0
  26. package/dist/esm/components/Checkbox/index.js +217 -0
  27. package/dist/esm/components/Checkbox/index.js.map +1 -0
  28. package/dist/esm/components/Collection/index.js +298 -0
  29. package/dist/esm/components/Collection/index.js.map +1 -0
  30. package/dist/esm/components/Collection/item.js +157 -0
  31. package/dist/esm/components/Collection/item.js.map +1 -0
  32. package/dist/esm/components/Columns/column.js +14 -0
  33. package/dist/esm/components/Columns/column.js.map +1 -0
  34. package/dist/esm/components/Columns/index.js +17 -0
  35. package/dist/esm/components/Columns/index.js.map +1 -0
  36. package/dist/esm/components/Comment/index.js +63 -0
  37. package/dist/esm/components/Comment/index.js.map +1 -0
  38. package/dist/esm/components/CommentFeed/index.js +17 -0
  39. package/dist/esm/components/CommentFeed/index.js.map +1 -0
  40. package/dist/esm/components/Content/index.js +16 -0
  41. package/dist/esm/components/Content/index.js.map +1 -0
  42. package/dist/esm/components/Content/wrapper.js +14 -0
  43. package/dist/esm/components/Content/wrapper.js.map +1 -0
  44. package/dist/esm/components/ControlGroup/index.js +351 -0
  45. package/dist/esm/components/ControlGroup/index.js.map +1 -0
  46. package/dist/esm/components/DatePicker/MonthYearDropdowns.js +30 -0
  47. package/dist/esm/components/DatePicker/MonthYearDropdowns.js.map +1 -0
  48. package/dist/esm/components/DatePicker/index.js +244 -0
  49. package/dist/esm/components/DatePicker/index.js.map +1 -0
  50. package/dist/esm/components/DescriptionList/index.js +132 -0
  51. package/dist/esm/components/DescriptionList/index.js.map +1 -0
  52. package/dist/esm/components/Drawer/backdrop.js +34 -0
  53. package/dist/esm/components/Drawer/backdrop.js.map +1 -0
  54. package/dist/esm/components/Drawer/index.js +286 -0
  55. package/dist/esm/components/Drawer/index.js.map +1 -0
  56. package/dist/esm/components/Dropdown/index.js +49 -0
  57. package/dist/esm/components/Dropdown/index.js.map +1 -0
  58. package/dist/esm/components/Dropdown/item.js +12 -0
  59. package/dist/esm/components/Dropdown/item.js.map +1 -0
  60. package/dist/esm/components/Dropdown/list.js +320 -0
  61. package/dist/esm/components/Dropdown/list.js.map +1 -0
  62. package/dist/esm/components/Effect/index.js +349 -0
  63. package/dist/esm/components/Effect/index.js.map +1 -0
  64. package/dist/esm/components/EmptyState/index.js +31 -0
  65. package/dist/esm/components/EmptyState/index.js.map +1 -0
  66. package/dist/esm/components/EntityRow/index.js +134 -0
  67. package/dist/esm/components/EntityRow/index.js.map +1 -0
  68. package/dist/esm/components/ErrorBoundary/index.js +57 -0
  69. package/dist/esm/components/ErrorBoundary/index.js.map +1 -0
  70. package/dist/esm/components/ExportModal/index.js +60 -0
  71. package/dist/esm/components/ExportModal/index.js.map +1 -0
  72. package/dist/esm/components/FeatureCard/index.js +139 -0
  73. package/dist/esm/components/FeatureCard/index.js.map +1 -0
  74. package/dist/esm/components/GlobalModalsWrapper/index.js +27 -0
  75. package/dist/esm/components/GlobalModalsWrapper/index.js.map +1 -0
  76. package/dist/esm/components/Header/index.js +55 -0
  77. package/dist/esm/components/Header/index.js.map +1 -0
  78. package/dist/esm/components/Icon/index.js +130 -0
  79. package/dist/esm/components/Icon/index.js.map +1 -0
  80. package/dist/esm/components/Input/index.js +136 -0
  81. package/dist/esm/components/Input/index.js.map +1 -0
  82. package/dist/esm/components/InputClearButton/index.js +32 -0
  83. package/dist/esm/components/InputClearButton/index.js.map +1 -0
  84. package/dist/esm/components/InternalPopover/index.js +244 -0
  85. package/dist/esm/components/InternalPopover/index.js.map +1 -0
  86. package/dist/esm/components/KeyValueTable/index.js +81 -0
  87. package/dist/esm/components/KeyValueTable/index.js.map +1 -0
  88. package/dist/esm/components/Label/index.js +7 -0
  89. package/dist/esm/components/Label/index.js.map +1 -0
  90. package/dist/esm/components/Layout/content.js +12 -0
  91. package/dist/esm/components/Layout/content.js.map +1 -0
  92. package/dist/esm/components/Layout/index.js +28 -0
  93. package/dist/esm/components/Layout/index.js.map +1 -0
  94. package/dist/esm/components/Menu/divider.js +41 -0
  95. package/dist/esm/components/Menu/divider.js.map +1 -0
  96. package/dist/esm/components/Menu/index.js +67 -0
  97. package/dist/esm/components/Menu/index.js.map +1 -0
  98. package/dist/esm/components/Menu/item.js +33 -0
  99. package/dist/esm/components/Menu/item.js.map +1 -0
  100. package/dist/esm/components/Menu/section.js +28 -0
  101. package/dist/esm/components/Menu/section.js.map +1 -0
  102. package/dist/esm/components/Message/index.js +52 -0
  103. package/dist/esm/components/Message/index.js.map +1 -0
  104. package/dist/esm/components/Modal/index.js +40 -0
  105. package/dist/esm/components/Modal/index.js.map +1 -0
  106. package/dist/esm/components/MultiSelect/index.js +146 -0
  107. package/dist/esm/components/MultiSelect/index.js.map +1 -0
  108. package/dist/esm/components/Navbar/divider.js +24 -0
  109. package/dist/esm/components/Navbar/divider.js.map +1 -0
  110. package/dist/esm/components/Navbar/group.js +27 -0
  111. package/dist/esm/components/Navbar/group.js.map +1 -0
  112. package/dist/esm/components/Navbar/index.js +39 -0
  113. package/dist/esm/components/Navbar/index.js.map +1 -0
  114. package/dist/esm/components/Navbar/item.js +51 -0
  115. package/dist/esm/components/Navbar/item.js.map +1 -0
  116. package/dist/esm/components/Notifications/index.js +28 -0
  117. package/dist/esm/components/Notifications/index.js.map +1 -0
  118. package/dist/esm/components/Notifications/notification.js +225 -0
  119. package/dist/esm/components/Notifications/notification.js.map +1 -0
  120. package/dist/esm/components/Paging/index.js +116 -0
  121. package/dist/esm/components/Paging/index.js.map +1 -0
  122. package/dist/esm/components/Panel/LabelEditor.js +33 -0
  123. package/dist/esm/components/Panel/LabelEditor.js.map +1 -0
  124. package/dist/esm/components/Panel/NonResponsiveActions.js +18 -0
  125. package/dist/esm/components/Panel/NonResponsiveActions.js.map +1 -0
  126. package/dist/esm/components/Panel/index.js +564 -0
  127. package/dist/esm/components/Panel/index.js.map +1 -0
  128. package/dist/esm/components/Panel/panel.screenshot.js +15 -0
  129. package/dist/esm/components/Panel/panel.screenshot.js.map +1 -0
  130. package/dist/esm/components/Paragraph/index.js +19 -0
  131. package/dist/esm/components/Paragraph/index.js.map +1 -0
  132. package/dist/esm/components/Popover/index.js +267 -0
  133. package/dist/esm/components/Popover/index.js.map +1 -0
  134. package/dist/esm/components/Progress/index.js +188 -0
  135. package/dist/esm/components/Progress/index.js.map +1 -0
  136. package/dist/esm/components/RadioGroup/index.js +9 -0
  137. package/dist/esm/components/RadioGroup/index.js.map +1 -0
  138. package/dist/esm/components/Rating/index.js +165 -0
  139. package/dist/esm/components/Rating/index.js.map +1 -0
  140. package/dist/esm/components/RichTextEditor/index.js +299 -0
  141. package/dist/esm/components/RichTextEditor/index.js.map +1 -0
  142. package/dist/esm/components/SegmentedControl/index.js +291 -0
  143. package/dist/esm/components/SegmentedControl/index.js.map +1 -0
  144. package/dist/esm/components/SeverityRow/index.js +106 -0
  145. package/dist/esm/components/SeverityRow/index.js.map +1 -0
  146. package/dist/esm/components/Skeleton/index.js +28 -0
  147. package/dist/esm/components/Skeleton/index.js.map +1 -0
  148. package/dist/esm/components/Slider/index.js +176 -0
  149. package/dist/esm/components/Slider/index.js.map +1 -0
  150. package/dist/esm/components/Spacer/index.js +96 -0
  151. package/dist/esm/components/Spacer/index.js.map +1 -0
  152. package/dist/esm/components/Span/index.js +18 -0
  153. package/dist/esm/components/Span/index.js.map +1 -0
  154. package/dist/esm/components/Spinner/index.js +14 -0
  155. package/dist/esm/components/Spinner/index.js.map +1 -0
  156. package/dist/esm/components/Statistic/index.js +166 -0
  157. package/dist/esm/components/Statistic/index.js.map +1 -0
  158. package/dist/esm/components/Table/body.js +72 -0
  159. package/dist/esm/components/Table/body.js.map +1 -0
  160. package/dist/esm/components/Table/cell.js +214 -0
  161. package/dist/esm/components/Table/cell.js.map +1 -0
  162. package/dist/esm/components/Table/header.js +158 -0
  163. package/dist/esm/components/Table/header.js.map +1 -0
  164. package/dist/esm/components/Table/headerCell.js +233 -0
  165. package/dist/esm/components/Table/headerCell.js.map +1 -0
  166. package/dist/esm/components/Table/helpers.js +285 -0
  167. package/dist/esm/components/Table/helpers.js.map +1 -0
  168. package/dist/esm/components/Table/index.js +472 -0
  169. package/dist/esm/components/Table/index.js.map +1 -0
  170. package/dist/esm/components/Table/row.js +176 -0
  171. package/dist/esm/components/Table/row.js.map +1 -0
  172. package/dist/esm/components/Table/value.js +19 -0
  173. package/dist/esm/components/Table/value.js.map +1 -0
  174. package/dist/esm/components/Tabs/content.js +23 -0
  175. package/dist/esm/components/Tabs/content.js.map +1 -0
  176. package/dist/esm/components/Tabs/index.js +44 -0
  177. package/dist/esm/components/Tabs/index.js.map +1 -0
  178. package/dist/esm/components/Tabs/item.js +122 -0
  179. package/dist/esm/components/Tabs/item.js.map +1 -0
  180. package/dist/esm/components/Tabs/list.js +208 -0
  181. package/dist/esm/components/Tabs/list.js.map +1 -0
  182. package/dist/esm/components/Tag/group.js +38 -0
  183. package/dist/esm/components/Tag/group.js.map +1 -0
  184. package/dist/esm/components/Tag/index.js +267 -0
  185. package/dist/esm/components/Tag/index.js.map +1 -0
  186. package/dist/esm/components/Testimonial/index.js +108 -0
  187. package/dist/esm/components/Testimonial/index.js.map +1 -0
  188. package/dist/esm/components/Textarea/index.js +135 -0
  189. package/dist/esm/components/Textarea/index.js.map +1 -0
  190. package/dist/esm/components/Tier/index.js +48 -0
  191. package/dist/esm/components/Tier/index.js.map +1 -0
  192. package/dist/esm/components/TimeAgo/index.js +19 -0
  193. package/dist/esm/components/TimeAgo/index.js.map +1 -0
  194. package/dist/esm/components/Timeline/index.js +271 -0
  195. package/dist/esm/components/Timeline/index.js.map +1 -0
  196. package/dist/esm/components/TooltipComponent/index.js +11 -0
  197. package/dist/esm/components/TooltipComponent/index.js.map +1 -0
  198. package/dist/esm/components/Tree/index.js +266 -0
  199. package/dist/esm/components/Tree/index.js.map +1 -0
  200. package/dist/esm/components/Tree/modal.js +30 -0
  201. package/dist/esm/components/Tree/modal.js.map +1 -0
  202. package/dist/esm/constants/animations.js +9 -0
  203. package/dist/esm/constants/animations.js.map +1 -0
  204. package/dist/esm/constants/colors.js +13 -0
  205. package/dist/esm/constants/colors.js.map +1 -0
  206. package/dist/esm/constants/paging.js +48 -0
  207. package/dist/esm/constants/paging.js.map +1 -0
  208. package/dist/esm/constants/sizes.js +363 -0
  209. package/dist/esm/constants/sizes.js.map +1 -0
  210. package/dist/esm/constants/theme.js +40 -0
  211. package/dist/esm/constants/theme.js.map +1 -0
  212. package/dist/esm/containers/Paging.js +29 -0
  213. package/dist/esm/containers/Paging.js.map +1 -0
  214. package/dist/esm/containers/ReqoreProvider.js +239 -0
  215. package/dist/esm/containers/ReqoreProvider.js.map +1 -0
  216. package/dist/esm/containers/ThemeProvider.js +11 -0
  217. package/dist/esm/containers/ThemeProvider.js.map +1 -0
  218. package/dist/esm/containers/UIProvider.js +53 -0
  219. package/dist/esm/containers/UIProvider.js.map +1 -0
  220. package/dist/esm/context/CustomThemeContext.js +4 -0
  221. package/dist/esm/context/CustomThemeContext.js.map +1 -0
  222. package/dist/esm/context/ReqoreContext.js +22 -0
  223. package/dist/esm/context/ReqoreContext.js.map +1 -0
  224. package/dist/esm/context/ThemeContext.js +4 -0
  225. package/dist/esm/context/ThemeContext.js.map +1 -0
  226. package/dist/esm/helpers/animations.js +13 -0
  227. package/dist/esm/helpers/animations.js.map +1 -0
  228. package/dist/esm/helpers/colors.js +240 -0
  229. package/dist/esm/helpers/colors.js.map +1 -0
  230. package/dist/esm/helpers/dates.js +52 -0
  231. package/dist/esm/helpers/dates.js.map +1 -0
  232. package/dist/esm/helpers/time.js +21 -0
  233. package/dist/esm/helpers/time.js.map +1 -0
  234. package/dist/esm/helpers/utils.js +174 -0
  235. package/dist/esm/helpers/utils.js.map +1 -0
  236. package/dist/esm/hooks/useAutoFocus.js +76 -0
  237. package/dist/esm/hooks/useAutoFocus.js.map +1 -0
  238. package/dist/esm/hooks/useCloneThroughFragments.js +26 -0
  239. package/dist/esm/hooks/useCloneThroughFragments.js.map +1 -0
  240. package/dist/esm/hooks/useCombinedRefs.js +25 -0
  241. package/dist/esm/hooks/useCombinedRefs.js.map +1 -0
  242. package/dist/esm/hooks/useComponentTooltip.js +28 -0
  243. package/dist/esm/hooks/useComponentTooltip.js.map +1 -0
  244. package/dist/esm/hooks/useFocusTrap.js +115 -0
  245. package/dist/esm/hooks/useFocusTrap.js.map +1 -0
  246. package/dist/esm/hooks/useLatestZIndex.js +10 -0
  247. package/dist/esm/hooks/useLatestZIndex.js.map +1 -0
  248. package/dist/esm/hooks/useOutsideClick.js +17 -0
  249. package/dist/esm/hooks/useOutsideClick.js.map +1 -0
  250. package/dist/esm/hooks/usePaging.js +92 -0
  251. package/dist/esm/hooks/usePaging.js.map +1 -0
  252. package/dist/esm/hooks/useQueryWithDelay.js +19 -0
  253. package/dist/esm/hooks/useQueryWithDelay.js.map +1 -0
  254. package/dist/esm/hooks/useReqore.js +10 -0
  255. package/dist/esm/hooks/useReqore.js.map +1 -0
  256. package/dist/esm/hooks/useReqoreContext.js +12 -0
  257. package/dist/esm/hooks/useReqoreContext.js.map +1 -0
  258. package/dist/esm/hooks/useReqoreEffect.js +21 -0
  259. package/dist/esm/hooks/useReqoreEffect.js.map +1 -0
  260. package/dist/esm/hooks/useTextareaAutoSize.js +16 -0
  261. package/dist/esm/hooks/useTextareaAutoSize.js.map +1 -0
  262. package/dist/esm/hooks/useTheme.js +39 -0
  263. package/dist/esm/hooks/useTheme.js.map +1 -0
  264. package/dist/esm/hooks/useWhyDidYouUpdate.js +32 -0
  265. package/dist/esm/hooks/useWhyDidYouUpdate.js.map +1 -0
  266. package/dist/esm/index.js +92 -0
  267. package/dist/esm/index.js.map +1 -0
  268. package/dist/esm/styles.js +122 -0
  269. package/dist/esm/styles.js.map +1 -0
  270. package/dist/esm/types/global.js +2 -0
  271. package/dist/esm/types/global.js.map +1 -0
  272. package/dist/esm/types/icons.js +2 -0
  273. package/dist/esm/types/icons.js.map +1 -0
  274. package/dist/index.d.ts +1 -0
  275. package/dist/index.d.ts.map +1 -1
  276. package/dist/index.js +5 -3
  277. package/dist/index.js.map +1 -1
  278. package/package.json +6 -2
  279. package/tests.json +1 -1
  280. package/tsconfig.esm.json +11 -0
@@ -0,0 +1,32 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { animated, useTransition } from '@react-spring/web';
3
+ import styled from 'styled-components';
4
+ import { SPRING_CONFIG } from '../../constants/animations';
5
+ import { SIZE_TO_PX } from '../../constants/sizes';
6
+ import ReqoreIcon from '../Icon';
7
+ export const StyledInputClearButton = styled(ReqoreIcon) `
8
+ position: absolute;
9
+ right: ${({ size, hasRightIcon }) => (hasRightIcon ? SIZE_TO_PX[size] : 0)}px;
10
+ top: 0;
11
+ justify-content: center;
12
+ align-items: center;
13
+ transition: all 0.1s ease-out;
14
+ cursor: pointer;
15
+
16
+ &:hover {
17
+ opacity: 1 !important;
18
+ }
19
+ `;
20
+ const ReqoreInputClearButton = ({ show, enabled, size = 'normal', ...rest }) => {
21
+ const transitions = useTransition(show && enabled, {
22
+ from: { opacity: 0, filter: 'blur(10px)' },
23
+ enter: { opacity: 0.5, filter: 'blur(0px)' },
24
+ leave: { opacity: 0, filter: 'blur(10px)' },
25
+ config: SPRING_CONFIG,
26
+ });
27
+ return transitions((styles, item) => item ? (_jsx(StyledInputClearButton, { ...rest, className: 'reqore-clear-input-button', icon: 'CloseLine', wrapperElement: animated.span, size: size, wrapperSize: SIZE_TO_PX[size], show: show, style: {
28
+ opacity: styles.opacity,
29
+ } })) : null);
30
+ };
31
+ export default ReqoreInputClearButton;
32
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,UAAU,MAAM,SAAS,CAAC;AAQjC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAoB;;WAEjE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;CAU3E,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACsB,EAAE,EAAE;IACjC,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,IAAI,OAAO,EAAE;QACjD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE;QAC1C,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE;QAC5C,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE;QAC3C,MAAM,EAAE,aAAa;KACtB,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,CAClC,IAAI,CAAC,CAAC,CAAC,CACL,KAAC,sBAAsB,OACjB,IAAI,EACR,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,WAAW,EAChB,cAAc,EAAE,QAAQ,CAAC,IAAI,EAC7B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,CAAC,OAAO;SACxB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
@@ -0,0 +1,244 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { cloneDeep, isString } from 'lodash';
3
+ import { rgba } from 'polished';
4
+ import React, { memo, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
5
+ import { createPortal } from 'react-dom';
6
+ import { usePopper } from 'react-popper';
7
+ import { useUnmount, useUpdateEffect } from 'react-use';
8
+ import styled, { css } from 'styled-components';
9
+ import { useReqoreProperty } from '../..';
10
+ import { RADIUS_FROM_SIZE } from '../../constants/sizes';
11
+ import ReqoreThemeProvider from '../../containers/ThemeProvider';
12
+ import { fadeIn } from '../../helpers/animations';
13
+ import { changeLightness, getColorFromMaybeString, getNotificationIntent, } from '../../helpers/colors';
14
+ import { getPrimaryGradient } from '../Effect';
15
+ import ReqoreMessage from '../Message';
16
+ const getPopoverArrowColor = ({ theme, dim, intent, flat, effect, isOpaque }) => {
17
+ const primary = getPrimaryGradient(effect?.gradient);
18
+ const primaryColorsRecord = primary && typeof primary.colors === 'object'
19
+ ? primary.colors
20
+ : undefined;
21
+ const primaryFirstColor = primaryColorsRecord
22
+ ? Object.values(primaryColorsRecord)[0]
23
+ : undefined;
24
+ return rgba(primary
25
+ ? changeLightness(getColorFromMaybeString(theme, primary.borderColor || primaryFirstColor), 0.04)
26
+ : intent
27
+ ? changeLightness(getNotificationIntent(theme, intent), flat ? 0.1 : 0.2)
28
+ : theme.popover?.main ||
29
+ rgba(changeLightness(flat ? theme.main : getNotificationIntent(theme, intent), flat ? 0.1 : 0.2), isOpaque ? 1 : 0.3), dim ? 0.3 : 1);
30
+ };
31
+ const StyledPopoverArrow = styled.div `
32
+ width: 10px;
33
+ height: 10px;
34
+ position: absolute;
35
+ z-index: -1;
36
+
37
+ &:before {
38
+ content: '';
39
+ display: block;
40
+ width: 0;
41
+ height: 0;
42
+ position: absolute;
43
+ z-index: -1;
44
+ }
45
+ `;
46
+ export const StyledPopoverWrapper = styled.div `
47
+ ${({ animate }) => animate &&
48
+ css `
49
+ animation: 0.2s ${fadeIn} ease-out;
50
+ `}
51
+
52
+ max-width: ${({ maxWidth }) => maxWidth};
53
+ min-width: ${({ minWidth }) => minWidth};
54
+ max-height: ${({ maxHeight }) => maxHeight};
55
+ z-index: 999999;
56
+ border-radius: ${RADIUS_FROM_SIZE.normal}px;
57
+ border: ${({ flat, noWrapper, ...rest }) => !flat && noWrapper ? `1px solid ${getPopoverArrowColor({ ...rest, flat })}` : undefined};
58
+
59
+ ${({ transparent }) => !transparent &&
60
+ css `
61
+ box-shadow: rgba(31, 26, 34, 0.7) 0px 0px 10px;
62
+ `}
63
+
64
+ &[data-popper-placement^='top'] > ${StyledPopoverArrow} {
65
+ bottom: -5px;
66
+
67
+ &:before {
68
+ border-left: 10px solid transparent;
69
+ border-right: 10px solid transparent;
70
+ border-top: 10px solid ${(props) => getPopoverArrowColor(props)};
71
+
72
+ top: 5px;
73
+ left: -5px;
74
+ }
75
+ }
76
+
77
+ &[data-popper-placement^='bottom'] > ${StyledPopoverArrow} {
78
+ top: -5px;
79
+
80
+ &:before {
81
+ border-left: 10px solid transparent;
82
+ border-right: 10px solid transparent;
83
+ border-bottom: 10px solid ${(props) => getPopoverArrowColor(props)};
84
+
85
+ top: -5px;
86
+ left: -5px;
87
+ }
88
+ }
89
+
90
+ &[data-popper-placement^='left'] > ${StyledPopoverArrow} {
91
+ right: -5px;
92
+
93
+ &:before {
94
+ border-top: 10px solid transparent;
95
+ border-bottom: 10px solid transparent;
96
+ border-left: 10px solid ${(props) => getPopoverArrowColor(props)};
97
+
98
+ top: -5px;
99
+ left: 5px;
100
+ }
101
+ }
102
+
103
+ &[data-popper-placement^='right'] > ${StyledPopoverArrow} {
104
+ left: -5px;
105
+
106
+ &:before {
107
+ border-top: 10px solid transparent;
108
+ border-bottom: 10px solid transparent;
109
+ border-right: 10px solid ${(props) => getPopoverArrowColor(props)};
110
+
111
+ top: -5px;
112
+ left: -5px;
113
+ }
114
+ }
115
+
116
+ &[data-popper-reference-hidden='true'] {
117
+ visibility: hidden;
118
+ pointer-events: none;
119
+ }
120
+ `;
121
+ export const StyledPopoverContent = styled.div `
122
+ width: 100%;
123
+ height: 100%;
124
+ z-index: 20;
125
+ position: relative;
126
+ overflow: hidden;
127
+ `;
128
+ const InternalPopover = memo(({ targetElement, content, placement, noArrow, noWrapper, useTargetWidth, transparent, maxWidth, minWidth, maxHeight, offsetX = 0, offsetY = 0, intent, title, icon, minimal, flat = true, effect, backgroundBlur, id, onPopperUpdate, onPopperClose, closePopover, onPopoverMouseEnter, onPopoverMouseLeave, }) => {
129
+ const animations = useReqoreProperty('animations');
130
+ const customPortalId = useReqoreProperty('customPortalId');
131
+ const uiScale = useReqoreProperty('uiScale');
132
+ const [popperElement, setPopperElement] = useState(null);
133
+ const [arrowElement, setArrowElement] = useState(null);
134
+ const popperRef = useRef(null);
135
+ const mutationObserber = useRef(null);
136
+ const baseOffsetY = noArrow ? 5 : 10;
137
+ const { styles, attributes, forceUpdate, state } = usePopper(targetElement, popperElement, {
138
+ placement,
139
+ modifiers: [
140
+ {
141
+ name: 'offset',
142
+ options: {
143
+ offset: [offsetX, baseOffsetY + offsetY],
144
+ },
145
+ },
146
+ {
147
+ name: 'arrow',
148
+ options: {
149
+ element: arrowElement,
150
+ padding: 8,
151
+ },
152
+ },
153
+ {
154
+ name: 'preventOverflow',
155
+ options: {
156
+ padding: 8,
157
+ },
158
+ },
159
+ {
160
+ name: 'hide',
161
+ enabled: true,
162
+ },
163
+ ],
164
+ });
165
+ useUpdateEffect(() => {
166
+ if (!mutationObserber.current && targetElement && state) {
167
+ // Watch for changes in the target element
168
+ const observer = new MutationObserver(() => {
169
+ forceUpdate();
170
+ });
171
+ observer.observe(targetElement, {
172
+ attributes: true,
173
+ childList: true,
174
+ subtree: true,
175
+ });
176
+ mutationObserber.current = observer;
177
+ }
178
+ }, [styles, attributes, state]);
179
+ useUnmount(() => {
180
+ mutationObserber.current?.disconnect();
181
+ });
182
+ useEffect(() => {
183
+ if (popperRef.current) {
184
+ onPopperUpdate?.(cloneDeep(popperRef));
185
+ }
186
+ }, [popperRef]);
187
+ useEffect(() => {
188
+ if (attributes.popper?.['data-popper-reference-hidden']) {
189
+ onPopperClose?.();
190
+ }
191
+ }, [attributes.popper]);
192
+ /* Getting the x and y values from the transform property of the popper element. */
193
+ const translateValues = useMemo(() => styles.popper.transform
194
+ ?.replace('translate3d(', '')
195
+ .replace('translate(', '')
196
+ .replace(')', '')
197
+ .split(',')
198
+ .map((axis) => {
199
+ const scale = uiScale;
200
+ let modifiedAxis = parseInt(axis, 10);
201
+ if (scale || scale === 0) {
202
+ modifiedAxis =
203
+ parseInt(axis, 10) < 0 ? parseInt(axis, 10) * scale : parseInt(axis, 10) / scale;
204
+ }
205
+ return modifiedAxis;
206
+ }), [styles.popper.transform, uiScale]);
207
+ const arrowStyle = useMemo(() => {
208
+ if (uiScale === undefined) {
209
+ return styles.arrow;
210
+ }
211
+ const scaleAxisValue = (value) => {
212
+ if (value === undefined) {
213
+ return value;
214
+ }
215
+ const numericValue = typeof value === 'number' ? value : Number.parseFloat(value);
216
+ if (Number.isNaN(numericValue)) {
217
+ return value;
218
+ }
219
+ const scaledValue = numericValue < 0 ? numericValue * uiScale : numericValue / uiScale;
220
+ return typeof value === 'number' ? scaledValue : `${scaledValue}px`;
221
+ };
222
+ return {
223
+ ...styles.arrow,
224
+ left: scaleAxisValue(styles.arrow.left),
225
+ top: scaleAxisValue(styles.arrow.top),
226
+ };
227
+ }, [styles.arrow, uiScale]);
228
+ const style = useMemo(() => ({
229
+ ...styles.popper,
230
+ transform: `translate(${translateValues?.[0] || 0}px, ${translateValues?.[1] || 0}px)`,
231
+ width: useTargetWidth && (targetElement?.getBoundingClientRect()?.width || undefined),
232
+ }), [styles.popper, useTargetWidth, targetElement, translateValues]);
233
+ const handleRef = useCallback((el) => {
234
+ setPopperElement(el);
235
+ popperRef.current = el;
236
+ }, []);
237
+ return createPortal(_jsx(ReqoreThemeProvider, { children: _jsxs(StyledPopoverWrapper, { maxWidth: maxWidth, minWidth: minWidth, maxHeight: maxHeight, transparent: transparent, effect: effect, isOpaque: !transparent && !minimal, intent: intent, flat: flat, noWrapper: noWrapper, dim: flat && !transparent && !effect && minimal, className: 'reqore-popover-content', ref: handleRef, style: style, animate: animations?.popovers, id: id, onMouseEnter: onPopoverMouseEnter, onMouseLeave: onPopoverMouseLeave, ...attributes.popper, children: [!noArrow && !transparent ? (_jsx(StyledPopoverArrow, { ref: setArrowElement, style: arrowStyle, "data-popper-arrow": true })) : null, _jsx(StyledPopoverContent, { children: !noWrapper || isString(content) ? (_jsx(ReqoreMessage, { opaque: !transparent && !minimal, className: 'reqore-popover-text', intent: intent, title: title, icon: icon, minimal: transparent, flat: flat || transparent, effect: effect, backgroundBlur: backgroundBlur, children: content })) : (_jsx(_Fragment, { children: React.Children.map(content, (child) => child
238
+ ? React.cloneElement(child, {
239
+ closePopover,
240
+ })
241
+ : null) })) })] }) }), document.querySelector(customPortalId || '#reqore-portal'));
242
+ });
243
+ export default InternalPopover;
244
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,81 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { keys, omit } from 'lodash';
3
+ import { useMemo } from 'react';
4
+ import ReqoreTable from '../Table';
5
+ import { ReqoreTableValue } from '../Table/value';
6
+ export const ReqoreKeyValueTable = ({ data, keyLabel, keyIcon, keyRenderer, keyTooltip, valueLabel, valueIcon, valueTooltip, valueRenderer, keyColumnIntent, minValueWidth = 100, maxKeyWidth = 200, keyAlign = 'left', valueAlign = 'left', defaultValueFilter, sortable, rowActions, ...rest }) => {
7
+ const { columns, items } = useMemo(() => {
8
+ const columns = [
9
+ {
10
+ dataId: 'tableKey',
11
+ grow: 1,
12
+ sortable,
13
+ width: maxKeyWidth < 150 ? maxKeyWidth : 150,
14
+ pin: 'left',
15
+ hideable: false,
16
+ intent: keyColumnIntent,
17
+ maxWidth: maxKeyWidth,
18
+ align: keyAlign,
19
+ header: {
20
+ icon: keyIcon,
21
+ label: keyLabel,
22
+ },
23
+ cell: {
24
+ tooltip: keyTooltip ? (cellValue) => keyTooltip(cellValue) : undefined,
25
+ content: keyRenderer ? ({ tableKey }) => keyRenderer(tableKey) : 'title',
26
+ },
27
+ },
28
+ {
29
+ dataId: 'value',
30
+ grow: 3,
31
+ sortable,
32
+ hideable: false,
33
+ filterable: true,
34
+ pinnable: false,
35
+ minWidth: minValueWidth,
36
+ filter: defaultValueFilter,
37
+ align: valueAlign,
38
+ header: {
39
+ icon: valueIcon,
40
+ label: valueLabel,
41
+ },
42
+ cell: {
43
+ tooltip: valueTooltip ? (cellValue) => valueTooltip(cellValue) : undefined,
44
+ content: (data) => valueRenderer?.(data, ReqoreTableValue) || _jsx(ReqoreTableValue, { value: data.value }),
45
+ },
46
+ },
47
+ ];
48
+ if (rowActions) {
49
+ columns.push({
50
+ dataId: 'actions',
51
+ hideable: false,
52
+ pin: 'right',
53
+ header: {
54
+ icon: 'SettingsLine',
55
+ },
56
+ align: 'center',
57
+ ...omit(rowActions, ['actions']),
58
+ cell: {
59
+ padded: 'none',
60
+ actions: (data) => rowActions.actions(data.tableKey, data.value),
61
+ },
62
+ });
63
+ }
64
+ const items = [];
65
+ keys(data).map((key) => {
66
+ items.push({
67
+ tableKey: key,
68
+ value: data[key],
69
+ });
70
+ });
71
+ return { columns, items };
72
+ }, [data]);
73
+ return (_jsx(ReqoreTable, { columns: columns, data: items, ...rest, sort: sortable
74
+ ? {
75
+ by: 'tableKey',
76
+ thenBy: 'value',
77
+ direction: 'asc',
78
+ }
79
+ : undefined, className: `${rest.className || ''} reqore-key-value-table` }));
80
+ };
81
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/KeyValueTable/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ import ReqoreTag from '../Tag';
4
+ export const ReqoreLabel = forwardRef((props, ref) => {
5
+ return _jsx(ReqoreTag, { as: 'label', color: 'transparent', ...props, ref: ref });
6
+ });
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Label/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAO,MAAM,OAAO,CAAC;AAC/C,OAAO,SAAoC,MAAM,QAAQ,CAAC;AAM1D,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,KAAwB,EAAE,GAA0B,EAAE,EAAE;IAC7F,OAAO,KAAC,SAAS,IAAC,EAAE,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,KAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import styled from "styled-components";
3
+ const StyledReqoreLayoutContent = styled.div `
4
+ display: flex;
5
+ height: 100%;
6
+ flex: 1;
7
+ overflow: hidden;
8
+ flex-flow: column;
9
+ `;
10
+ const ReqoreLayoutWrapper = ({ children, className, ...rest }) => (_jsx(StyledReqoreLayoutContent, { ...rest, className: `${className || ""} reqore-layout-content`, children: children }));
11
+ export default ReqoreLayoutWrapper;
12
+ //# sourceMappingURL=content.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../src/components/Layout/content.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM3C,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACmB,EAAE,EAAE,CAAC,CAC/B,KAAC,yBAAyB,OACpB,IAAI,EACR,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,wBAAwB,YAEpD,QAAQ,GACiB,CAC7B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import styled, { css } from 'styled-components';
3
+ import ReqoreThemeProvider from '../../containers/ThemeProvider';
4
+ import { changeLightness, getReadableColor } from '../../helpers/colors';
5
+ const StyledReqoreLayoutWrapper = styled.div `
6
+ display: flex;
7
+ width: 100%;
8
+ height: 100%;
9
+ overflow: hidden;
10
+ font-size: 14px;
11
+
12
+ * {
13
+ box-sizing: border-box;
14
+ }
15
+
16
+ a {
17
+ text-decoration: none;
18
+ }
19
+
20
+ ${({ withSidebar, theme }) => css `
21
+ flex-flow: ${withSidebar ? 'row' : 'column'};
22
+ background-color: ${changeLightness(theme.main, 0.02)};
23
+ color: ${getReadableColor(theme, undefined, undefined, true)};
24
+ `}
25
+ `;
26
+ const ReqoreLayoutWrapper = ({ withSidebar, children, className, ...rest }) => (_jsx(ReqoreThemeProvider, { children: _jsx(StyledReqoreLayoutWrapper, { ...rest, className: `${className || ''} reqore-layout-wrapper`, withSidebar: withSidebar, children: children }) }));
27
+ export default ReqoreLayoutWrapper;
28
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Layout/index.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,mBAAmB,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAQzE,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAG1C;;;;;;;;;;;;;;;IAeE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;iBAClB,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;wBACvB,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;aAC5C,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;GAC7D;CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAC3B,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACmB,EAAE,EAAE,CAAC,CAC/B,KAAC,mBAAmB,cAClB,KAAC,yBAAyB,OACpB,IAAI,EACR,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,wBAAwB,EACrD,WAAW,EAAE,WAAW,YAEvB,QAAQ,GACiB,GACR,CACvB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
@@ -0,0 +1,41 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ import styled, { css } from 'styled-components';
4
+ import { PADDING_FROM_SIZE } from '../../constants/sizes';
5
+ import { getReadableColor } from '../../helpers/colors';
6
+ import { getOneLessSize, isStringSize } from '../../helpers/utils';
7
+ import { StyledTextEffect } from '../Effect';
8
+ import { ReqoreVerticalSpacer } from '../Spacer';
9
+ export const StyledMenuDivider = styled(StyledTextEffect) `
10
+ width: 100%;
11
+ padding: 0;
12
+ padding-top: ${({ padded, size }) => padded === 'top' || padded === 'both' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
13
+ padding-bottom: ${({ padded, size }) => padded === 'bottom' || padded === 'both' ? `${PADDING_FROM_SIZE[size]}px` : undefined};
14
+ background-color: transparent;
15
+
16
+ ${({ margin, size }) => margin &&
17
+ css `
18
+ margin-left: ${margin === 'left' || margin === 'both'
19
+ ? isStringSize(size)
20
+ ? `${PADDING_FROM_SIZE[size]}px`
21
+ : '10px'
22
+ : undefined};
23
+ margin-right: ${margin === 'right' || margin === 'both'
24
+ ? isStringSize(size)
25
+ ? `${PADDING_FROM_SIZE[size]}px`
26
+ : '10px'
27
+ : undefined};
28
+ `}
29
+
30
+ color: ${({ theme }) => getReadableColor(theme, undefined, undefined)};
31
+ `;
32
+ const ReqoreMenuDivider = forwardRef(({ label, className, effect, size = 'normal', align = 'center', padded = 'both', line, ...rest }, ref) => line ? (_jsx(ReqoreVerticalSpacer, { className: `${className || ''} reqore-menu-divider`, height: PADDING_FROM_SIZE[size], lineSize: size })) : (_jsx(StyledMenuDivider, { as: 'div', ...rest, padded: padded, size: size, className: `${className || ''} reqore-menu-divider`, ref: ref, effect: {
33
+ uppercase: true,
34
+ spaced: 2,
35
+ textAlign: align,
36
+ textSize: getOneLessSize(size),
37
+ weight: 'bold',
38
+ ...effect,
39
+ }, children: label })));
40
+ export default ReqoreMenuDivider;
41
+ //# sourceMappingURL=divider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/Menu/divider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EAAiB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAajD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;;;iBAGxC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAClC,MAAM,KAAK,KAAK,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;oBAClE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CACrC,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;;;IAGrF,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CACrB,MAAM;IACN,GAAG,CAAA;qBACc,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM;QACnD,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC;YAClB,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI;YAChC,CAAC,CAAC,MAAM;QACV,CAAC,CAAC,SAAS;sBACG,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,MAAM;QACrD,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC;YAClB,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI;YAChC,CAAC,CAAC,MAAM;QACV,CAAC,CAAC,SAAS;KACd;;WAEM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;CACtE,CAAC;AAEF,MAAM,iBAAiB,GAAG,UAAU,CAClC,CACE,EACE,KAAK,EACL,SAAS,EACT,MAAM,EACN,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,MAAM,EACf,IAAI,EACJ,GAAG,IAAI,EACiB,EAC1B,GAAQ,EACR,EAAE,CACF,IAAI,CAAC,CAAC,CAAC,CACL,KAAC,oBAAoB,IACnB,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,sBAAsB,EACnD,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAC/B,QAAQ,EAAE,IAAI,GACd,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,EAAE,EAAC,KAAK,KACJ,IAAI,EACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,sBAAsB,EACnD,GAAG,EAAE,GAAG,EACR,MAAM,EACJ;QACE,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;QAC9B,MAAM,EAAE,MAAM;QACd,GAAG,MAAM;KACO,YAGnB,KAAK,GACY,CACrB,CACJ,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -0,0 +1,67 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Resizable } from 're-resizable';
3
+ import React, { forwardRef, memo, useMemo } from 'react';
4
+ import styled, { css } from 'styled-components';
5
+ import { ReqoreErrorBoundary } from '../..';
6
+ import { HALF_PADDING_FROM_SIZE, RADIUS_FROM_SIZE } from '../../constants/sizes';
7
+ import ReqoreThemeProvider from '../../containers/ThemeProvider';
8
+ import { changeDarkness, changeLightness, getMainBackgroundColor } from '../../helpers/colors';
9
+ import { useCloneThroughFragments } from '../../hooks/useCloneThroughFragments';
10
+ import { useCombinedRefs } from '../../hooks/useCombinedRefs';
11
+ import { useReqoreTheme } from '../../hooks/useTheme';
12
+ import ReqoreControlGroup from '../ControlGroup';
13
+ import { StyledEffect } from '../Effect';
14
+ import { ReqoreSkeleton } from '../Skeleton';
15
+ const StyledReqoreMenu = styled(StyledEffect) `
16
+ width: ${({ width }) => width || undefined};
17
+ min-width: ${({ width }) => (width ? undefined : '160px')};
18
+ padding: ${({ padded = true, _size }) => padded ? `${HALF_PADDING_FROM_SIZE[_size]}px` : undefined};
19
+ max-height: ${({ maxHeight }) => maxHeight || undefined};
20
+ overflow-y: auto;
21
+ overflow-x: hidden;
22
+ display: flex;
23
+ flex-flow: column nowrap;
24
+
25
+ background-color: ${({ theme, transparent }) => transparent ? 'transparent' : changeDarkness(getMainBackgroundColor(theme), 0.03)};
26
+ border-radius: ${({ rounded, _size }) => (rounded ? `${RADIUS_FROM_SIZE[_size]}px` : `0`)};
27
+
28
+ ${({ theme, position, _size, padded, isResizableLeft, showResizableBorder }) => position === 'right' || (isResizableLeft && showResizableBorder)
29
+ ? css `
30
+ border-left: 1px ${isResizableLeft && showResizableBorder ? 'dashed' : 'solid'}
31
+ ${changeLightness(theme.main, 0.05)};
32
+ padding-left: ${!padded ? `${HALF_PADDING_FROM_SIZE[_size]}px` : undefined};
33
+ `
34
+ : undefined}
35
+
36
+ ${({ theme, position, _size, padded, isResizableRight, showResizableBorder }) => position === 'left' || (isResizableRight && showResizableBorder)
37
+ ? css `
38
+ border-right: 1px ${isResizableRight && showResizableBorder ? 'dashed' : 'solid'}
39
+ ${changeLightness(theme.main, 0.05)};
40
+ padding-right: ${!padded ? `${HALF_PADDING_FROM_SIZE[_size]}px` : undefined};
41
+ `
42
+ : undefined}
43
+ `;
44
+ const ReqoreMenu = memo(forwardRef(({ children, position, customTheme, intent, wrapText, flat = true, minimal, size = 'normal', itemGap, resizable, skeleton, closePopover, errorBoundaryOptions, ...rest }, ref) => {
45
+ const theme = useReqoreTheme('main', customTheme, intent);
46
+ const { targetRef } = useCombinedRefs(ref);
47
+ const { clone } = useCloneThroughFragments((props) => ({
48
+ customTheme: props?.customTheme || customTheme,
49
+ wrap: 'wrap' in (props || {}) ? props.wrap : wrapText,
50
+ flat: 'flat' in (props || {}) ? props.flat : flat,
51
+ minimal: 'minimal' in (props || {}) ? props.minimal : minimal,
52
+ size: 'size' in (props || {}) ? props.size : size,
53
+ closePopover,
54
+ }));
55
+ const style = useMemo(() => ({ minHeight: '0', flex: '1 1 auto' }), []);
56
+ return (_jsx(ReqoreErrorBoundary, { ...errorBoundaryOptions, children: _jsx(ReqoreThemeProvider, { theme: theme, customTheme: customTheme, children: _jsx(StyledReqoreMenu, { ...rest, ...resizable, as: !!resizable ? Resizable : 'div', isResizableRight: resizable?.enable?.right, isResizableLeft: resizable?.enable?.left, flat: flat, position: position, _size: size, className: `${rest.className || ''} reqore-menu`, theme: theme, ref: (curRef) => {
57
+ let _ref = curRef;
58
+ if (curRef?.resizable) {
59
+ _ref = curRef.resizable;
60
+ }
61
+ targetRef.current = _ref;
62
+ }, children: _jsx(ReqoreControlGroup, { vertical: true, gapSize: itemGap, fluid: true, style: style, children: skeleton
63
+ ? React.Children.map(children, (_child, index) => (_jsx(ReqoreSkeleton, { size: size, width: '100%' }, index)))
64
+ : clone(children) }) }) }) }));
65
+ }));
66
+ export default ReqoreMenu;
67
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Menu/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,33 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { forwardRef, memo, useCallback, useEffect, useState } from 'react';
3
+ import { ReqoreButton, ReqoreControlGroup } from '../..';
4
+ import { useCombinedRefs } from '../../hooks/useCombinedRefs';
5
+ const ReqoreMenuItem = memo(forwardRef(({ children, label, icon, rightIcon, as, selected, onClick, rightAction, leftAction, disabled, itemId, tooltip, intent, flat = true, stackWithActions = true, scrollIntoView, closePopover, ...rest }, ref) => {
6
+ const { targetRef } = useCombinedRefs(ref);
7
+ const [itemRef, setItemRef] = useState(null);
8
+ const handleClick = useCallback((event) => {
9
+ event.persist();
10
+ onClick?.(event, itemId, closePopover);
11
+ }, [itemId, onClick]);
12
+ const handleRightActionClick = useCallback((event) => {
13
+ event.persist();
14
+ event.stopPropagation();
15
+ rightAction?.onClick?.(event, itemId, closePopover);
16
+ }, [itemId, rightAction?.onClick]);
17
+ const handleLeftActionClick = useCallback((event) => {
18
+ event.persist();
19
+ event.stopPropagation();
20
+ leftAction?.onClick?.(event, itemId, closePopover);
21
+ }, [itemId, leftAction?.onClick]);
22
+ useEffect(() => {
23
+ if (scrollIntoView && itemRef) {
24
+ itemRef.scrollIntoView?.({ behavior: 'smooth', block: 'center', inline: 'center' });
25
+ }
26
+ }, [itemRef, scrollIntoView]);
27
+ return (_jsxs(ReqoreControlGroup, { stack: stackWithActions, fluid: true, fill: true, responsive: false, children: [leftAction ? (_jsx(ReqoreButton, { flat: flat, verticalPadding: 'small', fixed: true, compact: true, transparent: rest.transparent === false ? false : !rest.effect, minimal: rest.minimal, customTheme: rest.customTheme, className: 'reqore-menu-item-left-action', intent: intent, active: selected, ...leftAction, onClick: handleLeftActionClick })) : null, _jsx(ReqoreButton, { as: as, transparent: !rest.effect, verticalPadding: 'small', compact: true, ...rest, flat: flat, className: `${rest.className || ''} reqore-menu-item`, fluid: true, onClick: handleClick, active: selected, ref: (ref) => {
28
+ targetRef.current = ref || undefined;
29
+ setItemRef(ref);
30
+ }, disabled: disabled, intent: intent, icon: icon, rightIcon: rightIcon, tooltip: tooltip, children: label || children }), rightAction ? (_jsx(ReqoreButton, { flat: flat, verticalPadding: 'small', fixed: true, compact: true, transparent: rest.transparent === false ? false : !rest.effect, minimal: rest.minimal, customTheme: rest.customTheme, className: 'reqore-menu-item-right-action', intent: intent, active: selected, ...rightAction, onClick: handleRightActionClick })) : null] }));
31
+ }));
32
+ export default ReqoreMenuItem;
33
+ //# sourceMappingURL=item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Menu/item.tsx"],"names":[],"mappings":"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"}