@gusto/embedded-react-sdk 0.36.0 → 0.37.0

package/dist/components/Base/useBaseSubmit.js

@@ -1,73 +1,50 @@
-import { useState as u, useCallback as c } from "react";
-import { APIError as p } from "@gusto/embedded-api/models/errors/apierror";
-import { GustoEmbeddedError as g } from "@gusto/embedded-api/models/errors/gustoembeddederror";
-import { SDKValidationError as h } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import { UnprocessableEntityErrorObject as b } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import { useAsyncError as v } from "../../hooks/useAsyncError.js";
-import { useObservability as w } from "../../contexts/ObservabilityProvider/useObservability.js";
-import { createObservabilityError as S } from "../../contexts/ObservabilityProvider/observabilityUtils.js";
-import { getFieldErrors as A } from "../../helpers/apiErrorToList.js";
-const B = (o) => {
-  const [E, i] = u(null), [y, a] = u(null), f = v(), { observability: n } = w(), d = c((t) => {
-    i(t), t || a(null);
-  }, []), m = c(
-    (t) => {
-      i(t);
-      const e = S(t);
-      if (e && n?.onError?.({
-        ...e,
-        context: {
-          ...e.context,
-          componentName: o
-        }
-      }), t instanceof b && Array.isArray(t.errors)) {
-        const l = t.errors.flatMap((s) => A(s));
-        if (l.length > 0)
-          a(l);
-        else {
-          const s = t.errors.filter((r) => r.message).map((r) => ({
-            errorKey: r.errorKey,
-            message: r.message ?? "",
-            category: r.category
-          }));
-          s.length > 0 && a(s);
-        }
-      }
+import { useState as f, useCallback as m } from "react";
+import { APIError as b } from "@gusto/embedded-api/models/errors/apierror";
+import { GustoEmbeddedError as E } from "@gusto/embedded-api/models/errors/gustoembeddederror";
+import { SDKValidationError as d } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import { UnprocessableEntityErrorObject as p } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import { useAsyncError as y } from "../../hooks/useAsyncError.js";
+import { useObservability as D } from "../../contexts/ObservabilityProvider/useObservability.js";
+import { normalizeToSDKError as S, SDKInternalError as w } from "../../types/sdkError.js";
+const g = (t) => {
+  const [u, o] = f(null), a = y(), { observability: s } = D(), i = m(
+    (n) => {
+      const e = S(n);
+      o(e), s?.onError?.({ ...e, timestamp: Date.now(), componentName: t });
     },
-    [n, o]
+    [s, t]
   );
   return {
-    baseSubmitHandler: c(
-      async (t, e) => {
+    baseSubmitHandler: m(
+      async (n, e) => {
         const l = Date.now();
-        i(null), a(null);
-        let s = !1;
+        o(null);
+        let c = !1;
         try {
-          await e(t), s = !0;
+          await e(n), c = !0;
         } catch (r) {
-          r instanceof p || r instanceof h || r instanceof b || r instanceof g ? m(r) : f(r);
+          r instanceof b || r instanceof d || r instanceof p || r instanceof E || r instanceof w ? i(r) : a(r);
         } finally {
           const r = Date.now() - l;
-          n?.onMetric?.({
+          s?.onMetric?.({
             name: "sdk.form.submit_duration",
             value: r,
             unit: "ms",
             tags: {
-              status: s ? "success" : "error",
-              ...o && { component: o }
+              status: c ? "success" : "error",
+              ...t && { component: t }
             },
             timestamp: Date.now()
           });
         }
       },
-      [i, f, n, o, m]
+      [o, a, s, t, i]
     ),
-    error: E,
-    fieldErrors: y,
-    setError: d
+    error: u,
+    setError: o
   };
 };
 export {
-  B as useBaseSubmit
+  g as useBaseSubmit
 };
 //# sourceMappingURL=useBaseSubmit.js.map

package/dist/components/Base/useBaseSubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBaseSubmit.js","sources":["../../../src/components/Base/useBaseSubmit.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport type { KnownErrors } from './useBase'\nimport { useAsyncError } from '@/hooks/useAsyncError'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { createObservabilityError } from '@/contexts/ObservabilityProvider/observabilityUtils'\nimport { getFieldErrors } from '@/helpers/apiErrorToList'\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const useBaseSubmit = (componentName?: string) => {\n  const [error, setError] = useState<KnownErrors | null>(null)\n  const [fieldErrors, setFieldErrors] = useState<EntityErrorObject[] | null>(null)\n  const throwError = useAsyncError()\n  const { observability } = useObservability()\n\n  // Enhanced setError that also clears fieldErrors when error is cleared\n  const setErrorWithFieldsClear = useCallback((error: KnownErrors | null) => {\n    setError(error)\n    if (!error) {\n      setFieldErrors(null)\n    }\n  }, [])\n\n  const processError = useCallback(\n    (error: KnownErrors) => {\n      setError(error)\n\n      // Report error to observability\n      const observabilityError = createObservabilityError(error)\n      if (observabilityError) {\n        observability?.onError?.({\n          ...observabilityError,\n          context: {\n            ...observabilityError.context,\n            componentName,\n          },\n        })\n      }\n\n      if (error instanceof UnprocessableEntityErrorObject && Array.isArray(error.errors)) {\n        const parsed = error.errors.flatMap(err => getFieldErrors(err))\n        if (parsed.length > 0) {\n          setFieldErrors(parsed)\n        } else {\n          const fallbackErrors: EntityErrorObject[] = error.errors\n            .filter(err => err.message)\n            .map(err => ({\n              errorKey: err.errorKey,\n              message: err.message ?? '',\n              category: err.category,\n            }))\n          if (fallbackErrors.length > 0) {\n            setFieldErrors(fallbackErrors)\n          }\n        }\n      }\n    },\n    [observability, componentName],\n  )\n\n  const baseSubmitHandler = useCallback(\n    async <T>(data: T, componentHandler: SubmitHandler<T>) => {\n      const startTime = Date.now()\n      setError(null)\n      setFieldErrors(null)\n\n      let success = false\n\n      try {\n        await componentHandler(data)\n        success = true\n      } catch (err) {\n        if (\n          err instanceof APIError ||\n          err instanceof SDKValidationError ||\n          err instanceof UnprocessableEntityErrorObject ||\n          err instanceof GustoEmbeddedError\n        ) {\n          processError(err)\n        } else throwError(err)\n      } finally {\n        const duration = Date.now() - startTime\n        observability?.onMetric?.({\n          name: 'sdk.form.submit_duration',\n          value: duration,\n          unit: 'ms',\n          tags: {\n            status: success ? 'success' : 'error',\n            ...(componentName && { component: componentName }),\n          },\n          timestamp: Date.now(),\n        })\n      }\n    },\n    [setError, throwError, observability, componentName, processError],\n  )\n\n  return {\n    baseSubmitHandler,\n    error,\n    fieldErrors,\n    setError: setErrorWithFieldsClear,\n  }\n}\n"],"names":["useBaseSubmit","componentName","error","setError","useState","fieldErrors","setFieldErrors","throwError","useAsyncError","observability","useObservability","setErrorWithFieldsClear","useCallback","processError","observabilityError","createObservabilityError","UnprocessableEntityErrorObject","parsed","err","getFieldErrors","fallbackErrors","data","componentHandler","startTime","success","APIError","SDKValidationError","GustoEmbeddedError","duration"],"mappings":";;;;;;;;;AAcO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA6B,IAAI,GACrD,CAACC,GAAaC,CAAc,IAAIF,EAAqC,IAAI,GACzEG,IAAaC,EAAA,GACb,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAGpBC,IAA0BC,EAAY,CAACV,MAA8B;AACzE,IAAAC,EAASD,CAAK,GACTA,KACHI,EAAe,IAAI;AAAA,EAEvB,GAAG,CAAA,CAAE,GAECO,IAAeD;AAAA,IACnB,CAACV,MAAuB;AACtB,MAAAC,EAASD,CAAK;AAGd,YAAMY,IAAqBC,EAAyBb,CAAK;AAWzD,UAVIY,KACFL,GAAe,UAAU;AAAA,QACvB,GAAGK;AAAA,QACH,SAAS;AAAA,UACP,GAAGA,EAAmB;AAAA,UACtB,eAAAb;AAAA,QAAA;AAAA,MACF,CACD,GAGCC,aAAiBc,KAAkC,MAAM,QAAQd,EAAM,MAAM,GAAG;AAClF,cAAMe,IAASf,EAAM,OAAO,QAAQ,CAAAgB,MAAOC,EAAeD,CAAG,CAAC;AAC9D,YAAID,EAAO,SAAS;AAClB,UAAAX,EAAeW,CAAM;AAAA,aAChB;AACL,gBAAMG,IAAsClB,EAAM,OAC/C,OAAO,OAAOgB,EAAI,OAAO,EACzB,IAAI,CAAAA,OAAQ;AAAA,YACX,UAAUA,EAAI;AAAA,YACd,SAASA,EAAI,WAAW;AAAA,YACxB,UAAUA,EAAI;AAAA,UAAA,EACd;AACJ,UAAIE,EAAe,SAAS,KAC1Bd,EAAec,CAAc;AAAA,QAEjC;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAACX,GAAeR,CAAa;AAAA,EAAA;AAwC/B,SAAO;AAAA,IACL,mBAtCwBW;AAAA,MACxB,OAAUS,GAASC,MAAuC;AACxD,cAAMC,IAAY,KAAK,IAAA;AACvB,QAAApB,EAAS,IAAI,GACbG,EAAe,IAAI;AAEnB,YAAIkB,IAAU;AAEd,YAAI;AACF,gBAAMF,EAAiBD,CAAI,GAC3BG,IAAU;AAAA,QACZ,SAASN,GAAK;AACZ,UACEA,aAAeO,KACfP,aAAeQ,KACfR,aAAeF,KACfE,aAAeS,IAEfd,EAAaK,CAAG,MACAA,CAAG;AAAA,QACvB,UAAA;AACE,gBAAMU,IAAW,KAAK,IAAA,IAAQL;AAC9B,UAAAd,GAAe,WAAW;AAAA,YACxB,MAAM;AAAA,YACN,OAAOmB;AAAA,YACP,MAAM;AAAA,YACN,MAAM;AAAA,cACJ,QAAQJ,IAAU,YAAY;AAAA,cAC9B,GAAIvB,KAAiB,EAAE,WAAWA,EAAA;AAAA,YAAc;AAAA,YAElD,WAAW,KAAK,IAAA;AAAA,UAAI,CACrB;AAAA,QACH;AAAA,MACF;AAAA,MACA,CAACE,GAAUI,GAAYE,GAAeR,GAAeY,CAAY;AAAA,IAAA;AAAA,IAKjE,OAAAX;AAAA,IACA,aAAAG;AAAA,IACA,UAAUM;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"useBaseSubmit.js","sources":["../../../src/components/Base/useBaseSubmit.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { useAsyncError } from '@/hooks/useAsyncError'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { type SDKError, SDKInternalError, normalizeToSDKError } from '@/types/sdkError'\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const useBaseSubmit = (componentName?: string) => {\n  const [error, setError] = useState<SDKError | null>(null)\n  const throwError = useAsyncError()\n  const { observability } = useObservability()\n\n  const processError = useCallback(\n    (caughtError: GustoEmbeddedError | SDKValidationError | SDKInternalError) => {\n      const sdkError = normalizeToSDKError(caughtError)\n\n      setError(sdkError)\n\n      observability?.onError?.({ ...sdkError, timestamp: Date.now(), componentName })\n    },\n    [observability, componentName],\n  )\n\n  const baseSubmitHandler = useCallback(\n    async <T>(data: T, componentHandler: SubmitHandler<T>) => {\n      const startTime = Date.now()\n      setError(null)\n\n      let success = false\n\n      try {\n        await componentHandler(data)\n        success = true\n      } catch (err) {\n        if (\n          err instanceof APIError ||\n          err instanceof SDKValidationError ||\n          err instanceof UnprocessableEntityErrorObject ||\n          err instanceof GustoEmbeddedError ||\n          err instanceof SDKInternalError\n        ) {\n          processError(err)\n        } else throwError(err)\n      } finally {\n        const duration = Date.now() - startTime\n        observability?.onMetric?.({\n          name: 'sdk.form.submit_duration',\n          value: duration,\n          unit: 'ms',\n          tags: {\n            status: success ? 'success' : 'error',\n            ...(componentName && { component: componentName }),\n          },\n          timestamp: Date.now(),\n        })\n      }\n    },\n    [setError, throwError, observability, componentName, processError],\n  )\n\n  return {\n    baseSubmitHandler,\n    error,\n    setError,\n  }\n}\n"],"names":["useBaseSubmit","componentName","error","setError","useState","throwError","useAsyncError","observability","useObservability","processError","useCallback","caughtError","sdkError","normalizeToSDKError","data","componentHandler","startTime","success","err","APIError","SDKValidationError","UnprocessableEntityErrorObject","GustoEmbeddedError","SDKInternalError","duration"],"mappings":";;;;;;;;AAWO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA0B,IAAI,GAClDC,IAAaC,EAAA,GACb,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAEpBC,IAAeC;AAAA,IACnB,CAACC,MAA4E;AAC3E,YAAMC,IAAWC,EAAoBF,CAAW;AAEhD,MAAAR,EAASS,CAAQ,GAEjBL,GAAe,UAAU,EAAE,GAAGK,GAAU,WAAW,KAAK,OAAO,eAAAX,GAAe;AAAA,IAChF;AAAA,IACA,CAACM,GAAeN,CAAa;AAAA,EAAA;AAwC/B,SAAO;AAAA,IACL,mBAtCwBS;AAAA,MACxB,OAAUI,GAASC,MAAuC;AACxD,cAAMC,IAAY,KAAK,IAAA;AACvB,QAAAb,EAAS,IAAI;AAEb,YAAIc,IAAU;AAEd,YAAI;AACF,gBAAMF,EAAiBD,CAAI,GAC3BG,IAAU;AAAA,QACZ,SAASC,GAAK;AACZ,UACEA,aAAeC,KACfD,aAAeE,KACfF,aAAeG,KACfH,aAAeI,KACfJ,aAAeK,IAEfd,EAAaS,CAAG,MACAA,CAAG;AAAA,QACvB,UAAA;AACE,gBAAMM,IAAW,KAAK,IAAA,IAAQR;AAC9B,UAAAT,GAAe,WAAW;AAAA,YACxB,MAAM;AAAA,YACN,OAAOiB;AAAA,YACP,MAAM;AAAA,YACN,MAAM;AAAA,cACJ,QAAQP,IAAU,YAAY;AAAA,cAC9B,GAAIhB,KAAiB,EAAE,WAAWA,EAAA;AAAA,YAAc;AAAA,YAElD,WAAW,KAAK,IAAA;AAAA,UAAI,CACrB;AAAA,QACH;AAAA,MACF;AAAA,MACA,CAACE,GAAUE,GAAYE,GAAeN,GAAeQ,CAAY;AAAA,IAAA;AAAA,IAKjE,OAAAP;AAAA,IACA,UAAAC;AAAA,EAAA;AAEJ;"}

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

@@ -1,5 +1,7 @@
+import { ComponentType } from 'react';
 import { UseFieldProps } from '../hooks/useField';
 import { CheckboxProps } from '../../UI/Checkbox/CheckboxTypes';
 export interface CheckboxFieldProps extends Omit<CheckboxProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps<boolean> {
+    FieldComponent?: ComponentType<CheckboxProps>;
 }
 export declare const CheckboxField: React.FC<CheckboxFieldProps>;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","sources":["../../../../../src/components/Common/Fields/CheckboxField/CheckboxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface CheckboxFieldProps\n  extends Omit<CheckboxProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps<boolean> {}\n\nexport const CheckboxField: React.FC<CheckboxFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...checkboxProps\n}: CheckboxFieldProps) => {\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.Checkbox {...checkboxProps} {...fieldProps} />\n}\n"],"names":["CheckboxField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","checkboxProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,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":"CheckboxField.js","sources":["../../../../../src/components/Common/Fields/CheckboxField/CheckboxField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface CheckboxFieldProps\n  extends Omit<CheckboxProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps<boolean> {\n  FieldComponent?: ComponentType<CheckboxProps>\n}\n\nexport const CheckboxField: React.FC<CheckboxFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...checkboxProps\n}: CheckboxFieldProps) => {\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  const RenderComponent = FieldComponent ?? Components.Checkbox\n  return <RenderComponent {...checkboxProps} {...fieldProps} />\n}\n"],"names":["CheckboxField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","checkboxProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AAUO,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,gBAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAb;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,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAgB,GAAGG,EAAA,CAAY;AAC7D;"}

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

@@ -1,7 +1,9 @@
-import { default as React } from 'react';
+import { ComponentType } from 'react';
 import { UseFieldProps } from '../hooks/useField';
 import { DatePickerProps } from '../../UI/DatePicker/DatePickerTypes';
-interface DatePickerFieldProps extends Omit<DatePickerProps, 'name' | 'onChange' | 'isInvalid'>, UseFieldProps<Date | null> {
+type DateFieldValue = string | Date | null;
+export interface DatePickerFieldProps<TValue extends DateFieldValue = Date | null> extends Omit<DatePickerProps, 'name' | 'onChange' | 'isInvalid'>, UseFieldProps<TValue> {
+    FieldComponent?: ComponentType<DatePickerProps>;
 }
-export declare const DatePickerField: React.FC<DatePickerFieldProps>;
+export declare const DatePickerField: <TValue extends DateFieldValue = Date | null>({ rules, defaultValue, name, errorMessage, isRequired, onChange, transform, description, onBlur, inputRef, FieldComponent, ...datePickerProps }: DatePickerFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,49 +1,59 @@
-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,
+import { jsx as P } from "react/jsx-runtime";
+import S from "react";
+import { useField as T } from "../hooks/useField.js";
+import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { normalizeDateToLocal as y, formatDateToStringDate as R, normalizeToDate as V } from "../../../../helpers/dateFormatting.js";
+const O = ({
+  rules: r,
+  defaultValue: a,
+  name: i,
+  errorMessage: l,
+  isRequired: s,
   onChange: m,
-  transform: i,
-  description: s,
+  transform: f,
+  description: u,
   onBlur: c,
-  inputRef: l,
-  ...p
+  inputRef: p,
+  FieldComponent: d,
+  ...g
 }) => {
-  const f = k(), o = g({
-    name: n,
-    rules: e,
-    defaultValue: t,
-    errorMessage: r,
-    isRequired: a,
+  const C = v(), {
+    value: e,
+    onChange: t,
+    ...D
+  } = T({
+    name: i,
+    rules: r,
+    defaultValue: a,
+    errorMessage: l,
+    isRequired: s,
     onChange: m,
-    transform: i,
-    description: s,
+    transform: f,
+    description: u,
     onBlur: c,
-    inputRef: l
-  }), C = D.useCallback(
-    (d) => {
-      const u = x(d);
-      o.onChange(u);
+    inputRef: p
+  }), o = typeof e == "string", h = () => e == null ? null : e instanceof Date ? e : typeof e == "string" && e ? V(e) : null, k = S.useCallback(
+    (z) => {
+      const n = y(z);
+      if (o) {
+        const F = n ? R(n) ?? "" : "";
+        t(F);
+      } else
+        t(n);
     },
-    [o]
-  );
-  return /* @__PURE__ */ h(
-    f.DatePicker,
+    [o, t]
+  ), x = d ?? C.DatePicker;
+  return /* @__PURE__ */ P(
+    x,
     {
-      ...p,
-      ...o,
-      onChange: C
+      ...g,
+      ...D,
+      value: h(),
+      onChange: k
     }
   );
 };
 export {
-  b as DatePickerField
+  O 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  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    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","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,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,MAAAf;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,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/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,38 @@
-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,
+import { jsx as x } from "react/jsx-runtime";
+import { useField as b } from "../hooks/useField.js";
+import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const P = ({
+  rules: e,
+  defaultValue: o,
+  name: r,
   errorMessage: n,
   isRequired: t,
   onChange: s,
-  transform: u,
-  description: m,
+  transform: m,
+  description: u,
   onBlur: p,
   inputRef: i,
-  ...l
+  FieldComponent: l,
+  ...f
 }) => {
-  const f = C(), a = {
+  const c = F(), a = {
     validate: (N) => !(t && isNaN(N)),
-    ...r
-  }, c = x({
-    name: o,
+    ...e
+  }, d = b({
+    name: r,
     rules: a,
-    defaultValue: e,
+    defaultValue: o,
     errorMessage: n,
     isRequired: t,
     onChange: s,
-    transform: u,
-    description: m,
+    transform: m,
+    description: u,
     onBlur: p,
     inputRef: i
-  });
-  return /* @__PURE__ */ d(f.NumberInput, { ...l, ...c });
+  }), C = l ?? c.NumberInput;
+  return /* @__PURE__ */ x(C, { ...f, ...d });
 };
 export {
-  j as NumberInputField
+  P 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  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    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","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,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,GAAGf;AAAA,EAAA,GAGCgB,IAAaC,EAAS;AAAA,IAC1B,MAAAf;AAAA,IACA,OAAAY;AAAA,IACA,cAAAb;AAAA,IACA,cAAAE;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, 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,8 +1,8 @@
-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 G } from "react/jsx-runtime";
+import { useField as R } from "../hooks/useField.js";
+import { useComponentContext as P } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as j } from "../hooks/useStringifyGenericFieldValue.js";
+const b = ({
   rules: o,
   defaultValue: e,
   name: n,
@@ -12,12 +12,13 @@ const S = ({
   transform: s,
   options: p,
   convertValueToString: m,
-  description: u,
-  onBlur: a,
-  inputRef: d,
-  ...l
+  description: d,
+  onBlur: u,
+  inputRef: a,
+  FieldComponent: l,
+  ...C
 }) => {
-  const f = G(), { value: C, onChange: c, ...g } = x({
+  const c = P(), { value: f, onChange: g, ...F } = R({
     name: n,
     rules: o,
     defaultValue: e,
@@ -25,18 +26,18 @@ const S = ({
     isRequired: t,
     onChange: i,
     transform: s,
-    description: u,
-    onBlur: a,
-    inputRef: d
-  }), F = P({
+    description: d,
+    onBlur: u,
+    inputRef: a
+  }), h = j({
     options: p,
-    value: C,
-    onChange: c,
+    value: f,
+    onChange: g,
     convertValueToString: m
-  });
-  return /* @__PURE__ */ h(f.RadioGroup, { ...l, ...g, ...F });
+  }), x = l ?? c.RadioGroup;
+  return /* @__PURE__ */ G(x, { ...C, ...F, ...h });
 };
 export {
-  S as RadioGroupField
+  b 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  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    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","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,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,MAAAjB;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,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, 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,8 +1,8 @@
-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 S } 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 b = ({
   rules: e,
   defaultValue: o,
   name: n,
@@ -11,13 +11,14 @@ const V = ({
   onChange: i,
   transform: s,
   options: m,
-  convertValueToString: l,
-  description: p,
+  convertValueToString: p,
+  description: l,
   onBlur: c,
-  inputRef: f,
-  ...u
+  inputRef: C,
+  FieldComponent: d,
+  ...f
 }) => {
-  const C = S(), { value: a, onChange: d, ...g } = x({
+  const u = j(), { value: a, onChange: g, ...F } = P({
     name: n,
     rules: e,
     defaultValue: o,
@@ -25,18 +26,18 @@ const V = ({
     isRequired: r,
     onChange: i,
     transform: s,
-    description: p,
+    description: l,
     onBlur: c,
-    inputRef: f
-  }), F = P({
+    inputRef: C
+  }), h = v({
     options: m,
     value: a,
-    onChange: d,
-    convertValueToString: l
-  });
-  return /* @__PURE__ */ h(C.Select, { ...u, ...g, ...F });
+    onChange: g,
+    convertValueToString: p
+  }), x = d ?? u.Select;
+  return /* @__PURE__ */ S(x, { ...f, ...F, ...h });
 };
 export {
-  V as SelectField
+  b 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  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    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","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,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,MAAAjB;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,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;"}