@gusto/embedded-react-sdk 0.37.0-rc.1 → 0.37.0-rc.2

package/dist/components/Common/Fields/NumberInputField/NumberInputField.js

@@ -1,37 +1,40 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useField as x } from "../hooks/useField.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const j = ({
-  rules: r,
-  defaultValue: e,
-  name: o,
-  errorMessage: n,
+import { jsx as b } from "react/jsx-runtime";
+import { useField as F } from "../hooks/useField.js";
+import { useComponentContext as I } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const g = ({
+  rules: e,
+  defaultValue: o,
+  name: r,
+  control: n,
+  errorMessage: s,
   isRequired: t,
-  onChange: s,
+  onChange: m,
   transform: u,
-  description: m,
-  onBlur: p,
-  inputRef: i,
-  ...l
+  description: p,
+  onBlur: i,
+  inputRef: l,
+  FieldComponent: f,
+  ...c
 }) => {
-  const f = C(), a = {
-    validate: (N) => !(t && isNaN(N)),
-    ...r
-  }, c = x({
-    name: o,
-    rules: a,
-    defaultValue: e,
-    errorMessage: n,
+  const a = I(), d = {
+    validate: (x) => !(t && isNaN(x)),
+    ...e
+  }, C = F({
+    name: r,
+    control: n,
+    rules: d,
+    defaultValue: o,
+    errorMessage: s,
     isRequired: t,
-    onChange: s,
+    onChange: m,
     transform: u,
-    description: m,
-    onBlur: p,
-    inputRef: i
-  });
-  return /* @__PURE__ */ d(f.NumberInput, { ...l, ...c });
+    description: p,
+    onBlur: i,
+    inputRef: l
+  }), N = f ?? a.NumberInput;
+  return /* @__PURE__ */ b(N, { ...c, ...C });
 };
 export {
-  j as NumberInputField
+  g as NumberInputField
 };
 //# sourceMappingURL=NumberInputField.js.map

package/dist/components/Common/Fields/NumberInputField/NumberInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputField.js","sources":["../../../../../src/components/Common/Fields/NumberInputField/NumberInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface NumberInputFieldProps\n  extends Omit<NumberInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps<number> {}\n\nexport const NumberInputField: React.FC<NumberInputFieldProps> = ({\n  rules: providedRules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...numberInputProps\n}: NumberInputFieldProps) => {\n  const Components = useComponentContext()\n  const rules = {\n    validate: (value: number) => {\n      if (isRequired && isNaN(value)) {\n        return false\n      }\n      return true\n    },\n    ...providedRules,\n  }\n\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.NumberInput {...numberInputProps} {...fieldProps} />\n}\n"],"names":["NumberInputField","providedRules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","numberInputProps","Components","useComponentContext","rules","value","fieldProps","useField"],"mappings":";;;AAOO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IAAaC,EAAA,GACbC,IAAQ;AAAA,IACZ,UAAU,CAACC,MACL,EAAAV,KAAc,MAAMU,CAAK;AAAA,IAK/B,GAAGd;AAAA,EAAA,GAGCe,IAAaC,EAAS;AAAA,IAC1B,MAAAd;AAAA,IACA,OAAAW;AAAA,IACA,cAAAZ;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,aAAX,EAAwB,GAAGD,GAAmB,GAAGK,GAAY;AACvE;"}
+{"version":3,"file":"NumberInputField.js","sources":["../../../../../src/components/Common/Fields/NumberInputField/NumberInputField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface NumberInputFieldProps\n  extends Omit<NumberInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps<number> {\n  FieldComponent?: ComponentType<NumberInputProps>\n}\n\nexport const NumberInputField: React.FC<NumberInputFieldProps> = ({\n  rules: providedRules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...numberInputProps\n}: NumberInputFieldProps) => {\n  const Components = useComponentContext()\n  const rules = {\n    validate: (value: number) => {\n      if (isRequired && isNaN(value)) {\n        return false\n      }\n      return true\n    },\n    ...providedRules,\n  }\n\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.NumberInput\n  return <RenderComponent {...numberInputProps} {...fieldProps} />\n}\n"],"names":["NumberInputField","providedRules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","numberInputProps","Components","useComponentContext","rules","value","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AAUO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IAAaC,EAAA,GACbC,IAAQ;AAAA,IACZ,UAAU,CAACC,MACL,EAAAX,KAAc,MAAMW,CAAK;AAAA,IAK/B,GAAGhB;AAAA,EAAA,GAGCiB,IAAaC,EAAS;AAAA,IAC1B,MAAAhB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAY;AAAA,IACA,cAAAd;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAkBR,KAAkBE,EAAW;AACrD,SAAO,gBAAAO,EAACD,GAAA,EAAiB,GAAGP,GAAmB,GAAGK,EAAA,CAAY;AAChE;"}

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.d.ts

@@ -1,3 +1,4 @@
+import { ComponentType } from 'react';
 import { UseFieldProps } from '../hooks/useField';
 import { RadioGroupProps, RadioGroupOption } from '../../UI/RadioGroup/RadioGroupTypes';
 import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
@@ -5,6 +6,7 @@ type GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroup
 export interface RadioGroupFieldProps<TValue> extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid' | 'defaultValue'>, UseFieldProps<TValue> {
     options: GenericRadioGroupOption<TValue>[];
     convertValueToString?: (value: TValue) => string;
+    FieldComponent?: ComponentType<RadioGroupProps>;
 }
