impact-nova 2.3.0 → 2.4.0

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

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

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

@@ -0,0 +1,57 @@
+import { jsx as a } from "react/jsx-runtime";
+import "react";
+import { Controller as M } from "react-hook-form";
+import { DateRangePicker as S } from "../../components/forms/date-picker/date-range-picker.js";
+import { toLocalDate as n } from "../utils/calendar-boundary.js";
+import { handleMinMaxProp as v } from "../utils/date.utils.js";
+const T = ({
+  field: t,
+  validationRules: i,
+  isDisabled: l,
+  formHelpers: d
+}) => {
+  const r = t.fieldType === "date_range" ? t : null;
+  if (!r) return null;
+  const m = d.form.control, { minDate: c, maxDate: u } = v(r);
+  return /* @__PURE__ */ a(
+    M,
+    {
+      name: t.id,
+      control: m,
+      disabled: l,
+      rules: i,
+      render: ({ field: p, fieldState: s }) => {
+        const h = !!s.error, e = p.value;
+        return /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+          S,
+          {
+            label: t.label,
+            minDate: c,
+            maxDate: u,
+            startMonth: r.startMonth ? n(r.startMonth) : void 0,
+            endMonth: r.endMonth ? n(r.endMonth) : void 0,
+            value: {
+              from: e?.start ? n(e.start) : void 0,
+              to: e?.end ? n(e.end) : void 0
+            },
+            onChange: (o) => {
+              const g = o?.from ? `${o.from.getFullYear()}-${String(o.from.getMonth() + 1).padStart(2, "0")}-${String(o.from.getDate()).padStart(2, "0")}` : null, D = o?.to ? `${o.to.getFullYear()}-${String(o.to.getMonth() + 1).padStart(2, "0")}-${String(o.to.getDate()).padStart(2, "0")}` : null;
+              d.setValue(t.id, { start: g, end: D });
+            },
+            startPlaceholder: r.startPlaceholder || "Start Date",
+            endPlaceholder: r.endPlaceholder || "End Date",
+            placeholder: t.placeholder,
+            required: t.isRequired,
+            disabled: l,
+            error: h,
+            helperText: h ? s.error?.message : t.helpText,
+            showFooter: !0
+          }
+        ) });
+      }
+    }
+  );
+};
+export {
+  T as DateRangeField
+};

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cn as l } from "../../lib/utils.js";
+const n = ({ field: r }) => {
+  const e = r.fieldType === "divider" ? r : null;
+  return e ? /* @__PURE__ */ i("hr", { className: l(e.className ?? "my-2", "border-stroke-hairline") }) : null;
+};
+export {
+  n as DividerField
+};

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

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

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

@@ -0,0 +1,31 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { cn as l } from "../../lib/utils.js";
+const n = ({ field: i }) => {
+  const e = i.fieldType === "divider_with_label" ? i : null;
+  return e ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: l(
+        "my-4 flex items-center gap-3",
+        e.dividerClassName
+      ),
+      children: [
+        /* @__PURE__ */ r("hr", { className: "flex-1 border-stroke-hairline" }),
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: l(
+              "text-xs font-medium text-content-icon uppercase shrink-0",
+              e.labelClassName
+            ),
+            children: e.label
+          }
+        ),
+        /* @__PURE__ */ r("hr", { className: "flex-1 border-stroke-hairline" })
+      ]
+    }
+  ) : null;
+};
+export {
+  n as DividerWithLabelField
+};

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

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

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