@koine/react 2.0.0-beta.14 → 2.0.0-beta.140

package/useMeasure.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useMeasure";
+export { default } from "./useMeasure";

package/useMeasure.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useMeasure.cjs.js').default;

package/useMeasure.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+
+let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"],d=(e,t)=>p.every(r=>e[r]===t[r]);let useMeasure=p=>{let{scroll:h=!1}=p||{},[a,b]=react.useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),g=react.useRef([null,null,null,a]),v=react.useRef(!1);react.useEffect(()=>(v.current=!0,()=>void(v.current=!1)),[]);let[w,,y]=react.useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();Object.freeze(n),v.current&&!d(r,n)&&(g.current[3]=n,b(n));},t=utils.debounce(e);return [e,t,t]},[b]);function x(){let[,e,t]=g.current;e&&(e.forEach(e=>dom.off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>dom.on(e,"scroll",y,{capture:!0,passive:!0})));}return react.useEffect(()=>h?dom.listenScrollDebounced(0,w,100):utils.noop,[h,w]),react.useEffect(()=>dom.listenResizeDebounced(0,w,100),[w]),react.useEffect(()=>{x(),z();},[h]),react.useEffect(()=>(w(),x),[]),[e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w]};
+
+exports.default = useMeasure;
+exports.useMeasure = useMeasure;

package/useMeasure.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useMeasure.cjs.js';
+export { _default as default } from './useMeasure.cjs.default.js';

package/{hooks/useMeasure.d.ts → useMeasure.d.ts}

