impact-nova 2.2.9 → 2.4.0

package/dist/form-react/Fields/FileUploadField.js

@@ -0,0 +1,42 @@
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { Controller as a } from "react-hook-form";
+import { FormFileUploadWrapper as m } from "../components/FormFileUploadWrapper.js";
+const T = ({
+  field: r,
+  formHelpers: s,
+  validationRules: p,
+  isDisabled: i
+}) => {
+  const e = r.fieldType === "file_upload" ? r : null;
+  return e ? /* @__PURE__ */ n(
+    a,
+    {
+      name: r.id,
+      control: s.form.control,
+      rules: p,
+      render: ({ field: o, fieldState: l }) => {
+        const t = o.value ?? [], u = !!l.error;
+        return /* @__PURE__ */ n(
+          m,
+          {
+            label: r.label,
+            isRequired: r.isRequired,
+            fileList: t,
+            isDisabled: i,
+            shouldShowError: u,
+            errorMessage: l?.error?.message,
+            helperText: r.helpText,
+            onChange: o.onChange,
+            onBlur: o.onBlur,
+            numberOfFiles: e.numberOfFiles,
+            validFileTypes: e.supportedFileTypes
+          }
+        );
+      }
+    }
+  ) : null;
+};
+export {
+  T as FileUploadField
+};

package/dist/form-react/Fields/FillFormByFileUploadField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const FillFormByFileUploadField: FC<FormFieldProps>;

package/dist/form-react/Fields/FillFormByFileUploadField.js

@@ -0,0 +1,65 @@
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import { Alert as h, AlertTitle as f, AlertDescription as V } from "../../components/feedback/alert/alert.js";
+import { FormFileUploadWrapper as g } from "../components/FormFileUploadWrapper.js";
+import { useFillFormByFileUpload as x } from "../hooks/useFillFormByFileUpload.js";
+import { getTestId as T, getFieldTestId as b } from "../utils/fieldTestIds.js";
+const v = ({ validationResult: e }) => {
+  const r = c(() => e.validCount > 0 || e.invalidCount > 0 ? `${e.message} (${e.validCount} valid, ${e.invalidCount} invalid)` : e.message, [e]);
+  return /* @__PURE__ */ i("div", { className: "mt-4 w-full below-div-full", children: /* @__PURE__ */ d(h, { children: [
+    /* @__PURE__ */ i(f, { children: e.hasValidValues ? "Validated" : "Validation Failed" }),
+    /* @__PURE__ */ i(V, { children: r })
+  ] }) });
+}, B = ({
+  field: e,
+  formHelpers: r,
+  isDisabled: o,
+  formConfig: n,
+  supportedValues: m
+}) => {
+  const a = m?.[e.id], p = a?.disableDefaultTemplateFetch, {
+    fileList: u,
+    isValidating: s,
+    validationResult: l,
+    fillFormField: t,
+    handleFileChange: F
+  } = x({
+    field: e,
+    formHelpers: r,
+    formConfig: n,
+    fieldSupportedValues: a
+  });
+  return t ? /* @__PURE__ */ d("div", { "data-testid": b(e.id), children: [
+    /* @__PURE__ */ i(
+      g,
+      {
+        label: e.label,
+        isRequired: e.isRequired,
+        fileList: u,
+        isDisabled: o || s,
+        onChange: F,
+        onBlur: () => {
+        },
+        numberOfFiles: 1,
+        validFileTypes: t?.supportedFileTypes || [],
+        shouldShowError: !!l && !l.hasValidValues,
+        errorMessage: l && !l.hasValidValues ? l.message : void 0,
+        helperText: e.helpText,
+        maxFileSize: t?.maxFileSize,
+        disableDefaultTemplateFetch: p
+      }
+    ),
+    s && /* @__PURE__ */ i(
+      "p",
+      {
+        className: "text-content-secondary text-sm mt-1",
+        "data-testid": T("fill-form-file-upload", "validating"),
+        children: "Validating file..."
+      }
+    ),
+    l && /* @__PURE__ */ i(v, { validationResult: l })
+  ] }) : null;
+};
+export {
+  B as FillFormByFileUploadField
+};

