@form-os/react 0.4.0 → 0.6.0

package/dist/{Field-BZNec30e.d.cts → Field-5cPJnVTb.d.cts}

@@ -1,15 +1,14 @@
 import * as react from 'react';
 import { ComponentType } from 'react';
-import { FieldValues, Control, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Control } from 'react-hook-form';
 import { FieldConfig } from '@form-os/core';
 
 interface FieldProps<TFieldValues extends FieldValues = FieldValues> {
     field: FieldConfig;
     control: Control<TFieldValues>;
     component?: ComponentType<any>;
-    rules?: RegisterOptions;
     [key: string]: any;
 }
-declare function Field<TFieldValues extends FieldValues = FieldValues>({ field, control, component, rules, ...rest }: FieldProps<TFieldValues>): react.JSX.Element | null;
+declare function Field<TFieldValues extends FieldValues = FieldValues>({ field, control, component, ...rest }: FieldProps<TFieldValues>): react.JSX.Element | null;
 
 export { type FieldProps as F, Field as a };

package/dist/{Field-BZNec30e.d.ts → Field-5cPJnVTb.d.ts}

@@ -1,15 +1,14 @@
 import * as react from 'react';
 import { ComponentType } from 'react';
-import { FieldValues, Control, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Control } from 'react-hook-form';
 import { FieldConfig } from '@form-os/core';
 
 interface FieldProps<TFieldValues extends FieldValues = FieldValues> {
     field: FieldConfig;
     control: Control<TFieldValues>;
     component?: ComponentType<any>;
-    rules?: RegisterOptions;
     [key: string]: any;
 }
-declare function Field<TFieldValues extends FieldValues = FieldValues>({ field, control, component, rules, ...rest }: FieldProps<TFieldValues>): react.JSX.Element | null;
+declare function Field<TFieldValues extends FieldValues = FieldValues>({ field, control, component, ...rest }: FieldProps<TFieldValues>): react.JSX.Element | null;
 
 export { type FieldProps as F, Field as a };

package/dist/{chunk-IHVV2WZM.js → chunk-V2X6FW6I.js}

@@ -2,7 +2,7 @@
 import { useMemo } from "react";
 import { useController, useWatch } from "react-hook-form";
 import { getFieldState } from "@form-os/core";