@@ -23,5 +23,5 @@ export type UseMeasureReturn = [
  *
  * @borrows [pmndrs/react-use-measure](https://github.com/pmndrs/react-use-measure)
  */
-export declare function useMeasure(options?: UseMeasureOptions): UseMeasureReturn;
+export declare let useMeasure: (options?: UseMeasureOptions) => UseMeasureReturn;
 export default useMeasure;

package/useMeasure.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useMeasure";
+export { default } from "./useMeasure";

package/useMeasure.esm.js

@@ -0,0 +1,7 @@
+import { useState, useRef, useEffect, useMemo } from 'react';
+import { debounce, noop } from '@koine/utils';
+import { listenScrollDebounced, listenResizeDebounced, off, on } from '@koine/dom';
+
+let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"],d=(e,t)=>p.every(r=>e[r]===t[r]);let useMeasure=p=>{let{scroll:h=!1}=p||{},[a,b]=useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),g=useRef([null,null,null,a]),v=useRef(!1);useEffect(()=>(v.current=!0,()=>void(v.current=!1)),[]);let[w,,y]=useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();Object.freeze(n),v.current&&!d(r,n)&&(g.current[3]=n,b(n));},t=debounce(e);return [e,t,t]},[b]);function x(){let[,e,t]=g.current;e&&(e.forEach(e=>off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>on(e,"scroll",y,{capture:!0,passive:!0})));}return useEffect(()=>h?listenScrollDebounced(0,w,100):noop,[h,w]),useEffect(()=>listenResizeDebounced(0,w,100),[w]),useEffect(()=>{x(),z();},[h]),useEffect(()=>(w(),x),[]),[e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w]};
+
+export { useMeasure as default, useMeasure };

package/useMountedState.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useMountedState";
+export { default } from "./useMountedState";

package/useMountedState.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useMountedState.cjs.js').default;

package/useMountedState.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let useMountedState=()=>{let u=react.useRef(!1),n=react.useCallback(()=>u.current,[]);return react.useEffect(()=>(u.current=!0,()=>{u.current=!1;}),[]),n};
+
+exports.default = useMountedState;
+exports.useMountedState = useMountedState;

package/useMountedState.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useMountedState.cjs.js';
+export { _default as default } from './useMountedState.cjs.default.js';

package/{hooks/useMountedState.d.ts → useMountedState.d.ts}

@@ -1,5 +1,5 @@
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMountedState.ts)
  */
-export declare function useMountedState(): () => boolean;
+export declare let useMountedState: () => (() => boolean);
 export default useMountedState;

package/useMountedState.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useMountedState";
+export { default } from "./useMountedState";

package/useMountedState.esm.js

@@ -0,0 +1,5 @@
+import { useRef, useCallback, useEffect } from 'react';
+
+let useMountedState=()=>{let u=useRef(!1),n=useCallback(()=>u.current,[]);return useEffect(()=>(u.current=!0,()=>{u.current=!1;}),[]),n};
+
+export { useMountedState as default, useMountedState };

package/useNavigateAway.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useNavigateAway";
+export { default } from "./useNavigateAway";

package/useNavigateAway.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useNavigateAway.cjs.js').default;

package/useNavigateAway.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var dom = require('@koine/dom');
+
+let useNavigateAway=a=>{let o=react.useRef();react.useEffect(()=>{o.current=e=>{let t=a(e);return (t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:e.defaultPrevented?e.returnValue="":void 0};},[a]),react.useEffect(()=>dom.on(window,"beforeunload",e=>o.current?.(e)),[]);};
+
+exports.default = useNavigateAway;
+exports.useNavigateAway = useNavigateAway;

package/useNavigateAway.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useNavigateAway.cjs.js';
+export { _default as default } from './useNavigateAway.cjs.default.js';

package/{hooks/useNavigateAway.d.ts → useNavigateAway.d.ts}

@@ -28,5 +28,5 @@ export type UseNavigateAwayHandler = (event: BeforeUnloadEvent) => string | bool
  * For the callback technique see:
  * - https://stackoverflow.com/a/11835394/1938970
  */
-export declare const useNavigateAway: (handler: UseNavigateAwayHandler) => void;
+export declare let useNavigateAway: (handler: UseNavigateAwayHandler) => void;
 export default useNavigateAway;

package/useNavigateAway.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useNavigateAway";
+export { default } from "./useNavigateAway";

package/useNavigateAway.esm.js

@@ -0,0 +1,6 @@
+import { useRef, useEffect } from 'react';
+import { on } from '@koine/dom';
+
+let useNavigateAway=a=>{let o=useRef();useEffect(()=>{o.current=e=>{let t=a(e);return (t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:e.defaultPrevented?e.returnValue="":void 0};},[a]),useEffect(()=>on(window,"beforeunload",e=>o.current?.(e)),[]);};
+
+export { useNavigateAway as default, useNavigateAway };

package/usePrevious.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./usePrevious";
+export { default } from "./usePrevious";

package/usePrevious.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./usePrevious.cjs.js').default;

package/usePrevious.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let usePrevious=(r,t)=>{let[o,u]=react.useState([r,t]);return o[1]!==r&&u([o[1],r]),o[0]};
+
+exports.default = usePrevious;
+exports.usePrevious = usePrevious;

package/usePrevious.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './usePrevious.cjs.js';
+export { _default as default } from './usePrevious.cjs.default.js';

package/{hooks/usePrevious.d.ts → usePrevious.d.ts}

@@ -1,5 +1,5 @@
 /**
  * @borrows [samselikoff/animated-carousel](https://github.com/samselikoff/2022-06-02-animated-carousel/blob/main/pages/final.jsx)
  */
-export declare function usePrevious<T>(state: T, defaulValue: T): T;
+export declare let usePrevious: <T extends unknown>(state: T, defaulValue: T) => T;
 export default usePrevious;

package/usePrevious.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./usePrevious";
+export { default } from "./usePrevious";

package/usePrevious.esm.js

@@ -0,0 +1,5 @@
+import { useState } from 'react';
+
+let usePrevious=(r,t)=>{let[o,u]=useState([r,t]);return o[1]!==r&&u([o[1],r]),o[0]};
+
+export { usePrevious as default, usePrevious };

package/usePreviousRef.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./usePreviousRef";
+export { default } from "./usePreviousRef";

package/usePreviousRef.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./usePreviousRef.cjs.js').default;

package/usePreviousRef.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let usePreviousRef=t=>{let u=react.useRef();return react.useEffect(()=>{u.current=t;}),u.current};
+
+exports.default = usePreviousRef;
+exports.usePreviousRef = usePreviousRef;

package/usePreviousRef.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './usePreviousRef.cjs.js';
+export { _default as default } from './usePreviousRef.cjs.default.js';

package/usePreviousRef.d.ts

@@ -0,0 +1,2 @@
+export declare let usePreviousRef: <T extends unknown>(value: T) => T | undefined;
+export default usePreviousRef;

package/usePreviousRef.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./usePreviousRef";
+export { default } from "./usePreviousRef";

package/usePreviousRef.esm.js

@@ -0,0 +1,5 @@
+import { useRef, useEffect } from 'react';
+
+let usePreviousRef=t=>{let u=useRef();return useEffect(()=>{u.current=t;}),u.current};
+
+export { usePreviousRef as default, usePreviousRef };

package/{Animations/useReveal.d.ts → useReveal.d.ts}

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type UseRevealOptions = {
     /**
      * @default "left"
@@ -26,9 +25,10 @@ export type UseRevealOptions = {
      * */
     offsetStartX?: number | "all";
 };
-export declare function useReveal<T extends HTMLElement = HTMLDivElement>({ direction, offsetStartY, offsetEndY, offsetStartX, }: UseRevealOptions): {
+export declare let useReveal: <T extends HTMLElement = HTMLDivElement>({ direction, offsetStartY, offsetEndY, offsetStartX, }: UseRevealOptions) => {
     ref: import("react").RefObject<T>;
     startY: number;
     endY: number;
     startX: number;
 };
+export default useReveal;

package/useScrollPosition.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useScrollPosition";
+export { default } from "./useScrollPosition";

package/useScrollPosition.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useScrollPosition.cjs.js').default;

package/useScrollPosition.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
+
+let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!utils.isBrowser)return l;if(!e)return {x:window.scrollX,y:window.scrollY};let o=n(t?.current||document.body),u=n(e.current);return o?u?{x:(u.x||0)-(o.x||0),y:(u.y||0)-(o.y||0)}:{x:o.left,y:o.top}:l};let useScrollPosition=(l,n=[],i,c,m)=>{let f=react.useRef(u(null,c)),s=null,d=()=>{let t=u(i,c);l(t,f.current),f.current=t,s=null;};useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{if(!utils.isBrowser)return;let t=dom.listenScroll(()=>{m?null===s&&(s=window.setTimeout(d,m)):d();},c?.current);return ()=>{t(),s&&clearTimeout(s);}},n);};
+
+exports.default = useScrollPosition;
+exports.useScrollPosition = useScrollPosition;

package/useScrollPosition.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useScrollPosition.cjs.js';
+export { _default as default } from './useScrollPosition.cjs.default.js';

package/{hooks/useScrollPosition.d.ts → useScrollPosition.d.ts}

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Position = {
     x: number;
     y: number;
@@ -11,5 +10,5 @@ type ElementRef = React.MutableRefObject<HTMLElement | undefined>;
  * - reused internal helper functions
  * - compacted object arguments in functions as plain argument list to improve compression
  */
-export declare const useScrollPosition: (effect: (currentPosition: Position, prevPosition: Position) => void, deps?: import("react").DependencyList, element?: ElementRef, boundingElement?: ElementRef, wait?: number) => void;
+export declare let useScrollPosition: (effect: (currentPosition: Position, prevPosition: Position) => void, deps?: React.DependencyList, element?: ElementRef, boundingElement?: ElementRef, wait?: number) => void;
 export default useScrollPosition;

package/useScrollPosition.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useScrollPosition";
+export { default } from "./useScrollPosition";

package/useScrollPosition.esm.js

@@ -0,0 +1,8 @@
+import { useRef } from 'react';
+import { isBrowser } from '@koine/utils';
+import { listenScroll } from '@koine/dom';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
+
+let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!isBrowser)return l;if(!e)return {x:window.scrollX,y:window.scrollY};let o=n(t?.current||document.body),u=n(e.current);return o?u?{x:(u.x||0)-(o.x||0),y:(u.y||0)-(o.y||0)}:{x:o.left,y:o.top}:l};let useScrollPosition=(l,n=[],i,c,m)=>{let f=useRef(u(null,c)),s=null,d=()=>{let t=u(i,c);l(t,f.current),f.current=t,s=null;};useIsomorphicLayoutEffect(()=>{if(!isBrowser)return;let t=listenScroll(()=>{m?null===s&&(s=window.setTimeout(d,m)):d();},c?.current);return ()=>{t(),s&&clearTimeout(s);}},n);};
+
+export { useScrollPosition as default, useScrollPosition };

