npm - @siberiacancode/reactuse - Versions diffs - 0.0.45 → 0.0.47 - Mend

@siberiacancode/reactuse 0.0.45 → 0.0.47

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 (232) hide show

package/dist/cjs/hooks/useHover/useHover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHover.js","sources":["../../../../src/hooks/useHover/useHover.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useState } from 'react';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n//* The use hover options type /\nexport interface UseHoverOptions {\n // The on entry callback /\n onEntry?: () => void;\n // The on leave callback /\n onLeave?: () => void;\n}\n\n// The use hover target type /\nexport type UseHoverTarget = RefObject<Element \| null> \| Element;\n// The use hover return type /\nexport type UseHoverReturn<Target extends UseHoverTarget> = [RefObject<Target>, boolean];\n\nexport type UseHover = {\n <Target extends UseHoverTarget>(target: Target, callback?: () => void): boolean;\n\n <Target extends UseHoverTarget>(target: Target, options?: UseHoverOptions): boolean;\n\n <Target extends UseHoverTarget>(callback?: () => void, target?: never): UseHoverReturn<Target>;\n\n <Target extends UseHoverTarget>(\n options?: UseHoverOptions,\n target?: never\n ): UseHoverReturn<Target>;\n};\n\n/\n @name useHover\n * @description - Hook that defines the logic when hovering an element\n * @category Sensors\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be hovered\n * @param {() => void} [callback] The callback function to be invoked on mouse enter\n * @returns {boolean} The state of the hover\n \n @example\n * const hovering = useHover(ref, () => console.log('callback'));\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be hovered\n * @param {() => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {() => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {boolean} The state of the hover\n \n @example\n * const hovering = useHover(ref, {\n * onEntry: () => console.log('onEntry'),\n * onLeave: () => console.log('onLeave'),\n * });\n \n @overload\n * @template Target The target element\n * @param {() => void} [callback] The callback function to be invoked on mouse enter\n * @returns {UseHoverReturn<Target>} The state of the hover\n \n @example\n * const [ref, hovering] = useHover(() => console.log('callback'));\n \n @overload\n * @template Target The target element\n * @param {() => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {() => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {UseHoverReturn<Target>} The state of the hover\n \n @example\n * const [ref, hovering] = useHover({\n * onEntry: () => console.log('onEntry'),\n * onLeave: () => console.log('onLeave'),\n * });\n */\nexport const useHover = ((...params: any[]) => {\n const target = (\n params[0] instanceof Function \|\| !('current' in params[0]) ? undefined : params[0]\n ) as UseHoverTarget \| undefined;\n\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onEntry: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onEntry: params[0] }\n ) as UseHoverOptions \| undefined;\n\n const [hovering, setHovering] = useState(false);\n const internalRef = useRef<Element>(~~null~~);\n\n const onMouseEnter = () => {\n options?.onEntry?.();\n setHovering(true);\n };\n\n const onMouseLeave = () => {\n options?.onLeave?.();\n setHovering(false);\n };\n\n useEventListener(target ?? internalRef, 'mouseenter', onMouseEnter);\n useEventListener(target ?? internalRef, 'mouseleave', onMouseLeave);\n\n if (target) return hovering;\n return [internalRef, hovering] as const;\n}) as UseHover;\n"],"names":["target","arguments","length","undefined","Function","options","_typeof","onEntry","_useState","useState","_useState2","_slicedToArray","hovering","setHovering","internalRef","useRef","useEventListener","_options$onEntry","call","_options$onLeave","onLeave"],"mappings":";sMA8EyB,WACvB,IAAMA,GACJC,UAAAC,QAAA,OAAAC,EAAAF,UAAqBG,cAAAA,YAAc,YAASH,UAAAC,eAAAC,EAAAF,UAAA,MAA0BA,UAAAC,QAAA,OAATC,EAASF,UACzC,GAEzBI,EACJL,EACyB,WAArBM,EAAAA,QAAAL,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IAA6BA,UAAAC,QAAAC,OAAAA,EAAAF,UAE3B,GAAA,CAAEM,QAAON,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IACU,WAArBK,EAAAA,QAAAL,UAAAC,QAAA,OAAAC,EAAAF,cAA6BA,UAAAC,eAAAC,EAAAF,UAE3B,GAAA,CAAEM,QAAON,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IAGjBO,EAAgCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAxCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GACtBI,EAAcC,~~SAAgB~~,~~MAepC~~,OAHAC,mBAAiBhB,QAAAA,EAAUc,EAAa,cAVnB,WAAM,IAAAG,EACzBZ,SAAgBY,QAATA,EAAPZ,EAASE,mBAAOU,GAAhBA,EAAAC,KAAAb,GACAQ,GAAY,MASdG,mBAAiBhB,QAAAA,EAAUc,EAAa,cANnB,WAAM,IAAAK,EACzBd,SAAgBc,QAATA,EAAPd,EAASe,mBAAOD,GAAhBA,EAAAD,KAAAb,GACAQ,GAAY,MAMVb,EAAeY,EACZ,CAACE,EAAaF,EACvB"}
1	+ {"version":3,"file":"useHover.js","sources":["../../../../src/hooks/useHover/useHover.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useState } from 'react';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n//* The use hover options type /\nexport interface UseHoverOptions {\n // The on entry callback /\n onEntry?: () => void;\n // The on leave callback /\n onLeave?: () => void;\n}\n\n// The use hover target type /\nexport type UseHoverTarget = RefObject<Element \| null \| undefined> \| Element;\n// The use hover return type /\nexport type UseHoverReturn<Target extends UseHoverTarget> = [RefObject<Target>, boolean];\n\nexport type UseHover = {\n <Target extends UseHoverTarget>(target: Target, callback?: () => void): boolean;\n\n <Target extends UseHoverTarget>(target: Target, options?: UseHoverOptions): boolean;\n\n <Target extends UseHoverTarget>(callback?: () => void, target?: never): UseHoverReturn<Target>;\n\n <Target extends UseHoverTarget>(\n options?: UseHoverOptions,\n target?: never\n ): UseHoverReturn<Target>;\n};\n\n/\n @name useHover\n * @description - Hook that defines the logic when hovering an element\n * @category Sensors\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be hovered\n * @param {() => void} [callback] The callback function to be invoked on mouse enter\n * @returns {boolean} The state of the hover\n \n @example\n * const hovering = useHover(ref, () => console.log('callback'));\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be hovered\n * @param {() => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {() => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {boolean} The state of the hover\n \n @example\n * const hovering = useHover(ref, {\n * onEntry: () => console.log('onEntry'),\n * onLeave: () => console.log('onLeave'),\n * });\n \n @overload\n * @template Target The target element\n * @param {() => void} [callback] The callback function to be invoked on mouse enter\n * @returns {UseHoverReturn<Target>} The state of the hover\n \n @example\n * const [ref, hovering] = useHover(() => console.log('callback'));\n \n @overload\n * @template Target The target element\n * @param {() => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {() => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {UseHoverReturn<Target>} The state of the hover\n \n @example\n * const [ref, hovering] = useHover({\n * onEntry: () => console.log('onEntry'),\n * onLeave: () => console.log('onLeave'),\n * });\n */\nexport const useHover = ((...params: any[]) => {\n const target = (\n params[0] instanceof Function \|\| !('current' in params[0]) ? undefined : params[0]\n ) as UseHoverTarget \| undefined;\n\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onEntry: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onEntry: params[0] }\n ) as UseHoverOptions \| undefined;\n\n const [hovering, setHovering] = useState(false);\n const internalRef = useRef<Element>();\n\n const onMouseEnter = () => {\n options?.onEntry?.();\n setHovering(true);\n };\n\n const onMouseLeave = () => {\n options?.onLeave?.();\n setHovering(false);\n };\n\n useEventListener(target ?? internalRef, 'mouseenter', onMouseEnter);\n useEventListener(target ?? internalRef, 'mouseleave', onMouseLeave);\n\n if (target) return hovering;\n return [internalRef, hovering] as const;\n}) as UseHover;\n"],"names":["target","arguments","length","undefined","Function","options","_typeof","onEntry","_useState","useState","_useState2","_slicedToArray","hovering","setHovering","internalRef","useRef","useEventListener","_options$onEntry","call","_options$onLeave","onLeave"],"mappings":";sMA8EyB,WACvB,IAAMA,GACJC,UAAAC,QAAA,OAAAC,EAAAF,UAAqBG,cAAAA,YAAc,YAASH,UAAAC,eAAAC,EAAAF,UAAA,MAA0BA,UAAAC,QAAA,OAATC,EAASF,UACzC,GAEzBI,EACJL,EACyB,WAArBM,EAAAA,QAAAL,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IAA6BA,UAAAC,QAAAC,OAAAA,EAAAF,UAE3B,GAAA,CAAEM,QAAON,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IACU,WAArBK,EAAAA,QAAAL,UAAAC,QAAA,OAAAC,EAAAF,cAA6BA,UAAAC,eAAAC,EAAAF,UAE3B,GAAA,CAAEM,QAAON,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IAGjBO,EAAgCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAxCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GACtBI,EAAcC,EAAAA,SAepB,OAHAC,mBAAiBhB,QAAAA,EAAUc,EAAa,cAVnB,WAAM,IAAAG,EACzBZ,SAAgBY,QAATA,EAAPZ,EAASE,mBAAOU,GAAhBA,EAAAC,KAAAb,GACAQ,GAAY,MASdG,mBAAiBhB,QAAAA,EAAUc,EAAa,cANnB,WAAM,IAAAK,EACzBd,SAAgBc,QAATA,EAAPd,EAASe,mBAAOD,GAAhBA,EAAAD,KAAAb,GACAQ,GAAY,MAMVb,EAAeY,EACZ,CAACE,EAAaF,EACvB"}

package/dist/cjs/hooks/useIdle/useIdle.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),t=require("react");require("../../utils/helpers/isClient.js");var i=require("../../utils/helpers/throttle.js"),n=["mousemove","mousedown","keydown","touchstart","wheel","resize"];exports.useIdle=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:6e4,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},u=o.initialValue,s=void 0!==u&&u,l=o.events,a=void 0===l?n:l,c=t.useState(s),d=e._slicedToArray(c,2),v=d[0],h=d[1],f=t.useState(Date.now()),m=e._slicedToArray(f,2),w=m[0],E=m[1];return t.useEffect((function(){var e,t=function(){return h(!0)},n=i.throttle((function(){h(!1),E(Date.now()),clearTimeout(e),e=setTimeout(t,r)}),500),o=function(){document.hidden||n()};return e=setTimeout(t,r),a.forEach((function(e){return window.addEventListener(e,n)})),document.addEventListener("visibilitychange",o),function(){a.forEach((function(e){return window.addEventListener(e,n)})),document.removeEventListener("visibilitychange",o),clearTimeout(e)}}),[r,a]),{idle:v,lastActive:w}};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),t=require("react");require("../../utils/helpers/isClient.js");var i=require("../../utils/helpers/throttle.js"),n=["mousemove","mousedown","keydown","touchstart","wheel","resize"];exports.useIdle=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:6e4,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},u=o.initialValue,s=void 0!==u&&u,l=o.events,a=void 0===l?n:l,c=t.useState(s),d=e._slicedToArray(c,2),v=d[0],h=d[1],f=t.useState(Date.now()),m=e._slicedToArray(f,2),w=m[0],E=m[1];return t.useEffect((function(){var e,t=function(){return h(!0)},n=i.throttle((function(){h(!1),E(Date.now()),clearTimeout(e),e=setTimeout(t,r)}),500),o=function(){document.hidden||n()};return e=setTimeout(t,r),a.forEach((function(e){return window.addEventListener(e,n)})),document.addEventListener("visibilitychange",o),function(){a.forEach((function(e){return window.addEventListener(e,n)})),document.removeEventListener("visibilitychange",o),clearTimeout(e)}}),[r,a]),{idle:v,lastActive:w}};
 //# sourceMappingURL=useIdle.js.map

