@toptal/picasso-utils 3.1.1-alpha-1757603192867.0 → 3.1.1-alpha-1757603777486.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 (181) hide show
  1. package/dist-package/src/index.d.ts +2 -0
  2. package/dist-package/src/index.d.ts.map +1 -0
  3. package/dist-package/src/index.js +2 -0
  4. package/dist-package/src/index.js.map +1 -0
  5. package/dist-package/src/utils/Colors/index.d.ts +2 -0
  6. package/dist-package/src/utils/Colors/index.d.ts.map +1 -0
  7. package/dist-package/src/utils/Colors/index.js +2 -0
  8. package/dist-package/src/utils/Colors/index.js.map +1 -0
  9. package/dist-package/src/utils/Formatters/format-amount.d.ts +18 -0
  10. package/dist-package/src/utils/Formatters/format-amount.d.ts.map +1 -0
  11. package/dist-package/src/utils/Formatters/format-amount.js +12 -0
  12. package/dist-package/src/utils/Formatters/format-amount.js.map +1 -0
  13. package/dist-package/src/utils/Formatters/index.d.ts +3 -0
  14. package/dist-package/src/utils/Formatters/index.d.ts.map +1 -0
  15. package/dist-package/src/utils/Formatters/index.js +2 -0
  16. package/dist-package/src/utils/Formatters/index.js.map +1 -0
  17. package/dist-package/src/utils/Gradients/index.d.ts +2 -0
  18. package/dist-package/src/utils/Gradients/index.d.ts.map +1 -0
  19. package/dist-package/src/utils/Gradients/index.js +2 -0
  20. package/dist-package/src/utils/Gradients/index.js.map +1 -0
  21. package/dist-package/src/utils/Modal/index.d.ts +3 -0
  22. package/dist-package/src/utils/Modal/index.d.ts.map +1 -0
  23. package/dist-package/src/utils/Modal/index.js +3 -0
  24. package/dist-package/src/utils/Modal/index.js.map +1 -0
  25. package/dist-package/src/utils/Modal/modal-manager.d.ts +7 -0
  26. package/dist-package/src/utils/Modal/modal-manager.d.ts.map +1 -0
  27. package/dist-package/src/utils/Modal/modal-manager.js +22 -0
  28. package/dist-package/src/utils/Modal/modal-manager.js.map +1 -0
  29. package/dist-package/src/utils/Modal/use-modal.d.ts +7 -0
  30. package/dist-package/src/utils/Modal/use-modal.d.ts.map +1 -0
  31. package/dist-package/src/utils/Modal/use-modal.js +13 -0
  32. package/dist-package/src/utils/Modal/use-modal.js.map +1 -0
  33. package/dist-package/src/utils/Transitions/Rotate180/Rotate180.d.ts +14 -0
  34. package/dist-package/src/utils/Transitions/Rotate180/Rotate180.d.ts.map +1 -0
  35. package/dist-package/src/utils/Transitions/Rotate180/Rotate180.js +29 -0
  36. package/dist-package/src/utils/Transitions/Rotate180/Rotate180.js.map +1 -0
  37. package/dist-package/src/utils/Transitions/Rotate180/index.d.ts +4 -0
  38. package/dist-package/src/utils/Transitions/Rotate180/index.d.ts.map +1 -0
  39. package/dist-package/src/utils/Transitions/Rotate180/index.js +2 -0
  40. package/dist-package/src/utils/Transitions/Rotate180/index.js.map +1 -0
  41. package/dist-package/src/utils/Transitions/Rotate180/styles.d.ts +3 -0
  42. package/dist-package/src/utils/Transitions/Rotate180/styles.d.ts.map +1 -0
  43. package/dist-package/src/utils/Transitions/Rotate180/styles.js +10 -0
  44. package/dist-package/src/utils/Transitions/Rotate180/styles.js.map +1 -0
  45. package/dist-package/src/utils/Transitions/index.d.ts +3 -0
  46. package/dist-package/src/utils/Transitions/index.d.ts.map +1 -0
  47. package/dist-package/src/utils/Transitions/index.js +2 -0
  48. package/dist-package/src/utils/Transitions/index.js.map +1 -0
  49. package/dist-package/src/utils/capitalize.d.ts +2 -0
  50. package/dist-package/src/utils/capitalize.d.ts.map +1 -0
  51. package/dist-package/src/utils/capitalize.js +2 -0
  52. package/dist-package/src/utils/capitalize.js.map +1 -0
  53. package/dist-package/src/utils/constants.d.ts +2 -0
  54. package/dist-package/src/utils/constants.d.ts.map +1 -0
  55. package/dist-package/src/utils/constants.js +2 -0
  56. package/dist-package/src/utils/constants.js.map +1 -0
  57. package/dist-package/src/utils/disable-unsupported-props.d.ts +7 -0
  58. package/dist-package/src/utils/disable-unsupported-props.d.ts.map +1 -0
  59. package/dist-package/src/utils/disable-unsupported-props.js +19 -0
  60. package/dist-package/src/utils/disable-unsupported-props.js.map +1 -0
  61. package/dist-package/src/utils/forward-ref.d.ts +33 -0
  62. package/dist-package/src/utils/forward-ref.d.ts.map +1 -0
  63. package/dist-package/src/utils/forward-ref.js +27 -0
  64. package/dist-package/src/utils/forward-ref.js.map +1 -0
  65. package/dist-package/src/utils/get-name-initials.d.ts +3 -0
  66. package/dist-package/src/utils/get-name-initials.d.ts.map +1 -0
  67. package/dist-package/src/utils/get-name-initials.js +14 -0
  68. package/dist-package/src/utils/get-name-initials.js.map +1 -0
  69. package/dist-package/src/utils/get-react-node-text-content.d.ts +16 -0
  70. package/dist-package/src/utils/get-react-node-text-content.d.ts.map +1 -0
  71. package/dist-package/src/utils/get-react-node-text-content.js +32 -0
  72. package/dist-package/src/utils/get-react-node-text-content.js.map +1 -0
  73. package/dist-package/src/utils/index.d.ts +63 -0
  74. package/dist-package/src/utils/index.d.ts.map +1 -0
  75. package/dist-package/src/utils/index.js +59 -0
  76. package/dist-package/src/utils/index.js.map +1 -0
  77. package/dist-package/src/utils/is-boolean.d.ts +3 -0
  78. package/dist-package/src/utils/is-boolean.d.ts.map +1 -0
  79. package/dist-package/src/utils/is-boolean.js +3 -0
  80. package/dist-package/src/utils/is-boolean.js.map +1 -0
  81. package/dist-package/src/utils/is-number.d.ts +3 -0
  82. package/dist-package/src/utils/is-number.d.ts.map +1 -0
  83. package/dist-package/src/utils/is-number.js +3 -0
  84. package/dist-package/src/utils/is-number.js.map +1 -0
  85. package/dist-package/src/utils/is-overflown.d.ts +3 -0
  86. package/dist-package/src/utils/is-overflown.d.ts.map +1 -0
  87. package/dist-package/src/utils/is-overflown.js +16 -0
  88. package/dist-package/src/utils/is-overflown.js.map +1 -0
  89. package/dist-package/src/utils/is-pointer-device.d.ts +3 -0
  90. package/dist-package/src/utils/is-pointer-device.d.ts.map +1 -0
  91. package/dist-package/src/utils/is-pointer-device.js +8 -0
  92. package/dist-package/src/utils/is-pointer-device.js.map +1 -0
  93. package/dist-package/src/utils/is-string.d.ts +3 -0
  94. package/dist-package/src/utils/is-string.d.ts.map +1 -0
  95. package/dist-package/src/utils/is-string.js +3 -0
  96. package/dist-package/src/utils/is-string.js.map +1 -0
  97. package/dist-package/src/utils/is-substring.d.ts +3 -0
  98. package/dist-package/src/utils/is-substring.d.ts.map +1 -0
  99. package/dist-package/src/utils/is-substring.js +3 -0
  100. package/dist-package/src/utils/is-substring.js.map +1 -0
  101. package/dist-package/src/utils/kebab-to-camel-case.d.ts +6 -0
  102. package/dist-package/src/utils/kebab-to-camel-case.d.ts.map +1 -0
  103. package/dist-package/src/utils/kebab-to-camel-case.js +6 -0
  104. package/dist-package/src/utils/kebab-to-camel-case.js.map +1 -0
  105. package/dist-package/src/utils/loader-palette.d.ts +6 -0
  106. package/dist-package/src/utils/loader-palette.d.ts.map +1 -0
  107. package/dist-package/src/utils/loader-palette.js +8 -0
  108. package/dist-package/src/utils/loader-palette.js.map +1 -0
  109. package/dist-package/src/utils/noop.d.ts +3 -0
  110. package/dist-package/src/utils/noop.d.ts.map +1 -0
  111. package/dist-package/src/utils/noop.js +2 -0
  112. package/dist-package/src/utils/noop.js.map +1 -0
  113. package/dist-package/src/utils/sum.d.ts +3 -0
  114. package/dist-package/src/utils/sum.d.ts.map +1 -0
  115. package/dist-package/src/utils/sum.js +3 -0
  116. package/dist-package/src/utils/sum.js.map +1 -0
  117. package/dist-package/src/utils/to-title-case.d.ts +4 -0
  118. package/dist-package/src/utils/to-title-case.d.ts.map +1 -0
  119. package/dist-package/src/utils/to-title-case.js +10 -0
  120. package/dist-package/src/utils/to-title-case.js.map +1 -0
  121. package/dist-package/src/utils/unsafe-error-log.d.ts +3 -0
  122. package/dist-package/src/utils/unsafe-error-log.d.ts.map +1 -0
  123. package/dist-package/src/utils/unsafe-error-log.js +5 -0
  124. package/dist-package/src/utils/unsafe-error-log.js.map +1 -0
  125. package/dist-package/src/utils/use-combined-refs.d.ts +4 -0
  126. package/dist-package/src/utils/use-combined-refs.d.ts.map +1 -0
  127. package/dist-package/src/utils/use-combined-refs.js +22 -0
  128. package/dist-package/src/utils/use-combined-refs.js.map +1 -0
  129. package/dist-package/src/utils/use-deprecation-warnings.d.ts +16 -0
  130. package/dist-package/src/utils/use-deprecation-warnings.d.ts.map +1 -0
  131. package/dist-package/src/utils/use-deprecation-warnings.js +24 -0
  132. package/dist-package/src/utils/use-deprecation-warnings.js.map +1 -0
  133. package/dist-package/src/utils/use-multiple-forward-refs.d.ts +19 -0
  134. package/dist-package/src/utils/use-multiple-forward-refs.d.ts.map +1 -0
  135. package/dist-package/src/utils/use-multiple-forward-refs.js +31 -0
  136. package/dist-package/src/utils/use-multiple-forward-refs.js.map +1 -0
  137. package/dist-package/src/utils/use-page-scroll-lock.d.ts +2 -0
  138. package/dist-package/src/utils/use-page-scroll-lock.d.ts.map +1 -0
  139. package/dist-package/src/utils/use-page-scroll-lock.js +54 -0
  140. package/dist-package/src/utils/use-page-scroll-lock.js.map +1 -0
  141. package/dist-package/src/utils/use-safe-state.d.ts +4 -0
  142. package/dist-package/src/utils/use-safe-state.d.ts.map +1 -0
  143. package/dist-package/src/utils/use-safe-state.js +19 -0
  144. package/dist-package/src/utils/use-safe-state.js.map +1 -0
  145. package/dist-package/src/utils/use-width-of.d.ts +7 -0
  146. package/dist-package/src/utils/use-width-of.d.ts.map +1 -0
  147. package/dist-package/src/utils/use-width-of.js +16 -0
  148. package/dist-package/src/utils/use-width-of.js.map +1 -0
  149. package/dist-package/src/utils/useBoolean/index.d.ts +2 -0
  150. package/dist-package/src/utils/useBoolean/index.d.ts.map +1 -0
  151. package/dist-package/src/utils/useBoolean/index.js +2 -0
  152. package/dist-package/src/utils/useBoolean/index.js.map +1 -0
  153. package/dist-package/src/utils/useBoolean/use-boolean.d.ts +16 -0
  154. package/dist-package/src/utils/useBoolean/use-boolean.d.ts.map +1 -0
  155. package/dist-package/src/utils/useBoolean/use-boolean.js +15 -0
  156. package/dist-package/src/utils/useBoolean/use-boolean.js.map +1 -0
  157. package/dist-package/src/utils/useInterval/index.d.ts +2 -0
  158. package/dist-package/src/utils/useInterval/index.d.ts.map +1 -0
  159. package/dist-package/src/utils/useInterval/index.js +2 -0
  160. package/dist-package/src/utils/useInterval/index.js.map +1 -0
  161. package/dist-package/src/utils/useInterval/use-interval.d.ts +8 -0
  162. package/dist-package/src/utils/useInterval/use-interval.d.ts.map +1 -0
  163. package/dist-package/src/utils/useInterval/use-interval.js +29 -0
  164. package/dist-package/src/utils/useInterval/use-interval.js.map +1 -0
  165. package/dist-package/src/utils/useMouseEnter/index.d.ts +2 -0
  166. package/dist-package/src/utils/useMouseEnter/index.d.ts.map +1 -0
  167. package/dist-package/src/utils/useMouseEnter/index.js +2 -0
  168. package/dist-package/src/utils/useMouseEnter/index.js.map +1 -0
  169. package/dist-package/src/utils/useMouseEnter/use-mouse-enter.d.ts +4 -0
  170. package/dist-package/src/utils/useMouseEnter/use-mouse-enter.d.ts.map +1 -0
  171. package/dist-package/src/utils/useMouseEnter/use-mouse-enter.js +23 -0
  172. package/dist-package/src/utils/useMouseEnter/use-mouse-enter.js.map +1 -0
  173. package/dist-package/src/utils/useOnScreen/index.d.ts +2 -0
  174. package/dist-package/src/utils/useOnScreen/index.d.ts.map +1 -0
  175. package/dist-package/src/utils/useOnScreen/index.js +2 -0
  176. package/dist-package/src/utils/useOnScreen/index.js.map +1 -0
  177. package/dist-package/src/utils/useOnScreen/use-on-screen.d.ts +13 -0
  178. package/dist-package/src/utils/useOnScreen/use-on-screen.d.ts.map +1 -0
  179. package/dist-package/src/utils/useOnScreen/use-on-screen.js +26 -0
  180. package/dist-package/src/utils/useOnScreen/use-on-screen.js.map +1 -0
  181. package/package.json +5 -5
