@dragonmastery/zinia-forms-core 0.5.6 → 0.5.7

package/dist/index.d.ts

@@ -278,13 +278,13 @@ interface SelectOption<TData = Record<string, any>> {
  */
 type ZodEnumValues<T extends z.ZodEnum<[string, ...string[]]>> = T['_def']['values'][number];
 /**
- * Type for a mapping of enum values to labels
+ * Type for a mapping of enum values to labels (values and labels can be string or number)
  */
-type EnumValueToLabelMap<T extends string> = Record<T, string>;
+type EnumValueToLabelMap<T extends string | number = string | number> = Record<T, string | number>;
 /**
  * Type for a value-to-label mapping that can be either a function or an object map
  */
-type ValueToLabelMapping<T extends string = string> = ((value: string) => string) | EnumValueToLabelMap<T>;
+type ValueToLabelMapping<T extends string | number = string | number> = ((value: T) => string | number) | EnumValueToLabelMap<T>;
 /**
  * Helper type to extract the type of a field at a given path
  */
@@ -671,7 +671,7 @@ type ArrayFieldComponent<T, P extends Path<T>> = vue.FunctionalComponent<Omit<Ar
  * Type for enum field components that require valueToLabel
  */
 type EnumFieldComponent<T, P extends Path<T>> = (props: Omit<SelectFieldProps<T>, 'name' | 'valueToLabel'> & {
-    valueToLabel: Record<FieldPathToEnum<T, P>, string>;
+    valueToLabel: Record<FieldPathToEnum<T, P>, string | number>;
 }, context?: any) => any;
 /**
  * Type for combobox field components (searchable select with optional creation)
@@ -753,9 +753,9 @@ interface FieldMetadata$1 {
     max?: number;
     /** Regular expression pattern for validation */
     pattern?: RegExp;
-    /** Options for enum fields */
+    /** Options for enum fields (value can be string or number when valueType is 'number') */
     options?: Array<{
-        value: string;
+        value: string | number;
         label: string;
     }>;
     /** Default value for the field */
@@ -774,8 +774,13 @@ interface FieldMetadata$1 {
     rows?: number;
     /** For textarea fields, number of columns to display */
     cols?: number;
-    /** For enum fields, map values to display labels */
-    valueToLabel?: Record<string, string>;
+    /** For enum fields, map values to display labels (keys and values can be string or number) */
+    valueToLabel?: Record<string | number, string | number>;
+    /**
+     * Coerce select/combobox values to this type when setting form state.
+     * Use 'number' when valueToLabel has numeric keys - stores numbers instead of strings.
+     */
+    valueType?: 'number';
     /** Whether the field should be disabled */
     disabled?: boolean;
     /** Whether the field should be hidden */
@@ -854,7 +859,7 @@ declare function createTypedComboboxField<T, P extends Path<T>>(baseComboboxFiel
  * @returns A factory function that creates a type-safe select field
  */
 declare function createTypedSelectField<T, P extends Path<T>>(baseSelectField: FunctionalComponent<SelectFieldProps<T>>, fieldPath: P): <E extends FieldPathToEnum<T, P> = FieldPathToEnum<T, P>>(props: Omit<SelectFieldProps<T>, "name" | "valueToLabel"> & {
-    valueToLabel: Record<E, string>;
+    valueToLabel: Record<E, string | number>;
 }, context?: any) => any;
 /**
  * Type-safe select field component with valueToLabel based on field path
@@ -862,7 +867,7 @@ declare function createTypedSelectField<T, P extends Path<T>>(baseSelectField: F
 interface TypedSelectFieldComponent<T> {
     <P extends Path<T>>(props: Omit<SelectFieldProps<T>, 'valueToLabel'> & {
         name: P;
-        valueToLabel?: Record<string, string>;
+        valueToLabel?: Record<string | number, string | number>;
     }): ReturnType<FunctionalComponent>;
 }
 
@@ -880,7 +885,7 @@ type DisplayFieldComponent<T, P extends Path<T>, _FieldType extends string = 'st
     size?: string;
     variant?: string;
     copyable?: boolean;
-    valueToLabel?: Record<string, string>;
+    valueToLabel?: Record<string | number, string | number>;
     separator?: string;
     itemRenderer?: (item: any, index: number) => string;
     maxItems?: number;
@@ -996,10 +1001,10 @@ declare function generateFieldComponents<T extends z.ZodObject<any>>(schema: T,
             default: () => any;
         }, {}>;
         createTypedSelectField: <P extends Path<z.TypeOf<T>>>(fieldPath: P) => <E extends FieldPathToEnum<z.TypeOf<T>, P> = FieldPathToEnum<z.TypeOf<T>, P>>(props: Omit<SelectFieldProps<z.TypeOf<T>, Path<z.TypeOf<T>>, any>, "name" | "valueToLabel"> & {
-            valueToLabel: Record<E, string>;
+            valueToLabel: Record<E, string | number>;
         }, context?: any) => any;
         typedSelectFields: { [K in Path<z.TypeOf<T>>]?: (<E extends FieldPathToEnum<z.TypeOf<T>, K> = FieldPathToEnum<z.TypeOf<T>, K>>(props: Omit<SelectFieldProps<z.TypeOf<T>, Path<z.TypeOf<T>>, any>, "name" | "valueToLabel"> & {
-            valueToLabel: Record<E, string>;
+            valueToLabel: Record<E, string | number>;
         }, context?: any) => any) | undefined; };
         fields: Record<Path<z.TypeOf<T>>, any>;
         field: <P extends Path<z.TypeOf<T>>>(path: P) => any;
@@ -1445,7 +1450,7 @@ interface DisplayFieldProps<FormType> {
         class: string;
         label?: string;
     }>;
-    valueToLabel?: Record<string, string>;
+    valueToLabel?: Record<string | number, string | number>;
     separator?: string;
     itemRenderer?: (item: any, index: number) => string;
     maxItems?: number;
@@ -1688,8 +1693,14 @@ interface SchemaFieldMetadata {
     rows?: number;
     /** For textarea fields, number of columns to display */
     cols?: number;
-    /** For enum fields, map values to display labels */
-    valueToLabel?: Record<string, string>;
+    /** For enum fields, map values to display labels (keys and values can be string or number) */
+    valueToLabel?: Record<string | number, string | number>;
+    /**
+     * Coerce select/combobox values to this type when setting form state.
+     * Use 'number' when valueToLabel has numeric keys - stores numbers instead of strings.
+     * Keeps Zod strict (no transforms needed); the field handles coercion at input time.
+     */
+    valueType?: 'number';
     /** Whether to hide validation errors */
     hideError?: boolean;
     /** Step value for numeric fields */
@@ -2817,10 +2828,10 @@ declare function useForm<T extends z.ZodObject<any>, CalcType = (values: z.infer
             default: () => any;
         }, {}>;
         createTypedSelectField: <P extends Path<z.TypeOf<T>>>(fieldPath: P) => <E extends FieldPathToEnum<z.TypeOf<T>, P> = FieldPathToEnum<z.TypeOf<T>, P>>(props: Omit<SelectFieldProps<z.TypeOf<T>, Path<z.TypeOf<T>>, any>, "name" | "valueToLabel"> & {
-            valueToLabel: Record<E, string>;
+            valueToLabel: Record<E, string | number>;
         }, context?: any) => any;
         typedSelectFields: { [K in Path<z.TypeOf<T>>]?: (<E extends FieldPathToEnum<z.TypeOf<T>, K> = FieldPathToEnum<z.TypeOf<T>, K>>(props: Omit<SelectFieldProps<z.TypeOf<T>, Path<z.TypeOf<T>>, any>, "name" | "valueToLabel"> & {
-            valueToLabel: Record<E, string>;
+            valueToLabel: Record<E, string | number>;
         }, context?: any) => any) | undefined; };
         fields: Record<Path<z.TypeOf<T>>, any>;
         field: <P extends Path<z.TypeOf<T>>>(path: P) => any;

package/dist/index.js

@@ -1252,18 +1252,24 @@ function extractFieldMetadata(schema, path = "", parentSchema, schemaId) {
         metadata.inputType = "textarea";
       }
       if (customMetadata.valueToLabel && metadata.type === "enum" && metadata.options) {
-        metadata.options = metadata.options.map((option) => ({
-          value: option.value,
-          label: customMetadata.valueToLabel?.[option.value] || option.label
-        }));
+        const valueType = customMetadata.valueType;
+        metadata.options = metadata.options.map((option) => {
+          const rawValue = option.value;
+          const value = valueType === "number" ? Number(rawValue) : rawValue;
+          return {
+            value,
+            label: String(customMetadata.valueToLabel?.[rawValue] ?? option.label)
+          };
+        });
       }
       if (customMetadata.inputType === "select") {
         metadata.type = "enum";
         if (!metadata.options || metadata.options.length === 0) {
           if (customMetadata.valueToLabel) {
+            const valueType = customMetadata.valueType;
             metadata.options = Object.entries(customMetadata.valueToLabel).map(([value, label]) => ({
-              value,
-              label
+              value: valueType === "number" ? Number(value) : value,
+              label: String(label)
             }));
           } else if (customMetadata.options) {
             metadata.options = customMetadata.options;
@@ -5053,7 +5059,7 @@ function createDaisyUISelectField() {
         const valueToLabel = normalizedProps.valueToLabel;
         return schemaOptions.map((option) => ({
           value: option.value,
-          label: typeof valueToLabel === "function" ? valueToLabel(option.value) : valueToLabel[option.value] || option.value
+          label: typeof valueToLabel === "function" ? valueToLabel(option.value) : valueToLabel[option.value] ?? option.value
         }));
       }
       return schemaOptions;
@@ -5112,7 +5118,9 @@ function createDaisyUISelectField() {
       value: formState.getValue(props.name),
       onChange: (event) => {
         const target = event.target;
-        formState.setValue(props.name, target.value);
+        const rawValue = target.value;
+        const value = fieldMetadata?.valueType === "number" && rawValue !== "" ? Number(rawValue) : rawValue;
+        formState.setValue(props.name, value);
         formState.touchField(props.name);
         formState.validateField(props.name);
       },