@udecode/react-utils 52.0.1 → 52.3.4

package/LICENSE

@@ -0,0 +1,24 @@
+The MIT License (MIT)
+
+Copyright (c) Ziad Beyens, Dylan Schiemann, Joe Anderson, Felix Feng
+
+Unless otherwise specified in a LICENSE file within an individual package directory,
+this license applies to all files in this repository outside of those package directories.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

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.useLayoutEffect;
+declare const useIsomorphicLayoutEffect: typeof React.useEffect;
 //#endregion
 //#region src/useMemoizedSelector.d.ts
 /**
@@ -123,7 +123,7 @@ declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
  * @param equalityFn Optional comparison function to detect changes in the
  *   derived value
  */
-declare function useMemoizedSelector<R$1>(selector: () => R$1, deps: React.DependencyList, equalityFn?: (a: R$1, b: R$1) => boolean): R$1;
+declare function useMemoizedSelector<R>(selector: () => R, deps: React.DependencyList, equalityFn?: (a: R, b: R) => boolean): R;
 //#endregion
 //#region src/useOnClickOutside.d.ts
 declare const DEFAULT_IGNORE_CLASS = "ignore-onclickoutside";
@@ -158,7 +158,7 @@ declare const useOnClickOutside: (callback: UseOnClickOutsideCallback, {
  * If you do want the function to be replaced when certain dependency values
  * change, include those values in the dependency array of useStableFn.
  */
-declare const useStableFn: <A extends unknown[], R$1>(fn: (...args: A) => R$1, deps?: DependencyList) => (...args: A) => R$1;
+declare const useStableFn: <A extends unknown[], R>(fn: (...args: A) => R, deps?: DependencyList) => (...args: A) => R;
 //#endregion
 //#region src/useStableMemo.d.ts
 declare const useStableMemo: <T>(producer: () => T, deps?: React.DependencyList) => T;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import React from "react";
 import ReactDOM from "react-dom";
@@ -136,8 +136,40 @@ const useComposedRef = (...refs) => {
 const createPrimitiveComponent = (element) => {
 	const Comp = createSlotComponent(element);
 	return ({ propsHook, stateHook } = {}) => React.forwardRef((t0, ref) => {
-		const $ = c(9);
-		const { asChild, className: classNameProp, getClassName, options, state: stateProp, ...props } = t0;
+		const $ = c(17);
+		let asChild;
+		let classNameProp;
+		let options;
+		let props;
+		let setProps;
+		let stateProp;
+		let styleProp;
+		if ($[0] !== t0) {
+			const { asChild: t1$1, className: t2$1, getClassName, options: t3, setProps: t4, state: t5, style: t6, ...t7 } = t0;
+			asChild = t1$1;
+			classNameProp = t2$1;
+			options = t3;
+			setProps = t4;
+			stateProp = t5;
+			styleProp = t6;
+			props = t7;
+			$[0] = t0;
+			$[1] = asChild;
+			$[2] = classNameProp;
+			$[3] = options;
+			$[4] = props;
+			$[5] = setProps;
+			$[6] = stateProp;
+			$[7] = styleProp;
+		} else {
+			asChild = $[1];
+			classNameProp = $[2];
+			options = $[3];
+			props = $[4];
+			setProps = $[5];
+			stateProp = $[6];
+			styleProp = $[7];
+		}
 		const state = isDefined(stateProp) ? stateProp : stateHook ? stateHook(options) : void 0;
 		const { hidden, props: hookProps, ref: hookRef } = propsHook ? propsHook(state) : {
 			hidden: false,
@@ -146,15 +178,15 @@ const createPrimitiveComponent = (element) => {
 		};
 		const _ref = useComposedRef(ref, hookRef);
 		const className = isDefined(hookProps?.className) || isDefined(classNameProp) ? clsx(hookProps?.className, classNameProp) : void 0;
-		const style = hookProps?.style || props.style ? {
+		const style = hookProps?.style || styleProp ? {
 			...hookProps?.style,
-			...props.style
+			...styleProp
 		} : void 0;
 		if (!asChild && hidden) return null;
 		const T0 = Comp;
-		const t1 = props.setProps?.(hookProps ?? {}) ?? {};
+		const t1 = setProps?.(hookProps ?? {}) ?? {};
 		let t2;
-		if ($[0] !== T0 || $[1] !== _ref || $[2] !== asChild || $[3] !== className || $[4] !== hookProps || $[5] !== props || $[6] !== style || $[7] !== t1) {
+		if ($[8] !== T0 || $[9] !== _ref || $[10] !== asChild || $[11] !== className || $[12] !== hookProps || $[13] !== props || $[14] !== style || $[15] !== t1) {
 			t2 = /* @__PURE__ */ React.createElement(T0, {
 				asChild,
 				ref: _ref,
@@ -164,16 +196,16 @@ const createPrimitiveComponent = (element) => {
 				...props,
 				...t1
 			});
-			$[0] = T0;
-			$[1] = _ref;
-			$[2] = asChild;
-			$[3] = className;
-			$[4] = hookProps;
-			$[5] = props;
-			$[6] = style;
-			$[7] = t1;
-			$[8] = t2;
-		} else t2 = $[8];
+			$[8] = T0;
+			$[9] = _ref;
+			$[10] = asChild;
+			$[11] = className;
+			$[12] = hookProps;
+			$[13] = props;
+			$[14] = style;
+			$[15] = t1;
+			$[16] = t2;
+		} else t2 = $[16];
 		return t2;
 	});
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udecode/react-utils",
-  "version": "52.0.1",
+  "version": "52.3.4",
   "description": "React utils",
   "keywords": [
     "utils"
@@ -24,21 +24,11 @@
   "files": [
     "dist/**/*"
   ],
-  "scripts": {
-    "brl": "yarn p:brl",
-    "build": "yarn p:build",
-    "build:watch": "yarn p:build:watch",
-    "clean": "yarn p:clean",
-    "lint": "yarn p:lint",
-    "lint:fix": "yarn p:lint:fix",
-    "test": "yarn p:test",
-    "test:watch": "yarn p:test:watch",
-    "typecheck": "yarn p:typecheck"
-  },
   "dependencies": {
     "@radix-ui/react-slot": "^1.2.3",
-    "@udecode/utils": "52.0.1",
-    "clsx": "^2.1.1"
+    "clsx": "^2.1.1",
+    "react-compiler-runtime": "^1.0.0",
+    "@udecode/utils": "52.3.4"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -48,5 +38,19 @@
     "access": "public"
   },
   "type": "module",
-  "module": "./dist/index.js"
-}
+  "module": "./dist/index.js",
+  "devDependencies": {
+    "@plate/scripts": "1.0.0"
+  },
+  "scripts": {
+    "brl": "plate-pkg p:brl",
+    "build": "plate-pkg p:build",
+    "build:watch": "plate-pkg p:build:watch",
+    "clean": "plate-pkg p:clean",
+    "lint": "plate-pkg p:lint",
+    "lint:fix": "plate-pkg p:lint:fix",
+    "test": "plate-pkg p:test",
+    "test:watch": "plate-pkg p:test:watch",
+    "typecheck": "plate-pkg p:typecheck"
+  }
+}