-export declare const RadioGroupField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, description, onBlur, inputRef, ...radioGroupProps }: RadioGroupFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroupField: <TValue = string>({ rules, defaultValue, name, control, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, description, onBlur, inputRef, FieldComponent, ...radioGroupProps }: RadioGroupFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js

@@ -1,42 +1,45 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useField as x } from "../hooks/useField.js";
-import { useComponentContext as G } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useStringifyGenericFieldValue as P } from "../hooks/useStringifyGenericFieldValue.js";
-const S = ({
+import { jsx as R } from "react/jsx-runtime";
+import { useField as P } from "../hooks/useField.js";
+import { useComponentContext as j } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as v } from "../hooks/useStringifyGenericFieldValue.js";
+const k = ({
   rules: o,
   defaultValue: e,
   name: n,
-  errorMessage: r,
-  isRequired: t,
-  onChange: i,
-  transform: s,
-  options: p,
-  convertValueToString: m,
+  control: r,
+  errorMessage: t,
+  isRequired: i,
+  onChange: s,
+  transform: p,
+  options: m,
+  convertValueToString: d,
   description: u,
   onBlur: a,
-  inputRef: d,
-  ...l
+  inputRef: l,
+  FieldComponent: C,
+  ...c
 }) => {
-  const f = G(), { value: C, onChange: c, ...g } = x({
+  const f = j(), { value: g, onChange: F, ...h } = P({
     name: n,
+    control: r,
     rules: o,
     defaultValue: e,
-    errorMessage: r,
-    isRequired: t,
-    onChange: i,
-    transform: s,
+    errorMessage: t,
+    isRequired: i,
+    onChange: s,
+    transform: p,
     description: u,
     onBlur: a,
-    inputRef: d
-  }), F = P({
-    options: p,
-    value: C,
-    onChange: c,
-    convertValueToString: m
-  });
-  return /* @__PURE__ */ h(f.RadioGroup, { ...l, ...g, ...F });
+    inputRef: l
+  }), x = v({
+    options: m,
+    value: g,
+    onChange: F,
+    convertValueToString: d
+  }), G = C ?? f.RadioGroup;
+  return /* @__PURE__ */ R(G, { ...c, ...h, ...x });
 };
 export {
-  S as RadioGroupField
+  k as RadioGroupField
 };
 //# sourceMappingURL=RadioGroupField.js.map

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends\n    Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid' | 'defaultValue'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.RadioGroup {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAqBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAwD;AAAA,IAC/E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,YAAX,EAAuB,GAAGD,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AAC3F;"}
+{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends\n    Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid' | 'defaultValue'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.RadioGroup\n  return <RenderComponent {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","control","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","FieldComponent","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","RenderComponent"],"mappings":";;;;AAuBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAlB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAwD;AAAA,IAC/E,SAAAd;AAAA,IACA,OAAAS;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAT;AAAA,EAAA,CACD,GAEKc,IAAkBV,KAAkBE,EAAW;AACrD,2BAAQQ,GAAA,EAAiB,GAAGT,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AACrF;"}

package/dist/components/Common/Fields/SelectField/SelectField.d.ts

@@ -1,3 +1,4 @@
+import { ComponentType } from 'react';
 import { UseFieldProps } from '../hooks/useField';
 import { SelectOption, SelectProps } from '../../UI/Select/SelectTypes';
 import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
@@ -5,6 +6,7 @@ type GenericSelectOption<TValue> = OptionWithGenericValue<TValue, SelectOption>;
 export interface SelectFieldProps<TValue> extends Omit<SelectProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>, UseFieldProps<TValue, HTMLButtonElement> {
     options: GenericSelectOption<TValue>[];
     convertValueToString?: (value: TValue) => string;
+    FieldComponent?: ComponentType<SelectProps>;
 }
-export declare const SelectField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, description, onBlur, inputRef, ...selectProps }: SelectFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectField: <TValue = string>({ rules, defaultValue, name, control, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, description, onBlur, inputRef, FieldComponent, ...selectProps }: SelectFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Common/Fields/SelectField/SelectField.js

@@ -1,42 +1,45 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useField as x } from "../hooks/useField.js";
-import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useStringifyGenericFieldValue as P } from "../hooks/useStringifyGenericFieldValue.js";
-const V = ({
+import { jsx as P } from "react/jsx-runtime";
+import { useField as j } from "../hooks/useField.js";
+import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as y } from "../hooks/useStringifyGenericFieldValue.js";
+const k = ({
   rules: e,
   defaultValue: o,
   name: n,
-  errorMessage: t,
-  isRequired: r,
-  onChange: i,
-  transform: s,
-  options: m,
+  control: t,
+  errorMessage: r,
+  isRequired: i,
+  onChange: s,
+  transform: m,
+  options: p,
   convertValueToString: l,
-  description: p,
-  onBlur: c,
-  inputRef: f,
+  description: c,
+  onBlur: C,
+  inputRef: d,
+  FieldComponent: f,
   ...u
 }) => {
-  const C = S(), { value: a, onChange: d, ...g } = x({
+  const a = v(), { value: g, onChange: F, ...h } = j({
     name: n,
+    control: t,
     rules: e,
     defaultValue: o,
-    errorMessage: t,
-    isRequired: r,
-    onChange: i,
-    transform: s,
-    description: p,
-    onBlur: c,
-    inputRef: f
-  }), F = P({
-    options: m,
-    value: a,
-    onChange: d,
+    errorMessage: r,
+    isRequired: i,
+    onChange: s,
+    transform: m,
+    description: c,
+    onBlur: C,
+    inputRef: d
+  }), x = y({
+    options: p,
+    value: g,
+    onChange: F,
     convertValueToString: l
-  });
-  return /* @__PURE__ */ h(C.Select, { ...u, ...g, ...F });
+  }), S = f ?? a.Select;
+  return /* @__PURE__ */ P(S, { ...u, ...h, ...x });
 };
 export {
-  V as SelectField
+  k as SelectField
 };
 //# sourceMappingURL=SelectField.js.map

package/dist/components/Common/Fields/SelectField/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../../../src/components/Common/Fields/SelectField/SelectField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SelectOption, SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericSelectOption<TValue> = OptionWithGenericValue<TValue, SelectOption>\n\nexport interface SelectFieldProps<TValue>\n  extends\n    Omit<SelectProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue, HTMLButtonElement> {\n  options: GenericSelectOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const SelectField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...selectProps\n}: SelectFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue, HTMLButtonElement>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, SelectOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.Select {...selectProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["SelectField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","selectProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAkBO,MAAMA,IAAc,CAAmB;AAAA,EAC5C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAoC;AAAA,IAC7E,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAoD;AAAA,IAC3E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,QAAX,EAAmB,GAAGD,GAAc,GAAGK,GAAa,GAAGE,GAAkB;AACnF;"}
+{"version":3,"file":"SelectField.js","sources":["../../../../../src/components/Common/Fields/SelectField/SelectField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SelectOption, SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericSelectOption<TValue> = OptionWithGenericValue<TValue, SelectOption>\n\nexport interface SelectFieldProps<TValue>\n  extends\n    Omit<SelectProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue, HTMLButtonElement> {\n  options: GenericSelectOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n  FieldComponent?: ComponentType<SelectProps>\n}\n\nexport const SelectField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...selectProps\n}: SelectFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue, HTMLButtonElement>({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, SelectOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.Select\n  return <RenderComponent {...selectProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["SelectField","rules","defaultValue","name","control","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","FieldComponent","selectProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","RenderComponent"],"mappings":";;;;AAoBO,MAAMA,IAAc,CAAmB;AAAA,EAC5C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAoC;AAAA,IAC7E,MAAAlB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAoD;AAAA,IAC3E,SAAAd;AAAA,IACA,OAAAS;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAT;AAAA,EAAA,CACD,GAEKc,IAAkBV,KAAkBE,EAAW;AACrD,2BAAQQ,GAAA,EAAiB,GAAGT,GAAc,GAAGK,GAAa,GAAGE,GAAkB;AACjF;"}

package/dist/components/Common/Fields/SwitchField/SwitchField.d.ts

@@ -1,5 +1,7 @@
+import { ComponentType } from 'react';
 import { UseFieldProps } from '../hooks/useField';
 import { SwitchProps } from '../../UI/Switch/SwitchTypes';
 export interface SwitchFieldProps extends Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'isInvalid'>, UseFieldProps<boolean> {
+    FieldComponent?: ComponentType<SwitchProps>;
 }
 export declare const SwitchField: React.FC<SwitchFieldProps>;

package/dist/components/Common/Fields/SwitchField/SwitchField.js

@@ -1,34 +1,37 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useField as x } from "../hooks/useField.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const S = ({
+import { jsx as h } from "react/jsx-runtime";
+import { useField as w } from "../hooks/useField.js";
+import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const R = ({
   rules: o,
   defaultValue: t,
   name: e,
+  control: n,
   errorMessage: r,
-  isRequired: n,
-  onChange: i,
-  transform: m,
-  description: s,
-  onBlur: p,
-  inputRef: c,
-  ...f
+  isRequired: m,
+  onChange: s,
+  transform: i,
+  description: p,
+  onBlur: c,
+  inputRef: d,
+  FieldComponent: f,
+  ...C
 }) => {
-  const d = C(), l = x({
+  const l = F(), u = w({
     name: e,
+    control: n,
     rules: o,
     defaultValue: t,
     errorMessage: r,
-    isRequired: n,
-    onChange: i,
-    transform: m,
-    description: s,
-    onBlur: p,
-    inputRef: c
-  });
-  return /* @__PURE__ */ u(d.Switch, { ...f, ...l });
+    isRequired: m,
+    onChange: s,
+    transform: i,
+    description: p,
+    onBlur: c,
+    inputRef: d
+  }), x = f ?? l.Switch;
+  return /* @__PURE__ */ h(x, { ...C, ...u });
 };
 export {
-  S as SwitchField
+  R as SwitchField
 };
 //# sourceMappingURL=SwitchField.js.map

package/dist/components/Common/Fields/SwitchField/SwitchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends\n    Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'isInvalid'>,\n    UseFieldProps<boolean> {}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...switchProps\n}: SwitchFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.Switch {...switchProps} {...fieldProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","switchProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,QAAX,EAAmB,GAAGD,GAAc,GAAGG,GAAY;AAC7D;"}
+{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'isInvalid'>, UseFieldProps<boolean> {\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...switchProps\n}: SwitchFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.Switch\n  return <RenderComponent {...switchProps} {...fieldProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","switchProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AASO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAd;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAc,GAAGG,EAAA,CAAY;AAC3D;"}

package/dist/components/Common/Fields/TextAreaField/TextAreaField.js

@@ -1,34 +1,36 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useField as u } from "../hooks/useField.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const T = ({
+import { jsx as u } from "react/jsx-runtime";
+import { useField as C } from "../hooks/useField.js";
+import { useComponentContext as a } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const j = ({
   rules: o,
   defaultValue: e,
   name: t,
-  errorMessage: r,
-  isRequired: n,
-  onChange: m,
-  transform: s,
-  description: p,
-  onBlur: i,
-  inputRef: x,
-  ...f
+  control: r,
+  errorMessage: n,
+  isRequired: m,
+  onChange: s,
+  transform: p,
+  description: i,
+  onBlur: x,
+  inputRef: f,
+  ...c
 }) => {
-  const c = C(), d = u({
+  const d = a(), l = C({
     name: t,
+    control: r,
     rules: o,
     defaultValue: e,
-    errorMessage: r,
-    isRequired: n,
-    onChange: m,
-    transform: s,
-    description: p,
-    onBlur: i,
-    inputRef: x
+    errorMessage: n,
+    isRequired: m,
+    onChange: s,
+    transform: p,
+    description: i,
+    onBlur: x,
+    inputRef: f
   });
-  return /* @__PURE__ */ l(c.TextArea, { ...f, ...d });
+  return /* @__PURE__ */ u(d.TextArea, { ...c, ...l });
 };
 export {
-  T as TextAreaField
+  j as TextAreaField
 };
 //# sourceMappingURL=TextAreaField.js.map

package/dist/components/Common/Fields/TextAreaField/TextAreaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.js","sources":["../../../../../src/components/Common/Fields/TextAreaField/TextAreaField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextAreaFieldProps\n  extends\n    Omit<TextAreaProps, 'name' | 'value' | 'isInvalid'>,\n    UseFieldProps<string, HTMLTextAreaElement> {}\n\nexport const TextAreaField: React.FC<TextAreaFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...textAreaProps\n}: TextAreaFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.TextArea {...textAreaProps} {...fieldProps} />\n}\n"],"names":["TextAreaField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textAreaProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGG,GAAY;AACjE;"}
+{"version":3,"file":"TextAreaField.js","sources":["../../../../../src/components/Common/Fields/TextAreaField/TextAreaField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextAreaFieldProps\n  extends\n    Omit<TextAreaProps, 'name' | 'value' | 'isInvalid'>,\n    UseFieldProps<string, HTMLTextAreaElement> {}\n\nexport const TextAreaField: React.FC<TextAreaFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...textAreaProps\n}: TextAreaFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.TextArea {...textAreaProps} {...fieldProps} />\n}\n"],"names":["TextAreaField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textAreaProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAb;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGG,GAAY;AACjE;"}

package/dist/components/Common/Fields/TextInputField/TextInputField.d.ts

@@ -1,5 +1,7 @@
+import { ComponentType } from 'react';
 import { UseFieldProps } from '../hooks/useField';
 import { TextInputProps } from '../../UI/TextInput/TextInputTypes';
 export interface TextInputFieldProps extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps {
+    FieldComponent?: ComponentType<TextInputProps>;
 }
 export declare const TextInputField: React.FC<TextInputFieldProps>;

package/dist/components/Common/Fields/TextInputField/TextInputField.js

@@ -1,34 +1,37 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useField as l } from "../hooks/useField.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const j = ({
+import { jsx as F } from "react/jsx-runtime";
+import { useField as I } from "../hooks/useField.js";
+import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const a = ({
   rules: o,
   defaultValue: t,
   name: e,
-  errorMessage: n,
-  isRequired: r,
-  onChange: p,
-  transform: m,
-  description: s,
-  onBlur: i,
-  inputRef: u,
-  ...x
+  control: n,
+  errorMessage: r,
+  isRequired: p,
+  onChange: m,
+  transform: s,
+  description: i,
+  onBlur: u,
+  inputRef: x,
+  FieldComponent: c,
+  ...d
 }) => {
-  const f = C(), c = l({
+  const f = T(), C = I({
     name: e,
+    control: n,
     rules: o,
     defaultValue: t,
-    errorMessage: n,
-    isRequired: r,
-    onChange: p,
-    transform: m,
-    description: s,
-    onBlur: i,
-    inputRef: u
-  });
-  return /* @__PURE__ */ d(f.TextInput, { ...x, ...c });
+    errorMessage: r,
+    isRequired: p,
+    onChange: m,
+    transform: s,
+    description: i,
+    onBlur: u,
+    inputRef: x
+  }), l = c ?? f.TextInput;
+  return /* @__PURE__ */ F(l, { ...d, ...C });
 };
 export {
-  j as TextInputField
+  a as TextInputField
 };
 //# sourceMappingURL=TextInputField.js.map

package/dist/components/Common/Fields/TextInputField/TextInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps {}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...textInputProps\n}: TextInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.TextInput {...textInputProps} {...fieldProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,WAAX,EAAsB,GAAGD,GAAiB,GAAGG,GAAY;AACnE;"}
+{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps {\n  FieldComponent?: ComponentType<TextInputProps>\n}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...textInputProps\n}: TextInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.TextInput\n  return <RenderComponent {...textInputProps} {...fieldProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","textInputProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AAUO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAd;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAiB,GAAGG,EAAA,CAAY;AAC9D;"}

package/dist/components/Common/Fields/hooks/useField.d.ts

@@ -1,8 +1,9 @@
-import { RegisterOptions } from 'react-hook-form';
+import { Control, RegisterOptions } from 'react-hook-form';
 import { default as React, Ref } from 'react';
 export type Transform<TValue> = (value: TValue) => TValue;
 export interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {
     name: string;
+    control?: Control;
     rules?: RegisterOptions;
     defaultValue?: TValue;
     errorMessage?: string;
@@ -13,7 +14,7 @@ export interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {
     description?: React.ReactNode;
     inputRef?: Ref<TRef>;
 }
-export declare function useField<TValue = string, TRef = HTMLInputElement>({ name, rules, defaultValue, errorMessage, isRequired, onChange, onBlur, transform, description, inputRef, }: UseFieldProps<TValue, TRef>): {
+export declare function useField<TValue = string, TRef = HTMLInputElement>({ name, control: controlProp, rules, defaultValue, errorMessage, isRequired, onChange, onBlur, transform, description, inputRef, }: UseFieldProps<TValue, TRef>): {
     name: string;
     value: TValue;
     inputRef: React.RefCallback<any> | null;