package/dist/cjs/hooks/useImage/useImage.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var r=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),e=require("../useQuery/useQuery.js");require("react"),require("../../utils/helpers/getRetry.js"),require("../../utils/helpers/isClient.js");var n=function(){var e=r._asyncToGenerator(r._regeneratorRuntime().mark((function e(n){var s,t=arguments;return r._regeneratorRuntime().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return s=t.length>1&&void 0!==t[1]?t[1]:{},r.abrupt("return",new Promise((function(r,e){var t=new Image,u=s.srcset,i=s.sizes,o=s.class,a=s.loading,c=s.crossorigin,l=s.referrerPolicy;t.src=n,u&&(t.srcset=u),i&&(t.sizes=i),o&&(t.className=o),a&&(t.loading=a),c&&(t.crossOrigin=c),l&&(t.referrerPolicy=l),t.onload=function(){return r(t)},t.onerror=e})));case 2:case"end":return r.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}();exports.useImage=function(s,t){var u,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return e.useQuery((function(){return n(s,t)}),r._objectSpread2({keys:[s].concat(r._toConsumableArray(null!==(u=i.keys)&&void 0!==u?u:[]))},i))};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var r=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),e=require("../useQuery/useQuery.js");require("react"),require("../../utils/helpers/getRetry.js"),require("../../utils/helpers/isClient.js");var n=function(){var e=r._asyncToGenerator(r._regeneratorRuntime().mark((function e(n){var s,t=arguments;return r._regeneratorRuntime().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return s=t.length>1&&void 0!==t[1]?t[1]:{},r.abrupt("return",new Promise((function(r,e){var t=new Image,u=s.srcset,i=s.sizes,o=s.class,a=s.loading,c=s.crossorigin,l=s.referrerPolicy;t.src=n,u&&(t.srcset=u),i&&(t.sizes=i),o&&(t.className=o),a&&(t.loading=a),c&&(t.crossOrigin=c),l&&(t.referrerPolicy=l),t.onload=function(){return r(t)},t.onerror=e})));case 2:case"end":return r.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}();exports.useImage=function(s,t){var u,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return e.useQuery((function(){return n(s,t)}),r._objectSpread2({keys:[s].concat(r._toConsumableArray(null!==(u=i.keys)&&void 0!==u?u:[]))},i))};
 //# sourceMappingURL=useImage.js.map

package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),n=require("react");exports.useIntersectionObserver=function(){var r,t="object"!==e._typeof(arguments.length<=0?void 0:arguments[0])||"current"in(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,o=t?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],i=null===(r=null==o?void 0:o.enabled)||void 0===r||r,l=n.useState(),u=e._slicedToArray(l,2),c=u[0],s=u[1],d=n.useRef(null),v=n.useRef();return v.current=null==o?void 0:o.onChange,n.useEffect((function(){if(i){var n=t?function(e){return"function"==typeof e?e():e instanceof Element?e:e.current}(t):d.current;if(n){var r,l=new IntersectionObserver((function(n){var r,t=e._slicedToArray(n,1)[0];s(t),null===(r=v.current)||void 0===r||r.call(v,t)}),e._objectSpread2(e._objectSpread2({},o),{},{root:(r=null==o?void 0:o.root,r?r instanceof Element||r instanceof Document?r:r.current:document)}));return l.observe(n),function(){l.disconnect()}}}}),[t,null==o?void 0:o.rootMargin,null==o?void 0:o.threshold,null==o?void 0:o.root,i]),t?{entry:c,inView:!(null==c||!c.isIntersecting)}:{ref:d,entry:c,inView:!(null==c||!c.isIntersecting)}};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),n=require("react"),r=require("../useRerender/useRerender.js");exports.useIntersectionObserver=function(){var t,o=r.useRerender(),u="object"!==e._typeof(arguments.length<=0?void 0:arguments[0])||"current"in(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,i=u?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],l=null===(t=null==i?void 0:i.enabled)||void 0===t||t,c=n.useState(),s=e._slicedToArray(c,2),d=s[0],v=s[1],a=n.useRef(),f=n.useRef();return f.current=null==i?void 0:i.onChange,n.useEffect((function(){if(l&&a.current){var n=u?function(e){return"function"==typeof e?e():e instanceof Element?e:e.current}(u):a.current;if(n){var r,t=new IntersectionObserver((function(n){var r,t=e._slicedToArray(n,1)[0];v(t),null===(r=f.current)||void 0===r||r.call(f,t)}),e._objectSpread2(e._objectSpread2({},i),{},{root:(r=null==i?void 0:i.root,r?r instanceof Element||r instanceof Document?r:r.current:document)}));return t.observe(n),function(){t.disconnect()}}}}),[a.current,u,null==i?void 0:i.rootMargin,null==i?void 0:i.threshold,null==i?void 0:i.root,l]),u?{entry:d,inView:!(null==d||!d.isIntersecting)}:{ref:function(e){a.current||(a.current=e,o.update())},entry:d,inView:!(null==d||!d.isIntersecting)}};
 //# sourceMappingURL=useIntersectionObserver.js.map

package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useIntersectionObserver.js","sources":["../../../../src/hooks/useIntersectionObserver/useIntersectionObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\n/** The intersection observer target element type /\nexport type UseIntersectionObserverTarget = RefObject<Element \| null> \| (() => Element) \| Element;\n\n/* The intersection observer options type /\nexport interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {\n enabled?: boolean;\n onChange?: (entry: IntersectionObserverEntry) => void;\n root?: IntersectionObserverInit['root'] \| RefObject<Element \| null>;\n}\n\nconst getTargetElement = (target: UseIntersectionObserverTarget) => {\n if (typeof target === 'function') {\n return target();\n }\n\n if (target instanceof Element) {\n return target;\n }\n\n return target.current;\n};\n\nconst getRootElement = (root: UseIntersectionObserverOptions['root']) => {\n if (!root) return document;\n\n if (root instanceof Element) {\n return root;\n }\n\n if (root instanceof Document) {\n return root;\n }\n\n return root.current;\n};\n\n/* The intersection observer return type /\nexport interface UseIntersectionObserverReturn {\n inView: boolean;\n entry?: IntersectionObserverEntry;\n}\n\nexport type UseIntersectionObserver = {\n <Target extends UseIntersectionObserverTarget>(\n target: Target,\n options?: UseIntersectionObserverOptions\n ): UseIntersectionObserverReturn;\n\n <Target extends UseIntersectionObserverTarget>(\n options?: UseIntersectionObserverOptions,\n target?: never\n ): UseIntersectionObserverReturn & { ref: ~~RefObject<~~Target> };\n};\n\n/\n @name useIntersectionObserver\n * @description - Hook that gives you intersection observer state\n * @category Browser\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) \| undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] \| RefObject<Element \| null>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn} An object containing the state and the supported status\n \n @example\n * const { ref, entry, inView } = useIntersectionObserver();\n \n @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) \| undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] \| RefObject<Element \| null>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn & { ref: ~~RefObject<~~Target> }} A React ref to attach to the target element\n \n @example\n * const { entry, inView } = useIntersectionObserver(ref);\n */\nexport const useIntersectionObserver = ((...params: any[]) => {\n const target = (\n typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n ) as UseIntersectionObserverTarget \| undefined;\n const options = (target ? params[1] : params[0]) as UseIntersectionObserverOptions \| undefined;\n const enabled = options?.enabled ?? true;\n\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n const internalRef = useRef<Element>(~~null~~);\n const internalOnChangeRef = useRef<UseIntersectionObserverOptions['onChange']>();\n internalOnChangeRef.current = options?.onChange;\n\n useEffect(() => {\n if (!enabled) return;\n\n const element = target ? getTargetElement(target) : internalRef.current;\n if (!element) return;\n\n const observer = new IntersectionObserver(\n ([entry]) => {\n setEntry(entry);\n internalOnChangeRef.current?.(entry);\n },\n {\n ...options,\n root: getRootElement(options?.root)\n }\n );\n\n observer.observe(element);\n\n return () => {\n observer.disconnect();\n };\n }, [target, options?.rootMargin, options?.threshold, options?.root, enabled]);\n\n if (target) return { entry, inView: !!entry?.isIntersecting };\n return { ref: internalRef, entry, inView: !!entry?.isIntersecting };\n}) as UseIntersectionObserver;\n"],"names":["_options$enabled","target","_typeof","arguments","length","undefined","options","enabled","_useState","useState","_useState2","_slicedToArray","entry","setEntry","internalRef","useRef","internalOnChangeRef","current","onChange","useEffect","element","Element","getTargetElement","root","observer","IntersectionObserver","_ref","_internalOnChangeRef$","call","_objectSpread","_objectSpread2","Document","document","observe","disconnect","rootMargin","threshold","inView","isIntersecting","ref"],"mappings":";~~6HAmFwC~~,WAAsB,IAAAA,EACtDC,EACiB,WAArBC,EAAAA,QAAAC,UAAAC,QAAA,OAAAC,EAAAF,UAAqB,KAAc,YAASA,UAAAC,eAAAC,EAAAF,UAAA,IAA0BA,UAAAC,QAAA,OAAAC,EAAAF,UAC1B,QADiBE,EAEzDC,EAAWL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAuE,GACxFI,~~EAA0BP~~,QAAnBA,~~EAAGM~~,aAAO,EAAPA,EAASC,~~eAAOP~~,IAAAA,GAAAA,~~EAEhCQ~~,EAA0BC,EAAAA,WAAqCC,EAAAC,EAAAA,eAAAH,EAAA,GAAxDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEhBI,EAAcC,~~SAAgB~~,~~MAC9BC~~,EAAsBD,EAAAA,~~SA2B5B~~,~~OA1BAC~~,EAAoBC,QAAUX,aAAO,EAAPA,EAASY,SAEvCC,EAAAA,WAAU,WACR,GAAKZ,~~EAAL~~,~~CAEA~~,~~IAAMa~~,EAAUnB,EAtFK,SAACA,GACxB,MAAsB,mBAAXA,EACFA,IAGLA,aAAkBoB,QACbpB,EAGFA,EAAOgB,OAChB,CA4E6BK,CAAiBrB,GAAUa,EAAYG,QAChE,GAAKG,EAAL,CAEA,IA7EoBG,EA6EdC,EAAW,IAAIC,sBACnB,SAAAC,GAAa,IAAAC,EAAXf,EAAWD,EAAAA,eAAAe,EAAA,GAAN,GACLb,EAASD,GACkBe,QAA3BA,EAAAX,EAAoBC,eAApBU,IAA2BA,GAA3BA,EAAAC,KAAAZ,EAA8BJ,EAC/B,GAAAiB,EAAAC,eAAAD,EAAAC,kBAEIxB,GAAO,CAAA,EAAA,CACViB,MApFgBA,EAoFKjB,aAAO,EAAPA,EAASiB,KAnF/BA,EAEDA,aAAgBF,SAIhBE,aAAgBQ,SAHXR,EAOFA,EAAKN,QAVMe,aAyFhB,OAFAR,EAASS,QAAQb,GAEV,WACLI,EAASU,aAhBG,~~CAHA~~,~~CAqBf~~,GAAE,~~CAACjC~~,~~EAAQK~~,aAAO,EAAPA,EAAS6B,~~WAAY7B~~,aAAAA,EAAAA,EAAS8B,~~UAAW9B~~,~~aAAAA~~,~~EAAAA~~,EAASiB,~~KAAMhB~~,~~IAEhEN~~,EAAe,CAAEW,MAAAA,EAAOyB,SAAUzB,UAAAA,EAAO0B,iBACtC,~~CAAEC~~,~~IAAKzB~~,~~EAAaF~~,MAAAA,~~EAAOyB~~,SAAUzB,UAAAA,EAAO0B,~~gBACrD~~"}
1	+ {"version":3,"file":"useIntersectionObserver.js","sources":["../../../../src/hooks/useIntersectionObserver/useIntersectionObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\n/** The intersection observer target element type /\nexport type UseIntersectionObserverTarget =\n \| RefObject<Element \| null \| undefined>\n \| (() => Element)\n \| Element;\n\n/* The intersection observer options type /\nexport interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {\n enabled?: boolean;\n onChange?: (entry: IntersectionObserverEntry) => void;\n root?: IntersectionObserverInit['root'] \| RefObject<Element \| null \| undefined>;\n}\n\nconst getTargetElement = (target: UseIntersectionObserverTarget) => {\n if (typeof target === 'function') {\n return target();\n }\n\n if (target instanceof Element) {\n return target;\n }\n\n return target.current;\n};\n\nconst getRootElement = (root: UseIntersectionObserverOptions['root']) => {\n if (!root) return document;\n\n if (root instanceof Element) {\n return root;\n }\n\n if (root instanceof Document) {\n return root;\n }\n\n return root.current;\n};\n\n/* The intersection observer return type /\nexport interface UseIntersectionObserverReturn {\n inView: boolean;\n entry?: IntersectionObserverEntry;\n}\n\nexport type UseIntersectionObserver = {\n <Target extends UseIntersectionObserverTarget>(\n target: Target,\n options?: UseIntersectionObserverOptions\n ): UseIntersectionObserverReturn;\n\n <Target extends UseIntersectionObserverTarget>(\n options?: UseIntersectionObserverOptions,\n target?: never\n ): UseIntersectionObserverReturn & { ref: (node: Target) => void };\n};\n\n/\n @name useIntersectionObserver\n * @description - Hook that gives you intersection observer state\n * @category Browser\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) \| undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] \| RefObject<Element \| null \| undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn} An object containing the state and the supported status\n \n @example\n * const { ref, entry, inView } = useIntersectionObserver();\n \n @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) \| undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] \| RefObject<Element \| null \| undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn & { ref: (node: Target) => void }} A React ref to attach to the target element\n \n @example\n * const { entry, inView } = useIntersectionObserver(ref);\n */\nexport const useIntersectionObserver = ((...params: any[]) => {\n const rerender = useRerender();\n const target = (\n typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n ) as UseIntersectionObserverTarget \| undefined;\n const options = (target ? params[1] : params[0]) as UseIntersectionObserverOptions \| undefined;\n const enabled = options?.enabled ?? true;\n\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n const internalRef = useRef<Element>();\n const internalOnChangeRef = useRef<UseIntersectionObserverOptions['onChange']>();\n internalOnChangeRef.current = options?.onChange;\n\n useEffect(() => {\n if (!enabled \|\| !internalRef.current) return;\n const element = target ? getTargetElement(target) : internalRef.current;\n if (!element) return;\n\n const observer = new IntersectionObserver(\n ([entry]) => {\n setEntry(entry);\n internalOnChangeRef.current?.(entry);\n },\n {\n ...options,\n root: getRootElement(options?.root)\n }\n );\n\n observer.observe(element);\n\n return () => {\n observer.disconnect();\n };\n }, [\n internalRef.current,\n target,\n options?.rootMargin,\n options?.threshold,\n options?.root,\n enabled\n ]);\n\n if (target) return { entry, inView: !!entry?.isIntersecting };\n return {\n ref: (node: Element) => {\n if (!internalRef.current) {\n internalRef.current = node;\n rerender.update();\n }\n },\n entry,\n inView: !!entry?.isIntersecting\n };\n}) as UseIntersectionObserver;\n"],"names":["_options$enabled","rerender","useRerender","target","_typeof","arguments","length","undefined","options","enabled","_useState","useState","_useState2","_slicedToArray","entry","setEntry","internalRef","useRef","internalOnChangeRef","current","onChange","useEffect","element","Element","getTargetElement","root","observer","IntersectionObserver","_ref","_internalOnChangeRef$","call","_objectSpread","_objectSpread2","Document","document","observe","disconnect","rootMargin","threshold","inView","isIntersecting","ref","node","update"],"mappings":";wKAwFwC,WAAsB,IAAAA,EACtDC,EAAWC,EAAAA,cACXC,EACiB,WAArBC,EAAAA,QAAAC,UAAAC,QAAA,OAAAC,EAAAF,UAAqB,KAAc,YAASA,UAAAC,eAAAC,EAAAF,UAAA,IAA0BA,UAAAC,QAAA,OAAAC,EAAAF,UAC1B,QADiBE,EAEzDC,EAAWL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAuE,GACxFI,EAA0BT,QAAnBA,EAAGQ,aAAO,EAAPA,EAASC,eAAOT,IAAAA,GAAAA,EAEhCU,EAA0BC,EAAAA,WAAqCC,EAAAC,EAAAA,eAAAH,EAAA,GAAxDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEhBI,EAAcC,EAAAA,SACdC,EAAsBD,EAAAA,SAiC5B,OAhCAC,EAAoBC,QAAUX,aAAO,EAAPA,EAASY,SAEvCC,EAAAA,WAAU,WACR,GAAKZ,GAAYO,EAAYG,QAA7B,CACA,IAAMG,EAAUnB,EAtFK,SAACA,GACxB,MAAsB,mBAAXA,EACFA,IAGLA,aAAkBoB,QACbpB,EAGFA,EAAOgB,OAChB,CA4E6BK,CAAiBrB,GAAUa,EAAYG,QAChE,GAAKG,EAAL,CAEA,IA7EoBG,EA6EdC,EAAW,IAAIC,sBACnB,SAAAC,GAAa,IAAAC,EAAXf,EAAWD,EAAAA,eAAAe,EAAA,GAAN,GACLb,EAASD,GACkBe,QAA3BA,EAAAX,EAAoBC,eAApBU,IAA2BA,GAA3BA,EAAAC,KAAAZ,EAA8BJ,EAC/B,GAAAiB,EAAAC,eAAAD,EAAAC,kBAEIxB,GAAO,CAAA,EAAA,CACViB,MApFgBA,EAoFKjB,aAAO,EAAPA,EAASiB,KAnF/BA,EAEDA,aAAgBF,SAIhBE,aAAgBQ,SAHXR,EAOFA,EAAKN,QAVMe,aAyFhB,OAFAR,EAASS,QAAQb,GAEV,WACLI,EAASU,aAhBG,CAFwB,CAoBvC,GAAE,CACDpB,EAAYG,QACZhB,EACAK,aAAO,EAAPA,EAAS6B,WACT7B,aAAAA,EAAAA,EAAS8B,UACT9B,aAAO,EAAPA,EAASiB,KACThB,IAGEN,EAAe,CAAEW,MAAAA,EAAOyB,SAAUzB,UAAAA,EAAO0B,iBACtC,CACLC,IAAK,SAACC,GACC1B,EAAYG,UACfH,EAAYG,QAAUuB,EACtBzC,EAAS0C,SAEZ,EACD7B,MAAAA,EACAyB,SAAUzB,UAAAA,EAAO0B,gBAErB"}

package/dist/cjs/hooks/useInterval/useInterval.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),r=require("react"),n=require("../useEvent/useEvent.js");exports.useInterval=function(){for(var t,u,l=arguments.length,a=new Array(l),c=0;c<l;c++)a[c]=arguments[c];var s=a[0],i=null!==(t="number"==typeof a[1]?a[1]:a[1].interval)&&void 0!==t?t:1e3,v="object"===e._typeof(a[1])?a[1]:a[2],o=null===(u=null==v?void 0:v.enabled)||void 0===u||u,f=r.useState(null==o||o),p=e._slicedToArray(f,2),I=p[0],d=p[1],b=r.useRef(),y=n.useEvent(s);r.useEffect((function(){if(o)return b.current=setInterval(y,i),function(){clearInterval(b.current)}}),[o,i]);return{isActive:I,pause:function(){d(!1),clearInterval(b.current)},resume:function(){i<=0||(d(!0),clearInterval(b.current),b.current=setInterval(y,i))}}};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),r=require("react"),n=require("../useEvent/useEvent.js");exports.useInterval=function(){for(var t,u,l=arguments.length,a=new Array(l),c=0;c<l;c++)a[c]=arguments[c];var s=a[0],i=null!==(t="number"==typeof a[1]?a[1]:a[1].interval)&&void 0!==t?t:1e3,v="object"===e._typeof(a[1])?a[1]:a[2],o=null===(u=null==v?void 0:v.enabled)||void 0===u||u,f=r.useState(null==o||o),p=e._slicedToArray(f,2),I=p[0],d=p[1],b=r.useRef(),y=n.useEvent(s);r.useEffect((function(){if(o)return b.current=setInterval(y,i),function(){clearInterval(b.current)}}),[o,i]);return{isActive:I,pause:function(){d(!1),clearInterval(b.current)},resume:function(){i<=0||(d(!0),clearInterval(b.current),b.current=setInterval(y,i))}}};
 //# sourceMappingURL=useInterval.js.map

package/dist/cjs/hooks/useIsFirstRender/useIsFirstRender.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var r=require("react");exports.useIsFirstRender=function(){var e=r.useRef(!0);return!0===e.current?(e.current=!1,!0):e.current};
 //# sourceMappingURL=useIsFirstRender.js.map

package/dist/cjs/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var e=require("react"),s=require("../../utils/helpers/isClient.js").isClient?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=s;
 //# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/cjs/hooks/useKeyPress/useKeyPress.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),r=require("react"),n=require("../useEventListener/useEventListener.js");require("../useEvent/useEvent.js");exports.useKeyPress=function(s,u){var i,t,l=r.useState(!1),o=e._slicedToArray(l,2),a=o[0],v=o[1];return n.useEventListener(null!==(i=null==u?void 0:u.target)&&void 0!==i?i:window,"keydown",(function(e){(Array.isArray(s)?s.includes(e.key):e.key===s)&&v(!0)})),n.useEventListener(null!==(t=null==u?void 0:u.target)&&void 0!==t?t:window,"keyup",(function(e){(Array.isArray(s)?s.includes(e.key):e.key===s)&&v(!1)})),a};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),r=require("react"),n=require("../useEventListener/useEventListener.js");require("../useEvent/useEvent.js");exports.useKeyPress=function(s,u){var i,t,l=r.useState(!1),o=e._slicedToArray(l,2),a=o[0],v=o[1];return n.useEventListener(null!==(i=null==u?void 0:u.target)&&void 0!==i?i:window,"keydown",(function(e){(Array.isArray(s)?s.includes(e.key):e.key===s)&&v(!0)})),n.useEventListener(null!==(t=null==u?void 0:u.target)&&void 0!==t?t:window,"keyup",(function(e){(Array.isArray(s)?s.includes(e.key):e.key===s)&&v(!1)})),a};
 //# sourceMappingURL=useKeyPress.js.map

package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var e=require("../useEventListener/useEventListener.js");require("react"),require("../useEvent/useEvent.js");exports.useKeyPressEvent=function(){var n=Array.isArray(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:[arguments.length<=0?void 0:arguments[0]],t=(arguments.length<=1?void 0:arguments[1])instanceof Function?null:arguments.length<=1?void 0:arguments[1],i=t?arguments.length<=2?void 0:arguments[2]:arguments.length<=1?void 0:arguments[1],r=t?arguments.length<=3?void 0:arguments[3]:arguments.length<=2?void 0:arguments[2];e.useEventListener(null!=t?t:window,"keydown",(function(e){n.includes(e.key)&&i(e)}),r)};
 //# sourceMappingURL=useKeyPressEvent.js.map

package/dist/cjs/hooks/useKeyboard/useKeyboard.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var e=require("../useEventListener/useEventListener.js");require("react"),require("../useEvent/useEvent.js");exports.useKeyboard=function(n){var u,r;e.useEventListener(null!==(u=null==n?void 0:n.target)&&void 0!==u?u:window,"keydown",(function(e){var u;return null==n||null===(u=n.onKeyDown)||void 0===u?void 0:u.call(n,e)})),e.useEventListener(null!==(r=null==n?void 0:n.target)&&void 0!==r?r:window,"keyup",(function(e){var u;return null==n||null===(u=n.onKeyUp)||void 0===u?void 0:u.call(n,e)}))};
 //# sourceMappingURL=useKeyboard.js.map

package/dist/cjs/hooks/useKeysPressed/useKeysPressed.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),u=require("react"),r=require("../useDidUpdate/useDidUpdate.js"),n=require("../useEventListener/useEventListener.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js"),require("../useEvent/useEvent.js");exports.useKeysPressed=function(t){var i,s,o,d=null===(i=null==t?void 0:t.enabled)||void 0===i||i,l=u.useState([]),c=e._slicedToArray(l,2),a=c[0],v=c[1];return r.useDidUpdate((function(){v([])}),[d]),n.useEventListener(null!==(s=null==t?void 0:t.target)&&void 0!==s?s:window,"keydown",(function(u){d&&v((function(r){return r.some((function(e){return e.code===u.code}))?r:[].concat(e._toConsumableArray(r),[{key:u.key,code:u.code}])}))})),n.useEventListener(null!==(o=null==t?void 0:t.target)&&void 0!==o?o:window,"keyup",(function(e){d&&v((function(u){return u.filter((function(u){return u.code!==e.code}))}))})),a};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),u=require("react"),r=require("../useDidUpdate/useDidUpdate.js"),n=require("../useEventListener/useEventListener.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js"),require("../useEvent/useEvent.js");exports.useKeysPressed=function(t){var i,s,o,d=null===(i=null==t?void 0:t.enabled)||void 0===i||i,l=u.useState([]),c=e._slicedToArray(l,2),a=c[0],v=c[1];return r.useDidUpdate((function(){v([])}),[d]),n.useEventListener(null!==(s=null==t?void 0:t.target)&&void 0!==s?s:window,"keydown",(function(u){d&&v((function(r){return r.some((function(e){return e.code===u.code}))?r:[].concat(e._toConsumableArray(r),[{key:u.key,code:u.code}])}))})),n.useEventListener(null!==(o=null==t?void 0:t.target)&&void 0!==o?o:window,"keyup",(function(e){d&&v((function(u){return u.filter((function(u){return u.code!==e.code}))}))})),a};
 //# sourceMappingURL=useKeysPressed.js.map

package/dist/cjs/hooks/useList/useList.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var r=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),n=require("react");exports.useList=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=n.useState(t),u=r._slicedToArray(e,2),o=u[0],c=u[1];return{value:o,set:function(r){return c(r)},push:function(n){return c((function(t){return[].concat(r._toConsumableArray(t),[n])}))},removeAt:function(n){return c((function(t){return[].concat(r._toConsumableArray(t.slice(0,n)),r._toConsumableArray(t.slice(n+1)))}))},insertAt:function(n,t){return c((function(e){return[].concat(r._toConsumableArray(e.slice(0,n)),[t],r._toConsumableArray(e.slice(n)))}))},updateAt:function(r,n){return c((function(t){return t.map((function(t,e){return e===r?n:t}))}))},clear:function(){return c([])},reset:function(){return c(t)}}};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var r=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),n=require("react");exports.useList=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=n.useState(t),u=r._slicedToArray(e,2),o=u[0],c=u[1];return{value:o,set:function(r){return c(r)},push:function(n){return c((function(t){return[].concat(r._toConsumableArray(t),[n])}))},removeAt:function(n){return c((function(t){return[].concat(r._toConsumableArray(t.slice(0,n)),r._toConsumableArray(t.slice(n+1)))}))},insertAt:function(n,t){return c((function(e){return[].concat(r._toConsumableArray(e.slice(0,n)),[t],r._toConsumableArray(e.slice(n)))}))},updateAt:function(r,n){return c((function(t){return t.map((function(t,e){return e===r?n:t}))}))},clear:function(){return c([])},reset:function(){return c(t)}}};
 //# sourceMappingURL=useList.js.map