package/dist/form-react/Fields/FillFormByPasteField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const FillFormByPasteField: FC<FormFieldProps>;

package/dist/form-react/Fields/FillFormByPasteField.js

@@ -0,0 +1,106 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useMemo as C } from "react";
+import { Button as F } from "../../components/primitives/button/button.js";
+import { Alert as x, AlertTitle as v, AlertDescription as V } from "../../components/feedback/alert/alert.js";
+import { Select as A } from "../../components/forms/select/select.js";
+import { Textarea as P } from "../../components/forms/textarea/textarea.js";
+import { useFillFormByPaste as T } from "../hooks/useFillFormByPaste.js";
+import { getTestId as i, getFieldTestId as N } from "../utils/fieldTestIds.js";
+const y = ({ validationResult: e }) => {
+  const r = C(() => e.validCount > 0 || e.invalidCount > 0 ? `${e.message} (${e.validCount} valid, ${e.invalidCount} invalid)` : e.message, [e]);
+  return /* @__PURE__ */ t("div", { className: "mt-4 w-full below-div-full", children: /* @__PURE__ */ s(x, { children: [
+    /* @__PURE__ */ t(v, { children: e.hasValidValues ? "Validated" : "Validation Failed" }),
+    /* @__PURE__ */ t(V, { children: r })
+  ] }) });
+}, I = ({
+  field: e,
+  formHelpers: r,
+  isDisabled: d,
+  formConfig: m
+}) => {
+  const {
+    selectedOption: o,
+    textareaValue: u,
+    isValidating: n,
+    validationResult: c,
+    copyPasteField: l,
+    handleSelectionChange: p,
+    handleTextareaChange: h,
+    handleValidate: f,
+    canValidate: g
+  } = T({
+    field: e,
+    formHelpers: r,
+    formConfig: m
+  });
+  return l ? /* @__PURE__ */ s("div", { "data-testid": N(e.id), children: [
+    e.label && /* @__PURE__ */ s(
+      "label",
+      {
+        className: "block text-sm font-medium mb-2",
+        "data-testid": i("field-label", e.id),
+        children: [
+          e.label,
+          e.isRequired && /* @__PURE__ */ t("span", { className: "text-destructive ml-1", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "mb-4",
+        "data-testid": i("fill-form-paste-select", e.id),
+        children: /* @__PURE__ */ t(
+          A,
+          {
+            id: l.id,
+            label: l?.selectFieldConfig?.selectFieldLabel || "Select Field",
+            placeholder: l?.selectFieldConfig?.selectFieldPlaceholder || "Choose a field to update",
+            options: l.selectFieldConfig.selectFieldOptions,
+            value: o?.[0] || null,
+            onChange: (a, b) => p(a ? [a] : null, b),
+            isSearchable: !1,
+            multiple: !1,
+            disabled: d,
+            required: !0,
+            labelOrientation: l?.selectFieldConfig?.labelOrientation || "top"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(
+      P,
+      {
+        label: l?.textAreaConfig?.textAreaLabel || "Paste Values (comma-separated)",
+        value: u,
+        onChange: (a) => h(a.target.value),
+        placeholder: l?.textAreaConfig?.textAreaPlaceholder || "Enter comma-separated values...",
+        disabled: d || !o?.[0]?.value || n,
+        required: !0,
+        helperText: "Paste values up to 2000 characters",
+        error: !1,
+        characterLimit: 2e3
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "flex justify-end gap-4 mt-2",
+        "data-testid": i("fill-form-paste-actions", e.id),
+        children: /* @__PURE__ */ t(
+          F,
+          {
+            onClick: f,
+            disabled: d || !g,
+            "data-testid": i("button", "validate-paste"),
+            children: n ? "Validating..." : "Validate"
+          }
+        )
+      }
+    ),
+    c && /* @__PURE__ */ t(y, { validationResult: c })
+  ] }) : null;
+};
+export {
+  I as FillFormByPasteField
+};

package/dist/form-react/Fields/LabelField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const LabelField: FC<FormFieldProps>;

package/dist/form-react/Fields/LabelField.js

@@ -0,0 +1,14 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+const l = ({ field: e }) => /* @__PURE__ */ s(
+  "span",
+  {
+    className: e.className || "text-[#1F2B4D] font-manrope text-[14px] font-bold leading-[21px]",
+    children: [
+      e.label,
+      e.isRequired ? /* @__PURE__ */ t("span", { className: "ml-1 text-destructive", children: "*" }) : null
+    ]
+  }
+);
+export {
+  l as LabelField
+};

package/dist/form-react/Fields/MonthRangeField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface MonthRangeFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const MonthRangeField: FC<MonthRangeFieldProps>;
+export {};

package/dist/form-react/Fields/MonthRangeField.js

@@ -0,0 +1,72 @@
+import { jsx as h } from "react/jsx-runtime";
+import { Controller as v } from "react-hook-form";
+import { MonthRangePicker as I } from "../../components/forms/date-picker/month-range-picker.js";
+import { getFieldTestId as T } from "../utils/fieldTestIds.js";
+import { toLocalDate as o } from "../utils/calendar-boundary.js";
+const w = (t) => {
+  if (t.includes("/")) {
+    const [r, u] = t.split("/");
+    return { year: parseInt(u, 10), month: parseInt(r, 10) - 1 };
+  }
+  const [s, l] = t.split("-");
+  return { year: parseInt(s, 10), month: parseInt(l, 10) - 1 };
+}, q = ({
+  field: t,
+  validationRules: s,
+  isDisabled: l,
+  formHelpers: r
+}) => {
+  const u = r.form.control, e = t.fieldType === "month_range" ? t : null;
+  if (!e) return null;
+  const y = e.displayFormat || "MM/YYYY", i = e.minMonthsOffset != null ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - e.minMonthsOffset, 1) : e.disablePastMonths ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1) : o(e.minDate), m = e.maxMonthsOffset != null ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() + e.maxMonthsOffset, 1) : o(e.maxDate);
+  return /* @__PURE__ */ h(
+    v,
+    {
+      name: t.id,
+      control: u,
+      defaultValue: e.defaultRange ? { start: e.defaultRange.start || null, end: e.defaultRange.end || null } : void 0,
+      rules: s,
+      render: ({ field: d, fieldState: c }) => {
+        const D = !!c.error, a = d.value, p = a?.start ? w(a.start) : null, M = a?.end ? w(a.end) : null, S = p && M;
+        return /* @__PURE__ */ h("div", { "data-testid": T(t.id), children: /* @__PURE__ */ h(
+          I,
+          {
+            label: t.label,
+            displayFormat: y,
+            ...S && {
+              value: {
+                from: p,
+                to: M
+              }
+            },
+            onChange: (n) => {
+              if (!n?.from || !n?.to) {
+                const f = { start: null, end: null };
+                d.onChange(f), r.setValue(t.id, f);
+                return;
+              }
+              const x = `${n.from.year}-${String(n.from.month + 1).padStart(2, "0")}-01`, F = new Date(n.to.year, n.to.month + 1, 0).getDate(), Y = `${n.to.year}-${String(n.to.month + 1).padStart(2, "0")}-${String(F).padStart(2, "0")}`, g = {
+                start: x,
+                end: Y
+              };
+              d.onChange(g), r.setValue(t.id, g);
+            },
+            placeholder: t.placeholder,
+            minDate: i,
+            maxDate: m,
+            startMonth: i || o(e.startMonth),
+            endMonth: m || o(e.endMonth),
+            required: t.isRequired,
+            disabled: l,
+            error: D,
+            helperText: D ? c.error?.message : t.helpText,
+            showFooter: !0
+          }
+        ) });
+      }
+    }
+  );
+};
+export {
+  q as MonthRangeField
+};

package/dist/form-react/Fields/MultiMonthPickerField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface MultiMonthPickerFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const MultiMonthPickerField: FC<MultiMonthPickerFieldProps>;
+export {};

package/dist/form-react/Fields/MultiMonthPickerField.js

@@ -0,0 +1,46 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Controller as d } from "react-hook-form";
+import { MultiMonthPicker as p } from "../../components/forms/date-picker/multi-month-picker.js";
+import { getFieldTestId as M } from "../utils/fieldTestIds.js";
+import { toLocalDate as t } from "../utils/calendar-boundary.js";
+const b = ({
+  field: r,
+  validationRules: m,
+  isDisabled: h,
+  formHelpers: s
+}) => {
+  const u = s.form.control, e = r.fieldType === "multi_month_picker" ? r : null;
+  return e ? /* @__PURE__ */ o(
+    d,
+    {
+      name: r.id,
+      control: u,
+      rules: m,
+      render: ({ field: n, fieldState: a }) => {
+        const l = !!a.error, i = n.value;
+        return /* @__PURE__ */ o("div", { "data-testid": M(r.id), children: /* @__PURE__ */ o(
+          p,
+          {
+            label: r.label,
+            value: Array.isArray(i) ? i : void 0,
+            onChange: (c) => {
+              n.onChange(c ?? []);
+            },
+            placeholder: r.placeholder,
+            required: r.isRequired,
+            disabled: h,
+            error: l,
+            helperText: l ? a.error?.message : r.helpText,
+            minDate: t(e.minDate),
+            maxDate: t(e.maxDate),
+            startMonth: t(e.startMonth),
+            endMonth: t(e.endMonth)
+          }
+        ) });
+      }
+    }
+  ) : null;
+};
+export {
+  b as MultiMonthPickerField
+};

package/dist/form-react/Fields/MultiWeekPickerField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface MultiWeekPickerFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const MultiWeekPickerField: FC<MultiWeekPickerFieldProps>;
+export {};

package/dist/form-react/Fields/MultiWeekPickerField.js

@@ -0,0 +1,47 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Controller as p } from "react-hook-form";
+import { MultiWeekPicker as h } from "../../components/forms/date-picker/multi-week-picker.js";
+import { getFieldTestId as k } from "../utils/fieldTestIds.js";
+import { toLocalDate as i } from "../utils/calendar-boundary.js";
+const v = ({
+  field: e,
+  validationRules: m,
+  isDisabled: s,
+  formHelpers: c
+}) => {
+  const u = c.form.control, r = e.fieldType === "multi_week_picker" ? e : null;
+  return r ? /* @__PURE__ */ o(
+    p,
+    {
+      name: e.id,
+      control: u,
+      rules: m,
+      render: ({ field: t, fieldState: a }) => {
+        const l = !!a.error, n = t.value;
+        return /* @__PURE__ */ o("div", { "data-testid": k(e.id), children: /* @__PURE__ */ o(
+          h,
+          {
+            label: e.label,
+            value: Array.isArray(n) ? n : void 0,
+            onChange: (d) => {
+              t.onChange(d ?? []);
+            },
+            placeholder: e.placeholder,
+            required: e.isRequired,
+            disabled: s,
+            error: l,
+            helperText: l ? a.error?.message : e.helpText,
+            calendarType: r.calendarType,
+            fiscalMode: r.fiscalMode,
+            weekStartsOn: r.weekStartsOn,
+            minDate: i(r.minDate),
+            maxDate: i(r.maxDate)
+          }
+        ) });
+      }
+    }
+  ) : null;
+};
+export {
+  v as MultiWeekPickerField
+};

package/dist/form-react/Fields/NumericComboboxField.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface NumericComboboxFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+/**
+ * Stepper-style numeric combobox driven by `min`, `max`, `step`. Value is
+ * stored in form state as a `number`. The wrapped Impact Nova `Combobox`
+ * takes a string `value`, so the controller serialises on render and
+ * coerces back to a `Number` on change.
+ *
+ * When the field is disabled (e.g. via `disableDependency`) the displayed
+ * value is collapsed to `"0"` with a slight opacity, mirroring the
+ * legacy bespoke implementation in scenario-planning's bulk edit sheet.
+ */
+export declare const NumericComboboxField: FC<NumericComboboxFieldProps>;
+export {};

package/dist/form-react/Fields/NumericComboboxField.js

@@ -0,0 +1,51 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Controller as b } from "react-hook-form";
+import { Combobox as h } from "../../components/forms/combobox/combobox.js";
+const g = ({
+  field: r,
+  validationRules: i,
+  isDisabled: o,
+  formHelpers: s
+}) => {
+  const e = r.fieldType === "numeric_combobox" ? r : null;
+  return e ? /* @__PURE__ */ m(
+    b,
+    {
+      name: r.id,
+      control: s.form.control,
+      rules: i,
+      render: ({ field: n, fieldState: t }) => {
+        const a = !!t.error, u = n.value, p = o ? "0" : u == null || u === "" ? "" : String(u);
+        return /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(
+          h,
+          {
+            label: r.label,
+            min: e.min,
+            max: e.max,
+            step: e.step,
+            isNumeric: !0,
+            clearable: !0,
+            value: p,
+            disabled: o,
+            className: o ? "opacity-60" : void 0,
+            placeholder: r.placeholder,
+            required: r.isRequired,
+            error: a,
+            helperText: a ? t.error?.message : r.helpText,
+            onChange: (l) => {
+              if (l === "" || l == null) {
+                n.onChange("");
+                return;
+              }
+              const c = Number(l);
+              n.onChange(Number.isFinite(c) ? c : "");
+            }
+          }
+        ) });
+      }
+    }
+  ) : null;
+};
+export {
+  g as NumericComboboxField
+};