package/useScrollThreshold.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useScrollThreshold";
+export { default } from "./useScrollThreshold";

package/useScrollThreshold.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useScrollThreshold.cjs.js').default;

package/useScrollThreshold.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+
+let useScrollThreshold=(i,m)=>{let[u,f]=react.useState(!1),n=react.useCallback(()=>{if(i){let r=window.scrollY,e=r<i,o=r>i;f(o),m&&m(e,o);}},[i,m]);return react.useEffect(()=>{if(i){let r=dom.listenScroll(n);return n(),r}return utils.noop},[i,n]),u};
+
+exports.default = useScrollThreshold;
+exports.useScrollThreshold = useScrollThreshold;

package/useScrollThreshold.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useScrollThreshold.cjs.js';
+export { _default as default } from './useScrollThreshold.cjs.default.js';

package/useScrollThreshold.d.ts

@@ -0,0 +1,2 @@
+export declare let useScrollThreshold: (threshold?: number, callback?: (isAbove: boolean, isBelow: boolean) => void) => boolean;
+export default useScrollThreshold;

package/useScrollThreshold.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useScrollThreshold";
+export { default } from "./useScrollThreshold";

package/useScrollThreshold.esm.js

@@ -0,0 +1,7 @@
+import { useState, useCallback, useEffect } from 'react';
+import { noop } from '@koine/utils';
+import { listenScroll } from '@koine/dom';
+
+let useScrollThreshold=(i,m)=>{let[u,f]=useState(!1),n=useCallback(()=>{if(i){let r=window.scrollY,e=r<i,o=r>i;f(o),m&&m(e,o);}},[i,m]);return useEffect(()=>{if(i){let r=listenScroll(n);return n(),r}return noop},[i,n]),u};
+
+export { useScrollThreshold as default, useScrollThreshold };