package/dist/cjs/hooks/useLocalStorage/useLocalStorage.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),r=require("../useStorage/useStorage.js");require("react"),require("../../utils/helpers/isClient.js"),require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js");exports.useLocalStorage=function(s,t,u){return r.useStorage(s,e._objectSpread2({initialValue:t,storage:window.localStorage},u))};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),r=require("../useStorage/useStorage.js");require("react"),require("../../utils/helpers/isClient.js"),require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js");exports.useLocalStorage=function(s,t,u){return r.useStorage(s,e._objectSpread2({initialValue:t,storage:window.localStorage},u))};
 //# sourceMappingURL=useLocalStorage.js.map

package/dist/cjs/hooks/useLogger/useLogger.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),o=require("react"),r=require("../useDidUpdate/useDidUpdate.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js");exports.useLogger=function(t,u){o.useEffect((function(){var o;return(o=console).log.apply(o,["".concat(t," mounted")].concat(e._toConsumableArray(u))),function(){return console.log("".concat(t," unmounted"))}}),[]),r.useDidUpdate((function(){var o;(o=console).log.apply(o,["".concat(t," updated")].concat(e._toConsumableArray(u)))}),u)};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),o=require("react"),r=require("../useDidUpdate/useDidUpdate.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js");exports.useLogger=function(t,u){o.useEffect((function(){var o;return(o=console).log.apply(o,["".concat(t," mounted")].concat(e._toConsumableArray(u))),function(){return console.log("".concat(t," unmounted"))}}),[]),r.useDidUpdate((function(){var o;(o=console).log.apply(o,["".concat(t," updated")].concat(e._toConsumableArray(u)))}),u)};
 //# sourceMappingURL=useLogger.js.map

package/dist/cjs/hooks/useLongPress/useLongPress.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),n=require("react"),u=require("../useEventListener/useEventListener.js");require("../useEvent/useEvent.js");exports.useLongPress=function(){var t=(arguments.length<=0?void 0:arguments[0])instanceof Function||!("current"in(arguments.length<=0?void 0:arguments[0]))||arguments.length<=0?void 0:arguments[0],l=t?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],r=t?arguments.length<=2?void 0:arguments[2]:arguments.length<=1?void 0:arguments[1],i=n.useState(!1),s=e._slicedToArray(i,2),o=s[0],v=s[1],c=n.useRef(null),a=n.useRef(),d=n.useRef(!1),h=function(e){var n,u;null==r||null===(n=r.onStart)||void 0===n||n.call(r,e),d.current=!0,a.current=setTimeout((function(){l(e),v(!0)}),null!==(u=null==r?void 0:r.threshold)&&void 0!==u?u:400)},f=function(e){var n;if(o)null==r||null===(n=r.onFinish)||void 0===n||n.call(r,e);else if(d.current){var u;null==r||null===(u=r.onCancel)||void 0===u||u.call(r,e)}v(!1),d.current=!1,a.current&&clearTimeout(a.current)};return u.useEventListener(null!=t?t:c,"mousedown",h),u.useEventListener(null!=t?t:c,"touchstart",h),u.useEventListener(null!=t?t:c,"mouseup",f),u.useEventListener(null!=t?t:c,"touchend",f),t?o:[c,o]};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),n=require("react"),u=require("../useEventListener/useEventListener.js");require("../useEvent/useEvent.js");exports.useLongPress=function(){var t=(arguments.length<=0?void 0:arguments[0])instanceof Function||!("current"in(arguments.length<=0?void 0:arguments[0]))||arguments.length<=0?void 0:arguments[0],l=t?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],r=t?arguments.length<=2?void 0:arguments[2]:arguments.length<=1?void 0:arguments[1],i=n.useState(!1),s=e._slicedToArray(i,2),o=s[0],v=s[1],c=n.useRef(),a=n.useRef(),d=n.useRef(!1),h=function(e){var n,u;null==r||null===(n=r.onStart)||void 0===n||n.call(r,e),d.current=!0,a.current=setTimeout((function(){l(e),v(!0)}),null!==(u=null==r?void 0:r.threshold)&&void 0!==u?u:400)},f=function(e){var n;if(o)null==r||null===(n=r.onFinish)||void 0===n||n.call(r,e);else if(d.current){var u;null==r||null===(u=r.onCancel)||void 0===u||u.call(r,e)}v(!1),d.current=!1,a.current&&clearTimeout(a.current)};return u.useEventListener(null!=t?t:c,"mousedown",h),u.useEventListener(null!=t?t:c,"touchstart",h),u.useEventListener(null!=t?t:c,"mouseup",f),u.useEventListener(null!=t?t:c,"touchend",f),t?o:[c,o]};
 //# sourceMappingURL=useLongPress.js.map

package/dist/cjs/hooks/useLongPress/useLongPress.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLongPress.js","sources":["../../../../src/hooks/useLongPress/useLongPress.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useState } from 'react';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n// * The use long press target type /\nexport type UseLongPressTarget = RefObject<Element \| null> \| (() => Element) \| Element;\n\n// The use long press options type /\ninterface UseLongPressOptions {\n // The threshold time in milliseconds\n threshold?: number;\n // * The callback function to be invoked on long press start\n onStart?: (event: Event) => void;\n // * The callback function to be invoked on long press end\n onFinish?: (event: Event) => void;\n // * The callback function to be invoked on long press cancel\n onCancel?: (event: Event) => void;\n}\n\n// * The use long press return type /\nexport type UseLongPressReturn<Target extends UseLongPressTarget> = [RefObject<Target>, boolean];\n\nexport type UseLongPress = {\n <Target extends UseLongPressTarget>(\n target: Target,\n callback: (event: Event) => void,\n options?: UseLongPressOptions\n ): boolean;\n\n <Target extends UseLongPressTarget>(\n callback: (event: Event) => void,\n options?: UseLongPressOptions,\n target?: never\n ): UseLongPressReturn<Target>;\n};\n\nconst DEFAULT_THRESHOLD_TIME = 400;\n\n/\n @name useLongPress\n * @description - Hook that defines the logic when long pressing an element\n * @category Sensors\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be long pressed\n * @param {(event: Event) => void} callback The callback function to be invoked on long press\n * @param {number} [options.threshold=400] The threshold time in milliseconds\n * @param {(event: Event) => void} [options.onStart] The callback function to be invoked on long press start\n * @param {(event: Event) => void} [options.onFinish] The callback function to be invoked on long press finish\n * @param {(event: Event) => void} [options.onCancel] The callback function to be invoked on long press cancel\n * @returns {void}\n \n @example\n * const longPressing = useLongPress(ref, () => console.log('callback'));\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be long pressed\n * @param {(event: Event) => void} callback The callback function to be invoked on long press\n * @param {number} [options.threshold=400] The threshold time in milliseconds\n * @param {(event: Event) => void} [options.onStart] The callback function to be invoked on long press start\n * @param {(event: Event) => void} [options.onFinish] The callback function to be invoked on long press finish\n * @param {(event: Event) => void} [options.onCancel] The callback function to be invoked on long press cancel\n * @returns {UseLongPressReturn<Target>} The ref of the target element\n \n @example\n * const [ref, longPressing] = useLongPress(() => console.log('callback'));\n */\nexport const useLongPress = ((...params: any[]) => {\n const target = (\n params[0] instanceof Function \|\| !('current' in params[0]) ? undefined : params[0]\n ) as UseLongPressTarget \| undefined;\n const callback = (target ? params[1] : params[0]) as (event: Event) => void;\n const options = (target ? params[2] : params[1]) as UseLongPressOptions \| undefined;\n\n const [isLongPressActive, setIsLongPressActive] = useState(false);\n const internalRef = useRef<Element>(~~null~~);\n const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>();\n const isPressed = useRef(false);\n\n const start = (event: Event) => {\n options?.onStart?.(event);\n\n isPressed.current = true;\n timeoutIdRef.current = setTimeout(() => {\n callback(event);\n setIsLongPressActive(true);\n }, options?.threshold ?? DEFAULT_THRESHOLD_TIME);\n };\n\n const cancel = (event: Event) => {\n if (isLongPressActive) {\n options?.onFinish?.(event);\n } else if (isPressed.current) {\n options?.onCancel?.(event);\n }\n\n setIsLongPressActive(false);\n isPressed.current = false;\n\n if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n };\n\n useEventListener(target ?? internalRef, 'mousedown', start);\n useEventListener(target ?? internalRef, 'touchstart', start);\n useEventListener(target ?? internalRef, 'mouseup', cancel);\n useEventListener(target ?? internalRef, 'touchend', cancel);\n\n if (target) return isLongPressActive;\n return [internalRef, isLongPressActive];\n}) as UseLongPress;\n"],"names":["target","arguments","length","undefined","Function","callback","options","_useState","useState","_useState2","_slicedToArray","isLongPressActive","setIsLongPressActive","internalRef","useRef","timeoutIdRef","isPressed","start","event","_options$onStart","_options$threshold","onStart","call","current","setTimeout","threshold","cancel","_options$onFinish","onFinish","_options$onCancel","onCancel","clearTimeout","useEventListener"],"mappings":";0MAsE6B,WAC3B,IAAMA,GACJC,UAAAC,QAAA,OAAAC,EAAAF,UAAqBG,cAAAA,YAAc,YAASH,UAAAC,eAAAC,EAAAF,UAAA,MAA0BA,UAAAC,QAAA,OAATC,EAASF,UACrC,GAC7BI,EAAYL,EAAMC,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAmD,GACrEK,EAAWN,EAAMC,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAA4D,GAEnFM,EAAkDC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAA1DI,EAAiBF,EAAA,GAAEG,EAAoBH,EAAA,GACxCI,EAAcC,~~SAAgB~~,~~MAC9BC~~,EAAeD,EAAAA,SACfE,EAAYF,UAAO,GAEnBG,EAAQ,SAACC,GAAiB,IAAAC,EAAAC,EAC9Bd,SAAgB,QAATa,EAAPb,EAASe,eAAO,IAAAF,GAAhBA,EAAAG,KAAAhB,EAAmBY,GAEnBF,EAAUO,SAAU,EACpBR,EAAaQ,QAAUC,YAAW,WAChCnB,EAASa,GACTN,GAAqB,EACvB,WAACQ,EAAEd,aAAAA,EAAAA,EAASmB,iBAAS,IAAAL,EAAAA,EApDM,MAuDvBM,EAAS,SAACR,GACS,IAAAS,EAAvB,GAAIhB,EACFL,SAAiB,QAAVqB,EAAPrB,EAASsB,gBAAQ,IAAAD,GAAjBA,EAAAL,KAAAhB,EAAoBY,QACf,GAAIF,EAAUO,QAAS,CAAA,IAAAM,EAC5BvB,SAAiB,QAAVuB,EAAPvB,EAASwB,gBAAQ,IAAAD,GAAjBA,EAAAP,KAAAhB,EAAoBY,EACtB,CAEAN,GAAqB,GACrBI,EAAUO,SAAU,EAEhBR,EAAaQ,SAASQ,aAAahB,EAAaQ,UAQtD,OALAS,mBAAiBhC,QAAAA,EAAUa,EAAa,YAAaI,GACrDe,mBAAiBhC,QAAAA,EAAUa,EAAa,aAAcI,GACtDe,mBAAiBhC,QAAAA,EAAUa,EAAa,UAAWa,GACnDM,mBAAiBhC,QAAAA,EAAUa,EAAa,WAAYa,GAEhD1B,EAAeW,EACZ,CAACE,EAAaF,EACvB"}
1	+ {"version":3,"file":"useLongPress.js","sources":["../../../../src/hooks/useLongPress/useLongPress.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useState } from 'react';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n// * The use long press target type /\nexport type UseLongPressTarget = RefObject<Element \| null \| undefined> \| (() => Element) \| Element;\n\n// The use long press options type /\ninterface UseLongPressOptions {\n // The threshold time in milliseconds\n threshold?: number;\n // * The callback function to be invoked on long press start\n onStart?: (event: Event) => void;\n // * The callback function to be invoked on long press end\n onFinish?: (event: Event) => void;\n // * The callback function to be invoked on long press cancel\n onCancel?: (event: Event) => void;\n}\n\n// * The use long press return type /\nexport type UseLongPressReturn<Target extends UseLongPressTarget> = [RefObject<Target>, boolean];\n\nexport type UseLongPress = {\n <Target extends UseLongPressTarget>(\n target: Target,\n callback: (event: Event) => void,\n options?: UseLongPressOptions\n ): boolean;\n\n <Target extends UseLongPressTarget>(\n callback: (event: Event) => void,\n options?: UseLongPressOptions,\n target?: never\n ): UseLongPressReturn<Target>;\n};\n\nconst DEFAULT_THRESHOLD_TIME = 400;\n\n/\n @name useLongPress\n * @description - Hook that defines the logic when long pressing an element\n * @category Sensors\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be long pressed\n * @param {(event: Event) => void} callback The callback function to be invoked on long press\n * @param {number} [options.threshold=400] The threshold time in milliseconds\n * @param {(event: Event) => void} [options.onStart] The callback function to be invoked on long press start\n * @param {(event: Event) => void} [options.onFinish] The callback function to be invoked on long press finish\n * @param {(event: Event) => void} [options.onCancel] The callback function to be invoked on long press cancel\n * @returns {void}\n \n @example\n * const longPressing = useLongPress(ref, () => console.log('callback'));\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be long pressed\n * @param {(event: Event) => void} callback The callback function to be invoked on long press\n * @param {number} [options.threshold=400] The threshold time in milliseconds\n * @param {(event: Event) => void} [options.onStart] The callback function to be invoked on long press start\n * @param {(event: Event) => void} [options.onFinish] The callback function to be invoked on long press finish\n * @param {(event: Event) => void} [options.onCancel] The callback function to be invoked on long press cancel\n * @returns {UseLongPressReturn<Target>} The ref of the target element\n \n @example\n * const [ref, longPressing] = useLongPress(() => console.log('callback'));\n */\nexport const useLongPress = ((...params: any[]) => {\n const target = (\n params[0] instanceof Function \|\| !('current' in params[0]) ? undefined : params[0]\n ) as UseLongPressTarget \| undefined;\n const callback = (target ? params[1] : params[0]) as (event: Event) => void;\n const options = (target ? params[2] : params[1]) as UseLongPressOptions \| undefined;\n\n const [isLongPressActive, setIsLongPressActive] = useState(false);\n const internalRef = useRef<Element>();\n const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>();\n const isPressed = useRef(false);\n\n const start = (event: Event) => {\n options?.onStart?.(event);\n\n isPressed.current = true;\n timeoutIdRef.current = setTimeout(() => {\n callback(event);\n setIsLongPressActive(true);\n }, options?.threshold ?? DEFAULT_THRESHOLD_TIME);\n };\n\n const cancel = (event: Event) => {\n if (isLongPressActive) {\n options?.onFinish?.(event);\n } else if (isPressed.current) {\n options?.onCancel?.(event);\n }\n\n setIsLongPressActive(false);\n isPressed.current = false;\n\n if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n };\n\n useEventListener(target ?? internalRef, 'mousedown', start);\n useEventListener(target ?? internalRef, 'touchstart', start);\n useEventListener(target ?? internalRef, 'mouseup', cancel);\n useEventListener(target ?? internalRef, 'touchend', cancel);\n\n if (target) return isLongPressActive;\n return [internalRef, isLongPressActive];\n}) as UseLongPress;\n"],"names":["target","arguments","length","undefined","Function","callback","options","_useState","useState","_useState2","_slicedToArray","isLongPressActive","setIsLongPressActive","internalRef","useRef","timeoutIdRef","isPressed","start","event","_options$onStart","_options$threshold","onStart","call","current","setTimeout","threshold","cancel","_options$onFinish","onFinish","_options$onCancel","onCancel","clearTimeout","useEventListener"],"mappings":";0MAsE6B,WAC3B,IAAMA,GACJC,UAAAC,QAAA,OAAAC,EAAAF,UAAqBG,cAAAA,YAAc,YAASH,UAAAC,eAAAC,EAAAF,UAAA,MAA0BA,UAAAC,QAAA,OAATC,EAASF,UACrC,GAC7BI,EAAYL,EAAMC,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAmD,GACrEK,EAAWN,EAAMC,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAA4D,GAEnFM,EAAkDC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAA1DI,EAAiBF,EAAA,GAAEG,EAAoBH,EAAA,GACxCI,EAAcC,EAAAA,SACdC,EAAeD,EAAAA,SACfE,EAAYF,UAAO,GAEnBG,EAAQ,SAACC,GAAiB,IAAAC,EAAAC,EAC9Bd,SAAgB,QAATa,EAAPb,EAASe,eAAO,IAAAF,GAAhBA,EAAAG,KAAAhB,EAAmBY,GAEnBF,EAAUO,SAAU,EACpBR,EAAaQ,QAAUC,YAAW,WAChCnB,EAASa,GACTN,GAAqB,EACvB,WAACQ,EAAEd,aAAAA,EAAAA,EAASmB,iBAAS,IAAAL,EAAAA,EApDM,MAuDvBM,EAAS,SAACR,GACS,IAAAS,EAAvB,GAAIhB,EACFL,SAAiB,QAAVqB,EAAPrB,EAASsB,gBAAQ,IAAAD,GAAjBA,EAAAL,KAAAhB,EAAoBY,QACf,GAAIF,EAAUO,QAAS,CAAA,IAAAM,EAC5BvB,SAAiB,QAAVuB,EAAPvB,EAASwB,gBAAQ,IAAAD,GAAjBA,EAAAP,KAAAhB,EAAoBY,EACtB,CAEAN,GAAqB,GACrBI,EAAUO,SAAU,EAEhBR,EAAaQ,SAASQ,aAAahB,EAAaQ,UAQtD,OALAS,mBAAiBhC,QAAAA,EAAUa,EAAa,YAAaI,GACrDe,mBAAiBhC,QAAAA,EAAUa,EAAa,aAAcI,GACtDe,mBAAiBhC,QAAAA,EAAUa,EAAa,UAAWa,GACnDM,mBAAiBhC,QAAAA,EAAUa,EAAa,WAAYa,GAEhD1B,EAAeW,EACZ,CAACE,EAAaF,EACvB"}

