@form-os/react 0.4.0 → 0.5.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');
@@ -256,7 +256,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.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";

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.5.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.5.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"]}