@aliexme/react-utils 3.2.3 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Maybe/Maybe.cjs +1 -1
- package/dist/components/Maybe/Maybe.js +8 -8
- package/dist/hooks/index.d.ts +0 -2
- package/dist/hooks/useDerivedState.cjs +1 -1
- package/dist/hooks/useDerivedState.js +10 -10
- package/dist/hooks/useDidMount.cjs +1 -1
- package/dist/hooks/useDidMount.js +6 -6
- package/dist/hooks/useEventListener.cjs +1 -1
- package/dist/hooks/useEventListener.js +16 -12
- package/dist/hooks/useIsMounted.cjs +1 -1
- package/dist/hooks/useIsMounted.js +10 -10
- package/dist/hooks/useIsMountedRef.cjs +1 -1
- package/dist/hooks/useIsMountedRef.js +9 -9
- package/dist/hooks/useIsomorphicLayoutEffect.cjs +1 -1
- package/dist/hooks/useIsomorphicLayoutEffect.js +5 -5
- package/dist/hooks/usePrevious.cjs +1 -1
- package/dist/hooks/usePrevious.js +7 -7
- package/dist/hooks/useValueRef.cjs +1 -1
- package/dist/hooks/useValueRef.js +9 -9
- package/dist/hooks/useWillUnmount.cjs +1 -1
- package/dist/hooks/useWillUnmount.js +6 -6
- package/dist/hooks/useWindowSize.cjs +1 -1
- package/dist/hooks/useWindowSize.js +22 -29
- package/dist/index.cjs +1 -1
- package/dist/index.js +11 -27
- package/package.json +5 -5
- package/dist/hooks/useComponentSize.cjs +0 -1
- package/dist/hooks/useComponentSize.d.ts +0 -16
- package/dist/hooks/useComponentSize.js +0 -29
- package/dist/hooks/useSlaveState.cjs +0 -1
- package/dist/hooks/useSlaveState.d.ts +0 -1
- package/dist/hooks/useSlaveState.js +0 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
let e=require("react"),t=require("react/jsx-runtime");var n=n=>{let{when:r,component:i,orElse:a=(0,t.jsx)(e.Fragment,{}),children:o}=n;return r?(0,e.cloneElement)(i,{children:o}):(0,e.cloneElement)(a,{children:o})};exports.Maybe=n;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
export {
|
|
8
|
-
s as Maybe
|
|
1
|
+
import { Fragment as e, cloneElement as t } from "react";
|
|
2
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
+
//#region src/components/Maybe/Maybe.tsx
|
|
4
|
+
var r = (r) => {
|
|
5
|
+
let { when: i, component: a, orElse: o = /* @__PURE__ */ n(e, {}), children: s } = r;
|
|
6
|
+
return t(i ? a : o, { children: s });
|
|
9
7
|
};
|
|
8
|
+
//#endregion
|
|
9
|
+
export { r as Maybe };
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export * from './useComponentSize';
|
|
2
1
|
export * from './useDerivedState';
|
|
3
2
|
export * from './useDidMount';
|
|
4
3
|
export * from './useEventListener';
|
|
@@ -6,7 +5,6 @@ export * from './useIsMounted';
|
|
|
6
5
|
export * from './useIsMountedRef';
|
|
7
6
|
export * from './useIsomorphicLayoutEffect';
|
|
8
7
|
export * from './usePrevious';
|
|
9
|
-
export * from './useSlaveState';
|
|
10
8
|
export * from './useValueRef';
|
|
11
9
|
export * from './useWillUnmount';
|
|
12
10
|
export * from './useWindowSize';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require("./useValueRef.cjs");let t=require("react");var n=n=>{let{value:r,initialValue:i,onChange:a}=n,[o,s]=(0,t.useState)(r??i),c=e.useValueRef(a);return[r===void 0?o:r,(0,t.useCallback)(e=>{c.current?.(e),s(e)},[])]};exports.useDerivedState=n;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
export {
|
|
10
|
-
h as useDerivedState
|
|
1
|
+
import { useValueRef as e } from "./useValueRef.js";
|
|
2
|
+
import { useCallback as t, useState as n } from "react";
|
|
3
|
+
//#region src/hooks/useDerivedState.ts
|
|
4
|
+
var r = (r) => {
|
|
5
|
+
let { value: i, initialValue: a, onChange: o } = r, [s, c] = n(i ?? a), l = e(o);
|
|
6
|
+
return [i === void 0 ? s : i, t((e) => {
|
|
7
|
+
l.current?.(e), c(e);
|
|
8
|
+
}, [])];
|
|
11
9
|
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { r as useDerivedState };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
let e=require("react");var t=t=>{(0,e.useEffect)(t,[])};exports.useDidMount=t;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useEffect as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export {
|
|
6
|
-
f as useDidMount
|
|
1
|
+
import { useEffect as e } from "react";
|
|
2
|
+
//#region src/hooks/useDidMount.ts
|
|
3
|
+
var t = (t) => {
|
|
4
|
+
e(t, []);
|
|
7
5
|
};
|
|
6
|
+
//#endregion
|
|
7
|
+
export { t as useDidMount };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
let e=require("react");var t=(t,n,r,i={})=>{let{enabled:a=!0,...o}=i;(0,e.useEffect)(()=>{if(a)return t.addEventListener(n,r,o),()=>{t.removeEventListener(n,r,o)}},[t,n,r,a])};exports.useEventListener=t;
|
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
import { useEffect as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { useEffect as e } from "react";
|
|
2
|
+
//#region src/hooks/useEventListener.ts
|
|
3
|
+
var t = (t, n, r, i = {}) => {
|
|
4
|
+
let { enabled: a = !0, ...o } = i;
|
|
5
|
+
e(() => {
|
|
6
|
+
if (a) return t.addEventListener(n, r, o), () => {
|
|
7
|
+
t.removeEventListener(n, r, o);
|
|
8
|
+
};
|
|
9
|
+
}, [
|
|
10
|
+
t,
|
|
11
|
+
n,
|
|
12
|
+
r,
|
|
13
|
+
a
|
|
14
|
+
]);
|
|
13
15
|
};
|
|
16
|
+
//#endregion
|
|
17
|
+
export { t as useEventListener };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require("./useDidMount.cjs");let t=require("react");var n=()=>{let[n,r]=(0,t.useState)(!1);return e.useDidMount(()=>{r(!0)}),n};exports.useIsMounted=n;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
export {
|
|
10
|
-
n as useIsMounted
|
|
1
|
+
import { useDidMount as e } from "./useDidMount.js";
|
|
2
|
+
import { useState as t } from "react";
|
|
3
|
+
//#region src/hooks/useIsMounted.ts
|
|
4
|
+
var n = () => {
|
|
5
|
+
let [n, r] = t(!1);
|
|
6
|
+
return e(() => {
|
|
7
|
+
r(!0);
|
|
8
|
+
}), n;
|
|
11
9
|
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { n as useIsMounted };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require("./useDidMount.cjs");let t=require("react");var n=()=>{let n=(0,t.useRef)(!1);return e.useDidMount(()=>{n.current=!0}),n};exports.useIsMountedRef=n;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
+
import { useDidMount as e } from "./useDidMount.js";
|
|
1
2
|
import { useRef as t } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
export {
|
|
10
|
-
s as useIsMountedRef
|
|
3
|
+
//#region src/hooks/useIsMountedRef.ts
|
|
4
|
+
var n = () => {
|
|
5
|
+
let n = t(!1);
|
|
6
|
+
return e(() => {
|
|
7
|
+
n.current = !0;
|
|
8
|
+
}), n;
|
|
11
9
|
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { n as useIsMountedRef };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
let e=require("react");var t=typeof window<`u`?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=t;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
1
|
+
import { useEffect as e, useLayoutEffect as t } from "react";
|
|
2
|
+
//#region src/hooks/useIsomorphicLayoutEffect.ts
|
|
3
|
+
var n = typeof window < "u" ? t : e;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { n as useIsomorphicLayoutEffect };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
let e=require("react");var t=t=>{let n=(0,e.useRef)(t),r=(0,e.useRef)(t);return n.current!==t&&(r.current=n.current,n.current=t),r.current};exports.usePrevious=t;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { useRef as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export {
|
|
7
|
-
o as usePrevious
|
|
1
|
+
import { useRef as e } from "react";
|
|
2
|
+
//#region src/hooks/usePrevious.ts
|
|
3
|
+
var t = (t) => {
|
|
4
|
+
let n = e(t), r = e(t);
|
|
5
|
+
return n.current !== t && (r.current = n.current, n.current = t), r.current;
|
|
8
6
|
};
|
|
7
|
+
//#endregion
|
|
8
|
+
export { t as usePrevious };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
let e=require("react");var t=t=>{let n=(0,e.useRef)(t);return(0,e.useEffect)(()=>{n.current=t},[t]),n};exports.useValueRef=t;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
};
|
|
8
|
-
export {
|
|
9
|
-
s as useValueRef
|
|
1
|
+
import { useEffect as e, useRef as t } from "react";
|
|
2
|
+
//#region src/hooks/useValueRef.ts
|
|
3
|
+
var n = (n) => {
|
|
4
|
+
let r = t(n);
|
|
5
|
+
return e(() => {
|
|
6
|
+
r.current = n;
|
|
7
|
+
}, [n]), r;
|
|
10
8
|
};
|
|
9
|
+
//#endregion
|
|
10
|
+
export { n as useValueRef };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require("./useDidMount.cjs");var t=t=>{e.useDidMount(()=>t)};exports.useWillUnmount=t;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useDidMount as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export {
|
|
6
|
-
r as useWillUnmount
|
|
1
|
+
import { useDidMount as e } from "./useDidMount.js";
|
|
2
|
+
//#region src/hooks/useWillUnmount.ts
|
|
3
|
+
var t = (t) => {
|
|
4
|
+
e(() => t);
|
|
7
5
|
};
|
|
6
|
+
//#endregion
|
|
7
|
+
export { t as useWillUnmount };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
let e=require("react"),t=require("@aliexme/js-utils");var n=(n={})=>{let{throttleDelay:r=100}=n,[i,a]=(0,e.useState)({width:typeof window<`u`?window.innerWidth:0,height:typeof window<`u`?window.innerHeight:0});return(0,e.useEffect)(()=>{if(typeof window>`u`)return;let e=(0,t.throttle)(()=>{a(e=>e.width===window.innerWidth&&e.height===window.innerHeight?e:{width:window.innerWidth,height:window.innerHeight})},r,{withTrailing:!0});return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[r]),i};exports.useWindowSize=n;
|
|
@@ -1,30 +1,23 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { throttle as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
{ withTrailing: !0 }
|
|
22
|
-
);
|
|
23
|
-
return window.addEventListener("resize", n), () => {
|
|
24
|
-
window.removeEventListener("resize", n);
|
|
25
|
-
};
|
|
26
|
-
}, [i]), w;
|
|
27
|
-
};
|
|
28
|
-
export {
|
|
29
|
-
u as useWindowSize
|
|
1
|
+
import { useEffect as e, useState as t } from "react";
|
|
2
|
+
import { throttle as n } from "@aliexme/js-utils";
|
|
3
|
+
//#region src/hooks/useWindowSize.ts
|
|
4
|
+
var r = (r = {}) => {
|
|
5
|
+
let { throttleDelay: i = 100 } = r, [a, o] = t({
|
|
6
|
+
width: typeof window < "u" ? window.innerWidth : 0,
|
|
7
|
+
height: typeof window < "u" ? window.innerHeight : 0
|
|
8
|
+
});
|
|
9
|
+
return e(() => {
|
|
10
|
+
if (typeof window > "u") return;
|
|
11
|
+
let e = n(() => {
|
|
12
|
+
o((e) => e.width === window.innerWidth && e.height === window.innerHeight ? e : {
|
|
13
|
+
width: window.innerWidth,
|
|
14
|
+
height: window.innerHeight
|
|
15
|
+
});
|
|
16
|
+
}, i, { withTrailing: !0 });
|
|
17
|
+
return window.addEventListener("resize", e), () => {
|
|
18
|
+
window.removeEventListener("resize", e);
|
|
19
|
+
};
|
|
20
|
+
}, [i]), a;
|
|
30
21
|
};
|
|
22
|
+
//#endregion
|
|
23
|
+
export { r as useWindowSize };
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/Maybe/Maybe.cjs"),t=require("./hooks/useValueRef.cjs"),n=require("./hooks/useDerivedState.cjs"),r=require("./hooks/useDidMount.cjs"),i=require("./hooks/useEventListener.cjs"),a=require("./hooks/useIsMounted.cjs"),o=require("./hooks/useIsMountedRef.cjs"),s=require("./hooks/useIsomorphicLayoutEffect.cjs"),c=require("./hooks/usePrevious.cjs"),l=require("./hooks/useWillUnmount.cjs"),u=require("./hooks/useWindowSize.cjs");exports.Maybe=e.Maybe,exports.useDerivedState=n.useDerivedState,exports.useDidMount=r.useDidMount,exports.useEventListener=i.useEventListener,exports.useIsMounted=a.useIsMounted,exports.useIsMountedRef=o.useIsMountedRef,exports.useIsomorphicLayoutEffect=s.useIsomorphicLayoutEffect,exports.usePrevious=c.usePrevious,exports.useValueRef=t.useValueRef,exports.useWillUnmount=l.useWillUnmount,exports.useWindowSize=u.useWindowSize;
|
package/dist/index.js
CHANGED
|
@@ -1,28 +1,12 @@
|
|
|
1
|
-
import { Maybe as
|
|
2
|
-
import {
|
|
3
|
-
import { useDerivedState as
|
|
4
|
-
import { useDidMount as
|
|
5
|
-
import { useEventListener as
|
|
1
|
+
import { Maybe as e } from "./components/Maybe/Maybe.js";
|
|
2
|
+
import { useValueRef as t } from "./hooks/useValueRef.js";
|
|
3
|
+
import { useDerivedState as n } from "./hooks/useDerivedState.js";
|
|
4
|
+
import { useDidMount as r } from "./hooks/useDidMount.js";
|
|
5
|
+
import { useEventListener as i } from "./hooks/useEventListener.js";
|
|
6
6
|
import { useIsMounted as a } from "./hooks/useIsMounted.js";
|
|
7
|
-
import { useIsMountedRef as
|
|
8
|
-
import { useIsomorphicLayoutEffect as
|
|
9
|
-
import { usePrevious as
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
|
|
13
|
-
import { useWindowSize as W } from "./hooks/useWindowSize.js";
|
|
14
|
-
export {
|
|
15
|
-
r as Maybe,
|
|
16
|
-
u as useComponentSize,
|
|
17
|
-
s as useDerivedState,
|
|
18
|
-
p as useDidMount,
|
|
19
|
-
n as useEventListener,
|
|
20
|
-
a as useIsMounted,
|
|
21
|
-
S as useIsMountedRef,
|
|
22
|
-
v as useIsomorphicLayoutEffect,
|
|
23
|
-
I as usePrevious,
|
|
24
|
-
y as useSlaveState,
|
|
25
|
-
D as useValueRef,
|
|
26
|
-
L as useWillUnmount,
|
|
27
|
-
W as useWindowSize
|
|
28
|
-
};
|
|
7
|
+
import { useIsMountedRef as o } from "./hooks/useIsMountedRef.js";
|
|
8
|
+
import { useIsomorphicLayoutEffect as s } from "./hooks/useIsomorphicLayoutEffect.js";
|
|
9
|
+
import { usePrevious as c } from "./hooks/usePrevious.js";
|
|
10
|
+
import { useWillUnmount as l } from "./hooks/useWillUnmount.js";
|
|
11
|
+
import { useWindowSize as u } from "./hooks/useWindowSize.js";
|
|
12
|
+
export { e as Maybe, n as useDerivedState, r as useDidMount, i as useEventListener, a as useIsMounted, o as useIsMountedRef, s as useIsomorphicLayoutEffect, c as usePrevious, t as useValueRef, l as useWillUnmount, u as useWindowSize };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aliexme/react-utils",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "React utilities",
|
|
6
6
|
"homepage": "https://github.com/aliexme/web-shared/tree/main/packages/react-utils",
|
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
"@aliexme/js-utils": "^2.4.1"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@types/react": "19.2.
|
|
37
|
-
"@vitejs/plugin-react": "
|
|
38
|
-
"react": "19.2.
|
|
36
|
+
"@types/react": "19.2.17",
|
|
37
|
+
"@vitejs/plugin-react": "6.0.3",
|
|
38
|
+
"react": "19.2.7"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"react": "^19.0.0"
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"publishConfig": {
|
|
44
44
|
"access": "public"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "d05a486907e496c751ded7c4ca0dd16c02a214ca"
|
|
47
47
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),g=require("./useValueRef.cjs"),a=t=>({width:t?.offsetWidth??0,height:t?.offsetHeight??0}),S=(t={})=>{const{ref:l,enabled:s=!0,manual:o=!1,onResize:d}=t,h=r.useRef(null),e=l??h,i=g.useValueRef(d),[u,z]=r.useState(()=>a(e.current)),c=r.useCallback(n=>{const R=n[0],f=a(e.current);o||z(f),i.current?.(f,R)},[e,o,i]);return r.useEffect(()=>{if(typeof window>"u"||!s||!e.current)return;const n=new ResizeObserver(c);return n.observe(e.current),()=>{n.disconnect()}},[s,e,c]),{ref:e,width:u.width,height:u.height}};exports.useComponentSize=S;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { RefObject } from 'react';
|
|
2
|
-
export interface ComponentSize {
|
|
3
|
-
width: number;
|
|
4
|
-
height: number;
|
|
5
|
-
}
|
|
6
|
-
export interface UseComponentSizeOptions<T extends HTMLElement = HTMLElement> {
|
|
7
|
-
ref?: RefObject<T | null>;
|
|
8
|
-
enabled?: boolean;
|
|
9
|
-
manual?: boolean;
|
|
10
|
-
onResize?(size: ComponentSize, entry: ResizeObserverEntry): void;
|
|
11
|
-
}
|
|
12
|
-
export declare const useComponentSize: <T extends HTMLElement = HTMLElement>(options?: UseComponentSizeOptions) => {
|
|
13
|
-
ref: RefObject<HTMLElement | null>;
|
|
14
|
-
width: number;
|
|
15
|
-
height: number;
|
|
16
|
-
};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { useRef as l, useState as p, useCallback as g, useEffect as m } from "react";
|
|
2
|
-
import { useValueRef as w } from "./useValueRef.js";
|
|
3
|
-
const u = (t) => ({
|
|
4
|
-
width: t?.offsetWidth ?? 0,
|
|
5
|
-
height: t?.offsetHeight ?? 0
|
|
6
|
-
}), v = (t = {}) => {
|
|
7
|
-
const { ref: h, enabled: r = !0, manual: s = !1, onResize: a } = t, d = l(null), e = h ?? d, o = w(a), [i, z] = p(() => u(e.current)), f = g(
|
|
8
|
-
(n) => {
|
|
9
|
-
const R = n[0], c = u(e.current);
|
|
10
|
-
s || z(c), o.current?.(c, R);
|
|
11
|
-
},
|
|
12
|
-
[e, s, o]
|
|
13
|
-
);
|
|
14
|
-
return m(() => {
|
|
15
|
-
if (typeof window > "u" || !r || !e.current)
|
|
16
|
-
return;
|
|
17
|
-
const n = new ResizeObserver(f);
|
|
18
|
-
return n.observe(e.current), () => {
|
|
19
|
-
n.disconnect();
|
|
20
|
-
};
|
|
21
|
-
}, [r, e, f]), {
|
|
22
|
-
ref: e,
|
|
23
|
-
width: i.width,
|
|
24
|
-
height: i.height
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
export {
|
|
28
|
-
v as useComponentSize
|
|
29
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=e=>{const[u,t]=s.useState(e);return s.useEffect(()=>{t(e)},[e]),[u,t]};exports.useSlaveState=a;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useSlaveState: <T>(masterState: T) => readonly [T, import('react').Dispatch<import('react').SetStateAction<T>>];
|