package/dist/form-react/Fields/RadioField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const RadioField: FC<FormFieldProps>;

package/dist/form-react/Fields/RadioField.js

@@ -0,0 +1,68 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { useMemo as b } from "react";
+import { Controller as h } from "react-hook-form";
+import { RadioGroup as p, RadioGroupItem as v } from "../../components/forms/radio-group/radio-group.js";
+import { getTestId as d, getFieldTestId as g } from "../utils/fieldTestIds.js";
+const R = ({
+  field: e,
+  formHelpers: n,
+  validationRules: m,
+  isDisabled: c
+}) => {
+  const l = e.fieldType === "radio" ? e : null, u = b(() => l ? l.options?.map((r) => ({
+    label: r.label,
+    value: r.value,
+    disabled: r.isDisabled ?? !1
+  })) || [] : [], [l]);
+  return l ? /* @__PURE__ */ a(
+    h,
+    {
+      name: e.id,
+      control: n.form.control,
+      rules: m,
+      render: ({ field: r, fieldState: i }) => {
+        const o = !!i.error, x = r.value;
+        return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1", "data-testid": g(e.id), children: [
+          e.label && /* @__PURE__ */ s("label", { className: "block text-xs font-medium mb-2 text-[#60697d]", "data-testid": d("field-label", e.id), children: [
+            e.label,
+            e.isRequired && /* @__PURE__ */ a("span", { className: "text-destructive ml-1", children: "*" })
+          ] }),
+          /* @__PURE__ */ a("div", { "data-testid": d("radio-group", e.id), children: /* @__PURE__ */ a(
+            p,
+            {
+              orientation: l?.orientation === "row" ? "horizontal" : "vertical",
+              value: x,
+              onValueChange: (t) => {
+                r.onChange(t), r.onBlur();
+              },
+              disabled: c,
+              children: u.map((t) => /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ a(
+                  v,
+                  {
+                    value: t.value,
+                    id: `${e.id}-${t.value}`,
+                    disabled: t.disabled
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "label",
+                  {
+                    htmlFor: `${e.id}-${t.value}`,
+                    className: `text-sm font-medium leading-[14px] cursor-pointer text-[#60697D] peer-data-[state=checked]:text-[#0D152C] ${t.disabled ? "text-disabled-text cursor-not-allowed peer-disabled:opacity-100" : ""}`,
+                    children: t.label
+                  }
+                )
+              ] }, t.value))
+            }
+          ) }),
+          o && /* @__PURE__ */ a("p", { className: "text-destructive text-sm mt-1", children: i?.error?.message }),
+          e.helpText && !o && /* @__PURE__ */ a("p", { className: "text-content-secondary text-sm mt-1", children: e.helpText })
+        ] });
+      }
+    }
+  ) : null;
+};
+export {
+  R as RadioField
+};