package/useScrollTo.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useScrollTo";
+export { default } from "./useScrollTo";

package/useScrollTo.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useScrollTo.cjs.js').default;

package/useScrollTo.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+let useScrollTo=(o="",t=0)=>{if(!utils.isBrowser)return;let l=document.getElementById(o),r=0;if(l&&l.offsetParent)do r+=l.offsetTop;while(l=l.offsetParent)r-=t,r-=0,window.scroll(0,r);};
+
+exports.default = useScrollTo;
+exports.useScrollTo = useScrollTo;

package/useScrollTo.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useScrollTo.cjs.js';
+export { _default as default } from './useScrollTo.cjs.default.js';

package/useScrollTo.d.ts

@@ -0,0 +1,2 @@
+export declare let useScrollTo: (id?: string, offset?: number) => void;
+export default useScrollTo;

package/useScrollTo.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useScrollTo";
+export { default } from "./useScrollTo";

package/useScrollTo.esm.js

@@ -0,0 +1,5 @@
+import { isBrowser } from '@koine/utils';
+
+let useScrollTo=(o="",t=0)=>{if(!isBrowser)return;let l=document.getElementById(o),r=0;if(l&&l.offsetParent)do r+=l.offsetTop;while(l=l.offsetParent)r-=t,r-=0,window.scroll(0,r);};
+
+export { useScrollTo as default, useScrollTo };

package/useSmoothScroll.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useSmoothScroll";
+export { default } from "./useSmoothScroll";

package/useSmoothScroll.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useSmoothScroll.cjs.js').default;

package/useSmoothScroll.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+var useFixedOffset = require('./useFixedOffset.cjs.js');
+
+let useSmoothScroll=m=>{let i=useFixedOffset.useFixedOffset();return react.useCallback((e,l,f,u,n)=>{let c;let p=!1;if(utils.isNumber(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=dom.getOffsetTopSlim(t)-i.current,p=!0);}utils.isNumber(c)&&dom.scrollTo(c=c+(l||0)+(m||p?0:i.current),f,u,n);},[m,i])};
+
+exports.default = useSmoothScroll;
+exports.useSmoothScroll = useSmoothScroll;

