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

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

@@ -1,49 +1,61 @@
-import { jsx as h } from "react/jsx-runtime";
-import D from "react";
-import { useField as g } from "../hooks/useField.js";
-import { useComponentContext as k } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { normalizeDateToLocal as x } from "../../../../helpers/dateFormatting.js";
-const b = ({
-  rules: e,
-  defaultValue: t,
-  name: n,
-  errorMessage: r,
-  isRequired: a,
-  onChange: m,
-  transform: i,
-  description: s,
-  onBlur: c,
-  inputRef: l,
-  ...p
+import { jsx as S } from "react/jsx-runtime";
+import T from "react";
+import { useField as v } from "../hooks/useField.js";
+import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { normalizeDateToLocal as R, formatDateToStringDate as V, normalizeToDate as _ } from "../../../../helpers/dateFormatting.js";
+const q = ({
+  rules: r,
+  defaultValue: a,
+  name: i,
+  control: l,
+  errorMessage: s,
+  isRequired: m,
+  onChange: f,
+  transform: u,
+  description: c,
+  onBlur: p,
+  inputRef: d,
+  FieldComponent: g,
+  ...C
 }) => {
-  const f = k(), o = g({
-    name: n,
-    rules: e,
-    defaultValue: t,
-    errorMessage: r,
-    isRequired: a,
-    onChange: m,
-    transform: i,
-    description: s,
-    onBlur: c,
-    inputRef: l
-  }), C = D.useCallback(
-    (d) => {
-      const u = x(d);
-      o.onChange(u);
+  const D = y(), {
+    value: e,
+    onChange: t,
+    ...h
+  } = v({
+    name: i,
+    control: l,
+    rules: r,
+    defaultValue: a,
+    errorMessage: s,
+    isRequired: m,
+    onChange: f,
+    transform: u,
+    description: c,
+    onBlur: p,
+    inputRef: d
+  }), o = typeof e == "string", k = () => e == null ? null : e instanceof Date ? e : typeof e == "string" && e ? _(e) : null, x = T.useCallback(
+    (F) => {
+      const n = R(F);
+      if (o) {
+        const P = n ? V(n) ?? "" : "";
+        t(P);
+      } else
+        t(n);
     },
-    [o]
-  );
-  return /* @__PURE__ */ h(
-    f.DatePicker,
+    [o, t]
+  ), z = g ?? D.DatePicker;
+  return /* @__PURE__ */ S(
+    z,
     {
-      ...p,
-      ...o,
-      onChange: C
+      ...C,
+      ...h,
+      value: k(),
+      onChange: x
     }
   );
 };
 export {
-  b as DatePickerField
+  q as DatePickerField
 };
 //# sourceMappingURL=DatePickerField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerField.js","sources":["../../../../../src/components/Common/Fields/DatePickerField/DatePickerField.tsx"],"sourcesContent":["import React from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { normalizeDateToLocal } from '@/helpers/dateFormatting'\n\ninterface DatePickerFieldProps\n  extends Omit<DatePickerProps, 'name' | 'onChange' | 'isInvalid'>, UseFieldProps<Date | null> {}\n\nexport const DatePickerField: React.FC<DatePickerFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...datePickerProps\n}: DatePickerFieldProps) => {\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  /**\n   * Normalizes dates from any adapter to ensure they represent the intended local date,\n   * handling timezone issues that can occur when adapters use `new Date(dateString)`.\n   */\n  const handleTimezoneSafeChange = React.useCallback(\n    (value: Date | null) => {\n      // Normalize the date to ensure it represents the intended local date\n      const normalizedDate = normalizeDateToLocal(value)\n      fieldProps.onChange(normalizedDate)\n    },\n    [fieldProps],\n  )\n\n  return (\n    <Components.DatePicker\n      {...datePickerProps}\n      {...fieldProps}\n      onChange={handleTimezoneSafeChange}\n    />\n  )\n}\n"],"names":["DatePickerField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","datePickerProps","Components","useComponentContext","fieldProps","useField","handleTimezoneSafeChange","React","value","normalizedDate","normalizeDateToLocal","jsx"],"mappings":";;;;;AASO,MAAMA,IAAkD,CAAC;AAAA,EAC9D,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,MAA4B;AAC1B,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,GAMKM,IAA2BC,EAAM;AAAA,IACrC,CAACC,MAAuB;AAEtB,YAAMC,IAAiBC,EAAqBF,CAAK;AACjD,MAAAJ,EAAW,SAASK,CAAc;AAAA,IACpC;AAAA,IACA,CAACL,CAAU;AAAA,EAAA;AAGb,SACE,gBAAAO;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACE,GAAGD;AAAA,MACH,GAAGG;AAAA,MACJ,UAAUE;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"DatePickerField.js","sources":["../../../../../src/components/Common/Fields/DatePickerField/DatePickerField.tsx"],"sourcesContent":["import React from 'react'\nimport type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  normalizeDateToLocal,\n  normalizeToDate,\n  formatDateToStringDate,\n} from '@/helpers/dateFormatting'\n\ntype DateFieldValue = string | Date | null\n\nexport interface DatePickerFieldProps<TValue extends DateFieldValue = Date | null>\n  extends Omit<DatePickerProps, 'name' | 'onChange' | 'isInvalid'>, UseFieldProps<TValue> {\n  FieldComponent?: ComponentType<DatePickerProps>\n}\n\nexport const DatePickerField = <TValue extends DateFieldValue = Date | null>({\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  ...datePickerProps\n}: DatePickerFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const {\n    value: fieldValue,\n    onChange: fieldOnChange,\n    ...restFieldProps\n  } = useField<TValue>({\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 isStringMode = typeof fieldValue === 'string'\n\n  const toDateValue = (): Date | null => {\n    if (fieldValue == null) return null\n    if (fieldValue instanceof Date) return fieldValue\n    if (typeof fieldValue === 'string' && fieldValue) return normalizeToDate(fieldValue)\n    return null\n  }\n\n  const handleChange = React.useCallback(\n    (value: Date | null) => {\n      const normalizedDate = normalizeDateToLocal(value)\n\n      if (isStringMode) {\n        const dateString = normalizedDate ? (formatDateToStringDate(normalizedDate) ?? '') : ''\n        fieldOnChange(dateString as TValue)\n      } else {\n        fieldOnChange(normalizedDate as TValue)\n      }\n    },\n    [isStringMode, fieldOnChange],\n  )\n\n  const RenderComponent = FieldComponent ?? Components.DatePicker\n  return (\n    <RenderComponent\n      {...datePickerProps}\n      {...restFieldProps}\n      value={toDateValue()}\n      onChange={handleChange}\n    />\n  )\n}\n"],"names":["DatePickerField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","datePickerProps","Components","useComponentContext","fieldValue","fieldOnChange","restFieldProps","useField","isStringMode","toDateValue","normalizeToDate","handleChange","React","value","normalizedDate","normalizeDateToLocal","dateString","formatDateToStringDate","RenderComponent","jsx"],"mappings":";;;;;AAkBO,MAAMA,IAAkB,CAA8C;AAAA,EAC3E,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,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb;AAAA,IACJ,OAAOC;AAAA,IACP,UAAUC;AAAA,IACV,GAAGC;AAAA,EAAA,IACDC,EAAiB;AAAA,IACnB,MAAAhB;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,GAEKS,IAAe,OAAOJ,KAAe,UAErCK,IAAc,MACdL,KAAc,OAAa,OAC3BA,aAAsB,OAAaA,IACnC,OAAOA,KAAe,YAAYA,IAAmBM,EAAgBN,CAAU,IAC5E,MAGHO,IAAeC,EAAM;AAAA,IACzB,CAACC,MAAuB;AACtB,YAAMC,IAAiBC,EAAqBF,CAAK;AAEjD,UAAIL,GAAc;AAChB,cAAMQ,IAAaF,IAAkBG,EAAuBH,CAAc,KAAK,KAAM;AACrF,QAAAT,EAAcW,CAAoB;AAAA,MACpC;AACE,QAAAX,EAAcS,CAAwB;AAAA,IAE1C;AAAA,IACA,CAACN,GAAcH,CAAa;AAAA,EAAA,GAGxBa,IAAkBlB,KAAkBE,EAAW;AACrD,SACE,gBAAAiB;AAAA,IAACD;AAAA,IAAA;AAAA,MACE,GAAGjB;AAAA,MACH,GAAGK;AAAA,MACJ,OAAOG,EAAA;AAAA,MACP,UAAUE;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FileInputField.js","sources":["../../../../../src/components/Common/Fields/FileInputField/FileInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface FileInputFieldProps\n  extends\n    Omit<FileInputProps, 'name' | 'value' | 'onChange' | 'isInvalid'>,\n    UseFieldProps<File | null> {}\n\nexport const FileInputField: React.FC<FileInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...fileInputProps\n}: FileInputFieldProps) => {\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.FileInput {...fileInputProps} {...fieldProps} />\n}\n"],"names":["FileInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","fileInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,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":"FileInputField.js","sources":["../../../../../src/components/Common/Fields/FileInputField/FileInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface FileInputFieldProps\n  extends\n    Omit<FileInputProps, 'name' | 'value' | 'onChange' | 'isInvalid'>,\n    UseFieldProps<File | null> {}\n\nexport const FileInputField: React.FC<FileInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...fileInputProps\n}: FileInputFieldProps) => {\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.FileInput {...fileInputProps} {...fieldProps} />\n}\n"],"names":["FileInputField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","fileInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,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,GAAGC;AACL,MAA2B;AACzB,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,WAAX,EAAsB,GAAGD,GAAiB,GAAGG,GAAY;AACnE;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectComboBoxField.js","sources":["../../../../../src/components/Common/Fields/MultiSelectComboBoxField/MultiSelectComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface MultiSelectComboBoxFieldProps\n  extends\n    Omit<MultiSelectComboBoxProps, 'name' | 'value' | 'onChange' | 'isInvalid'>,\n    UseFieldProps<string[]> {}\n\nexport const MultiSelectComboBoxField: React.FC<MultiSelectComboBoxFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...multiSelectProps\n}: MultiSelectComboBoxFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField<string[]>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.MultiSelectComboBox {...multiSelectProps} {...fieldProps} />\n}\n"],"names":["MultiSelectComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","description","onBlur","inputRef","multiSelectProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAAoE,CAAC;AAAA,EAChF,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAmB;AAAA,IACpC,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,qBAAX,EAAgC,GAAGD,GAAmB,GAAGG,GAAY;AAC/E;"}
+{"version":3,"file":"MultiSelectComboBoxField.js","sources":["../../../../../src/components/Common/Fields/MultiSelectComboBoxField/MultiSelectComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface MultiSelectComboBoxFieldProps\n  extends\n    Omit<MultiSelectComboBoxProps, 'name' | 'value' | 'onChange' | 'isInvalid'>,\n    UseFieldProps<string[]> {}\n\nexport const MultiSelectComboBoxField: React.FC<MultiSelectComboBoxFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...multiSelectProps\n}: MultiSelectComboBoxFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField<string[]>({\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  return <Components.MultiSelectComboBox {...multiSelectProps} {...fieldProps} />\n}\n"],"names":["MultiSelectComboBoxField","rules","defaultValue","name","control","errorMessage","isRequired","onChangeFromProps","transform","description","onBlur","inputRef","multiSelectProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAAoE,CAAC;AAAA,EAChF,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAmB;AAAA,IACpC,MAAAb;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,qBAAX,EAAgC,GAAGD,GAAmB,GAAGG,GAAY;AAC/E;"}

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

@@ -1,5 +1,7 @@
+import { ComponentType } from 'react';
 import { UseFieldProps } from '../hooks/useField';
 import { NumberInputProps } from '../../UI/NumberInput/NumberInputTypes';
 export interface NumberInputFieldProps extends Omit<NumberInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps<number> {
+    FieldComponent?: ComponentType<NumberInputProps>;
 }
 export declare const NumberInputField: React.FC<NumberInputFieldProps>;

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>;