@qoretechnologies/reqore 0.32.0 → 0.32.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 (171) hide show
  1. package/.github/workflows/tests.yml +3 -1
  2. package/__tests__/breadcrumbs.test.tsx +46 -28
  3. package/__tests__/button.test.tsx +18 -0
  4. package/__tests__/checkbox.test.tsx +19 -1
  5. package/__tests__/collection.test.tsx +9 -0
  6. package/__tests__/icon.test.tsx +19 -1
  7. package/__tests__/input.test.tsx +18 -0
  8. package/__tests__/messages.test.tsx +16 -0
  9. package/__tests__/modal.test.tsx +4 -4
  10. package/__tests__/notifications.test.tsx +6 -6
  11. package/__tests__/panel.test.tsx +19 -1
  12. package/__tests__/textarea.test.tsx +18 -0
  13. package/__tests__/tree.test.tsx +3 -1
  14. package/dist/components/Breadcrumbs/item.d.ts.map +1 -1
  15. package/dist/components/Breadcrumbs/item.js +6 -2
  16. package/dist/components/Breadcrumbs/item.js.map +1 -1
  17. package/dist/components/Button/index.d.ts.map +1 -1
  18. package/dist/components/Button/index.js +18 -4
  19. package/dist/components/Button/index.js.map +1 -1
  20. package/dist/components/Checkbox/index.d.ts.map +1 -1
  21. package/dist/components/Checkbox/index.js +8 -4
  22. package/dist/components/Checkbox/index.js.map +1 -1
  23. package/dist/components/Collection/index.d.ts +2 -1
  24. package/dist/components/Collection/index.d.ts.map +1 -1
  25. package/dist/components/Collection/index.js +15 -12
  26. package/dist/components/Collection/index.js.map +1 -1
  27. package/dist/components/Collection/item.js +2 -2
  28. package/dist/components/Collection/item.js.map +1 -1
  29. package/dist/components/Comment/index.d.ts +0 -1
  30. package/dist/components/Comment/index.d.ts.map +1 -1
  31. package/dist/components/ControlGroup/index.d.ts.map +1 -1
  32. package/dist/components/ControlGroup/index.js +5 -3
  33. package/dist/components/ControlGroup/index.js.map +1 -1
  34. package/dist/components/Drawer/index.d.ts +1 -1
  35. package/dist/components/Drawer/index.d.ts.map +1 -1
  36. package/dist/components/Drawer/index.js +1 -1
  37. package/dist/components/Drawer/index.js.map +1 -1
  38. package/dist/components/Dropdown/item.d.ts +0 -1
  39. package/dist/components/Dropdown/item.d.ts.map +1 -1
  40. package/dist/components/Icon/index.d.ts.map +1 -1
  41. package/dist/components/Icon/index.js +8 -4
  42. package/dist/components/Icon/index.js.map +1 -1
  43. package/dist/components/Input/index.d.ts.map +1 -1
  44. package/dist/components/Input/index.js +4 -4
  45. package/dist/components/Input/index.js.map +1 -1
  46. package/dist/components/InputClearButton/index.d.ts +0 -1
  47. package/dist/components/InputClearButton/index.d.ts.map +1 -1
  48. package/dist/components/InternalPopover/index.d.ts.map +1 -1
  49. package/dist/components/InternalPopover/index.js +2 -1
  50. package/dist/components/InternalPopover/index.js.map +1 -1
  51. package/dist/components/Menu/item.d.ts +1 -1
  52. package/dist/components/Menu/item.d.ts.map +1 -1
  53. package/dist/components/Menu/item.js +3 -6
  54. package/dist/components/Menu/item.js.map +1 -1
  55. package/dist/components/Message/index.d.ts.map +1 -1
  56. package/dist/components/Message/index.js +6 -2
  57. package/dist/components/Message/index.js.map +1 -1
  58. package/dist/components/Modal/index.d.ts +0 -1
  59. package/dist/components/Modal/index.d.ts.map +1 -1
  60. package/dist/components/Panel/index.d.ts +1 -0
  61. package/dist/components/Panel/index.d.ts.map +1 -1
  62. package/dist/components/Panel/index.js +13 -9
  63. package/dist/components/Panel/index.js.map +1 -1
  64. package/dist/components/Panel/panel.screenshot.d.ts +0 -1
  65. package/dist/components/Panel/panel.screenshot.d.ts.map +1 -1
  66. package/dist/components/Paragraph/index.js +1 -1
  67. package/dist/components/Sidebar/item.d.ts +0 -1
  68. package/dist/components/Sidebar/item.d.ts.map +1 -1
  69. package/dist/components/Sidebar/item.js +1 -3
  70. package/dist/components/Sidebar/item.js.map +1 -1
  71. package/dist/components/Spinner/index.d.ts +3 -3
  72. package/dist/components/Spinner/index.d.ts.map +1 -1
  73. package/dist/components/Spinner/index.js +13 -2
  74. package/dist/components/Spinner/index.js.map +1 -1
  75. package/dist/components/Table/header.d.ts +0 -1
  76. package/dist/components/Table/header.d.ts.map +1 -1
  77. package/dist/components/Tag/index.d.ts.map +1 -1
  78. package/dist/components/Tag/index.js +7 -4
  79. package/dist/components/Tag/index.js.map +1 -1
  80. package/dist/components/Textarea/index.d.ts.map +1 -1
  81. package/dist/components/Textarea/index.js +7 -6
  82. package/dist/components/Textarea/index.js.map +1 -1
  83. package/dist/components/Tree/index.d.ts +0 -1
  84. package/dist/components/Tree/index.d.ts.map +1 -1
  85. package/dist/components/Tree/index.js +2 -4
  86. package/dist/components/Tree/index.js.map +1 -1
  87. package/dist/containers/PopoverProvider.d.ts.map +1 -1
  88. package/dist/containers/PopoverProvider.js +2 -2
  89. package/dist/containers/PopoverProvider.js.map +1 -1
  90. package/dist/containers/ReqoreProvider.d.ts.map +1 -1
  91. package/dist/containers/ReqoreProvider.js +4 -0
  92. package/dist/containers/ReqoreProvider.js.map +1 -1
  93. package/dist/containers/ThemeProvider.d.ts +1 -2
  94. package/dist/containers/ThemeProvider.d.ts.map +1 -1
  95. package/dist/containers/ThemeProvider.js +3 -3
  96. package/dist/containers/ThemeProvider.js.map +1 -1
  97. package/dist/context/PopoverContext.d.ts +1 -2
  98. package/dist/context/PopoverContext.d.ts.map +1 -1
  99. package/dist/context/PopoverContext.js +2 -2
  100. package/dist/context/PopoverContext.js.map +1 -1
  101. package/dist/context/ReqoreContext.d.ts +3 -2
  102. package/dist/context/ReqoreContext.d.ts.map +1 -1
  103. package/dist/context/ReqoreContext.js +5 -3
  104. package/dist/context/ReqoreContext.js.map +1 -1
  105. package/dist/context/ThemeContext.d.ts +1 -2
  106. package/dist/context/ThemeContext.d.ts.map +1 -1
  107. package/dist/context/ThemeContext.js +2 -2
  108. package/dist/context/ThemeContext.js.map +1 -1
  109. package/dist/hooks/useLatestZIndex.d.ts.map +1 -1
  110. package/dist/hooks/useLatestZIndex.js +3 -2
  111. package/dist/hooks/useLatestZIndex.js.map +1 -1
  112. package/dist/hooks/usePopover.d.ts +0 -1
  113. package/dist/hooks/usePopover.d.ts.map +1 -1
  114. package/dist/hooks/usePopover.js +4 -3
  115. package/dist/hooks/usePopover.js.map +1 -1
  116. package/dist/hooks/useReqore.js +2 -2
  117. package/dist/hooks/useReqore.js.map +1 -1
  118. package/dist/hooks/useReqoreContext.d.ts +3 -0
  119. package/dist/hooks/useReqoreContext.d.ts.map +1 -0
  120. package/dist/hooks/useReqoreContext.js +19 -0
  121. package/dist/hooks/useReqoreContext.js.map +1 -0
  122. package/dist/hooks/useReqoreEffect.js +2 -5
  123. package/dist/hooks/useReqoreEffect.js.map +1 -1
  124. package/dist/hooks/useTheme.d.ts.map +1 -1
  125. package/dist/hooks/useTheme.js +20 -20
  126. package/dist/hooks/useTheme.js.map +1 -1
  127. package/dist/index.d.ts +2 -0
  128. package/dist/index.d.ts.map +1 -1
  129. package/dist/index.js +6 -2
  130. package/dist/index.js.map +1 -1
  131. package/package.json +18 -16
  132. package/src/components/Breadcrumbs/item.tsx +7 -3
  133. package/src/components/Button/index.tsx +25 -7
  134. package/src/components/Checkbox/index.tsx +9 -5
  135. package/src/components/Collection/index.tsx +21 -9
  136. package/src/components/Collection/item.tsx +3 -3
  137. package/src/components/ControlGroup/index.tsx +4 -2
  138. package/src/components/Drawer/index.tsx +4 -4
  139. package/src/components/Icon/index.tsx +9 -5
  140. package/src/components/Input/index.tsx +5 -9
  141. package/src/components/InternalPopover/index.tsx +2 -1
  142. package/src/components/Menu/item.tsx +6 -9
  143. package/src/components/Message/index.tsx +6 -2
  144. package/src/components/Panel/index.tsx +14 -7
  145. package/src/components/Paragraph/index.tsx +1 -1
  146. package/src/components/Sidebar/item.tsx +2 -4
  147. package/src/components/Spinner/index.tsx +11 -3
  148. package/src/components/Tag/index.tsx +9 -6
  149. package/src/components/Textarea/index.tsx +6 -8
  150. package/src/components/Tree/index.tsx +5 -8
  151. package/src/containers/PopoverProvider.tsx +2 -2
  152. package/src/containers/ReqoreProvider.tsx +5 -1
  153. package/src/containers/ThemeProvider.tsx +3 -13
  154. package/src/context/PopoverContext.tsx +1 -1
  155. package/src/context/ReqoreContext.tsx +4 -1
  156. package/src/context/ThemeContext.tsx +1 -1
  157. package/src/hooks/useLatestZIndex.ts +5 -3
  158. package/src/hooks/usePopover.tsx +4 -3
  159. package/src/hooks/useReqore.ts +1 -1
  160. package/src/hooks/useReqoreContext.ts +16 -0
  161. package/src/hooks/useReqoreEffect.ts +3 -3
  162. package/src/hooks/useTheme.ts +21 -17
  163. package/src/index.tsx +2 -0
  164. package/src/stories/Button/Button.stories.tsx +7 -0
  165. package/src/stories/Collection/Collection.stories.tsx +6 -3
  166. package/src/stories/Drawer/Drawer.stories.tsx +4 -3
  167. package/src/stories/Modal/Modal.stories.tsx +3 -4
  168. package/src/stories/Notifications/Interactive.stories.tsx +3 -4
  169. package/src/stories/Panel/Panel.stories.tsx +1 -0
  170. package/src/stories/Spinner/Spinner.stories.tsx +7 -2
  171. package/tests.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"useLatestZIndex.js","sourceRoot":"","sources":["../../src/hooks/useLatestZIndex.ts"],"names":[],"mappings":";;AAAA,+BAA4C;AAC5C,wBAAmC;AAEnC,IAAM,eAAe,GAAG;IAChB,IAAA,KAAyC,IAAA,kBAAU,EAAC,iBAAa,CAAC,EAAhE,oBAAoB,0BAAA,EAAE,YAAY,kBAA8B,CAAC;IACzE,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAErE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,qBAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"useLatestZIndex.js","sourceRoot":"","sources":["../../src/hooks/useLatestZIndex.ts"],"names":[],"mappings":";;AAAA,+BAAgC;AAChC,uDAAuD;AAEvD,IAAM,eAAe,GAAG;IACtB,IAAM,oBAAoB,GAAG,IAAA,oCAAiB,EAAC,sBAAsB,CAAC,CAAC;IACvE,IAAM,YAAY,GAAG,IAAA,oCAAiB,EAAC,cAAc,CAAC,CAAC;IAEvD,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAErE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,qBAAe,eAAe,CAAC"}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Placement } from '@popperjs/core';