package/useSmoothScroll.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useSmoothScroll.cjs.js';
+export { _default as default } from './useSmoothScroll.cjs.default.js';

package/useSmoothScroll.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
+ * selector we will keep into account the _fixedOffset_ despite this option.
+ * @returns
+ */
+export declare let useSmoothScroll: (disregardAutomaticFixedOffset?: boolean) => (to?: number | string, customOffset?: number, callback?: () => void, fallbackTimeout?: number, behavior?: ScrollBehavior) => void;
+export default useSmoothScroll;

package/useSmoothScroll.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useSmoothScroll";
+export { default } from "./useSmoothScroll";

package/useSmoothScroll.esm.js

@@ -0,0 +1,8 @@
+import { useCallback } from 'react';
+import { isNumber } from '@koine/utils';
+import { getOffsetTopSlim, scrollTo } from '@koine/dom';
+import { useFixedOffset } from './useFixedOffset.esm.js';
+
+let useSmoothScroll=m=>{let i=useFixedOffset();return useCallback((e,l,f,u,n)=>{let c;let p=!1;if(isNumber(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=getOffsetTopSlim(t)-i.current,p=!0);}isNumber(c)&&scrollTo(c=c+(l||0)+(m||p?0:i.current),f,u,n);},[m,i])};
+
+export { useSmoothScroll as default, useSmoothScroll };

package/useSpinDelay.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useSpinDelay";
+export { default } from "./useSpinDelay";

package/useSpinDelay.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useSpinDelay.cjs.js').default;

package/useSpinDelay.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let useSpinDelay=(u,c=500,i=200)=>{let[n,o]=react.useState(0),l=react.useRef();return react.useEffect(()=>{u&&0===n&&(clearTimeout(l.current),l.current=setTimeout(()=>{if(!u)return o(0);l.current=setTimeout(()=>{o(3);},i),o(2);},c),o(1)),u||2===n||(clearTimeout(l.current),o(0));},[u,n,c,i]),react.useEffect(()=>()=>clearTimeout(l.current),[]),2===n||3===n};
+
+exports.default = useSpinDelay;
+exports.useSpinDelay = useSpinDelay;

package/useSpinDelay.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useSpinDelay.cjs.js';
+export { _default as default } from './useSpinDelay.cjs.default.js';

package/{hooks/useSpinDelay.d.ts → useSpinDelay.d.ts}

@@ -10,5 +10,5 @@
  * @param delay [500]
  * @param minDuration [200]
  */
-export declare function useSpinDelay(loading: boolean, delay?: number, minDuration?: number): boolean;
+export declare let useSpinDelay: (loading: boolean, delay?: number, minDuration?: number) => boolean;
 export default useSpinDelay;

package/useSpinDelay.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useSpinDelay";
+export { default } from "./useSpinDelay";

package/useSpinDelay.esm.js

@@ -0,0 +1,5 @@
+import { useState, useRef, useEffect } from 'react';
+
+let useSpinDelay=(u,c=500,i=200)=>{let[n,o]=useState(0),l=useRef();return useEffect(()=>{u&&0===n&&(clearTimeout(l.current),l.current=setTimeout(()=>{if(!u)return o(0);l.current=setTimeout(()=>{o(3);},i),o(2);},c),o(1)),u||2===n||(clearTimeout(l.current),o(0));},[u,n,c,i]),useEffect(()=>()=>clearTimeout(l.current),[]),2===n||3===n};
+
+export { useSpinDelay as default, useSpinDelay };

package/useTraceUpdate.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useTraceUpdate";
+export { default } from "./useTraceUpdate";

package/useTraceUpdate.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useTraceUpdate.cjs.js').default;

package/useTraceUpdate.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let useTraceUpdate=r=>{let c=react.useRef(r);react.useEffect(()=>{let e=Object.entries(r).reduce((e,[t,r])=>(c.current[t]!==r&&(e[t]=[c.current[t],r]),e),{});Object.keys(e).length>0&&console.info("[@koine/react:useTraceUpdate] changed props:",e),c.current=r;});};
+
+exports.default = useTraceUpdate;
+exports.useTraceUpdate = useTraceUpdate;