package/dist/cjs/hooks/useMap/useMap.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),r=require("react");exports.useMap=function(n){var t=r.useState(new Map(n)),u=e._slicedToArray(t,2),a=u[0],i=u[1];return{value:a,size:a.size,set:function(e,r){return i((function(n){return new Map(n).set(e,r)}))},has:function(e){return a.has(e)},remove:function(e){return i((function(r){if(!r.has(e))return r;var n=new Map(r);return n.delete(e),n}))},clear:function(){return i(new Map)},reset:function(){return i(new Map(n))}}};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),r=require("react");exports.useMap=function(n){var t=r.useState(new Map(n)),u=e._slicedToArray(t,2),a=u[0],i=u[1];return{value:a,size:a.size,set:function(e,r){return i((function(n){return new Map(n).set(e,r)}))},has:function(e){return a.has(e)},remove:function(e){return i((function(r){if(!r.has(e))return r;var n=new Map(r);return n.delete(e),n}))},clear:function(){return i(new Map)},reset:function(){return i(new Map(n))}}};
 //# sourceMappingURL=useMap.js.map

package/dist/cjs/hooks/useMeasure/useMeasure.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),t=require("react"),r=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js");require("../../utils/helpers/isClient.js");exports.useMeasure=function(o){var i=t.useRef(null),n=t.useState({x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0}),u=e._slicedToArray(n,2),s=u[0],c=u[1];return r.useIsomorphicLayoutEffect((function(){var t=o?function(e){return"function"==typeof e?e():e instanceof Element?e:e.current}(o):i.current;if(console.log("@element",i.current),t){var r=new window.ResizeObserver((function(t){var r=e._slicedToArray(t,1)[0];if(r){var o=r.contentRect,i=o.x,n=o.y,u=o.width,s=o.height,f=o.top,l=o.left,a=o.bottom,h=o.right;c({x:i,y:n,width:u,height:s,top:f,left:l,bottom:a,right:h})}}));return r.observe(t),function(){r.disconnect()}}}),[o]),o?s:e._objectSpread2({ref:i},s)};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),r=require("react"),t=require("../useResizeObserver/useResizeObserver.js");require("../useRerender/useRerender.js");exports.useMeasure=function(s){var i=r.useRef(),u=r.useState({x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0}),o=e._slicedToArray(u,2),h=o[0],n=o[1];return t.useResizeObserver(null!=s?s:i,{onChange:function(r){var t=e._slicedToArray(r,1)[0];if(t){var s=t.contentRect,i=s.x,u=s.y,o=s.width,h=s.height,a=s.top,l=s.left,c=s.bottom,b=s.right;n({x:i,y:u,width:o,height:h,top:a,left:l,bottom:c,right:b})}}}),s?h:e._objectSpread2({ref:i},h)};
 //# sourceMappingURL=useMeasure.js.map

package/dist/cjs/hooks/useMeasure/useMeasure.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMeasure.js","sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useState } from 'react';\n\nimport { ~~useIsomorphicLayoutEffect~~ } from '../~~useIsomorphicLayoutEffect~~/~~useIsomorphicLayoutEffect~~';\n\n/** The use measure target element type /\nexport type UseMeasureTarget = RefObject<Element \| null> \| (() => Element) \| Element;\n\~~nconst getElement = (target: UseMeasureTarget) => {\~~n ~~if (typeof target === 'function') {\n return target();\n }\n\n if (target instanceof Element) {\n return target;\n }\n\n return target.current;\n};\n\n~~/* The use measure return type /\nexport type UseMeasureReturn = Pick<\n DOMRectReadOnly,\n 'x' \| 'y' \| 'top' \| 'left' \| 'right' \| 'bottom' \| 'height' \| 'width'\n>;\n\nexport type UseMeasureScreen = {\n <Target extends UseMeasureTarget>(target: Target): UseMeasureReturn;\n\n <Target extends UseMeasureTarget>(target?: never): UseMeasureReturn & { ref: RefObject<Target> };\n};\n\n/\n @name useMeasure\n * @description - Hook to measure the size and position of an element\n * @category Browser\n \n @overload\n * @template Target The element to measure\n * @param {Target} [target] The element to measure\n * @returns {UseMeasureReturn} The element's size and position\n \n @example\n * const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);\n \n @overload\n * @template Target The element to measure\n * @returns {UseMeasureReturn & { ref: RefObject<Target> }} The element's size and position\n \n @example\n * const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();\n */\nexport const useMeasure = (<Target extends UseMeasureTarget>(target?: Target) => {\n const internalRef = useRef<Element>(~~null~~);\n const [rect, setRect] = useState({\n x: 0,\n y: 0,\n width: 0,\n height: 0,\n top: 0,\n left: 0,\n bottom: 0,\n right: 0\n });\n\n ~~useIsomorphicLayoutEffect~~(~~() => {\n const element =~~ target ? ~~getElement(target) :~~ internalRef~~.current;\n console.log('@element'~~, ~~internalRef.current);\n if (!element) return;\n~~\n ~~const~~ ~~observer = new window.ResizeObserver~~(([entry]) => {\n if (!entry) return;\n\n const { x, y, width, height, top, left, bottom, right } = entry.contentRect;\n setRect({ x, y, width, height, top, left, bottom, right });\n }~~);\n observer.observe(element);\n~~\n ~~return () => {\n observer.disconnect();\n };\n~~ }~~, [target]~~);\n\n if (target) return rect;\n return { ref: internalRef, ...rect };\n}) as UseMeasureScreen;\n"],"names":["target","internalRef","useRef","_useState","useState","x","y","width","height","top","left","bottom","right","_useState2","_slicedToArray","rect","setRect","~~useIsomorphicLayoutEffect~~","~~element~~","~~Element","current","getElement","console","log","observer","window","ResizeObserver","~~_ref","entry","_entry$contentRect","contentRect","~~observe","disconnect","~~_objectSpread","ref"],"mappings":";~~kOAoD2B~~,SAAkCA,GAC3D,IAAMC,EAAcC,~~SAAgB~~,~~MACpCC~~,EAAwBC,EAAAA,SAAS,CAC/BC,EAAG,EACHC,EAAG,EACHC,MAAO,EACPC,OAAQ,EACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,EACRC,MAAO,IACPC,EAAAC,EAAAA,eAAAX,EAAA,GATKY,EAAIF,EAAA,GAAEG,EAAOH,EAAA,~~GA6BpB~~,~~OAlBAI~~,~~EAAAA~~,~~2BAA0B~~,~~WACxB~~,~~IAAMC~~,~~EAAUlB~~,~~EA1DD~~,~~SAACA~~,~~GAClB,MAAsB,mBAAXA,EACFA,IAGLA,aAAkBmB,QACbnB,EAGFA,EAAOoB,OAChB,CAgD6BC,CAAWrB,GAAUC,EAAYmB,QAE1D,GADAE,QAAQC,IAAI,WAAYtB,EAAYmB,SAC/BF,EAAL,CAEA,IAAMM,EAAW,IAAIC,OAAOC,gBAAe,~~SAAAC,GAAa,IAAXC,~~EAAWd~~,EAAAA,~~eAAAa~~,EAAA,GAAN,~~GAChD~~,GAAKC,EAAL,CAEA,IAAAC,EAA0DD,EAAME,~~YAAxDzB~~,~~EAACwB~~,~~EAADxB~~,EAAGC,~~EAACuB~~,~~EAADvB~~,EAAGC,~~EAAKsB~~,~~EAALtB~~,MAAOC,~~EAAMqB~~,~~EAANrB~~,OAAQC,~~EAAGoB~~,~~EAAHpB~~,IAAKC,~~EAAImB~~,~~EAAJnB~~,KAAMC,~~EAAMkB~~,~~EAANlB~~,OAAQC,~~EAAKiB~~,~~EAALjB~~,MAChDI,EAAQ,CAAEX,EAAAA,EAAGC,EAAAA,EAAGC,MAAAA,EAAOC,OAAAA,EAAQC,IAAAA,EAAKC,KAAAA,EAAMC,OAAAA,EAAQC,MAAAA,GAHtC,CAId,~~IAGA~~,~~OAFAY,EAASO,QAAQb,GAEV,WACLM,EAASQ,aAXG,CAahB,GAAG,CAAChC,IAEAA,~~EAAee,~~EACnBkB~~,iBAAA,CAASC,~~IAAKjC~~,GAAgBc,EAChC"}
1	+ {"version":3,"file":"useMeasure.js","sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useState } from 'react';\n\nimport { useResizeObserver } from '../useResizeObserver/useResizeObserver';\n\n/** The use measure target element type /\nexport type UseMeasureTarget = RefObject<Element \| null \| undefined> \| (() => Element) \| Element;\n\n/* The use measure return type /\nexport type UseMeasureReturn = Pick<\n DOMRectReadOnly,\n 'x' \| 'y' \| 'top' \| 'left' \| 'right' \| 'bottom' \| 'height' \| 'width'\n>;\n\nexport type UseMeasureScreen = {\n <Target extends UseMeasureTarget>(target: Target): UseMeasureReturn;\n\n <Target extends UseMeasureTarget>(target?: never): UseMeasureReturn & { ref: RefObject<Target> };\n};\n\n/\n @name useMeasure\n * @description - Hook to measure the size and position of an element\n * @category Browser\n \n @overload\n * @template Target The element to measure\n * @param {Target} [target] The element to measure\n * @returns {UseMeasureReturn} The element's size and position\n \n @example\n * const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);\n \n @overload\n * @template Target The element to measure\n * @returns {UseMeasureReturn & { ref: RefObject<Target> }} The element's size and position\n \n @example\n * const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();\n */\nexport const useMeasure = (<Target extends UseMeasureTarget>(target?: Target) => {\n const internalRef = useRef<Element>();\n const [rect, setRect] = useState({\n x: 0,\n y: 0,\n width: 0,\n height: 0,\n top: 0,\n left: 0,\n bottom: 0,\n right: 0\n });\n\n useResizeObserver(target ?? internalRef, {\n onChange: ([entry]) => {\n if (!entry) return;\n\n const { x, y, width, height, top, left, bottom, right } = entry.contentRect;\n setRect({ x, y, width, height, top, left, bottom, right });\n }\n });\n\n if (target) return rect;\n return { ref: internalRef, ...rect };\n}) as UseMeasureScreen;\n"],"names":["target","internalRef","useRef","_useState","useState","x","y","width","height","top","left","bottom","right","_useState2","_slicedToArray","rect","setRect","useResizeObserver","onChange","_ref","entry","_entry$contentRect","contentRect","_objectSpread","ref"],"mappings":";gNAwC2B,SAAkCA,GAC3D,IAAMC,EAAcC,EAAAA,SACpBC,EAAwBC,EAAAA,SAAS,CAC/BC,EAAG,EACHC,EAAG,EACHC,MAAO,EACPC,OAAQ,EACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,EACRC,MAAO,IACPC,EAAAC,EAAAA,eAAAX,EAAA,GATKY,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAoBpB,OATAI,EAAiBA,kBAACjB,QAAAA,EAAUC,EAAa,CACvCiB,SAAU,SAAAC,GAAa,IAAXC,EAAWN,EAAAA,eAAAK,EAAA,GAAN,GACf,GAAKC,EAAL,CAEA,IAAAC,EAA0DD,EAAME,YAAxDjB,EAACgB,EAADhB,EAAGC,EAACe,EAADf,EAAGC,EAAKc,EAALd,MAAOC,EAAMa,EAANb,OAAQC,EAAGY,EAAHZ,IAAKC,EAAIW,EAAJX,KAAMC,EAAMU,EAANV,OAAQC,EAAKS,EAALT,MAChDI,EAAQ,CAAEX,EAAAA,EAAGC,EAAAA,EAAGC,MAAAA,EAAOC,OAAAA,EAAQC,IAAAA,EAAKC,KAAAA,EAAMC,OAAAA,EAAQC,MAAAA,GAHtC,CAId,IAGEZ,EAAee,EACnBQ,iBAAA,CAASC,IAAKvB,GAAgBc,EAChC"}