3
2
  import { IReqoreIntent, IWithReqoreEffect, IWithReqoreFlat, IWithReqoreMinimal } from '../types/global';
4
3
  import { IReqoreIconName } from '../types/icons';
@@ -1 +1 @@
1
- {"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAiBjD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,QACf,SAAQ,aAAa,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,UAAU,oIAYb,eAAe,KAAG,gBA4IpB,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAgBjD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,QACf,SAAQ,aAAa,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,UAAU,oIAYb,eAAe,KAAG,gBA4IpB,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -28,8 +28,9 @@ exports.__esModule = true;
28
28
  var react_1 = require("react");
29
29
  var react_use_1 = require("react-use");
30
30
  var shortid_1 = __importDefault(require("shortid"));
31
+ var use_context_selector_1 = require("use-context-selector");
32
+ var __1 = require("..");
31
33
  var PopoverContext_1 = __importDefault(require("../context/PopoverContext"));
32
- var useReqore_1 = require("./useReqore");
33
34
  var startEvents = {
34
35
  hover: 'mouseenter',
35
36
  hoverStay: 'mouseenter',
@@ -44,8 +45,8 @@ var endEvents = {
44
45
  };
45
46
  var usePopover = function (_a) {
46
47
  var targetElement = _a.targetElement, content = _a.content, _b = _a.handler, handler = _b === void 0 ? 'hover' : _b, placement = _a.placement, _c = _a.show, show = _c === void 0 ? true : _c, noArrow = _a.noArrow, useTargetWidth = _a.useTargetWidth, _d = _a.closeOnOutsideClick, closeOnOutsideClick = _d === void 0 ? true : _d, _e = _a.openOnMount, openOnMount = _e === void 0 ? false : _e, delay = _a.delay, rest = __rest(_a, ["targetElement", "content", "handler", "placement", "show", "noArrow", "useTargetWidth", "closeOnOutsideClick", "openOnMount", "delay"]);
47
- var _f = (0, react_1.useContext)(PopoverContext_1["default"]), addPopover = _f.addPopover, removePopover = _f.removePopover, updatePopover = _f.updatePopover, popovers = _f.popovers, isPopoverOpen = _f.isPopoverOpen;
48
- var tooltips = (0, useReqore_1.useReqore)().tooltips;
48
+ var _f = (0, use_context_selector_1.useContext)(PopoverContext_1["default"]), addPopover = _f.addPopover, removePopover = _f.removePopover, updatePopover = _f.updatePopover, popovers = _f.popovers, isPopoverOpen = _f.isPopoverOpen;
49
+ var tooltips = (0, __1.useReqoreProperty)('tooltips');
49
50
  var current = (0, react_1.useRef)(shortid_1["default"].generate()).current;
50
51
  var timeout = (0, react_1.useRef)(0).current;
51
52
  var startEvent = startEvents[handler];
@@ -1 +1 @@
1
- {"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":"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"}
@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  exports.__esModule = true;
6
6
  exports.useReqore = void 0;
7
- var react_1 = require("react");
7
+ var use_context_selector_1 = require("use-context-selector");
8
8
  var ReqoreContext_1 = __importDefault(require("../context/ReqoreContext"));
9
9
  var useReqore = function () {
10
- var reqore = (0, react_1.useContext)(ReqoreContext_1["default"]);
10
+ var reqore = (0, use_context_selector_1.useContext)(ReqoreContext_1["default"]);
11
11
  if (!reqore) {
12
12
  throw new Error('Reqore context is not defined');
13
13
  }
@@ -1 +1 @@
1
- {"version":3,"file":"useReqore.js","sourceRoot":"","sources":["../../src/hooks/useReqore.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAmC;AACnC,2EAAyE;AAElE,IAAM,SAAS,GAAG;IACvB,IAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,0BAAa,CAAC,CAAC;IAEzC,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;KAClD;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB"}
1
+ {"version":3,"file":"useReqore.js","sourceRoot":"","sources":["../../src/hooks/useReqore.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAkD;AAClD,2EAAyE;AAElE,IAAM,SAAS,GAAG;IACvB,IAAM,MAAM,GAAG,IAAA,iCAAU,EAAC,0BAAa,CAAC,CAAC;IAEzC,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;KAClD;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB"}
@@ -0,0 +1,3 @@
1
+ import { IReqoreContext } from '../context/ReqoreContext';
2
+ export declare const useReqoreProperty: <T extends keyof IReqoreContext>(property: T) => IReqoreContext[T];
3
+ //# sourceMappingURL=useReqoreContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useReqoreContext.d.ts","sourceRoot":"","sources":["../../src/hooks/useReqoreContext.ts"],"names":[],"mappings":"AACA,OAAsB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEzE,eAAO,MAAM,iBAAiB,oEAY7B,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ exports.__esModule = true;
6
+ exports.useReqoreProperty = void 0;
7
+ var use_context_selector_1 = require("use-context-selector");
8
+ var ReqoreContext_1 = __importDefault(require("../context/ReqoreContext"));
9
+ var useReqoreProperty = function (property) {
10
+ var contextProperty = (0, use_context_selector_1.useContextSelector)(ReqoreContext_1["default"], function (value) {
11
+ if (!(property in value)) {
12
+ throw new Error("Reqore context property ".concat(property, " not found"));
13
+ }
14
+ return value[property];
15
+ });
16
+ return contextProperty;
17
+ };
18
+ exports.useReqoreProperty = useReqoreProperty;
19
+ //# sourceMappingURL=useReqoreContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useReqoreContext.js","sourceRoot":"","sources":["../../src/hooks/useReqoreContext.ts"],"names":[],"mappings":";;;;;;AAAA,6DAA0D;AAC1D,2EAAyE;AAElE,IAAM,iBAAiB,GAAG,UAC/B,QAAW;IAEX,IAAM,eAAe,GAAG,IAAA,yCAAkB,EAAC,0BAAa,EAAE,UAAC,KAAK;QAC9D,IAAI,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,EAAE;YACxB,MAAM,IAAI,KAAK,CAAC,kCAA2B,QAAQ,eAAY,CAAC,CAAC;SAClE;QAED,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAZW,QAAA,iBAAiB,qBAY5B"}
@@ -10,15 +10,12 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
13
  exports.__esModule = true;
17
14
  exports.useReqoreEffect = void 0;
18
15
  var react_1 = require("react");
19
- var ThemeContext_1 = __importDefault(require("../context/ThemeContext"));
16
+ var useTheme_1 = require("./useTheme");
20
17
  var useReqoreEffect = function (component, theme, effect) {
21
- var _theme = (0, react_1.useContext)(ThemeContext_1["default"]);
18
+ var _theme = (0, useTheme_1.useReqoreTheme)();
22
19
  // Return the effect if the component is not defined in the theme
23
20
  if (!theme[component]) {
24
21
  return effect;
@@ -1 +1 @@
1
- {"version":3,"file":"useReqoreEffect.js","sourceRoot":"","sources":["../../src/hooks/useReqoreEffect.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAA4C;AAO5C,yEAAmD;AAE5C,IAAM,eAAe,GAAG,UAC7B,SAAoB,EACpB,KAAmB,EACnB,MAAsB;IAEtB,IAAI,MAAM,GAAiB,IAAA,kBAAU,EAAe,yBAAY,CAAC,CAAC;IAElE,iEAAiE;IACjE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;QACrB,OAAO,MAAM,CAAC;KACf;IAED,IAAI,KAAK,EAAE;QACT,2CAA2C;QAC3C,MAAM,GAAG,KAAK,CAAC;KAChB;IAED,IAAM,MAAM,GAAoB,IAAA,eAAO,EAAC;QACtC,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAErB,IAAM,OAAO,GAA0C,IAAA,eAAO,EAAC;QAC7D,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC;IACnC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAErB,IAAM,OAAO,GAAG,IAAA,eAAO,EAAC;QACtB,6BACK,MAAM,KACT,QAAQ,aACN,MAAM,QAAA,EACN,OAAO,SAAA,IAGJ,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,KAErB;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAvCW,QAAA,eAAe,mBAuC1B"}
1
+ {"version":3,"file":"useReqoreEffect.js","sourceRoot":"","sources":["../../src/hooks/useReqoreEffect.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAAgC;AAOhC,uCAA4C;AAErC,IAAM,eAAe,GAAG,UAC7B,SAAoB,EACpB,KAAmB,EACnB,MAAsB;IAEtB,IAAI,MAAM,GAAiB,IAAA,yBAAc,GAAE,CAAC;IAE5C,iEAAiE;IACjE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;QACrB,OAAO,MAAM,CAAC;KACf;IAED,IAAI,KAAK,EAAE;QACT,2CAA2C;QAC3C,MAAM,GAAG,KAAK,CAAC;KAChB;IAED,IAAM,MAAM,GAAoB,IAAA,eAAO,EAAC;QACtC,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAErB,IAAM,OAAO,GAA0C,IAAA,eAAO,EAAC;QAC7D,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC;IACnC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAErB,IAAM,OAAO,GAAG,IAAA,eAAO,EAAC;QACtB,6BACK,MAAM,KACT,QAAQ,aACN,MAAM,QAAA,EACN,OAAO,SAAA,IAGJ,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,KAErB;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAvCW,QAAA,eAAe,mBAuC1B"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIjE,MAAM,WAAW,kBAAmB,SAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACtF,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,kBAAkB,CAAC;QAC3B,GAAG,CAAC,EAAE,OAAO,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,aACf,MAAM,gBACH,kBAAkB,WACtB,aAAa,eACV,SAAS,GAAG,eAAe,KACtC,YAsBF,CAAC"}
1
+ {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIjE,MAAM,WAAW,kBAAmB,SAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACtF,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,kBAAkB,CAAC;QAC3B,GAAG,CAAC,EAAE,OAAO,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,aACf,MAAM,gBACH,kBAAkB,WACtB,aAAa,eACV,SAAS,GAAG,eAAe,KACtC,YA0BF,CAAC"}
@@ -1,32 +1,32 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  exports.__esModule = true;
6
3
  exports.useReqoreTheme = void 0;
7
4
  var lodash_1 = require("lodash");
8
5
  var react_1 = require("react");
9
- var ThemeContext_1 = __importDefault(require("../context/ThemeContext"));
10
6
  var colors_1 = require("../helpers/colors");
7
+ var useReqoreContext_1 = require("./useReqoreContext");
11
8
  var useReqoreTheme = function (element, customTheme, intent, intentsKey) {
12
- var _a;
13
9
  if (customTheme === void 0) { customTheme = {}; }
14
10
  if (intentsKey === void 0) { intentsKey = 'intents'; }
15
- var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
16
- if (!element) {
17
- return theme;
18
- }
19
- var _customTheme = (0, lodash_1.cloneDeep)(customTheme);
20
- if (_customTheme.main) {
21
- _customTheme.main = (0, colors_1.getColorFromMaybeString)(theme, customTheme.main);
22
- }
23
- if ((_a = _customTheme.text) === null || _a === void 0 ? void 0 : _a.color) {
24
- _customTheme.text.color = (0, colors_1.getColorFromMaybeString)(theme, customTheme.text.color);
25
- }
26
- if (element === 'main' && intent) {
27
- _customTheme.main = theme[intentsKey][intent];
28
- }
29
- return (0, colors_1.mergeThemes)(element, theme, _customTheme);
11
+ var theme = (0, useReqoreContext_1.useReqoreProperty)('theme');
12
+ var finalTheme = (0, react_1.useMemo)(function () {
13
+ var _a;
14
+ if (!element) {
15
+ return theme;
16
+ }
17
+ var _customTheme = (0, lodash_1.cloneDeep)(customTheme);
18
+ if (_customTheme.main) {
19
+ _customTheme.main = (0, colors_1.getColorFromMaybeString)(theme, customTheme.main);
20
+ }
21
+ if ((_a = _customTheme.text) === null || _a === void 0 ? void 0 : _a.color) {
22
+ _customTheme.text.color = (0, colors_1.getColorFromMaybeString)(theme, customTheme.text.color);
23
+ }
24
+ if (element === 'main' && intent) {
25
+ _customTheme.main = theme[intentsKey][intent];
26
+ }
27
+ return (0, colors_1.mergeThemes)(element, theme, _customTheme);
28
+ }, [JSON.stringify(theme), element, JSON.stringify(customTheme), intent, intentsKey]);
29
+ return finalTheme;
30
30
  };
31
31
  exports.useReqoreTheme = useReqoreTheme;
32
32
  //# sourceMappingURL=useTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAmC;AACnC,+BAAmC;AAGnC,yEAAmD;AACnD,4CAAyE;AAWlE,IAAM,cAAc,GAAG,UAC5B,OAAgB,EAChB,WAAoC,EACpC,MAAsB,EACtB,UAAmD;;IAFnD,4BAAA,EAAA,gBAAoC;IAEpC,2BAAA,EAAA,sBAAmD;IAEnD,IAAM,KAAK,GAAiB,IAAA,kBAAU,EAAe,yBAAY,CAAC,CAAC;IAEnE,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,KAAK,CAAC;KACd;IAED,IAAI,YAAY,GAAuB,IAAA,kBAAS,EAAC,WAAW,CAAC,CAAC;IAE9D,IAAI,YAAY,CAAC,IAAI,EAAE;QACrB,YAAY,CAAC,IAAI,GAAG,IAAA,gCAAuB,EAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KACtE;IAED,IAAI,MAAA,YAAY,CAAC,IAAI,0CAAE,KAAK,EAAE;QAC5B,YAAY,CAAC,IAAI,CAAC,KAAK,GAAG,IAAA,gCAAuB,EAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClF;IAED,IAAI,OAAO,KAAK,MAAM,IAAI,MAAM,EAAE;QAChC,YAAY,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;KAC/C;IAED,OAAO,IAAA,oBAAW,EAAC,OAAO,EAAE,KAAK,EAAE,YAAY,CAAiB,CAAC;AACnE,CAAC,CAAC;AA3BW,QAAA,cAAc,kBA2BzB"}
1
+ {"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,+BAAgC;AAGhC,4CAAyE;AACzE,uDAAuD;AAWhD,IAAM,cAAc,GAAG,UAC5B,OAAgB,EAChB,WAAoC,EACpC,MAAsB,EACtB,UAAmD;IAFnD,4BAAA,EAAA,gBAAoC;IAEpC,2BAAA,EAAA,sBAAmD;IAEnD,IAAM,KAAK,GAAiB,IAAA,oCAAiB,EAAC,OAAO,CAAC,CAAC;IAEvD,IAAM,UAAU,GAAG,IAAA,eAAO,EAAC;;QACzB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;QAED,IAAI,YAAY,GAAuB,IAAA,kBAAS,EAAC,WAAW,CAAC,CAAC;QAE9D,IAAI,YAAY,CAAC,IAAI,EAAE;YACrB,YAAY,CAAC,IAAI,GAAG,IAAA,gCAAuB,EAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;SACtE;QAED,IAAI,MAAA,YAAY,CAAC,IAAI,0CAAE,KAAK,EAAE;YAC5B,YAAY,CAAC,IAAI,CAAC,KAAK,GAAG,IAAA,gCAAuB,EAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAClF;QAED,IAAI,OAAO,KAAK,MAAM,IAAI,MAAM,EAAE;YAChC,YAAY,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;SAC/C;QAED,OAAO,IAAA,oBAAW,EAAC,OAAO,EAAE,KAAK,EAAE,YAAY,CAAiB,CAAC;IACnE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEtF,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AA/BW,QAAA,cAAc,kBA+BzB"}
package/dist/index.d.ts CHANGED
@@ -35,6 +35,7 @@ export { default as ReqorePopover } from './components/Popover';
35
35
  export { default as ReqoreRadioGroup } from './components/RadioGroup';
36
36
  export { default as ReqoreSidebar } from './components/Sidebar';
37
37
  export { ReqoreHorizontalSpacer, ReqoreSpacer, ReqoreVerticalSpacer } from './components/Spacer';
38
+ export { ReqoreSpinner } from './components/Spinner';
38
39
  export { default as ReqoreTable } from './components/Table';
39
40
  export { default as ReqoreTabs } from './components/Tabs';
40
41
  export { default as ReqoreTabsContent } from './components/Tabs/content';
@@ -54,5 +55,6 @@ export { default as ReqoreContext } from './context/ReqoreContext';
54
55
  export { default as ReqoreThemeContext } from './context/ThemeContext';
55
56
  export { default as useLatestZIndex } from './hooks/useLatestZIndex';
56
57
  export { useReqore } from './hooks/useReqore';
58
+ export { useReqoreProperty } from './hooks/useReqoreContext';
57
59
  export { useReqoreTheme } from './hooks/useTheme';
58
60
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -11,8 +11,8 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
11
11
  o[k2] = m[k];
12
12
  }));
13
13
  exports.__esModule = true;
14
- exports.ReqoreTable = exports.ReqoreVerticalSpacer = exports.ReqoreSpacer = exports.ReqoreHorizontalSpacer = exports.ReqoreSidebar = exports.ReqoreRadioGroup = exports.ReqorePopover = exports.ReqoreParagraph = exports.ReqoreP = exports.ReqorePanel = exports.ReqoreNotification = exports.ReqoreNotificationsWrapper = exports.ReqoreNavbarItem = exports.ReqoreNavbarGroup = exports.ReqoreNavbarDivider = exports.ReqoreHeader = exports.ReqoreFooter = exports.ReqoreMultiSelect = exports.ReqoreModal = exports.ReqoreMessage = exports.ReqoreMenuItem = exports.ReqoreMenuDivider = exports.ReqoreMenu = exports.ReqoreLayoutContent = exports.ReqoreInput = exports.ReqoreIcon = exports.ReqoreHeading = exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreTextEffect = exports.ReqoreEffect = exports.ReqoreDropdownItem = exports.ReqoreDropdownDivider = exports.ReqoreDropdown = exports.ReqoreDrawer = exports.ReqoreControlGroup = exports.ReqoreContent = exports.ReqoreCommentFeed = exports.ReqoreComment = exports.ReqoreColumn = exports.ReqoreColumns = exports.ReqoreCollection = exports.ReqoreCheckbox = exports.ReqoreButton = exports.ReqoreBreadcrumbsItem = exports.ReqoreBreadcrumbs = void 0;
15
- exports.useReqoreTheme = exports.useReqore = exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreIntents = exports.ReqoreSizes = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = exports.ReqoreTagGroup = exports.ReqoreTag = exports.ReqoreTabsList = exports.ReqoreTabsListItem = exports.ReqoreTabsContent = exports.ReqoreTabs = void 0;
14
+ exports.ReqoreSpinner = exports.ReqoreVerticalSpacer = exports.ReqoreSpacer = exports.ReqoreHorizontalSpacer = exports.ReqoreSidebar = exports.ReqoreRadioGroup = exports.ReqorePopover = exports.ReqoreParagraph = exports.ReqoreP = exports.ReqorePanel = exports.ReqoreNotification = exports.ReqoreNotificationsWrapper = exports.ReqoreNavbarItem = exports.ReqoreNavbarGroup = exports.ReqoreNavbarDivider = exports.ReqoreHeader = exports.ReqoreFooter = exports.ReqoreMultiSelect = exports.ReqoreModal = exports.ReqoreMessage = exports.ReqoreMenuItem = exports.ReqoreMenuDivider = exports.ReqoreMenu = exports.ReqoreLayoutContent = exports.ReqoreInput = exports.ReqoreIcon = exports.ReqoreHeading = exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreTextEffect = exports.ReqoreEffect = exports.ReqoreDropdownItem = exports.ReqoreDropdownDivider = exports.ReqoreDropdown = exports.ReqoreDrawer = exports.ReqoreControlGroup = exports.ReqoreContent = exports.ReqoreCommentFeed = exports.ReqoreComment = exports.ReqoreColumn = exports.ReqoreColumns = exports.ReqoreCollection = exports.ReqoreCheckbox = exports.ReqoreButton = exports.ReqoreBreadcrumbsItem = exports.ReqoreBreadcrumbs = void 0;
15
+ exports.useReqoreTheme = exports.useReqoreProperty = exports.useReqore = exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreIntents = exports.ReqoreSizes = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = exports.ReqoreTagGroup = exports.ReqoreTag = exports.ReqoreTabsList = exports.ReqoreTabsListItem = exports.ReqoreTabsContent = exports.ReqoreTabs = exports.ReqoreTable = void 0;
16
16
  var Breadcrumbs_1 = require("./components/Breadcrumbs");
17
17
  __createBinding(exports, Breadcrumbs_1, "default", "ReqoreBreadcrumbs");
18
18
  var item_1 = require("./components/Breadcrumbs/item");
@@ -99,6 +99,8 @@ var Spacer_1 = require("./components/Spacer");
99
99
  __createBinding(exports, Spacer_1, "ReqoreHorizontalSpacer");
100
100
  __createBinding(exports, Spacer_1, "ReqoreSpacer");
101
101
  __createBinding(exports, Spacer_1, "ReqoreVerticalSpacer");
102
+ var Spinner_1 = require("./components/Spinner");
103
+ __createBinding(exports, Spinner_1, "ReqoreSpinner");
102
104
  var Table_1 = require("./components/Table");
103
105
  __createBinding(exports, Table_1, "default", "ReqoreTable");
104
106
  var Tabs_1 = require("./components/Tabs");
@@ -137,6 +139,8 @@ var useLatestZIndex_1 = require("./hooks/useLatestZIndex");
137
139
  __createBinding(exports, useLatestZIndex_1, "default", "useLatestZIndex");
138
140
  var useReqore_1 = require("./hooks/useReqore");
139
141
  __createBinding(exports, useReqore_1, "useReqore");
142
+ var useReqoreContext_1 = require("./hooks/useReqoreContext");
143
+ __createBinding(exports, useReqoreContext_1, "useReqoreProperty");
140
144
  var useTheme_1 = require("./hooks/useTheme");
141
145
  __createBinding(exports, useTheme_1, "useReqoreTheme");
142
146
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,wDAA6D;AAApD,6DAAiB;AAC1B,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,gDAAgE;AAAvD,gEAAwB;AACjC,8CAAiG;AAAxF,6DAAsB;AAAE,mDAAY;AAAE,2DAAoB;AACnE,4CAA4D;AAAnD,4DAAsB;AAC/B,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,2CAAgD;AAAvC,iDAAW;AACpB,2CAAkD;AAAzC,mDAAa;AACtB,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,2DAAqE;AAA5D,0EAA0B;AACnC,+CAA8C;AAArC,mDAAS;AAClB,6CAAkD;AAAzC,uDAAc"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,wDAA6D;AAApD,6DAAiB;AAC1B,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,gDAAgE;AAAvD,gEAAwB;AACjC,8CAAiG;AAAxF,6DAAsB;AAAE,mDAAY;AAAE,2DAAoB;AACnE,gDAAqD;AAA5C,qDAAa;AACtB,4CAA4D;AAAnD,4DAAsB;AAC/B,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,2CAAgD;AAAvC,iDAAW;AACpB,2CAAkD;AAAzC,mDAAa;AACtB,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,2DAAqE;AAA5D,0EAA0B;AACnC,+CAA8C;AAArC,mDAAS;AAClB,6DAA6D;AAApD,kEAAiB;AAC1B,6CAAkD;AAAzC,uDAAc"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qoretechnologies/reqore",
3
- "version": "0.32.0",
3
+ "version": "0.32.3",
4
4
  "description": "ReQore is a highly theme-able and modular UI library for React",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -10,6 +10,7 @@
10
10
  "test:ci": "./node_modules/.bin/jest --silent --json --outputFile=tests.json",
11
11
  "build": "./node_modules/typescript/bin/tsc --project tsconfig.prod.json",
12
12
  "build:test": "./node_modules/typescript/bin/tsc --noEmit",
13
+ "build:test:prod": "./node_modules/typescript/bin/tsc --project tsconfig.prod.json --noEmit",
13
14
  "storybook": "start-storybook -p 6007 --no-dll",
14
15
  "init-storybook": "yarn test:ci && yarn storybook",
15
16
  "build-storybook": "build-storybook"
@@ -56,8 +57,8 @@
56
57
  "@types/jest": "^26.0.19",
57
58
  "@types/lodash": "^4.14.166",
58
59
  "@types/node": "^14.14.14",
59
- "@types/react": "^17.0.0",
60
- "@types/react-dom": "^17.0.0",
60
+ "@types/react": "^18.0.28",
61
+ "@types/react-dom": "^18.0.11",
61
62
  "babel-jest": "^26.6.3",
62
63
  "babel-loader": "^8.2.2",
63
64
  "chromatic": "^6.3.3",
@@ -66,13 +67,12 @@
66
67
  "npm-cli-login": "^0.1.1",
67
68
  "playwright": "^1.16.3",
68
69
  "pre-push": "^0.1.4",
69
- "react": "^17.0.2",
70
- "react-dom": "^17.0.2",
70
+ "react": "^18.2.0",
71
+ "react-dom": "^18.2.0",
71
72
  "react-intersection-observer": "^9.4.2",
72
- "react-test-renderer": "^17.0.2",
73
+ "react-test-renderer": "^18.2.0",
73
74
  "storybook-addon-outline": "^1.4.2",
74
75
  "storybook-dark-mode": "^1.1.2",
75
- "styled-components": "^5.2.1",
76
76
  "ts-jest": "^26.4.4",
77
77
  "ts-node": "^9.1.1",
78
78
  "typescript": "^4.7.3",
@@ -83,20 +83,22 @@
83
83
  "react-dom": "^18.2.0"
84
84
  },
85
85
  "dependencies": {
86
- "@popperjs/core": "^2.10.2",
87
- "@react-spring/web": "^9.2.4",
86
+ "@popperjs/core": "^2.11.6",
87
+ "@react-spring/web": "^9.6.1",
88
88
  "classnames": "^2.2.6",
89
89
  "epoch-timeago": "^1.1.9",
90
- "lodash": "^4.17.20",
91
- "polished": "^4.1.3",
90
+ "lodash": "^4.17.21",
91
+ "polished": "^4.2.2",
92
92
  "re-resizable": "^6.9.0",
93
- "react-icons": "^4.3.1",
94
- "react-popper": "^2.2.5",
93
+ "react-icons": "^4.7.1",
94
+ "react-popper": "^2.3.0",
95
95
  "react-scrollbar": "^0.5.6",
96
- "react-use": "^15.3.4",
96
+ "react-use": "^17.4.0",
97
97
  "react-window": "^1.8.6",
98
+ "scheduler": "^0.23.0",
98
99
  "shortid": "^2.2.16",
99
- "styled-components": "^5.2.1",
100
- "thenby": "^1.3.4"
100
+ "styled-components": "^5.3.6",
101
+ "thenby": "^1.3.4",
102
+ "use-context-selector": "^1.4.1"
101
103
  }
102
104
  }
@@ -1,4 +1,4 @@
1
- import { forwardRef } from 'react';
1
+ import { forwardRef, useState } from 'react';
2
2
  import styled, { css } from 'styled-components';
3
3
  import { IReqoreBreadcrumbItem } from '.';
4
4
  import { PADDING_FROM_SIZE, TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
@@ -124,13 +124,17 @@ const ReqoreBreadcrumbsItem = forwardRef<HTMLDivElement, IReqoreBreadcrumbItemPr
124
124
  ref
125
125
  ) => {
126
126
  const { targetRef } = useCombinedRefs(ref);
127
+ const [itemRef, setItemRef] = useState(undefined);
127
128
  const theme = useReqoreTheme('breadcrumbs', customTheme);
128
129
 
129
- useTooltip(targetRef?.current, tooltip);
130
+ useTooltip(itemRef, tooltip);
130
131
 
131
132
  return (
132
133
  <StyledBreadcrumbItem
133
- ref={targetRef}
134
+ ref={(ref) => {
135
+ targetRef.current = ref;
136
+ setItemRef(ref);
137
+ }}
134
138
  active={active}
135
139
  interactive={interactive || !!props?.onClick}
136
140
  className='reqore-breadcrumbs-item'
@@ -1,5 +1,5 @@
1
1
  import { rgba } from 'polished';
2
- import React, { forwardRef, memo, useCallback, useContext } from 'react';
2
+ import React, { forwardRef, memo, useCallback, useState } from 'react';
3
3
  import styled, { css } from 'styled-components';
4
4
  import {
5
5
  ICON_FROM_SIZE,
@@ -10,10 +10,10 @@ import {
10
10
  TSizes,
11
11
  } from '../../constants/sizes';
12
12
  import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
13
- import ReqoreContext from '../../context/ReqoreContext';
14
13
  import { changeLightness, getReadableColor, getReadableColorFrom } from '../../helpers/colors';
15
14
  import { alignToFlexAlign, getOneLessSize } from '../../helpers/utils';
16
15
  import { useCombinedRefs } from '../../hooks/useCombinedRefs';
16
+ import { useReqoreProperty } from '../../hooks/useReqoreContext';
17
17
  import { useReqoreEffect } from '../../hooks/useReqoreEffect';
18
18
  import { useReqoreTheme } from '../../hooks/useTheme';
19
19
  import { useTooltip } from '../../hooks/useTooltip';
@@ -398,12 +398,13 @@ const ReqoreButton = memo(
398
398
  ref
399
399
  ) => {
400
400
  const { targetRef } = useCombinedRefs(ref);
401
- const { animations } = useContext(ReqoreContext);
401
+ const [buttonRef, setButtonRef] = useState<HTMLButtonElement>(undefined);
402
+ const animations = useReqoreProperty('animations');
402
403
  const theme = useReqoreTheme('main', customTheme, intent);
403
404
  const fixedEffect = useReqoreEffect('buttons', theme, effect);
404
405
 
405
406
  /* A custom hook that is used to add a tooltip to the button. */
406
- useTooltip(targetRef.current, tooltip);
407
+ useTooltip(buttonRef, tooltip);
407
408
 
408
409
  // If color or intent was specified, set the color
409
410
  const customColor = intent ? theme.main : changeLightness(theme.main, 0.07);
@@ -428,7 +429,10 @@ const ReqoreButton = memo(
428
429
  tabindex={rest.disabled ? -1 : 0}
429
430
  as='button'
430
431
  theme={theme}
431
- ref={targetRef}
432
+ ref={(ref) => {
433
+ targetRef.current = ref;
434
+ setButtonRef(ref);
435
+ }}
432
436
  fluid={fluid}
433
437
  fixed={fixed}
434
438
  maxWidth={maxWidth}
@@ -450,7 +454,14 @@ const ReqoreButton = memo(
450
454
  icon={icon}
451
455
  size={size}
452
456
  color={leftIconColor || iconColor}
453
- style={textAlign !== 'left' ? { marginRight: 'auto' } : undefined}
457
+ style={
458
+ textAlign !== 'left'
459
+ ? {
460
+ marginRight: 'auto',
461
+ marginLeft: textAlign === 'center' ? 'auto' : undefined,
462
+ }
463
+ : undefined
464
+ }
454
465
  />
455
466
  {children || badge || rightIcon ? (
456
467
  <ReqoreSpacer width={PADDING_FROM_SIZE[size]} />
@@ -497,7 +508,14 @@ const ReqoreButton = memo(
497
508
  <ReqoreIcon
498
509
  icon={rightIcon}
499
510
  size={size}
500
- style={textAlign !== 'right' ? { marginLeft: 'auto' } : undefined}
511
+ style={
512
+ textAlign !== 'right'
513
+ ? {
514
+ marginLeft: 'auto',
515
+ marginRight: textAlign === 'center' ? 'auto' : undefined,
516
+ }
517
+ : undefined
518
+ }
501
519
  color={rightIconColor || iconColor}
502
520
  />
503
521
  </>
@@ -1,5 +1,5 @@
1
1
  import { rgba } from 'polished';
2
- import React, { forwardRef, useMemo } from 'react';
2
+ import React, { forwardRef, useMemo, useState } from 'react';
3
3
  import { useMeasure } from 'react-use';
4
4
  import styled, { css } from 'styled-components';
5
5
  import { PADDING_FROM_SIZE, SIZE_TO_PX, TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
@@ -8,7 +8,7 @@ import {
8
8
  changeLightness,
9
9
  getNthGradientColor,
10
10
  getReadableColor,
11
- getReadableColorFrom
11
+ getReadableColorFrom,
12
12
  } from '../../helpers/colors';
13
13
  import { getOneLessSize } from '../../helpers/utils';
14
14
  import { useCombinedRefs } from '../../hooks/useCombinedRefs';
@@ -21,7 +21,7 @@ import {
21
21
  IReqoreReadOnly,
22
22
  IWithReqoreCustomTheme,
23
23
  IWithReqoreEffect,
24
- TReqoreTooltipProp
24
+ TReqoreTooltipProp,
25
25
  } from '../../types/global';
26
26
  import { IReqoreIconName } from '../../types/icons';
27
27
  import { IReqoreEffect, ReqoreTextEffect, StyledEffect, StyledTextEffect } from '../Effect';
@@ -196,11 +196,12 @@ const Checkbox = forwardRef<HTMLDivElement, IReqoreCheckboxProps>(
196
196
  ref
197
197
  ) => {
198
198
  const { targetRef } = useCombinedRefs(ref);
199
+ const [itemRef, setItemRef] = useState<HTMLDivElement>(undefined);
199
200
  const [offRef, { width: offWidth }] = useMeasure();
200
201
  const [onRef, { width: onWidth }] = useMeasure();
201
202
  const theme = useReqoreTheme('main', customTheme, intent);
202
203
 
203
- useTooltip(targetRef.current, tooltip);
204
+ useTooltip(itemRef, tooltip);
204
205
 
205
206
  const width = useMemo(() => {
206
207
  if ((!image && !onText) || !offText) return undefined;
@@ -217,7 +218,10 @@ const Checkbox = forwardRef<HTMLDivElement, IReqoreCheckboxProps>(
217
218
  return (
218
219
  <StyledCheckbox
219
220
  {...rest}
220
- ref={targetRef}
221
+ ref={(ref) => {
222
+ targetRef.current = ref;
223
+ setItemRef(ref);
224
+ }}
221
225
  theme={theme}
222
226
  size={size}
223
227
  disabled={disabled}