@vitus-labs/rocketstyle 2.6.1 → 2.6.2

package/lib/index.js

@@ -14,6 +14,12 @@ const PSEUDO_KEYS = [
 ];
 /** Meta pseudo-state keys representing non-interactive states (disabled, readOnly). */
 const PSEUDO_META_KEYS = ["disabled", "readOnly"];
+/**
+* Pre-merged interaction + meta keys. Hoisted from `rocketstyle.tsx`'s render
+* body so the `pick(props, [...PSEUDO_KEYS, ...PSEUDO_META_KEYS])` call no
+* longer allocates a fresh 6-element array on every render.
+*/
+const PSEUDO_AND_META_KEYS = [...PSEUDO_KEYS, ...PSEUDO_META_KEYS];
 /** Supported theme mode flags. */
 const THEME_MODES = {
 	light: true,
@@ -281,10 +287,11 @@ const removeUndefinedProps = (props) => {
 	for (const key in props) if (props[key] !== void 0) result[key] = props[key];
 	return result;
 };
-const pickStyledAttrs = (props, keywords) => Object.keys(props).reduce((acc, key) => {
-	if (keywords[key] && props[key]) acc[key] = props[key];
-	return acc;
-}, {});
+const pickStyledAttrs = (props, keywords) => {
+	const result = {};
+	for (const key in props) if (keywords[key] && props[key]) result[key] = props[key];
+	return result;
+};
 const calculateChainOptions = (options) => (args) => {
 	const result = {};
 	if (isEmpty(options)) return result;
@@ -494,13 +501,16 @@ const getTheme = ({ rocketstate, themes, baseTheme, transformKeys, appTheme }) =
 	for (const transform of deferredTransforms) merge(finalTheme, transform(finalTheme, appTheme ?? {}, themeModeCallback, config.css));
 	return finalTheme;
 };
-const getThemeByMode = (object, mode) => Object.keys(object).reduce((acc, key) => {
-	const value = object[key];
-	if (typeof value === "object" && value !== null) acc[key] = getThemeByMode(value, mode);
-	else if (isModeCallback(value)) acc[key] = value(mode);
-	else acc[key] = value;
+const getThemeByMode = (object, mode) => {
+	const acc = {};
+	for (const key in object) {
+		const value = object[key];
+		if (typeof value === "object" && value !== null) acc[key] = getThemeByMode(value, mode);
+		else if (isModeCallback(value)) acc[key] = value(mode);
+		else acc[key] = value;
+	}
 	return acc;
-}, {});
+};
 
 //#endregion
 //#region src/rocketstyle.tsx
@@ -519,16 +529,18 @@ const arraysEqual = (a, b) => {
 const isShallowEqualRocketstate = (a, b) => {
 	if (a === b) return true;
 	if (!a || !b) return false;
-	const aKeys = Object.keys(a);
-	if (aKeys.length !== Object.keys(b).length) return false;
-	for (const k of aKeys) {
+	let aCount = 0;
+	for (const k in a) {
+		aCount++;
 		const av = a[k];
 		const bv = b[k];
 		if (av === bv) continue;
 		if (Array.isArray(av) && Array.isArray(bv) && arraysEqual(av, bv)) continue;
 		return false;
 	}
-	return true;
+	let bCount = 0;
+	for (const _ in b) bCount++;
+	return aCount === bCount;
 };
 /**
 * Clones the current configuration and merges new options, returning a fresh
@@ -619,7 +631,7 @@ const rocketComponent = (options) => {
 		};
 		const pseudoRocketstate = {
 			...pseudo,
-			...pick(props, [...PSEUDO_KEYS, ...PSEUDO_META_KEYS])
+			...pick(props, PSEUDO_AND_META_KEYS)
 		};
 		const rocketstate = _calculateStylingAttrs({
 			props: pickStyledAttrs(mergeProps, reservedPropNames),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitus-labs/rocketstyle",
-  "version": "2.6.1",
+  "version": "2.6.2",
   "license": "MIT",
   "author": "Vit Bokisch <vit@bokisch.cz>",
   "maintainers": [
@@ -64,7 +64,7 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@vitus-labs/core": "^2.6.1",
+    "@vitus-labs/core": "^2.6.2",
     "react": ">= 19"
   },
   "devDependencies": {