@vitus-labs/rocketstories 2.6.1 → 2.7.0

package/lib/index.d.ts

@@ -8,7 +8,7 @@ type T_CONTROL_TYPES = (typeof CONTROL_TYPES)[number];
 //#endregion
 //#region src/types.d.ts
 type TObj = Record<string, unknown>;
-type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends ComponentType<infer TProps> ? TProps : TComponentOrTProps;
+type StoryExtractProps<TComponentOrTProps> = TComponentOrTProps extends ComponentType<infer TProps> ? TProps : TComponentOrTProps;
 type StoryComponent<P = {}> = FC<P> & Partial<{
   args: Record<string, unknown>;
   argTypes: Record<string, unknown>;
@@ -54,7 +54,6 @@ type StorybookControl = {
     };
   };
 };
-type ExtractDimensions<C extends RocketType> = keyof C['$$rocketstyle'];
 type RocketDimensions = keyof RocketType['$$rocketstyle'];
 type Decorator = (Story: any) => ReactNode;
 type Configuration = {
@@ -144,7 +143,7 @@ interface IRocketStories<OA extends TObj = {}, RA extends TObj | unknown = unkno
   controls: (options: Partial<{ [I in keyof OA]: Control }>) => IRocketStories<OA, RA, ISRS>;
   config: <P extends Partial<Omit<Configuration, 'attrs'>>>(params: P) => IRocketStories<OA, RA, ISRS>;
   attrs: <P extends Partial<OA>>(params: P) => IRocketStories<OA, RA, ISRS>;
-  replaceComponent: <P extends Configuration['component']>(param: P) => P extends RocketType ? IRocketStories<ExtractProps<P>, P['$$rocketstyle'], true> : IRocketStories<ExtractProps<P>, unknown, false>;
+  replaceComponent: <P extends Configuration['component']>(param: P) => P extends RocketType ? IRocketStories<StoryExtractProps<P>, P['$$rocketstyle'], true> : IRocketStories<StoryExtractProps<P>, unknown, false>;
   decorators: <P extends Configuration['decorators']>(param: P) => IRocketStories<OA, RA, ISRS>;
 }
 //#endregion
@@ -160,7 +159,7 @@ type InitParams = Partial<Omit<Configuration, 'component' | 'attrs' | 'theme'>>
  * Pass `theme` to set the global theme at runtime (alternative to
  * configuring it via `vl-tools.config`).
  */
-type Init = <P extends InitParams>(params: P) => <T extends Configuration['component']>(component: T) => T extends RocketType ? IRocketStories<ExtractProps<T>, T['$$rocketstyle'], true> : IRocketStories<ExtractProps<T>, unknown, false>;
+type Init = <P extends InitParams>(params: P) => <T extends Configuration['component']>(component: T) => T extends RocketType ? IRocketStories<StoryExtractProps<T>, T['$$rocketstyle'], true> : IRocketStories<StoryExtractProps<T>, unknown, false>;
 /** @see {@link Init} */
 declare const init: Init;
 /**
@@ -170,9 +169,9 @@ declare const init: Init;
  */
 type Rocketstories = <C extends Configuration['component']>(component: C, options?: Partial<Omit<Configuration, 'component' | 'attrs' | 'theme'>> & {
   theme?: Record<string, unknown>;
-}) => C extends RocketType ? IRocketStories<ExtractProps<C>, C['$$rocketstyle'], true> : IRocketStories<ExtractProps<C>, unknown, false>;
+}) => C extends RocketType ? IRocketStories<StoryExtractProps<C>, C['$$rocketstyle'], true> : IRocketStories<StoryExtractProps<C>, unknown, false>;
 /** @see {@link Rocketstories} */
 declare const rocketstories: Rocketstories;
 //#endregion
-export { type Configuration, type Control, type ControlTypes, type Controls, type ElementType, type ExtractDimensions, type ExtractProps, type IRocketStories, type Init, type PartialControls, type RocketStoryConfiguration, type RocketType, type Rocketstories, type StoryComponent, type StoryConfiguration, type StorybookControl, init as default, init, rocketstories };
+export { type Configuration, type Control, type ControlTypes, type Controls, type ElementType, type IRocketStories, type Init, type PartialControls, type RocketStoryConfiguration, type RocketType, type Rocketstories, type StoryComponent, type StoryConfiguration, type StorybookControl, init as default, init, rocketstories };
 //# sourceMappingURL=index2.d.ts.map

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
@@ -638,37 +631,29 @@ 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;
@@ -914,16 +899,13 @@ const renderDimension = (dimension, { name, component: component$2, 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.1",
+  "version": "2.7.0",
   "license": "MIT",
   "author": "Vit Bokisch <vit@bokisch.cz>",
   "maintainers": [
@@ -64,21 +64,19 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@storybook/react": "^10.3.6",
-    "@vitus-labs/core": "^2.6.1",
-    "@vitus-labs/rocketstyle": "^2.6.1",
-    "@vitus-labs/unistyle": "^2.6.1",
+    "@vitus-labs/core": "^2.7.0",
+    "@vitus-labs/elements": "^2.7.0",
+    "@vitus-labs/rocketstyle": "^2.7.0",
+    "@vitus-labs/unistyle": "^2.7.0",
     "react": ">= 19"
   },
-  "dependencies": {
-    "@vitus-labs/elements": "workspace:*"
-  },
   "devDependencies": {
     "@vitus-labs/core": "workspace:*",
+    "@vitus-labs/elements": "workspace:*",
     "@vitus-labs/rocketstyle": "workspace:*",
-    "@vitus-labs/tools-rolldown": "2.3.1",
-    "@vitus-labs/tools-storybook": "2.3.1",
-    "@vitus-labs/tools-typescript": "2.3.1",
+    "@vitus-labs/tools-rolldown": "2.5.0",
+    "@vitus-labs/tools-storybook": "2.5.0",
+    "@vitus-labs/tools-typescript": "2.5.0",
     "@vitus-labs/unistyle": "workspace:*"
   }
 }