@gusto/embedded-react-sdk 0.41.0 → 0.42.0

package/dist/index.js

@@ -10,98 +10,102 @@ import * as i from "./components/Company/exports/companyOnboarding.js";
 import * as d from "./components/Contractor/exports/contractorOnboarding.js";
 import { ApiProvider as f } from "./contexts/ApiProvider/ApiProvider.js";
 import { componentEvents as c } from "./shared/constants.js";
-import { SDKInternalError as F, normalizeToSDKError as S } from "./types/sdkError.js";
+import { SDKInternalError as u, normalizeToSDKError as F } from "./types/sdkError.js";
 import { composeErrorHandler as y } from "./partner-hook-utils/composeErrorHandler.js";
 import { collectErrors as P } from "./partner-hook-utils/collectErrors.js";
-import { useCompensationForm as b } from "./components/Employee/Compensation/shared/useCompensationForm/useCompensationForm.js";
-import { CompensationErrorCodes as A, createCompensationSchema as k } from "./components/Employee/Compensation/shared/useCompensationForm/compensationSchema.js";
+import { useCompensationForm as A } from "./components/Employee/Compensation/shared/useCompensationForm/useCompensationForm.js";
+import { CompensationErrorCodes as h, createCompensationSchema as k } from "./components/Employee/Compensation/shared/useCompensationForm/compensationSchema.js";
 import { useEmployeeDetailsForm as v } from "./components/Employee/Profile/shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
 import { EmployeeDetailsErrorCodes as O, createEmployeeDetailsSchema as R } from "./components/Employee/Profile/shared/useEmployeeDetailsForm/employeeDetailsSchema.js";
 import { useWorkAddressForm as M } from "./components/Employee/Profile/shared/useWorkAddressForm/useWorkAddressForm.js";
