@elliemae/ds-utilities 2.3.0-next.3 → 3.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (215) hide show
  1. package/dist/cjs/capitalize.js +35 -0
  2. package/dist/cjs/capitalize.js.map +7 -0
  3. package/dist/cjs/compose.js +45 -0
  4. package/dist/cjs/compose.js.map +7 -0
  5. package/dist/cjs/getComponentFromProps.js +48 -0
  6. package/dist/cjs/getComponentFromProps.js.map +7 -0
  7. package/dist/cjs/hooks/index.js +71 -0
  8. package/dist/cjs/hooks/index.js.map +7 -0
  9. package/dist/cjs/hooks/useCancellableDelayedCallback.js +51 -0
  10. package/dist/cjs/hooks/useCancellableDelayedCallback.js.map +7 -0
  11. package/dist/cjs/hooks/useDerivedStateFromProps.js +67 -0
  12. package/dist/cjs/hooks/useDerivedStateFromProps.js.map +7 -0
  13. package/dist/cjs/hooks/useExecutionTimer.js +50 -0
  14. package/dist/cjs/hooks/useExecutionTimer.js.map +7 -0
  15. package/dist/cjs/hooks/useExpandState.js +120 -0
  16. package/dist/cjs/hooks/useExpandState.js.map +7 -0
  17. package/dist/cjs/hooks/useHotkeys.js +45 -0
  18. package/dist/cjs/hooks/useHotkeys.js.map +7 -0
  19. package/dist/cjs/hooks/useHoverHandlersDelay.js +58 -0
  20. package/dist/cjs/hooks/useHoverHandlersDelay.js.map +7 -0
  21. package/dist/cjs/hooks/useIsShowingEllipsis.js +58 -0
  22. package/dist/cjs/hooks/useIsShowingEllipsis.js.map +7 -0
  23. package/dist/cjs/hooks/useOnElementResize.js +54 -0
  24. package/dist/cjs/hooks/useOnElementResize.js.map +7 -0
  25. package/dist/cjs/hooks/useParentElement.js +43 -0
  26. package/dist/cjs/hooks/useParentElement.js.map +7 -0
  27. package/dist/cjs/hooks/usePrevious.js +44 -0
  28. package/dist/cjs/hooks/usePrevious.js.map +7 -0
  29. package/dist/cjs/hooks/useResizeObserver.js +60 -0
  30. package/dist/cjs/hooks/useResizeObserver.js.map +7 -0
  31. package/dist/cjs/hooks/useSetRef.js +42 -0
  32. package/dist/cjs/hooks/useSetRef.js.map +7 -0
  33. package/dist/cjs/hooks/useShouldRecalculate.js +44 -0
  34. package/dist/cjs/hooks/useShouldRecalculate.js.map +7 -0
  35. package/dist/cjs/hooks/useWindowScrollerList.js +83 -0
  36. package/dist/cjs/hooks/useWindowScrollerList.js.map +7 -0
  37. package/dist/cjs/hooks/useWindowSize.js +57 -0
  38. package/dist/cjs/hooks/useWindowSize.js.map +7 -0
  39. package/dist/cjs/index.js +146 -0
  40. package/dist/cjs/index.js.map +7 -0
  41. package/dist/cjs/onClickHandlerForNonInteractiveElements.js +49 -0
  42. package/dist/cjs/onClickHandlerForNonInteractiveElements.js.map +7 -0
  43. package/dist/cjs/operators.js +68 -0
  44. package/dist/cjs/operators.js.map +7 -0
  45. package/dist/cjs/platform.js +37 -0
  46. package/dist/cjs/platform.js.map +7 -0
  47. package/dist/cjs/reactTypesUtility.js +58 -0
  48. package/dist/cjs/reactTypesUtility.js.map +7 -0
  49. package/dist/cjs/scrollingTimer.js +46 -0
  50. package/dist/cjs/scrollingTimer.js.map +7 -0
  51. package/dist/cjs/system.js +60 -0
  52. package/dist/cjs/system.js.map +7 -0
  53. package/dist/cjs/timeUtils.js +43 -0
  54. package/dist/cjs/timeUtils.js.map +7 -0
  55. package/dist/cjs/utils.js +127 -0
  56. package/dist/cjs/utils.js.map +7 -0
  57. package/dist/cjs/validations.js +57 -0
  58. package/dist/cjs/validations.js.map +7 -0
  59. package/dist/esm/capitalize.js +6 -0
  60. package/dist/esm/capitalize.js.map +7 -0
  61. package/dist/esm/compose.js +16 -0
  62. package/dist/esm/compose.js.map +7 -0
  63. package/dist/esm/getComponentFromProps.js +19 -0
  64. package/dist/esm/getComponentFromProps.js.map +7 -0
  65. package/dist/esm/hooks/index.js +42 -0
  66. package/dist/esm/hooks/index.js.map +7 -0
  67. package/dist/esm/hooks/useCancellableDelayedCallback.js +22 -0
  68. package/dist/esm/hooks/useCancellableDelayedCallback.js.map +7 -0
  69. package/dist/esm/hooks/useDerivedStateFromProps.js +38 -0
  70. package/dist/esm/hooks/useDerivedStateFromProps.js.map +7 -0
  71. package/dist/esm/hooks/useExecutionTimer.js +21 -0
  72. package/dist/esm/hooks/useExecutionTimer.js.map +7 -0
  73. package/dist/esm/hooks/useExpandState.js +91 -0
  74. package/dist/esm/hooks/useExpandState.js.map +7 -0
  75. package/dist/esm/hooks/useHotkeys.js +16 -0
  76. package/dist/esm/hooks/useHotkeys.js.map +7 -0
  77. package/{esm → dist/esm}/hooks/useHoverHandlersDelay.js +15 -12
  78. package/dist/esm/hooks/useHoverHandlersDelay.js.map +7 -0
  79. package/{esm → dist/esm}/hooks/useIsShowingEllipsis.js +9 -12
  80. package/dist/esm/hooks/useIsShowingEllipsis.js.map +7 -0
  81. package/dist/esm/hooks/useOnElementResize.js +25 -0
  82. package/dist/esm/hooks/useOnElementResize.js.map +7 -0
  83. package/dist/esm/hooks/useParentElement.js +14 -0
  84. package/dist/esm/hooks/useParentElement.js.map +7 -0
  85. package/dist/esm/hooks/usePrevious.js +15 -0
  86. package/dist/esm/hooks/usePrevious.js.map +7 -0
  87. package/dist/esm/hooks/useResizeObserver.js +31 -0
  88. package/dist/esm/hooks/useResizeObserver.js.map +7 -0
  89. package/dist/esm/hooks/useSetRef.js +13 -0
  90. package/dist/esm/hooks/useSetRef.js.map +7 -0
  91. package/dist/esm/hooks/useShouldRecalculate.js +15 -0
  92. package/dist/esm/hooks/useShouldRecalculate.js.map +7 -0
  93. package/{esm → dist/esm}/hooks/useWindowScrollerList.js +20 -29
  94. package/dist/esm/hooks/useWindowScrollerList.js.map +7 -0
  95. package/dist/esm/hooks/useWindowSize.js +28 -0
  96. package/dist/esm/hooks/useWindowSize.js.map +7 -0
  97. package/dist/esm/index.js +206 -0
  98. package/dist/esm/index.js.map +7 -0
  99. package/dist/esm/onClickHandlerForNonInteractiveElements.js +20 -0
  100. package/dist/esm/onClickHandlerForNonInteractiveElements.js.map +7 -0
  101. package/dist/esm/operators.js +39 -0
  102. package/dist/esm/operators.js.map +7 -0
  103. package/dist/esm/platform.js +8 -0
  104. package/dist/esm/platform.js.map +7 -0
  105. package/dist/esm/reactTypesUtility.js +29 -0
  106. package/dist/esm/reactTypesUtility.js.map +7 -0
  107. package/dist/esm/scrollingTimer.js +17 -0
  108. package/dist/esm/scrollingTimer.js.map +7 -0
  109. package/dist/esm/system.js +31 -0
  110. package/dist/esm/system.js.map +7 -0
  111. package/dist/esm/timeUtils.js +14 -0
  112. package/dist/esm/timeUtils.js.map +7 -0
  113. package/dist/esm/utils.js +136 -0
  114. package/dist/esm/utils.js.map +7 -0
  115. package/dist/esm/validations.js +28 -0
  116. package/dist/esm/validations.js.map +7 -0
  117. package/{types → dist/types}/capitalize.d.ts +0 -0
  118. package/{types → dist/types}/compose.d.ts +2 -1
  119. package/dist/types/getComponentFromProps.d.ts +3 -0
  120. package/dist/types/hooks/index.d.ts +19 -0
  121. package/dist/types/hooks/useCancellableDelayedCallback.d.ts +2 -0
  122. package/dist/types/hooks/useDerivedStateFromProps.d.ts +2 -0
  123. package/dist/types/hooks/useExecutionTimer.d.ts +2 -0
  124. package/{types → dist/types}/hooks/useExpandState.d.ts +3 -2
  125. package/dist/types/hooks/useHotkeys.d.ts +6 -0
  126. package/{types → dist/types}/hooks/useHoverHandlersDelay.d.ts +3 -2
  127. package/{types → dist/types}/hooks/useIsShowingEllipsis.d.ts +0 -0
  128. package/dist/types/hooks/useOnElementResize.d.ts +2 -0
  129. package/{types → dist/types}/hooks/useParentElement.d.ts +0 -0
  130. package/dist/types/hooks/usePrevious.d.ts +2 -0
  131. package/dist/types/hooks/useResizeObserver.d.ts +3 -0
  132. package/{types → dist/types}/hooks/useSetRef.d.ts +0 -0
  133. package/dist/types/hooks/useShouldRecalculate.d.ts +2 -0
  134. package/dist/types/hooks/useWindowScrollerList.d.ts +5 -0
  135. package/dist/types/hooks/useWindowSize.d.ts +2 -0
  136. package/dist/types/index.d.ts +13 -0
  137. package/{types → dist/types}/onClickHandlerForNonInteractiveElements.d.ts +7 -7
  138. package/{types → dist/types}/operators.d.ts +0 -0
  139. package/{types → dist/types}/platform.d.ts +0 -0
  140. package/{types → dist/types}/reactTypesUtility.d.ts +0 -0
  141. package/dist/types/scrollingTimer.d.ts +1 -0
  142. package/{types → dist/types}/system.d.ts +0 -0
  143. package/{types → dist/types}/timeUtils.d.ts +0 -0
  144. package/{types → dist/types}/utils.d.ts +0 -0
  145. package/{types → dist/types}/validations.d.ts +0 -0
  146. package/package.json +79 -71
  147. package/cjs/capitalize.js +0 -7
  148. package/cjs/compose.js +0 -38
  149. package/cjs/getComponentFromProps.js +0 -30
  150. package/cjs/hooks/index.js +0 -63
  151. package/cjs/hooks/useCancellableDelayedCallback.js +0 -26
  152. package/cjs/hooks/useDerivedStateFromProps.js +0 -56
  153. package/cjs/hooks/useExecutionTimer.js +0 -31
  154. package/cjs/hooks/useExpandState.js +0 -133
  155. package/cjs/hooks/useHotkeys.js +0 -25
  156. package/cjs/hooks/useHoverHandlersDelay.js +0 -28
  157. package/cjs/hooks/useIsShowingEllipsis.js +0 -36
  158. package/cjs/hooks/useOnElementResize.js +0 -38
  159. package/cjs/hooks/useParentElement.js +0 -16
  160. package/cjs/hooks/usePrevious.js +0 -13
  161. package/cjs/hooks/useResizeObserver.js +0 -33
  162. package/cjs/hooks/useSetRef.js +0 -15
  163. package/cjs/hooks/useShouldRecalculate.js +0 -17
  164. package/cjs/hooks/useWindowScrollerList.js +0 -65
  165. package/cjs/hooks/useWindowSize.js +0 -27
  166. package/cjs/index.js +0 -268
  167. package/cjs/onClickHandlerForNonInteractiveElements.js +0 -22
  168. package/cjs/operators.js +0 -63
  169. package/cjs/platform.js +0 -9
  170. package/cjs/reactTypesUtility.js +0 -35
  171. package/cjs/scrollingTimer.js +0 -24
  172. package/cjs/system.js +0 -43
  173. package/cjs/timeUtils.js +0 -25
  174. package/cjs/utils.js +0 -263
  175. package/cjs/validations.js +0 -44
  176. package/esm/capitalize.js +0 -3
  177. package/esm/compose.js +0 -34
  178. package/esm/getComponentFromProps.js +0 -23
  179. package/esm/hooks/index.js +0 -19
  180. package/esm/hooks/useCancellableDelayedCallback.js +0 -24
  181. package/esm/hooks/useDerivedStateFromProps.js +0 -54
  182. package/esm/hooks/useExecutionTimer.js +0 -29
  183. package/esm/hooks/useExpandState.js +0 -127
  184. package/esm/hooks/useHotkeys.js +0 -19
  185. package/esm/hooks/useOnElementResize.js +0 -34
  186. package/esm/hooks/useParentElement.js +0 -12
  187. package/esm/hooks/usePrevious.js +0 -11
  188. package/esm/hooks/useResizeObserver.js +0 -26
  189. package/esm/hooks/useSetRef.js +0 -11
  190. package/esm/hooks/useShouldRecalculate.js +0 -15
  191. package/esm/hooks/useWindowSize.js +0 -25
  192. package/esm/index.js +0 -32
  193. package/esm/onClickHandlerForNonInteractiveElements.js +0 -20
  194. package/esm/operators.js +0 -46
  195. package/esm/platform.js +0 -4
  196. package/esm/reactTypesUtility.js +0 -22
  197. package/esm/scrollingTimer.js +0 -20
  198. package/esm/system.js +0 -37
  199. package/esm/timeUtils.js +0 -20
  200. package/esm/utils.js +0 -99
  201. package/esm/validations.js +0 -38
  202. package/types/getComponentFromProps.d.ts +0 -2
  203. package/types/hooks/index.d.ts +0 -19
  204. package/types/hooks/useCancellableDelayedCallback.d.ts +0 -1
  205. package/types/hooks/useDerivedStateFromProps.d.ts +0 -1
  206. package/types/hooks/useExecutionTimer.d.ts +0 -1
  207. package/types/hooks/useHotkeys.d.ts +0 -5
  208. package/types/hooks/useOnElementResize.d.ts +0 -2
  209. package/types/hooks/usePrevious.d.ts +0 -2
  210. package/types/hooks/useResizeObserver.d.ts +0 -2
  211. package/types/hooks/useShouldRecalculate.d.ts +0 -1
  212. package/types/hooks/useWindowScrollerList.d.ts +0 -4
  213. package/types/hooks/useWindowSize.d.ts +0 -1
  214. package/types/index.d.ts +0 -13
  215. package/types/scrollingTimer.d.ts +0 -1
