@fluentui/react-utilities 0.0.0-nightly050f89bf0020211102.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 (217) hide show
  1. package/CHANGELOG.json +1637 -0
  2. package/CHANGELOG.md +677 -0
  3. package/LICENSE +15 -0
  4. package/README.md +5 -0
  5. package/dist/react-utilities.d.ts +648 -0
  6. package/lib/compose/getSlots.d.ts +29 -0
  7. package/lib/compose/getSlots.js +72 -0
  8. package/lib/compose/getSlots.js.map +1 -0
  9. package/lib/compose/index.d.ts +4 -0
  10. package/lib/compose/index.js +5 -0
  11. package/lib/compose/index.js.map +1 -0
  12. package/lib/compose/nullRender.d.ts +4 -0
  13. package/lib/compose/nullRender.js +7 -0
  14. package/lib/compose/nullRender.js.map +1 -0
  15. package/lib/compose/resolveShorthand.d.ts +12 -0
  16. package/lib/compose/resolveShorthand.js +30 -0
  17. package/lib/compose/resolveShorthand.js.map +1 -0
  18. package/lib/compose/types.d.ts +104 -0
  19. package/lib/compose/types.js +6 -0
  20. package/lib/compose/types.js.map +1 -0
  21. package/lib/hooks/index.d.ts +16 -0
  22. package/lib/hooks/index.js +17 -0
  23. package/lib/hooks/index.js.map +1 -0
  24. package/lib/hooks/useBoolean.d.ts +17 -0
  25. package/lib/hooks/useBoolean.js +39 -0
  26. package/lib/hooks/useBoolean.js.map +1 -0
  27. package/lib/hooks/useConst.d.ts +12 -0
  28. package/lib/hooks/useConst.js +30 -0
  29. package/lib/hooks/useConst.js.map +1 -0
  30. package/lib/hooks/useControllableState.d.ts +21 -0
  31. package/lib/hooks/useControllableState.js +72 -0
  32. package/lib/hooks/useControllableState.js.map +1 -0
  33. package/lib/hooks/useControllableValue.d.ts +20 -0
  34. package/lib/hooks/useControllableValue.js +62 -0
  35. package/lib/hooks/useControllableValue.js.map +1 -0
  36. package/lib/hooks/useEventCallback.d.ts +13 -0
  37. package/lib/hooks/useEventCallback.js +34 -0
  38. package/lib/hooks/useEventCallback.js.map +1 -0
  39. package/lib/hooks/useFirstMount.d.ts +11 -0
  40. package/lib/hooks/useFirstMount.js +23 -0
  41. package/lib/hooks/useFirstMount.js.map +1 -0
  42. package/lib/hooks/useForceUpdate.d.ts +4 -0
  43. package/lib/hooks/useForceUpdate.js +11 -0
  44. package/lib/hooks/useForceUpdate.js.map +1 -0
  45. package/lib/hooks/useId.d.ts +15 -0
  46. package/lib/hooks/useId.js +27 -0
  47. package/lib/hooks/useId.js.map +1 -0
  48. package/lib/hooks/useIsomorphicLayoutEffect.d.ts +11 -0
  49. package/lib/hooks/useIsomorphicLayoutEffect.js +15 -0
  50. package/lib/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  51. package/lib/hooks/useMergedRefs.d.ts +13 -0
  52. package/lib/hooks/useMergedRefs.js +34 -0
  53. package/lib/hooks/useMergedRefs.js.map +1 -0
  54. package/lib/hooks/useMount.d.ts +6 -0
  55. package/lib/hooks/useMount.js +17 -0
  56. package/lib/hooks/useMount.js.map +1 -0
  57. package/lib/hooks/useOnClickOutside.d.ts +29 -0
  58. package/lib/hooks/useOnClickOutside.js +142 -0
  59. package/lib/hooks/useOnClickOutside.js.map +1 -0
  60. package/lib/hooks/useOnScrollOutside.d.ts +5 -0
  61. package/lib/hooks/useOnScrollOutside.js +38 -0
  62. package/lib/hooks/useOnScrollOutside.js.map +1 -0
  63. package/lib/hooks/usePrevious.d.ts +1 -0
  64. package/lib/hooks/usePrevious.js +9 -0
  65. package/lib/hooks/usePrevious.js.map +1 -0
  66. package/lib/hooks/useTimeout.d.ts +8 -0
  67. package/lib/hooks/useTimeout.js +33 -0
  68. package/lib/hooks/useTimeout.js.map +1 -0
  69. package/lib/hooks/useUnmount.d.ts +6 -0
  70. package/lib/hooks/useUnmount.js +19 -0
  71. package/lib/hooks/useUnmount.js.map +1 -0
  72. package/lib/index.d.ts +4 -0
  73. package/lib/index.js +5 -0
  74. package/lib/index.js.map +1 -0
  75. package/lib/ssr/SSRContext.d.ts +33 -0
  76. package/lib/ssr/SSRContext.js +71 -0
  77. package/lib/ssr/SSRContext.js.map +1 -0
  78. package/lib/ssr/canUseDOM.d.ts +4 -0
  79. package/lib/ssr/canUseDOM.js +8 -0
  80. package/lib/ssr/canUseDOM.js.map +1 -0
  81. package/lib/ssr/index.d.ts +2 -0
  82. package/lib/ssr/index.js +3 -0
  83. package/lib/ssr/index.js.map +1 -0
  84. package/lib/tsdoc-metadata.json +11 -0
  85. package/lib/utils/applyTriggerPropsToChildren.d.ts +5 -0
  86. package/lib/utils/applyTriggerPropsToChildren.js +16 -0
  87. package/lib/utils/applyTriggerPropsToChildren.js.map +1 -0
  88. package/lib/utils/clamp.d.ts +8 -0
  89. package/lib/utils/clamp.js +11 -0
  90. package/lib/utils/clamp.js.map +1 -0
  91. package/lib/utils/getNativeElementProps.d.ts +9 -0
  92. package/lib/utils/getNativeElementProps.js +38 -0
  93. package/lib/utils/getNativeElementProps.js.map +1 -0
  94. package/lib/utils/getRTLSafeKey.d.ts +4 -0
  95. package/lib/utils/getRTLSafeKey.js +21 -0
  96. package/lib/utils/getRTLSafeKey.js.map +1 -0
  97. package/lib/utils/index.d.ts +8 -0
  98. package/lib/utils/index.js +9 -0
  99. package/lib/utils/index.js.map +1 -0
  100. package/lib/utils/omit.d.ts +14 -0
  101. package/lib/utils/omit.js +27 -0
  102. package/lib/utils/omit.js.map +1 -0
  103. package/lib/utils/onlyChild.d.ts +5 -0
  104. package/lib/utils/onlyChild.js +13 -0
  105. package/lib/utils/onlyChild.js.map +1 -0
  106. package/lib/utils/properties.d.ts +148 -0
  107. package/lib/utils/properties.js +218 -0
  108. package/lib/utils/properties.js.map +1 -0
  109. package/lib/utils/shouldPreventDefaultOnKeyDown.d.ts +7 -0
  110. package/lib/utils/shouldPreventDefaultOnKeyDown.js +20 -0
  111. package/lib/utils/shouldPreventDefaultOnKeyDown.js.map +1 -0
  112. package/lib-commonjs/compose/getSlots.d.ts +29 -0
  113. package/lib-commonjs/compose/getSlots.js +85 -0
  114. package/lib-commonjs/compose/getSlots.js.map +1 -0
  115. package/lib-commonjs/compose/index.d.ts +4 -0
  116. package/lib-commonjs/compose/index.js +16 -0
  117. package/lib-commonjs/compose/index.js.map +1 -0
  118. package/lib-commonjs/compose/nullRender.d.ts +4 -0
  119. package/lib-commonjs/compose/nullRender.js +16 -0
  120. package/lib-commonjs/compose/nullRender.js.map +1 -0
  121. package/lib-commonjs/compose/resolveShorthand.d.ts +12 -0
  122. package/lib-commonjs/compose/resolveShorthand.js +41 -0
  123. package/lib-commonjs/compose/resolveShorthand.js.map +1 -0
  124. package/lib-commonjs/compose/types.d.ts +104 -0
  125. package/lib-commonjs/compose/types.js +10 -0
  126. package/lib-commonjs/compose/types.js.map +1 -0
  127. package/lib-commonjs/hooks/index.d.ts +16 -0
  128. package/lib-commonjs/hooks/index.js +40 -0
  129. package/lib-commonjs/hooks/index.js.map +1 -0
  130. package/lib-commonjs/hooks/useBoolean.d.ts +17 -0
  131. package/lib-commonjs/hooks/useBoolean.js +50 -0
  132. package/lib-commonjs/hooks/useBoolean.js.map +1 -0
  133. package/lib-commonjs/hooks/useConst.d.ts +12 -0
  134. package/lib-commonjs/hooks/useConst.js +40 -0
  135. package/lib-commonjs/hooks/useConst.js.map +1 -0
  136. package/lib-commonjs/hooks/useControllableState.d.ts +21 -0
  137. package/lib-commonjs/hooks/useControllableState.js +82 -0
  138. package/lib-commonjs/hooks/useControllableState.js.map +1 -0
  139. package/lib-commonjs/hooks/useControllableValue.d.ts +20 -0
  140. package/lib-commonjs/hooks/useControllableValue.js +73 -0
  141. package/lib-commonjs/hooks/useControllableValue.js.map +1 -0
  142. package/lib-commonjs/hooks/useEventCallback.d.ts +13 -0
  143. package/lib-commonjs/hooks/useEventCallback.js +45 -0
  144. package/lib-commonjs/hooks/useEventCallback.js.map +1 -0
  145. package/lib-commonjs/hooks/useFirstMount.d.ts +11 -0
  146. package/lib-commonjs/hooks/useFirstMount.js +33 -0
  147. package/lib-commonjs/hooks/useFirstMount.js.map +1 -0
  148. package/lib-commonjs/hooks/useForceUpdate.d.ts +4 -0
  149. package/lib-commonjs/hooks/useForceUpdate.js +21 -0
  150. package/lib-commonjs/hooks/useForceUpdate.js.map +1 -0
  151. package/lib-commonjs/hooks/useId.d.ts +15 -0
  152. package/lib-commonjs/hooks/useId.js +40 -0
  153. package/lib-commonjs/hooks/useId.js.map +1 -0
  154. package/lib-commonjs/hooks/useIsomorphicLayoutEffect.d.ts +11 -0
  155. package/lib-commonjs/hooks/useIsomorphicLayoutEffect.js +24 -0
  156. package/lib-commonjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  157. package/lib-commonjs/hooks/useMergedRefs.d.ts +13 -0
  158. package/lib-commonjs/hooks/useMergedRefs.js +45 -0
  159. package/lib-commonjs/hooks/useMergedRefs.js.map +1 -0
  160. package/lib-commonjs/hooks/useMount.d.ts +6 -0
  161. package/lib-commonjs/hooks/useMount.js +27 -0
  162. package/lib-commonjs/hooks/useMount.js.map +1 -0
  163. package/lib-commonjs/hooks/useOnClickOutside.d.ts +29 -0
  164. package/lib-commonjs/hooks/useOnClickOutside.js +153 -0
  165. package/lib-commonjs/hooks/useOnClickOutside.js.map +1 -0
  166. package/lib-commonjs/hooks/useOnScrollOutside.d.ts +5 -0
  167. package/lib-commonjs/hooks/useOnScrollOutside.js +49 -0
  168. package/lib-commonjs/hooks/useOnScrollOutside.js.map +1 -0
  169. package/lib-commonjs/hooks/usePrevious.d.ts +1 -0
  170. package/lib-commonjs/hooks/usePrevious.js +19 -0
  171. package/lib-commonjs/hooks/usePrevious.js.map +1 -0
  172. package/lib-commonjs/hooks/useTimeout.d.ts +8 -0
  173. package/lib-commonjs/hooks/useTimeout.js +44 -0
  174. package/lib-commonjs/hooks/useTimeout.js.map +1 -0
  175. package/lib-commonjs/hooks/useUnmount.d.ts +6 -0
  176. package/lib-commonjs/hooks/useUnmount.js +29 -0
  177. package/lib-commonjs/hooks/useUnmount.js.map +1 -0
  178. package/lib-commonjs/index.d.ts +4 -0
  179. package/lib-commonjs/index.js +16 -0
  180. package/lib-commonjs/index.js.map +1 -0
  181. package/lib-commonjs/ssr/SSRContext.d.ts +33 -0
  182. package/lib-commonjs/ssr/SSRContext.js +86 -0
  183. package/lib-commonjs/ssr/SSRContext.js.map +1 -0
  184. package/lib-commonjs/ssr/canUseDOM.d.ts +4 -0
  185. package/lib-commonjs/ssr/canUseDOM.js +17 -0
  186. package/lib-commonjs/ssr/canUseDOM.js.map +1 -0
  187. package/lib-commonjs/ssr/index.d.ts +2 -0
  188. package/lib-commonjs/ssr/index.js +12 -0
  189. package/lib-commonjs/ssr/index.js.map +1 -0
  190. package/lib-commonjs/utils/applyTriggerPropsToChildren.d.ts +5 -0
  191. package/lib-commonjs/utils/applyTriggerPropsToChildren.js +27 -0
  192. package/lib-commonjs/utils/applyTriggerPropsToChildren.js.map +1 -0
  193. package/lib-commonjs/utils/clamp.d.ts +8 -0
  194. package/lib-commonjs/utils/clamp.js +20 -0
  195. package/lib-commonjs/utils/clamp.js.map +1 -0
  196. package/lib-commonjs/utils/getNativeElementProps.d.ts +9 -0
  197. package/lib-commonjs/utils/getNativeElementProps.js +48 -0
  198. package/lib-commonjs/utils/getNativeElementProps.js.map +1 -0
  199. package/lib-commonjs/utils/getRTLSafeKey.d.ts +4 -0
  200. package/lib-commonjs/utils/getRTLSafeKey.js +30 -0
  201. package/lib-commonjs/utils/getRTLSafeKey.js.map +1 -0
  202. package/lib-commonjs/utils/index.d.ts +8 -0
  203. package/lib-commonjs/utils/index.js +24 -0
  204. package/lib-commonjs/utils/index.js.map +1 -0
  205. package/lib-commonjs/utils/omit.d.ts +14 -0
  206. package/lib-commonjs/utils/omit.js +36 -0
  207. package/lib-commonjs/utils/omit.js.map +1 -0
  208. package/lib-commonjs/utils/onlyChild.d.ts +5 -0
  209. package/lib-commonjs/utils/onlyChild.js +23 -0
  210. package/lib-commonjs/utils/onlyChild.js.map +1 -0
  211. package/lib-commonjs/utils/properties.d.ts +148 -0
  212. package/lib-commonjs/utils/properties.js +227 -0
  213. package/lib-commonjs/utils/properties.js.map +1 -0
  214. package/lib-commonjs/utils/shouldPreventDefaultOnKeyDown.d.ts +7 -0
  215. package/lib-commonjs/utils/shouldPreventDefaultOnKeyDown.js +30 -0
  216. package/lib-commonjs/utils/shouldPreventDefaultOnKeyDown.js.map +1 -0
  217. package/package.json +55 -0
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useControllableValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,YAAzB;AAqCA,OAAM,SAAU,oBAAV,CAKJ,eALI,EAMJ,wBANI,EAOJ,QAPI,EAO+C;AAE7C,MAAA,EAAA,GAAoB,KAAK,CAAC,QAAN,CAAmC,wBAAnC,CAApB;AAAA,MAAC,KAAK,GAAA,EAAA,CAAA,CAAA,CAAN;AAAA,MAAQ,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAhB;;AACN,MAAM,YAAY,GAAG,eAAe,CAAC,eAAD,CAApC;AACA,MAAM,YAAY,GAAG,YAAY,GAAG,eAAH,GAAqB,KAAtD,CAJmD,CAMnD;AACA;;AACA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAN,CAAa,YAAb,CAAjB;AACA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAN,CAAa,QAAb,CAApB;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,IAAA,QAAQ,CAAC,OAAT,GAAmB,YAAnB;AACA,IAAA,WAAW,CAAC,OAAZ,GAAsB,QAAtB;AACD,GAHD,EAVmD,CAenD;AACA;;AACA,MAAM,sBAAsB,GAAG,QAAQ,CAAC,YAAA;AAAM,WAAA,UAAC,MAAD,EAAmD,EAAnD,EAA8D;AAC1G;AACA;AACA,UAAM,QAAQ,GAAG,OAAO,MAAP,KAAkB,UAAlB,GAAgC,MAAmB,CAAC,QAAQ,CAAC,OAAV,CAAnD,GAAwE,MAAzF;;AAEA,UAAI,WAAW,CAAC,OAAhB,EAAyB;AACvB,QAAA,WAAW,CAAC,OAAZ,CAAoB,EAApB,EAAyB,QAAzB;AACD;;AAED,UAAI,CAAC,YAAL,EAAmB;AACjB,QAAA,QAAQ,CAAC,QAAD,CAAR;AACD;AAX2C,KAAA;AAY7C,GAZsC,CAAvC;AAcA,SAAO,CAAC,YAAD,EAAe,sBAAf,CAAP;AACD;AAED;;;AAGG;;AACH,IAAM,eAAe,GAAG,UAAS,eAAT,EAAgC;AACtD,MAAM,YAAY,GAAG,QAAQ,CAAU,eAAe,KAAK,SAA9B,CAA7B;;AAEA,MAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;AACzC;AACA;AACA,IAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,UAAI,YAAY,MAAM,eAAe,KAAK,SAA1B,CAAhB,EAAsD;AACpD,YAAM,KAAK,GAAG,IAAI,KAAJ,EAAd;AAEA,YAAM,cAAc,GAAG,YAAY,GAC/B,uCAD+B,GAE/B,wCAFJ;AAIA,YAAM,gBAAgB,GAAG,YAAY,GAAG,yBAAH,GAA+B,wBAApE,CAPoD,CASpD;;AACA,QAAA,OAAO,CAAC,KAAR,CACE,CACE;AACA,qCAA6B,cAA7B,GAA8C,sCAFhD,EAGE,mBAAmB,gBAAnB,GAAsC,kCAHxC,EAIE,oGAJF,EAKE,2DALF,EAME,KAAK,CAAC,KANR,EAOE,IAPF,CAOO,GAPP,CADF;AAUD;AACF,KAtBD,EAsBG,CAAC,YAAD,EAAe,eAAf,CAtBH;AAuBD;;AAED,SAAO,YAAP;AACD,CAhCD","sourceRoot":""}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
3
+ *
4
+ * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
5
+ * e.g. user props are dependencies which could change on every render
6
+ * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
7
+ *
8
+ * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
9
+ * will not be invalidated between re-renders
10
+ *
11
+ * @param fn - The callback function that will be used
12
+ */
13
+ export declare const useEventCallback: <Args extends unknown[], Return>(fn: (...args: Args) => Return) => (...args: Args) => Return;
@@ -0,0 +1,34 @@
1
+ import * as React from 'react';
2
+ import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
3
+ /**
4
+ * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
5
+ *
6
+ * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
7
+ * e.g. user props are dependencies which could change on every render
8
+ * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
9
+ *
10
+ * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
11
+ * will not be invalidated between re-renders
12
+ *
13
+ * @param fn - The callback function that will be used
14
+ */
15
+
16
+ export var useEventCallback = function (fn) {
17
+ var callbackRef = React.useRef(function () {
18
+ throw new Error('Cannot call an event handler while rendering');
19
+ });
20
+ useIsomorphicLayoutEffect(function () {
21
+ callbackRef.current = fn;
22
+ }, [fn]);
23
+ return React.useCallback(function () {
24
+ var args = [];
25
+
26
+ for (var _i = 0; _i < arguments.length; _i++) {
27
+ args[_i] = arguments[_i];
28
+ }
29
+
30
+ var callback = callbackRef.current;
31
+ return callback.apply(void 0, args);
32
+ }, [callbackRef]);
33
+ };
34
+ //# sourceMappingURL=useEventCallback.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useEventCallback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,yBAAT,QAA0C,6BAA1C;AAEA;;;;;;;;;;;AAWG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAiC,EAAjC,EAA8D;AAC5F,MAAM,WAAW,GAAG,KAAK,CAAC,MAAN,CAAwB,YAAA;AAC1C,UAAM,IAAI,KAAJ,CAAU,8CAAV,CAAN;AACD,GAFmB,CAApB;AAIA,EAAA,yBAAyB,CAAC,YAAA;AACxB,IAAA,WAAW,CAAC,OAAZ,GAAsB,EAAtB;AACD,GAFwB,EAEtB,CAAC,EAAD,CAFsB,CAAzB;AAIA,SAAO,KAAK,CAAC,WAAN,CACL,YAAA;AAAC,QAAA,IAAA,GAAA,EAAA;;SAAA,IAAA,EAAA,GAAA,C,EAAA,EAAA,GAAA,SAAA,CAAA,M,EAAA,EAAA,E,EAAa;AAAb,MAAA,IAAA,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;;AACC,QAAM,QAAQ,GAAG,WAAW,CAAC,OAA7B;AACA,WAAO,QAAQ,CAAA,KAAR,CAAQ,KAAA,CAAR,EAAY,IAAZ,CAAP;AACD,GAJI,EAKL,CAAC,WAAD,CALK,CAAP;AAOD,CAhBM","sourceRoot":""}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Checks if components was mounted the first time.
3
+ * Since concurrent mode will be released in the future this needs to be verified
4
+ * Currently (React 17) will always render the initial mount once
5
+ * https://codesandbox.io/s/heuristic-brook-s4w0q?file=/src/App.jsx
6
+ * https://codesandbox.io/s/holy-grass-8nieu?file=/src/App.jsx
7
+ *
8
+ * @example
9
+ * const isFirstMount = useFirstMount();
10
+ */
11
+ export declare function useFirstMount(): boolean;
@@ -0,0 +1,23 @@
1
+ import * as React from 'react';
2
+ /**
3
+ * Checks if components was mounted the first time.
4
+ * Since concurrent mode will be released in the future this needs to be verified
5
+ * Currently (React 17) will always render the initial mount once
6
+ * https://codesandbox.io/s/heuristic-brook-s4w0q?file=/src/App.jsx
7
+ * https://codesandbox.io/s/holy-grass-8nieu?file=/src/App.jsx
8
+ *
9
+ * @example
10
+ * const isFirstMount = useFirstMount();
11
+ */
12
+
13
+ export function useFirstMount() {
14
+ var isFirst = React.useRef(true);
15
+
16
+ if (isFirst.current) {
17
+ isFirst.current = false;
18
+ return true;
19
+ }
20
+
21
+ return isFirst.current;
22
+ }
23
+ //# sourceMappingURL=useFirstMount.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useFirstMount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA;;;;;;;;;AASG;;AACH,OAAM,SAAU,aAAV,GAAuB;AAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAN,CAAa,IAAb,CAAhB;;AAEA,MAAI,OAAO,CAAC,OAAZ,EAAqB;AACnB,IAAA,OAAO,CAAC,OAAR,GAAkB,KAAlB;AACA,WAAO,IAAP;AACD;;AAED,SAAO,OAAO,CAAC,OAAf;AACD","sourceRoot":""}
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Forces a re-render, similar to `forceUpdate` in class components.
3
+ */
4
+ export declare function useForceUpdate(): import("react").DispatchWithoutAction;
@@ -0,0 +1,11 @@
1
+ import { useReducer } from 'react';
2
+ /**
3
+ * Forces a re-render, similar to `forceUpdate` in class components.
4
+ */
5
+
6
+ export function useForceUpdate() {
7
+ return useReducer(function (x) {
8
+ return x + 1;
9
+ }, 0)[1];
10
+ }
11
+ //# sourceMappingURL=useForceUpdate.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useForceUpdate.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,QAA2B,OAA3B;AAEA;;AAEG;;AACH,OAAM,SAAU,cAAV,GAAwB;AAC5B,SAAO,UAAU,CAAC,UAAA,CAAA,EAAC;AAAI,WAAA,CAAC,GAAD,CAAA;AAAK,GAAX,EAAa,CAAb,CAAV,CAA0B,CAA1B,CAAP;AACD","sourceRoot":""}
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Resets generated IDs, should be used only in tests.
3
+ *
4
+ * @private
5
+ */
6
+ export declare function resetIdsForTests(): void;
7
+ /**
8
+ * Hook to generate a unique ID.
9
+ *
10
+ * @param prefix - Optional prefix for the ID
11
+ * @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,
12
+ * without conditioning the hook call
13
+ * @returns The ID
14
+ */
15
+ export declare function useId(prefix?: string, providedId?: string): string;
@@ -0,0 +1,27 @@
1
+ import * as React from 'react';
2
+ import { defaultSSRContextValue, useSSRContext } from '../ssr/index';
3
+ /**
4
+ * Resets generated IDs, should be used only in tests.
5
+ *
6
+ * @private
7
+ */
8
+
9
+ export function resetIdsForTests() {
10
+ defaultSSRContextValue.current = 0;
11
+ }
12
+ /**
13
+ * Hook to generate a unique ID.
14
+ *
15
+ * @param prefix - Optional prefix for the ID
16
+ * @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,
17
+ * without conditioning the hook call
18
+ * @returns The ID
19
+ */
20
+
21
+ export function useId(prefix, providedId) {
22
+ var contextValue = useSSRContext();
23
+ return React.useMemo(function () {
24
+ return providedId || "" + prefix + ++contextValue.current;
25
+ }, [prefix, providedId, contextValue]);
26
+ }
27
+ //# sourceMappingURL=useId.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useId.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,sBAAT,EAAiC,aAAjC,QAAsD,cAAtD;AAEA;;;;AAIG;;AACH,OAAM,SAAU,gBAAV,GAA0B;AAC9B,EAAA,sBAAsB,CAAC,OAAvB,GAAiC,CAAjC;AACD;AAED;;;;;;;AAOG;;AACH,OAAM,SAAU,KAAV,CAAgB,MAAhB,EAAiC,UAAjC,EAAoD;AACxD,MAAM,YAAY,GAAG,aAAa,EAAlC;AAEA,SAAO,KAAK,CAAC,OAAN,CAAc,YAAA;AAAM,WAAA,UAAU,IAAI,KAAG,MAAH,GAAY,EAAE,YAAY,CAAxC,OAAA;AAAkD,GAAtE,EAAwE,CAAC,MAAD,EAAS,UAAT,EAAqB,YAArB,CAAxE,CAAP;AACD","sourceRoot":""}
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ /**
3
+ * React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally
4
+ * useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to
5
+ * ensure we don't get a render flash for certain operations, but we may also need affected components to render on
6
+ * the server.
7
+ *
8
+ * https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
9
+ * https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.js
10
+ */
11
+ export declare const useIsomorphicLayoutEffect: typeof React.useEffect;
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ import { canUseDOM } from '../ssr/index';
3
+ /**
4
+ * React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally
5
+ * useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to
6
+ * ensure we don't get a render flash for certain operations, but we may also need affected components to render on
7
+ * the server.
8
+ *
9
+ * https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
10
+ * https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.js
11
+ */
12
+ // eslint-disable-next-line no-restricted-properties
13
+
14
+ export var useIsomorphicLayoutEffect = /*#__PURE__*/canUseDOM() ? React.useLayoutEffect : React.useEffect;
15
+ //# sourceMappingURL=useIsomorphicLayoutEffect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,SAAT,QAA0B,cAA1B;AAEA;;;;;;;;AAQG;AACH;;AACA,OAAO,IAAM,yBAAyB,GAA2B,aAAA,SAAS,KAAK,KAAK,CAAC,eAAX,GAA6B,KAAK,CAAC,SAAtG","sourceRoot":""}
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ /**
3
+ * A Ref function which can be treated like a ref object in that it has an attached
4
+ * current property, which will be updated as the ref is evaluated.
5
+ */
6
+ export declare type RefObjectFunction<T> = React.RefObject<T> & ((value: T) => void);
7
+ /**
8
+ * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that
9
+ * updates all provided refs
10
+ * @param refs - Refs to collectively update with one ref value.
11
+ * @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
12
+ */
13
+ export declare function useMergedRefs<T>(...refs: (React.Ref<T> | undefined)[]): RefObjectFunction<T>;
@@ -0,0 +1,34 @@
1
+ import { __spreadArrays } from "tslib";
2
+ import * as React from 'react';
3
+ /**
4
+ * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that
5
+ * updates all provided refs
6
+ * @param refs - Refs to collectively update with one ref value.
7
+ * @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
8
+ */
9
+
10
+ export function useMergedRefs() {
11
+ var refs = [];
12
+
13
+ for (var _i = 0; _i < arguments.length; _i++) {
14
+ refs[_i] = arguments[_i];
15
+ }
16
+
17
+ var mergedCallback = React.useCallback(function (value) {
18
+ // Update the "current" prop hanging on the function.
19
+ mergedCallback.current = value;
20
+
21
+ for (var _i = 0, refs_1 = refs; _i < refs_1.length; _i++) {
22
+ var ref = refs_1[_i];
23
+
24
+ if (typeof ref === 'function') {
25
+ ref(value);
26
+ } else if (ref) {
27
+ // work around the immutability of the React.Ref type
28
+ ref.current = value;
29
+ }
30
+ }
31
+ }, __spreadArrays(refs));
32
+ return mergedCallback;
33
+ }
34
+ //# sourceMappingURL=useMergedRefs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useMergedRefs.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAQA;;;;;AAKG;;AACH,OAAM,SAAU,aAAV,GAAuB;AAAI,MAAA,IAAA,GAAA,EAAA;;OAAA,IAAA,EAAA,GAAA,C,EAAA,EAAA,GAAA,SAAA,CAAA,M,EAAA,EAAA,E,EAAqC;AAArC,IAAA,IAAA,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;;AAC/B,MAAM,cAAc,GAA0B,KAAK,CAAC,WAAN,CAC5C,UAAC,KAAD,EAAS;AACP;AACE,IAAA,cAAwD,CAAC,OAAzD,GAAmE,KAAnE;;AAEF,SAAkB,IAAA,EAAA,GAAA,CAAA,EAAA,MAAA,GAAA,IAAlB,EAAkB,EAAA,GAAA,MAAA,CAAA,MAAlB,EAAkB,EAAA,EAAlB,EAAwB;AAAnB,UAAM,GAAG,GAAA,MAAA,CAAA,EAAA,CAAT;;AACH,UAAI,OAAO,GAAP,KAAe,UAAnB,EAA+B;AAC7B,QAAA,GAAG,CAAC,KAAD,CAAH;AACD,OAFD,MAEO,IAAI,GAAJ,EAAS;AACd;AACE,QAAA,GAA6C,CAAC,OAA9C,GAAwD,KAAxD;AACH;AACF;AACF,GAb2C,EAa3C,cAAA,CAEG,IAFH,CAb2C,CAA9C;AAkBA,SAAO,cAAP;AACD","sourceRoot":""}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Hook which asynchronously executes a callback once the component has been mounted.
3
+ *
4
+ * @param callback - Function to call before mount.
5
+ */
6
+ export declare const useMount: (callback: () => void) => void;
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ /**
3
+ * Hook which asynchronously executes a callback once the component has been mounted.
4
+ *
5
+ * @param callback - Function to call before mount.
6
+ */
7
+
8
+ export var useMount = function (callback) {
9
+ var mountRef = React.useRef(callback);
10
+ mountRef.current = callback;
11
+ React.useEffect(function () {
12
+ var _a;
13
+
14
+ (_a = mountRef.current) === null || _a === void 0 ? void 0 : _a.call(mountRef);
15
+ }, []);
16
+ };
17
+ //# sourceMappingURL=useMount.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useMount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA;;;;AAIG;;AACH,OAAO,IAAM,QAAQ,GAAG,UAAC,QAAD,EAAqB;AAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAN,CAAa,QAAb,CAAjB;AACA,EAAA,QAAQ,CAAC,OAAT,GAAmB,QAAnB;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;;;AACd,KAAA,EAAA,GAAA,QAAQ,CAAC,OAAT,MAAgB,IAAhB,IAAgB,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgB,EAAA,CAAA,IAAA,CAAhB,QAAgB,CAAhB;AACD,GAFD,EAEG,EAFH;AAGD,CANM","sourceRoot":""}
@@ -0,0 +1,29 @@
1
+ import * as React from 'react';
2
+ export declare type UseOnClickOrScrollOutsideOptions = {
3
+ /**
4
+ * The element to listen for the click event
5
+ */
6
+ element: Document | undefined;
7
+ /**
8
+ * Refs to elements that check if the click is outside
9
+ */
10
+ refs: React.MutableRefObject<HTMLElement | undefined | null>[];
11
+ /**
12
+ * By default uses element.contains, but custom contain function can be provided
13
+ * @param parentRef - provided parent ref
14
+ * @param child - event target element
15
+ */
16
+ contains?(parent: HTMLElement | null, child: HTMLElement): boolean;
17
+ /**
18
+ * Disables event listeners
19
+ */
20
+ disabled?: boolean;
21
+ /**
22
+ * Called if the click is outside the element refs
23
+ */
24
+ callback: (ev: MouseEvent | TouchEvent) => void;
25
+ };
26
+ /**
27
+ * Utility to perform checks where a click/touch event was made outside a component
28
+ */
29
+ export declare const useOnClickOutside: (options: UseOnClickOrScrollOutsideOptions) => void;
@@ -0,0 +1,142 @@
1
+ import * as React from 'react';
2
+ import { useEventCallback } from './useEventCallback';
3
+ /**
4
+ * Utility to perform checks where a click/touch event was made outside a component
5
+ */
6
+
7
+ export var useOnClickOutside = function (options) {
8
+ var refs = options.refs,
9
+ callback = options.callback,
10
+ element = options.element,
11
+ disabled = options.disabled,
12
+ containsProp = options.contains;
13
+ var timeoutId = React.useRef(undefined);
14
+ useIFrameFocus(!disabled, element, callback);
15
+ var listener = useEventCallback(function (ev) {
16
+ var contains = containsProp || function (parent, child) {
17
+ return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
18
+ };
19
+
20
+ var isOutside = refs.every(function (ref) {
21
+ return !contains(ref.current || null, ev.target);
22
+ });
23
+
24
+ if (isOutside && !disabled) {
25
+ callback(ev);
26
+ }
27
+ });
28
+ React.useEffect(function () {
29
+ // Store the current event to avoid triggering handlers immediately
30
+ // Note this depends on a deprecated but extremely well supported quirk of the web platform
31
+ // https://github.com/facebook/react/issues/20074
32
+ var currentEvent = getWindowEvent(window);
33
+
34
+ var conditionalHandler = function (event) {
35
+ // Skip if this event is the same as the one running when we added the handlers
36
+ if (event === currentEvent) {
37
+ currentEvent = undefined;
38
+ return;
39
+ }
40
+
41
+ listener(event);
42
+ };
43
+
44
+ if (!disabled) {
45
+ // use capture phase because React can update DOM before the event bubbles to the document
46
+ element === null || element === void 0 ? void 0 : element.addEventListener('click', conditionalHandler, true);
47
+ element === null || element === void 0 ? void 0 : element.addEventListener('touchstart', conditionalHandler, true);
48
+ element === null || element === void 0 ? void 0 : element.addEventListener('contextmenu', conditionalHandler, true);
49
+ } // Garbage collect this event after it's no longer useful to avoid memory leaks
50
+
51
+
52
+ timeoutId.current = window.setTimeout(function () {
53
+ currentEvent = undefined;
54
+ }, 1);
55
+ return function () {
56
+ element === null || element === void 0 ? void 0 : element.removeEventListener('click', conditionalHandler, true);
57
+ element === null || element === void 0 ? void 0 : element.removeEventListener('touchstart', conditionalHandler, true);
58
+ element === null || element === void 0 ? void 0 : element.removeEventListener('contextmenu', conditionalHandler, true);
59
+ clearTimeout(timeoutId.current);
60
+ currentEvent = undefined;
61
+ };
62
+ }, [listener, element, disabled]);
63
+ };
64
+
65
+ var getWindowEvent = function (target) {
66
+ var _a, _b, _c;
67
+
68
+ if (target) {
69
+ if (typeof target.window === 'object' && target.window === target) {
70
+ // eslint-disable-next-line deprecation/deprecation
71
+ return target.event;
72
+ } // eslint-disable-next-line deprecation/deprecation
73
+
74
+
75
+ return (_c = (_b = (_a = target.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView) === null || _b === void 0 ? void 0 : _b.event) !== null && _c !== void 0 ? _c : undefined;
76
+ }
77
+
78
+ return undefined;
79
+ };
80
+
81
+ var FUI_FRAME_EVENT = 'fuiframefocus';
82
+ /**
83
+ * Since click events do not propagate past iframes, we use focus to detect if a
84
+ * click has happened inside an iframe, since the only ways of focusing inside an
85
+ * iframe are:
86
+ * - clicking inside
87
+ * - tabbing inside
88
+ *
89
+ * Polls the value of `document.activeElement`. If it is an iframe, then dispatch
90
+ * a custom DOM event. When the custom event is received call the provided callback
91
+ *
92
+ * @param enableFrameFocusDispatch - boolean flag to start dispatching events
93
+ * @param targetDocument - the document to dispatch events and set timeouts
94
+ * @param pollDuration - in milliseconds
95
+ */
96
+
97
+ var useIFrameFocus = function (enableFrameFocusDispatch, targetDocument, callback, pollDuration) {
98
+ if (pollDuration === void 0) {
99
+ pollDuration = 1000;
100
+ }
101
+
102
+ var timeoutRef = React.useRef();
103
+ var listener = useEventCallback(function (e) {
104
+ if (callback) {
105
+ callback(e);
106
+ }
107
+ }); // Adds listener to the custom iframe focus event
108
+
109
+ React.useEffect(function () {
110
+ if (enableFrameFocusDispatch) {
111
+ targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);
112
+ }
113
+
114
+ return function () {
115
+ targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);
116
+ };
117
+ }, [targetDocument, enableFrameFocusDispatch, listener]); // Starts polling for the active element
118
+
119
+ React.useEffect(function () {
120
+ var _a;
121
+
122
+ if (enableFrameFocusDispatch) {
123
+ timeoutRef.current = (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.setInterval(function () {
124
+ var activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
125
+
126
+ if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'IFRAME') {
127
+ var event_1 = new CustomEvent(FUI_FRAME_EVENT, {
128
+ bubbles: true
129
+ });
130
+ activeElement.dispatchEvent(event_1);
131
+ }
132
+ }, pollDuration);
133
+ }
134
+
135
+ return function () {
136
+ var _a;
137
+
138
+ (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.clearTimeout(timeoutRef.current);
139
+ };
140
+ }, [targetDocument, enableFrameFocusDispatch, pollDuration]);
141
+ };
142
+ //# sourceMappingURL=useOnClickOutside.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AA8BA;;AAEG;;AACH,OAAO,IAAM,iBAAiB,GAAG,UAAC,OAAD,EAA0C;AACjE,MAAA,IAAI,GAA0D,OAAO,CAAjE,IAAJ;AAAA,MAAM,QAAQ,GAAgD,OAAO,CAAvD,QAAd;AAAA,MAAgB,OAAO,GAAuC,OAAO,CAA9C,OAAvB;AAAA,MAAyB,QAAQ,GAA6B,OAAO,CAApC,QAAjC;AAAA,MAA6C,YAAY,GAAK,OAAO,CAAZ,QAAzD;AACR,MAAM,SAAS,GAAG,KAAK,CAAC,MAAN,CAAiC,SAAjC,CAAlB;AACA,EAAA,cAAc,CAAC,CAAC,QAAF,EAAY,OAAZ,EAAqB,QAArB,CAAd;AAEA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,UAAC,EAAD,EAA4B;AAC5D,QAAM,QAAQ,GACZ,YAAY,IAAK,UAAC,MAAD,EAAS,KAAT,EAAc;AAAK,aAAA,CAAC,EAAC,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAM,KAAA,CAAN,GAAA,MAAM,CAAE,QAAR,CAAF,KAAE,CAAD,CAAD;AAAyB,KAD/D;;AAGA,QAAM,SAAS,GAAG,IAAI,CAAC,KAAL,CAAW,UAAA,GAAA,EAAG;AAAI,aAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAJ,IAAe,IAAhB,EAAsB,EAAE,CAAjC,MAAS,CAAT;AAAwD,KAA1E,CAAlB;;AACA,QAAI,SAAS,IAAI,CAAC,QAAlB,EAA4B;AAC1B,MAAA,QAAQ,CAAC,EAAD,CAAR;AACD;AACF,GARgC,CAAjC;AAUA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd;AACA;AACA;AACA,QAAI,YAAY,GAAG,cAAc,CAAC,MAAD,CAAjC;;AAEA,QAAM,kBAAkB,GAAG,UAAC,KAAD,EAA+B;AACxD;AACA,UAAI,KAAK,KAAK,YAAd,EAA4B;AAC1B,QAAA,YAAY,GAAG,SAAf;AACA;AACD;;AAED,MAAA,QAAQ,CAAC,KAAD,CAAR;AACD,KARD;;AAUA,QAAI,CAAC,QAAL,EAAe;AACb;AACA,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,gBAAT,CAA0B,OAA1B,EAAmC,kBAAnC,EAAuD,IAAvD,CAAA;AACA,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,gBAAT,CAA0B,YAA1B,EAAwC,kBAAxC,EAA4D,IAA5D,CAAA;AACA,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,gBAAT,CAA0B,aAA1B,EAAyC,kBAAzC,EAA6D,IAA7D,CAAA;AACD,KArBa,CAuBd;;;AACA,IAAA,SAAS,CAAC,OAAV,GAAoB,MAAM,CAAC,UAAP,CAAkB,YAAA;AACpC,MAAA,YAAY,GAAG,SAAf;AACD,KAFmB,EAEjB,CAFiB,CAApB;AAIA,WAAO,YAAA;AACL,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,mBAAT,CAA6B,OAA7B,EAAsC,kBAAtC,EAA0D,IAA1D,CAAA;AACA,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,mBAAT,CAA6B,YAA7B,EAA2C,kBAA3C,EAA+D,IAA/D,CAAA;AACA,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,mBAAT,CAA6B,aAA7B,EAA4C,kBAA5C,EAAgE,IAAhE,CAAA;AAEA,MAAA,YAAY,CAAC,SAAS,CAAC,OAAX,CAAZ;AACA,MAAA,YAAY,GAAG,SAAf;AACD,KAPD;AAQD,GApCD,EAoCG,CAAC,QAAD,EAAW,OAAX,EAAoB,QAApB,CApCH;AAqCD,CApDM;;AAsDP,IAAM,cAAc,GAAG,UAAC,MAAD,EAAsB;;;AAC3C,MAAI,MAAJ,EAAY;AACV,QAAI,OAAQ,MAAiB,CAAC,MAA1B,KAAqC,QAArC,IAAkD,MAAiB,CAAC,MAAlB,KAA6B,MAAnF,EAA2F;AACzF;AACA,aAAO,MAAM,CAAC,KAAd;AACD,KAJS,CAMV;;;AACA,WAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAQ,MAAe,CAAC,aAAxB,MAAqC,IAArC,IAAqC,EAAA,KAAA,KAAA,CAArC,GAAqC,KAAA,CAArC,GAAqC,EAAA,CAAE,WAAvC,MAAkD,IAAlD,IAAkD,EAAA,KAAA,KAAA,CAAlD,GAAkD,KAAA,CAAlD,GAAkD,EAAA,CAAE,KAApD,MAAyD,IAAzD,IAAyD,EAAA,KAAA,KAAA,CAAzD,GAAyD,EAAzD,GAA6D,SAA7D;AACD;;AAED,SAAO,SAAP;AACD,CAZD;;AAcA,IAAM,eAAe,GAAG,eAAxB;AAEA;;;;;;;;;;;;;AAaG;;AACH,IAAM,cAAc,GAAG,UACrB,wBADqB,EAErB,cAFqB,EAGrB,QAHqB,EAIrB,YAJqB,EAIM;AAA3B,MAAA,YAAA,KAAA,KAAA,CAAA,EAAA;AAAA,IAAA,YAAA,GAAA,IAAA;AAA2B;;AAE3B,MAAM,UAAU,GAAG,KAAK,CAAC,MAAN,EAAnB;AAEA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,UAAC,CAAD,EAAS;AACzC,QAAI,QAAJ,EAAc;AACZ,MAAA,QAAQ,CAAC,CAAD,CAAR;AACD;AACF,GAJgC,CAAjC,CAJ2B,CAU3B;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,QAAI,wBAAJ,EAA8B;AAC5B,MAAA,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,gBAAhB,CAAiC,eAAjC,EAAkD,QAAlD,EAA4D,IAA5D,CAAA;AACD;;AACD,WAAO,YAAA;AACL,MAAA,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,mBAAhB,CAAoC,eAApC,EAAqD,QAArD,EAA+D,IAA/D,CAAA;AACD,KAFD;AAGD,GAPD,EAOG,CAAC,cAAD,EAAiB,wBAAjB,EAA2C,QAA3C,CAPH,EAX2B,CAoB3B;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;;;AACd,QAAI,wBAAJ,EAA8B;AAC5B,MAAA,UAAU,CAAC,OAAX,GAAkB,CAAA,EAAA,GAAG,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,WAAnB,MAA8B,IAA9B,IAA8B,EAAA,KAAA,KAAA,CAA9B,GAA8B,KAAA,CAA9B,GAA8B,EAAA,CAAE,WAAF,CAAc,YAAA;AAC5D,YAAM,aAAa,GAAG,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,aAAtC;;AACA,YAAI,CAAA,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAA,aAAa,CAAE,OAAf,MAA2B,QAA/B,EAAyC;AACvC,cAAM,OAAK,GAAG,IAAI,WAAJ,CAAgB,eAAhB,EAAiC;AAAE,YAAA,OAAO,EAAE;AAAX,WAAjC,CAAd;AACA,UAAA,aAAa,CAAC,aAAd,CAA4B,OAA5B;AACD;AACF,OAN+C,EAM7C,YAN6C,CAAhD;AAOD;;AACD,WAAO,YAAA;;;AACL,OAAA,EAAA,GAAA,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,WAAhB,MAA2B,IAA3B,IAA2B,EAAA,KAAA,KAAA,CAA3B,GAA2B,KAAA,CAA3B,GAA2B,EAAA,CAAE,YAAF,CAAe,UAAU,CAAC,OAA1B,CAA3B;AACD,KAFD;AAGD,GAbD,EAaG,CAAC,cAAD,EAAiB,wBAAjB,EAA2C,YAA3C,CAbH;AAcD,CAvCD","sourceRoot":""}
@@ -0,0 +1,5 @@
1
+ import type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';
2
+ /**
3
+ * Utility to perform checks where a click/touch event was made outside a component
4
+ */
5
+ export declare const useOnScrollOutside: (options: UseOnClickOrScrollOutsideOptions) => void;
@@ -0,0 +1,38 @@
1
+ import * as React from 'react';
2
+ import { useEventCallback } from './useEventCallback';
3
+ /**
4
+ * Utility to perform checks where a click/touch event was made outside a component
5
+ */
6
+
7
+ export var useOnScrollOutside = function (options) {
8
+ var refs = options.refs,
9
+ callback = options.callback,
10
+ element = options.element,
11
+ disabled = options.disabled,
12
+ containsProp = options.contains;
13
+ var listener = useEventCallback(function (ev) {
14
+ var contains = containsProp || function (parent, child) {
15
+ return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
16
+ };
17
+
18
+ var isOutside = refs.every(function (ref) {
19
+ return !contains(ref.current || null, ev.target);
20
+ });
21
+
22
+ if (isOutside && !disabled) {
23
+ callback(ev);
24
+ }
25
+ });
26
+ React.useEffect(function () {
27
+ if (!disabled) {
28
+ element === null || element === void 0 ? void 0 : element.addEventListener('wheel', listener);
29
+ element === null || element === void 0 ? void 0 : element.addEventListener('touchmove', listener);
30
+ }
31
+
32
+ return function () {
33
+ element === null || element === void 0 ? void 0 : element.removeEventListener('wheel', listener);
34
+ element === null || element === void 0 ? void 0 : element.removeEventListener('touchmove', listener);
35
+ };
36
+ }, [listener, element, disabled]);
37
+ };
38
+ //# sourceMappingURL=useOnScrollOutside.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useOnScrollOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;AAEG;;AACH,OAAO,IAAM,kBAAkB,GAAG,UAAC,OAAD,EAA0C;AAClE,MAAA,IAAI,GAA0D,OAAO,CAAjE,IAAJ;AAAA,MAAM,QAAQ,GAAgD,OAAO,CAAvD,QAAd;AAAA,MAAgB,OAAO,GAAuC,OAAO,CAA9C,OAAvB;AAAA,MAAyB,QAAQ,GAA6B,OAAO,CAApC,QAAjC;AAAA,MAA6C,YAAY,GAAK,OAAO,CAAZ,QAAzD;AAER,MAAM,QAAQ,GAAG,gBAAgB,CAAC,UAAC,EAAD,EAA4B;AAC5D,QAAM,QAAQ,GACZ,YAAY,IAAK,UAAC,MAAD,EAAS,KAAT,EAAc;AAAK,aAAA,CAAC,EAAC,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAM,KAAA,CAAN,GAAA,MAAM,CAAE,QAAR,CAAF,KAAE,CAAD,CAAD;AAAyB,KAD/D;;AAGA,QAAM,SAAS,GAAG,IAAI,CAAC,KAAL,CAAW,UAAA,GAAA,EAAG;AAAI,aAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAJ,IAAe,IAAhB,EAAsB,EAAE,CAAjC,MAAS,CAAT;AAAwD,KAA1E,CAAlB;;AACA,QAAI,SAAS,IAAI,CAAC,QAAlB,EAA4B;AAC1B,MAAA,QAAQ,CAAC,EAAD,CAAR;AACD;AACF,GARgC,CAAjC;AAUA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,QAAI,CAAC,QAAL,EAAe;AACb,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,gBAAT,CAA0B,OAA1B,EAAmC,QAAnC,CAAA;AACA,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,gBAAT,CAA0B,WAA1B,EAAuC,QAAvC,CAAA;AACD;;AAED,WAAO,YAAA;AACL,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,mBAAT,CAA6B,OAA7B,EAAsC,QAAtC,CAAA;AACA,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,mBAAT,CAA6B,WAA7B,EAA0C,QAA1C,CAAA;AACD,KAHD;AAID,GAVD,EAUG,CAAC,QAAD,EAAW,OAAX,EAAoB,QAApB,CAVH;AAWD,CAxBM","sourceRoot":""}
@@ -0,0 +1 @@
1
+ export declare const usePrevious: <ValueType = unknown>(value: ValueType) => ValueType | null;
@@ -0,0 +1,9 @@
1
+ import * as React from 'react';
2
+ export var usePrevious = function (value) {
3
+ var ref = React.useRef(null);
4
+ React.useEffect(function () {
5
+ ref.current = value;
6
+ }, [value]);
7
+ return ref.current;
8
+ };
9
+ //# sourceMappingURL=usePrevious.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/usePrevious.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,OAAO,IAAM,WAAW,GAAG,UAAsB,KAAtB,EAAsC;AAC/D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAN,CAA+B,IAA/B,CAAZ;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,IAAA,GAAG,CAAC,OAAJ,GAAc,KAAd;AACD,GAFD,EAEG,CAAC,KAAD,CAFH;AAGA,SAAO,GAAG,CAAC,OAAX;AACD,CANM","sourceRoot":""}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Helper to manage a browser timeout.
3
+ * Ensures that the timeout isn't set multiple times at once,
4
+ * and is cleaned up when the component is unloaded.
5
+ *
6
+ * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.
7
+ */
8
+ export declare function useTimeout(): readonly [(fn: () => void, delay: number) => void, () => void];
@@ -0,0 +1,33 @@
1
+ import * as React from 'react';
2
+ import { useConst } from './useConst';
3
+ /**
4
+ * Helper to manage a browser timeout.
5
+ * Ensures that the timeout isn't set multiple times at once,
6
+ * and is cleaned up when the component is unloaded.
7
+ *
8
+ * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.
9
+ */
10
+
11
+ export function useTimeout() {
12
+ var timeout = useConst(function () {
13
+ return {
14
+ id: undefined,
15
+ set: function (fn, delay) {
16
+ timeout.clear();
17
+ timeout.id = setTimeout(fn, delay);
18
+ },
19
+ clear: function () {
20
+ if (timeout.id !== undefined) {
21
+ clearTimeout(timeout.id);
22
+ timeout.id = undefined;
23
+ }
24
+ }
25
+ };
26
+ }); // Clean up the timeout when the component is unloaded
27
+
28
+ React.useEffect(function () {
29
+ return timeout.clear;
30
+ }, [timeout]);
31
+ return [timeout.set, timeout.clear];
32
+ }
33
+ //# sourceMappingURL=useTimeout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useTimeout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,YAAzB;AAEA;;;;;;AAMG;;AACH,OAAM,SAAU,UAAV,GAAoB;AACxB,MAAM,OAAO,GAAG,QAAQ,CAAC,YAAA;AAAM,WAAC;AAC9B,MAAA,EAAE,EAAE,SAD0B;AAE9B,MAAA,GAAG,EAAE,UAAC,EAAD,EAAiB,KAAjB,EAA8B;AACjC,QAAA,OAAO,CAAC,KAAR;AACA,QAAA,OAAO,CAAC,EAAR,GAAa,UAAU,CAAC,EAAD,EAAK,KAAL,CAAvB;AACD,OAL6B;AAM9B,MAAA,KAAK,EAAE,YAAA;AACL,YAAI,OAAO,CAAC,EAAR,KAAe,SAAnB,EAA8B;AAC5B,UAAA,YAAY,CAAC,OAAO,CAAC,EAAT,CAAZ;AACA,UAAA,OAAO,CAAC,EAAR,GAAa,SAAb;AACD;AACF;AAX6B,KAAD;AAY7B,GAZsB,CAAxB,CADwB,CAexB;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AAAM,WAAA,OAAO,CAAP,KAAA;AAAa,GAAnC,EAAqC,CAAC,OAAD,CAArC;AAEA,SAAO,CAAC,OAAO,CAAC,GAAT,EAAc,OAAO,CAAC,KAAtB,CAAP;AACD","sourceRoot":""}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Hook which synchronously executes a callback when the component is about to unmount.
3
+ *
4
+ * @param callback - Function to call during unmount.
5
+ */
6
+ export declare const useUnmount: (callback: () => void) => void;
@@ -0,0 +1,19 @@
1
+ import * as React from 'react';
2
+ /**
3
+ * Hook which synchronously executes a callback when the component is about to unmount.
4
+ *
5
+ * @param callback - Function to call during unmount.
6
+ */
7
+
8
+ export var useUnmount = function (callback) {
9
+ var unmountRef = React.useRef(callback);
10
+ unmountRef.current = callback;
11
+ React.useEffect(function () {
12
+ return function () {
13
+ var _a;
14
+
15
+ (_a = unmountRef.current) === null || _a === void 0 ? void 0 : _a.call(unmountRef);
16
+ };
17
+ }, []);
18
+ };
19
+ //# sourceMappingURL=useUnmount.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/hooks/useUnmount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA;;;;AAIG;;AACH,OAAO,IAAM,UAAU,GAAG,UAAC,QAAD,EAAqB;AAC7C,MAAM,UAAU,GAAG,KAAK,CAAC,MAAN,CAAa,QAAb,CAAnB;AACA,EAAA,UAAU,CAAC,OAAX,GAAqB,QAArB;AACA,EAAA,KAAK,CAAC,SAAN,CACE,YAAA;AAAM,WAAA,YAAA;;;AACJ,OAAA,EAAA,GAAA,UAAU,CAAC,OAAX,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAA,IAAA,CAAlB,UAAkB,CAAlB;AADI,KAAA;AAEL,GAHH,EAIE,EAJF;AAMD,CATM","sourceRoot":""}
package/lib/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export * from './compose/index';
2
+ export * from './hooks/index';
3
+ export * from './ssr/index';
4
+ export * from './utils/index';
package/lib/index.js ADDED
@@ -0,0 +1,5 @@
1
+ export * from './compose/index';
2
+ export * from './hooks/index';
3
+ export * from './ssr/index';
4
+ export * from './utils/index';
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}