pdyform 1.2.0 → 2.0.0

package/packages/core/dist/index.cjs

@@ -26,6 +26,12 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_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 validateField(value, field) {
   if (!field.validations) return null;
   for (const rule of field.validations) {
@@ -36,6 +42,13 @@ function validateField(value, field) {
         }
         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}`;
         }
@@ -44,6 +57,13 @@ function validateField(value, field) {
         }
         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}`;
         }

package/packages/core/dist/index.js

@@ -1,7 +1,7 @@
 import {
   getDefaultValues,
   validateField
-} from "./chunk-KQR3LFND.js";
+} from "./chunk-GQASS6PM.js";
 export {
   getDefaultValues,
   validateField

package/packages/core/dist/utils.cjs

@@ -24,6 +24,12 @@ __export(utils_exports, {
   validateField: () => validateField
 });
 module.exports = __toCommonJS(utils_exports);
+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 validateField(value, field) {
   if (!field.validations) return null;
   for (const rule of field.validations) {
@@ -34,6 +40,13 @@ function validateField(value, field) {
         }
         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}`;
         }
@@ -42,6 +55,13 @@ function validateField(value, field) {
         }
         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}`;
         }

package/packages/core/dist/utils.js

@@ -1,7 +1,7 @@
 import {
   getDefaultValues,
   validateField
-} from "./chunk-KQR3LFND.js";
+} from "./chunk-GQASS6PM.js";
 export {
   getDefaultValues,
   validateField

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

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

package/packages/core/src/utils.ts

@@ -1,5 +1,12 @@
 import type { FormField } from './types';
 
+function parseNumberish(value: unknown): number | null {
+  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;
+}
+
 export function validateField(value: any, field: FormField): string | null {
   if (!field.validations) return null;
 
@@ -11,6 +18,13 @@ export function validateField(value: any, field: FormField): string | null {
         }
         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}`;
         }
@@ -19,6 +33,13 @@ export function validateField(value: any, field: FormField): string | null {
         }
         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}`;
         }

package/packages/core/test/utils.test.ts

@@ -40,6 +40,12 @@ describe('core utils - validateField', () => {
       expect(validateField(10, fieldNum)).toBeNull();
       expect(validateField(21, fieldNum)).toBe('F2 must be at most 20');
     });