@@ -0,0 +1,16 @@
1
+ import { useState } from 'react';
2
+ import { useIsomorphicLayoutEffect } from '@toptal/picasso-shared';
3
+ const useWidthOf = (element) => {
4
+ const [menuWidth, setMenuWidth] = useState();
5
+ const offsetParent = element === null || element === void 0 ? void 0 : element.offsetParent;
6
+ useIsomorphicLayoutEffect(() => {
7
+ if (!element) {
8
+ return;
9
+ }
10
+ const { width } = element.getBoundingClientRect();
11
+ setMenuWidth(`${width}px`);
12
+ }, [element, offsetParent]);
13
+ return menuWidth;
14
+ };
15
+ export default useWidthOf;
16
+ //# sourceMappingURL=use-width-of.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-width-of.js","sourceRoot":"","sources":["../../../src/utils/use-width-of.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAOlE,MAAM,UAAU,GAAG,CAA4B,OAAiB,EAAE,EAAE;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAEhE,MAAM,YAAY,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAA;IAE1C,yBAAyB,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QACD,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;QAEjD,YAAY,CAAC,GAAG,KAAK,IAAI,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { default } from './use-boolean';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/useBoolean/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { default } from './use-boolean';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/useBoolean/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}
@@ -0,0 +1,16 @@
1
+ /** Set value to true */
2
+ declare type SetTruthy = () => void;
3
+ /** Set value to false */
4
+ declare type SetFalsy = () => void;
5
+ /** Toggle the value */
6
+ declare type Toggle = () => void;
7
+ declare type IsTruthy = boolean;
8
+ declare type UseBooleanType = (defaultValue?: boolean) => [IsTruthy, SetTruthy, SetFalsy, Toggle];
9
+ /**
10
+ *
11
+ * @param defaultValue?: Boolean
12
+ * @returns [isTruthy, setTruthy, setFalsy, toggle]
13
+ */
14
+ declare const useBoolean: UseBooleanType;
15
+ export default useBoolean;
16
+ //# sourceMappingURL=use-boolean.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-boolean.d.ts","sourceRoot":"","sources":["../../../../src/utils/useBoolean/use-boolean.ts"],"names":[],"mappings":"AAEA,wBAAwB;AACxB,aAAK,SAAS,GAAG,MAAM,IAAI,CAAA;AAC3B,yBAAyB;AACzB,aAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAC1B,uBAAuB;AACvB,aAAK,MAAM,GAAG,MAAM,IAAI,CAAA;AACxB,aAAK,QAAQ,GAAG,OAAO,CAAA;AAEvB,aAAK,cAAc,GAAG,CACpB,YAAY,CAAC,EAAE,OAAO,KACnB,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;AAE5C;;;;GAIG;AACH,QAAA,MAAM,UAAU,EAAE,cAQjB,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,15 @@
1
+ import { useState } from 'react';
2
+ /**
3
+ *
4
+ * @param defaultValue?: Boolean
5
+ * @returns [isTruthy, setTruthy, setFalsy, toggle]
6
+ */
7
+ const useBoolean = (defaultValue = false) => {
8
+ const [isTruthy, setBoolean] = useState(defaultValue);
9
+ const setTruthy = () => setBoolean(true);
10
+ const setFalsy = () => setBoolean(false);
11
+ const toggle = () => setBoolean(value => !value);
12
+ return [isTruthy, setTruthy, setFalsy, toggle];
13
+ };
14
+ export default useBoolean;
15
+ //# sourceMappingURL=use-boolean.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-boolean.js","sourceRoot":"","sources":["../../../../src/utils/useBoolean/use-boolean.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAchC;;;;GAIG;AACH,MAAM,UAAU,GAAmB,CAAC,YAAY,GAAG,KAAK,EAAE,EAAE;IAC1D,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAErD,MAAM,SAAS,GAAc,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IACnD,MAAM,QAAQ,GAAa,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAClD,MAAM,MAAM,GAAW,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;IAExD,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { default } from './use-interval';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/useInterval/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { default } from './use-interval';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/useInterval/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}
@@ -0,0 +1,8 @@
1
+ interface UseIntervalOptions {
2
+ callback: () => void;
3
+ delay: number;
4
+ isPaused?: boolean;
5
+ }
6
+ declare const useInterval: ({ callback, delay, isPaused, }: UseIntervalOptions) => void;
7
+ export default useInterval;
8
+ //# sourceMappingURL=use-interval.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-interval.d.ts","sourceRoot":"","sources":["../../../../src/utils/useInterval/use-interval.ts"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,QAAA,MAAM,WAAW,mCAId,kBAAkB,SA6BpB,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -0,0 +1,29 @@
1
+ import { useCallback, useEffect, useRef } from 'react';
2
+ /* eslint-disable @typescript-eslint/no-non-null-assertion */
3
+ const useInterval = ({ callback, delay, isPaused = false, }) => {
4
+ const intervalId = useRef();
5
+ const pauseInterval = useCallback(() => {
6
+ if (intervalId.current) {
7
+ clearInterval(intervalId.current);
8
+ intervalId.current = undefined;
9
+ }
10
+ }, []);
11
+ const resumeInterval = useCallback(() => {
12
+ if (!intervalId.current) {
13
+ intervalId.current = setInterval(callback, delay);
14
+ }
15
+ }, [callback, delay]);
16
+ useEffect(() => {
17
+ if (isPaused) {
18
+ pauseInterval();
19
+ }
20
+ if (!isPaused) {
21
+ resumeInterval();
22
+ }
23
+ return () => {
24
+ pauseInterval();
25
+ };
26
+ }, [isPaused, pauseInterval, resumeInterval]);
27
+ };
28
+ export default useInterval;
29
+ //# sourceMappingURL=use-interval.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-interval.js","sourceRoot":"","sources":["../../../../src/utils/useInterval/use-interval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAQtD,6DAA6D;AAE7D,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,GACG,EAAE,EAAE;IACvB,MAAM,UAAU,GAAG,MAAM,EAAkB,CAAA;IAE3C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,aAAa,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAA;YAClC,UAAU,CAAC,OAAO,GAAG,SAAS,CAAA;SAC/B;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACvB,UAAU,CAAC,OAAO,GAAG,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;SAClD;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE;YACZ,aAAa,EAAE,CAAA;SAChB;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,cAAc,EAAE,CAAA;SACjB;QAED,OAAO,GAAG,EAAE;YACV,aAAa,EAAE,CAAA;QACjB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAA;AAC/C,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { default } from './use-mouse-enter';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/useMouseEnter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { default } from './use-mouse-enter';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/useMouseEnter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { RefObject } from 'react';
2
+ declare const useMouseEnter: <T extends HTMLElement>(ref: RefObject<T>) => boolean;
3
+ export default useMouseEnter;
4
+ //# sourceMappingURL=use-mouse-enter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-mouse-enter.d.ts","sourceRoot":"","sources":["../../../../src/utils/useMouseEnter/use-mouse-enter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,QAAA,MAAM,aAAa,gDAA+C,OAwBjE,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,23 @@
1
+ import { useEffect, useState } from 'react';
2
+ const useMouseEnter = (ref) => {
3
+ const [isMouseOver, setIsMouseOver] = useState(false);
4
+ useEffect(() => {
5
+ const handleMouseHover = (event) => {
6
+ setIsMouseOver(event.type === 'mouseenter');
7
+ };
8
+ const node = ref.current;
9
+ if (node) {
10
+ node.addEventListener('mouseenter', handleMouseHover);
11
+ node.addEventListener('mouseleave', handleMouseHover);
12
+ }
13
+ return () => {
14
+ if (node) {
15
+ node.removeEventListener('mouseenter', handleMouseHover);
16
+ node.removeEventListener('mouseleave', handleMouseHover);
17
+ }
18
+ };
19
+ }, [ref]);
20
+ return isMouseOver;
21
+ };
22
+ export default useMouseEnter;
23
+ //# sourceMappingURL=use-mouse-enter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-mouse-enter.js","sourceRoot":"","sources":["../../../../src/utils/useMouseEnter/use-mouse-enter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,aAAa,GAAG,CAAwB,GAAiB,EAAW,EAAE;IAC1E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,CAAA;QAC7C,CAAC,CAAA;QAED,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAA;QAExB,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;YACrD,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;SACtD;QAED,OAAO,GAAG,EAAE;YACV,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;gBACxD,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;aACzD;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { default } from './use-on-screen';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/useOnScreen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { default } from './use-on-screen';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/useOnScreen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ interface UseOnScreenProps {
3
+ ref: React.RefObject<HTMLElement>;
4
+ root?: React.RefObject<HTMLElement>;
5
+ rootMargin?: string;
6
+ threshold?: number | number[];
7
+ }
8
+ declare const useOnScreen: ({ ref, root, rootMargin, threshold, }: UseOnScreenProps) => {
9
+ isOnScreen: boolean;
10
+ isObserved: boolean;
11
+ };
12
+ export default useOnScreen;
13
+ //# sourceMappingURL=use-on-screen.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-on-screen.d.ts","sourceRoot":"","sources":["../../../../src/utils/useOnScreen/use-on-screen.ts"],"names":[],"mappings":";AAEA,UAAU,gBAAgB;IACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC9B;AAED,QAAA,MAAM,WAAW,0CAKd,gBAAgB;;;CAmClB,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -0,0 +1,26 @@
1
+ import { useEffect, useState, useMemo } from 'react';
2
+ const useOnScreen = ({ ref, root, rootMargin, threshold, }) => {
3
+ const [isOnScreen, setIsOnScreen] = useState(false);
4
+ const [isObserved, setObserved] = useState(false);
5
+ const observer = useMemo(() => new IntersectionObserver(([entry]) => {
6
+ setIsOnScreen(entry.isIntersecting);
7
+ setObserved(true);
8
+ }, {
9
+ root: root === null || root === void 0 ? void 0 : root.current,
10
+ rootMargin,
11
+ threshold,
12
+ }), [root, rootMargin, threshold]);
13
+ useEffect(() => {
14
+ const element = ref.current;
15
+ if (!element) {
16
+ return;
17
+ }
18
+ observer.observe(element);
19
+ return () => {
20
+ observer.unobserve(element);
21
+ };
22
+ }, [observer, ref]);
23
+ return { isOnScreen, isObserved };
24
+ };
25
+ export default useOnScreen;
26
+ //# sourceMappingURL=use-on-screen.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-on-screen.js","sourceRoot":"","sources":["../../../../src/utils/useOnScreen/use-on-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AASpD,MAAM,WAAW,GAAG,CAAC,EACnB,GAAG,EACH,IAAI,EACJ,UAAU,EACV,SAAS,GACQ,EAAE,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,IAAI,oBAAoB,CACtB,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;QACV,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;QACnC,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,EACD;QACE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO;QACnB,UAAU;QACV,SAAS;KACV,CACF,EACH,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,CAC9B,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;QAE3B,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAEzB,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAA;IAEnB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA;AACnC,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-utils",
3
- "version": "3.1.1-alpha-1757603192867.0",
3
+ "version": "3.1.1-alpha-1757603777486.0",
4
4
  "description": "Toptal UI components library - Utils",
5
5
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
6
6
  "bugs": {
@@ -26,18 +26,18 @@
26
26
  "prepublishOnly": "echo 0"
27
27
  },
28
28
  "dependencies": {
29
- "@toptal/picasso-shared": "15.0.1-alpha-1757603192867.0",
29
+ "@toptal/picasso-shared": "15.0.1-alpha-1757603777486.0",
30
30
  "ap-style-title-case": "^1.1.2",
31
31
  "classnames": "^2.5.1"
32
32
  },
33
33
  "devDependencies": {
34
- "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
35
- "@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0",
34
+ "@toptal/picasso-provider": "5.0.2-alpha-1757603777486.0",
35
+ "@toptal/picasso-test-utils": "1.1.2-alpha-1757603777486.0",
36
36
  "styled-components": "^6.1.1"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "@material-ui/core": "4.12.4",
40
- "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
40
+ "@toptal/picasso-provider": "5.0.2-alpha-1757603777486.0",
41
41
  "notistack": "1.0.10",
42
42
  "react": ">=16.12.0 < 19.0.0"
43
43
  },