@@ -1,28 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function useHoverHandlersDelay(_ref) {
6
- let {
7
- onMouseOver,
8
- onMouseLeave,
9
- hideDelay = 300,
10
- showDelay = 300
11
- } = _ref;
12
- const hideTimer = React.useRef();
13
- const showTimer = React.useRef();
14
- const delayedHide = React.useCallback(() => {
15
- clearTimeout(showTimer.current);
16
- hideTimer.current = setTimeout(onMouseLeave, hideDelay);
17
- }, []);
18
- const delayedShow = React.useCallback(() => {
19
- clearTimeout(hideTimer.current);
20
- showTimer.current = setTimeout(onMouseOver, showDelay);
21
- }, []);
22
- return {
23
- onMouseOver: delayedShow,
24
- onMouseLeave: delayedHide
25
- };
26
- }
27
-
28
- module.exports = useHoverHandlersDelay;
@@ -1,36 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('core-js/modules/web.dom-collections.iterator.js');
6
- var React = require('react');
7
-
8
- const useIsShowingEllipsis = () => {
9
- const [element, setElement] = React.useState();
10
- const [isShowingEllipsis, setIsShowingEllipsis] = React.useState(false);
11
- const resizeObserver = React.useMemo(() => new ResizeObserver(entries => {
12
- if (entries.length) {
13
- const [textWrapperEntry] = entries;
14
- const el = textWrapperEntry.target;
15
- setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
16
- }
17
- }), []);
18
- React.useEffect(() => {
19
- if (element) {
20
- setIsShowingEllipsis(element.scrollWidth > element.clientWidth);
21
- resizeObserver.observe(element);
22
- }
23
-
24
- return () => {
25
- if (element) {
26
- resizeObserver.unobserve(element);
27
- }
28
- };
29
- }, [resizeObserver, element]);
30
- return {
31
- setElement,
32
- isShowingEllipsis
33
- };
34
- };
35
-
36
- exports.useIsShowingEllipsis = useIsShowingEllipsis;
@@ -1,38 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('core-js/modules/web.dom-collections.iterator.js');
6
- var React = require('react');
7
-
8
- // Taken and modified from https://stackoverflow.com/a/60218754
9
-
10
- const useOnElementResize = targetRef => {
11
- var _targetRef$current$of, _targetRef$current, _targetRef$current$of2, _targetRef$current2;
12
-
13
- const [width, setWidth] = React.useState((_targetRef$current$of = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth) !== null && _targetRef$current$of !== void 0 ? _targetRef$current$of : 0);
14
- const [height, setHeight] = React.useState((_targetRef$current$of2 = (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetHeight) !== null && _targetRef$current$of2 !== void 0 ? _targetRef$current$of2 : 0);
15
- const observer = React.useRef();
16
- React.useEffect(() => {
17
- function outputsize() {
18
- var _targetRef$current$of3, _targetRef$current3, _targetRef$current$of4, _targetRef$current4;
19
-
20
- setWidth((_targetRef$current$of3 = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.offsetWidth) !== null && _targetRef$current$of3 !== void 0 ? _targetRef$current$of3 : 0);
21
- setHeight((_targetRef$current$of4 = (_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.offsetHeight) !== null && _targetRef$current$of4 !== void 0 ? _targetRef$current$of4 : 0);
22
- }
23
-
24
- observer.current = new ResizeObserver(outputsize);
25
- observer.current.observe(targetRef.current);
26
- return () => {
27
- var _observer$current;
28
-
29
- (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
30
- };
31
- }, [targetRef]);
32
- return React.useMemo(() => ({
33
- width,
34
- height
35
- }), [width, height]);
36
- };
37
-
38
- exports.useOnElementResize = useOnElementResize;
@@ -1,16 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('core-js/modules/web.dom-collections.iterator.js');
6
- var React = require('react');
7
-
8
- const useParentElement = ref => {
9
- const [parent, setParent] = React.useState(ref.current);
10
- React.useEffect(() => {
11
- if (ref.current) setParent(ref.current.parentNode);
12
- });
13
- return parent;
14
- };
15
-
16
- exports.useParentElement = useParentElement;
@@ -1,13 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function usePrevious(value) {
6
- const ref = React.useRef();
7
- React.useEffect(() => {
8
- ref.current = value;
9
- }, [value]);
10
- return ref.current;
11
- }
12
-
13
- module.exports = usePrevious;
@@ -1,33 +0,0 @@
1
- 'use strict';
2
-
3
- require('core-js/modules/web.dom-collections.iterator.js');
4
- var React = require('react');
5
- var raf = require('raf');
6
- var ResizeObserver = require('resize-observer-polyfill');
7
-
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
11
- var ResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(ResizeObserver);
12
-
13
- function useResizeObserver(handler, el) {
14
- const [node, setRef] = React.useState(el);
15
- const resizeObserver = new ResizeObserver__default["default"](entries => {
16
- if (!Array.isArray(entries)) return;
17
- if (!entries.length) return;
18
- const entry = entries[0]; // execute on the next animation frame
19
-
20
- raf__default["default"](() => handler({
21
- width: entry.target.offsetWidth,
22
- height: entry.target.offsetHeight
23
- }, entry.target));
24
- });
25
- const htmlEl = el || node;
26
- React.useEffect(() => {
27
- if (htmlEl) resizeObserver.observe(htmlEl);
28
- return () => htmlEl && resizeObserver.unobserve(htmlEl);
29
- }, [htmlEl]);
30
- return [setRef];
31
- }
32
-
33
- module.exports = useResizeObserver;
@@ -1,15 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
-
7
- const useSetRef = initial => {
8
- const ref = React.useRef(initial);
9
- const setRef = React.useCallback(node => {
10
- ref.current = node;
11
- }, []);
12
- return [ref, setRef];
13
- };
14
-
15
- exports.useSetRef = useSetRef;
@@ -1,17 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function useShouldRecalculate(bool) {
6
- const prevValueRef = React.useRef(0);
7
-
8
- if (!bool) {
9
- // If we need to recalculate, change the value we return
10
- prevValueRef.current += 1;
11
- } // else we return the same value as the previous render, which won't trigger a recalculation
12
-
13
-
14
- return prevValueRef.current;
15
- }
16
-
17
- module.exports = useShouldRecalculate;
@@ -1,65 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function getScrollOffset() {
6
- let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
7
- scrollTop: 0,
8
- scrollLeft: 0
9
- };
10
- return {
11
- top: element.scrollTop,
12
- left: element.scrollLeft
13
- };
14
- }
15
-
16
- function getPositionOffset(listEl, scrollableEl) {
17
- const scrollOffset = getScrollOffset(scrollableEl);
18
- const elementRect = listEl.getBoundingClientRect();
19
- const containerRect = scrollableEl.getBoundingClientRect();
20
- return {
21
- top: elementRect.top + scrollOffset.top - containerRect.top,
22
- left: elementRect.left + scrollOffset.top - containerRect.left
23
- };
24
- }
25
-
26
- function isParent(parentNode, childNode) {
27
- return childNode.parentNode === parentNode || childNode.parentNode && isParent(parentNode, childNode.parentNode);
28
- }
29
-
30
- function useWindowScrollerList(_ref) {
31
- let {
32
- listInstance,
33
- outerListRef
34
- } = _ref;
35
- const scrollableParent = React.useRef();
36
- const listOffset = React.useRef();
37
-
38
- const getElementOffset = () => {
39
- listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);
40
- };
41
-
42
- const handleScroll = e => {
43
- if (!scrollableParent.current) {
44
- const containerTarget = e.target === document ? document.body : e.target;
45
- scrollableParent.current = isParent(containerTarget, outerListRef.current) && containerTarget;
46
- }
47
-
48
- if (!scrollableParent.current) return;
49
- getElementOffset();
50
- const scrollOffset = getScrollOffset(scrollableParent.current);
51
- const scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);
52
- if (listInstance.current) listInstance.current.scrollTo(scrollTop);
53
- };
54
-
55
- React.useEffect(() => {
56
- window.addEventListener('scroll', handleScroll, true);
57
- window.addEventListener('resize', getElementOffset, true);
58
- return () => {
59
- window.removeEventListener('scroll', handleScroll, true);
60
- window.removeEventListener('resize', getElementOffset, true);
61
- };
62
- }, []);
63
- }
64
-
65
- module.exports = useWindowScrollerList;
@@ -1,27 +0,0 @@
1
- 'use strict';
2
-
3
- require('core-js/modules/web.dom-collections.iterator.js');
4
- var React = require('react');
5
-
6
- function useWindowSize() {
7
- const [size, setSize] = React.useState([0, 0]);
8
- React.useLayoutEffect(() => {
9
- if (!window) return false;
10
-
11
- function updateSize() {
12
- setSize([window.innerWidth, window.innerHeight]);
13
- }
14
-
15
- window.addEventListener('resize', updateSize);
16
- window.addEventListener('orientationchange', updateSize);
17
- updateSize();
18
- return () => {
19
- window.removeEventListener('resize', updateSize);
20
- window.removeEventListener('orientationchange', updateSize);
21
- };
22
- }, []);
23
- if (!window) return false;
24
- return size;
25
- }
26
-
27
- module.exports = useWindowSize;
package/cjs/index.js DELETED
@@ -1,268 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var getComponentFromProps = require('./getComponentFromProps.js');
6
- var onClickHandlerForNonInteractiveElements = require('./onClickHandlerForNonInteractiveElements.js');
7
- var capitalize = require('./capitalize.js');
8
- var operators = require('./operators.js');
9
- var utils = require('./utils.js');
10
- var system = require('./system.js');
11
- var useMeasure = require('use-measure');
12
- var useExecutionTimer = require('./hooks/useExecutionTimer.js');
13
- var useExpandState = require('./hooks/useExpandState.js');
14
- var useHotkeys = require('./hooks/useHotkeys.js');
15
- var useHoverHandlersDelay = require('./hooks/useHoverHandlersDelay.js');
16
- var useResizeObserver = require('./hooks/useResizeObserver.js');
17
- var useShouldRecalculate = require('./hooks/useShouldRecalculate.js');
18
- var useWindowScrollerList = require('./hooks/useWindowScrollerList.js');
19
- var useWindowSize = require('./hooks/useWindowSize.js');
20
- var useForceUpdate = require('use-force-update');
21
- var useOnclickoutside = require('use-onclickoutside');
22
- var uncontrollable = require('uncontrollable');
23
- var usePrevious = require('./hooks/usePrevious.js');
24
- var useCancellableDelayedCallback = require('./hooks/useCancellableDelayedCallback.js');
25
- var useDerivedStateFromProps = require('./hooks/useDerivedStateFromProps.js');
26
- var useSetRef = require('./hooks/useSetRef.js');
27
- var useParentElement = require('./hooks/useParentElement.js');
28
- var useOnElementResize = require('./hooks/useOnElementResize.js');
29
- var useIsShowingEllipsis = require('./hooks/useIsShowingEllipsis.js');
30
- var timeUtils = require('./timeUtils.js');
31
- var compose = require('./compose.js');
32
- var platform = require('./platform.js');
33
- var reactTypesUtility = require('./reactTypesUtility.js');
34
- var scrollingTimer = require('./scrollingTimer.js');
35
- var validations = require('./validations.js');
36
- var lodash = require('lodash');
37
-
38
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
39
-
40
- var useMeasure__default = /*#__PURE__*/_interopDefaultLegacy(useMeasure);
41
- var useForceUpdate__default = /*#__PURE__*/_interopDefaultLegacy(useForceUpdate);
42
- var useOnclickoutside__default = /*#__PURE__*/_interopDefaultLegacy(useOnclickoutside);
43
-
44
-
45
-
46
- exports.getComponentFromProps = getComponentFromProps;
47
- exports.onClickHandlerForNonInteractiveElements = onClickHandlerForNonInteractiveElements;
48
- exports.capitalize = capitalize.capitalize;
49
- exports.checkEmpty = operators.checkEmpty;
50
- exports.checkNotEmpty = operators.checkNotEmpty;
51
- exports.contains = operators.contains;
52
- exports.equal = operators.equal;
53
- exports.greaterThan = operators.greaterThan;
54
- exports.greaterThanOrEquals = operators.greaterThanOrEquals;
55
- exports.isIn = operators.isIn;
56
- exports.isNotIn = operators.isNotIn;
57
- exports.isNotNull = operators.isNotNull;
58
- exports.isNull = operators.isNull;
59
- exports.lessThanOrEquals = operators.lessThanOrEquals;
60
- exports.notEqual = operators.notEqual;
61
- exports.startsWith = operators.startsWith;
62
- exports.validDate = operators.validDate;
63
- exports.addOrRemove = utils.addOrRemove;
64
- exports.arrayMove = utils.arrayMove;
65
- exports.cx = utils.cx;
66
- exports.hashArray = utils.hashArray;
67
- exports.removeUndefinedProperties = utils.removeUndefinedProperties;
68
- exports.runAll = utils.runAll;
69
- exports.safeCall = utils.safeCall;
70
- exports.toggleInArray = utils.toggleInArray;
71
- exports.toggleInObject = utils.toggleInObject;
72
- exports.logger = system.logger;
73
- exports.mergeRefs = system.mergeRefs;
74
- exports.setRef = system.setRef;
75
- Object.defineProperty(exports, 'useMeasure', {
76
- enumerable: true,
77
- get: function () { return useMeasure__default["default"]; }
78
- });
79
- exports.useExecutionTimer = useExecutionTimer;
80
- exports.useExpandState = useExpandState;
81
- exports.useHotkeys = useHotkeys;
82
- exports.useHoverHandlersDelay = useHoverHandlersDelay;
83
- exports.useResizeObserver = useResizeObserver;
84
- exports.useShouldRecalculate = useShouldRecalculate;
85
- exports.useWindowScrollerList = useWindowScrollerList;
86
- exports.useWindowSize = useWindowSize;
87
- Object.defineProperty(exports, 'useForceUpdate', {
88
- enumerable: true,
89
- get: function () { return useForceUpdate__default["default"]; }
90
- });
91
- Object.defineProperty(exports, 'useOnClickOutside', {
92
- enumerable: true,
93
- get: function () { return useOnclickoutside__default["default"]; }
94
- });
95
- Object.defineProperty(exports, 'useUncontrolled', {
96
- enumerable: true,
97
- get: function () { return uncontrollable.useUncontrolled; }
98
- });
99
- exports.usePrevious = usePrevious;
100
- exports.useCancellableDelayedCallback = useCancellableDelayedCallback;
101
- exports.useDerivedStateFromProps = useDerivedStateFromProps;
102
- exports.useSetRef = useSetRef.useSetRef;
103
- exports.useParentElement = useParentElement.useParentElement;
104
- exports.useOnElementResize = useOnElementResize.useOnElementResize;
105
- exports.useIsShowingEllipsis = useIsShowingEllipsis.useIsShowingEllipsis;
106
- exports.addLeadingZeros = timeUtils.addLeadingZeros;
107
- exports.getVisibleTimeByFormat = timeUtils.getVisibleTimeByFormat;
108
- exports.compose = compose.compose;
109
- exports.DOCUMENT = platform.DOCUMENT;
110
- exports.WINDOW = platform.WINDOW;
111
- exports.isClassComponent = reactTypesUtility.isClassComponent;
112
- exports.isCompositeTypeElement = reactTypesUtility.isCompositeTypeElement;
113
- exports.isDOMTypeElement = reactTypesUtility.isDOMTypeElement;
114
- exports.isElement = reactTypesUtility.isElement;
115
- exports.isFunctionComponent = reactTypesUtility.isFunctionComponent;
116
- exports.isReactComponent = reactTypesUtility.isReactComponent;
117
- exports.resetTimer = scrollingTimer.resetTimer;
118
- exports.isGreaterThan = validations.isGreaterThan;
119
- exports.isRequired = validations.isRequired;
120
- exports.isValidDate = validations.isValidDate;
121
- Object.defineProperty(exports, 'cloneDeep', {
122
- enumerable: true,
123
- get: function () { return lodash.cloneDeep; }
124
- });
125
- Object.defineProperty(exports, 'curry', {
126
- enumerable: true,
127
- get: function () { return lodash.curry; }
128
- });
129
- Object.defineProperty(exports, 'debounce', {
130
- enumerable: true,
131
- get: function () { return lodash.debounce; }
132
- });
133
- Object.defineProperty(exports, 'differenceBy', {
134
- enumerable: true,
135
- get: function () { return lodash.differenceBy; }
136
- });
137
- Object.defineProperty(exports, 'differenceWith', {
138
- enumerable: true,
139
- get: function () { return lodash.differenceWith; }
140
- });
141
- Object.defineProperty(exports, 'filter', {
142
- enumerable: true,
143
- get: function () { return lodash.filter; }
144
- });
145
- Object.defineProperty(exports, 'findIndex', {
146
- enumerable: true,
147
- get: function () { return lodash.findIndex; }
148
- });
149
- Object.defineProperty(exports, 'get', {
150
- enumerable: true,
151
- get: function () { return lodash.get; }
152
- });
153
- Object.defineProperty(exports, 'groupBy', {
154
- enumerable: true,
155
- get: function () { return lodash.groupBy; }
156
- });
157
- Object.defineProperty(exports, 'isBoolean', {
158
- enumerable: true,
159
- get: function () { return lodash.isBoolean; }
160
- });
161
- Object.defineProperty(exports, 'isEmpty', {
162
- enumerable: true,
163
- get: function () { return lodash.isEmpty; }
164
- });
165
- Object.defineProperty(exports, 'isEqual', {
166
- enumerable: true,
167
- get: function () { return lodash.isEqual; }
168
- });
169
- Object.defineProperty(exports, 'isEqualWith', {
170
- enumerable: true,
171
- get: function () { return lodash.isEqualWith; }
172
- });
173
- Object.defineProperty(exports, 'isFunction', {
174
- enumerable: true,
175
- get: function () { return lodash.isFunction; }
176
- });
177
- Object.defineProperty(exports, 'isNaN', {
178
- enumerable: true,
179
- get: function () { return lodash.isNaN; }
180
- });
181
- Object.defineProperty(exports, 'isObject', {
182
- enumerable: true,
183
- get: function () { return lodash.isObject; }
184
- });
185
- Object.defineProperty(exports, 'isString', {
186
- enumerable: true,
187
- get: function () { return lodash.isString; }
188
- });
189
- Object.defineProperty(exports, 'maxBy', {
190
- enumerable: true,
191
- get: function () { return lodash.maxBy; }
192
- });
193
- Object.defineProperty(exports, 'meanBy', {
194
- enumerable: true,
195
- get: function () { return lodash.meanBy; }
196
- });
197
- Object.defineProperty(exports, 'noop', {
198
- enumerable: true,
199
- get: function () { return lodash.noop; }
200
- });
201
- Object.defineProperty(exports, 'omit', {
202
- enumerable: true,
203
- get: function () { return lodash.omit; }
204
- });
205
- Object.defineProperty(exports, 'orderBy', {
206
- enumerable: true,
207
- get: function () { return lodash.orderBy; }
208
- });
209
- Object.defineProperty(exports, 'padStart', {
210
- enumerable: true,
211
- get: function () { return lodash.padStart; }
212
- });
213
- Object.defineProperty(exports, 'parseInt', {
214
- enumerable: true,
215
- get: function () { return lodash.parseInt; }
216
- });
217
- Object.defineProperty(exports, 'pick', {
218
- enumerable: true,
219
- get: function () { return lodash.pick; }
220
- });
221
- Object.defineProperty(exports, 'pickBy', {
222
- enumerable: true,
223
- get: function () { return lodash.pickBy; }
224
- });
225
- Object.defineProperty(exports, 'property', {
226
- enumerable: true,
227
- get: function () { return lodash.property; }
228
- });
229
- Object.defineProperty(exports, 'pull', {
230
- enumerable: true,
231
- get: function () { return lodash.pull; }
232
- });
233
- Object.defineProperty(exports, 'range', {
234
- enumerable: true,
235
- get: function () { return lodash.range; }
236
- });
237
- Object.defineProperty(exports, 'set', {
238
- enumerable: true,
239
- get: function () { return lodash.set; }
240
- });
241
- Object.defineProperty(exports, 'sortBy', {
242
- enumerable: true,
243
- get: function () { return lodash.sortBy; }
244
- });
245
- Object.defineProperty(exports, 'sumBy', {
246
- enumerable: true,
247
- get: function () { return lodash.sumBy; }
248
- });
249
- Object.defineProperty(exports, 'throttle', {
250
- enumerable: true,
251
- get: function () { return lodash.throttle; }
252
- });
253
- Object.defineProperty(exports, 'transform', {
254
- enumerable: true,
255
- get: function () { return lodash.transform; }
256
- });
257
- Object.defineProperty(exports, 'uniq', {
258
- enumerable: true,
259
- get: function () { return lodash.uniq; }
260
- });
261
- Object.defineProperty(exports, 'uniqBy', {
262
- enumerable: true,
263
- get: function () { return lodash.uniqBy; }
264
- });
265
- Object.defineProperty(exports, 'values', {
266
- enumerable: true,
267
- get: function () { return lodash.values; }
268
- });
@@ -1,22 +0,0 @@
1
- 'use strict';
2
-
3
- /**
4
- * onClickHandler: callback
5
- *
6
- * @param onClickHandler
7
- */
8
- var onClickHandlerForNonInteractiveElements = (onClickHandler => ({
9
- role: 'button',
10
- tabIndex: '0',
11
- onClick: onClickHandler,
12
- onKeyPress: event => {
13
- event.stopPropagation();
14
- const {
15
- keycode,
16
- key
17
- } = event;
18
- if (key === 'Enter') onClickHandler(event);else if (keycode === 13) onClickHandler(event);
19
- }
20
- }));
21
-
22
- module.exports = onClickHandlerForNonInteractiveElements;
package/cjs/operators.js DELETED
@@ -1,63 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('core-js/modules/web.dom-collections.iterator.js');
6
- require('core-js/modules/esnext.async-iterator.map.js');
7
- require('core-js/modules/esnext.iterator.map.js');
8
- var lodash = require('lodash');
9
-
10
- /**
11
- * Check if the value is null undefined ''
12
- *
13
- * @param value
14
- */
15
-
16
- const checkNotEmpty = value => value === '' || value === undefined || value == [] || value === null || lodash.isEmpty(value);
17
- const checkEmpty = value => !lodash.isEmpty(value);
18
- /**
19
- * @param value: number
20
- * @param comparator: number
21
- * @param value
22
- * @param comparator
23
- */
24
-
25
- const greaterThan = (value, comparator) => value > comparator;
26
- /**
27
- * Check if a valid date with format MM/DD/YYYY
28
- *
29
- * @param {*} value: string
30
- * @param value
31
- */
32
-
33
- const validDate = value => {
34
- const dateValidationRegex = /^\d{1,2}\/\d{1,2}\/\d{4}$/;
35
- if (!dateValidationRegex.test(value)) return false;
36
- const [m, d, y] = value.split('/').map(n => Number(n));
37
- return m === Number(new Date(y, m - 1, d).getMonth()) + 1 && d === Number(new Date(y, m - 1, d).getDate());
38
- };
39
- const equal = (a, b) => a === b;
40
- const notEqual = (a, b) => !equal(a, b);
41
- const isNull = a => checkNotEmpty(a);
42
- const isNotNull = a => !isNull(a);
43
- const isIn = (a, b) => b.indexOf(a) > -1;
44
- const isNotIn = (a, b) => !isIn(a, b);
45
- const greaterThanOrEquals = (value, comparator) => value >= comparator;
46
- const lessThanOrEquals = (value, comparator) => value <= comparator;
47
- const startsWith = (value, comparator) => String(value).startsWith(comparator);
48
- const contains = (value, comparator) => String(value).includes(comparator);
49
-
50
- exports.checkEmpty = checkEmpty;
51
- exports.checkNotEmpty = checkNotEmpty;
52
- exports.contains = contains;
53
- exports.equal = equal;
54
- exports.greaterThan = greaterThan;
55
- exports.greaterThanOrEquals = greaterThanOrEquals;
56
- exports.isIn = isIn;
57
- exports.isNotIn = isNotIn;
58
- exports.isNotNull = isNotNull;
59
- exports.isNull = isNull;
60
- exports.lessThanOrEquals = lessThanOrEquals;
61
- exports.notEqual = notEqual;
62
- exports.startsWith = startsWith;
63
- exports.validDate = validDate;
package/cjs/platform.js DELETED
@@ -1,9 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const DOCUMENT = typeof document !== 'undefined' ? document : null;
6
- const WINDOW = typeof window !== 'undefined' ? window : null;
7
-
8
- exports.DOCUMENT = DOCUMENT;
9
- exports.WINDOW = WINDOW;