package/dist/cjs/hooks/useMediaQuery/useMediaQuery.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var e=require("react"),n=function(){return!1};exports.useMediaQuery=function(r){var t=e.useCallback((function(e){var n=window.matchMedia(r);return n.addEventListener("change",e),function(){n.removeEventListener("change",e)}}),[r]);return e.useSyncExternalStore(t,(function(){return window.matchMedia(r).matches}),n)};
 //# sourceMappingURL=useMediaQuery.js.map

package/dist/cjs/hooks/useMemory/useMemory.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),r=require("react"),s=require("../../utils/helpers/isClient.js"),u=require("../useInterval/useInterval.js");require("../useEvent/useEvent.js");exports.useMemory=function(){var t=!!s.isClient&&"memory"in performance,i=r.useState({jsHeapSizeLimit:0,totalJSHeapSize:0,usedJSHeapSize:0}),n=e._slicedToArray(i,2),a=n[0],l=n[1];return u.useInterval((function(){return l(performance.memory)}),1e3,{enabled:t}),{supported:t,value:a}};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),r=require("react"),s=require("../../utils/helpers/isClient.js"),u=require("../useInterval/useInterval.js");require("../useEvent/useEvent.js");exports.useMemory=function(){var t=!!s.isClient&&"memory"in performance,i=r.useState({jsHeapSizeLimit:0,totalJSHeapSize:0,usedJSHeapSize:0}),n=e._slicedToArray(i,2),a=n[0],l=n[1];return u.useInterval((function(){return l(performance.memory)}),1e3,{enabled:t}),{supported:t,value:a}};
 //# sourceMappingURL=useMemory.js.map

package/dist/cjs/hooks/useMount/useMount.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var e=require("react");exports.useMount=function(r){return e.useEffect(r,[])};
 //# sourceMappingURL=useMount.js.map

package/dist/cjs/hooks/useMouse/useMouse.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),t=require("react"),n=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js");require("../../utils/helpers/isClient.js");exports.useMouse=function(){for(var r=arguments.length,o=new Array(r),u=0;u<r;u++)o[u]=arguments[u];var i=o[0],s=t.useState({x:0,y:0,elementX:0,elementY:0,elementPositionX:0,elementPositionY:0}),c=e._slicedToArray(s,2),l=c[0],a=c[1],f=t.useRef(null);return n.useIsomorphicLayoutEffect((function(){var t=function(t){var n=i?function(e){return"function"==typeof e?e():e instanceof Element?e:e.current}(i):f.current;if(n){var r={x:t.pageX,y:t.pageY},o=n.getBoundingClientRect(),u=o.left,s=o.top,c=u+window.scrollX,l=s+window.scrollY,m=t.pageX-c,p=t.pageY-l;r.elementX=m,r.elementY=p,r.elementPositionX=c,r.elementPositionY=l,a((function(t){return e._objectSpread2(e._objectSpread2({},t),r)}))}};return document.addEventListener("mousemove",t),function(){document.removeEventListener("mousemove",t)}}),[]),i?l:e._objectSpread2(e._objectSpread2({},l),{},{ref:f})};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),n=require("react"),r=require("../useRerender/useRerender.js");exports.useMouse=function(){for(var t=r.useRerender(),o=arguments.length,u=new Array(o),i=0;i<o;i++)u[i]=arguments[i];var c=u[0],s=n.useState({x:0,y:0,elementX:0,elementY:0,elementPositionX:0,elementPositionY:0}),l=e._slicedToArray(s,2),a=l[0],f=l[1],m=n.useRef();return n.useEffect((function(){if(c||m.current){var n=function(n){var r=c?function(e){return"function"==typeof e?e():e instanceof Element?e:e.current}(c):m.current;if(r){var t={x:n.pageX,y:n.pageY},o=r.getBoundingClientRect(),u=o.left,i=o.top,s=u+window.scrollX,l=i+window.scrollY,a=n.pageX-s,d=n.pageY-l;t.elementX=a,t.elementY=d,t.elementPositionX=s,t.elementPositionY=l,f((function(n){return e._objectSpread2(e._objectSpread2({},n),t)}))}};return document.addEventListener("mousemove",n),function(){document.removeEventListener("mousemove",n)}}}),[m.current,c]),c?a:e._objectSpread2({ref:function(e){m.current||(m.current=e,t.update())}},a)};
 //# sourceMappingURL=useMouse.js.map

