pdyform 2.0.0 → 2.0.2

package/package.json

@@ -48,9 +48,10 @@
     "turbo": "latest",
     "typescript": "^5.0.0",
     "typescript-eslint": "^8.56.1",
-    "vitest": "^1.0.0"
+    "vitest": "^1.0.0",
+    "vue": "^3.5.0"
   },
-  "version": "2.0.0",
+  "version": "2.0.2",
   "scripts": {
     "build:all": "turbo run build",
     "dev:all": "turbo run dev",

package/packages/core/dist/chunk-TP3IHKWV.js

@@ -0,0 +1,69 @@
+import {
+  getDefaultValues,
+  normalizeFieldValue,
+  validateFieldByName,
+  validateForm
+} from "./chunk-WEDHXOHH.js";
+
+// src/formState.ts
+function createFormRuntimeState(fields) {
+  return {
+    values: getDefaultValues(fields),
+    errors: {},
+    isSubmitting: false
+  };
+}
+function setSubmitting(state, isSubmitting) {
+  return {
+    ...state,
+    isSubmitting
+  };
+}
+function applyFieldChange(fields, state, name, rawValue) {
+  const field = fields.find((f) => f.name === name);
+  const normalizedValue = field ? normalizeFieldValue(field, rawValue) : rawValue;
+  const values = {
+    ...state.values,
+    [name]: normalizedValue
+  };
+  const error = validateFieldByName(fields, name, normalizedValue);
+  const errors = {
+    ...state.errors,
+    [name]: error || ""
+  };
+  return {
+    ...state,
+    values,
+    errors
+  };
+}
+function applyFieldBlur(fields, state, name) {
+  const error = validateFieldByName(fields, name, state.values[name]);
+  return {
+    ...state,
+    errors: {
+      ...state.errors,
+      [name]: error || ""
+    }
+  };
+}
+function runSubmitValidation(fields, state) {
+  const errors = validateForm(fields, state.values);
+  const hasError = Object.keys(errors).length > 0;
+  return {
+    state: {
+      ...state,
+      errors,
+      isSubmitting: false
+    },
+    hasError
+  };
+}
+
+export {
+  createFormRuntimeState,
+  setSubmitting,
+  applyFieldChange,
+  applyFieldBlur,
+  runSubmitValidation
+};

package/packages/core/dist/{chunk-GQASS6PM.js → chunk-WEDHXOHH.js}

@@ -5,6 +5,12 @@ function parseNumberish(value) {
   const parsed = Number(value);
   return Number.isNaN(parsed) ? null : parsed;
 }
+function normalizeFieldValue(field, value) {
+  if (field.type !== "number") return value;
+  if (value === "" || value === void 0 || value === null) return "";
+  const numericValue = parseNumberish(value);
+  return numericValue === null ? value : numericValue;
+}
 function validateField(value, field) {
   if (!field.validations) return null;
   for (const rule of field.validations) {
@@ -67,6 +73,19 @@ function validateField(value, field) {
   }
   return null;
 }
+function validateFieldByName(fields, name, value) {
+  const field = fields.find((f) => f.name === name);
+  if (!field) return null;
+  return validateField(value, field);
+}
+function validateForm(fields, values) {
+  const errors = {};
+  for (const field of fields) {
+    const error = validateField(values[field.name], field);
+    if (error) errors[field.name] = error;
+  }
+  return errors;
+}
 function getDefaultValues(fields) {
   return fields.reduce((acc, field) => {
     acc[field.name] = field.defaultValue !== void 0 ? field.defaultValue : field.type === "checkbox" ? [] : "";
@@ -75,6 +94,9 @@ function getDefaultValues(fields) {
 }
 
 export {
+  normalizeFieldValue,
   validateField,
+  validateFieldByName,
+  validateForm,
   getDefaultValues
 };

package/packages/core/dist/formState.cjs

@@ -0,0 +1,187 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/formState.ts
+var formState_exports = {};
+__export(formState_exports, {
+  applyFieldBlur: () => applyFieldBlur,
+  applyFieldChange: () => applyFieldChange,
+  createFormRuntimeState: () => createFormRuntimeState,
+  runSubmitValidation: () => runSubmitValidation,
+  setSubmitting: () => setSubmitting
+});
+module.exports = __toCommonJS(formState_exports);
+
+// src/utils.ts
+function parseNumberish(value) {
+  if (typeof value === "number") return Number.isNaN(value) ? null : value;
+  if (typeof value !== "string" || value.trim() === "") return null;
+  const parsed = Number(value);
+  return Number.isNaN(parsed) ? null : parsed;
+}
+function normalizeFieldValue(field, value) {
+  if (field.type !== "number") return value;
+  if (value === "" || value === void 0 || value === null) return "";
+  const numericValue = parseNumberish(value);
+  return numericValue === null ? value : numericValue;
+}
+function validateField(value, field) {
+  if (!field.validations) return null;
+  for (const rule of field.validations) {
+    switch (rule.type) {
+      case "required":
+        if (value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0) {
+          return rule.message || `${field.label} is required`;
+        }
+        break;
+      case "min":
+        if (field.type === "number") {
+          const numericValue = parseNumberish(value);
+          if (numericValue !== null && numericValue < rule.value) {
+            return rule.message || `${field.label} must be at least ${rule.value}`;
+          }
+          break;
+        }
+        if (typeof value === "number" && value < rule.value) {
+          return rule.message || `${field.label} must be at least ${rule.value}`;
+        }
+        if (typeof value === "string" && value.length < rule.value) {
+          return rule.message || `${field.label} must be at least ${rule.value} characters`;
+        }
+        break;
+      case "max":
+        if (field.type === "number") {
+          const numericValue = parseNumberish(value);
+          if (numericValue !== null && numericValue > rule.value) {
+            return rule.message || `${field.label} must be at most ${rule.value}`;
+          }
+          break;
+        }
+        if (typeof value === "number" && value > rule.value) {
+          return rule.message || `${field.label} must be at most ${rule.value}`;
+        }
+        if (typeof value === "string" && value.length > rule.value) {
+          return rule.message || `${field.label} must be at most ${rule.value} characters`;
+        }
+        break;
+      case "email": {
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (value && !emailRegex.test(value)) {
+          return rule.message || "Invalid email address";
+        }
+        break;
+      }
+      case "pattern":
+        if (value && rule.value && !new RegExp(rule.value).test(value)) {
+          return rule.message || "Invalid format";
+        }
+        break;
+      case "custom":
+        if (rule.validator) {
+          const result = rule.validator(value);
+          if (typeof result === "string") return result;
+          if (!result) return rule.message || "Invalid value";
+        }
+        break;
+    }
+  }
+  return null;
+}
+function validateFieldByName(fields, name, value) {
+  const field = fields.find((f) => f.name === name);
+  if (!field) return null;
+  return validateField(value, field);
+}
+function validateForm(fields, values) {
+  const errors = {};
+  for (const field of fields) {
+    const error = validateField(values[field.name], field);
+    if (error) errors[field.name] = error;
+  }
+  return errors;
+}
+function getDefaultValues(fields) {
+  return fields.reduce((acc, field) => {
+    acc[field.name] = field.defaultValue !== void 0 ? field.defaultValue : field.type === "checkbox" ? [] : "";
+    return acc;
+  }, {});
+}
+
+// src/formState.ts
+function createFormRuntimeState(fields) {
+  return {
+    values: getDefaultValues(fields),
+    errors: {},
+    isSubmitting: false
+  };
+}
+function setSubmitting(state, isSubmitting) {
+  return {
+    ...state,
+    isSubmitting
+  };
+}
+function applyFieldChange(fields, state, name, rawValue) {
+  const field = fields.find((f) => f.name === name);
+  const normalizedValue = field ? normalizeFieldValue(field, rawValue) : rawValue;
+  const values = {
+    ...state.values,
+    [name]: normalizedValue
+  };
+  const error = validateFieldByName(fields, name, normalizedValue);
+  const errors = {
+    ...state.errors,
+    [name]: error || ""
+  };
+  return {
+    ...state,
+    values,
+    errors
+  };
+}
+function applyFieldBlur(fields, state, name) {
+  const error = validateFieldByName(fields, name, state.values[name]);
+  return {
+    ...state,
+    errors: {
+      ...state.errors,
+      [name]: error || ""
+    }
+  };
+}
+function runSubmitValidation(fields, state) {
+  const errors = validateForm(fields, state.values);
+  const hasError = Object.keys(errors).length > 0;
+  return {
+    state: {
+      ...state,
+      errors,
+      isSubmitting: false
+    },
+    hasError
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyFieldBlur,
+  applyFieldChange,
+  createFormRuntimeState,
+  runSubmitValidation,
+  setSubmitting
+});

package/packages/core/dist/formState.d.cts

@@ -0,0 +1,17 @@
+import { FormField } from './types.cjs';
+
+interface FormRuntimeState {
+    values: Record<string, any>;
+    errors: Record<string, string>;
+    isSubmitting: boolean;
+}
+declare function createFormRuntimeState(fields: FormField[]): FormRuntimeState;
+declare function setSubmitting(state: FormRuntimeState, isSubmitting: boolean): FormRuntimeState;
+declare function applyFieldChange(fields: FormField[], state: FormRuntimeState, name: string, rawValue: unknown): FormRuntimeState;
+declare function applyFieldBlur(fields: FormField[], state: FormRuntimeState, name: string): FormRuntimeState;
+declare function runSubmitValidation(fields: FormField[], state: FormRuntimeState): {
+    state: FormRuntimeState;
+    hasError: boolean;
+};
+
+export { type FormRuntimeState, applyFieldBlur, applyFieldChange, createFormRuntimeState, runSubmitValidation, setSubmitting };

package/packages/core/dist/formState.d.ts

@@ -0,0 +1,17 @@
+import { FormField } from './types.js';
+
+interface FormRuntimeState {
+    values: Record<string, any>;
+    errors: Record<string, string>;
+    isSubmitting: boolean;
+}
+declare function createFormRuntimeState(fields: FormField[]): FormRuntimeState;
+declare function setSubmitting(state: FormRuntimeState, isSubmitting: boolean): FormRuntimeState;
+declare function applyFieldChange(fields: FormField[], state: FormRuntimeState, name: string, rawValue: unknown): FormRuntimeState;
+declare function applyFieldBlur(fields: FormField[], state: FormRuntimeState, name: string): FormRuntimeState;
+declare function runSubmitValidation(fields: FormField[], state: FormRuntimeState): {
+    state: FormRuntimeState;
+    hasError: boolean;
+};
+
+export { type FormRuntimeState, applyFieldBlur, applyFieldChange, createFormRuntimeState, runSubmitValidation, setSubmitting };

package/packages/core/dist/formState.js

@@ -0,0 +1,15 @@
+import {
+  applyFieldBlur,
+  applyFieldChange,
+  createFormRuntimeState,
+  runSubmitValidation,
+  setSubmitting
+} from "./chunk-TP3IHKWV.js";
+import "./chunk-WEDHXOHH.js";
+export {
+  applyFieldBlur,
+  applyFieldChange,
+  createFormRuntimeState,
+  runSubmitValidation,
+  setSubmitting
+};

package/packages/core/dist/index.cjs

@@ -20,8 +20,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  applyFieldBlur: () => applyFieldBlur,
+  applyFieldChange: () => applyFieldChange,
+  createFormRuntimeState: () => createFormRuntimeState,
   getDefaultValues: () => getDefaultValues,
-  validateField: () => validateField
+  normalizeFieldValue: () => normalizeFieldValue,
+  runSubmitValidation: () => runSubmitValidation,
+  setSubmitting: () => setSubmitting,
+  validateField: () => validateField,
+  validateFieldByName: () => validateFieldByName,
+  validateForm: () => validateForm
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -32,6 +40,12 @@ function parseNumberish(value) {
   const parsed = Number(value);
   return Number.isNaN(parsed) ? null : parsed;
 }
+function normalizeFieldValue(field, value) {
+  if (field.type !== "number") return value;
+  if (value === "" || value === void 0 || value === null) return "";
+  const numericValue = parseNumberish(value);
+  return numericValue === null ? value : numericValue;
+}
 function validateField(value, field) {
   if (!field.validations) return null;
   for (const rule of field.validations) {
@@ -94,14 +108,90 @@ function validateField(value, field) {
   }
   return null;
 }
+function validateFieldByName(fields, name, value) {
+  const field = fields.find((f) => f.name === name);
+  if (!field) return null;
+  return validateField(value, field);
+}
+function validateForm(fields, values) {
+  const errors = {};
+  for (const field of fields) {
+    const error = validateField(values[field.name], field);
+    if (error) errors[field.name] = error;
+  }
+  return errors;
+}
 function getDefaultValues(fields) {
   return fields.reduce((acc, field) => {
     acc[field.name] = field.defaultValue !== void 0 ? field.defaultValue : field.type === "checkbox" ? [] : "";
     return acc;
   }, {});
 }
+
+// src/formState.ts
+function createFormRuntimeState(fields) {
+  return {
+    values: getDefaultValues(fields),
+    errors: {},
+    isSubmitting: false
+  };
+}
+function setSubmitting(state, isSubmitting) {
+  return {
+    ...state,
+    isSubmitting
+  };
+}
+function applyFieldChange(fields, state, name, rawValue) {
+  const field = fields.find((f) => f.name === name);
+  const normalizedValue = field ? normalizeFieldValue(field, rawValue) : rawValue;
+  const values = {
+    ...state.values,
+    [name]: normalizedValue
+  };
+  const error = validateFieldByName(fields, name, normalizedValue);
+  const errors = {
+    ...state.errors,
+    [name]: error || ""
+  };
+  return {
+    ...state,
+    values,
+    errors
+  };
+}
+function applyFieldBlur(fields, state, name) {
+  const error = validateFieldByName(fields, name, state.values[name]);
+  return {
+    ...state,
+    errors: {
+      ...state.errors,
+      [name]: error || ""
+    }
+  };
+}
+function runSubmitValidation(fields, state) {
+  const errors = validateForm(fields, state.values);
+  const hasError = Object.keys(errors).length > 0;
+  return {
+    state: {
+      ...state,
+      errors,
+      isSubmitting: false
+    },
+    hasError
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  applyFieldBlur,
+  applyFieldChange,
+  createFormRuntimeState,
   getDefaultValues,
-  validateField
+  normalizeFieldValue,
+  runSubmitValidation,
+  setSubmitting,
+  validateField,
+  validateFieldByName,
+  validateForm
 });

package/packages/core/dist/index.d.cts

@@ -1,2 +1,3 @@
 export { FieldType, FormField, FormSchema, FormState, Option, ValidationRule } from './types.cjs';
-export { getDefaultValues, validateField } from './utils.cjs';
+export { getDefaultValues, normalizeFieldValue, validateField, validateFieldByName, validateForm } from './utils.cjs';
+export { FormRuntimeState, applyFieldBlur, applyFieldChange, createFormRuntimeState, runSubmitValidation, setSubmitting } from './formState.cjs';

package/packages/core/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { FieldType, FormField, FormSchema, FormState, Option, ValidationRule } from './types.js';
-export { getDefaultValues, validateField } from './utils.js';
+export { getDefaultValues, normalizeFieldValue, validateField, validateFieldByName, validateForm } from './utils.js';
+export { FormRuntimeState, applyFieldBlur, applyFieldChange, createFormRuntimeState, runSubmitValidation, setSubmitting } from './formState.js';

package/packages/core/dist/index.js

@@ -1,8 +1,26 @@
+import {
+  applyFieldBlur,
+  applyFieldChange,
+  createFormRuntimeState,
+  runSubmitValidation,
+  setSubmitting
+} from "./chunk-TP3IHKWV.js";
 import {
   getDefaultValues,
-  validateField
-} from "./chunk-GQASS6PM.js";
+  normalizeFieldValue,
+  validateField,
+  validateFieldByName,
+  validateForm
+} from "./chunk-WEDHXOHH.js";
 export {
+  applyFieldBlur,
+  applyFieldChange,
+  createFormRuntimeState,
   getDefaultValues,
-  validateField
+  normalizeFieldValue,
+  runSubmitValidation,
+  setSubmitting,
+  validateField,
+  validateFieldByName,
+  validateForm
 };

package/packages/core/dist/utils.cjs

@@ -21,7 +21,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   getDefaultValues: () => getDefaultValues,
-  validateField: () => validateField
+  normalizeFieldValue: () => normalizeFieldValue,
+  validateField: () => validateField,
+  validateFieldByName: () => validateFieldByName,
+  validateForm: () => validateForm
 });
 module.exports = __toCommonJS(utils_exports);
 function parseNumberish(value) {
@@ -30,6 +33,12 @@ function parseNumberish(value) {
   const parsed = Number(value);
   return Number.isNaN(parsed) ? null : parsed;
 }
+function normalizeFieldValue(field, value) {
+  if (field.type !== "number") return value;
+  if (value === "" || value === void 0 || value === null) return "";
+  const numericValue = parseNumberish(value);
+  return numericValue === null ? value : numericValue;
+}
 function validateField(value, field) {
   if (!field.validations) return null;
   for (const rule of field.validations) {
@@ -92,6 +101,19 @@ function validateField(value, field) {
   }
   return null;
 }
+function validateFieldByName(fields, name, value) {
+  const field = fields.find((f) => f.name === name);
+  if (!field) return null;
+  return validateField(value, field);
+}
+function validateForm(fields, values) {
+  const errors = {};
+  for (const field of fields) {
+    const error = validateField(values[field.name], field);
+    if (error) errors[field.name] = error;
+  }
+  return errors;
+}
 function getDefaultValues(fields) {
   return fields.reduce((acc, field) => {
     acc[field.name] = field.defaultValue !== void 0 ? field.defaultValue : field.type === "checkbox" ? [] : "";
@@ -101,5 +123,8 @@ function getDefaultValues(fields) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getDefaultValues,
-  validateField
+  normalizeFieldValue,
+  validateField,
+  validateFieldByName,
+  validateForm
 });

package/packages/core/dist/utils.d.cts

@@ -1,6 +1,9 @@
 import { FormField } from './types.cjs';
 
+declare function normalizeFieldValue(field: FormField, value: unknown): unknown;
 declare function validateField(value: any, field: FormField): string | null;
+declare function validateFieldByName(fields: FormField[], name: string, value: unknown): string | null;
+declare function validateForm(fields: FormField[], values: Record<string, any>): Record<string, string>;
 declare function getDefaultValues(fields: FormField[]): Record<string, any>;
 
-export { getDefaultValues, validateField };
+export { getDefaultValues, normalizeFieldValue, validateField, validateFieldByName, validateForm };

package/packages/core/dist/utils.d.ts

@@ -1,6 +1,9 @@
 import { FormField } from './types.js';
 
+declare function normalizeFieldValue(field: FormField, value: unknown): unknown;
 declare function validateField(value: any, field: FormField): string | null;
+declare function validateFieldByName(fields: FormField[], name: string, value: unknown): string | null;
+declare function validateForm(fields: FormField[], values: Record<string, any>): Record<string, string>;
 declare function getDefaultValues(fields: FormField[]): Record<string, any>;
 
-export { getDefaultValues, validateField };
+export { getDefaultValues, normalizeFieldValue, validateField, validateFieldByName, validateForm };

package/packages/core/dist/utils.js

@@ -1,8 +1,14 @@
 import {
   getDefaultValues,
-  validateField
-} from "./chunk-GQASS6PM.js";
+  normalizeFieldValue,
+  validateField,
+  validateFieldByName,
+  validateForm
+} from "./chunk-WEDHXOHH.js";
 export {
   getDefaultValues,
-  validateField
+  normalizeFieldValue,
+  validateField,
+  validateFieldByName,
+  validateForm
 };

package/packages/core/node_modules/.vite/vitest/results.json

@@ -1 +1 @@
-{"version":"1.6.1","results":[[":test/utils.test.ts",{"duration":3,"failed":false}]]}
+{"version":"1.6.1","results":[[":test/formState.test.ts",{"duration":2,"failed":false}],[":test/utils.test.ts",{"duration":4,"failed":false}]]}