@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.
- package/dist-package/src/index.d.ts +2 -0
- package/dist-package/src/index.d.ts.map +1 -0
- package/dist-package/src/index.js +2 -0
- package/dist-package/src/index.js.map +1 -0
- package/dist-package/src/utils/Colors/index.d.ts +2 -0
- package/dist-package/src/utils/Colors/index.d.ts.map +1 -0
- package/dist-package/src/utils/Colors/index.js +2 -0
- package/dist-package/src/utils/Colors/index.js.map +1 -0
- package/dist-package/src/utils/Formatters/format-amount.d.ts +18 -0
- package/dist-package/src/utils/Formatters/format-amount.d.ts.map +1 -0
- package/dist-package/src/utils/Formatters/format-amount.js +12 -0
- package/dist-package/src/utils/Formatters/format-amount.js.map +1 -0
- package/dist-package/src/utils/Formatters/index.d.ts +3 -0
- package/dist-package/src/utils/Formatters/index.d.ts.map +1 -0
- package/dist-package/src/utils/Formatters/index.js +2 -0
- package/dist-package/src/utils/Formatters/index.js.map +1 -0
- package/dist-package/src/utils/Gradients/index.d.ts +2 -0
- package/dist-package/src/utils/Gradients/index.d.ts.map +1 -0
- package/dist-package/src/utils/Gradients/index.js +2 -0
- package/dist-package/src/utils/Gradients/index.js.map +1 -0
- package/dist-package/src/utils/Modal/index.d.ts +3 -0
- package/dist-package/src/utils/Modal/index.d.ts.map +1 -0
- package/dist-package/src/utils/Modal/index.js +3 -0
- package/dist-package/src/utils/Modal/index.js.map +1 -0
- package/dist-package/src/utils/Modal/modal-manager.d.ts +7 -0
- package/dist-package/src/utils/Modal/modal-manager.d.ts.map +1 -0
- package/dist-package/src/utils/Modal/modal-manager.js +22 -0
- package/dist-package/src/utils/Modal/modal-manager.js.map +1 -0
- package/dist-package/src/utils/Modal/use-modal.d.ts +7 -0
- package/dist-package/src/utils/Modal/use-modal.d.ts.map +1 -0
- package/dist-package/src/utils/Modal/use-modal.js +13 -0
- package/dist-package/src/utils/Modal/use-modal.js.map +1 -0
- package/dist-package/src/utils/Transitions/Rotate180/Rotate180.d.ts +14 -0
- package/dist-package/src/utils/Transitions/Rotate180/Rotate180.d.ts.map +1 -0
- package/dist-package/src/utils/Transitions/Rotate180/Rotate180.js +29 -0
- package/dist-package/src/utils/Transitions/Rotate180/Rotate180.js.map +1 -0
- package/dist-package/src/utils/Transitions/Rotate180/index.d.ts +4 -0
- package/dist-package/src/utils/Transitions/Rotate180/index.d.ts.map +1 -0
- package/dist-package/src/utils/Transitions/Rotate180/index.js +2 -0
- package/dist-package/src/utils/Transitions/Rotate180/index.js.map +1 -0
- package/dist-package/src/utils/Transitions/Rotate180/styles.d.ts +3 -0
- package/dist-package/src/utils/Transitions/Rotate180/styles.d.ts.map +1 -0
- package/dist-package/src/utils/Transitions/Rotate180/styles.js +10 -0
- package/dist-package/src/utils/Transitions/Rotate180/styles.js.map +1 -0
- package/dist-package/src/utils/Transitions/index.d.ts +3 -0
- package/dist-package/src/utils/Transitions/index.d.ts.map +1 -0
- package/dist-package/src/utils/Transitions/index.js +2 -0
- package/dist-package/src/utils/Transitions/index.js.map +1 -0
- package/dist-package/src/utils/capitalize.d.ts +2 -0
- package/dist-package/src/utils/capitalize.d.ts.map +1 -0
- package/dist-package/src/utils/capitalize.js +2 -0
- package/dist-package/src/utils/capitalize.js.map +1 -0
- package/dist-package/src/utils/constants.d.ts +2 -0
- package/dist-package/src/utils/constants.d.ts.map +1 -0
- package/dist-package/src/utils/constants.js +2 -0
- package/dist-package/src/utils/constants.js.map +1 -0
- package/dist-package/src/utils/disable-unsupported-props.d.ts +7 -0
- package/dist-package/src/utils/disable-unsupported-props.d.ts.map +1 -0
- package/dist-package/src/utils/disable-unsupported-props.js +19 -0
- package/dist-package/src/utils/disable-unsupported-props.js.map +1 -0
- package/dist-package/src/utils/forward-ref.d.ts +33 -0
- package/dist-package/src/utils/forward-ref.d.ts.map +1 -0
- package/dist-package/src/utils/forward-ref.js +27 -0
- package/dist-package/src/utils/forward-ref.js.map +1 -0
- package/dist-package/src/utils/get-name-initials.d.ts +3 -0
- package/dist-package/src/utils/get-name-initials.d.ts.map +1 -0
- package/dist-package/src/utils/get-name-initials.js +14 -0
- package/dist-package/src/utils/get-name-initials.js.map +1 -0
- package/dist-package/src/utils/get-react-node-text-content.d.ts +16 -0
- package/dist-package/src/utils/get-react-node-text-content.d.ts.map +1 -0
- package/dist-package/src/utils/get-react-node-text-content.js +32 -0
- package/dist-package/src/utils/get-react-node-text-content.js.map +1 -0
- package/dist-package/src/utils/index.d.ts +63 -0
- package/dist-package/src/utils/index.d.ts.map +1 -0
- package/dist-package/src/utils/index.js +59 -0
- package/dist-package/src/utils/index.js.map +1 -0
- package/dist-package/src/utils/is-boolean.d.ts +3 -0
- package/dist-package/src/utils/is-boolean.d.ts.map +1 -0
- package/dist-package/src/utils/is-boolean.js +3 -0
- package/dist-package/src/utils/is-boolean.js.map +1 -0
- package/dist-package/src/utils/is-number.d.ts +3 -0
- package/dist-package/src/utils/is-number.d.ts.map +1 -0
- package/dist-package/src/utils/is-number.js +3 -0
- package/dist-package/src/utils/is-number.js.map +1 -0
- package/dist-package/src/utils/is-overflown.d.ts +3 -0
- package/dist-package/src/utils/is-overflown.d.ts.map +1 -0
- package/dist-package/src/utils/is-overflown.js +16 -0
- package/dist-package/src/utils/is-overflown.js.map +1 -0
- package/dist-package/src/utils/is-pointer-device.d.ts +3 -0
- package/dist-package/src/utils/is-pointer-device.d.ts.map +1 -0
- package/dist-package/src/utils/is-pointer-device.js +8 -0
- package/dist-package/src/utils/is-pointer-device.js.map +1 -0
- package/dist-package/src/utils/is-string.d.ts +3 -0
- package/dist-package/src/utils/is-string.d.ts.map +1 -0
- package/dist-package/src/utils/is-string.js +3 -0
- package/dist-package/src/utils/is-string.js.map +1 -0
- package/dist-package/src/utils/is-substring.d.ts +3 -0
- package/dist-package/src/utils/is-substring.d.ts.map +1 -0
- package/dist-package/src/utils/is-substring.js +3 -0
- package/dist-package/src/utils/is-substring.js.map +1 -0
- package/dist-package/src/utils/kebab-to-camel-case.d.ts +6 -0
- package/dist-package/src/utils/kebab-to-camel-case.d.ts.map +1 -0
- package/dist-package/src/utils/kebab-to-camel-case.js +6 -0
- package/dist-package/src/utils/kebab-to-camel-case.js.map +1 -0
- package/dist-package/src/utils/loader-palette.d.ts +6 -0
- package/dist-package/src/utils/loader-palette.d.ts.map +1 -0
- package/dist-package/src/utils/loader-palette.js +8 -0
- package/dist-package/src/utils/loader-palette.js.map +1 -0
- package/dist-package/src/utils/noop.d.ts +3 -0
- package/dist-package/src/utils/noop.d.ts.map +1 -0
- package/dist-package/src/utils/noop.js +2 -0
- package/dist-package/src/utils/noop.js.map +1 -0
- package/dist-package/src/utils/sum.d.ts +3 -0
- package/dist-package/src/utils/sum.d.ts.map +1 -0
- package/dist-package/src/utils/sum.js +3 -0
- package/dist-package/src/utils/sum.js.map +1 -0
- package/dist-package/src/utils/to-title-case.d.ts +4 -0
- package/dist-package/src/utils/to-title-case.d.ts.map +1 -0
- package/dist-package/src/utils/to-title-case.js +10 -0
- package/dist-package/src/utils/to-title-case.js.map +1 -0
- package/dist-package/src/utils/unsafe-error-log.d.ts +3 -0
- package/dist-package/src/utils/unsafe-error-log.d.ts.map +1 -0
- package/dist-package/src/utils/unsafe-error-log.js +5 -0
- package/dist-package/src/utils/unsafe-error-log.js.map +1 -0
- package/dist-package/src/utils/use-combined-refs.d.ts +4 -0
- package/dist-package/src/utils/use-combined-refs.d.ts.map +1 -0
- package/dist-package/src/utils/use-combined-refs.js +22 -0
- package/dist-package/src/utils/use-combined-refs.js.map +1 -0
- package/dist-package/src/utils/use-deprecation-warnings.d.ts +16 -0
- package/dist-package/src/utils/use-deprecation-warnings.d.ts.map +1 -0
- package/dist-package/src/utils/use-deprecation-warnings.js +24 -0
- package/dist-package/src/utils/use-deprecation-warnings.js.map +1 -0
- package/dist-package/src/utils/use-multiple-forward-refs.d.ts +19 -0
- package/dist-package/src/utils/use-multiple-forward-refs.d.ts.map +1 -0
- package/dist-package/src/utils/use-multiple-forward-refs.js +31 -0
- package/dist-package/src/utils/use-multiple-forward-refs.js.map +1 -0
- package/dist-package/src/utils/use-page-scroll-lock.d.ts +2 -0
- package/dist-package/src/utils/use-page-scroll-lock.d.ts.map +1 -0
- package/dist-package/src/utils/use-page-scroll-lock.js +54 -0
- package/dist-package/src/utils/use-page-scroll-lock.js.map +1 -0
- package/dist-package/src/utils/use-safe-state.d.ts +4 -0
- package/dist-package/src/utils/use-safe-state.d.ts.map +1 -0
- package/dist-package/src/utils/use-safe-state.js +19 -0
- package/dist-package/src/utils/use-safe-state.js.map +1 -0
- package/dist-package/src/utils/use-width-of.d.ts +7 -0
- package/dist-package/src/utils/use-width-of.d.ts.map +1 -0
- package/dist-package/src/utils/use-width-of.js +16 -0
- package/dist-package/src/utils/use-width-of.js.map +1 -0
- package/dist-package/src/utils/useBoolean/index.d.ts +2 -0
- package/dist-package/src/utils/useBoolean/index.d.ts.map +1 -0
- package/dist-package/src/utils/useBoolean/index.js +2 -0
- package/dist-package/src/utils/useBoolean/index.js.map +1 -0
- package/dist-package/src/utils/useBoolean/use-boolean.d.ts +16 -0
- package/dist-package/src/utils/useBoolean/use-boolean.d.ts.map +1 -0
- package/dist-package/src/utils/useBoolean/use-boolean.js +15 -0
- package/dist-package/src/utils/useBoolean/use-boolean.js.map +1 -0
- package/dist-package/src/utils/useInterval/index.d.ts +2 -0
- package/dist-package/src/utils/useInterval/index.d.ts.map +1 -0
- package/dist-package/src/utils/useInterval/index.js +2 -0
- package/dist-package/src/utils/useInterval/index.js.map +1 -0
- package/dist-package/src/utils/useInterval/use-interval.d.ts +8 -0
- package/dist-package/src/utils/useInterval/use-interval.d.ts.map +1 -0
- package/dist-package/src/utils/useInterval/use-interval.js +29 -0
- package/dist-package/src/utils/useInterval/use-interval.js.map +1 -0
- package/dist-package/src/utils/useMouseEnter/index.d.ts +2 -0
- package/dist-package/src/utils/useMouseEnter/index.d.ts.map +1 -0
- package/dist-package/src/utils/useMouseEnter/index.js +2 -0
- package/dist-package/src/utils/useMouseEnter/index.js.map +1 -0
- package/dist-package/src/utils/useMouseEnter/use-mouse-enter.d.ts +4 -0
- package/dist-package/src/utils/useMouseEnter/use-mouse-enter.d.ts.map +1 -0
- package/dist-package/src/utils/useMouseEnter/use-mouse-enter.js +23 -0
- package/dist-package/src/utils/useMouseEnter/use-mouse-enter.js.map +1 -0
- package/dist-package/src/utils/useOnScreen/index.d.ts +2 -0
- package/dist-package/src/utils/useOnScreen/index.d.ts.map +1 -0
- package/dist-package/src/utils/useOnScreen/index.js +2 -0
- package/dist-package/src/utils/useOnScreen/index.js.map +1 -0
- package/dist-package/src/utils/useOnScreen/use-on-screen.d.ts +13 -0
- package/dist-package/src/utils/useOnScreen/use-on-screen.d.ts.map +1 -0
- package/dist-package/src/utils/useOnScreen/use-on-screen.js +26 -0
- package/dist-package/src/utils/useOnScreen/use-on-screen.js.map +1 -0
- 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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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-
|
|
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-
|
|
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-
|
|
35
|
-
"@toptal/picasso-test-utils": "1.1.2-alpha-
|
|
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-
|
|
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
|
},
|