package/useTraceUpdate.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useTraceUpdate.cjs.js';
+export { _default as default } from './useTraceUpdate.cjs.default.js';

package/{hooks/useTraceUpdate.d.ts → useTraceUpdate.d.ts}

@@ -1,5 +1,5 @@
 /**
  * @see https://stackoverflow.com/a/51082563/9122820
  */
-export declare function useTraceUpdate(props: any): void;
+export declare let useTraceUpdate: (props: any) => void;
 export default useTraceUpdate;

package/useTraceUpdate.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useTraceUpdate";
+export { default } from "./useTraceUpdate";

package/useTraceUpdate.esm.js

@@ -0,0 +1,5 @@
+import { useRef, useEffect } from 'react';
+
+let useTraceUpdate=r=>{let c=useRef(r);useEffect(()=>{let e=Object.entries(r).reduce((e,[t,r])=>(c.current[t]!==r&&(e[t]=[c.current[t],r]),e),{});Object.keys(e).length>0&&console.info("[@koine/react:useTraceUpdate] changed props:",e),c.current=r;});};
+
+export { useTraceUpdate as default, useTraceUpdate };

package/useUpdateEffect.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useUpdateEffect";
+export { default } from "./useUpdateEffect";

package/useUpdateEffect.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useUpdateEffect.cjs.js').default;

package/useUpdateEffect.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var useFirstMountState = require('./useFirstMountState.cjs.js');
+
+let useUpdateEffect=(r,f)=>{let o=useFirstMountState.useFirstMountState();react.useEffect(()=>{if(!o)return r()},f);};
+
+exports.default = useUpdateEffect;
+exports.useUpdateEffect = useUpdateEffect;

package/useUpdateEffect.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useUpdateEffect.cjs.js';
+export { _default as default } from './useUpdateEffect.cjs.default.js';

package/{hooks/useUpdateEffect.d.ts → useUpdateEffect.d.ts}

@@ -2,5 +2,5 @@ import { useEffect } from "react";
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
  */
-export declare const useUpdateEffect: typeof useEffect;
+export declare let useUpdateEffect: typeof useEffect;
 export default useUpdateEffect;

package/useUpdateEffect.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useUpdateEffect";
+export { default } from "./useUpdateEffect";

package/useUpdateEffect.esm.js

@@ -0,0 +1,6 @@
+import { useEffect } from 'react';
+import { useFirstMountState } from './useFirstMountState.esm.js';
+
+let useUpdateEffect=(r,f)=>{let o=useFirstMountState();useEffect(()=>{if(!o)return r()},f);};
+
+export { useUpdateEffect as default, useUpdateEffect };

package/useWindowSize.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useWindowSize";
+export { default } from "./useWindowSize";

package/useWindowSize.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useWindowSize.cjs.js').default;

package/useWindowSize.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var dom = require('@koine/dom');
+
+let useWindowSize=(o,n)=>{let[d,w]=react.useState(0),[m,u]=react.useState(0);return react.useEffect(()=>{let e=()=>{w(window.innerWidth),u(window.innerHeight);},i=o?dom.listenResizeDebounced(0,e,o,n):dom.listenResize(e);return e(),i},[o,n]),[d,m]};
+
+exports.default = useWindowSize;
+exports.useWindowSize = useWindowSize;

package/useWindowSize.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useWindowSize.cjs.js';
+export { _default as default } from './useWindowSize.cjs.default.js';

package/useWindowSize.d.ts

@@ -0,0 +1,12 @@
+import { debounce as _debounce } from "@koine/utils";
+/**
+ * # Use `window` size
+ *
+ * @param args Optionally pass {@link _debounce} arguments (`wait` and `immediate`)
+ *
+ * @returns An array with:
+ * 1) _width_: using `window.innerWidth`
+ * 2) _height_: using `window.innerHeight`
+ */
+export declare let useWindowSize: (wait?: Parameters<typeof _debounce>[1], immediate?: Parameters<typeof _debounce>[2]) => readonly [number, number];
+export default useWindowSize;

package/useWindowSize.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useWindowSize";
+export { default } from "./useWindowSize";