@udecode/react-utils 52.0.0 → 52.0.1

package/dist/index.d.ts

@@ -112,7 +112,7 @@ declare const CAN_USE_DOM: boolean;
  * Prevent warning on SSR by falling back to React.useEffect when DOM isn't
  * available
  */
-declare const useIsomorphicLayoutEffect: typeof React.useEffect;
+declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
 //#endregion
 //#region src/useMemoizedSelector.d.ts
 /**

package/dist/index.js

@@ -1,3 +1,4 @@
+import { c } from "react/compiler-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import React from "react";
 import ReactDOM from "react-dom";
@@ -5,12 +6,35 @@ import { isDefined } from "@udecode/utils";
 import { clsx } from "clsx";
 
 //#region src/createSlotComponent.tsx
-const createSlotComponent = (element) => React.forwardRef(({ as, asChild = false, ...props }, ref) => {
-	const Comp = asChild ? Slot : as || element;
-	return /* @__PURE__ */ React.createElement(Comp, {
-		ref,
-		...props
-	});
+const createSlotComponent = (element) => React.forwardRef((t0, ref) => {
+	const $ = c(8);
+	let as;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({as, asChild: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = as;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		as = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const Comp = (t1 === void 0 ? false : t1) ? Slot : as || element;
+	let t2;
+	if ($[4] !== Comp || $[5] !== props || $[6] !== ref) {
+		t2 = /* @__PURE__ */ React.createElement(Comp, {
+			ref,
+			...props
+		});
+		$[4] = Comp;
+		$[5] = props;
+		$[6] = ref;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 });
 
 //#endregion
@@ -19,7 +43,17 @@ const Box = createSlotComponent("div");
 
 //#endregion
 //#region src/MemoizedChildren.tsx
-const MemoizedChildren = React.memo(({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, children));
+const MemoizedChildren = React.memo((t0) => {
+	const $ = c(2);
+	const { children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+});
 
 //#endregion
 //#region src/PortalBody.tsx
@@ -101,7 +135,9 @@ const useComposedRef = (...refs) => {
 */
 const createPrimitiveComponent = (element) => {
 	const Comp = createSlotComponent(element);
-	return ({ propsHook, stateHook } = {}) => React.forwardRef(({ asChild, className: classNameProp, getClassName, options, state: stateProp, ...props }, ref) => {
+	return ({ propsHook, stateHook } = {}) => React.forwardRef((t0, ref) => {
+		const $ = c(9);
+		const { asChild, className: classNameProp, getClassName, options, state: stateProp, ...props } = t0;
 		const state = isDefined(stateProp) ? stateProp : stateHook ? stateHook(options) : void 0;
 		const { hidden, props: hookProps, ref: hookRef } = propsHook ? propsHook(state) : {
 			hidden: false,
@@ -115,15 +151,30 @@ const createPrimitiveComponent = (element) => {
 			...props.style
 		} : void 0;
 		if (!asChild && hidden) return null;
-		return /* @__PURE__ */ React.createElement(Comp, {
-			asChild,
-			ref: _ref,
-			...hookProps,
-			className,
-			style,
-			...props,
-			...props.setProps?.(hookProps ?? {}) ?? {}
-		});
+		const T0 = Comp;
+		const t1 = props.setProps?.(hookProps ?? {}) ?? {};
+		let t2;
+		if ($[0] !== T0 || $[1] !== _ref || $[2] !== asChild || $[3] !== className || $[4] !== hookProps || $[5] !== props || $[6] !== style || $[7] !== t1) {
+			t2 = /* @__PURE__ */ React.createElement(T0, {
+				asChild,
+				ref: _ref,
+				...hookProps,
+				className,
+				style,
+				...props,
+				...t1
+			});
+			$[0] = T0;
+			$[1] = _ref;
+			$[2] = asChild;
+			$[3] = className;
+			$[4] = hookProps;
+			$[5] = props;
+			$[6] = style;
+			$[7] = t1;
+			$[8] = t2;
+		} else t2 = $[8];
+		return t2;
 	});
 };
 
@@ -204,7 +255,7 @@ const hasIgnoreClass = (e, ignoreClass) => {
 	let el = e.target || e;
 	while (el) {
 		if (Array.isArray(ignoreClass)) {
-			if (ignoreClass.some((c) => checkClass(el, c))) return true;
+			if (ignoreClass.some((c$1) => checkClass(el, c$1))) return true;
 		} else if (checkClass(el, ignoreClass)) return true;
 		el = el.parentElement;
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udecode/react-utils",
-  "version": "52.0.0",
+  "version": "52.0.1",
   "description": "React utils",
   "keywords": [
     "utils"
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.2.3",
-    "@udecode/utils": "52.0.0",
+    "@udecode/utils": "52.0.1",
     "clsx": "^2.1.1"
   },
   "peerDependencies": {