package/dist/form-react/Fields/SelectField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const SelectField: FC<FormFieldProps>;

package/dist/form-react/Fields/SelectField.js

@@ -0,0 +1,76 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useState as M } from "react";
+import { Controller as f } from "react-hook-form";
+import { Select as x } from "../../components/forms/select/select.js";
+import { useSelectOptions as E } from "../hooks/useSelectOptions.js";
+import { getFieldTestId as R } from "../utils/fieldTestIds.js";
+import { isEmptyValue as T } from "../../form-engine/is-empty-value.js";
+const F = ({
+  field: e,
+  validationRules: p,
+  isDisabled: m,
+  formHelpers: l,
+  formConfig: u,
+  supportedValues: d
+}) => {
+  const t = e.fieldType === "select" ? e : null, [S, s] = M(!1), h = l.form.control, b = d?.[e.id], { options: g, isLoading: O, error: y, refetch: C } = E({
+    apiConfig: t?.apiConfig,
+    formHelpers: l,
+    formConfig: u,
+    initialOptions: t?.options,
+    id: e.id,
+    isEnabled: S,
+    getSelectOptionsName: t?.getSelectOptionsName,
+    fieldSupportedValues: b
+  });
+  return t ? /* @__PURE__ */ c(
+    f,
+    {
+      name: e.id,
+      control: h,
+      rules: p,
+      render: ({ field: o, fieldState: n }) => {
+        const a = !!n.error, i = o.value, A = t?.isMultiSelect ? e.id : `${e.id}-${T(i) ? "empty" : "has-value"}`;
+        return /* @__PURE__ */ c(
+          x,
+          {
+            id: e.id,
+            label: e.label,
+            placeholder: e?.placeholder,
+            required: e.isRequired,
+            isReadOnly: e.isFieldReadonly,
+            disabled: m,
+            options: g,
+            maxSelectableOptions: t?.maxSelectLimit,
+            value: t?.isMultiSelect ? i ?? [] : i?.[0],
+            onChange: (r) => {
+              t?.isMultiSelect ? o.onChange(
+                Array.isArray(r) ? r : []
+              ) : r == null ? o.onChange([]) : o.onChange(
+                Array.isArray(r) ? r : [r]
+              );
+            },
+            isSearchable: !t?.disableOptionSearch,
+            isClearable: !t?.disableClearAll,
+            multiple: t?.isMultiSelect,
+            isSelectAllEnabled: !t?.disableSelectAll,
+            labelOrientation: t?.labelOrientation || "top",
+            error: a,
+            helperText: a ? n.error?.message : e.helpText,
+            ignoreAccents: !0,
+            isLoading: O,
+            fetchError: y,
+            onRefetch: C,
+            onMenuOpen: () => s(!0),
+            onMenuClose: () => s(!1),
+            "data-testid": R(e.id)
+          },
+          A
+        );
+      }
+    }
+  ) : null;
+};
+export {
+  F as SelectField
+};

package/dist/form-react/Fields/SwitchField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const SwitchField: FC<FormFieldProps>;