-function useField(field, control, options = {}) {
+function useField(field, control) {
   const values = useWatch({ control });
   const state = useMemo(
     () => getFieldState(field, values ?? {}),
@@ -11,8 +11,8 @@ function useField(field, control, options = {}) {
   const { field: f, fieldState } = useController({
     name: field.name,
     control,
-    rules: options.rules ?? field.rules,
-    defaultValue: options.defaultValue ?? field.defaultValue,
+    rules: field?.rules,
+    defaultValue: field?.defaultValue,
     disabled: state.disabled
   });
   return { field: f, fieldState, state };
@@ -35,12 +35,11 @@ function Field({
   field,
   control,
   component,
-  rules,
   ...rest
 }) {
   const contextComponents = useFieldComponents();
   const Component = component ?? contextComponents[field.type] ?? contextComponents["text"];
-  const { field: f, fieldState, state } = useField(field, control, { rules });
+  const { field: f, fieldState, state } = useField(field, control);
   if (!state.visible) {
     return null;
   }
@@ -64,4 +63,4 @@ export {
   useFieldComponents,
   Field
 };
-//# sourceMappingURL=chunk-IHVV2WZM.js.map
+//# sourceMappingURL=chunk-V2X6FW6I.js.map

package/dist/chunk-V2X6FW6I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useField.ts","../src/FormFieldsContext.tsx","../src/Field.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useController, useWatch } from 'react-hook-form';\nimport type { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';\nimport { getFieldState, type FieldConfig } from '@form-os/core';\n\nexport function useField<TFieldValues extends FieldValues = FieldValues>(\n  field: FieldConfig,\n  control: Control<TFieldValues>\n) {\n  const values = useWatch({ control }) as Record<string, any>;\n\n  const state = useMemo(\n    () => getFieldState(field, values ?? {}),\n    [field, values]\n  );\n\n  const { field: f, fieldState } = useController<TFieldValues>({\n    name: field.name as FieldPath<TFieldValues>,\n    control,\n    rules: (field?.rules) as RegisterOptions<TFieldValues> | undefined,\n    defaultValue: field?.defaultValue,\n    disabled: state.disabled,\n  });\n\n  return { field: f, fieldState, state };\n}\n","import { createContext, useContext } from 'react';\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type ComponentsMap = Record<string, ComponentType<any>>;\n\nconst FormFieldsContext = createContext<ComponentsMap>({});\n\nexport interface FormFieldsProviderProps {\n  components: ComponentsMap;\n  children: ReactNode;\n}\n\nexport function FormFieldsProvider({ components, children }: FormFieldsProviderProps) {\n  return (\n    <FormFieldsContext.Provider value={components}>\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function useFieldComponents(): ComponentsMap {\n  return useContext(FormFieldsContext);\n}\n","import type { ComponentType } from 'react';\nimport type { Control, FieldValues } from 'react-hook-form';\nimport type { FieldConfig } from '@form-os/core';\nimport { useField } from './useField';\nimport { useFieldComponents } from './FormFieldsContext';\n\nexport interface FieldProps<TFieldValues extends FieldValues = FieldValues> {\n  field: FieldConfig;\n  control: Control<TFieldValues>;\n  component?: ComponentType<any>;\n  [key: string]: any;\n}\n\nexport function Field<TFieldValues extends FieldValues = FieldValues>({\n  field,\n  control,\n  component,\n  ...rest\n}: FieldProps<TFieldValues>) {\n  const contextComponents = useFieldComponents();\n  const Component = component ?? contextComponents[field.type] ?? contextComponents['text'];\n  const { field: f, fieldState, state } = useField(field, control);\n\n  if (!state.visible) {\n    return null;\n  }\n\n  return (\n    <Component\n      formField={f}\n      fieldConfig={field}\n      fieldState={state}\n      error={fieldState.error}\n      disabled={state.disabled}\n      readonly={state.readonly}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";AAAA,SAAS,eAAe;AACxB,SAAS,eAAe,gBAAgB;AAExC,SAAS,qBAAuC;AAEzC,SAAS,SACd,OACA,SACA;AACA,QAAM,SAAS,SAAS,EAAE,QAAQ,CAAC;AAEnC,QAAM,QAAQ;AAAA,IACZ,MAAM,cAAc,OAAO,UAAU,CAAC,CAAC;AAAA,IACvC,CAAC,OAAO,MAAM;AAAA,EAChB;AAEA,QAAM,EAAE,OAAO,GAAG,WAAW,IAAI,cAA4B;AAAA,IAC3D,MAAM,MAAM;AAAA,IACZ;AAAA,IACA,OAAQ,OAAO;AAAA,IACf,cAAc,OAAO;AAAA,IACrB,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,SAAO,EAAE,OAAO,GAAG,YAAY,MAAM;AACvC;;;ACzBA,SAAS,eAAe,kBAAkB;AActC;AATJ,IAAM,oBAAoB,cAA6B,CAAC,CAAC;AAOlD,SAAS,mBAAmB,EAAE,YAAY,SAAS,GAA4B;AACpF,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,YAChC,UACH;AAEJ;AAEO,SAAS,qBAAoC;AAClD,SAAO,WAAW,iBAAiB;AACrC;;;ACMI,gBAAAA,YAAA;AAfG,SAAS,MAAsD;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,oBAAoB,mBAAmB;AAC7C,QAAM,YAAY,aAAa,kBAAkB,MAAM,IAAI,KAAK,kBAAkB,MAAM;AACxF,QAAM,EAAE,OAAO,GAAG,YAAY,MAAM,IAAI,SAAS,OAAO,OAAO;AAE/D,MAAI,CAAC,MAAM,SAAS;AAClB,WAAO;AAAA,EACT;AAEA,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO,WAAW;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MACf,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["jsx"]}

package/dist/{chunk-3PMQZRSQ.cjs → chunk-X5G3JO5T.cjs}

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/useField.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/useField.ts
 var _react = require('react');
 var _reacthookform = require('react-hook-form');
 var _core = require('@form-os/core');
-function useField(field, control, options = {}) {
+function useField(field, control) {
   const values = _reacthookform.useWatch.call(void 0, { control });
   const state = _react.useMemo.call(void 0, 
     () => _core.getFieldState.call(void 0, field, _nullishCoalesce(values, () => ( {}))),
@@ -11,8 +11,8 @@ function useField(field, control, options = {}) {
   const { field: f, fieldState } = _reacthookform.useController.call(void 0, {
     name: field.name,
     control,
-    rules: _nullishCoalesce(options.rules, () => ( field.rules)),
-    defaultValue: _nullishCoalesce(options.defaultValue, () => ( field.defaultValue)),
+    rules: _optionalChain([field, 'optionalAccess', _ => _.rules]),
+    defaultValue: _optionalChain([field, 'optionalAccess', _2 => _2.defaultValue]),
     disabled: state.disabled
   });
   return { field: f, fieldState, state };
@@ -35,12 +35,11 @@ function Field({
   field,
   control,
   component,
-  rules,
   ...rest
 }) {
   const contextComponents = useFieldComponents();
   const Component = _nullishCoalesce(_nullishCoalesce(component, () => ( contextComponents[field.type])), () => ( contextComponents["text"]));
-  const { field: f, fieldState, state } = useField(field, control, { rules });
+  const { field: f, fieldState, state } = useField(field, control);
   if (!state.visible) {
     return null;
   }
@@ -64,4 +63,4 @@ function Field({
 
 
 exports.useField = useField; exports.FormFieldsProvider = FormFieldsProvider; exports.useFieldComponents = useFieldComponents; exports.Field = Field;
-//# sourceMappingURL=chunk-3PMQZRSQ.cjs.map
+//# sourceMappingURL=chunk-X5G3JO5T.cjs.map

package/dist/chunk-X5G3JO5T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/abeleko/Documents/larven/formjs/packages/react/dist/chunk-X5G3JO5T.cjs","../src/useField.ts","../src/FormFieldsContext.tsx","../src/Field.tsx"],"names":["jsx"],"mappings":"AAAA;ACAA,8BAAwB;AACxB,gDAAwC;AAExC,qCAAgD;AAEzC,SAAS,QAAA,CACd,KAAA,EACA,OAAA,EACA;AACA,EAAA,MAAM,OAAA,EAAS,qCAAA,EAAW,QAAQ,CAAC,CAAA;AAEnC,EAAA,MAAM,MAAA,EAAQ,4BAAA;AAAA,IACZ,CAAA,EAAA,GAAM,iCAAA,KAAc,mBAAO,MAAA,UAAU,CAAC,GAAC,CAAA;AAAA,IACvC,CAAC,KAAA,EAAO,MAAM;AAAA,EAChB,CAAA;AAEA,EAAA,MAAM,EAAE,KAAA,EAAO,CAAA,EAAG,WAAW,EAAA,EAAI,0CAAA;AAA4B,IAC3D,IAAA,EAAM,KAAA,CAAM,IAAA;AAAA,IACZ,OAAA;AAAA,IACA,KAAA,kBAAQ,KAAA,2BAAO,OAAA;AAAA,IACf,YAAA,kBAAc,KAAA,6BAAO,cAAA;AAAA,IACrB,QAAA,EAAU,KAAA,CAAM;AAAA,EAClB,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,UAAA,EAAY,MAAM,CAAA;AACvC;ADNA;AACA;AEpBA;AAcI,+CAAA;AATJ,IAAM,kBAAA,EAAoB,kCAAA,CAA8B,CAAC,CAAA;AAOlD,SAAS,kBAAA,CAAmB,EAAE,UAAA,EAAY,SAAS,CAAA,EAA4B;AACpF,EAAA,uBACE,6BAAA,iBAAC,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAAO,UAAA,EAChC,SAAA,CACH,CAAA;AAEJ;AAEO,SAAS,kBAAA,CAAA,EAAoC;AAClD,EAAA,OAAO,+BAAA,iBAA4B,CAAA;AACrC;AFQA;AACA;AGHI;AAfG,SAAS,KAAA,CAAsD;AAAA,EACpE,KAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,MAAM,kBAAA,EAAoB,kBAAA,CAAmB,CAAA;AAC7C,EAAA,MAAM,UAAA,oCAAY,SAAA,UAAa,iBAAA,CAAkB,KAAA,CAAM,IAAI,GAAA,UAAK,iBAAA,CAAkB,MAAM,GAAA;AACxF,EAAA,MAAM,EAAE,KAAA,EAAO,CAAA,EAAG,UAAA,EAAY,MAAM,EAAA,EAAI,QAAA,CAAS,KAAA,EAAO,OAAO,CAAA;AAE/D,EAAA,GAAA,CAAI,CAAC,KAAA,CAAM,OAAA,EAAS;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEA,6BAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA;AAAA,MACX,WAAA,EAAa,KAAA;AAAA,MACb,UAAA,EAAY,KAAA;AAAA,MACZ,KAAA,EAAO,UAAA,CAAW,KAAA;AAAA,MAClB,QAAA,EAAU,KAAA,CAAM,QAAA;AAAA,MAChB,QAAA,EAAU,KAAA,CAAM,QAAA;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AHoBA;AACA;AACE;AACA;AACA;AACA;AACF,qJAAC","file":"/Users/abeleko/Documents/larven/formjs/packages/react/dist/chunk-X5G3JO5T.cjs","sourcesContent":[null,"import { useMemo } from 'react';\nimport { useController, useWatch } from 'react-hook-form';\nimport type { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';\nimport { getFieldState, type FieldConfig } from '@form-os/core';\n\nexport function useField<TFieldValues extends FieldValues = FieldValues>(\n  field: FieldConfig,\n  control: Control<TFieldValues>\n) {\n  const values = useWatch({ control }) as Record<string, any>;\n\n  const state = useMemo(\n    () => getFieldState(field, values ?? {}),\n    [field, values]\n  );\n\n  const { field: f, fieldState } = useController<TFieldValues>({\n    name: field.name as FieldPath<TFieldValues>,\n    control,\n    rules: (field?.rules) as RegisterOptions<TFieldValues> | undefined,\n    defaultValue: field?.defaultValue,\n    disabled: state.disabled,\n  });\n\n  return { field: f, fieldState, state };\n}\n","import { createContext, useContext } from 'react';\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type ComponentsMap = Record<string, ComponentType<any>>;\n\nconst FormFieldsContext = createContext<ComponentsMap>({});\n\nexport interface FormFieldsProviderProps {\n  components: ComponentsMap;\n  children: ReactNode;\n}\n\nexport function FormFieldsProvider({ components, children }: FormFieldsProviderProps) {\n  return (\n    <FormFieldsContext.Provider value={components}>\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function useFieldComponents(): ComponentsMap {\n  return useContext(FormFieldsContext);\n}\n","import type { ComponentType } from 'react';\nimport type { Control, FieldValues } from 'react-hook-form';\nimport type { FieldConfig } from '@form-os/core';\nimport { useField } from './useField';\nimport { useFieldComponents } from './FormFieldsContext';\n\nexport interface FieldProps<TFieldValues extends FieldValues = FieldValues> {\n  field: FieldConfig;\n  control: Control<TFieldValues>;\n  component?: ComponentType<any>;\n  [key: string]: any;\n}\n\nexport function Field<TFieldValues extends FieldValues = FieldValues>({\n  field,\n  control,\n  component,\n  ...rest\n}: FieldProps<TFieldValues>) {\n  const contextComponents = useFieldComponents();\n  const Component = component ?? contextComponents[field.type] ?? contextComponents['text'];\n  const { field: f, fieldState, state } = useField(field, control);\n\n  if (!state.visible) {\n    return null;\n  }\n\n  return (\n    <Component\n      formField={f}\n      fieldConfig={field}\n      fieldState={state}\n      error={fieldState.error}\n      disabled={state.disabled}\n      readonly={state.readonly}\n      {...rest}\n    />\n  );\n}\n"]}

package/dist/fields/index.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk3PMQZRSQcjs = require('../chunk-3PMQZRSQ.cjs');
+var _chunkX5G3JO5Tcjs = require('../chunk-X5G3JO5T.cjs');
 
 // src/fields/TextField.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -26,6 +26,12 @@ function TextField({
 
 // src/fields/NumberField.tsx
 
+function getRuleValue(rule) {
+  if (rule && typeof rule === "object" && "value" in rule) {
+    return rule.value;
+  }
+  return rule;
+}
 function NumberField({
   formField,
   fieldConfig,
@@ -39,8 +45,8 @@ function NumberField({
       ref,
       ...field,
       type: "number",
-      min: _optionalChain([fieldConfig, 'access', _ => _.rules, 'optionalAccess', _2 => _2.min]),
-      max: _optionalChain([fieldConfig, 'access', _3 => _3.rules, 'optionalAccess', _4 => _4.max]),
+      min: getRuleValue(_optionalChain([fieldConfig, 'access', _ => _.rules, 'optionalAccess', _2 => _2.min])),
+      max: getRuleValue(_optionalChain([fieldConfig, 'access', _3 => _3.rules, 'optionalAccess', _4 => _4.max])),
       placeholder: fieldConfig.placeholder,
       className,
       ...rest
@@ -256,7 +262,7 @@ function DefaultField({
 }) {
   const components = defaultComponents;
   const resolved = _nullishCoalesce(_nullishCoalesce(component, () => ( components[field.type])), () => ( components["text"]));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3PMQZRSQcjs.Field, { field, control, component: resolved, ...rest });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX5G3JO5Tcjs.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":"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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 type { FieldValues } from 'react-hook-form';\nimport { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField<TFieldValues extends FieldValues = FieldValues>({\n  field,\n  control,\n  component,\n  ...rest\n}: FieldProps<TFieldValues>) {\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"]}
+{"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\nfunction getRuleValue(\n  rule: number | string | { value: number | string; message: string } | undefined\n): number | string | undefined {\n  if (rule && typeof rule === 'object' && 'value' in rule) {\n    return rule.value;\n  }\n  return rule;\n}\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={getRuleValue(fieldConfig.rules?.min)}\n      max={getRuleValue(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 type { FieldValues } from 'react-hook-form';\nimport { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField<TFieldValues extends FieldValues = FieldValues>({\n  field,\n  control,\n  component,\n  ...rest\n}: FieldProps<TFieldValues>) {\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

@@ -1,7 +1,7 @@
 import { FieldConfig, FieldState } from '@form-os/core';
 import { ControllerRenderProps, FieldError, FieldValues } from 'react-hook-form';
 import * as react from 'react';
-import { F as FieldProps } from '../Field-BZNec30e.cjs';
+import { F as FieldProps } from '../Field-5cPJnVTb.cjs';
 
 interface FieldComponentProps {
     formField: ControllerRenderProps;

package/dist/fields/index.d.ts

@@ -1,7 +1,7 @@
 import { FieldConfig, FieldState } from '@form-os/core';
 import { ControllerRenderProps, FieldError, FieldValues } from 'react-hook-form';
 import * as react from 'react';
-import { F as FieldProps } from '../Field-BZNec30e.js';
+import { F as FieldProps } from '../Field-5cPJnVTb.js';
 
 interface FieldComponentProps {
     formField: ControllerRenderProps;

package/dist/fields/index.js

@@ -1,6 +1,6 @@
 import {
   Field
-} from "../chunk-IHVV2WZM.js";
+} from "../chunk-V2X6FW6I.js";
 
 // src/fields/TextField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -26,6 +26,12 @@ function TextField({
 
 // src/fields/NumberField.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
+function getRuleValue(rule) {
+  if (rule && typeof rule === "object" && "value" in rule) {
+    return rule.value;
+  }
+  return rule;
+}
 function NumberField({
   formField,
   fieldConfig,
@@ -39,8 +45,8 @@ function NumberField({
       ref,
       ...field,
       type: "number",
-      min: fieldConfig.rules?.min,
-      max: fieldConfig.rules?.max,
+      min: getRuleValue(fieldConfig.rules?.min),
+      max: getRuleValue(fieldConfig.rules?.max),
       placeholder: fieldConfig.placeholder,
       className,
       ...rest

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 type { ComponentType } from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField<TFieldValues extends FieldValues = FieldValues>({\n  field,\n  control,\n  component,\n  ...rest\n}: FieldProps<TFieldValues>) {\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":";;;;;AAUI;AARG,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,GAAG,MAAM,IAAI;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,aAAa,YAAY;AAAA,MACzB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACTI,gBAAAA,YAAA;AARG,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,GAAG,MAAM,IAAI;AAC1B,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,KAAK,YAAY,OAAO;AAAA,MACxB,KAAK,YAAY,OAAO;AAAA,MACxB,aAAa,YAAY;AAAA,MACzB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACXI,gBAAAC,YAAA;AARG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,GAAG,MAAM,IAAI;AAC1B,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,aAAa,YAAY;AAAA,MACzB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACTI,gBAAAC,YAAA;AARG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,GAAG,MAAM,IAAI;AAC1B,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,aAAa,YAAY;AAAA,MACzB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACTI,gBAAAC,YAAA;AARG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,GAAG,MAAM,IAAI;AAC1B,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,YAAY,OAAO,QAAQ;AAAA,MACjC,aAAa,YAAY;AAAA,MACzB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACTI,gBAAAC,YAAA;AARG,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,GAAG,MAAM,IAAI;AAC1B,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,aAAa,YAAY;AAAA,MACzB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACCQ,gBAAAC,YAAA;AAlBD,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,GAAG,MAAM,IAAI;AAC1B,QAAM,WAAW,CAAC,CAAC,YAAY,OAAO;AAEtC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH,sBAAY,SAAS,IAAI,CAAC,QACzB,gBAAAA,KAAC,YAAuB,OAAO,IAAI,OAChC,cAAI,SADM,IAAI,KAEjB,CACD;AAAA;AAAA,EACH;AAEJ;;;AChBI,gBAAAC,YAAA;AARG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,OAAO,GAAG,MAAM,IAAI;AACjC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACV,GAAG;AAAA,MACJ,UAAU,CAAC,MAAM,MAAM,SAAS,EAAE,OAAO,OAAO;AAAA,MAChD;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACPQ,SACE,OAAAC,MADF;AAXD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,UAAU,QAAQ,MAAM,MAAM,IAAI;AAE/C,SACE,gBAAAA,KAAC,SAAI,WAAuB,GAAG,MAC5B,sBAAY,SAAS,IAAI,CAAC,QACzB,qBAAC,WACC;AAAA,oBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,OAAO,IAAI;AAAA,QACX,SAAS,UAAU,IAAI;AAAA,QACvB,UAAU,MAAM,SAAS,IAAI,KAAK;AAAA,QAClC;AAAA,QACA,KAAK,UAAU,IAAI,QAAQ,MAAM;AAAA;AAAA,IACnC;AAAA,IACC,IAAI;AAAA,OAVK,IAAI,KAWhB,CACD,GACH;AAEJ;;;AClBI,gBAAAC,aAAA;AARG,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,KAAK,OAAO,GAAG,MAAM,IAAI;AACjC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACV,GAAG;AAAA,MACJ,UAAU,CAAC,MAAM,MAAM,SAAS,EAAE,OAAO,OAAO;AAAA,MAChD;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACVO,IAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AACV;;;ACTS,gBAAAC,aAAA;AARF,SAAS,aAA6D;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,aAAa;AACnB,QAAM,WAAW,aAAa,WAAW,MAAM,IAAI,KAAK,WAAW,MAAM;AACzE,SAAO,gBAAAA,MAAC,SAAM,OAAc,SAAkB,WAAW,UAAW,GAAG,MAAM;AAC/E;","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\nfunction getRuleValue(\n  rule: number | string | { value: number | string; message: string } | undefined\n): number | string | undefined {\n  if (rule && typeof rule === 'object' && 'value' in rule) {\n    return rule.value;\n  }\n  return rule;\n}\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={getRuleValue(fieldConfig.rules?.min)}\n      max={getRuleValue(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 type { FieldValues } from 'react-hook-form';\nimport { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField<TFieldValues extends FieldValues = FieldValues>({\n  field,\n  control,\n  component,\n  ...rest\n}: FieldProps<TFieldValues>) {\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

@@ -3,7 +3,7 @@
 
 
 
-var _chunk3PMQZRSQcjs = require('./chunk-3PMQZRSQ.cjs');
+var _chunkX5G3JO5Tcjs = require('./chunk-X5G3JO5T.cjs');
 
 // src/useFormConfig.ts
 var _react = require('react');
@@ -38,5 +38,5 @@ function useFormConfig(config) {
 
 
 
-exports.Field = _chunk3PMQZRSQcjs.Field; exports.FormFieldsProvider = _chunk3PMQZRSQcjs.FormFieldsProvider; exports.FormProvider = _reacthookform.FormProvider; exports.useField = _chunk3PMQZRSQcjs.useField; exports.useFieldComponents = _chunk3PMQZRSQcjs.useFieldComponents; exports.useForm = _reacthookform.useForm; exports.useFormConfig = useFormConfig; exports.useFormContext = _reacthookform.useFormContext;
+exports.Field = _chunkX5G3JO5Tcjs.Field; exports.FormFieldsProvider = _chunkX5G3JO5Tcjs.FormFieldsProvider; exports.FormProvider = _reacthookform.FormProvider; exports.useField = _chunkX5G3JO5Tcjs.useField; exports.useFieldComponents = _chunkX5G3JO5Tcjs.useFieldComponents; exports.useForm = _reacthookform.useForm; exports.useFormConfig = useFormConfig; exports.useFormContext = _reacthookform.useFormContext;
 //# sourceMappingURL=index.cjs.map

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;AACE;AAAA,gDAIK;AACP,qCAAmE;AAE5D,SAAS,aAAA,CACd,MAAA,EACyD;AACzD,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;AAAsB,IACjC,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;ADHA;AACA;AEtBA;AFwBA;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 {\n  useForm,\n  type DefaultValues,\n  type FieldValues,\n  type UseFormReturn,\n} from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig<TFieldValues extends FieldValues = FieldValues>(\n  config: FieldConfig[] | FormConfig\n): UseFormReturn<TFieldValues> & { fields: FieldConfig[] } {\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<TFieldValues>({\n    defaultValues: defaultValues as DefaultValues<TFieldValues>,\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"]}
+{"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;AACE;AAAA,gDAIK;AACP,qCAAmE;AAE5D,SAAS,aAAA,CACd,MAAA,EACyD;AACzD,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;AAAsB,IACjC,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;ADHA;AACA;AEvBA;AFyBA;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 {\n  useForm,\n  type DefaultValues,\n  type FieldValues,\n  type UseFormReturn,\n} from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig<TFieldValues extends FieldValues = FieldValues>(\n  config: FieldConfig[] | FormConfig\n): UseFormReturn<TFieldValues> & { fields: FieldConfig[] } {\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<TFieldValues>({\n    defaultValues: defaultValues as DefaultValues<TFieldValues>,\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 { 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.d.cts

@@ -1,9 +1,9 @@
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, UseFormReturn, RegisterOptions, Control } from 'react-hook-form';
+import { FieldValues, UseFormReturn, Control } from 'react-hook-form';
 export { Control, FormProvider, RegisterOptions, UseFormProps, useForm, useFormContext } from 'react-hook-form';
 import * as _form_os_core from '@form-os/core';
 import { FieldConfig, FormConfig } from '@form-os/core';
-export { a as Field, F as FieldProps } from './Field-BZNec30e.cjs';
+export { a as Field, F as FieldProps } from './Field-5cPJnVTb.cjs';
 import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
 
@@ -11,11 +11,7 @@ declare function useFormConfig<TFieldValues extends FieldValues = FieldValues>(c
     fields: FieldConfig[];
 };
 
-interface UseFieldOptions {
-    rules?: RegisterOptions;
-    defaultValue?: any;
-}
-declare function useField<TFieldValues extends FieldValues = FieldValues>(field: FieldConfig, control: Control<TFieldValues>, options?: UseFieldOptions): {
+declare function useField<TFieldValues extends FieldValues = FieldValues>(field: FieldConfig, control: Control<TFieldValues>): {
     field: react_hook_form.ControllerRenderProps<TFieldValues, react_hook_form.Path<TFieldValues>>;
     fieldState: react_hook_form.ControllerFieldState;
     state: _form_os_core.FieldState;
@@ -29,4 +25,4 @@ interface FormFieldsProviderProps {
 declare function FormFieldsProvider({ components, children }: FormFieldsProviderProps): react.JSX.Element;
 declare function useFieldComponents(): ComponentsMap;
 
-export { type ComponentsMap, FormFieldsProvider, type FormFieldsProviderProps, type UseFieldOptions, useField, useFieldComponents, useFormConfig };
+export { type ComponentsMap, FormFieldsProvider, type FormFieldsProviderProps, useField, useFieldComponents, useFormConfig };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, UseFormReturn, RegisterOptions, Control } from 'react-hook-form';
+import { FieldValues, UseFormReturn, Control } from 'react-hook-form';
 export { Control, FormProvider, RegisterOptions, UseFormProps, useForm, useFormContext } from 'react-hook-form';
 import * as _form_os_core from '@form-os/core';
 import { FieldConfig, FormConfig } from '@form-os/core';
-export { a as Field, F as FieldProps } from './Field-BZNec30e.js';
+export { a as Field, F as FieldProps } from './Field-5cPJnVTb.js';
 import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
 
@@ -11,11 +11,7 @@ declare function useFormConfig<TFieldValues extends FieldValues = FieldValues>(c
     fields: FieldConfig[];
 };
 
-interface UseFieldOptions {
-    rules?: RegisterOptions;
-    defaultValue?: any;
-}
-declare function useField<TFieldValues extends FieldValues = FieldValues>(field: FieldConfig, control: Control<TFieldValues>, options?: UseFieldOptions): {
+declare function useField<TFieldValues extends FieldValues = FieldValues>(field: FieldConfig, control: Control<TFieldValues>): {
     field: react_hook_form.ControllerRenderProps<TFieldValues, react_hook_form.Path<TFieldValues>>;
     fieldState: react_hook_form.ControllerFieldState;
     state: _form_os_core.FieldState;
@@ -29,4 +25,4 @@ interface FormFieldsProviderProps {
 declare function FormFieldsProvider({ components, children }: FormFieldsProviderProps): react.JSX.Element;
 declare function useFieldComponents(): ComponentsMap;
 
-export { type ComponentsMap, FormFieldsProvider, type FormFieldsProviderProps, type UseFieldOptions, useField, useFieldComponents, useFormConfig };
+export { type ComponentsMap, FormFieldsProvider, type FormFieldsProviderProps, useField, useFieldComponents, useFormConfig };

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   FormFieldsProvider,
   useField,
   useFieldComponents
-} from "./chunk-IHVV2WZM.js";
+} from "./chunk-V2X6FW6I.js";
 
 // src/useFormConfig.ts
 import { useMemo } from "react";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/useFormConfig.ts","../src/index.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  useForm,\n  type DefaultValues,\n  type FieldValues,\n  type UseFormReturn,\n} from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig<TFieldValues extends FieldValues = FieldValues>(\n  config: FieldConfig[] | FormConfig\n): UseFormReturn<TFieldValues> & { fields: FieldConfig[] } {\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<TFieldValues>({\n    defaultValues: defaultValues as DefaultValues<TFieldValues>,\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;AAAA,EACE;AAAA,OAIK;AACP,SAAS,uBAA0D;AAE5D,SAAS,cACd,QACyD;AACzD,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,QAAsB;AAAA,IACjC;AAAA,IACA,MAAM,WAAW;AAAA,IACjB,gBAAgB,WAAW;AAAA,EAC7B,CAAC;AAED,SAAO,EAAE,GAAG,MAAM,QAAQ,WAAW,OAAO;AAC9C;;;ACxBA,SAAS,cAAc,gBAAgB,WAAAA,gBAAe;","names":["useForm"]}
+{"version":3,"sources":["../src/useFormConfig.ts","../src/index.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  useForm,\n  type DefaultValues,\n  type FieldValues,\n  type UseFormReturn,\n} from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig<TFieldValues extends FieldValues = FieldValues>(\n  config: FieldConfig[] | FormConfig\n): UseFormReturn<TFieldValues> & { fields: FieldConfig[] } {\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<TFieldValues>({\n    defaultValues: defaultValues as DefaultValues<TFieldValues>,\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 { 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;AAAA,EACE;AAAA,OAIK;AACP,SAAS,uBAA0D;AAE5D,SAAS,cACd,QACyD;AACzD,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,QAAsB;AAAA,IACjC;AAAA,IACA,MAAM,WAAW;AAAA,IACjB,gBAAgB,WAAW;AAAA,EAC7B,CAAC;AAED,SAAO,EAAE,GAAG,MAAM,QAAQ,WAAW,OAAO;AAC9C;;;ACzBA,SAAS,cAAc,gBAAgB,WAAAA,gBAAe;","names":["useForm"]}

package/package.json

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

package/dist/chunk-3PMQZRSQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/abeleko/Documents/larven/formjs/packages/react/dist/chunk-3PMQZRSQ.cjs","../src/useField.ts","../src/FormFieldsContext.tsx","../src/Field.tsx"],"names":["jsx"],"mappings":"AAAA;ACAA,8BAAwB;AACxB,gDAAwC;AAExC,qCAAgD;AAOzC,SAAS,QAAA,CACd,KAAA,EACA,OAAA,EACA,QAAA,EAA2B,CAAC,CAAA,EAC5B;AACA,EAAA,MAAM,OAAA,EAAS,qCAAA,EAAW,QAAQ,CAAC,CAAA;AAEnC,EAAA,MAAM,MAAA,EAAQ,4BAAA;AAAA,IACZ,CAAA,EAAA,GAAM,iCAAA,KAAc,mBAAO,MAAA,UAAU,CAAC,GAAC,CAAA;AAAA,IACvC,CAAC,KAAA,EAAO,MAAM;AAAA,EAChB,CAAA;AAEA,EAAA,MAAM,EAAE,KAAA,EAAO,CAAA,EAAG,WAAW,EAAA,EAAI,0CAAA;AAA4B,IAC3D,IAAA,EAAM,KAAA,CAAM,IAAA;AAAA,IACZ,OAAA;AAAA,IACA,KAAA,mBAAQ,OAAA,CAAQ,KAAA,UAAS,KAAA,CAAM,OAAA;AAAA,IAC/B,YAAA,mBAAc,OAAA,CAAQ,YAAA,UAAgB,KAAA,CAAM,cAAA;AAAA,IAC5C,QAAA,EAAU,KAAA,CAAM;AAAA,EAClB,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,UAAA,EAAY,MAAM,CAAA;AACvC;ADZA;AACA;AEpBA;AAcI,+CAAA;AATJ,IAAM,kBAAA,EAAoB,kCAAA,CAA8B,CAAC,CAAA;AAOlD,SAAS,kBAAA,CAAmB,EAAE,UAAA,EAAY,SAAS,CAAA,EAA4B;AACpF,EAAA,uBACE,6BAAA,iBAAC,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAAO,UAAA,EAChC,SAAA,CACH,CAAA;AAEJ;AAEO,SAAS,kBAAA,CAAA,EAAoC;AAClD,EAAA,OAAO,+BAAA,iBAA4B,CAAA;AACrC;AFQA;AACA;AGDI;AAhBG,SAAS,KAAA,CAAsD;AAAA,EACpE,KAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,MAAM,kBAAA,EAAoB,kBAAA,CAAmB,CAAA;AAC7C,EAAA,MAAM,UAAA,oCAAY,SAAA,UAAa,iBAAA,CAAkB,KAAA,CAAM,IAAI,GAAA,UAAK,iBAAA,CAAkB,MAAM,GAAA;AACxF,EAAA,MAAM,EAAE,KAAA,EAAO,CAAA,EAAG,UAAA,EAAY,MAAM,EAAA,EAAI,QAAA,CAAS,KAAA,EAAO,OAAA,EAAS,EAAE,MAAM,CAAC,CAAA;AAE1E,EAAA,GAAA,CAAI,CAAC,KAAA,CAAM,OAAA,EAAS;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEA,6BAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA;AAAA,MACX,WAAA,EAAa,KAAA;AAAA,MACb,UAAA,EAAY,KAAA;AAAA,MACZ,KAAA,EAAO,UAAA,CAAW,KAAA;AAAA,MAClB,QAAA,EAAU,KAAA,CAAM,QAAA;AAAA,MAChB,QAAA,EAAU,KAAA,CAAM,QAAA;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AHmBA;AACA;AACE;AACA;AACA;AACA;AACF,qJAAC","file":"/Users/abeleko/Documents/larven/formjs/packages/react/dist/chunk-3PMQZRSQ.cjs","sourcesContent":[null,"import { useMemo } from 'react';\nimport { useController, useWatch } from 'react-hook-form';\nimport type { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';\nimport { getFieldState, type FieldConfig } from '@form-os/core';\n\nexport interface UseFieldOptions {\n  rules?: RegisterOptions;\n  defaultValue?: any;\n}\n\nexport function useField<TFieldValues extends FieldValues = FieldValues>(\n  field: FieldConfig,\n  control: Control<TFieldValues>,\n  options: UseFieldOptions = {}\n) {\n  const values = useWatch({ control }) as Record<string, any>;\n\n  const state = useMemo(\n    () => getFieldState(field, values ?? {}),\n    [field, values]\n  );\n\n  const { field: f, fieldState } = useController<TFieldValues>({\n    name: field.name as FieldPath<TFieldValues>,\n    control,\n    rules: (options.rules ?? field.rules) as RegisterOptions<TFieldValues> | undefined,\n    defaultValue: options.defaultValue ?? field.defaultValue,\n    disabled: state.disabled,\n  });\n\n  return { field: f, fieldState, state };\n}\n","import { createContext, useContext } from 'react';\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type ComponentsMap = Record<string, ComponentType<any>>;\n\nconst FormFieldsContext = createContext<ComponentsMap>({});\n\nexport interface FormFieldsProviderProps {\n  components: ComponentsMap;\n  children: ReactNode;\n}\n\nexport function FormFieldsProvider({ components, children }: FormFieldsProviderProps) {\n  return (\n    <FormFieldsContext.Provider value={components}>\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function useFieldComponents(): ComponentsMap {\n  return useContext(FormFieldsContext);\n}\n","import type { ComponentType } from 'react';\nimport type { Control, FieldValues, RegisterOptions } from 'react-hook-form';\nimport type { FieldConfig } from '@form-os/core';\nimport { useField } from './useField';\nimport { useFieldComponents } from './FormFieldsContext';\n\nexport interface FieldProps<TFieldValues extends FieldValues = FieldValues> {\n  field: FieldConfig;\n  control: Control<TFieldValues>;\n  component?: ComponentType<any>;\n  rules?: RegisterOptions;\n  [key: string]: any;\n}\n\nexport function Field<TFieldValues extends FieldValues = FieldValues>({\n  field,\n  control,\n  component,\n  rules,\n  ...rest\n}: FieldProps<TFieldValues>) {\n  const contextComponents = useFieldComponents();\n  const Component = component ?? contextComponents[field.type] ?? contextComponents['text'];\n  const { field: f, fieldState, state } = useField(field, control, { rules });\n\n  if (!state.visible) {\n    return null;\n  }\n\n  return (\n    <Component\n      formField={f}\n      fieldConfig={field}\n      fieldState={state}\n      error={fieldState.error}\n      disabled={state.disabled}\n      readonly={state.readonly}\n      {...rest}\n    />\n  );\n}\n"]}

package/dist/chunk-IHVV2WZM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/useField.ts","../src/FormFieldsContext.tsx","../src/Field.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useController, useWatch } from 'react-hook-form';\nimport type { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';\nimport { getFieldState, type FieldConfig } from '@form-os/core';\n\nexport interface UseFieldOptions {\n  rules?: RegisterOptions;\n  defaultValue?: any;\n}\n\nexport function useField<TFieldValues extends FieldValues = FieldValues>(\n  field: FieldConfig,\n  control: Control<TFieldValues>,\n  options: UseFieldOptions = {}\n) {\n  const values = useWatch({ control }) as Record<string, any>;\n\n  const state = useMemo(\n    () => getFieldState(field, values ?? {}),\n    [field, values]\n  );\n\n  const { field: f, fieldState } = useController<TFieldValues>({\n    name: field.name as FieldPath<TFieldValues>,\n    control,\n    rules: (options.rules ?? field.rules) as RegisterOptions<TFieldValues> | undefined,\n    defaultValue: options.defaultValue ?? field.defaultValue,\n    disabled: state.disabled,\n  });\n\n  return { field: f, fieldState, state };\n}\n","import { createContext, useContext } from 'react';\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type ComponentsMap = Record<string, ComponentType<any>>;\n\nconst FormFieldsContext = createContext<ComponentsMap>({});\n\nexport interface FormFieldsProviderProps {\n  components: ComponentsMap;\n  children: ReactNode;\n}\n\nexport function FormFieldsProvider({ components, children }: FormFieldsProviderProps) {\n  return (\n    <FormFieldsContext.Provider value={components}>\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function useFieldComponents(): ComponentsMap {\n  return useContext(FormFieldsContext);\n}\n","import type { ComponentType } from 'react';\nimport type { Control, FieldValues, RegisterOptions } from 'react-hook-form';\nimport type { FieldConfig } from '@form-os/core';\nimport { useField } from './useField';\nimport { useFieldComponents } from './FormFieldsContext';\n\nexport interface FieldProps<TFieldValues extends FieldValues = FieldValues> {\n  field: FieldConfig;\n  control: Control<TFieldValues>;\n  component?: ComponentType<any>;\n  rules?: RegisterOptions;\n  [key: string]: any;\n}\n\nexport function Field<TFieldValues extends FieldValues = FieldValues>({\n  field,\n  control,\n  component,\n  rules,\n  ...rest\n}: FieldProps<TFieldValues>) {\n  const contextComponents = useFieldComponents();\n  const Component = component ?? contextComponents[field.type] ?? contextComponents['text'];\n  const { field: f, fieldState, state } = useField(field, control, { rules });\n\n  if (!state.visible) {\n    return null;\n  }\n\n  return (\n    <Component\n      formField={f}\n      fieldConfig={field}\n      fieldState={state}\n      error={fieldState.error}\n      disabled={state.disabled}\n      readonly={state.readonly}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";AAAA,SAAS,eAAe;AACxB,SAAS,eAAe,gBAAgB;AAExC,SAAS,qBAAuC;AAOzC,SAAS,SACd,OACA,SACA,UAA2B,CAAC,GAC5B;AACA,QAAM,SAAS,SAAS,EAAE,QAAQ,CAAC;AAEnC,QAAM,QAAQ;AAAA,IACZ,MAAM,cAAc,OAAO,UAAU,CAAC,CAAC;AAAA,IACvC,CAAC,OAAO,MAAM;AAAA,EAChB;AAEA,QAAM,EAAE,OAAO,GAAG,WAAW,IAAI,cAA4B;AAAA,IAC3D,MAAM,MAAM;AAAA,IACZ;AAAA,IACA,OAAQ,QAAQ,SAAS,MAAM;AAAA,IAC/B,cAAc,QAAQ,gBAAgB,MAAM;AAAA,IAC5C,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,SAAO,EAAE,OAAO,GAAG,YAAY,MAAM;AACvC;;;AC/BA,SAAS,eAAe,kBAAkB;AActC;AATJ,IAAM,oBAAoB,cAA6B,CAAC,CAAC;AAOlD,SAAS,mBAAmB,EAAE,YAAY,SAAS,GAA4B;AACpF,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,YAChC,UACH;AAEJ;AAEO,SAAS,qBAAoC;AAClD,SAAO,WAAW,iBAAiB;AACrC;;;ACQI,gBAAAA,YAAA;AAhBG,SAAS,MAAsD;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,oBAAoB,mBAAmB;AAC7C,QAAM,YAAY,aAAa,kBAAkB,MAAM,IAAI,KAAK,kBAAkB,MAAM;AACxF,QAAM,EAAE,OAAO,GAAG,YAAY,MAAM,IAAI,SAAS,OAAO,SAAS,EAAE,MAAM,CAAC;AAE1E,MAAI,CAAC,MAAM,SAAS;AAClB,WAAO;AAAA,EACT;AAEA,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO,WAAW;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MACf,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["jsx"]}