@pushwoosh/kit-helpers 4.16.0 → 4.16.2

package/expand.js

@@ -1,4 +1,3 @@
-import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
@@ -64,9 +63,9 @@ export const Collapse = ({
   ...rest
 }) => _jsx(TransitionGroup, {
   component: null,
-  children: expanded && _createElement(CollapseTransition, {
+  children: expanded && _jsx(CollapseTransition, {
     ...rest,
     externalClassName: className,
-    key: 0
-  }, typeof children === 'function' ? children() : children)
+    children: typeof children === 'function' ? children() : children
+  }, 0)
 });

package/hooks/usePersistentFunction.js

@@ -1,4 +1,4 @@
-import { useInsertionEffect, useRef } from 'react';
+import { useInsertionEffect, useRef, useState } from 'react';
 /**
  * Creates a stable function reference that always calls the latest version of a callback.
  *
@@ -63,17 +63,10 @@ import { useInsertionEffect, useRef } from 'react';
  * };
  */
 export default function usePersistentFunction(callback) {
-  const holderRef = useRef(null);
-  if (holderRef.current === null) {
-    const created = {
-      latest: callback,
-      fn: (...args) => created.latest(...args)
-    };
-    holderRef.current = created;
-  }
-  const holder = holderRef.current;
+  const latestRef = useRef(callback);
   useInsertionEffect(() => {
-    holder.latest = callback;
+    latestRef.current = callback;
   });
-  return holder.fn;
+  const [fn] = useState(() => (...args) => latestRef.current(...args));
+  return fn;
 }

package/hooks/useUnmount.js

@@ -1,10 +1,12 @@
-import { useRef } from 'react';
+import { useLayoutEffect, useRef } from 'react';
 import useEffectOnce from './useEffectOnce';
 /** Call `fn` on unmount; the latest render's `fn` is used, so it needs no stable identity. */
 const useUnmount = fn => {
   const fnRef = useRef(fn);
   // update the ref each render so if it change the newest callback will be invoked
-  fnRef.current = fn;
+  useLayoutEffect(() => {
+    fnRef.current = fn;
+  });
   useEffectOnce(() => () => fnRef.current());
 };
 export default useUnmount;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-helpers",
-  "version": "4.16.0",
+  "version": "4.16.2",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -14,7 +14,7 @@
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@pushwoosh/kit-constants": "^2.1.1",
+    "@pushwoosh/kit-constants": "^3.1.0",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@types/react-transition-group": "^4.4.12",