@vitus-labs/unistyle 2.6.1 → 2.6.2

package/lib/index.js

@@ -23,19 +23,22 @@ const breakpoints = {
 * Others are wrapped in `@media (min-width: <em>)` — em units
 * ensure correct behaviour when users change browser font size.
 */
-const createMediaQueries = ({ breakpoints, rootSize, css }) => Object.keys(breakpoints).reduce((acc, key) => {
-	const breakpointValue = breakpoints[key];
-	if (breakpointValue === 0) acc[key] = (...args) => css(...args);
-	else if (breakpointValue != null) {
-		const emSize = breakpointValue / rootSize;
-		acc[key] = (...args) => css`
+const createMediaQueries = ({ breakpoints, rootSize, css }) => {
+	const acc = {};
+	for (const key in breakpoints) {
+		const breakpointValue = breakpoints[key];
+		if (breakpointValue === 0) acc[key] = (...args) => css(...args);
+		else if (breakpointValue != null) {
+			const emSize = breakpointValue / rootSize;
+			acc[key] = (...args) => css`
           @media only screen and (min-width: ${emSize}em) {
             ${css(...args)};
           }
         `;
+		}
 	}
 	return acc;
-}, {});
+};
 
 //#endregion
 //#region src/responsive/normalizeTheme.ts
@@ -59,7 +62,13 @@ const handleObjectCb = (obj) => (bp, i, bps, res) => {
 	return previousValue;
 };
 const handleValueCb = (value) => () => value;
-const shouldNormalize = (props) => Object.values(props).some((item) => typeof item === "object" || Array.isArray(item));
+const shouldNormalize = (props) => {
+	for (const key in props) {
+		const item = props[key];
+		if (typeof item === "object" || Array.isArray(item)) return true;
+	}
+	return false;
+};
 /**
 * Expands each theme property into a full breakpoint map so every
 * breakpoint has a value. Arrays fill by index (last value carries forward),
@@ -70,12 +79,13 @@ const normalizeTheme = ({ theme, breakpoints }) => {
 	if (!shouldNormalize(theme)) return theme;
 	const getBpValues = assignToBreakpointKey(breakpoints);
 	const result = {};
-	Object.entries(theme).forEach(([key, value]) => {
-		if (value == null) return;
+	for (const key in theme) {
+		const value = theme[key];
+		if (value == null) continue;
 		if (Array.isArray(value)) result[key] = getBpValues(handleArrayCb(value));
 		else if (typeof value === "object") result[key] = getBpValues(handleObjectCb(value));
 		else result[key] = getBpValues(handleValueCb(value));
-	});
+	}
 	return result;
 };
 
@@ -205,11 +215,14 @@ const optimizeBreakpointDeltas = (cssStrings) => {
 const shallowEqual = (a, b) => {
 	if (a === b) return true;
 	if (!a || !b) return false;
-	const keysA = Object.keys(a);
-	const keysB = Object.keys(b);
-	if (keysA.length !== keysB.length) return false;
-	for (const key of keysA) if (a[key] !== b[key]) return false;
-	return true;
+	let aCount = 0;
+	for (const key in a) {
+		aCount++;
+		if (a[key] !== b[key]) return false;
+	}
+	let bCount = 0;
+	for (const _ in b) bCount++;
+	return aCount === bCount;
 };
 /**
 * Removes breakpoints whose styles are identical to the previous one.
@@ -247,19 +260,20 @@ const removeUnexpectedKeys = (obj, keys) => {
 const transformTheme = ({ theme, breakpoints }) => {
 	const result = {};
 	if (isEmpty(theme) || isEmpty(breakpoints)) return result;
-	Object.entries(theme).forEach(([key, value]) => {
-		if (Array.isArray(value) && value.length > 0) value.forEach((child, i) => {
+	for (const key in theme) {
+		const value = theme[key];
+		if (Array.isArray(value) && value.length > 0) for (let i = 0; i < value.length; i++) {
 			const indexBreakpoint = breakpoints[i];
-			set(result, [indexBreakpoint, key], child);
-		});
-		else if (typeof value === "object" && value !== null) Object.entries(value).forEach(([childKey, childValue]) => {
-			set(result, [childKey, key], childValue);
-		});
-		else if (value != null) {
+			set(result, [indexBreakpoint, key], value[i]);
+		}
+		else if (typeof value === "object" && value !== null) {
+			const obj = value;
+			for (const childKey in obj) set(result, [childKey, key], obj[childKey]);
+		} else if (value != null) {
 			const firstBreakpoint = breakpoints[0];
 			set(result, [firstBreakpoint, key], value);
 		}
-	});
+	}
 	return removeUnexpectedKeys(result, breakpoints);
 };
 
@@ -424,7 +438,7 @@ const ALIGN_CONTENT_DIRECTION = {
 const alignContent = (attrs) => {
 	const { direction, alignX, alignY } = attrs;
 	if (isEmpty(attrs) || !direction || !alignX || !alignY) return null;
-	const isReverted = ["inline", "reverseInline"].includes(direction);
+	const isReverted = direction === "inline" || direction === "reverseInline";
 	const dir = ALIGN_CONTENT_DIRECTION[direction];
 	const x = ALIGN_CONTENT_MAP_X[alignX];
 	const y = ALIGN_CONTENT_MAP_Y[alignY];

package/lib/vitus-labs-unistyle.native.js

@@ -23,19 +23,22 @@ const breakpoints = {
 * Others are wrapped in `@media (min-width: <em>)` — em units
 * ensure correct behaviour when users change browser font size.
 */
-const createMediaQueries = ({ breakpoints, rootSize, css }) => Object.keys(breakpoints).reduce((acc, key) => {
-	const breakpointValue = breakpoints[key];
-	if (breakpointValue === 0) acc[key] = (...args) => css(...args);
-	else if (breakpointValue != null) {
-		const emSize = breakpointValue / rootSize;
-		acc[key] = (...args) => css`
+const createMediaQueries = ({ breakpoints, rootSize, css }) => {
+	const acc = {};
+	for (const key in breakpoints) {
+		const breakpointValue = breakpoints[key];
+		if (breakpointValue === 0) acc[key] = (...args) => css(...args);
+		else if (breakpointValue != null) {
+			const emSize = breakpointValue / rootSize;
+			acc[key] = (...args) => css`
           @media only screen and (min-width: ${emSize}em) {
             ${css(...args)};
           }
         `;
+		}
 	}
 	return acc;
-}, {});
+};
 
 //#endregion
 //#region src/responsive/normalizeTheme.ts
@@ -59,7 +62,13 @@ const handleObjectCb = (obj) => (bp, i, bps, res) => {
 	return previousValue;
 };
 const handleValueCb = (value) => () => value;
-const shouldNormalize = (props) => Object.values(props).some((item) => typeof item === "object" || Array.isArray(item));
+const shouldNormalize = (props) => {
+	for (const key in props) {
+		const item = props[key];
+		if (typeof item === "object" || Array.isArray(item)) return true;
+	}
+	return false;
+};
 /**
 * Expands each theme property into a full breakpoint map so every
 * breakpoint has a value. Arrays fill by index (last value carries forward),
@@ -70,12 +79,13 @@ const normalizeTheme = ({ theme, breakpoints }) => {
 	if (!shouldNormalize(theme)) return theme;
 	const getBpValues = assignToBreakpointKey(breakpoints);
 	const result = {};
-	Object.entries(theme).forEach(([key, value]) => {
-		if (value == null) return;
+	for (const key in theme) {
+		const value = theme[key];
+		if (value == null) continue;
 		if (Array.isArray(value)) result[key] = getBpValues(handleArrayCb(value));
 		else if (typeof value === "object") result[key] = getBpValues(handleObjectCb(value));
 		else result[key] = getBpValues(handleValueCb(value));
-	});
+	}
 	return result;
 };
 
@@ -205,11 +215,14 @@ const optimizeBreakpointDeltas = (cssStrings) => {
 const shallowEqual = (a, b) => {
 	if (a === b) return true;
 	if (!a || !b) return false;
-	const keysA = Object.keys(a);
-	const keysB = Object.keys(b);
-	if (keysA.length !== keysB.length) return false;
-	for (const key of keysA) if (a[key] !== b[key]) return false;
-	return true;
+	let aCount = 0;
+	for (const key in a) {
+		aCount++;
+		if (a[key] !== b[key]) return false;
+	}
+	let bCount = 0;
+	for (const _ in b) bCount++;
+	return aCount === bCount;
 };
 /**
 * Removes breakpoints whose styles are identical to the previous one.
@@ -247,19 +260,20 @@ const removeUnexpectedKeys = (obj, keys) => {
 const transformTheme = ({ theme, breakpoints }) => {
 	const result = {};
 	if (isEmpty(theme) || isEmpty(breakpoints)) return result;
-	Object.entries(theme).forEach(([key, value]) => {
-		if (Array.isArray(value) && value.length > 0) value.forEach((child, i) => {
+	for (const key in theme) {
+		const value = theme[key];
+		if (Array.isArray(value) && value.length > 0) for (let i = 0; i < value.length; i++) {
 			const indexBreakpoint = breakpoints[i];
-			set(result, [indexBreakpoint, key], child);
-		});
-		else if (typeof value === "object" && value !== null) Object.entries(value).forEach(([childKey, childValue]) => {
-			set(result, [childKey, key], childValue);
-		});
-		else if (value != null) {
+			set(result, [indexBreakpoint, key], value[i]);
+		}
+		else if (typeof value === "object" && value !== null) {
+			const obj = value;
+			for (const childKey in obj) set(result, [childKey, key], obj[childKey]);
+		} else if (value != null) {
 			const firstBreakpoint = breakpoints[0];
 			set(result, [firstBreakpoint, key], value);
 		}
-	});
+	}
 	return removeUnexpectedKeys(result, breakpoints);
 };
 
@@ -424,7 +438,7 @@ const ALIGN_CONTENT_DIRECTION = {
 const alignContent = (attrs) => {
 	const { direction, alignX, alignY } = attrs;
 	if (isEmpty(attrs) || !direction || !alignX || !alignY) return null;
-	const isReverted = ["inline", "reverseInline"].includes(direction);
+	const isReverted = direction === "inline" || direction === "reverseInline";
 	const dir = ALIGN_CONTENT_DIRECTION[direction];
 	const x = ALIGN_CONTENT_MAP_X[alignX];
 	const y = ALIGN_CONTENT_MAP_Y[alignY];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitus-labs/unistyle",
-  "version": "2.6.1",
+  "version": "2.6.2",
   "license": "MIT",
   "author": "Vit Bokisch <vit@bokisch.cz>",
   "maintainers": [
@@ -50,7 +50,7 @@
     "node": ">= 18"
   },
   "peerDependencies": {
-    "@vitus-labs/core": "^2.6.1",
+    "@vitus-labs/core": "^2.6.2",
     "react": ">= 19",
     "react-native": ">= 0.76"
   },