@aliexme/react-utils 3.0.1 → 3.1.0

package/dist/hooks/useComponentSize.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),p=require("./useValueRef.cjs"),d=e=>({width:(e==null?void 0:e.offsetWidth)??0,height:(e==null?void 0:e.offsetHeight)??0}),R=(e={})=>{const{ref:h,enabled:o=!0,manual:i=!1,onResize:z}=e,S=r.useRef(null),n=h??S,t=p.useValueRef(z),[u,a]=r.useState(()=>d(n.current)),c=r.useCallback(s=>{var l;const b=s[0],f=d(n.current);i||a(f),(l=t.current)==null||l.call(t,f,b)},[n,i,t]);return r.useEffect(()=>{if(typeof window>"u"||!o||!n.current)return;const s=new ResizeObserver(c);return s.observe(n.current),()=>{s.disconnect()}},[o,n,c]),{ref:n,width:u.width,height:u.height}};exports.useComponentSize=R;
+"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;

package/dist/hooks/useComponentSize.js

@@ -1,30 +1,29 @@
-import { useRef as w, useState as R, useCallback as b, useEffect as S } from "react";
-import { useValueRef as a } from "./useValueRef.js";
-const h = (e) => ({
-  width: (e == null ? void 0 : e.offsetWidth) ?? 0,
-  height: (e == null ? void 0 : e.offsetHeight) ?? 0
-}), C = (e = {}) => {
-  const { ref: d, enabled: s = !0, manual: o = !1, onResize: l } = e, p = w(null), n = d ?? p, t = a(l), [i, z] = R(() => h(n.current)), c = b(
-    (r) => {
-      var f;
-      const m = r[0], u = h(n.current);
-      o || z(u), (f = t.current) == null || f.call(t, u, m);
+import { useRef as l, useState as p, useCallback as g, useEffect as m } from "react";
+import { useValueRef as w } from "./useValueRef.js";
+const u = (t) => ({
+  width: t?.offsetWidth ?? 0,
+  height: t?.offsetHeight ?? 0
+}), v = (t = {}) => {
+  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(
+    (n) => {
+      const R = n[0], c = u(e.current);
+      s || z(c), o.current?.(c, R);
     },
-    [n, o, t]
+    [e, s, o]
   );
-  return S(() => {
-    if (typeof window > "u" || !s || !n.current)
+  return m(() => {
+    if (typeof window > "u" || !r || !e.current)
       return;
-    const r = new ResizeObserver(c);
-    return r.observe(n.current), () => {
-      r.disconnect();
+    const n = new ResizeObserver(f);
+    return n.observe(e.current), () => {
+      n.disconnect();
     };
-  }, [s, n, c]), {
-    ref: n,
+  }, [r, e, f]), {
+    ref: e,
     width: i.width,
     height: i.height
   };
 };
 export {
-  C as useComponentSize
+  v as useComponentSize
 };

package/dist/hooks/useDerivedState.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),S=require("./useValueRef.cjs"),d=n=>{const{value:e,initialValue:o,onChange:r}=n,[c,l]=s.useState(e??o),t=S.useValueRef(r),i=e!==void 0?e:c,v=s.useCallback(a=>{var u;(u=t.current)==null||u.call(t,a),l(a)},[]);return[i,v]};exports.useDerivedState=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),p=require("./useValueRef.cjs"),g=n=>{const{value:e,initialValue:u,onChange:o}=n,[r,s]=a.useState(e??u),c=p.useValueRef(o),l=e!==void 0?e:r,i=a.useCallback(t=>{c.current?.(t),s(t)},[]);return[l,i]};exports.useDerivedState=g;

package/dist/hooks/useDerivedState.js

@@ -1,12 +1,11 @@
-import { useState as p, useCallback as m } from "react";
-import { useValueRef as v } from "./useValueRef.js";
-const S = (n) => {
-  const { value: e, initialValue: s, onChange: u } = n, [r, l] = p(e ?? s), t = v(u), c = e !== void 0 ? e : r, i = m((a) => {
-    var o;
-    (o = t.current) == null || o.call(t, a), l(a);
+import { useState as c, useCallback as i } from "react";
+import { useValueRef as C } from "./useValueRef.js";
+const h = (a) => {
+  const { value: e, initialValue: o, onChange: n } = a, [r, s] = c(e ?? o), u = C(n), l = e !== void 0 ? e : r, p = i((t) => {
+    u.current?.(t), s(t);
   }, []);
-  return [c, i];
+  return [l, p];
 };
 export {
-  S as useDerivedState
+  h as useDerivedState
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aliexme/react-utils",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "private": false,
   "description": "React utilities",
   "homepage": "https://github.com/aliexme/web-shared/tree/main/packages/react-utils",
@@ -30,12 +30,12 @@
     "ts:check": "tsc --noEmit"
   },
   "dependencies": {
-    "@aliexme/js-utils": "^2.3.1"
+    "@aliexme/js-utils": "^2.4.0"
   },
   "devDependencies": {
-    "@types/react": "19.1.8",
-    "@vitejs/plugin-react": "4.5.2",
-    "react": "19.1.0"
+    "@types/react": "19.1.12",
+    "@vitejs/plugin-react": "5.0.2",
+    "react": "19.1.1"
   },
   "peerDependencies": {
     "react": "^19.0.0"
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b0b64c6bea3f7d5a2dcf2db3372b4ba29025d0bc"
+  "gitHead": "73fd109626f172b3682864fabf470f5367ecaaee"
 }