@koine/react 2.0.0-beta.113 → 2.0.0-beta.114
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/FaviconTags.cjs.js +1 -1
- package/FaviconTags.esm.d.ts +2 -0
- package/Meta.cjs.js +1 -1
- package/Meta.esm.d.ts +2 -0
- package/NoJs.cjs.js +1 -1
- package/NoJs.esm.d.ts +2 -0
- package/Polymorphic.esm.d.ts +1 -0
- package/calendar.cjs.js +1 -21
- package/calendar.esm.d.ts +1 -0
- package/classed.cjs.js +1 -1
- package/classed.esm.d.ts +2 -0
- package/createUseMediaQueryWidth.cjs.js +1 -1
- package/createUseMediaQueryWidth.esm.d.ts +2 -0
- package/extendComponent.cjs.js +1 -1
- package/extendComponent.esm.d.ts +2 -0
- package/forms.cjs.js +0 -2
- package/forms.esm.d.ts +1 -0
- package/index.cjs.js +0 -2
- package/index.esm.d.ts +1 -0
- package/mergeRefs.cjs.js +1 -1
- package/mergeRefs.esm.d.ts +2 -0
- package/package.json +3 -3
- package/types.esm.d.ts +1 -0
- package/useAsyncFn.cjs.js +1 -1
- package/useAsyncFn.esm.d.ts +2 -0
- package/useFirstMountState.cjs.js +1 -1
- package/useFirstMountState.esm.d.ts +2 -0
- package/useFixedOffset.cjs.js +1 -1
- package/useFixedOffset.esm.d.ts +2 -0
- package/useFocus.cjs.js +1 -1
- package/useFocus.esm.d.ts +2 -0
- package/useInterval.cjs.js +1 -1
- package/useInterval.esm.d.ts +2 -0
- package/useIsomorphicLayoutEffect.cjs.js +1 -1
- package/useIsomorphicLayoutEffect.esm.d.ts +2 -0
- package/useKeyUp.cjs.js +1 -1
- package/useKeyUp.esm.d.ts +2 -0
- package/useMeasure.cjs.js +1 -1
- package/useMeasure.esm.d.ts +2 -0
- package/useMountedState.cjs.js +1 -1
- package/useMountedState.esm.d.ts +2 -0
- package/useNavigateAway.cjs.js +1 -1
- package/useNavigateAway.esm.d.ts +2 -0
- package/usePrevious.cjs.js +1 -1
- package/usePrevious.esm.d.ts +2 -0
- package/usePreviousRef.cjs.js +1 -1
- package/usePreviousRef.esm.d.ts +2 -0
- package/useScrollPosition.cjs.js +1 -1
- package/useScrollPosition.esm.d.ts +2 -0
- package/useScrollThreshold.cjs.js +1 -1
- package/useScrollThreshold.d.ts +1 -1
- package/useScrollThreshold.esm.d.ts +2 -0
- package/useScrollTo.cjs.js +1 -1
- package/useScrollTo.esm.d.ts +2 -0
- package/useSmoothScroll.cjs.js +1 -1
- package/useSmoothScroll.esm.d.ts +2 -0
- package/useSpinDelay.cjs.js +1 -1
- package/useSpinDelay.esm.d.ts +2 -0
- package/useTraceUpdate.cjs.js +1 -1
- package/useTraceUpdate.esm.d.ts +2 -0
- package/useUpdateEffect.cjs.js +1 -1
- package/useUpdateEffect.esm.d.ts +2 -0
- package/useWindowSize.cjs.js +1 -1
- package/useWindowSize.esm.d.ts +2 -0
package/FaviconTags.cjs.js
CHANGED
|
@@ -16,4 +16,4 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
16
16
|
*/let FaviconTags=({name:a,color:t,safariTabColor:o,tileColor:c,themeColor:l})=>/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx("link",{rel:"shortcut icon",href:"/favicon.ico",type:"image/x-icon"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/apple-touch-icon.png"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/favicon-32x32.png"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/favicon-16x16.png"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"manifest",href:"/site.webmanifest"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"mask-icon",href:"/safari-pinned-tab.svg",color:o||t}),/*#__PURE__*/jsxRuntime.jsx("meta",{name:"apple-mobile-web-app-title",content:a}),/*#__PURE__*/jsxRuntime.jsx("meta",{name:"application-name",content:a}),/*#__PURE__*/jsxRuntime.jsx("meta",{name:"msapplication-TileColor",content:c||t}),/*#__PURE__*/jsxRuntime.jsx("meta",{name:"theme-color",content:l||t})]});
|
|
17
17
|
|
|
18
18
|
exports.FaviconTags = FaviconTags;
|
|
19
|
-
exports
|
|
19
|
+
exports.default = FaviconTags;
|
package/Meta.cjs.js
CHANGED
|
@@ -16,4 +16,4 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
16
16
|
*/let Meta=({zoom:t})=>/*#__PURE__*/jsxRuntime.jsx("meta",{name:"viewport",content:`width=device-width, initial-scale=1, maximum-scale=1${t?"":", user-scalable=0"}`});
|
|
17
17
|
|
|
18
18
|
exports.Meta = Meta;
|
|
19
|
-
exports
|
|
19
|
+
exports.default = Meta;
|
package/Meta.esm.d.ts
ADDED
package/NoJs.cjs.js
CHANGED
|
@@ -7,4 +7,4 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
7
7
|
let NoJs=t=>/*#__PURE__*/jsxRuntime.jsx("script",{id:"no-js",dangerouslySetInnerHTML:{__html:'document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";'}});
|
|
8
8
|
|
|
9
9
|
exports.NoJs = NoJs;
|
|
10
|
-
exports
|
|
10
|
+
exports.default = NoJs;
|
package/NoJs.esm.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Polymorphic";
|
package/calendar.cjs.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
4
|
var react = require('react');
|
|
7
5
|
var addDays = require('date-fns/addDays');
|
|
@@ -20,24 +18,6 @@ var differenceInDays = require('date-fns/differenceInDays');
|
|
|
20
18
|
var subDays = require('date-fns/subDays');
|
|
21
19
|
var utils = require('@koine/utils');
|
|
22
20
|
|
|
23
|
-
function _interopNamespace(e) {
|
|
24
|
-
if (e && e.__esModule) return e;
|
|
25
|
-
var n = Object.create(null);
|
|
26
|
-
if (e) {
|
|
27
|
-
Object.keys(e).forEach(function (k) {
|
|
28
|
-
if (k !== 'default') {
|
|
29
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
30
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () { return e[k]; }
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
n["default"] = e;
|
|
38
|
-
return Object.freeze(n);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
21
|
let getEventTimestamp=e=>{let t=new Date(e);return t.setHours(0,0,0,0),t.valueOf()/1e3};let getDisplayTime=e=>e.getHours()+":"+"0".repeat(2-e.getMinutes().toString().length)+e.getMinutes();let getStartDate=(e,t)=>(e.setHours(0,0,0),"month"===t?e.setDate(1):"week"===t&&(e=startOfWeek.startOfWeek(e,{weekStartsOn:1})),e);let getEndDate=(e,t)=>{let r=e;return "month"===t?r=endOfMonth.endOfMonth(e):"week"===t&&(r=endOfWeek.endOfWeek(e,{weekStartsOn:1})),r.setHours(23,59,59),r};let getPrevDate=(e,t)=>"month"===t?subMonths.subMonths(e,1):subWeeks.subWeeks(e,1);let getNextDate=(e,a)=>"month"===a?addMonths.addMonths(e,1):addWeeks.addWeeks(e,1);let isTodayInView=(e,t)=>isWithinInterval.isWithinInterval(new Date,{start:e,end:t});let addCalendarEvents=(e,t)=>{for(let r in e){let a=e[r];t[r]=a;}return t};let i=e=>{let t={};for(let r in e){let a=e[r];a.days.forEach(e=>{t[e]=t[e]||{},t[e][r]=a;});}return t},d$1=e=>{let t=[];for(let r in e)t.push(e[r]);return(// sort events first multi, then all day then by start then by created date
|
|
42
22
|
t.sort((e,t)=>{let r=Number(t.multi)-Number(e.multi),a=Number(t.allDay)-Number(e.allDay),n=e.start.getTime()-t.start.getTime(),s=e.created.getTime()-t.created.getTime();return r||a||n||s}),t)};let processEventsInView=(t,r,a,n)=>{let s=i(t),o=d$1(t),l=new Date,m=getEventTimestamp(l),p={},f=[];for(let t=0;t<n.length;t++){let i={props:{key:`week.${t}`},days:[]},d=n[t],u=d.getDate(),g=getEventTimestamp(new Date(d)),h=getEventTimestamp(addDays.addDays(new Date(d),6));for(let e=0;e<7;e++){let t=new Date(new Date(d).setDate(u+e)),n=getEventTimestamp(t),f={$isToday:m===n,$isOutOfRange:"month"===r&&t.getMonth()!==a},v={props:{key:`day.${n}`,...f},timestamp:n+"",label:t.getDate()+"",events:[]};// check that we have events in this day
|
|
43
23
|
if(s?.[n]){let t=Object.keys(s[n]).map(()=>0);for(let r=0;r<o.length;r++){let a;let s=o[r],m=1,i=0;if(s.daysMap[n]){// if we already have the information on when the event has been
|
|
@@ -93,7 +73,7 @@ react.useEffect(()=>{let e=async()=>{// This webpack option stops all of the dat
|
|
|
93
73
|
// /FIXME: * webpackMode: "lazy", webpackChunkName: "df-[index]", webpackExclude: /_lib/ */
|
|
94
74
|
// `date-fns/locale/${locale}/index.js`,
|
|
95
75
|
// );
|
|
96
|
-
let e=await
|
|
76
|
+
let e=await import('date-fns/locale/en-US');c(a||o),n(e.enUS);};// setReady(true);
|
|
97
77
|
// If the locale has not yet been loaded.
|
|
98
78
|
a!==o&&e();},[a,o]),r)};
|
|
99
79
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./calendar";
|
package/classed.cjs.js
CHANGED
package/classed.esm.d.ts
ADDED
|
@@ -23,4 +23,4 @@ e.addListener(t),// Clean up on unmount and if the query changes
|
|
|
23
23
|
()=>{e.removeListener(t);}))},[u]),c}};//// without creator it would be:
|
|
24
24
|
|
|
25
25
|
exports.createUseMediaQueryWidth = createUseMediaQueryWidth;
|
|
26
|
-
exports
|
|
26
|
+
exports.default = createUseMediaQueryWidth;
|
package/extendComponent.cjs.js
CHANGED
|
@@ -10,5 +10,5 @@ let extendComponent=(t,o)=>// const NewComponent = forwardRef<React.ComponentPro
|
|
|
10
10
|
Object.assign(// FIXME: check if we need to forwardRef or not
|
|
11
11
|
o=>react.createElement(t,o),{...o,defaultProps:o});
|
|
12
12
|
|
|
13
|
-
exports
|
|
13
|
+
exports.default = extendComponent;
|
|
14
14
|
exports.extendComponent = extendComponent;
|
package/forms.cjs.js
CHANGED
package/forms.esm.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./forms";
|
package/index.cjs.js
CHANGED
package/index.esm.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./index";
|
package/mergeRefs.cjs.js
CHANGED
package/package.json
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
"name": "@koine/react",
|
|
3
3
|
"sideEffects": false,
|
|
4
4
|
"dependencies": {
|
|
5
|
-
"@koine/dom": "2.0.0-beta.
|
|
6
|
-
"@koine/utils": "2.0.0-beta.
|
|
5
|
+
"@koine/dom": "2.0.0-beta.114",
|
|
6
|
+
"@koine/utils": "2.0.0-beta.114"
|
|
7
7
|
},
|
|
8
8
|
"peerDependencies": {
|
|
9
9
|
"@kuus/yup": "1.0.0-beta.7",
|
|
@@ -190,5 +190,5 @@
|
|
|
190
190
|
},
|
|
191
191
|
"module": "./index.esm.js",
|
|
192
192
|
"main": "./index.cjs.js",
|
|
193
|
-
"version": "2.0.0-beta.
|
|
193
|
+
"version": "2.0.0-beta.114"
|
|
194
194
|
}
|
package/types.esm.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./types";
|
package/useAsyncFn.cjs.js
CHANGED
|
@@ -10,5 +10,5 @@ var useMountedState = require('./useMountedState.cjs.js');
|
|
|
10
10
|
*/let useAsyncFn=(o,u=[],l={loading:!1})=>{let a=react.useRef(0),d=useMountedState.useMountedState(),[i,c]=react.useState(l),g=react.useCallback((...e)=>{let t=++a.current;return i.loading||c(e=>({...e,loading:!0})),o(...e).then(e=>(d()&&t===a.current&&c({value:e,loading:!1}),e),e=>(d()&&t===a.current&&c({error:e,loading:!1}),e))},// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11
11
|
u);return [i,g]};
|
|
12
12
|
|
|
13
|
-
exports
|
|
13
|
+
exports.default = useAsyncFn;
|
|
14
14
|
exports.useAsyncFn = useAsyncFn;
|
|
@@ -8,5 +8,5 @@ var react = require('react');
|
|
|
8
8
|
* @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useFirstMountState.ts)
|
|
9
9
|
*/let useFirstMountState=()=>{let r=react.useRef(!0);return r.current?(r.current=!1,!0):r.current};
|
|
10
10
|
|
|
11
|
-
exports
|
|
11
|
+
exports.default = useFirstMountState;
|
|
12
12
|
exports.useFirstMountState = useFirstMountState;
|
package/useFixedOffset.cjs.js
CHANGED
|
@@ -20,5 +20,5 @@ let n=e=>{dom.injectCss("useFixedOffset",`html{scroll-padding-top: ${e}px}`);};/
|
|
|
20
20
|
n(e);};if(e(),!ResizeObserver)return dom.listenResizeDebounced(0,e);{// const elements = domAll("[data-fixed]");
|
|
21
21
|
let e=new ResizeObserver(e=>{let r=0;e.forEach(e=>{r+=e.contentRect.height;}),l.current=r,utils.debounce(()=>n(r),400,!0)();});return dom.domEach(i||"[data-fixed]",t=>{e&&e.observe(t);}),()=>{e?.disconnect();}}},[i]),l};
|
|
22
22
|
|
|
23
|
-
exports
|
|
23
|
+
exports.default = useFixedOffset;
|
|
24
24
|
exports.useFixedOffset = useFixedOffset;
|
package/useFocus.cjs.js
CHANGED
|
@@ -8,5 +8,5 @@ var react = require('react');
|
|
|
8
8
|
* @see https://stackoverflow.com/a/54159564/1938970
|
|
9
9
|
*/let useFocus=()=>{let r=react.useRef(null);return [r,()=>{r.current&&r.current.focus();}]};
|
|
10
10
|
|
|
11
|
-
exports
|
|
11
|
+
exports.default = useFocus;
|
|
12
12
|
exports.useFocus = useFocus;
|
package/useInterval.cjs.js
CHANGED
|
@@ -12,5 +12,5 @@ var utils = require('@koine/utils');
|
|
|
12
12
|
*/let useInterval=(n,l,u=[])=>{let o=react.useRef();react.useEffect(()=>{o.current=n;},// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
13
|
[n,...u]),react.useEffect(()=>{if(null!==l){let r=setInterval(function(){o.current&&o.current();},l);return ()=>clearInterval(r)}return utils.noop},[l]);};
|
|
14
14
|
|
|
15
|
-
exports
|
|
15
|
+
exports.default = useInterval;
|
|
16
16
|
exports.useInterval = useInterval;
|
|
@@ -9,5 +9,5 @@ var utils = require('@koine/utils');
|
|
|
9
9
|
* @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useIsomorphicLayoutEffect.ts)
|
|
10
10
|
*/let useIsomorphicLayoutEffect=utils.isBrowser?react.useLayoutEffect:react.useEffect;
|
|
11
11
|
|
|
12
|
-
exports
|
|
12
|
+
exports.default = useIsomorphicLayoutEffect;
|
|
13
13
|
exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
|
package/useKeyUp.cjs.js
CHANGED
|
@@ -12,5 +12,5 @@ let useKeyUp=(o,r=[])=>{react.useEffect(()=>dom.on(window,"keyup",e=>{// const {
|
|
|
12
12
|
e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||o(e);}),// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
13
|
[o,...r]);};
|
|
14
14
|
|
|
15
|
-
exports
|
|
15
|
+
exports.default = useKeyUp;
|
|
16
16
|
exports.useKeyUp = useKeyUp;
|
package/useMeasure.cjs.js
CHANGED
|
@@ -40,5 +40,5 @@ react.useEffect(()=>{x(),z();},// eslint-disable-next-line react-hooks/exhaustiv
|
|
|
40
40
|
[]),[// the ref we expose to the user
|
|
41
41
|
e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w])};
|
|
42
42
|
|
|
43
|
-
exports
|
|
43
|
+
exports.default = useMeasure;
|
|
44
44
|
exports.useMeasure = useMeasure;
|
package/useMountedState.cjs.js
CHANGED
|
@@ -8,5 +8,5 @@ var react = require('react');
|
|
|
8
8
|
* @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMountedState.ts)
|
|
9
9
|
*/let useMountedState=()=>{let u=react.useRef(!1),n=react.useCallback(()=>u.current,[]);return react.useEffect(()=>(u.current=!0,()=>{u.current=!1;}),[]),n};
|
|
10
10
|
|
|
11
|
-
exports
|
|
11
|
+
exports.default = useMountedState;
|
|
12
12
|
exports.useMountedState = useMountedState;
|
package/useNavigateAway.cjs.js
CHANGED
package/usePrevious.cjs.js
CHANGED
package/usePreviousRef.cjs.js
CHANGED
package/useScrollPosition.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!utils.isBrowser)re
|
|
|
15
15
|
* - compacted object arguments in functions as plain argument list to improve compression
|
|
16
16
|
*/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);};
|
|
17
17
|
|
|
18
|
-
exports
|
|
18
|
+
exports.default = useScrollPosition;
|
|
19
19
|
exports.useScrollPosition = useScrollPosition;
|
|
@@ -11,5 +11,5 @@ e=r<i,o=r>i;// console.log("useScrollThreshold setIsBelow", isBelow, posY, thres
|
|
|
11
11
|
f(o),m&&m(e,o);}},[i,m]);return react.useEffect(()=>{if(i){// const listener = listenScrollThrottled(0, handler, 50);
|
|
12
12
|
let r=dom.listenScroll(n);return n(),r}return utils.noop},[i,n]),u};
|
|
13
13
|
|
|
14
|
-
exports
|
|
14
|
+
exports.default = useScrollThreshold;
|
|
15
15
|
exports.useScrollThreshold = useScrollThreshold;
|
package/useScrollThreshold.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare let useScrollThreshold: (threshold?: number, callback?: (
|
|
1
|
+
export declare let useScrollThreshold: (threshold?: number, callback?: (isAbove: boolean, isBelow: boolean) => void) => boolean;
|
|
2
2
|
export default useScrollThreshold;
|
package/useScrollTo.cjs.js
CHANGED
|
@@ -8,5 +8,5 @@ let useScrollTo=(o="",t=0)=>{// FIXME: is the useHeader still needed?
|
|
|
8
8
|
// const [, , headerHeight] = useHeader();
|
|
9
9
|
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-=/* headerHeight || */0,window.scroll(0,r);};
|
|
10
10
|
|
|
11
|
-
exports
|
|
11
|
+
exports.default = useScrollTo;
|
|
12
12
|
exports.useScrollTo = useScrollTo;
|
package/useSmoothScroll.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ require('./useIsomorphicLayoutEffect.cjs.js');
|
|
|
15
15
|
* @returns
|
|
16
16
|
*/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])};
|
|
17
17
|
|
|
18
|
-
exports
|
|
18
|
+
exports.default = useSmoothScroll;
|
|
19
19
|
exports.useSmoothScroll = useSmoothScroll;
|
package/useSpinDelay.cjs.js
CHANGED
|
@@ -17,5 +17,5 @@ var react = require('react');
|
|
|
17
17
|
* @param minDuration [200]
|
|
18
18
|
*/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};
|
|
19
19
|
|
|
20
|
-
exports
|
|
20
|
+
exports.default = useSpinDelay;
|
|
21
21
|
exports.useSpinDelay = useSpinDelay;
|
package/useTraceUpdate.cjs.js
CHANGED
|
@@ -9,5 +9,5 @@ var react = require('react');
|
|
|
9
9
|
*/let useTraceUpdate=r=>{let c=react.useRef(r);react.useEffect(()=>{let e=Object.entries(r).reduce((e,[t,r])=>(c.current[t]!==r&&// @ts-expect-error Does not matter here...
|
|
10
10
|
(e[t]=[c.current[t],r]),e),{});Object.keys(e).length>0&&console.info("[@koine/react:useTraceUpdate] changed props:",e),c.current=r;});};
|
|
11
11
|
|
|
12
|
-
exports
|
|
12
|
+
exports.default = useTraceUpdate;
|
|
13
13
|
exports.useTraceUpdate = useTraceUpdate;
|
package/useUpdateEffect.cjs.js
CHANGED
|
@@ -10,5 +10,5 @@ var useFirstMountState = require('./useFirstMountState.cjs.js');
|
|
|
10
10
|
*/let useUpdateEffect=(r,f)=>{let o=useFirstMountState.useFirstMountState();react.useEffect(()=>{if(!o)return r()},// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11
11
|
f);};
|
|
12
12
|
|
|
13
|
-
exports
|
|
13
|
+
exports.default = useUpdateEffect;
|
|
14
14
|
exports.useUpdateEffect = useUpdateEffect;
|
package/useWindowSize.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ var dom = require('@koine/dom');
|
|
|
15
15
|
* 2) _height_: using `window.innerHeight`
|
|
16
16
|
*/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]};
|
|
17
17
|
|
|
18
|
-
exports
|
|
18
|
+
exports.default = useWindowSize;
|
|
19
19
|
exports.useWindowSize = useWindowSize;
|