@vitus-labs/rocketstories 2.6.0 → 2.6.2

package/lib/index.js

@@ -476,30 +476,28 @@ var text_default = {
 * and component-specific default controls.
 */
 /** Normalizes user-supplied control shorthand (string or object) into full ControlConfiguration objects. */
-const createControls = (props) => Object.entries(props).reduce((acc, [key, value]) => {
-	if (typeof value === "string") return {
-		...acc,
-		[key]: { type: value }
-	};
-	if (typeof value === "object" && value !== null) return {
-		...acc,
-		[key]: value
-	};
-	return acc;
-}, {});
+const createControls = (props) => {
+	const result = {};
+	for (const key in props) {
+		const value = props[key];
+		if (typeof value === "string") result[key] = { type: value };
+		else if (typeof value === "object" && value !== null) result[key] = value;
+	}
+	return result;
+};
 /** Converts rocketstyle dimension metadata into select/multi-select Storybook controls. */
-const convertDimensionsToControls = ({ dimensions, multiKeys }) => Object.entries(dimensions).reduce((acc, [key, value]) => {
-	const valueKeys = Object.keys(value);
-	const control = {
-		type: !!multiKeys[key] ? "multi-select" : "select",
-		options: valueKeys,
-		group: "Dimensions [Rocketstyle (Vitus-Labs)]"
-	};
-	return {
-		...acc,
-		[key]: control
-	};
-}, {});
+const convertDimensionsToControls = ({ dimensions, multiKeys }) => {
+	const result = {};
+	for (const key in dimensions) {
+		const value = dimensions[key];
+		result[key] = {
+			type: multiKeys[key] ? "multi-select" : "select",
+			options: Object.keys(value),
+			group: "Dimensions [Rocketstyle (Vitus-Labs)]"
+		};
+	}
+	return result;
+};
 /** Returns pre-defined controls based on the component's Vitus Labs type (Element, List, Text, Overlay). */
 const getDefaultVitusLabsControls = (component) => {
 	const { IS_ROCKETSTYLE, VITUS_LABS__COMPONENT } = component;
@@ -531,18 +529,13 @@ const makeStorybookControls = (obj, props) => Object.entries(obj).reduce((acc, [
 	};
 	return acc;
 }, {});
-const disableControl = (name) => ({ [name]: { table: { disable: true } } });
 const disableDimensionControls = (dimensions, dimensionName) => {
-	const result = dimensionName ? disableControl(dimensionName) : {};
-	return Object.values(dimensions).reduce((acc, value) => {
-		Object.keys(value).forEach((item) => {
-			acc = {
-				...acc,
-				...disableControl(item)
-			};
-		});
-		return acc;
-	}, result);
+	const result = dimensionName ? { [dimensionName]: { table: { disable: true } } } : {};
+	for (const key in dimensions) {
+		const value = dimensions[key];
+		for (const item in value) result[item] = { table: { disable: true } };
+	}
+	return result;
 };
 
 //#endregion
@@ -633,42 +626,34 @@ const Wrapper = config.styled("div")`
   display: flex;
   font-size: 32px;
 `;
-const component$2 = () => /* @__PURE__ */ jsx(Wrapper, { children: "Nothing here" });
-component$2.displayName = "@vitus-labs/rocketstories/Empty";
+const component$1 = () => /* @__PURE__ */ jsx(Wrapper, { children: "Nothing here" });
+component$1.displayName = "@vitus-labs/rocketstories/Empty";
 
 //#endregion
 //#region src/utils/code.ts
-const parseProps = (props) => Object.entries(props).reduce((acc, [key, value]) => {
-	if (value === null) return acc;
-	const valueType = typeof value;
-	if ([
-		"string",
-		"number",
-		"boolean",
-		"bigint"
-	].includes(valueType)) return {
-		...acc,
-		[key]: value
-	};
-	if (Array.isArray(value)) return {
-		...acc,
-		[key]: value
-	};
-	if (valueType === "object") {
-		const type = get(value, "type");
-		const options = get(value, "options");
-		const defaultValue = get(value, "value");
-		if (type && options && defaultValue) return {
-			...acc,
-			[key]: defaultValue || options
-		};
-		return {
-			...acc,
-			[key]: value
-		};
+const parseProps = (props) => {
+	const result = {};
+	for (const key in props) {
+		const value = props[key];
+		if (value === null) continue;
+		const valueType = typeof value;
+		if (valueType === "string" || valueType === "number" || valueType === "boolean" || valueType === "bigint") {
+			result[key] = value;
+			continue;
+		}
+		if (Array.isArray(value)) {
+			result[key] = value;
+			continue;
+		}
+		if (valueType === "object") {
+			const type = get(value, "type");
+			const options = get(value, "options");
+			const defaultValue = get(value, "value");
+			result[key] = type && options && defaultValue ? defaultValue || options : value;
+		}
 	}
-	return acc;
-}, {});
+	return result;
+};
 const stringifyArray = (props) => {
 	let result = "[";
 	const arrayLength = props.length;
@@ -789,7 +774,7 @@ const Provider = ({ children, ...props }) => /* @__PURE__ */ jsx(ContextProvider
 * Retrieves the component from context and renders it with the given
 * props, optionally prefixed by a level2 Heading showing the item title.
 */
-const component$1 = ({ title, ...props }) => {
+const Item = ({ title, ...props }) => {
 	const { component } = useContext$1();
 	return /* @__PURE__ */ jsxs("div", { children: [title && /* @__PURE__ */ jsx(Heading_default, {
 		level2: true,
@@ -807,7 +792,7 @@ const pseudo = [
 ];
 const component = ({ itemProps }) => /* @__PURE__ */ jsx(Fragment, { children: pseudo.map((item) => {
 	const pseudoProps = { [item]: true };
-	return /* @__PURE__ */ jsx(component$1, {
+	return /* @__PURE__ */ jsx(Item, {
 		title: item,
 		...itemProps,
 		...pseudoProps
@@ -822,9 +807,9 @@ const component = ({ itemProps }) => /* @__PURE__ */ jsx(Fragment, { children: p
 * PseudoList when pseudo-state visualization is enabled). Generates
 * corresponding JSX code snippets and Storybook controls.
 */
-const renderDimension = (dimension, { name, component: component$3, attrs = {}, controls, storyOptions = {}, ignore = [], theme = {} }) => {
-	const statics = component$3.getStaticDimensions(theme);
-	const defaultAttrs = component$3.getDefaultAttrs(attrs, theme, "light");
+const renderDimension = (dimension, { name, component: component$2, attrs = {}, controls, storyOptions = {}, ignore = [], theme = {} }) => {
+	const statics = component$2.getStaticDimensions(theme);
+	const defaultAttrs = component$2.getDefaultAttrs(attrs, theme, "light");
 	const { dimensions, useBooleans, multiKeys } = statics;
 	const finalAttrs = {
 		...defaultAttrs,
@@ -832,11 +817,11 @@ const renderDimension = (dimension, { name, component: component$3, attrs = {},
 	};
 	const currentDimension = dimensions[dimension];
 	const isMultiKey = !!multiKeys[dimension];
-	if (isEmpty(currentDimension)) return component$2;
+	if (isEmpty(currentDimension)) return component$1;
 	const createdControls = createControls(controls);
 	const dimensionControls = convertDimensionsToControls(statics);
 	const storybookControls = makeStorybookControls({
-		...getDefaultVitusLabsControls(component$3),
+		...getDefaultVitusLabsControls(component$2),
 		...createdControls,
 		...dimensionControls
 	}, defaultAttrs);
@@ -878,7 +863,7 @@ const renderDimension = (dimension, { name, component: component$3, attrs = {},
 					contentDirection: storyOptions.direction,
 					contentAlignY: "top",
 					children: /* @__PURE__ */ jsx(Provider, {
-						component: component$3,
+						component: component$2,
 						children: /* @__PURE__ */ jsx(component, { itemProps: {
 							...props,
 							[dimension]: isMultiKey ? [item] : item
@@ -889,8 +874,8 @@ const renderDimension = (dimension, { name, component: component$3, attrs = {},
 			return /* @__PURE__ */ jsx(WrapElement, {
 				...storyProps,
 				children: /* @__PURE__ */ jsx(Provider, {
-					component: component$3,
-					children: /* @__PURE__ */ jsx(component$1, {
+					component: component$2,
+					children: /* @__PURE__ */ jsx(Item, {
 						...props,
 						[dimension]: isMultiKey ? [item] : item
 					})
@@ -914,16 +899,13 @@ const renderDimension = (dimension, { name, component: component$3, attrs = {},
 //#region src/utils/dimensions.ts
 const extractDefaultBooleanProps = ({ dimensions, multiKeys, useBooleans }) => {
 	if (!useBooleans) return null;
-	return Object.entries(dimensions).reduce((acc, [key, value]) => {
-		if (!multiKeys[key]) {
-			const propName = Object.keys(value)[0];
-			return {
-				...acc,
-				[propName]: true
-			};
-		}
-		return acc;
-	}, {});
+	const result = {};
+	for (const key in dimensions) if (!multiKeys[key]) {
+		const value = dimensions[key];
+		const propName = Object.keys(value)[0];
+		result[propName] = true;
+	}
+	return result;
 };
 
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitus-labs/rocketstories",
-  "version": "2.6.0",
+  "version": "2.6.2",
   "license": "MIT",
   "author": "Vit Bokisch <vit@bokisch.cz>",
   "maintainers": [
@@ -65,9 +65,9 @@
   },
   "peerDependencies": {
     "@storybook/react": "^10.3.6",
-    "@vitus-labs/core": "^2.6.0",
-    "@vitus-labs/rocketstyle": "^2.6.0",
-    "@vitus-labs/unistyle": "^2.6.0",
+    "@vitus-labs/core": "^2.6.2",
+    "@vitus-labs/rocketstyle": "^2.6.2",
+    "@vitus-labs/unistyle": "^2.6.2",
     "react": ">= 19"
   },
   "dependencies": {
@@ -76,9 +76,9 @@
   "devDependencies": {
     "@vitus-labs/core": "workspace:*",
     "@vitus-labs/rocketstyle": "workspace:*",
-    "@vitus-labs/tools-rolldown": "2.3.0",
-    "@vitus-labs/tools-storybook": "2.3.0",
-    "@vitus-labs/tools-typescript": "2.3.0",
+    "@vitus-labs/tools-rolldown": "2.3.1",
+    "@vitus-labs/tools-storybook": "2.3.1",
+    "@vitus-labs/tools-typescript": "2.3.1",
     "@vitus-labs/unistyle": "workspace:*"
   }
 }