@form-os/react 0.1.0 → 0.2.0

package/dist/fields/index.cjs

@@ -251,9 +251,12 @@ var defaultComponents = {
 function DefaultField({
   field,
   control,
+  component,
   ...rest
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCYMOPAGJcjs.Field, { field, control, components: defaultComponents, ...rest });
+  const components = defaultComponents;
+  const resolved = _nullishCoalesce(_nullishCoalesce(component, () => ( components[field.type])), () => ( components["text"]));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCYMOPAGJcjs.Field, { field, control, component: resolved, ...rest });
 }
 
 

package/dist/fields/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/abeleko/Documents/larven/formjs/packages/react/dist/fields/index.cjs","../../src/fields/TextField.tsx","../../src/fields/NumberField.tsx","../../src/fields/EmailField.tsx","../../src/fields/PasswordField.tsx","../../src/fields/TextAreaField.tsx","../../src/fields/DateField.tsx","../../src/fields/SelectField.tsx","../../src/fields/CheckboxField.tsx","../../src/fields/RadioField.tsx","../../src/fields/SwitchField.tsx","../../src/fields/defaultComponents.ts","../../src/fields/DefaultField.tsx"],"names":["jsx"],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B;AACA;ACMI,+CAAA;AARG,SAAS,SAAA,CAAU;AAAA,EACxB,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,MAAM,EAAA,EAAI,SAAA;AAC1B,EAAA,uBACE,6BAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAa,WAAA,CAAY,WAAA;AAAA,MACzB,SAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ADMA;AACA;AEhBI;AARG,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,MAAM,EAAA,EAAI,SAAA;AAC1B,EAAA,uBACEA,6BAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,IAAA,EAAK,QAAA;AAAA,MACL,GAAA,kBAAK,WAAA,mBAAY,KAAA,6BAAO,KAAA;AAAA,MACxB,GAAA,kBAAK,WAAA,qBAAY,KAAA,6BAAO,KAAA;AAAA,MACxB,WAAA,EAAa,WAAA,CAAY,WAAA;AAAA,MACzB,SAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AF4BA;AACA;AGxCI;AARG,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,MAAM,EAAA,EAAI,SAAA;AAC1B,EAAA,uBACEA,6BAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,IAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAa,WAAA,CAAY,WAAA;AAAA,MACzB,SAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AHoDA;AACA;AI9DI;AARG,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,MAAM,EAAA,EAAI,SAAA;AAC1B,EAAA,uBACEA,6BAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,IAAA,EAAK,UAAA;AAAA,MACL,WAAA,EAAa,WAAA,CAAY,WAAA;AAAA,MACzB,SAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AJ0EA;AACA;AKpFI;AARG,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,MAAM,EAAA,EAAI,SAAA;AAC1B,EAAA,uBACEA,6BAAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,IAAA,mCAAM,WAAA,qBAAY,KAAA,6BAAO,MAAA,UAAQ,GAAA;AAAA,MACjC,WAAA,EAAa,WAAA,CAAY,WAAA;AAAA,MACzB,SAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ALgGA;AACA;AM1GI;AARG,SAAS,SAAA,CAAU;AAAA,EACxB,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,MAAM,EAAA,EAAI,SAAA;AAC1B,EAAA,uBACEA,6BAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAa,WAAA,CAAY,WAAA;AAAA,MACzB,SAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ANsHA;AACA;AOtHQ;AAlBD,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,MAAM,EAAA,EAAI,SAAA;AAC1B,EAAA,MAAM,SAAA,EAAW,CAAC,iBAAC,WAAA,qBAAY,KAAA,6BAAO,UAAA;AAEtC,EAAA,uBACEA,6BAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,kBAAA,WAAA,qBAAY,OAAA,+BAAS,GAAA,qBAAI,CAAC,GAAA,EAAA,mBACzBA,6BAAAA,QAAC,EAAA,EAAuB,KAAA,EAAO,GAAA,CAAI,KAAA,EAChC,QAAA,EAAA,GAAA,CAAI,MAAA,CAAA,EADM,GAAA,CAAI,KAEjB,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ;APsIA;AACA;AQvJI;AARG,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,KAAA,EAAO,GAAG,MAAM,EAAA,EAAI,SAAA;AACjC,EAAA,uBACEA,6BAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,UAAA;AAAA,MACL,OAAA,EAAS,CAAC,CAAC,KAAA;AAAA,MACV,GAAG,KAAA;AAAA,MACJ,QAAA,EAAU,CAAC,CAAA,EAAA,GAAM,KAAA,CAAM,QAAA,CAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA;AAAA,MAChD,SAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ARmKA;AACA;AS3KQ;AAXD,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,QAAA,EAAU,MAAA,EAAQ,IAAA,EAAM,MAAM,EAAA,EAAI,SAAA;AAE/C,EAAA,uBACEA,6BAAAA,KAAC,EAAA,EAAI,SAAA,EAAuB,GAAG,IAAA,EAC5B,QAAA,kBAAA,WAAA,uBAAY,OAAA,+BAAS,GAAA,qBAAI,CAAC,GAAA,EAAA,mBACzB,8BAAA,OAAC,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAA,6BAAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,IAAA;AAAA,QACA,KAAA,EAAO,GAAA,CAAI,KAAA;AAAA,QACX,OAAA,EAAS,MAAA,IAAU,GAAA,CAAI,KAAA;AAAA,QACvB,QAAA,EAAU,CAAA,EAAA,GAAM,QAAA,CAAS,GAAA,CAAI,KAAK,CAAA;AAAA,QAClC,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,IAAU,GAAA,CAAI,MAAA,EAAQ,IAAA,EAAM,KAAA;AAAA,MAAA;AAAA,IACnC,CAAA;AAAA,IACC,GAAA,CAAI;AAAA,EAAA,EAAA,CAAA,EAVK,GAAA,CAAI,KAWhB,CACD,IAAA,CACH,CAAA;AAEJ;ATqLA;AACA;AUxMI;AARG,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,GAAA,EAAK,KAAA,EAAO,GAAG,MAAM,EAAA,EAAI,SAAA;AACjC,EAAA,uBACEA,6BAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,UAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,CAAC,CAAC,KAAA;AAAA,MACV,GAAG,KAAA;AAAA,MACJ,QAAA,EAAU,CAAC,CAAA,EAAA,GAAM,KAAA,CAAM,QAAA,CAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA;AAAA,MAChD,SAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AVoNA;AACA;AW/NO,IAAM,kBAAA,EAAoB;AAAA,EAC/B,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ,WAAA;AAAA,EACR,KAAA,EAAO,UAAA;AAAA,EACP,QAAA,EAAU,aAAA;AAAA,EACV,QAAA,EAAU,aAAA;AAAA,EACV,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ,WAAA;AAAA,EACR,QAAA,EAAU,aAAA;AAAA,EACV,KAAA,EAAO,UAAA;AAAA,EACP,MAAA,EAAQ;AACV,CAAA;AXiOA;AACA;AYhPS;AALF,SAAS,YAAA,CAAa;AAAA,EAC3B,KAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmC;AACjC,EAAA,uBAAOA,6BAAAA,uBAAC,EAAA,EAAM,KAAA,EAAc,OAAA,EAAkB,UAAA,EAAY,iBAAA,EAAoB,GAAG,KAAA,CAAM,CAAA;AACzF;AZwPA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,ibAAC","file":"/Users/abeleko/Documents/larven/formjs/packages/react/dist/fields/index.cjs","sourcesContent":[null,"import type { FieldComponentProps } from './types';\n\nexport function TextField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"text\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function NumberField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"number\"\n      min={fieldConfig.rules?.min}\n      max={fieldConfig.rules?.max}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function EmailField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"email\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function PasswordField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"password\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function TextAreaField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <textarea\n      ref={ref}\n      {...field}\n      rows={fieldConfig.props?.rows ?? 3}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function DateField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"date\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SelectField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  const multiple = !!fieldConfig.props?.multiple;\n\n  return (\n    <select\n      ref={ref}\n      {...field}\n      multiple={multiple}\n      className={className}\n      {...rest}\n    >\n      {fieldConfig.options?.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function CheckboxField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function RadioField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, onChange, onBlur, name, value } = formField;\n\n  return (\n    <div className={className} {...rest}>\n      {fieldConfig.options?.map((opt) => (\n        <label key={opt.value}>\n          <input\n            type=\"radio\"\n            name={name}\n            value={opt.value}\n            checked={value === opt.value}\n            onChange={() => onChange(opt.value)}\n            onBlur={onBlur}\n            ref={value === opt.value ? ref : undefined}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SwitchField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      role=\"switch\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import { TextField } from './TextField';\nimport { NumberField } from './NumberField';\nimport { EmailField } from './EmailField';\nimport { PasswordField } from './PasswordField';\nimport { TextAreaField } from './TextAreaField';\nimport { DateField } from './DateField';\nimport { SelectField } from './SelectField';\nimport { CheckboxField } from './CheckboxField';\nimport { RadioField } from './RadioField';\nimport { SwitchField } from './SwitchField';\n\nexport const defaultComponents = {\n  text: TextField,\n  number: NumberField,\n  email: EmailField,\n  password: PasswordField,\n  textarea: TextAreaField,\n  date: DateField,\n  select: SelectField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  switch: SwitchField,\n};\n","import { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField({\n  field,\n  control,\n  ...rest\n}: Omit<FieldProps, 'components'>) {\n  return <Field field={field} control={control} components={defaultComponents} {...rest} />;\n}\n"]}
+{"version":3,"sources":["/Users/abeleko/Documents/larven/formjs/packages/react/dist/fields/index.cjs","../../src/fields/TextField.tsx","../../src/fields/NumberField.tsx","../../src/fields/EmailField.tsx","../../src/fields/PasswordField.tsx","../../src/fields/TextAreaField.tsx","../../src/fields/DateField.tsx","../../src/fields/SelectField.tsx","../../src/fields/CheckboxField.tsx","../../src/fields/RadioField.tsx","../../src/fields/SwitchField.tsx","../../src/fields/defaultComponents.ts","../../src/fields/DefaultField.tsx"],"names":["jsx"],"mappings":"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","file":"/Users/abeleko/Documents/larven/formjs/packages/react/dist/fields/index.cjs","sourcesContent":[null,"import type { FieldComponentProps } from './types';\n\nexport function TextField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"text\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function NumberField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"number\"\n      min={fieldConfig.rules?.min}\n      max={fieldConfig.rules?.max}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function EmailField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"email\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function PasswordField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"password\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function TextAreaField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <textarea\n      ref={ref}\n      {...field}\n      rows={fieldConfig.props?.rows ?? 3}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function DateField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"date\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SelectField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  const multiple = !!fieldConfig.props?.multiple;\n\n  return (\n    <select\n      ref={ref}\n      {...field}\n      multiple={multiple}\n      className={className}\n      {...rest}\n    >\n      {fieldConfig.options?.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function CheckboxField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function RadioField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, onChange, onBlur, name, value } = formField;\n\n  return (\n    <div className={className} {...rest}>\n      {fieldConfig.options?.map((opt) => (\n        <label key={opt.value}>\n          <input\n            type=\"radio\"\n            name={name}\n            value={opt.value}\n            checked={value === opt.value}\n            onChange={() => onChange(opt.value)}\n            onBlur={onBlur}\n            ref={value === opt.value ? ref : undefined}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SwitchField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      role=\"switch\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import { TextField } from './TextField';\nimport { NumberField } from './NumberField';\nimport { EmailField } from './EmailField';\nimport { PasswordField } from './PasswordField';\nimport { TextAreaField } from './TextAreaField';\nimport { DateField } from './DateField';\nimport { SelectField } from './SelectField';\nimport { CheckboxField } from './CheckboxField';\nimport { RadioField } from './RadioField';\nimport { SwitchField } from './SwitchField';\n\nexport const defaultComponents = {\n  text: TextField,\n  number: NumberField,\n  email: EmailField,\n  password: PasswordField,\n  textarea: TextAreaField,\n  date: DateField,\n  select: SelectField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  switch: SwitchField,\n};\n","import type { ComponentType } from 'react';\nimport { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField({\n  field,\n  control,\n  component,\n  ...rest\n}: FieldProps) {\n  const components = defaultComponents as Record<string, ComponentType<any>>;\n  const resolved = component ?? components[field.type] ?? components['text'];\n  return <Field field={field} control={control} component={resolved} {...rest} />;\n}\n"]}

package/dist/fields/index.d.cts

@@ -47,6 +47,6 @@ declare const defaultComponents: {
     switch: typeof SwitchField;
 };
 
-declare function DefaultField({ field, control, ...rest }: Omit<FieldProps, 'components'>): react.JSX.Element;
+declare function DefaultField({ field, control, component, ...rest }: FieldProps): react.JSX.Element;
 
 export { CheckboxField, DateField, DefaultField, EmailField, type FieldComponentProps, NumberField, PasswordField, RadioField, SelectField, SwitchField, TextAreaField, TextField, defaultComponents };

package/dist/fields/index.d.ts

@@ -47,6 +47,6 @@ declare const defaultComponents: {
     switch: typeof SwitchField;
 };
 
-declare function DefaultField({ field, control, ...rest }: Omit<FieldProps, 'components'>): react.JSX.Element;
+declare function DefaultField({ field, control, component, ...rest }: FieldProps): react.JSX.Element;
 
 export { CheckboxField, DateField, DefaultField, EmailField, type FieldComponentProps, NumberField, PasswordField, RadioField, SelectField, SwitchField, TextAreaField, TextField, defaultComponents };

package/dist/fields/index.js

@@ -251,9 +251,12 @@ import { jsx as jsx11 } from "react/jsx-runtime";
 function DefaultField({
   field,
   control,
+  component,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx11(Field, { field, control, components: defaultComponents, ...rest });
+  const components = defaultComponents;
+  const resolved = component ?? components[field.type] ?? components["text"];
+  return /* @__PURE__ */ jsx11(Field, { field, control, component: resolved, ...rest });
 }
 export {
   CheckboxField,

package/dist/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fields/TextField.tsx","../../src/fields/NumberField.tsx","../../src/fields/EmailField.tsx","../../src/fields/PasswordField.tsx","../../src/fields/TextAreaField.tsx","../../src/fields/DateField.tsx","../../src/fields/SelectField.tsx","../../src/fields/CheckboxField.tsx","../../src/fields/RadioField.tsx","../../src/fields/SwitchField.tsx","../../src/fields/defaultComponents.ts","../../src/fields/DefaultField.tsx"],"sourcesContent":["import type { FieldComponentProps } from './types';\n\nexport function TextField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"text\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function NumberField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"number\"\n      min={fieldConfig.rules?.min}\n      max={fieldConfig.rules?.max}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function EmailField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"email\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function PasswordField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"password\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function TextAreaField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <textarea\n      ref={ref}\n      {...field}\n      rows={fieldConfig.props?.rows ?? 3}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function DateField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"date\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SelectField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  const multiple = !!fieldConfig.props?.multiple;\n\n  return (\n    <select\n      ref={ref}\n      {...field}\n      multiple={multiple}\n      className={className}\n      {...rest}\n    >\n      {fieldConfig.options?.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function CheckboxField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function RadioField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, onChange, onBlur, name, value } = formField;\n\n  return (\n    <div className={className} {...rest}>\n      {fieldConfig.options?.map((opt) => (\n        <label key={opt.value}>\n          <input\n            type=\"radio\"\n            name={name}\n            value={opt.value}\n            checked={value === opt.value}\n            onChange={() => onChange(opt.value)}\n            onBlur={onBlur}\n            ref={value === opt.value ? ref : undefined}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SwitchField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      role=\"switch\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import { TextField } from './TextField';\nimport { NumberField } from './NumberField';\nimport { EmailField } from './EmailField';\nimport { PasswordField } from './PasswordField';\nimport { TextAreaField } from './TextAreaField';\nimport { DateField } from './DateField';\nimport { SelectField } from './SelectField';\nimport { CheckboxField } from './CheckboxField';\nimport { RadioField } from './RadioField';\nimport { SwitchField } from './SwitchField';\n\nexport const defaultComponents = {\n  text: TextField,\n  number: NumberField,\n  email: EmailField,\n  password: PasswordField,\n  textarea: TextAreaField,\n  date: DateField,\n  select: SelectField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  switch: SwitchField,\n};\n","import { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField({\n  field,\n  control,\n  ...rest\n}: Omit<FieldProps, 'components'>) {\n  return <Field field={field} control={control} components={defaultComponents} {...rest} />;\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx"]}
+{"version":3,"sources":["../../src/fields/TextField.tsx","../../src/fields/NumberField.tsx","../../src/fields/EmailField.tsx","../../src/fields/PasswordField.tsx","../../src/fields/TextAreaField.tsx","../../src/fields/DateField.tsx","../../src/fields/SelectField.tsx","../../src/fields/CheckboxField.tsx","../../src/fields/RadioField.tsx","../../src/fields/SwitchField.tsx","../../src/fields/defaultComponents.ts","../../src/fields/DefaultField.tsx"],"sourcesContent":["import type { FieldComponentProps } from './types';\n\nexport function TextField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"text\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function NumberField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"number\"\n      min={fieldConfig.rules?.min}\n      max={fieldConfig.rules?.max}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function EmailField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"email\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function PasswordField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"password\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function TextAreaField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <textarea\n      ref={ref}\n      {...field}\n      rows={fieldConfig.props?.rows ?? 3}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function DateField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"date\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SelectField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  const multiple = !!fieldConfig.props?.multiple;\n\n  return (\n    <select\n      ref={ref}\n      {...field}\n      multiple={multiple}\n      className={className}\n      {...rest}\n    >\n      {fieldConfig.options?.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function CheckboxField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function RadioField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, onChange, onBlur, name, value } = formField;\n\n  return (\n    <div className={className} {...rest}>\n      {fieldConfig.options?.map((opt) => (\n        <label key={opt.value}>\n          <input\n            type=\"radio\"\n            name={name}\n            value={opt.value}\n            checked={value === opt.value}\n            onChange={() => onChange(opt.value)}\n            onBlur={onBlur}\n            ref={value === opt.value ? ref : undefined}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SwitchField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      role=\"switch\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import { TextField } from './TextField';\nimport { NumberField } from './NumberField';\nimport { EmailField } from './EmailField';\nimport { PasswordField } from './PasswordField';\nimport { TextAreaField } from './TextAreaField';\nimport { DateField } from './DateField';\nimport { SelectField } from './SelectField';\nimport { CheckboxField } from './CheckboxField';\nimport { RadioField } from './RadioField';\nimport { SwitchField } from './SwitchField';\n\nexport const defaultComponents = {\n  text: TextField,\n  number: NumberField,\n  email: EmailField,\n  password: PasswordField,\n  textarea: TextAreaField,\n  date: DateField,\n  select: SelectField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  switch: SwitchField,\n};\n","import type { ComponentType } from 'react';\nimport { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField({\n  field,\n  control,\n  component,\n  ...rest\n}: FieldProps) {\n  const components = defaultComponents as Record<string, ComponentType<any>>;\n  const resolved = component ?? components[field.type] ?? components['text'];\n  return <Field field={field} control={control} component={resolved} {...rest} />;\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx"]}

package/dist/index.cjs

@@ -17,7 +17,11 @@ function useFormConfig(config) {
     ),
     [normalized.fields]
   );
-  const form = _reacthookform.useForm.call(void 0, { defaultValues });
+  const form = _reacthookform.useForm.call(void 0, {
+    defaultValues,
+    mode: normalized.validationMode,
+    reValidateMode: normalized.reValidateMode
+  });
   return { ...form, fields: normalized.fields };
 }
 

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/abeleko/Documents/larven/formjs/packages/react/dist/index.cjs","../src/useFormConfig.ts","../src/index.ts"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACPA,8BAAwB;AACxB,gDAAwB;AACxB,qCAAmE;AAE5D,SAAS,aAAA,CAAc,MAAA,EAAoC;AAChE,EAAA,MAAM,WAAA,EAAa,4BAAA,CAAQ,EAAA,GAAM,mCAAA,MAAsB,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAElE,EAAA,MAAM,cAAA,EAAgB,4BAAA;AAAA,IACpB,CAAA,EAAA,GACE,MAAA,CAAO,WAAA;AAAA,MACL,UAAA,CAAW,MAAA,CACR,MAAA,CAAO,CAAC,CAAA,EAAA,GAAM,CAAA,CAAE,aAAA,IAAiB,KAAA,CAAS,CAAA,CAC1C,GAAA,CAAI,CAAC,CAAA,EAAA,GAAM,CAAC,CAAA,CAAE,IAAA,EAAM,CAAA,CAAE,YAAY,CAAC;AAAA,IACxC,CAAA;AAAA,IACF,CAAC,UAAA,CAAW,MAAM;AAAA,EACpB,CAAA;AAEA,EAAA,MAAM,KAAA,EAAO,oCAAA,EAAU,cAAc,CAAC,CAAA;AAEtC,EAAA,OAAO,EAAE,GAAG,IAAA,EAAM,MAAA,EAAQ,UAAA,CAAW,OAAO,CAAA;AAC9C;ADEA;AACA;AEhBA;AFkBA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,0ZAAC","file":"/Users/abeleko/Documents/larven/formjs/packages/react/dist/index.cjs","sourcesContent":[null,"import { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig(config: FieldConfig[] | FormConfig) {\n  const normalized = useMemo(() => normalizeConfig(config), [config]);\n\n  const defaultValues = useMemo(\n    () =>\n      Object.fromEntries(\n        normalized.fields\n          .filter((f) => f.defaultValue !== undefined)\n          .map((f) => [f.name, f.defaultValue])\n      ),\n    [normalized.fields]\n  );\n\n  const form = useForm({ defaultValues });\n\n  return { ...form, fields: normalized.fields };\n}\n","export { useFormConfig } from './useFormConfig';\nexport { Field } from './Field';\nexport type { FieldProps } from './Field';\nexport { useField } from './useField';\nexport type { UseFieldOptions } from './useField';\nexport { FormFieldsProvider, useFieldComponents } from './FormFieldsContext';\nexport type { ComponentsMap, FormFieldsProviderProps } from './FormFieldsContext';\nexport { FormProvider, useFormContext, useForm } from 'react-hook-form';\nexport type { Control, RegisterOptions, UseFormProps } from 'react-hook-form';\n"]}
+{"version":3,"sources":["/Users/abeleko/Documents/larven/formjs/packages/react/dist/index.cjs","../src/useFormConfig.ts","../src/index.ts"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACPA,8BAAwB;AACxB,gDAAwB;AACxB,qCAAmE;AAE5D,SAAS,aAAA,CAAc,MAAA,EAAoC;AAChE,EAAA,MAAM,WAAA,EAAa,4BAAA,CAAQ,EAAA,GAAM,mCAAA,MAAsB,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAElE,EAAA,MAAM,cAAA,EAAgB,4BAAA;AAAA,IACpB,CAAA,EAAA,GACE,MAAA,CAAO,WAAA;AAAA,MACL,UAAA,CAAW,MAAA,CACR,MAAA,CAAO,CAAC,CAAA,EAAA,GAAM,CAAA,CAAE,aAAA,IAAiB,KAAA,CAAS,CAAA,CAC1C,GAAA,CAAI,CAAC,CAAA,EAAA,GAAM,CAAC,CAAA,CAAE,IAAA,EAAM,CAAA,CAAE,YAAY,CAAC;AAAA,IACxC,CAAA;AAAA,IACF,CAAC,UAAA,CAAW,MAAM;AAAA,EACpB,CAAA;AAEA,EAAA,MAAM,KAAA,EAAO,oCAAA;AAAQ,IACnB,aAAA;AAAA,IACA,IAAA,EAAM,UAAA,CAAW,cAAA;AAAA,IACjB,cAAA,EAAgB,UAAA,CAAW;AAAA,EAC7B,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,GAAG,IAAA,EAAM,MAAA,EAAQ,UAAA,CAAW,OAAO,CAAA;AAC9C;ADEA;AACA;AEpBA;AFsBA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,0ZAAC","file":"/Users/abeleko/Documents/larven/formjs/packages/react/dist/index.cjs","sourcesContent":[null,"import { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig(config: FieldConfig[] | FormConfig) {\n  const normalized = useMemo(() => normalizeConfig(config), [config]);\n\n  const defaultValues = useMemo(\n    () =>\n      Object.fromEntries(\n        normalized.fields\n          .filter((f) => f.defaultValue !== undefined)\n          .map((f) => [f.name, f.defaultValue])\n      ),\n    [normalized.fields]\n  );\n\n  const form = useForm({\n    defaultValues,\n    mode: normalized.validationMode,\n    reValidateMode: normalized.reValidateMode,\n  });\n\n  return { ...form, fields: normalized.fields };\n}\n","export { useFormConfig } from './useFormConfig';\nexport { Field } from './Field';\nexport type { FieldProps } from './Field';\nexport { useField } from './useField';\nexport type { UseFieldOptions } from './useField';\nexport { FormFieldsProvider, useFieldComponents } from './FormFieldsContext';\nexport type { ComponentsMap, FormFieldsProviderProps } from './FormFieldsContext';\nexport { FormProvider, useFormContext, useForm } from 'react-hook-form';\nexport type { Control, RegisterOptions, UseFormProps } from 'react-hook-form';\n"]}

package/dist/index.js

@@ -17,7 +17,11 @@ function useFormConfig(config) {
     ),
     [normalized.fields]
   );
-  const form = useForm({ defaultValues });
+  const form = useForm({
+    defaultValues,
+    mode: normalized.validationMode,
+    reValidateMode: normalized.reValidateMode
+  });
   return { ...form, fields: normalized.fields };
 }
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/useFormConfig.ts","../src/index.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig(config: FieldConfig[] | FormConfig) {\n  const normalized = useMemo(() => normalizeConfig(config), [config]);\n\n  const defaultValues = useMemo(\n    () =>\n      Object.fromEntries(\n        normalized.fields\n          .filter((f) => f.defaultValue !== undefined)\n          .map((f) => [f.name, f.defaultValue])\n      ),\n    [normalized.fields]\n  );\n\n  const form = useForm({ defaultValues });\n\n  return { ...form, fields: normalized.fields };\n}\n","export { useFormConfig } from './useFormConfig';\nexport { Field } from './Field';\nexport type { FieldProps } from './Field';\nexport { useField } from './useField';\nexport type { UseFieldOptions } from './useField';\nexport { FormFieldsProvider, useFieldComponents } from './FormFieldsContext';\nexport type { ComponentsMap, FormFieldsProviderProps } from './FormFieldsContext';\nexport { FormProvider, useFormContext, useForm } from 'react-hook-form';\nexport type { Control, RegisterOptions, UseFormProps } from 'react-hook-form';\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,uBAA0D;AAE5D,SAAS,cAAc,QAAoC;AAChE,QAAM,aAAa,QAAQ,MAAM,gBAAgB,MAAM,GAAG,CAAC,MAAM,CAAC;AAElE,QAAM,gBAAgB;AAAA,IACpB,MACE,OAAO;AAAA,MACL,WAAW,OACR,OAAO,CAAC,MAAM,EAAE,iBAAiB,MAAS,EAC1C,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,CAAC;AAAA,IACxC;AAAA,IACF,CAAC,WAAW,MAAM;AAAA,EACpB;AAEA,QAAM,OAAO,QAAQ,EAAE,cAAc,CAAC;AAEtC,SAAO,EAAE,GAAG,MAAM,QAAQ,WAAW,OAAO;AAC9C;;;ACbA,SAAS,cAAc,gBAAgB,WAAAA,gBAAe;","names":["useForm"]}
+{"version":3,"sources":["../src/useFormConfig.ts","../src/index.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig(config: FieldConfig[] | FormConfig) {\n  const normalized = useMemo(() => normalizeConfig(config), [config]);\n\n  const defaultValues = useMemo(\n    () =>\n      Object.fromEntries(\n        normalized.fields\n          .filter((f) => f.defaultValue !== undefined)\n          .map((f) => [f.name, f.defaultValue])\n      ),\n    [normalized.fields]\n  );\n\n  const form = useForm({\n    defaultValues,\n    mode: normalized.validationMode,\n    reValidateMode: normalized.reValidateMode,\n  });\n\n  return { ...form, fields: normalized.fields };\n}\n","export { useFormConfig } from './useFormConfig';\nexport { Field } from './Field';\nexport type { FieldProps } from './Field';\nexport { useField } from './useField';\nexport type { UseFieldOptions } from './useField';\nexport { FormFieldsProvider, useFieldComponents } from './FormFieldsContext';\nexport type { ComponentsMap, FormFieldsProviderProps } from './FormFieldsContext';\nexport { FormProvider, useFormContext, useForm } from 'react-hook-form';\nexport type { Control, RegisterOptions, UseFormProps } from 'react-hook-form';\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,uBAA0D;AAE5D,SAAS,cAAc,QAAoC;AAChE,QAAM,aAAa,QAAQ,MAAM,gBAAgB,MAAM,GAAG,CAAC,MAAM,CAAC;AAElE,QAAM,gBAAgB;AAAA,IACpB,MACE,OAAO;AAAA,MACL,WAAW,OACR,OAAO,CAAC,MAAM,EAAE,iBAAiB,MAAS,EAC1C,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,CAAC;AAAA,IACxC;AAAA,IACF,CAAC,WAAW,MAAM;AAAA,EACpB;AAEA,QAAM,OAAO,QAAQ;AAAA,IACnB;AAAA,IACA,MAAM,WAAW;AAAA,IACjB,gBAAgB,WAAW;AAAA,EAC7B,CAAC;AAED,SAAO,EAAE,GAAG,MAAM,QAAQ,WAAW,OAAO;AAC9C;;;ACjBA,SAAS,cAAc,gBAAgB,WAAAA,gBAAe;","names":["useForm"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@form-os/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.cjs",
@@ -30,7 +30,7 @@
     "react-hook-form": ">=7.0.0"
   },
   "dependencies": {
-    "@form-os/core": "0.1.0"
+    "@form-os/core": "0.2.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",