+
+    it('treats numeric strings as numbers for number fields', () => {
+      expect(validateField('9', fieldNum)).toBe('F2 must be at least 10');
+      expect(validateField('10', fieldNum)).toBeNull();
+      expect(validateField('22', fieldNum)).toBe('F2 must be at most 20');
+    });
   });
 
   describe('email', () => {

package/packages/react/dist/index.cjs

@@ -249,19 +249,28 @@ Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/InputRenderer.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var InputRenderer = ({ field, value, onChange, onBlur, fieldId }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-  Input,
-  {
-    id: fieldId,
-    type: field.type,
-    placeholder: field.placeholder,
-    value: value ?? "",
-    onChange: (e) => onChange(e.target.value),
-    onBlur,
-    disabled: field.disabled,
-    name: field.name
-  }
-);
+var InputRenderer = ({ field, value, onChange, onBlur, fieldId }) => {
+  const handleChange = (nextValue) => {
+    if (field.type !== "number") {
+      onChange(nextValue);
+      return;
+    }
+    onChange(nextValue === "" ? "" : Number(nextValue));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    Input,
+    {
+      id: fieldId,
+      type: field.type,
+      placeholder: field.placeholder,
+      value: value ?? "",
+      onChange: (e) => handleChange(e.target.value),
+      onBlur,
+      disabled: field.disabled,
+      name: field.name
+    }
+  );
+};
 var InputRenderer_default = InputRenderer;
 
 // src/components/TextareaRenderer.tsx

package/packages/react/dist/index.js

@@ -194,19 +194,28 @@ Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/InputRenderer.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-var InputRenderer = ({ field, value, onChange, onBlur, fieldId }) => /* @__PURE__ */ jsx7(
-  Input,
-  {
-    id: fieldId,
-    type: field.type,
-    placeholder: field.placeholder,
-    value: value ?? "",
-    onChange: (e) => onChange(e.target.value),
-    onBlur,
-    disabled: field.disabled,
-    name: field.name
-  }
-);
+var InputRenderer = ({ field, value, onChange, onBlur, fieldId }) => {
+  const handleChange = (nextValue) => {
+    if (field.type !== "number") {
+      onChange(nextValue);
+      return;
+    }
+    onChange(nextValue === "" ? "" : Number(nextValue));
+  };
+  return /* @__PURE__ */ jsx7(
+    Input,
+    {
+      id: fieldId,
+      type: field.type,
+      placeholder: field.placeholder,
+      value: value ?? "",
+      onChange: (e) => handleChange(e.target.value),
+      onBlur,
+      disabled: field.disabled,
+      name: field.name
+    }
+  );
+};
 var InputRenderer_default = InputRenderer;
 
 // src/components/TextareaRenderer.tsx

package/packages/react/node_modules/.bin/vite

@@ -6,12 +6,12 @@ case `uname` in
 esac
 
 if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules/vite/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules/vite/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/node_modules"
+  export NODE_PATH="/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@7.3.1_@types+node@20.19.35_jiti@1.21.7/node_modules/vite/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@7.3.1_@types+node@20.19.35_jiti@1.21.7/node_modules/vite/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@7.3.1_@types+node@20.19.35_jiti@1.21.7/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/node_modules"
 else
-  export NODE_PATH="/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules/vite/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules/vite/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/node_modules:$NODE_PATH"
+  export NODE_PATH="/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@7.3.1_@types+node@20.19.35_jiti@1.21.7/node_modules/vite/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@7.3.1_@types+node@20.19.35_jiti@1.21.7/node_modules/vite/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@7.3.1_@types+node@20.19.35_jiti@1.21.7/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules/vite/bin/vite.js" "$@"
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/vite@7.3.1_@types+node@20.19.35_jiti@1.21.7/node_modules/vite/bin/vite.js" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules/vite/bin/vite.js" "$@"
+  exec node  "$basedir/../../../../node_modules/.pnpm/vite@7.3.1_@types+node@20.19.35_jiti@1.21.7/node_modules/vite/bin/vite.js" "$@"
 fi

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

@@ -1 +1 @@
-{"version":"1.6.1","results":[[":test/FormFieldRenderer.test.tsx",{"duration":123,"failed":false}],[":test/DynamicForm.test.tsx",{"duration":29,"failed":false}]]}
+{"version":"1.6.1","results":[[":test/DynamicForm.test.tsx",{"duration":30,"failed":false}],[":test/FormFieldRenderer.test.tsx",{"duration":129,"failed":false}]]}

package/packages/react/src/components/InputRenderer.tsx

@@ -2,17 +2,28 @@ import React from 'react';
 import type { FieldRenderContext } from './types';
 import { Input } from './Input';
 
-const InputRenderer: React.FC<FieldRenderContext> = ({ field, value, onChange, onBlur, fieldId }) => (
-  <Input
-    id={fieldId}
-    type={field.type}
-    placeholder={field.placeholder}
-    value={value ?? ''}
-    onChange={(e) => onChange(e.target.value)}
-    onBlur={onBlur}
-    disabled={field.disabled}
-    name={field.name}
-  />
-);
+const InputRenderer: React.FC<FieldRenderContext> = ({ field, value, onChange, onBlur, fieldId }) => {
+  const handleChange = (nextValue: string) => {
+    if (field.type !== 'number') {
+      onChange(nextValue);
+      return;
+    }
+
+    onChange(nextValue === '' ? '' : Number(nextValue));
+  };
+
+  return (
+    <Input
+      id={fieldId}
+      type={field.type}
+      placeholder={field.placeholder}
+      value={value ?? ''}
+      onChange={(e) => handleChange(e.target.value)}
+      onBlur={onBlur}
+      disabled={field.disabled}
+      name={field.name}
+    />
+  );
+};
 
 export default InputRenderer;

package/packages/react/test/FormFieldRenderer.test.tsx

@@ -25,6 +25,16 @@ describe('FormFieldRenderer', () => {
     expect(onChange).toHaveBeenCalledWith('new value');
   });
 
+  it('emits number for number inputs', () => {
+    const field: FormField = { ...defaultField, type: 'number' };
+    const onChange = vi.fn();
+    render(<FormFieldRenderer field={field} value={22} onChange={onChange} />);
+
+    const input = screen.getByLabelText('Test Label') as HTMLInputElement;
+    fireEvent.change(input, { target: { value: '23' } });
+    expect(onChange).toHaveBeenCalledWith(23);
+  });
+
   it('renders a textarea correctly', () => {
     const field: FormField = { ...defaultField, type: 'textarea' };
     const onChange = vi.fn();