-import { WorkAddressErrorCodes as $, createWorkAddressSchema as G } from "./components/Employee/Profile/shared/useWorkAddressForm/workAddressSchema.js";
-import { useHomeAddressForm as T } from "./components/Employee/Profile/shared/useHomeAddressForm/useHomeAddressForm.js";
-import { HomeAddressErrorCodes as W, createHomeAddressSchema as w } from "./components/Employee/Profile/shared/useHomeAddressForm/homeAddressSchema.js";
-import { useSignEmployeeForm as L } from "./components/Employee/DocumentSigner/shared/useSignEmployeeForm/useSignEmployeeForm.js";
-import { MAX_PREPARERS as X, PREPARER_FIELDS_BY_INDEX as q, SignEmployeeFormErrorCodes as z, createSignEmployeeFormSchema as Y, preparerFieldName as j } from "./components/Employee/DocumentSigner/shared/useSignEmployeeForm/signEmployeeFormSchema.js";
-import { usePayScheduleForm as Q } from "./components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.js";
-import { PayScheduleErrorCodes as Z, createPayScheduleSchema as oo } from "./components/Company/PaySchedule/shared/usePayScheduleForm/payScheduleSchema.js";
-import { useSignCompanyForm as eo } from "./components/Company/DocumentSigner/shared/useSignCompanyForm/useSignCompanyForm.js";
-import { SignCompanyFormErrorCodes as to, createSignCompanyFormSchema as po } from "./components/Company/DocumentSigner/shared/useSignCompanyForm/signCompanyFormSchema.js";
-import { CheckboxHookField as so } from "./partner-hook-utils/form/fields/CheckboxHookField.js";
-import { DatePickerHookField as no } from "./partner-hook-utils/form/fields/DatePickerHookField.js";
-import { FormFieldsMetadataProvider as fo } from "./partner-hook-utils/form/FormFieldsMetadataProvider.js";
-import { GustoApiProvider as co, GustoProvider as Eo } from "./contexts/GustoProvider/GustoProvider.js";
-import { GustoProviderCustomUIAdapter as So } from "./contexts/GustoProvider/GustoProviderCustomUIAdapter.js";
-import { NumberInputHookField as yo } from "./partner-hook-utils/form/fields/NumberInputHookField.js";
-import { ObservabilityProvider as Po } from "./contexts/ObservabilityProvider/ObservabilityProvider.js";
-import { RadioGroupHookField as bo } from "./partner-hook-utils/form/fields/RadioGroupHookField.js";
-import { SDKFormProvider as Ao } from "./partner-hook-utils/form/SDKFormProvider.js";
-import { SelectHookField as Ho } from "./partner-hook-utils/form/fields/SelectHookField.js";
-import { SwitchHookField as Do } from "./partner-hook-utils/form/fields/SwitchHookField.js";
-import { TextInputHookField as Ro } from "./partner-hook-utils/form/fields/TextInputHookField.js";
-import { composeSubmitHandler as Mo } from "./partner-hook-utils/form/composeSubmitHandler.js";
-import { useDeriveFieldsMetadata as $o } from "./partner-hook-utils/form/useDeriveFieldsMetadata.js";
-import { useFieldErrorMessage as No } from "./partner-hook-utils/form/useFieldErrorMessage.js";
-import { useObservability as Ko } from "./contexts/ObservabilityProvider/useObservability.js";
-import { withOptions as wo } from "./partner-hook-utils/form/withOptions.js";
+import { useCurrentWorkAddressForm as $ } from "./components/Employee/Profile/shared/useWorkAddressForm/useCurrentWorkAddressForm.js";
+import { WorkAddressErrorCodes as N, createWorkAddressSchema as T } from "./components/Employee/Profile/shared/useWorkAddressForm/workAddressSchema.js";
+import { useHomeAddressForm as K } from "./components/Employee/Profile/shared/useHomeAddressForm/useHomeAddressForm.js";
+import { useCurrentHomeAddressForm as B } from "./components/Employee/Profile/shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
+import { HomeAddressErrorCodes as U, createHomeAddressSchema as X } from "./components/Employee/Profile/shared/useHomeAddressForm/homeAddressSchema.js";
+import { useSignEmployeeForm as z } from "./components/Employee/DocumentSigner/shared/useSignEmployeeForm/useSignEmployeeForm.js";
+import { MAX_PREPARERS as j, PREPARER_FIELDS_BY_INDEX as J, SignEmployeeFormErrorCodes as Q, createSignEmployeeFormSchema as V, preparerFieldName as Z } from "./components/Employee/DocumentSigner/shared/useSignEmployeeForm/signEmployeeFormSchema.js";
+import { usePayScheduleForm as ro } from "./components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.js";
+import { PayScheduleErrorCodes as mo, createPayScheduleSchema as to } from "./components/Company/PaySchedule/shared/usePayScheduleForm/payScheduleSchema.js";
+import { useSignCompanyForm as ao } from "./components/Company/DocumentSigner/shared/useSignCompanyForm/useSignCompanyForm.js";
+import { SignCompanyFormErrorCodes as io, createSignCompanyFormSchema as no } from "./components/Company/DocumentSigner/shared/useSignCompanyForm/signCompanyFormSchema.js";
+import { CheckboxHookField as fo } from "./partner-hook-utils/form/fields/CheckboxHookField.js";
+import { DatePickerHookField as co } from "./partner-hook-utils/form/fields/DatePickerHookField.js";
+import { FormFieldsMetadataProvider as uo } from "./partner-hook-utils/form/FormFieldsMetadataProvider.js";
+import { GustoApiProvider as So, GustoProvider as yo } from "./contexts/GustoProvider/GustoProvider.js";
+import { GustoProviderCustomUIAdapter as Po } from "./contexts/GustoProvider/GustoProviderCustomUIAdapter.js";
+import { NumberInputHookField as Ao } from "./partner-hook-utils/form/fields/NumberInputHookField.js";
+import { ObservabilityProvider as ho } from "./contexts/ObservabilityProvider/ObservabilityProvider.js";
+import { RadioGroupHookField as Ho } from "./partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { SDKFormProvider as Do } from "./partner-hook-utils/form/SDKFormProvider.js";
+import { SelectHookField as Ro } from "./partner-hook-utils/form/fields/SelectHookField.js";
+import { SwitchHookField as Mo } from "./partner-hook-utils/form/fields/SwitchHookField.js";
+import { TextInputHookField as $o } from "./partner-hook-utils/form/fields/TextInputHookField.js";
+import { composeSubmitHandler as No } from "./partner-hook-utils/form/composeSubmitHandler.js";
+import { useDeriveFieldsMetadata as Wo } from "./partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useFieldErrorMessage as wo } from "./partner-hook-utils/form/useFieldErrorMessage.js";
+import { useObservability as Lo } from "./contexts/ObservabilityProvider/useObservability.js";
+import { withOptions as Xo } from "./partner-hook-utils/form/withOptions.js";
 export {
   f as ApiProvider,
-  so as CheckboxHookField,
+  fo as CheckboxHookField,
   o as Company,
   i as CompanyOnboarding,
-  A as CompensationErrorCodes,
+  h as CompensationErrorCodes,
   r as Contractor,
   d as ContractorOnboarding,
-  no as DatePickerHookField,
+  co as DatePickerHookField,
   e as Employee,
   O as EmployeeDetailsErrorCodes,
   s as EmployeeManagement,
   a as EmployeeOnboarding,
-  fo as FormFieldsMetadataProvider,
-  co as GustoApiProvider,
-  Eo as GustoProvider,
-  So as GustoProviderCustomUIAdapter,
-  W as HomeAddressErrorCodes,
+  uo as FormFieldsMetadataProvider,
+  So as GustoApiProvider,
+  yo as GustoProvider,
+  Po as GustoProviderCustomUIAdapter,
+  U as HomeAddressErrorCodes,
   m as InformationRequests,
-  X as MAX_PREPARERS,
-  yo as NumberInputHookField,
-  Po as ObservabilityProvider,
-  q as PREPARER_FIELDS_BY_INDEX,
-  Z as PayScheduleErrorCodes,
+  j as MAX_PREPARERS,
+  Ao as NumberInputHookField,
+  ho as ObservabilityProvider,
+  J as PREPARER_FIELDS_BY_INDEX,
+  mo as PayScheduleErrorCodes,
   t as Payroll,
-  bo as RadioGroupHookField,
-  Ao as SDKFormProvider,
-  F as SDKInternalError,
-  Ho as SelectHookField,
-  to as SignCompanyFormErrorCodes,
-  z as SignEmployeeFormErrorCodes,
-  Do as SwitchHookField,
-  Ro as TextInputHookField,
+  Ho as RadioGroupHookField,
+  Do as SDKFormProvider,
+  u as SDKInternalError,
+  Ro as SelectHookField,
+  io as SignCompanyFormErrorCodes,
+  Q as SignEmployeeFormErrorCodes,
+  Mo as SwitchHookField,
+  $o as TextInputHookField,
   p as UNSTABLE_TimeOff,
-  $ as WorkAddressErrorCodes,
+  N as WorkAddressErrorCodes,
   P as collectErrors,
   c as componentEvents,
   y as composeErrorHandler,
-  Mo as composeSubmitHandler,
+  No as composeSubmitHandler,
   k as createCompensationSchema,
   R as createEmployeeDetailsSchema,
-  w as createHomeAddressSchema,
-  oo as createPayScheduleSchema,
-  po as createSignCompanyFormSchema,
-  Y as createSignEmployeeFormSchema,
-  G as createWorkAddressSchema,
-  S as normalizeToSDKError,
-  j as preparerFieldName,
-  b as useCompensationForm,
-  $o as useDeriveFieldsMetadata,
+  X as createHomeAddressSchema,
+  to as createPayScheduleSchema,
+  no as createSignCompanyFormSchema,
+  V as createSignEmployeeFormSchema,
+  T as createWorkAddressSchema,
+  F as normalizeToSDKError,
+  Z as preparerFieldName,
+  A as useCompensationForm,
+  B as useCurrentHomeAddressForm,
+  $ as useCurrentWorkAddressForm,
+  Wo as useDeriveFieldsMetadata,
   v as useEmployeeDetailsForm,
-  No as useFieldErrorMessage,
-  T as useHomeAddressForm,
-  Ko as useObservability,
-  Q as usePayScheduleForm,
-  eo as useSignCompanyForm,
-  L as useSignEmployeeForm,
+  wo as useFieldErrorMessage,
+  K as useHomeAddressForm,
+  Lo as useObservability,
+  ro as usePayScheduleForm,
+  ao as useSignCompanyForm,
+  z as useSignEmployeeForm,
   M as useWorkAddressForm,
-  wo as withOptions
+  Xo as withOptions
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/partner-hook-utils/form/fields/CheckboxHookField.js

@@ -1,37 +1,34 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useHookFieldResolution as c } from "../useHookFieldResolution.js";
-import "../../../shared/constants.js";
-import "react-i18next";
-import "classnames";
-import { CheckboxField as u } from "../../../components/Common/Fields/CheckboxField/CheckboxField.js";
-function R({
+import { jsx as u } from "react/jsx-runtime";
+import { useHookFieldResolution as f } from "../useHookFieldResolution.js";
+import { CheckboxField as m } from "../../../components/Common/Fields/CheckboxField/CheckboxField.js";
+function p({
   name: o,
-  formHookResult: e,
+  formHookResult: i,
   label: r,
   description: t,
   validationMessages: s,
   FieldComponent: d
 }) {
-  const { metadata: l, control: m, errorMessage: a } = c(
+  const { metadata: l, control: a, errorMessage: c } = f(
     o,
-    e,
+    i,
     s
-  ), i = l[o];
-  return /* @__PURE__ */ p(
-    u,
+  ), e = l[o];
+  return /* @__PURE__ */ u(
+    m,
     {
       name: o,
-      control: m,
+      control: a,
       label: r,
       description: t,
-      errorMessage: a,
-      isRequired: i?.isRequired,
-      isDisabled: i?.isDisabled,
+      errorMessage: c,
+      isRequired: e?.isRequired,
+      isDisabled: e?.isDisabled,
       FieldComponent: d
     }
   );
 }
 export {
-  R as CheckboxHookField
+  p as CheckboxHookField
 };
 //# sourceMappingURL=CheckboxHookField.js.map

package/dist/partner-hook-utils/form/fields/CheckboxHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/CheckboxHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { CheckboxField } from '@/components/Common'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\n\nexport interface CheckboxHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<CheckboxProps>\n}\n\nexport function CheckboxHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: CheckboxHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <CheckboxField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["CheckboxHookField","name","formHookResult","label","description","validationMessages","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","CheckboxField"],"mappings":";;;;;;AAaO,SAASA,EAA6C;AAAA,EAC3D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CT;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIM,IAAgBJ,EAASN,CAAI;AAEnC,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,SAAAO;AAAA,MACA,OAAAL;AAAA,MACA,aAAAC;AAAA,MACA,cAAAK;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CheckboxHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/CheckboxHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { CheckboxField } from '@/components/Common'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\n\nexport interface CheckboxHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<CheckboxProps>\n}\n\nexport function CheckboxHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: CheckboxHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <CheckboxField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["CheckboxHookField","name","formHookResult","label","description","validationMessages","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","CheckboxField"],"mappings":";;;AAaO,SAASA,EAA6C;AAAA,EAC3D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CT;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIM,IAAgBJ,EAASN,CAAI;AAEnC,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,SAAAO;AAAA,MACA,OAAAL;AAAA,MACA,aAAAC;AAAA,MACA,cAAAK;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/partner-hook-utils/form/fields/DatePickerHookField.d.ts

@@ -1,10 +1,12 @@
 import { ComponentType } from 'react';
 import { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types';
 import { DatePickerProps } from '../../../components/Common/UI/DatePicker/DatePickerTypes';
-export interface DatePickerHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {
+export interface DatePickerHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps, Pick<DatePickerProps, 'portalContainer' | 'minDate' | 'maxDate'> {
     name: string;
     formHookResult?: FormHookResult;
     validationMessages?: ValidationMessages<TErrorCode>;
     FieldComponent?: ComponentType<DatePickerProps>;
+    /** When used inside a modal, pass the modal backdrop ref's element so the calendar popover stacks correctly. */
+    portalContainer?: DatePickerProps['portalContainer'];
 }
-export declare function DatePickerHookField<TErrorCode extends string>({ name, formHookResult, label, description, validationMessages, FieldComponent, }: DatePickerHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;
+export declare function DatePickerHookField<TErrorCode extends string>({ name, formHookResult, label, description, validationMessages, FieldComponent, portalContainer, minDate, maxDate, }: DatePickerHookFieldProps<TErrorCode>): import("react/jsx-runtime").JSX.Element;

package/dist/partner-hook-utils/form/fields/DatePickerHookField.js

@@ -1,34 +1,40 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useHookFieldResolution as f } from "../useHookFieldResolution.js";
-import { DatePickerField as m } from "../../../components/Common/Fields/DatePickerField/DatePickerField.js";
-function D({
+import { jsx as n } from "react/jsx-runtime";
+import { useHookFieldResolution as k } from "../useHookFieldResolution.js";
+import { DatePickerField as p } from "../../../components/Common/Fields/DatePickerField/DatePickerField.js";
+function b({
   name: e,
   formHookResult: o,
   label: r,
   description: t,
   validationMessages: s,
-  FieldComponent: d
+  FieldComponent: d,
+  portalContainer: a,
+  minDate: l,
+  maxDate: c
 }) {
-  const { metadata: a, control: l, errorMessage: c } = f(
+  const { metadata: u, control: f, errorMessage: m } = k(
     e,
     o,
     s
-  ), i = a[e];
-  return /* @__PURE__ */ u(
-    m,
+  ), i = u[e];
+  return /* @__PURE__ */ n(
+    p,
     {
       name: e,
-      control: l,
+      control: f,
       label: r,
       description: t,
-      errorMessage: c,
+      errorMessage: m,
       isRequired: i?.isRequired,
       isDisabled: i?.isDisabled,
-      FieldComponent: d
+      FieldComponent: d,
+      portalContainer: a,
+      minDate: l,
+      maxDate: c
     }
   );
 }
 export {
-  D as DatePickerHookField
+  b as DatePickerHookField
 };
 //# sourceMappingURL=DatePickerHookField.js.map

package/dist/partner-hook-utils/form/fields/DatePickerHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/DatePickerHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\n\nexport interface DatePickerHookFieldProps<\n  TErrorCode extends string = never,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<DatePickerProps>\n}\n\nexport function DatePickerHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: DatePickerHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <DatePickerField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["DatePickerHookField","name","formHookResult","label","description","validationMessages","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","DatePickerField"],"mappings":";;;AAeO,SAASA,EAA+C;AAAA,EAC7D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAyC;AACvC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CT;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIM,IAAgBJ,EAASN,CAAI;AAEnC,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,SAAAO;AAAA,MACA,OAAAL;AAAA,MACA,aAAAC;AAAA,MACA,cAAAK;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DatePickerHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/DatePickerHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\n\nexport interface DatePickerHookFieldProps<TErrorCode extends string = never>\n  extends BaseFieldProps, Pick<DatePickerProps, 'portalContainer' | 'minDate' | 'maxDate'> {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<DatePickerProps>\n  /** When used inside a modal, pass the modal backdrop ref's element so the calendar popover stacks correctly. */\n  portalContainer?: DatePickerProps['portalContainer']\n}\n\nexport function DatePickerHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n  portalContainer,\n  minDate,\n  maxDate,\n}: DatePickerHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <DatePickerField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n      portalContainer={portalContainer}\n      minDate={minDate}\n      maxDate={maxDate}\n    />\n  )\n}\n"],"names":["DatePickerHookField","name","formHookResult","label","description","validationMessages","FieldComponent","portalContainer","minDate","maxDate","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","DatePickerField"],"mappings":";;;AAgBO,SAASA,EAA+C;AAAA,EAC7D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF,GAAyC;AACvC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CZ;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIS,IAAgBJ,EAAST,CAAI;AAEnC,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAf;AAAA,MACA,SAAAU;AAAA,MACA,OAAAR;AAAA,MACA,aAAAC;AAAA,MACA,cAAAQ;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAR;AAAA,MACA,iBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/partner-hook-utils/form/fields/NumberInputHookField.js

@@ -1,43 +1,40 @@
 import { jsx as f } from "react/jsx-runtime";
 import { useHookFieldResolution as b } from "../useHookFieldResolution.js";
-import "../../../shared/constants.js";
-import "react-i18next";
-import "classnames";
 import { NumberInputField as c } from "../../../components/Common/Fields/NumberInputField/NumberInputField.js";
-function H({
-  name: o,
-  formHookResult: r,
-  label: e,
+function q({
+  name: e,
+  formHookResult: i,
+  label: r,
   description: t,
   format: s,
   min: d,
-  max: m,
-  validationMessages: u,
-  FieldComponent: p
+  max: u,
+  validationMessages: l,
+  FieldComponent: a
 }) {
-  const { metadata: l, control: a, errorMessage: n } = b(
-    o,
-    r,
-    u
-  ), i = l[o];
+  const { metadata: m, control: n, errorMessage: p } = b(
+    e,
+    i,
+    l
+  ), o = m[e];
   return /* @__PURE__ */ f(
     c,
     {
-      name: o,
-      control: a,
-      label: e,
+      name: e,
+      control: n,
+      label: r,
       description: t,
-      errorMessage: n,
-      isRequired: i?.isRequired,
-      isDisabled: i?.isDisabled,
+      errorMessage: p,
+      isRequired: o?.isRequired,
+      isDisabled: o?.isDisabled,
       format: s,
       min: d,
-      max: m,
-      FieldComponent: p
+      max: u,
+      FieldComponent: a
     }
   );
 }
 export {
-  H as NumberInputHookField
+  q as NumberInputHookField
 };
 //# sourceMappingURL=NumberInputHookField.js.map

package/dist/partner-hook-utils/form/fields/NumberInputHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/NumberInputHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { NumberInputField } from '@/components/Common'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\n\nexport interface NumberInputHookFieldProps<\n  TErrorCode extends string = never,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  format?: NumberInputProps['format']\n  min?: NumberInputProps['min']\n  max?: NumberInputProps['max']\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<NumberInputProps>\n}\n\nexport function NumberInputHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  format,\n  min,\n  max,\n  validationMessages,\n  FieldComponent,\n}: NumberInputHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <NumberInputField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      format={format}\n      min={min}\n      max={max}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["NumberInputHookField","name","formHookResult","label","description","format","min","max","validationMessages","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","NumberInputField"],"mappings":";;;;;;AAkBO,SAASA,EAAgD;AAAA,EAC9D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAA0C;AACxC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CZ;AAAA,IACAC;AAAA,IACAM;AAAA,EAAA,GAEIM,IAAgBJ,EAAST,CAAI;AAEnC,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAf;AAAA,MACA,SAAAU;AAAA,MACA,OAAAR;AAAA,MACA,aAAAC;AAAA,MACA,cAAAQ;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,QAAAT;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,gBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"NumberInputHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/NumberInputHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { NumberInputField } from '@/components/Common'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\n\nexport interface NumberInputHookFieldProps<\n  TErrorCode extends string = never,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  format?: NumberInputProps['format']\n  min?: NumberInputProps['min']\n  max?: NumberInputProps['max']\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<NumberInputProps>\n}\n\nexport function NumberInputHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  format,\n  min,\n  max,\n  validationMessages,\n  FieldComponent,\n}: NumberInputHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <NumberInputField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      format={format}\n      min={min}\n      max={max}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["NumberInputHookField","name","formHookResult","label","description","format","min","max","validationMessages","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","NumberInputField"],"mappings":";;;AAkBO,SAASA,EAAgD;AAAA,EAC9D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAA0C;AACxC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CZ;AAAA,IACAC;AAAA,IACAM;AAAA,EAAA,GAEIM,IAAgBJ,EAAST,CAAI;AAEnC,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAf;AAAA,MACA,SAAAU;AAAA,MACA,OAAAR;AAAA,MACA,aAAAC;AAAA,MACA,cAAAQ;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,QAAAT;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,gBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/partner-hook-utils/form/fields/RadioGroupHookField.js

@@ -1,43 +1,40 @@
 import { jsx as R } from "react/jsx-runtime";
 import { useHookFieldResolution as F } from "../useHookFieldResolution.js";
 import { getFieldWithOptions as b } from "../getFieldWithOptions.js";
-import "../../../shared/constants.js";
-import "react-i18next";
-import "classnames";
 import { RadioGroupField as k } from "../../../components/Common/Fields/RadioGroupField/RadioGroupField.js";
-function g({
+function G({
   name: i,
   formHookResult: r,
   label: s,
   description: d,
-  validationMessages: p,
-  getOptionLabel: t,
-  FieldComponent: a
+  validationMessages: a,
+  getOptionLabel: e,
+  FieldComponent: l
 }) {
-  const { metadata: l, control: n, errorMessage: m } = F(
+  const { metadata: n, control: p, errorMessage: u } = F(
     i,
     r,
-    p
-  ), o = b(l, i), e = o?.options ?? [], u = t && o?.entries ? o.entries.map((f, c) => ({
-    value: e[c]?.value ?? "",
-    label: t(f)
-  })) : e;
+    a
+  ), o = b(n, i), t = o?.options ?? [], m = e && o?.entries ? o.entries.map((f, c) => ({
+    value: t[c]?.value ?? "",
+    label: e(f)
+  })) : t;
   return /* @__PURE__ */ R(
     k,
     {
       name: i,
-      control: n,
+      control: p,
       label: s,
       description: d,
-      errorMessage: m,
+      errorMessage: u,
       isRequired: o?.isRequired,
       isDisabled: o?.isDisabled,
-      options: u,
-      FieldComponent: a
+      options: m,
+      FieldComponent: l
     }
   );
 }
 export {
-  g as RadioGroupHookField
+  G as RadioGroupHookField
 };
 //# sourceMappingURL=RadioGroupHookField.js.map

package/dist/partner-hook-utils/form/fields/RadioGroupHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/RadioGroupHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { RadioGroupField } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\nexport interface RadioGroupHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  getOptionLabel?: (entry: TEntry) => string\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\nexport function RadioGroupHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  FieldComponent,\n}: RadioGroupHookFieldProps<TErrorCode, TEntry>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n\n  const defaultOptions = fieldMetadata?.options ?? []\n  const options =\n    getOptionLabel && fieldMetadata?.entries\n      ? fieldMetadata.entries.map((entry, index) => ({\n          value: defaultOptions[index]?.value ?? '',\n          label: getOptionLabel(entry),\n        }))\n      : defaultOptions\n\n  return (\n    <RadioGroupField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      options={options}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["RadioGroupHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","jsx","RadioGroupField"],"mappings":";;;;;;;AAkBO,SAASA,EAAiE;AAAA,EAC/E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAAiD;AAC/C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CV;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIO,IAAgBC,EAA4BL,GAAUP,CAAI,GAE1Da,IAAiBF,GAAe,WAAW,CAAA,GAC3CG,IACJT,KAAkBM,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOX,EAAeU,CAAK;AAAA,EAAA,EAC3B,IACFF;AAEN,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAlB;AAAA,MACA,SAAAQ;AAAA,MACA,OAAAN;AAAA,MACA,aAAAC;AAAA,MACA,cAAAM;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,SAAAG;AAAA,MACA,gBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"RadioGroupHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/RadioGroupHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { RadioGroupField } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\nexport interface RadioGroupHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  getOptionLabel?: (entry: TEntry) => string\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\nexport function RadioGroupHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  FieldComponent,\n}: RadioGroupHookFieldProps<TErrorCode, TEntry>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n\n  const defaultOptions = fieldMetadata?.options ?? []\n  const options =\n    getOptionLabel && fieldMetadata?.entries\n      ? fieldMetadata.entries.map((entry, index) => ({\n          value: defaultOptions[index]?.value ?? '',\n          label: getOptionLabel(entry),\n        }))\n      : defaultOptions\n\n  return (\n    <RadioGroupField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      options={options}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["RadioGroupHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","jsx","RadioGroupField"],"mappings":";;;;AAkBO,SAASA,EAAiE;AAAA,EAC/E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAAiD;AAC/C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CV;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIO,IAAgBC,EAA4BL,GAAUP,CAAI,GAE1Da,IAAiBF,GAAe,WAAW,CAAA,GAC3CG,IACJT,KAAkBM,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOX,EAAeU,CAAK;AAAA,EAAA,EAC3B,IACFF;AAEN,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAlB;AAAA,MACA,SAAAQ;AAAA,MACA,OAAAN;AAAA,MACA,aAAAC;AAAA,MACA,cAAAM;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,SAAAG;AAAA,MACA,gBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/partner-hook-utils/form/fields/SelectHookField.d.ts

@@ -1,11 +1,14 @@
 import { ComponentType } from 'react';
 import { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types';
 import { SelectProps } from '../../../components/Common/UI/Select/SelectTypes';
-export interface SelectHookFieldProps<TErrorCode extends string = never, TEntry = unknown> extends BaseFieldProps {
+export interface SelectHookFieldProps<TErrorCode extends string = never, TEntry = unknown> extends BaseFieldProps, Pick<SelectProps, 'portalContainer'> {
     name: string;
     formHookResult?: FormHookResult;
     validationMessages?: ValidationMessages<TErrorCode>;
     getOptionLabel?: (entry: TEntry) => string;
+    placeholder?: string;
     FieldComponent?: ComponentType<SelectProps>;
+    /** When used inside a modal, pass the modal backdrop ref’s element so the listbox stacks correctly. */
+    portalContainer?: SelectProps['portalContainer'];
 }
-export declare function SelectHookField<TErrorCode extends string, TEntry = unknown>({ name, formHookResult, label, description, validationMessages, getOptionLabel, FieldComponent, }: SelectHookFieldProps<TErrorCode, TEntry>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectHookField<TErrorCode extends string, TEntry = unknown>({ name, formHookResult, label, description, validationMessages, getOptionLabel, placeholder, FieldComponent, portalContainer, }: SelectHookFieldProps<TErrorCode, TEntry>): import("react/jsx-runtime").JSX.Element;

package/dist/partner-hook-utils/form/fields/SelectHookField.js

@@ -1,43 +1,44 @@
-import { jsx as F } from "react/jsx-runtime";
-import { useHookFieldResolution as R } from "../useHookFieldResolution.js";
-import { getFieldWithOptions as b } from "../getFieldWithOptions.js";
-import "../../../shared/constants.js";
-import "react-i18next";
-import "classnames";
-import { SelectField as k } from "../../../components/Common/Fields/SelectField/SelectField.js";
-function g({
-  name: e,
-  formHookResult: r,
-  label: s,
+import { jsx as b } from "react/jsx-runtime";
+import { useHookFieldResolution as k } from "../useHookFieldResolution.js";
+import { getFieldWithOptions as q } from "../getFieldWithOptions.js";
+import { SelectField as v } from "../../../components/Common/Fields/SelectField/SelectField.js";
+function S({
+  name: o,
+  formHookResult: s,
+  label: r,
   description: l,
   validationMessages: d,
   getOptionLabel: t,
-  FieldComponent: n
+  placeholder: n,
+  FieldComponent: a,
+  portalContainer: p
 }) {
-  const { metadata: p, control: a, errorMessage: m } = R(
-    e,
-    r,
+  const { metadata: u, control: c, errorMessage: m } = k(
+    o,
+    s,
     d
-  ), o = b(p, e), i = o?.options ?? [], u = t && o?.entries ? o.entries.map((c, f) => ({
-    value: i[f]?.value ?? "",
-    label: t(c)
+  ), e = q(u, o), i = e?.options ?? [], f = t && e?.entries ? e.entries.map((F, R) => ({
+    value: i[R]?.value ?? "",
+    label: t(F)
   })) : i;
-  return /* @__PURE__ */ F(
-    k,
+  return /* @__PURE__ */ b(
+    v,
     {
-      name: e,
-      control: a,
-      label: s,
+      name: o,
+      control: c,
+      label: r,
       description: l,
       errorMessage: m,
-      isRequired: o?.isRequired,
-      isDisabled: o?.isDisabled,
-      options: u,
-      FieldComponent: n
+      isRequired: e?.isRequired,
+      isDisabled: e?.isDisabled,
+      options: f,
+      placeholder: n,
+      FieldComponent: a,
+      portalContainer: p
     }
   );
 }
 export {
-  g as SelectHookField
+  S as SelectHookField
 };
 //# sourceMappingURL=SelectHookField.js.map

package/dist/partner-hook-utils/form/fields/SelectHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/SelectHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { SelectField } from '@/components/Common'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface SelectHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  getOptionLabel?: (entry: TEntry) => string\n  FieldComponent?: ComponentType<SelectProps>\n}\n\nexport function SelectHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  FieldComponent,\n}: SelectHookFieldProps<TErrorCode, TEntry>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n\n  const defaultOptions = fieldMetadata?.options ?? []\n  const options =\n    getOptionLabel && fieldMetadata?.entries\n      ? fieldMetadata.entries.map((entry, index) => ({\n          value: defaultOptions[index]?.value ?? '',\n          label: getOptionLabel(entry),\n        }))\n      : defaultOptions\n\n  return (\n    <SelectField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      options={options}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["SelectHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","jsx","SelectField"],"mappings":";;;;;;;AAkBO,SAASA,EAA6D;AAAA,EAC3E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CV;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIO,IAAgBC,EAA4BL,GAAUP,CAAI,GAE1Da,IAAiBF,GAAe,WAAW,CAAA,GAC3CG,IACJT,KAAkBM,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOX,EAAeU,CAAK;AAAA,EAAA,EAC3B,IACFF;AAEN,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAlB;AAAA,MACA,SAAAQ;AAAA,MACA,OAAAN;AAAA,MACA,aAAAC;AAAA,MACA,cAAAM;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,SAAAG;AAAA,MACA,gBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"SelectHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/SelectHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { SelectField } from '@/components/Common'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface SelectHookFieldProps<TErrorCode extends string = never, TEntry = unknown>\n  extends BaseFieldProps, Pick<SelectProps, 'portalContainer'> {\n  name: string\n  formHookResult?: FormHookResult\n  validationMessages?: ValidationMessages<TErrorCode>\n  getOptionLabel?: (entry: TEntry) => string\n  placeholder?: string\n  FieldComponent?: ComponentType<SelectProps>\n  /** When used inside a modal, pass the modal backdrop ref’s element so the listbox stacks correctly. */\n  portalContainer?: SelectProps['portalContainer']\n}\n\nexport function SelectHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  placeholder,\n  FieldComponent,\n  portalContainer,\n}: SelectHookFieldProps<TErrorCode, TEntry>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n\n  const defaultOptions = fieldMetadata?.options ?? []\n  const options =\n    getOptionLabel && fieldMetadata?.entries\n      ? fieldMetadata.entries.map((entry, index) => ({\n          value: defaultOptions[index]?.value ?? '',\n          label: getOptionLabel(entry),\n        }))\n      : defaultOptions\n\n  return (\n    <SelectField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      options={options}\n      placeholder={placeholder}\n      FieldComponent={FieldComponent}\n      portalContainer={portalContainer}\n    />\n  )\n}\n"],"names":["SelectHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","placeholder","FieldComponent","portalContainer","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","jsx","SelectField"],"mappings":";;;;AAmBO,SAASA,EAA6D;AAAA,EAC3E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CZ;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIS,IAAgBC,EAA4BL,GAAUT,CAAI,GAE1De,IAAiBF,GAAe,WAAW,CAAA,GAC3CG,IACJX,KAAkBQ,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOb,EAAeY,CAAK;AAAA,EAAA,EAC3B,IACFF;AAEN,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAApB;AAAA,MACA,SAAAU;AAAA,MACA,OAAAR;AAAA,MACA,aAAAC;AAAA,MACA,cAAAQ;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,SAAAG;AAAA,MACA,aAAAV;AAAA,MACA,gBAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}