@aliexme/react-utils 3.2.3 → 5.0.0

package/dist/components/Maybe/Maybe.js

@@ -1,9 +1,9 @@
-import { jsx as c } from "react/jsx-runtime";
-import { Fragment as i, cloneElement as r } from "react";
-const s = (n) => {
-  const { when: o, component: t, orElse: m = /* @__PURE__ */ c(i, {}), children: e } = n;
-  return o ? r(t, { children: e }) : r(m, { children: e });
-};
-export {
-  s as Maybe
+import { Fragment as e, cloneElement as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Maybe/Maybe.tsx
+var r = (r) => {
+	let { when: i, component: a, orElse: o = /* @__PURE__ */ n(e, {}), children: s } = r;
+	return t(i ? a : o, { children: s });
 };
+//#endregion
+export { r as Maybe };

package/dist/hooks/index.d.ts

@@ -1,4 +1,3 @@
-export * from './useComponentSize';
 export * from './useDerivedState';
 export * from './useDidMount';
 export * from './useEventListener';
@@ -6,7 +5,6 @@ export * from './useIsMounted';
 export * from './useIsMountedRef';
 export * from './useIsomorphicLayoutEffect';
 export * from './usePrevious';
-export * from './useSlaveState';
 export * from './useValueRef';
 export * from './useWillUnmount';
 export * from './useWindowSize';

package/dist/hooks/useDerivedState.js

@@ -1,11 +1,11 @@
-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 [l, p];
-};
-export {
-  h as useDerivedState
+import { useValueRef as e } from "./useValueRef.js";
+import { useCallback as t, useState as n } from "react";
+//#region src/hooks/useDerivedState.ts
+var r = (r) => {
+	let { value: i, initialValue: a, onChange: o } = r, [s, c] = n(i ?? a), l = e(o);
+	return [i === void 0 ? s : i, t((e) => {
+		l.current?.(e), c(e);
+	}, [])];
 };
+//#endregion
+export { r as useDerivedState };

package/dist/hooks/useDidMount.js

@@ -1,7 +1,7 @@
-import { useEffect as t } from "react";
-const f = (o) => {
-  t(o, []);
-};
-export {
-  f as useDidMount
+import { useEffect as e } from "react";
+//#region src/hooks/useDidMount.ts
+var t = (t) => {
+	e(t, []);
 };
+//#endregion
+export { t as useDidMount };

package/dist/hooks/useEventListener.js

@@ -1,13 +1,17 @@
-import { useEffect as i } from "react";
-const f = (e, n, r, s = {}) => {
-  const { enabled: t = !0, ...o } = s;
-  i(() => {
-    if (t)
-      return e.addEventListener(n, r, o), () => {
-        e.removeEventListener(n, r, o);
-      };
-  }, [e, n, r, t]);
-};
-export {
-  f as useEventListener
+import { useEffect as e } from "react";
+//#region src/hooks/useEventListener.ts
+var t = (t, n, r, i = {}) => {
+	let { enabled: a = !0, ...o } = i;
+	e(() => {
+		if (a) return t.addEventListener(n, r, o), () => {
+			t.removeEventListener(n, r, o);
+		};
+	}, [
+		t,
+		n,
+		r,
+		a
+	]);
 };
+//#endregion
+export { t as useEventListener };

package/dist/hooks/useIsMounted.js

@@ -1,11 +1,11 @@
-import { useState as o } from "react";
-import { useDidMount as s } from "./useDidMount.js";
-const n = () => {
-  const [t, e] = o(!1);
-  return s(() => {
-    e(!0);
-  }), t;
-};
-export {
-  n as useIsMounted
+import { useDidMount as e } from "./useDidMount.js";
+import { useState as t } from "react";
+//#region src/hooks/useIsMounted.ts
+var n = () => {
+	let [n, r] = t(!1);
+	return e(() => {
+		r(!0);
+	}), n;
 };
+//#endregion
+export { n as useIsMounted };

package/dist/hooks/useIsMountedRef.js

@@ -1,11 +1,11 @@
+import { useDidMount as e } from "./useDidMount.js";
 import { useRef as t } from "react";
-import { useDidMount as o } from "./useDidMount.js";
-const s = () => {
-  const e = t(!1);
-  return o(() => {
-    e.current = !0;
-  }), e;
-};
-export {
-  s as useIsMountedRef
+//#region src/hooks/useIsMountedRef.ts
+var n = () => {
+	let n = t(!1);
+	return e(() => {
+		n.current = !0;
+	}), n;
 };
+//#endregion
+export { n as useIsMountedRef };

package/dist/hooks/useIsomorphicLayoutEffect.js

@@ -1,5 +1,5 @@
-import { useLayoutEffect as e, useEffect as o } from "react";
-const t = typeof window < "u" ? e : o;
-export {
-  t as useIsomorphicLayoutEffect
-};
+import { useEffect as e, useLayoutEffect as t } from "react";
+//#region src/hooks/useIsomorphicLayoutEffect.ts
+var n = typeof window < "u" ? t : e;
+//#endregion
+export { n as useIsomorphicLayoutEffect };

package/dist/hooks/usePrevious.js

@@ -1,8 +1,8 @@
-import { useRef as n } from "react";
-const o = (r) => {
-  const e = n(r), t = n(r);
-  return e.current !== r && (t.current = e.current, e.current = r), t.current;
-};
-export {
-  o as usePrevious
+import { useRef as e } from "react";
+//#region src/hooks/usePrevious.ts
+var t = (t) => {
+	let n = e(t), r = e(t);
+	return n.current !== t && (r.current = n.current, n.current = t), r.current;
 };
+//#endregion
+export { t as usePrevious };

package/dist/hooks/useValueRef.js

@@ -1,10 +1,10 @@
-import { useRef as t, useEffect as f } from "react";
-const s = (e) => {
-  const r = t(e);
-  return f(() => {
-    r.current = e;
-  }, [e]), r;
-};
-export {
-  s as useValueRef
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useValueRef.ts
+var n = (n) => {
+	let r = t(n);
+	return e(() => {
+		r.current = n;
+	}, [n]), r;
 };
+//#endregion
+export { n as useValueRef };

package/dist/hooks/useWillUnmount.js

@@ -1,7 +1,7 @@
-import { useDidMount as t } from "./useDidMount.js";
-const r = (o) => {
-  t(() => o);
-};
-export {
-  r as useWillUnmount
+import { useDidMount as e } from "./useDidMount.js";
+//#region src/hooks/useWillUnmount.ts
+var t = (t) => {
+	e(() => t);
 };
+//#endregion
+export { t as useWillUnmount };

package/dist/hooks/useWindowSize.js

@@ -1,30 +1,23 @@
-import { useState as o, useEffect as r } from "react";
-import { throttle as h } from "@aliexme/js-utils";
-const u = (t = {}) => {
-  const { throttleDelay: i = 100 } = t, [w, d] = o({
-    width: typeof window < "u" ? window.innerWidth : 0,
-    height: typeof window < "u" ? window.innerHeight : 0
-  });
-  return r(() => {
-    if (typeof window > "u")
-      return;
-    const n = h(
-      () => {
-        d(
-          (e) => e.width === window.innerWidth && e.height === window.innerHeight ? e : {
-            width: window.innerWidth,
-            height: window.innerHeight
-          }
-        );
-      },
-      i,
-      { withTrailing: !0 }
-    );
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n);
-    };
-  }, [i]), w;
-};
-export {
-  u as useWindowSize
+import { useEffect as e, useState as t } from "react";
+import { throttle as n } from "@aliexme/js-utils";
+//#region src/hooks/useWindowSize.ts
+var r = (r = {}) => {
+	let { throttleDelay: i = 100 } = r, [a, o] = t({
+		width: typeof window < "u" ? window.innerWidth : 0,
+		height: typeof window < "u" ? window.innerHeight : 0
+	});
+	return e(() => {
+		if (typeof window > "u") return;
+		let e = n(() => {
+			o((e) => e.width === window.innerWidth && e.height === window.innerHeight ? e : {
+				width: window.innerWidth,
+				height: window.innerHeight
+			});
+		}, i, { withTrailing: !0 });
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [i]), a;
 };
+//#endregion
+export { r as useWindowSize };

package/dist/index.js

@@ -1,28 +1,12 @@
-import { Maybe as r } from "./components/Maybe/Maybe.js";
-import { useComponentSize as u } from "./hooks/useComponentSize.js";
-import { useDerivedState as s } from "./hooks/useDerivedState.js";
-import { useDidMount as p } from "./hooks/useDidMount.js";
-import { useEventListener as n } from "./hooks/useEventListener.js";
+import { Maybe as e } from "./components/Maybe/Maybe.js";
+import { useValueRef as t } from "./hooks/useValueRef.js";
+import { useDerivedState as n } from "./hooks/useDerivedState.js";
+import { useDidMount as r } from "./hooks/useDidMount.js";
+import { useEventListener as i } from "./hooks/useEventListener.js";
 import { useIsMounted as a } from "./hooks/useIsMounted.js";
-import { useIsMountedRef as S } from "./hooks/useIsMountedRef.js";
-import { useIsomorphicLayoutEffect as v } from "./hooks/useIsomorphicLayoutEffect.js";
-import { usePrevious as I } from "./hooks/usePrevious.js";
-import { useSlaveState as y } from "./hooks/useSlaveState.js";
-import { useValueRef as D } from "./hooks/useValueRef.js";
-import { useWillUnmount as L } from "./hooks/useWillUnmount.js";
-import { useWindowSize as W } from "./hooks/useWindowSize.js";
-export {
-  r as Maybe,
-  u as useComponentSize,
-  s as useDerivedState,
-  p as useDidMount,
-  n as useEventListener,
-  a as useIsMounted,
-  S as useIsMountedRef,
-  v as useIsomorphicLayoutEffect,
-  I as usePrevious,
-  y as useSlaveState,
-  D as useValueRef,
-  L as useWillUnmount,
-  W as useWindowSize
-};
+import { useIsMountedRef as o } from "./hooks/useIsMountedRef.js";
+import { useIsomorphicLayoutEffect as s } from "./hooks/useIsomorphicLayoutEffect.js";
+import { usePrevious as c } from "./hooks/usePrevious.js";
+import { useWillUnmount as l } from "./hooks/useWillUnmount.js";
+import { useWindowSize as u } from "./hooks/useWindowSize.js";
+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

@@ -1,6 +1,6 @@
 {
   "name": "@aliexme/react-utils",
-  "version": "3.2.3",
+  "version": "5.0.0",
   "private": false,
   "description": "React utilities",
   "homepage": "https://github.com/aliexme/web-shared/tree/main/packages/react-utils",
@@ -14,12 +14,9 @@
   "sideEffects": false,
   "type": "module",
   "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
+    ".": "./dist/index.js"
   },
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -33,9 +30,9 @@
     "@aliexme/js-utils": "^2.4.1"
   },
   "devDependencies": {
-    "@types/react": "19.2.14",
-    "@vitejs/plugin-react": "5.2.0",
-    "react": "19.2.4"
+    "@types/react": "19.2.17",
+    "@vitejs/plugin-react": "6.0.3",
+    "react": "19.2.7"
   },
   "peerDependencies": {
     "react": "^19.0.0"
@@ -43,5 +40,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cefbac0302fa4ec3f19a2a1e038b42d8f1ae23c8"
+  "gitHead": "c32af348e1669e9dca51811a810abff6ba7de279"
 }

package/dist/components/Maybe/Maybe.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),e=require("react"),s=t=>{const{when:r,component:o,orElse:c=l.jsx(e.Fragment,{}),children:n}=t;return r?e.cloneElement(o,{children:n}):e.cloneElement(c,{children:n})};exports.Maybe=s;

package/dist/hooks/useComponentSize.cjs

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,16 +0,0 @@
-import { RefObject } from 'react';
-export interface ComponentSize {
-    width: number;
-    height: number;
-}
-export interface UseComponentSizeOptions<T extends HTMLElement = HTMLElement> {
-    ref?: RefObject<T | null>;
-    enabled?: boolean;
-    manual?: boolean;
-    onResize?(size: ComponentSize, entry: ResizeObserverEntry): void;
-}
-export declare const useComponentSize: <T extends HTMLElement = HTMLElement>(options?: UseComponentSizeOptions) => {
-    ref: RefObject<HTMLElement | null>;
-    width: number;
-    height: number;
-};

package/dist/hooks/useComponentSize.js

@@ -1,29 +0,0 @@
-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);
-    },
-    [e, s, o]
-  );
-  return m(() => {
-    if (typeof window > "u" || !r || !e.current)
-      return;
-    const n = new ResizeObserver(f);
-    return n.observe(e.current), () => {
-      n.disconnect();
-    };
-  }, [r, e, f]), {
-    ref: e,
-    width: i.width,
-    height: i.height
-  };
-};
-export {
-  v as useComponentSize
-};

package/dist/hooks/useDerivedState.cjs

@@ -1 +0,0 @@
-"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/useDidMount.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=e=>{t.useEffect(e,[])};exports.useDidMount=u;

package/dist/hooks/useEventListener.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),o=(e,n,t,u={})=>{const{enabled:r=!0,...s}=u;i.useEffect(()=>{if(r)return e.addEventListener(n,t,s),()=>{e.removeEventListener(n,t,s)}},[e,n,t,r])};exports.useEventListener=o;

package/dist/hooks/useIsMounted.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=require("./useDidMount.cjs"),o=()=>{const[e,t]=u.useState(!1);return s.useDidMount(()=>{t(!0)}),e};exports.useIsMounted=o;

package/dist/hooks/useIsMountedRef.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./useDidMount.cjs"),s=()=>{const e=t.useRef(!1);return u.useDidMount(()=>{e.current=!0}),e};exports.useIsMountedRef=s;

package/dist/hooks/useIsomorphicLayoutEffect.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof window<"u"?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=t;

package/dist/hooks/usePrevious.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=e=>{const r=u.useRef(e),t=u.useRef(e);return r.current!==e&&(t.current=r.current,r.current=e),t.current};exports.usePrevious=c;

package/dist/hooks/useSlaveState.cjs

@@ -1 +0,0 @@
-"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;

package/dist/hooks/useSlaveState.d.ts

@@ -1 +0,0 @@
-export declare const useSlaveState: <T>(masterState: T) => readonly [T, import('react').Dispatch<import('react').SetStateAction<T>>];

package/dist/hooks/useSlaveState.js

@@ -1,10 +0,0 @@
-import { useState as s, useEffect as u } from "react";
-const a = (e) => {
-  const [o, t] = s(e);
-  return u(() => {
-    t(e);
-  }, [e]), [o, t];
-};
-export {
-  a as useSlaveState
-};

package/dist/hooks/useValueRef.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),u=e=>{const t=r.useRef(e);return r.useEffect(()=>{t.current=e},[e]),t};exports.useValueRef=u;

package/dist/hooks/useWillUnmount.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./useDidMount.cjs"),u=e=>{t.useDidMount(()=>e)};exports.useWillUnmount=u;

package/dist/hooks/useWindowSize.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("@aliexme/js-utils"),s=(d={})=>{const{throttleDelay:i=100}=d,[o,w]=t.useState({width:typeof window<"u"?window.innerWidth:0,height:typeof window<"u"?window.innerHeight:0});return t.useEffect(()=>{if(typeof window>"u")return;const n=r.throttle(()=>{w(e=>e.width===window.innerWidth&&e.height===window.innerHeight?e:{width:window.innerWidth,height:window.innerHeight})},i,{withTrailing:!0});return window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}},[i]),o};exports.useWindowSize=s;

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Maybe/Maybe.cjs"),u=require("./hooks/useComponentSize.cjs"),s=require("./hooks/useDerivedState.cjs"),t=require("./hooks/useDidMount.cjs"),o=require("./hooks/useEventListener.cjs"),n=require("./hooks/useIsMounted.cjs"),i=require("./hooks/useIsMountedRef.cjs"),r=require("./hooks/useIsomorphicLayoutEffect.cjs"),c=require("./hooks/usePrevious.cjs"),a=require("./hooks/useSlaveState.cjs"),d=require("./hooks/useValueRef.cjs"),S=require("./hooks/useWillUnmount.cjs"),l=require("./hooks/useWindowSize.cjs");exports.Maybe=e.Maybe;exports.useComponentSize=u.useComponentSize;exports.useDerivedState=s.useDerivedState;exports.useDidMount=t.useDidMount;exports.useEventListener=o.useEventListener;exports.useIsMounted=n.useIsMounted;exports.useIsMountedRef=i.useIsMountedRef;exports.useIsomorphicLayoutEffect=r.useIsomorphicLayoutEffect;exports.usePrevious=c.usePrevious;exports.useSlaveState=a.useSlaveState;exports.useValueRef=d.useValueRef;exports.useWillUnmount=S.useWillUnmount;exports.useWindowSize=l.useWindowSize;