@aliexme/react-utils 2.0.2 → 2.1.1

package/dist/components/Maybe/Maybe.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=n=>{const{when:r,component:c,orElse:l=React.createElement(e.Fragment,null),children:t}=n;return r?e.cloneElement(c,{children:t}):e.cloneElement(l,{children:t})};exports.Maybe=o;
+"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/components/Maybe/Maybe.js

@@ -1,8 +1,9 @@
-import { cloneElement as n, Fragment as l } from "react";
-const a = (t) => {
-  const { when: r, component: o, orElse: c = /* @__PURE__ */ React.createElement(l, null), children: e } = t;
-  return r ? n(o, { children: e }) : n(c, { children: e });
+import { jsx as c } from "react/jsx-runtime";
+import { cloneElement as r, Fragment as i } 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 {
-  a as Maybe
+  s as Maybe
 };

package/dist/hooks/index.d.ts

@@ -1,6 +1,10 @@
 export * from './useIsomorphicLayoutEffect';
 export * from './useDidMount';
 export * from './useWillUnmount';
+export * from './useIsMounted';
+export * from './useIsMountedRef';
 export * from './useValueRef';
 export * from './usePrevious';
+export * from './useDerivedState';
+export * from './useEventListener';
 export * from './useWindowSize';

package/dist/hooks/useDerivedState.cjs

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

package/dist/hooks/useDerivedState.d.ts

@@ -0,0 +1,6 @@
+export interface UseDerivedStateParams<T> {
+    value: T | undefined;
+    initialValue: T;
+    onChange?(value: T): void;
+}
+export declare const useDerivedState: <T>(params: UseDerivedStateParams<T>) => readonly [T, (newValue: T) => void];

package/dist/hooks/useDerivedState.js

@@ -0,0 +1,12 @@
+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);
+  }, []);
+  return [c, i];
+};
+export {
+  S as useDerivedState
+};

package/dist/hooks/useEventListener.cjs

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

@@ -0,0 +1,4 @@
+export interface UseEventListenerOptions extends AddEventListenerOptions {
+    enabled?: boolean;
+}
+export declare const useEventListener: (target: EventTarget, type: string, listener: EventListenerOrEventListenerObject, options?: UseEventListenerOptions) => void;

package/dist/hooks/useEventListener.js

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

package/dist/hooks/useIsMounted.cjs

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

@@ -0,0 +1 @@
+export declare const useIsMounted: () => boolean;

package/dist/hooks/useIsMounted.js

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

package/dist/hooks/useIsMountedRef.cjs

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

@@ -0,0 +1 @@
+export declare const useIsMountedRef: () => import('react').MutableRefObject<boolean>;

package/dist/hooks/useIsMountedRef.js

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

package/dist/hooks/usePrevious.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./useValueRef.cjs"),r=e=>u.useValueRef(e).current;exports.usePrevious=r;
+"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/usePrevious.js

@@ -1,5 +1,8 @@
-import { useValueRef as r } from "./useValueRef.js";
-const t = (e) => r(e).current;
+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 {
-  t as usePrevious
+  o as usePrevious
 };

package/dist/index.cjs

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

package/dist/index.js

@@ -1,16 +1,24 @@
 import { Maybe as r } from "./components/Maybe/Maybe.js";
 import { useIsomorphicLayoutEffect as u } from "./hooks/useIsomorphicLayoutEffect.js";
-import { useDidMount as m } from "./hooks/useDidMount.js";
-import { useWillUnmount as s } from "./hooks/useWillUnmount.js";
-import { useValueRef as i } from "./hooks/useValueRef.js";
-import { usePrevious as a } from "./hooks/usePrevious.js";
-import { useWindowSize as c } from "./hooks/useWindowSize.js";
+import { useDidMount as s } from "./hooks/useDidMount.js";
+import { useWillUnmount as p } from "./hooks/useWillUnmount.js";
+import { useIsMounted as i } from "./hooks/useIsMounted.js";
+import { useIsMountedRef as d } from "./hooks/useIsMountedRef.js";
+import { useValueRef as M } from "./hooks/useValueRef.js";
+import { usePrevious as v } from "./hooks/usePrevious.js";
+import { useDerivedState as c } from "./hooks/useDerivedState.js";
+import { useEventListener as D } from "./hooks/useEventListener.js";
+import { useWindowSize as L } from "./hooks/useWindowSize.js";
 export {
   r as Maybe,
-  m as useDidMount,
+  c as useDerivedState,
+  s as useDidMount,
+  D as useEventListener,
+  i as useIsMounted,
+  d as useIsMountedRef,
   u as useIsomorphicLayoutEffect,
-  a as usePrevious,
-  i as useValueRef,
-  s as useWillUnmount,
-  c as useWindowSize
+  v as usePrevious,
+  M as useValueRef,
+  p as useWillUnmount,
+  L as useWindowSize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aliexme/react-utils",
-  "version": "2.0.2",
+  "version": "2.1.1",
   "description": "React utilities",
   "private": false,
   "author": "Alexander Smirnov <al.smirnov996@gmail.com>",
@@ -37,10 +37,11 @@
   },
   "devDependencies": {
     "@types/react": "18.3.11",
+    "@vitejs/plugin-react": "4.3.4",
     "react": "18.3.1"
   },
   "peerDependencies": {
     "react": "^18.0.0"
   },
-  "gitHead": "c2cd72ec12f990b4c5928ab949c815419d7c4ccc"
+  "gitHead": "9ae510e4b3200d033bd3e2d0e4016ff323b553c3"
 }