package/dist/cjs/hooks/useMouse/useMouse.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMouse.js","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useState } from 'react';\n\nimport { ~~useIsomorphicLayoutEffect~~ } from '../~~useIsomorphicLayoutEffect~~/~~useIsomorphicLayoutEffect~~';\n\n/** The use mouse target element type /\ntype UseMouseTarget = RefObject<Element \| null> \| (() => Element) \| Element;\n\n/* Function to get target element based on its type /\nconst getElement = (target: UseMouseTarget) => {\n if (typeof target === 'function') {\n return target();\n }\n\n if (target instanceof Element) {\n return target;\n }\n\n return target.current;\n};\n\n/* The use mouse return type /\nexport interface UseMouseReturn {\n /* The current mouse x position /\n x: number;\n /* The current mouse y position /\n y: number;\n /* The current element x position /\n elementX: number;\n /* The current element y position /\n elementY: number;\n /* The current element position x /\n elementPositionX: number;\n /* The current element position y /\n elementPositionY: number;\n}\n\nexport type UseMouse = {\n <Target extends UseMouseTarget>(target: Target): UseMouseReturn;\n\n <Target extends UseMouseTarget>(target?: never): UseMouseReturn & { ref: ~~RefObject<~~Target> };\n};\n\n/\n @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to manage the mouse position for\n * @returns {UseMouseReturn} An object with the current mouse position\n \n @example\n * const { x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse(target);\n \n @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: ~~RefObject<~~Target> }} An object with the current mouse position and a ref\n \n @example\n * const { ref, x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((...params: any[]) => {\n const target = params[0] as UseMouseTarget \| undefined;\n\n const [value, setValue] = useState({\n x: 0,\n y: 0,\n elementX: 0,\n elementY: 0,\n elementPositionX: 0,\n elementPositionY: 0\n });\n\n const internalRef = useRef<Element>(~~null~~);\n\n ~~useIsomorphicLayoutEffect~~(() => {\n const onMouseMove = (event: MouseEvent) => {\n const element = target ? getElement(target) : internalRef.current;\n if (!element) return;\n\n const updatedValue = {\n x: event.pageX,\n y: event.pageY\n } as typeof value;\n\n const { left, top } = element.getBoundingClientRect();\n const elementPositionX = left + window.scrollX;\n const elementPositionY = top + window.scrollY;\n const elementX = event.pageX - elementPositionX;\n const elementY = event.pageY - elementPositionY;\n\n updatedValue.elementX = elementX;\n updatedValue.elementY = elementY;\n updatedValue.elementPositionX = elementPositionX;\n updatedValue.elementPositionY = elementPositionY;\n\n setValue((prevValue) => ({\n ...prevValue,\n ...updatedValue\n }));\n };\n\n document.addEventListener('mousemove', onMouseMove);\n\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n };\n }, []);\n\n if (target) return value;\n return { ~~...value,~~ ref: internalRef };\n}) as UseMouse;\n"],"names":["_len","arguments","length","params","Array","_key","target","_useState","useState","x","y","elementX","elementY","elementPositionX","elementPositionY","_useState2","_slicedToArray","value","setValue","internalRef","useRef","~~useIsomorphicLayoutEffect~~","onMouseMove","event","element","Element","~~current","~~getElement","updatedValue","pageX","pageY","_element$getBoundingC","getBoundingClientRect","left","top","window","scrollX","scrollY","prevValue","_objectSpread","document","addEventListener","removeEventListener","~~_objectSpread2~~","~~ref~~"],"mappings":";~~gOA~~+DyB,~~WAAsB~~,~~IAAA~~,~~IAAAA~~,EAAAC,UAAAC,~~OAAlBC~~,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,~~GACjC~~,IAAMC,EAASH,EAAO,GAEtBI,EAA0BC,EAAAA,SAAS,CACjCC,EAAG,EACHC,EAAG,EACHC,SAAU,EACVC,SAAU,EACVC,iBAAkB,EAClBC,iBAAkB,IAClBC,EAAAC,EAAAA,eAAAT,EAAA,GAPKU,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAShBI,EAAcC,~~SAAgB~~,~~MAoCpC~~,~~OAlCAC~~,EAAAA,~~2BAA0B~~,~~WACxB~~,IAAMC,EAAc,SAACC,GACnB,IAAMC,~~EAAUlB~~,~~EAtEH~~,SAACA,GAClB,MAAsB,mBAAXA,EACFA,IAGLA,~~aAAkBmB~~,~~QACbnB~~,EAGFA,~~EAAOoB~~,OAChB,~~CA4D~~+BC,CAAWrB,GAAUa,~~EAAYO~~,QAC1D,~~GAAKF~~,EAAL,CAEA,~~IAAMI~~,EAAe,CACnBnB,~~EAAGc~~,~~EAAMM~~,MACTnB,~~EAAGa~~,~~EAAMO~~,OAGXC,~~EAAsBP~~,~~EAAQQ~~,wBAAtBC,EAAIF,EAAJE,KAAMC,EAAGH,EAAHG,IACRrB,EAAmBoB,EAAOE,OAAOC,QACjCtB,EAAmBoB,EAAMC,OAAOE,QAChC1B,~~EAAWY~~,~~EAAMM~~,MAAQhB,EACzBD,~~EAAWW~~,~~EAAMO~~,MAAQhB,EAE/Bc,EAAajB,SAAWA,EACxBiB,EAAahB,SAAWA,EACxBgB,EAAaf,iBAAmBA,EAChCe,EAAad,iBAAmBA,EAEhCI,GAAS,SAACoB,GAAS,OAAAC,EAAAA,eAAAA,EAAAA,eACdD,CAAAA,EAAAA,GACAV,EAAY,GApBH,GA0BhB,OAFAY,SAASC,iBAAiB,~~YAAanB~~,GAEhC,~~WACLkB~~,SAASE,oBAAoB,~~YAAapB~~,~~GAE7C~~,GAAE,~~IAEChB~~,EAAeW,EACnBsB,~~EAAAI~~,~~eAAAJ~~,~~EAAAI~~,~~eAAA~~,~~CAAA~~,~~EAAY1B~~,~~GAAK~~,~~CAAA~~,~~EAAA~~,~~CAAE2B~~,~~IAAKzB~~,~~GAC1B~~"}
1	+ {"version":3,"file":"useMouse.js","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\n/** The use mouse target element type /\ntype UseMouseTarget = RefObject<Element \| null \| undefined> \| (() => Element) \| Element;\n\n/* Function to get target element based on its type /\nconst getElement = (target: UseMouseTarget) => {\n if (typeof target === 'function') {\n return target();\n }\n\n if (target instanceof Element) {\n return target;\n }\n\n return target.current;\n};\n\n/* The use mouse return type /\nexport interface UseMouseReturn {\n /* The current mouse x position /\n x: number;\n /* The current mouse y position /\n y: number;\n /* The current element x position /\n elementX: number;\n /* The current element y position /\n elementY: number;\n /* The current element position x /\n elementPositionX: number;\n /* The current element position y /\n elementPositionY: number;\n}\n\nexport type UseMouse = {\n <Target extends UseMouseTarget>(target: Target): UseMouseReturn;\n\n <Target extends UseMouseTarget>(target?: never): UseMouseReturn & { ref: (node: Target) => void };\n};\n\n/\n @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to manage the mouse position for\n * @returns {UseMouseReturn} An object with the current mouse position\n \n @example\n * const { x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse(target);\n \n @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: (node: Target) => void }} An object with the current mouse position and a ref\n \n @example\n * const { ref, x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((...params: any[]) => {\n const rerender = useRerender();\n const target = params[0] as UseMouseTarget \| undefined;\n\n const [value, setValue] = useState({\n x: 0,\n y: 0,\n elementX: 0,\n elementY: 0,\n elementPositionX: 0,\n elementPositionY: 0\n });\n\n const internalRef = useRef<Element>();\n\n useEffect(() => {\n if (!target && !internalRef.current) return;\n const onMouseMove = (event: MouseEvent) => {\n const element = target ? getElement(target) : internalRef.current;\n if (!element) return;\n\n const updatedValue = {\n x: event.pageX,\n y: event.pageY\n } as typeof value;\n\n const { left, top } = element.getBoundingClientRect();\n const elementPositionX = left + window.scrollX;\n const elementPositionY = top + window.scrollY;\n const elementX = event.pageX - elementPositionX;\n const elementY = event.pageY - elementPositionY;\n\n updatedValue.elementX = elementX;\n updatedValue.elementY = elementY;\n updatedValue.elementPositionX = elementPositionX;\n updatedValue.elementPositionY = elementPositionY;\n\n setValue((prevValue) => ({\n ...prevValue,\n ...updatedValue\n }));\n };\n\n document.addEventListener('mousemove', onMouseMove);\n\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n };\n }, [internalRef.current, target]);\n\n if (target) return value;\n return {\n ref: (node: Element) => {\n if (!internalRef.current) {\n internalRef.current = node;\n rerender.update();\n }\n },\n ...value\n };\n}) as UseMouse;\n"],"names":["rerender","useRerender","_len","arguments","length","params","Array","_key","target","_useState","useState","x","y","elementX","elementY","elementPositionX","elementPositionY","_useState2","_slicedToArray","value","setValue","internalRef","useRef","useEffect","current","onMouseMove","event","element","Element","getElement","updatedValue","pageX","pageY","_element$getBoundingC","getBoundingClientRect","left","top","window","scrollX","scrollY","prevValue","_objectSpread","document","addEventListener","removeEventListener","ref","node","update"],"mappings":";yJA+DyB,WACQ,IAA/B,IAAMA,EAAWC,EAAAA,cAAcC,EAAAC,UAAAC,OADJC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GAEjC,IAAMC,EAASH,EAAO,GAEtBI,EAA0BC,EAAAA,SAAS,CACjCC,EAAG,EACHC,EAAG,EACHC,SAAU,EACVC,SAAU,EACVC,iBAAkB,EAClBC,iBAAkB,IAClBC,EAAAC,EAAAA,eAAAT,EAAA,GAPKU,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAShBI,EAAcC,EAAAA,SAqCpB,OAnCAC,EAAAA,WAAU,WACR,GAAKf,GAAWa,EAAYG,QAA5B,CACA,IAAMC,EAAc,SAACC,GACnB,IAAMC,EAAUnB,EAxEH,SAACA,GAClB,MAAsB,mBAAXA,EACFA,IAGLA,aAAkBoB,QACbpB,EAGFA,EAAOgB,OAChB,CA8D+BK,CAAWrB,GAAUa,EAAYG,QAC1D,GAAKG,EAAL,CAEA,IAAMG,EAAe,CACnBnB,EAAGe,EAAMK,MACTnB,EAAGc,EAAMM,OAGXC,EAAsBN,EAAQO,wBAAtBC,EAAIF,EAAJE,KAAMC,EAAGH,EAAHG,IACRrB,EAAmBoB,EAAOE,OAAOC,QACjCtB,EAAmBoB,EAAMC,OAAOE,QAChC1B,EAAWa,EAAMK,MAAQhB,EACzBD,EAAWY,EAAMM,MAAQhB,EAE/Bc,EAAajB,SAAWA,EACxBiB,EAAahB,SAAWA,EACxBgB,EAAaf,iBAAmBA,EAChCe,EAAad,iBAAmBA,EAEhCI,GAAS,SAACoB,GAAS,OAAAC,EAAAA,eAAAA,EAAAA,eACdD,CAAAA,EAAAA,GACAV,EAAY,GApBH,GA0BhB,OAFAY,SAASC,iBAAiB,YAAalB,GAEhC,WACLiB,SAASE,oBAAoB,YAAanB,GA9BP,CAgCtC,GAAE,CAACJ,EAAYG,QAAShB,IAErBA,EAAeW,EACnBsB,iBAAA,CACEI,IAAK,SAACC,GACCzB,EAAYG,UACfH,EAAYG,QAAUsB,EACtB9C,EAAS+C,SAEb,GACG5B,EAEP"}

package/dist/cjs/hooks/useMutation/useMutation.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var r=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),e=require("react"),t=require("../../utils/helpers/getRetry.js");require("../../utils/helpers/isClient.js");exports.useMutation=function(n,u){var l=e.useRef(null!=u&&u.retry?t.getRetry(u.retry):0),s=e.useState(!1),a=r._slicedToArray(s,2),i=a[0],c=a[1],o=e.useState(!1),y=r._slicedToArray(o,2),f=y[0],p=y[1],d=e.useState(!1),_=r._slicedToArray(d,2),v=_[0],g=_[1],S=e.useState(null),h=r._slicedToArray(S,2),A=h[0],R=h[1],T=e.useState(null),m=r._slicedToArray(T,2),q=m[0],j=m[1],b=function r(e){return c(!0),n(e).then((function(r){var e;return null==u||null===(e=u.onSuccess)||void 0===e||e.call(u,r),j(r),g(!0),c(!1),R(null),p(!1),r})).catch((function(n){var s;if(l.current>0)return l.current-=1,r(e);null==u||null===(s=u.onError)||void 0===s||s.call(u,n),j(null),g(!1),c(!1),R(n),p(!0),l.current=null!=u&&u.retry?t.getRetry(u.retry):0}))},w=function(){var e=r._asyncToGenerator(r._regeneratorRuntime().mark((function e(t){return r._regeneratorRuntime().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.abrupt("return",b(t));case 1:case"end":return r.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}();return{data:q,error:A,mutate:function(r){b(r)},mutateAsync:w,isLoading:i,isError:f,isSuccess:v}};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var r=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),e=require("react"),t=require("../../utils/helpers/getRetry.js");require("../../utils/helpers/isClient.js");exports.useMutation=function(n,u){var l=e.useRef(null!=u&&u.retry?t.getRetry(u.retry):0),s=e.useState(!1),a=r._slicedToArray(s,2),i=a[0],c=a[1],o=e.useState(!1),y=r._slicedToArray(o,2),f=y[0],p=y[1],d=e.useState(!1),_=r._slicedToArray(d,2),v=_[0],g=_[1],S=e.useState(null),h=r._slicedToArray(S,2),A=h[0],R=h[1],T=e.useState(null),m=r._slicedToArray(T,2),q=m[0],j=m[1],b=function r(e){return c(!0),n(e).then((function(r){var e;return null==u||null===(e=u.onSuccess)||void 0===e||e.call(u,r),j(r),g(!0),c(!1),R(null),p(!1),r})).catch((function(n){var s;if(l.current>0)return l.current-=1,r(e);null==u||null===(s=u.onError)||void 0===s||s.call(u,n),j(null),g(!1),c(!1),R(n),p(!0),l.current=null!=u&&u.retry?t.getRetry(u.retry):0}))},w=function(){var e=r._asyncToGenerator(r._regeneratorRuntime().mark((function e(t){return r._regeneratorRuntime().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.abrupt("return",b(t));case 1:case"end":return r.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}();return{data:q,error:A,mutate:function(r){b(r)},mutateAsync:w,isLoading:i,isError:f,isSuccess:v}};
 //# sourceMappingURL=useMutation.js.map

package/dist/cjs/hooks/useMutationObserver.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var e=require("react");exports.useMutationObserver=function(r,n,t){var u=e.useRef(),c=e.useRef(null);return e.useEffect((function(){var e="function"==typeof t?t():t;return(e||c.current)&&(u.current=new MutationObserver(r),u.current.observe(e||c.current,n)),function(){var e;null===(e=u.current)||void 0===e||e.disconnect()}}),[r,n]),c};
 //# sourceMappingURL=useMutationObserver.js.map

package/dist/cjs/hooks/useNetwork/useNetwork.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var n=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),e=require("react"),i=require("../../utils/helpers/isClient.js"),o=function(){var n,e,i;return(null===(n=navigator)||void 0===n?void 0:n.connection)||(null===(e=navigator)||void 0===e?void 0:e.mozConnection)||(null===(i=navigator)||void 0===i?void 0:i.webkitConnection)};exports.getConnection=o,exports.useNetwork=function(){var t=e.useState((function(){if(!i.isClient)return{online:!1,type:void 0,effectiveType:void 0,saveData:!1,downlink:0,downlinkMax:0,rtt:0};var n=navigator.onLine,e=o();return{online:n,downlink:null==e?void 0:e.downlink,downlinkMax:null==e?void 0:e.downlinkMax,effectiveType:null==e?void 0:e.effectiveType,rtt:null==e?void 0:e.rtt,saveData:null==e?void 0:e.saveData,type:null==e?void 0:e.type}})),l=n._slicedToArray(t,2),v=l[0],r=l[1];return e.useEffect((function(){var n=function(){var n=navigator.onLine,e=o();r({online:n,downlink:null==e?void 0:e.downlink,downlinkMax:null==e?void 0:e.downlinkMax,effectiveType:null==e?void 0:e.effectiveType,rtt:null==e?void 0:e.rtt,saveData:null==e?void 0:e.saveData,type:null==e?void 0:e.type})};window.addEventListener("online",n,{passive:!0}),window.addEventListener("offline",n,{passive:!0});var e=o();return e&&e.addEventListener("change",n,{passive:!0}),function(){window.removeEventListener("online",n),window.removeEventListener("offline",n),e&&e.removeEventListener("change",n)}})),v};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var n=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),e=require("react"),i=require("../../utils/helpers/isClient.js"),o=function(){var n,e,i;return(null===(n=navigator)||void 0===n?void 0:n.connection)||(null===(e=navigator)||void 0===e?void 0:e.mozConnection)||(null===(i=navigator)||void 0===i?void 0:i.webkitConnection)};exports.getConnection=o,exports.useNetwork=function(){var t=e.useState((function(){if(!i.isClient)return{online:!1,type:void 0,effectiveType:void 0,saveData:!1,downlink:0,downlinkMax:0,rtt:0};var n=navigator.onLine,e=o();return{online:n,downlink:null==e?void 0:e.downlink,downlinkMax:null==e?void 0:e.downlinkMax,effectiveType:null==e?void 0:e.effectiveType,rtt:null==e?void 0:e.rtt,saveData:null==e?void 0:e.saveData,type:null==e?void 0:e.type}})),l=n._slicedToArray(t,2),v=l[0],r=l[1];return e.useEffect((function(){var n=function(){var n=navigator.onLine,e=o();r({online:n,downlink:null==e?void 0:e.downlink,downlinkMax:null==e?void 0:e.downlinkMax,effectiveType:null==e?void 0:e.effectiveType,rtt:null==e?void 0:e.rtt,saveData:null==e?void 0:e.saveData,type:null==e?void 0:e.type})};window.addEventListener("online",n,{passive:!0}),window.addEventListener("offline",n,{passive:!0});var e=o();return e&&e.addEventListener("change",n,{passive:!0}),function(){window.removeEventListener("online",n),window.removeEventListener("offline",n),e&&e.removeEventListener("change",n)}})),v};
 //# sourceMappingURL=useNetwork.js.map

package/dist/cjs/hooks/useOnline/useOnline.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var n=require("react"),e=function(){return navigator.onLine},t=function(){return!1},r=function(n){return window.addEventListener("online",n),window.addEventListener("offline",n),function(){window.removeEventListener("online",n),window.removeEventListener("offline",n)}};exports.useOnline=function(){return n.useSyncExternalStore(r,e,t)};
 //# sourceMappingURL=useOnline.js.map

package/dist/cjs/hooks/useOperatingSystem/useOperatingSystem.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var e=require("react"),t=function(){if("undefined"==typeof window)return"undetermined";var e=window.navigator.userAgent;return/(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i.test(e)?"macos":/(iPhone)|(iPad)|(iPod)/i.test(e)?"ios":/(Win32)|(Win64)|(Windows)|(WinCE)/i.test(e)?"windows":/Android/i.test(e)?"android":/Linux/i.test(e)?"linux":"undetermined"};exports.getOperatingSystem=t,exports.useOperatingSystem=function(){return e.useRef(t()).current};
 //# sourceMappingURL=useOperatingSystem.js.map

package/dist/cjs/hooks/useOrientation/useOrientation.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),r=require("react"),n=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js");require("../../utils/helpers/isClient.js");exports.useOrientation=function(){var t=r.useState({angle:0,type:"landscape-primary"}),i=e._slicedToArray(t,2),o=i[0],a=i[1];return n.useIsomorphicLayoutEffect((function(){var e,r=function(){var e=window.screen.orientation,r=e.angle,n=e.type;a({angle:r,type:n})};return null===(e=window.screen.orientation)||void 0===e||e.addEventListener("change",r),function(){var e;return null===(e=window.screen.orientation)||void 0===e?void 0:e.removeEventListener("change",r)}}),[]),o};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),r=require("react"),n=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js");require("../../utils/helpers/isClient.js");exports.useOrientation=function(){var t=r.useState({angle:0,type:"landscape-primary"}),i=e._slicedToArray(t,2),o=i[0],a=i[1];return n.useIsomorphicLayoutEffect((function(){var e,r=function(){var e=window.screen.orientation,r=e.angle,n=e.type;a({angle:r,type:n})};return null===(e=window.screen.orientation)||void 0===e||e.addEventListener("change",r),function(){var e;return null===(e=window.screen.orientation)||void 0===e?void 0:e.removeEventListener("change",r)}}),[]),o};
 //# sourceMappingURL=useOrientation.js.map

package/dist/cjs/hooks/usePageLeave/usePageLeave.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),t=require("react"),n=require("../useEvent/useEvent.js");exports.usePageLeave=function(r){var u=t.useState(!1),s=e._slicedToArray(u,2),i=s[0],o=s[1],v=n.useEvent((function(){if(i)return o(!1);null==r||r(),o(!0)}));return t.useEffect((function(){return document.addEventListener("mouseleave",v,{passive:!0}),document.addEventListener("mouseenter",v,{passive:!0}),function(){document.removeEventListener("mouseenter",v),document.removeEventListener("mouseleave",v)}}),[]),i};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),t=require("react"),n=require("../useEvent/useEvent.js");exports.usePageLeave=function(r){var u=t.useState(!1),s=e._slicedToArray(u,2),i=s[0],o=s[1],v=n.useEvent((function(){if(i)return o(!1);null==r||r(),o(!0)}));return t.useEffect((function(){return document.addEventListener("mouseleave",v,{passive:!0}),document.addEventListener("mouseenter",v,{passive:!0}),function(){document.removeEventListener("mouseenter",v),document.removeEventListener("mouseleave",v)}}),[]),i};
 //# sourceMappingURL=usePageLeave.js.map

package/dist/cjs/hooks/usePaint/helpers/Paint.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var t=require("../../../_rollupPluginBabelHelpers-Cgdvu90u.js"),s=require("./Pointer.js"),i=function(){return t._createClass((function i(e){var r=e.x,h=e.y,n=e.radius,o=e.smooth;t._classCallCheck(this,i),t._defineProperty(this,"smooth",!1),t._defineProperty(this,"points",[]),t._defineProperty(this,"lines",[]),this.smooth=o,this.pointer=new s.Pointer(r,h),this.brush=new s.Pointer(r,h),this.radius=n,this.points=[],this.lines=[]}),[{key:"getBrushCoordinates",value:function(){return{x:this.brush.x,y:this.brush.y}}},{key:"getPointerCoordinates",value:function(){return{x:this.pointer.x,y:this.pointer.y}}},{key:"update",value:function(t){if(this.pointer.equalsTo(t))return!1;if(this.pointer.update(t),!this.smooth)return this.brush.update(t),this.points.push(this.getBrushCoordinates()),!0;var s=this.pointer.getDistanceTo(this.brush),i=this.pointer.getAngleTo(this.brush);if(Math.round(10*(s-this.radius))/10>0){var e=i+Math.PI/2;return this.brush.update({x:this.brush.x+Math.sin(e)*(s-this.radius),y:this.brush.y-Math.cos(e)*(s-this.radius)}),this.points.push(this.getBrushCoordinates()),!0}return!1}}])}();exports.Paint=i;
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var t=require("../../../_rollupPluginBabelHelpers-DtlY9c41.js"),s=require("./Pointer.js"),i=function(){return t._createClass((function i(e){var r=e.x,h=e.y,n=e.radius,o=e.smooth;t._classCallCheck(this,i),t._defineProperty(this,"smooth",!1),t._defineProperty(this,"points",[]),t._defineProperty(this,"lines",[]),this.smooth=o,this.pointer=new s.Pointer(r,h),this.brush=new s.Pointer(r,h),this.radius=n,this.points=[],this.lines=[]}),[{key:"getBrushCoordinates",value:function(){return{x:this.brush.x,y:this.brush.y}}},{key:"getPointerCoordinates",value:function(){return{x:this.pointer.x,y:this.pointer.y}}},{key:"update",value:function(t){if(this.pointer.equalsTo(t))return!1;if(this.pointer.update(t),!this.smooth)return this.brush.update(t),this.points.push(this.getBrushCoordinates()),!0;var s=this.pointer.getDistanceTo(this.brush),i=this.pointer.getAngleTo(this.brush);if(Math.round(10*(s-this.radius))/10>0){var e=i+Math.PI/2;return this.brush.update({x:this.brush.x+Math.sin(e)*(s-this.radius),y:this.brush.y-Math.cos(e)*(s-this.radius)}),this.points.push(this.getBrushCoordinates()),!0}return!1}}])}();exports.Paint=i;
 //# sourceMappingURL=Paint.js.map

package/dist/cjs/hooks/usePaint/helpers/Pointer.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-Cgdvu90u.js"),t=function(){function t(n,i){e._classCallCheck(this,t),this.x=n,this.y=i}return e._createClass(t,[{key:"update",value:function(e){this.x=e.x,this.y=e.y}},{key:"getDifferenceTo",value:function(e){return new t(this.x-e.x,this.y-e.y)}},{key:"getDistanceTo",value:function(e){var t=this.getDifferenceTo(e);return Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2))}},{key:"getAngleTo",value:function(e){var t=this.getDifferenceTo(e);return Math.atan2(t.y,t.x)}},{key:"equalsTo",value:function(e){return this.x===e.x&&this.y===e.y}},{key:"moveByAngle",value:function(e,t){var n=e+Math.PI/2;return this.x+=Math.sin(n)*t,this.y-=Math.cos(n)*t,this}}])}();exports.Pointer=t;
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-DtlY9c41.js"),t=function(){function t(n,i){e._classCallCheck(this,t),this.x=n,this.y=i}return e._createClass(t,[{key:"update",value:function(e){this.x=e.x,this.y=e.y}},{key:"getDifferenceTo",value:function(e){return new t(this.x-e.x,this.y-e.y)}},{key:"getDistanceTo",value:function(e){var t=this.getDifferenceTo(e);return Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2))}},{key:"getAngleTo",value:function(e){var t=this.getDifferenceTo(e);return Math.atan2(t.y,t.x)}},{key:"equalsTo",value:function(e){return this.x===e.x&&this.y===e.y}},{key:"moveByAngle",value:function(e,t){var n=e+Math.PI/2;return this.x+=Math.sin(n)*t,this.y-=Math.cos(n)*t,this}}])}();exports.Pointer=t;
 //# sourceMappingURL=Pointer.js.map

package/dist/cjs/hooks/usePaint/usePaint.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),n=require("react"),r=require("../useEvent/useEvent.js"),t=require("./helpers/Paint.js");require("./helpers/Pointer.js");var u=function(e){return"function"==typeof e?e():e instanceof Element?e:e.current};exports.getTargetElement=u,exports.usePaint=function(){var i,o,c,l,s,a="object"!==e._typeof(arguments.length<=0?void 0:arguments[0])||"current"in(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,v=a?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],d=null!==(i=null==v?void 0:v.color)&&void 0!==i?i:"black",f=null!==(o=null==v?void 0:v.opacity)&&void 0!==o?o:1,p=null!==(c=null==v?void 0:v.radius)&&void 0!==c?c:10,h=n.useRef(new t.Paint({x:0,y:0,radius:null!==(l=null==v?void 0:v.radius)&&void 0!==l?l:10,smooth:null!==(s=null==v?void 0:v.smooth)&&void 0!==s&&s})),y=n.useState(!1),g=e._slicedToArray(y,2),E=g[0],m=g[1],x=n.useRef(null),w=n.useRef(null),L=function(e,n,r,t){if(w.current){w.current.globalAlpha=r,w.current.strokeStyle=n,w.current.lineWidth=2*t,w.current.lineCap="round",w.current.lineJoin="round";var u=e[0],i=e[1];w.current.beginPath();for(var o=1;o<e.length;o+=1){var c={x:u.x+(i.x-u.x)/2,y:u.y+(i.y-u.y)/2};w.current.quadraticCurveTo(u.x,u.y,c.x,c.y),u=e[o],i=e[o+1]}w.current.lineTo(u.x,u.y),w.current.stroke()}},b=function(){w.current&&w.current.clearRect(0,0,w.current.canvas.width,w.current.canvas.height)},q=r.useEvent((function(e){var n;if(E){null==v||null===(n=v.onMouseMove)||void 0===n||n.call(v,e,h.current);var r={x:e.offsetX,y:e.offsetY};h.current.update(r)&&w.current&&(b(),w.current.clearRect(0,0,w.current.canvas.width,w.current.canvas.height),h.current.lines.forEach((function(e){var n=e.points,r=e.color,t=e.opacity,u=e.radius;return L(n,r,t,u)})),L(h.current.points,d,f,p))}})),P=r.useEvent((function(e){var n;if(w.current){var r={x:e.offsetX,y:e.offsetY};h.current.brush.update(r),h.current.points.push(r),L(h.current.points,d,f,p),null==v||null===(n=v.onMouseDown)||void 0===n||n.call(v,e,h.current),m(!0)}})),j=r.useEvent((function(e){var n;w.current&&(h.current.points.length&&(h.current.lines.push({points:h.current.points,color:d,opacity:f,radius:p}),h.current.points=[]),null==v||null===(n=v.onMouseUp)||void 0===n||n.call(v,e,h.current),m(!1))})),R=function(){w.current&&(b(),h.current.lines=[],h.current.points=[])},M=function(){w.current&&(b(),h.current.lines.pop(),h.current.lines.forEach((function(e){var n=e.points,r=e.color,t=e.opacity,u=e.radius;return L(n,r,t,u)})))};return n.useEffect((function(){var e=a?u(a):x.current;if(e)return w.current=e.getContext("2d"),null!=v&&v.initialLines&&(h.current.lines=v.initialLines,v.initialLines.forEach((function(e){var n=e.points,r=e.color,t=e.opacity,u=e.radius;return L(n,r,t,u)}))),e.addEventListener("mousedown",P),e.addEventListener("mousemove",q),e.addEventListener("mouseup",j),function(){e&&(e.removeEventListener("mousedown",P),e.removeEventListener("mousemove",q),e.removeEventListener("mouseup",j))}}),[]),a?{drawing:E,clear:R,undo:M,draw:L,lines:h.current.lines}:{ref:x,drawing:E,clear:R,undo:M,draw:L,lines:h.current.lines}};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),n=require("react"),r=require("../useEvent/useEvent.js"),t=require("./helpers/Paint.js");require("./helpers/Pointer.js");var u=function(e){return"function"==typeof e?e():e instanceof Element?e:e.current};exports.getElement=u,exports.usePaint=function(){var i,o,c,l,s,a="object"!==e._typeof(arguments.length<=0?void 0:arguments[0])||"current"in(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,v=a?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],d=null!==(i=null==v?void 0:v.color)&&void 0!==i?i:"black",f=null!==(o=null==v?void 0:v.opacity)&&void 0!==o?o:1,p=null!==(c=null==v?void 0:v.radius)&&void 0!==c?c:10,h=n.useRef(new t.Paint({x:0,y:0,radius:null!==(l=null==v?void 0:v.radius)&&void 0!==l?l:10,smooth:null!==(s=null==v?void 0:v.smooth)&&void 0!==s&&s})),y=n.useState(!1),E=e._slicedToArray(y,2),g=E[0],m=E[1],x=n.useRef(null),w=n.useRef(null),L=function(e,n,r,t){if(w.current){w.current.globalAlpha=r,w.current.strokeStyle=n,w.current.lineWidth=2*t,w.current.lineCap="round",w.current.lineJoin="round";var u=e[0],i=e[1];w.current.beginPath();for(var o=1;o<e.length;o+=1){var c={x:u.x+(i.x-u.x)/2,y:u.y+(i.y-u.y)/2};w.current.quadraticCurveTo(u.x,u.y,c.x,c.y),u=e[o],i=e[o+1]}w.current.lineTo(u.x,u.y),w.current.stroke()}},b=function(){w.current&&w.current.clearRect(0,0,w.current.canvas.width,w.current.canvas.height)},q=r.useEvent((function(e){var n;if(g){null==v||null===(n=v.onMouseMove)||void 0===n||n.call(v,e,h.current);var r={x:e.offsetX,y:e.offsetY};h.current.update(r)&&w.current&&(b(),w.current.clearRect(0,0,w.current.canvas.width,w.current.canvas.height),h.current.lines.forEach((function(e){var n=e.points,r=e.color,t=e.opacity,u=e.radius;return L(n,r,t,u)})),L(h.current.points,d,f,p))}})),P=r.useEvent((function(e){var n;if(w.current){var r={x:e.offsetX,y:e.offsetY};h.current.brush.update(r),h.current.points.push(r),L(h.current.points,d,f,p),null==v||null===(n=v.onMouseDown)||void 0===n||n.call(v,e,h.current),m(!0)}})),j=r.useEvent((function(e){var n;w.current&&(h.current.points.length&&(h.current.lines.push({points:h.current.points,color:d,opacity:f,radius:p}),h.current.points=[]),null==v||null===(n=v.onMouseUp)||void 0===n||n.call(v,e,h.current),m(!1))})),R=function(){w.current&&(b(),h.current.lines=[],h.current.points=[])},M=function(){w.current&&(b(),h.current.lines.pop(),h.current.lines.forEach((function(e){var n=e.points,r=e.color,t=e.opacity,u=e.radius;return L(n,r,t,u)})))};return n.useEffect((function(){var e=a?u(a):x.current;if(e)return w.current=e.getContext("2d"),null!=v&&v.initialLines&&(h.current.lines=v.initialLines,v.initialLines.forEach((function(e){var n=e.points,r=e.color,t=e.opacity,u=e.radius;return L(n,r,t,u)}))),e.addEventListener("mousedown",P),e.addEventListener("mousemove",q),e.addEventListener("mouseup",j),function(){e&&(e.removeEventListener("mousedown",P),e.removeEventListener("mousemove",q),e.removeEventListener("mouseup",j))}}),[]),a?{drawing:g,clear:R,undo:M,draw:L,lines:h.current.lines}:{ref:x,drawing:g,clear:R,undo:M,draw:L,lines:h.current.lines}};
 //# sourceMappingURL=usePaint.js.map

package/dist/cjs/hooks/usePaint/usePaint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePaint.js","sources":["../../../../src/hooks/usePaint/usePaint.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\nimport { Paint } from './helpers/Paint';\nimport type { Point } from './helpers/Pointer';\n\nconst DEFAULT_BRUSH_RADIUS = 10;\n\nexport interface UsePaintOptions {\n /** Brush color /\n color?: string;\n /* Brush radius /\n radius?: number;\n /* Smooth brush movement /\n smooth?: boolean;\n /* Brush opacity /\n opacity?: number;\n /* Initial lines /\n initialLines?: Paint['lines'];\n /* Callback when the mouse is down /\n onMouseDown?: (event: MouseEvent, paint: Paint) => void;\n /* Callback when the mouse is moved /\n onMouseMove?: (event: MouseEvent, paint: Paint) => void;\n /* Callback when the mouse is up /\n onMouseUp?: (event: MouseEvent, paint: Paint) => void;\n}\n\nexport interface UsePaintReturn {\n drawing: boolean;\n clear: () => void;\n undo: () => void;\n draw: (points: Point[], color: string, opacity: number, radius: number) => void;\n lines: Paint['lines'];\n}\n\n/* The use paint return type /\nexport type UsePaintTarget =\n \| RefObject<HTMLCanvasElement>\n \| (() => HTMLCanvasElement)\n \| HTMLCanvasElement;\n\nexport const getTargetElement = (target: UsePaintTarget) => {\n if (typeof target === 'function') {\n return target();\n }\n\n if (target instanceof Element) {\n return target;\n }\n\n return target.current;\n};\n\nexport type UsePaint = {\n <Target extends UsePaintTarget>(target: Target, options?: UsePaintOptions): UsePaintReturn;\n\n (\n options?: UsePaintOptions,\n target?: never\n ): { ref: RefObject<HTMLCanvasElement> } & UsePaintReturn;\n};\n\n/\n @name usePaint\n * @description - Hook that allows you to draw in a specific area\n * @category Browser\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be painted\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn} An object containing the current pencil options and functions to interact with the paint\n \n @example\n * const drawing = usePaint(canvasRef);\n \n @overload\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn & { ref: RefObject<HTMLCanvasElement> }} An object containing the current pencil options and functions to interact with the paint\n \n @example\n * const { ref, drawing } = usePaint();\n /\n\nexport const usePaint = ((...params: any[]) => {\n const target = (\n typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n ) as UsePaintTarget \| undefined;\n const options = (target ? params[1] : params[0]) as UsePaintOptions \| undefined;\n\n const color = options?.color ?? 'black';\n const opacity = options?.opacity ?? 1;\n const radius = options?.radius ?? DEFAULT_BRUSH_RADIUS;\n\n const paintRef = useRef<Paint>(\n new Paint({\n x: 0,\n y: 0,\n radius: options?.radius ?? DEFAULT_BRUSH_RADIUS,\n smooth: options?.smooth ?? false\n })\n );\n const [drawing, setIsDrawing] = useState(false);\n const internalRef = useRef<HTMLCanvasElement>(null);\n const contextRef = useRef<CanvasRenderingContext2D \| null>(null);\n\n const draw = (points: Point[], color: string, opacity: number, radius: number) => {\n if (!contextRef.current) return;\n\n contextRef.current.globalAlpha = opacity;\n contextRef.current.strokeStyle = color;\n contextRef.current.lineWidth = radius 2;\n contextRef.current.lineCap = 'round';\n contextRef.current.lineJoin = 'round';\n\n let p1 = points[0];\n let p2 = points[1];\n\n contextRef.current.beginPath();\n\n for (let i = 1; i < points.length; i += 1) {\n const midPoint = {\n x: p1.x + (p2.x - p1.x) / 2,\n y: p1.y + (p2.y - p1.y) / 2\n };\n contextRef.current.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\n p1 = points[i];\n p2 = points[i + 1];\n }\n contextRef.current.lineTo(p1.x, p1.y);\n contextRef.current.stroke();\n };\n\n const clearCanvas = () => {\n if (!contextRef.current) return;\n contextRef.current.clearRect(\n 0,\n 0,\n contextRef.current.canvas.width,\n contextRef.current.canvas.height\n );\n };\n\n const onMouseMove = useEvent((event: MouseEvent) => {\n if (!drawing) return;\n options?.onMouseMove?.(event, paintRef.current);\n\n const point = { x: event.offsetX, y: event.offsetY };\n\n const isUpdated = paintRef.current.update(point);\n\n if (!isUpdated) return;\n if (!contextRef.current) return;\n clearCanvas();\n contextRef.current.clearRect(\n 0,\n 0,\n contextRef.current.canvas.width,\n contextRef.current.canvas.height\n );\n\n // const brush = paintRef.current.getBrushCoordinates();\n // // Draw brush point\n // contextRef.current.beginPath();\n // contextRef.current.fillStyle = 'red';\n // contextRef.current.arc(brush.x, brush.y, radius, 0, Math.PI * 2, true);\n // contextRef.current.fill();\n\n // // Draw the lazy radius.\n // contextRef.current.beginPath();\n // contextRef.current.strokeStyle = '#ccc';\n // contextRef.current.arc(brush.x, brush.y, radius * 2, 0, Math.PI * 2, true);\n // contextRef.current.stroke();\n\n paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n draw(points, color, opacity, radius)\n );\n draw(paintRef.current.points, color, opacity, radius);\n });\n\n const onMouseDown = useEvent((event: MouseEvent) => {\n if (!contextRef.current) return;\n\n const point = { x: event.offsetX, y: event.offsetY };\n paintRef.current.brush.update(point);\n paintRef.current.points.push(point);\n draw(paintRef.current.points, color, opacity, radius);\n\n options?.onMouseDown?.(event, paintRef.current);\n setIsDrawing(true);\n });\n\n const onMouseUp = useEvent((event: MouseEvent) => {\n if (!contextRef.current) return;\n\n if (paintRef.current.points.length) {\n paintRef.current.lines.push({ points: paintRef.current.points, color, opacity, radius });\n paintRef.current.points = [];\n }\n\n options?.onMouseUp?.(event, paintRef.current);\n setIsDrawing(false);\n });\n\n const clear = () => {\n if (!contextRef.current) return;\n clearCanvas();\n paintRef.current.lines = [];\n paintRef.current.points = [];\n };\n\n const undo = () => {\n if (!contextRef.current) return;\n clearCanvas();\n\n paintRef.current.lines.pop();\n paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n draw(points, color, opacity, radius)\n );\n };\n\n useEffect(() => {\n const element = target ? getTargetElement(target) : internalRef.current;\n if (!element) return;\n contextRef.current = element.getContext('2d');\n\n if (options?.initialLines) {\n paintRef.current.lines = options.initialLines;\n options.initialLines.forEach(({ points, color, opacity, radius }) =>\n draw(points, color, opacity, radius)\n );\n }\n\n element.addEventListener('mousedown', onMouseDown);\n element.addEventListener('mousemove', onMouseMove);\n element.addEventListener('mouseup', onMouseUp);\n\n return () => {\n if (!element) return;\n element.removeEventListener('mousedown', onMouseDown);\n element.removeEventListener('mousemove', onMouseMove);\n element.removeEventListener('mouseup', onMouseUp);\n };\n }, []);\n\n if (target) return { drawing, clear, undo, draw, lines: paintRef.current.lines };\n return { ref: internalRef, drawing, clear, undo, draw, lines: paintRef.current.lines };\n}) as UsePaint;\n"],"names":["getTargetElement","target","Element","current","_options$color","_options$opacity","_options$radius","_options$radius2","_options$smooth","_typeof","arguments","length","undefined","options","color","opacity","radius","paintRef","useRef","Paint","x","y","smooth","_useState","useState","_useState2","_slicedToArray","drawing","setIsDrawing","internalRef","contextRef","draw","points","globalAlpha","strokeStyle","lineWidth","lineCap","lineJoin","p1","p2","beginPath","i","midPoint","quadraticCurveTo","lineTo","stroke","clearCanvas","clearRect","canvas","width","height","onMouseMove","useEvent","event","_options$onMouseMove","call","point","offsetX","offsetY","update","lines","forEach","_ref","onMouseDown","_options$onMouseDown","brush","push","onMouseUp","_options$onMouseUp","clear","undo","pop","_ref2","useEffect","element","getContext","initialLines","_ref3","addEventListener","removeEventListener","ref"],"mappings":";kMAQA,IAmCaA,EAAmB,SAACC,GAC/B,MAAsB,mBAAXA,EACFA,IAGLA,aAAkBC,QACbD,EAGFA,EAAOE,OAChB,8CAiCyB,WAAsB,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACvCP,EACiB,WAArBQ,EAAAA,QAAAC,UAAAC,QAAA,OAAAC,EAAAF,UAAqB,KAAc,YAASA,UAAAC,eAAAC,EAAAF,UAAA,IAA0BA,UAAAC,QAAA,OAAAC,EAAAF,UACzC,QADgCE,EAEzDC,EAAWZ,EAAMS,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAwD,GAEzEI,EAAsBV,QAAjBA,EAAGS,aAAO,EAAPA,EAASC,aAAKV,IAAAA,EAAAA,EAAI,QAC1BW,EAA0BV,QAAnBA,EAAGQ,aAAO,EAAPA,EAASE,eAAOV,IAAAA,EAAAA,EAAI,EAC9BW,EAAwBV,QAAlBA,EAAGO,aAAO,EAAPA,EAASG,cAAMV,IAAAA,EAAAA,EAtFH,GAwFrBW,EAAWC,SACf,IAAIC,QAAM,CACRC,EAAG,EACHC,EAAG,EACHL,OAAuBT,QAAjBA,EAAEM,aAAO,EAAPA,EAASG,cAAMT,IAAAA,EAAAA,EA5FA,GA6FvBe,OAAuB,QAAjBd,EAAEK,aAAO,EAAPA,EAASS,cAAM,IAAAd,GAAAA,KAG3Be,EAAgCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAxCI,EAAOF,EAAA,GAAEG,EAAYH,EAAA,GACtBI,EAAcX,SAA0B,MACxCY,EAAaZ,SAAwC,MAErDa,EAAO,SAACC,EAAiBlB,EAAeC,EAAiBC,GAC7D,GAAKc,EAAW3B,QAAhB,CAEA2B,EAAW3B,QAAQ8B,YAAclB,EACjCe,EAAW3B,QAAQ+B,YAAcpB,EACjCgB,EAAW3B,QAAQgC,UAAqB,EAATnB,EAC/Bc,EAAW3B,QAAQiC,QAAU,QAC7BN,EAAW3B,QAAQkC,SAAW,QAE9B,IAAIC,EAAKN,EAAO,GACZO,EAAKP,EAAO,GAEhBF,EAAW3B,QAAQqC,YAEnB,IAAK,IAAIC,EAAI,EAAGA,EAAIT,EAAOrB,OAAQ8B,GAAK,EAAG,CACzC,IAAMC,EAAW,CACftB,EAAGkB,EAAGlB,GAAKmB,EAAGnB,EAAIkB,EAAGlB,GAAK,EAC1BC,EAAGiB,EAAGjB,GAAKkB,EAAGlB,EAAIiB,EAAGjB,GAAK,GAE5BS,EAAW3B,QAAQwC,iBAAiBL,EAAGlB,EAAGkB,EAAGjB,EAAGqB,EAAStB,EAAGsB,EAASrB,GACrEiB,EAAKN,EAAOS,GACZF,EAAKP,EAAOS,EAAI,EAClB,CACAX,EAAW3B,QAAQyC,OAAON,EAAGlB,EAAGkB,EAAGjB,GACnCS,EAAW3B,QAAQ0C,QAvBM,GA0BrBC,EAAc,WACbhB,EAAW3B,SAChB2B,EAAW3B,QAAQ4C,UACjB,EACA,EACAjB,EAAW3B,QAAQ6C,OAAOC,MAC1BnB,EAAW3B,QAAQ6C,OAAOE,SAIxBC,EAAcC,YAAS,SAACC,GAAsB,IAAAC,EAClD,GAAK3B,EAAL,CACAd,SAAoB,QAAbyC,EAAPzC,EAASsC,mBAAW,IAAAG,GAApBA,EAAAC,KAAA1C,EAAuBwC,EAAOpC,EAASd,SAEvC,IAAMqD,EAAQ,CAAEpC,EAAGiC,EAAMI,QAASpC,EAAGgC,EAAMK,SAEzBzC,EAASd,QAAQwD,OAAOH,IAGrC1B,EAAW3B,UAChB2C,IACAhB,EAAW3B,QAAQ4C,UACjB,EACA,EACAjB,EAAW3B,QAAQ6C,OAAOC,MAC1BnB,EAAW3B,QAAQ6C,OAAOE,QAgB5BjC,EAASd,QAAQyD,MAAMC,SAAQ,SAAAC,GAAA,IAAG9B,EAAM8B,EAAN9B,OAAQlB,EAAKgD,EAALhD,MAAOC,EAAO+C,EAAP/C,QAASC,EAAM8C,EAAN9C,OAAM,OAC9De,EAAKC,EAAQlB,EAAOC,EAASC,EAAO,IAEtCe,EAAKd,EAASd,QAAQ6B,OAAQlB,EAAOC,EAASC,GAjChC,CAkChB,IAEM+C,EAAcX,YAAS,SAACC,GAAsB,IAAAW,EAClD,GAAKlC,EAAW3B,QAAhB,CAEA,IAAMqD,EAAQ,CAAEpC,EAAGiC,EAAMI,QAASpC,EAAGgC,EAAMK,SAC3CzC,EAASd,QAAQ8D,MAAMN,OAAOH,GAC9BvC,EAASd,QAAQ6B,OAAOkC,KAAKV,GAC7BzB,EAAKd,EAASd,QAAQ6B,OAAQlB,EAAOC,EAASC,GAE9CH,SAAoB,QAAbmD,EAAPnD,EAASkD,mBAAW,IAAAC,GAApBA,EAAAT,KAAA1C,EAAuBwC,EAAOpC,EAASd,SACvCyB,GAAa,EARY,CAS3B,IAEMuC,EAAYf,YAAS,SAACC,GAAsB,IAAAe,EAC3CtC,EAAW3B,UAEZc,EAASd,QAAQ6B,OAAOrB,SAC1BM,EAASd,QAAQyD,MAAMM,KAAK,CAAElC,OAAQf,EAASd,QAAQ6B,OAAQlB,MAAAA,EAAOC,QAAAA,EAASC,OAAAA,IAC/EC,EAASd,QAAQ6B,OAAS,IAG5BnB,SAAkB,QAAXuD,EAAPvD,EAASsD,iBAAS,IAAAC,GAAlBA,EAAAb,KAAA1C,EAAqBwC,EAAOpC,EAASd,SACrCyB,GAAa,GACf,IAEMyC,EAAQ,WACPvC,EAAW3B,UAChB2C,IACA7B,EAASd,QAAQyD,MAAQ,GACzB3C,EAASd,QAAQ6B,OAAS,KAGtBsC,EAAO,WACNxC,EAAW3B,UAChB2C,IAEA7B,EAASd,QAAQyD,MAAMW,MACvBtD,EAASd,QAAQyD,MAAMC,SAAQ,SAAAW,GAAA,IAAGxC,EAAMwC,EAANxC,OAAQlB,EAAK0D,EAAL1D,MAAOC,EAAOyD,EAAPzD,QAASC,EAAMwD,EAANxD,OAAM,OAC9De,EAAKC,EAAQlB,EAAOC,EAASC,EAAO,MA4BxC,OAxBAyD,EAAAA,WAAU,WACR,IAAMC,EAAUzE,EAASD,EAAiBC,GAAU4B,EAAY1B,QAChE,GAAKuE,EAcL,OAbA5C,EAAW3B,QAAUuE,EAAQC,WAAW,MAEpC9D,SAAAA,EAAS+D,eACX3D,EAASd,QAAQyD,MAAQ/C,EAAQ+D,aACjC/D,EAAQ+D,aAAaf,SAAQ,SAAAgB,GAAA,IAAG7C,EAAM6C,EAAN7C,OAAQlB,EAAK+D,EAAL/D,MAAOC,EAAO8D,EAAP9D,QAASC,EAAM6D,EAAN7D,OAAM,OAC5De,EAAKC,EAAQlB,EAAOC,EAASC,EAAO,KAIxC0D,EAAQI,iBAAiB,YAAaf,GACtCW,EAAQI,iBAAiB,YAAa3B,GACtCuB,EAAQI,iBAAiB,UAAWX,GAE7B,WACAO,IACLA,EAAQK,oBAAoB,YAAahB,GACzCW,EAAQK,oBAAoB,YAAa5B,GACzCuB,EAAQK,oBAAoB,UAAWZ,IAE1C,GAAE,IAEClE,EAAe,CAAE0B,QAAAA,EAAS0C,MAAAA,EAAOC,KAAAA,EAAMvC,KAAAA,EAAM6B,MAAO3C,EAASd,QAAQyD,OAClE,CAAEoB,IAAKnD,EAAaF,QAAAA,EAAS0C,MAAAA,EAAOC,KAAAA,EAAMvC,KAAAA,EAAM6B,MAAO3C,EAASd,QAAQyD,MACjF"}
1	+ {"version":3,"file":"usePaint.js","sources":["../../../../src/hooks/usePaint/usePaint.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\nimport { Paint } from './helpers/Paint';\nimport type { Point } from './helpers/Pointer';\n\nconst DEFAULT_BRUSH_RADIUS = 10;\n\nexport interface UsePaintOptions {\n /** Brush color /\n color?: string;\n /* Brush radius /\n radius?: number;\n /* Smooth brush movement /\n smooth?: boolean;\n /* Brush opacity /\n opacity?: number;\n /* Initial lines /\n initialLines?: Paint['lines'];\n /* Callback when the mouse is down /\n onMouseDown?: (event: MouseEvent, paint: Paint) => void;\n /* Callback when the mouse is moved /\n onMouseMove?: (event: MouseEvent, paint: Paint) => void;\n /* Callback when the mouse is up /\n onMouseUp?: (event: MouseEvent, paint: Paint) => void;\n}\n\nexport interface UsePaintReturn {\n drawing: boolean;\n clear: () => void;\n undo: () => void;\n draw: (points: Point[], color: string, opacity: number, radius: number) => void;\n lines: Paint['lines'];\n}\n\n/* The use paint return type /\nexport type UsePaintTarget =\n \| RefObject<HTMLCanvasElement>\n \| (() => HTMLCanvasElement)\n \| HTMLCanvasElement;\n\nexport const getElement = (target: UsePaintTarget) => {\n if (typeof target === 'function') {\n return target();\n }\n\n if (target instanceof Element) {\n return target;\n }\n\n return target.current;\n};\n\nexport type UsePaint = {\n <Target extends UsePaintTarget>(target: Target, options?: UsePaintOptions): UsePaintReturn;\n\n (\n options?: UsePaintOptions,\n target?: never\n ): { ref: RefObject<HTMLCanvasElement> } & UsePaintReturn;\n};\n\n/\n @name usePaint\n * @description - Hook that allows you to draw in a specific area\n * @category Browser\n \n @overload\n * @template Target The target element\n * @param {Target} target The target element to be painted\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn} An object containing the current pencil options and functions to interact with the paint\n \n @example\n * const drawing = usePaint(canvasRef);\n \n @overload\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn & { ref: RefObject<HTMLCanvasElement> }} An object containing the current pencil options and functions to interact with the paint\n \n @example\n * const { ref, drawing } = usePaint();\n /\n\nexport const usePaint = ((...params: any[]) => {\n const target = (\n typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n ) as UsePaintTarget \| undefined;\n const options = (target ? params[1] : params[0]) as UsePaintOptions \| undefined;\n\n const color = options?.color ?? 'black';\n const opacity = options?.opacity ?? 1;\n const radius = options?.radius ?? DEFAULT_BRUSH_RADIUS;\n\n const paintRef = useRef<Paint>(\n new Paint({\n x: 0,\n y: 0,\n radius: options?.radius ?? DEFAULT_BRUSH_RADIUS,\n smooth: options?.smooth ?? false\n })\n );\n const [drawing, setIsDrawing] = useState(false);\n const internalRef = useRef<HTMLCanvasElement>(null);\n const contextRef = useRef<CanvasRenderingContext2D \| null>(null);\n\n const draw = (points: Point[], color: string, opacity: number, radius: number) => {\n if (!contextRef.current) return;\n\n contextRef.current.globalAlpha = opacity;\n contextRef.current.strokeStyle = color;\n contextRef.current.lineWidth = radius 2;\n contextRef.current.lineCap = 'round';\n contextRef.current.lineJoin = 'round';\n\n let p1 = points[0];\n let p2 = points[1];\n\n contextRef.current.beginPath();\n\n for (let i = 1; i < points.length; i += 1) {\n const midPoint = {\n x: p1.x + (p2.x - p1.x) / 2,\n y: p1.y + (p2.y - p1.y) / 2\n };\n contextRef.current.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\n p1 = points[i];\n p2 = points[i + 1];\n }\n contextRef.current.lineTo(p1.x, p1.y);\n contextRef.current.stroke();\n };\n\n const clearCanvas = () => {\n if (!contextRef.current) return;\n contextRef.current.clearRect(\n 0,\n 0,\n contextRef.current.canvas.width,\n contextRef.current.canvas.height\n );\n };\n\n const onMouseMove = useEvent((event: MouseEvent) => {\n if (!drawing) return;\n options?.onMouseMove?.(event, paintRef.current);\n\n const point = { x: event.offsetX, y: event.offsetY };\n\n const isUpdated = paintRef.current.update(point);\n\n if (!isUpdated) return;\n if (!contextRef.current) return;\n clearCanvas();\n contextRef.current.clearRect(\n 0,\n 0,\n contextRef.current.canvas.width,\n contextRef.current.canvas.height\n );\n\n // const brush = paintRef.current.getBrushCoordinates();\n // // Draw brush point\n // contextRef.current.beginPath();\n // contextRef.current.fillStyle = 'red';\n // contextRef.current.arc(brush.x, brush.y, radius, 0, Math.PI * 2, true);\n // contextRef.current.fill();\n\n // // Draw the lazy radius.\n // contextRef.current.beginPath();\n // contextRef.current.strokeStyle = '#ccc';\n // contextRef.current.arc(brush.x, brush.y, radius * 2, 0, Math.PI * 2, true);\n // contextRef.current.stroke();\n\n paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n draw(points, color, opacity, radius)\n );\n draw(paintRef.current.points, color, opacity, radius);\n });\n\n const onMouseDown = useEvent((event: MouseEvent) => {\n if (!contextRef.current) return;\n\n const point = { x: event.offsetX, y: event.offsetY };\n paintRef.current.brush.update(point);\n paintRef.current.points.push(point);\n draw(paintRef.current.points, color, opacity, radius);\n\n options?.onMouseDown?.(event, paintRef.current);\n setIsDrawing(true);\n });\n\n const onMouseUp = useEvent((event: MouseEvent) => {\n if (!contextRef.current) return;\n\n if (paintRef.current.points.length) {\n paintRef.current.lines.push({ points: paintRef.current.points, color, opacity, radius });\n paintRef.current.points = [];\n }\n\n options?.onMouseUp?.(event, paintRef.current);\n setIsDrawing(false);\n });\n\n const clear = () => {\n if (!contextRef.current) return;\n clearCanvas();\n paintRef.current.lines = [];\n paintRef.current.points = [];\n };\n\n const undo = () => {\n if (!contextRef.current) return;\n clearCanvas();\n\n paintRef.current.lines.pop();\n paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n draw(points, color, opacity, radius)\n );\n };\n\n useEffect(() => {\n const element = target ? getElement(target) : internalRef.current;\n if (!element) return;\n contextRef.current = element.getContext('2d');\n\n if (options?.initialLines) {\n paintRef.current.lines = options.initialLines;\n options.initialLines.forEach(({ points, color, opacity, radius }) =>\n draw(points, color, opacity, radius)\n );\n }\n\n element.addEventListener('mousedown', onMouseDown);\n element.addEventListener('mousemove', onMouseMove);\n element.addEventListener('mouseup', onMouseUp);\n\n return () => {\n if (!element) return;\n element.removeEventListener('mousedown', onMouseDown);\n element.removeEventListener('mousemove', onMouseMove);\n element.removeEventListener('mouseup', onMouseUp);\n };\n }, []);\n\n if (target) return { drawing, clear, undo, draw, lines: paintRef.current.lines };\n return { ref: internalRef, drawing, clear, undo, draw, lines: paintRef.current.lines };\n}) as UsePaint;\n"],"names":["getElement","target","Element","current","_options$color","_options$opacity","_options$radius","_options$radius2","_options$smooth","_typeof","arguments","length","undefined","options","color","opacity","radius","paintRef","useRef","Paint","x","y","smooth","_useState","useState","_useState2","_slicedToArray","drawing","setIsDrawing","internalRef","contextRef","draw","points","globalAlpha","strokeStyle","lineWidth","lineCap","lineJoin","p1","p2","beginPath","i","midPoint","quadraticCurveTo","lineTo","stroke","clearCanvas","clearRect","canvas","width","height","onMouseMove","useEvent","event","_options$onMouseMove","call","point","offsetX","offsetY","update","lines","forEach","_ref","onMouseDown","_options$onMouseDown","brush","push","onMouseUp","_options$onMouseUp","clear","undo","pop","_ref2","useEffect","element","getContext","initialLines","_ref3","addEventListener","removeEventListener","ref"],"mappings":"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"}

package/dist/cjs/hooks/usePermission/usePermission.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-Cgdvu90u.js"),r=require("react"),t=require("../../utils/helpers/isClient.js"),n=require("../useEvent/useEvent.js");exports.usePermission=function(s){var u=r.useState("prompt"),i=e._slicedToArray(u,2),a=i[0],o=i[1],p=!!t.isClient&&(navigator&&"permissions"in navigator),c={name:s},v=n.useEvent(e._asyncToGenerator(e._regeneratorRuntime().mark((function r(){var t;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,navigator.permissions.query(c);case 3:return t=e.sent,o(t.state),e.abrupt("return",t.state);case 8:return e.prev=8,e.t0=e.catch(0),o("prompt"),e.abrupt("return","prompt");case 12:case"end":return e.stop()}}),r,null,[[0,8]])}))));return r.useEffect((function(){if(p)return v(),window.addEventListener("change",v),function(){window.removeEventListener("change",v)}}),[s]),{state:a,supported:p,query:v}};
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-DtlY9c41.js"),r=require("react"),t=require("../../utils/helpers/isClient.js"),n=require("../useEvent/useEvent.js");exports.usePermission=function(s){var u=r.useState("prompt"),i=e._slicedToArray(u,2),a=i[0],o=i[1],p=!!t.isClient&&(navigator&&"permissions"in navigator),c={name:s},v=n.useEvent(e._asyncToGenerator(e._regeneratorRuntime().mark((function r(){var t;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,navigator.permissions.query(c);case 3:return t=e.sent,o(t.state),e.abrupt("return",t.state);case 8:return e.prev=8,e.t0=e.catch(0),o("prompt"),e.abrupt("return","prompt");case 12:case"end":return e.stop()}}),r,null,[[0,8]])}))));return r.useEffect((function(){if(p)return v(),window.addEventListener("change",v),function(){window.removeEventListener("change",v)}}),[s]),{state:a,supported:p,query:v}};
 //# sourceMappingURL=usePermission.js.map

package/dist/cjs/hooks/usePreferredColorScheme/usePreferredColorScheme.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.45 */
+/* @license @siberiacancode/reactuse v0.0.47 */
 "use strict";var e=require("../useMediaQuery/useMediaQuery.js");require("react");exports.usePreferredColorScheme=function(){var r=e.useMediaQuery("(prefers-color-scheme: light)"),u=e.useMediaQuery("(prefers-color-scheme: dark)");return r?"light":u?"dark":"no-preference"};
 //# sourceMappingURL=usePreferredColorScheme.js.map

package/dist/cjs/hooks/usePreferredDark/usePreferredDark.js ADDED Viewed

@@ -0,0 +1,3 @@
+/* @license @siberiacancode/reactuse v0.0.47 */
+"use strict";var e=require("../useMediaQuery/useMediaQuery.js");require("react");exports.usePreferredDark=function(){return e.useMediaQuery("(prefers-color-scheme: dark)")};
+//# sourceMappingURL=usePreferredDark.js.map