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

package/dist/components/Common/DateRangeFilter/DateRangeFilter.js

@@ -0,0 +1,94 @@
+import { jsxs as a, Fragment as I, jsx as e } from "react/jsx-runtime";
+import { useState as R, useRef as M, useCallback as l, useMemo as _ } from "react";
+import { Popover as q, Dialog as z } from "react-aria-components";
+import s from "./DateRangeFilter.module.scss.js";
+import { Flex as x } from "../Flex/Flex.js";
+import { useComponentContext as E } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useTheme as G } from "../../../contexts/ThemeProvider/useTheme.js";
+/* empty css                       */
+import J from "../../../assets/icons/filter-funnel.svg.js";
+const k = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric" }), ne = ({
+  startDate: n,
+  endDate: o,
+  onStartDateChange: d,
+  onEndDateChange: f,
+  onClear: h,
+  startDateLabel: c,
+  endDateLabel: m,
+  applyLabel: F,
+  cancelLabel: $,
+  resetLabel: b,
+  selectDatesLabel: N,
+  triggerLabel: j,
+  isFilterActive: g,
+  maxEndDate: B,
+  minStartDate: O
+}) => {
+  const { Button: t, DateRangePicker: S } = E(), { container: P } = G(), [C, p] = R(!1), [r, u] = R(null), v = M(null), U = l(() => {
+    u(n && o ? { start: n, end: o } : null), p(!0);
+  }, [n, o]), y = l(() => {
+    p(!1);
+  }, []), V = l(() => {
+    r ? (d(r.start), f(r.end)) : h(), p(!1);
+  }, [r, d, f, h]), T = l(() => {
+    u(null);
+  }, []), w = l((i) => {
+    u(i);
+  }, []), A = _(() => !g || !n || !o ? null : `${k(n)} – ${k(o)}`, [g, n, o]), H = /* @__PURE__ */ e(
+    t,
+    {
+      buttonRef: v,
+      "aria-label": j,
+      "aria-haspopup": "dialog",
+      "aria-expanded": C,
+      onClick: U,
+      variant: "secondary",
+      icon: /* @__PURE__ */ e(J, {}),
+      className: s.triggerButton,
+      children: A ?? N
+    }
+  );
+  return /* @__PURE__ */ a(I, { children: [
+    H,
+    /* @__PURE__ */ e(
+      q,
+      {
+        UNSTABLE_portalContainer: P.current,
+        isOpen: C,
+        onOpenChange: (i) => {
+          i || y();
+        },
+        triggerRef: v,
+        placement: "bottom end",
+        offset: 8,
+        shouldUpdatePosition: !0,
+        children: /* @__PURE__ */ a(z, { className: s.dialog, "aria-label": `${c} – ${m}`, children: [
+          /* @__PURE__ */ e("div", { className: s.popoverContent, children: /* @__PURE__ */ e(
+            S,
+            {
+              label: `${c} – ${m}`,
+              shouldVisuallyHideLabel: !0,
+              value: r,
+              onChange: w,
+              startDateLabel: c,
+              endDateLabel: m,
+              minValue: O,
+              maxValue: B
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: s.popoverFooter, children: /* @__PURE__ */ a(x, { gap: 8, justifyContent: "space-between", children: [
+            /* @__PURE__ */ e(t, { variant: "tertiary", onClick: T, children: b }),
+            /* @__PURE__ */ a(x, { gap: 8, justifyContent: "flex-end", children: [
+              /* @__PURE__ */ e(t, { variant: "secondary", onClick: y, children: $ }),
+              /* @__PURE__ */ e(t, { variant: "primary", onClick: V, children: F })
+            ] })
+          ] }) })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  ne as DateRangeFilter
+};
+//# sourceMappingURL=DateRangeFilter.js.map

package/dist/components/Common/DateRangeFilter/DateRangeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeFilter.js","sources":["../../../../src/components/Common/DateRangeFilter/DateRangeFilter.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useMemo } from 'react'\nimport { Dialog, Popover } from 'react-aria-components'\nimport styles from './DateRangeFilter.module.scss'\nimport type { DateRange } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport FilterFunnelIcon from '@/assets/icons/filter-funnel.svg?react'\n\nconst formatFilterDate = (date: Date): string =>\n  date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })\n\ninterface DateRangeFilterProps {\n  startDate: Date | null\n  endDate: Date | null\n  onStartDateChange: (date: Date | null) => void\n  onEndDateChange: (date: Date | null) => void\n  onClear: () => void\n  startDateLabel: string\n  endDateLabel: string\n  applyLabel: string\n  cancelLabel: string\n  resetLabel: string\n  selectDatesLabel: string\n  triggerLabel: string\n  isFilterActive: boolean\n  maxEndDate?: Date\n  minStartDate?: Date\n}\n\nexport const DateRangeFilter = ({\n  startDate,\n  endDate,\n  onStartDateChange,\n  onEndDateChange,\n  onClear,\n  startDateLabel,\n  endDateLabel,\n  applyLabel,\n  cancelLabel,\n  resetLabel,\n  selectDatesLabel,\n  triggerLabel,\n  isFilterActive,\n  maxEndDate,\n  minStartDate,\n}: DateRangeFilterProps) => {\n  const { Button, DateRangePicker } = useComponentContext()\n  const { container } = useTheme()\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [draftRange, setDraftRange] = useState<DateRange | null>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const handleOpen = useCallback(() => {\n    const range = startDate && endDate ? { start: startDate, end: endDate } : null\n    setDraftRange(range)\n    setIsOpen(true)\n  }, [startDate, endDate])\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false)\n  }, [])\n\n  const handleApply = useCallback(() => {\n    if (draftRange) {\n      onStartDateChange(draftRange.start)\n      onEndDateChange(draftRange.end)\n    } else {\n      onClear()\n    }\n    setIsOpen(false)\n  }, [draftRange, onStartDateChange, onEndDateChange, onClear])\n\n  const handleReset = useCallback(() => {\n    setDraftRange(null)\n  }, [])\n\n  const handleRangeChange = useCallback((range: DateRange | null) => {\n    setDraftRange(range)\n  }, [])\n\n  const filterDateLabel = useMemo(() => {\n    if (!isFilterActive || !startDate || !endDate) return null\n    return `${formatFilterDate(startDate)} – ${formatFilterDate(endDate)}`\n  }, [isFilterActive, startDate, endDate])\n\n  const triggerButton = (\n    <Button\n      buttonRef={triggerRef}\n      aria-label={triggerLabel}\n      aria-haspopup=\"dialog\"\n      aria-expanded={isOpen}\n      onClick={handleOpen}\n      variant=\"secondary\"\n      icon={<FilterFunnelIcon />}\n      className={styles.triggerButton}\n    >\n      {filterDateLabel ?? selectDatesLabel}\n    </Button>\n  )\n\n  return (\n    <>\n      {triggerButton}\n\n      <Popover\n        UNSTABLE_portalContainer={container.current}\n        isOpen={isOpen}\n        onOpenChange={open => {\n          if (!open) handleClose()\n        }}\n        triggerRef={triggerRef}\n        placement=\"bottom end\"\n        offset={8}\n        shouldUpdatePosition\n      >\n        <Dialog className={styles.dialog} aria-label={`${startDateLabel} – ${endDateLabel}`}>\n          <div className={styles.popoverContent}>\n            <DateRangePicker\n              label={`${startDateLabel} – ${endDateLabel}`}\n              shouldVisuallyHideLabel\n              value={draftRange}\n              onChange={handleRangeChange}\n              startDateLabel={startDateLabel}\n              endDateLabel={endDateLabel}\n              minValue={minStartDate}\n              maxValue={maxEndDate}\n            />\n          </div>\n\n          <div className={styles.popoverFooter}>\n            <Flex gap={8} justifyContent=\"space-between\">\n              <Button variant=\"tertiary\" onClick={handleReset}>\n                {resetLabel}\n              </Button>\n              <Flex gap={8} justifyContent=\"flex-end\">\n                <Button variant=\"secondary\" onClick={handleClose}>\n                  {cancelLabel}\n                </Button>\n                <Button variant=\"primary\" onClick={handleApply}>\n                  {applyLabel}\n                </Button>\n              </Flex>\n            </Flex>\n          </div>\n        </Dialog>\n      </Popover>\n    </>\n  )\n}\n"],"names":["formatFilterDate","date","DateRangeFilter","startDate","endDate","onStartDateChange","onEndDateChange","onClear","startDateLabel","endDateLabel","applyLabel","cancelLabel","resetLabel","selectDatesLabel","triggerLabel","isFilterActive","maxEndDate","minStartDate","Button","DateRangePicker","useComponentContext","container","useTheme","isOpen","setIsOpen","useState","draftRange","setDraftRange","triggerRef","useRef","handleOpen","useCallback","handleClose","handleApply","handleReset","handleRangeChange","range","filterDateLabel","useMemo","triggerButton","jsx","FilterFunnelIcon","styles","jsxs","Fragment","Popover","open","Dialog","Flex"],"mappings":"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"}

package/dist/components/Common/DateRangeFilter/DateRangeFilter.module.scss.js

@@ -0,0 +1,14 @@
+const o = "_triggerButton_a5twz_1", t = "_dialog_a5twz_6", e = "_popoverContent_a5twz_10", r = "_popoverFooter_a5twz_16", n = {
+  triggerButton: o,
+  dialog: t,
+  popoverContent: e,
+  popoverFooter: r
+};
+export {
+  n as default,
+  t as dialog,
+  e as popoverContent,
+  r as popoverFooter,
+  o as triggerButton
+};
+//# sourceMappingURL=DateRangeFilter.module.scss.js.map

package/dist/components/Common/DateRangeFilter/DateRangeFilter.module.scss.js.map

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

package/dist/components/Common/DetailViewLayout/DetailViewLayout.d.ts

@@ -0,0 +1,2 @@
+import { DetailViewLayoutProps } from './DetailViewLayoutTypes';
+export declare function DetailViewLayout({ title, subtitle, onBack, backLabel, actions, tabs, selectedTabId, onTabChange, children, className, }: DetailViewLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/DetailViewLayout/DetailViewLayoutTypes.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { TabProps } from '../UI/Tabs/TabsTypes';
+type BackNavigation = {
+    onBack: () => void;
+    backLabel: string;
+} | {
+    onBack?: never;
+    backLabel?: never;
+};
+type TabbedContent = {
+    tabs: TabProps[];
+    selectedTabId: string;
+    onTabChange: (id: string) => void;
+    children?: never;
+} | {
+    tabs?: never;
+    selectedTabId?: never;
+    onTabChange?: never;
+    children: ReactNode;
+};
+type BaseDetailViewLayoutProps = {
+    /**
+     * Page title displayed as a heading
+     */
+    title: string;
+    /**
+     * Optional subtitle displayed below the title
+     */
+    subtitle?: string;
+    /**
+     * Action buttons rendered in the page header (right-aligned on desktop)
+     */
+    actions?: ReactNode;
+    /**
+     * Optional CSS class name applied to the root element
+     */
+    className?: string;
+};
+export type DetailViewLayoutProps = BaseDetailViewLayoutProps & BackNavigation & TabbedContent;
+export {};

package/dist/components/Common/DetailViewLayout/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { DetailViewLayout } from './DetailViewLayout';
+export type { DetailViewLayoutProps } from './DetailViewLayoutTypes';

package/dist/components/Common/EmptyData/EmptyData.d.ts

@@ -2,6 +2,7 @@ type EmptyDataProps = {
     title?: string;
     description?: string;
     children?: React.ReactNode;
+    icon?: React.ReactNode;
 };
-export declare function EmptyData({ title, description, children }: EmptyDataProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyData({ title, description, children, icon }: EmptyDataProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Common/EmptyData/EmptyData.js

@@ -1,19 +1,21 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
-import { Flex as l } from "../Flex/Flex.js";
-import m from "./EmptyData.module.scss.js";
-import c from "../../../assets/icons/magnifyingGlass.png.js";
-import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function h({ title: e, description: a, children: o }) {
-  const { t: i } = r(), { Text: s } = f();
-  return /* @__PURE__ */ t("div", { className: m.emptyData, "data-testid": "emptydata", children: /* @__PURE__ */ n(l, { flexDirection: "column", alignItems: "center", children: [
-    /* @__PURE__ */ t("img", { src: c, alt: i("icons.magnifyingGlass"), className: m.image }),
-    e && /* @__PURE__ */ t(s, { weight: "bold", className: m.title, children: e }),
-    a && /* @__PURE__ */ t(s, { children: a }),
-    o && o
+import { useTranslation as l } from "react-i18next";
+import { Flex as c } from "../Flex/Flex.js";
+import e from "./EmptyData.module.scss.js";
+import f from "../../../assets/icons/magnifyingGlass.png.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function N({ title: m, description: a, children: s, icon: o }) {
+  const { t: r } = l(), { Text: i } = p();
+  return /* @__PURE__ */ t("div", { className: e.emptyData, "data-testid": "emptydata", children: /* @__PURE__ */ n(c, { flexDirection: "column", alignItems: "center", children: [
+    o || /* @__PURE__ */ t("img", { src: f, alt: r("icons.magnifyingGlass"), className: e.image }),
+    /* @__PURE__ */ n("div", { className: e.textContent, children: [
+      m && /* @__PURE__ */ t(i, { weight: "bold", className: e.title, children: m }),
+      a && /* @__PURE__ */ t(i, { children: a })
+    ] }),
+    s && s
   ] }) });
 }
 export {
-  h as EmptyData
+  N as EmptyData
 };
 //# sourceMappingURL=EmptyData.js.map

package/dist/components/Common/EmptyData/EmptyData.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyData.js","sources":["../../../../src/components/Common/EmptyData/EmptyData.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport styles from './EmptyData.module.scss'\nimport magnifyingGlass from '@/assets/icons/magnifyingGlass.png'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype EmptyDataProps = {\n  title?: string\n  description?: string\n  children?: React.ReactNode\n}\nexport function EmptyData({ title, description, children }: EmptyDataProps) {\n  const { t } = useTranslation()\n  const { Text } = useComponentContext()\n  return (\n    <div className={styles.emptyData} data-testid=\"emptydata\">\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} className={styles.image} />\n        {title && (\n          <Text weight=\"bold\" className={styles.title}>\n            {title}\n          </Text>\n        )}\n        {description && <Text>{description}</Text>}\n        {children && children}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["EmptyData","title","description","children","t","useTranslation","Text","useComponentContext","jsx","styles","jsxs","Flex","magnifyingGlass"],"mappings":";;;;;;AAWO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,KAA4B;AAC1E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,eAAY,aAC5C,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UACtC,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,KAAKI,GAAiB,KAAKR,EAAE,uBAAuB,GAAG,WAAWK,EAAO,MAAA,CAAO;AAAA,IACpFR,uBACEK,GAAA,EAAK,QAAO,QAAO,WAAWG,EAAO,OACnC,UAAAR,EAAA,CACH;AAAA,IAEDC,KAAe,gBAAAM,EAACF,GAAA,EAAM,UAAAJ,EAAA,CAAY;AAAA,IAClCC,KAAYA;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"EmptyData.js","sources":["../../../../src/components/Common/EmptyData/EmptyData.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport styles from './EmptyData.module.scss'\nimport magnifyingGlass from '@/assets/icons/magnifyingGlass.png'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype EmptyDataProps = {\n  title?: string\n  description?: string\n  children?: React.ReactNode\n  icon?: React.ReactNode\n}\nexport function EmptyData({ title, description, children, icon }: EmptyDataProps) {\n  const { t } = useTranslation()\n  const { Text } = useComponentContext()\n  return (\n    <div className={styles.emptyData} data-testid=\"emptydata\">\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        {icon || (\n          <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} className={styles.image} />\n        )}\n        <div className={styles.textContent}>\n          {title && (\n            <Text weight=\"bold\" className={styles.title}>\n              {title}\n            </Text>\n          )}\n          {description && <Text>{description}</Text>}\n        </div>\n        {children && children}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["EmptyData","title","description","children","icon","t","useTranslation","Text","useComponentContext","jsx","styles","jsxs","Flex","magnifyingGlass"],"mappings":";;;;;;AAYO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,GAAU,MAAAC,KAAwB;AAChF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,eAAY,aAC5C,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UACrC,UAAA;AAAA,IAAAR,KACC,gBAAAK,EAAC,OAAA,EAAI,KAAKI,GAAiB,KAAKR,EAAE,uBAAuB,GAAG,WAAWK,EAAO,MAAA,CAAO;AAAA,IAEvF,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,aACpB,UAAA;AAAA,MAAAT,uBACEM,GAAA,EAAK,QAAO,QAAO,WAAWG,EAAO,OACnC,UAAAT,EAAA,CACH;AAAA,MAEDC,KAAe,gBAAAO,EAACF,GAAA,EAAM,UAAAL,EAAA,CAAY;AAAA,IAAA,GACrC;AAAA,IACCC,KAAYA;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAEJ;"}

package/dist/components/Common/EmptyData/EmptyData.module.scss.js

@@ -1,12 +1,14 @@
-const t = "_emptyData_19niy_1", e = "_title_19niy_11", a = "_image_19niy_17", i = {
+const t = "_emptyData_1hexi_1", e = "_textContent_1hexi_11", _ = "_title_1hexi_15", a = "_image_1hexi_21", n = {
   emptyData: t,
-  title: e,
+  textContent: e,
+  title: _,
   image: a
 };
 export {
-  i as default,
+  n as default,
   t as emptyData,
   a as image,
-  e as title
+  e as textContent,
+  _ as title
 };
 //# sourceMappingURL=EmptyData.module.scss.js.map

package/dist/components/Common/EmptyData/EmptyData.module.scss.js.map

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

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

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

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

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

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

@@ -6,5 +6,5 @@ export interface CheckboxGroupFieldProps<TValue> extends Omit<CheckboxGroupProps
     options: GenericCheckboxGroupOption<TValue>[];
     convertValueToString?: (value: TValue) => string;
 }
-export declare const CheckboxGroupField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, description, onBlur, inputRef, convertValueToString, ...checkboxGroupProps }: CheckboxGroupFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxGroupField: <TValue = string>({ rules, defaultValue, name, control, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, description, onBlur, inputRef, convertValueToString, ...checkboxGroupProps }: CheckboxGroupFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,42 +1,44 @@
-import { jsx as x } from "react/jsx-runtime";
-import { useField as F } from "../hooks/useField.js";
-import { useComponentContext as G } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useStringifyGenericFieldValueArray as b } from "../hooks/useStringifyGenericFieldValue.js";
-const v = ({
+import { jsx as F } from "react/jsx-runtime";
+import { useField as G } from "../hooks/useField.js";
+import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValueArray as k } from "../hooks/useStringifyGenericFieldValue.js";
+const A = ({
   rules: o,
   defaultValue: e,
   name: r,
-  errorMessage: n,
-  isRequired: t,
-  onChange: i,
-  transform: s,
-  options: p,
-  description: m,
-  onBlur: u,
-  inputRef: C,
-  convertValueToString: c,
-  ...l
+  control: n,
+  errorMessage: t,
+  isRequired: i,
+  onChange: s,
+  transform: p,
+  options: m,
+  description: u,
+  onBlur: C,
+  inputRef: c,
+  convertValueToString: l,
+  ...a
 }) => {
-  const a = G(), { value: f, onChange: d, ...g } = F({
+  const f = b(), { value: d, onChange: g, ...h } = G({
     name: r,
+    control: n,
     rules: o,
     defaultValue: e,
-    errorMessage: n,
-    isRequired: t,
-    onChange: i,
-    transform: s,
-    description: m,
-    onBlur: u,
-    inputRef: C
-  }), h = b({
-    options: p,
-    value: f,
-    onChange: d,
-    convertValueToString: c
+    errorMessage: t,
+    isRequired: i,
+    onChange: s,
+    transform: p,
+    description: u,
+    onBlur: C,
+    inputRef: c
+  }), x = k({
+    options: m,
+    value: d,
+    onChange: g,
+    convertValueToString: l
   });
-  return /* @__PURE__ */ x(a.CheckboxGroup, { ...l, ...g, ...h });
+  return /* @__PURE__ */ F(f.CheckboxGroup, { ...a, ...h, ...x });
 };
 export {
-  v as CheckboxGroupField
+  A as CheckboxGroupField
 };
 //# sourceMappingURL=CheckboxGroupField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupField.js","sources":["../../../../../src/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { CheckboxGroupOption } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport {\n  useStringifyGenericFieldValueArray,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericCheckboxGroupOption<TValue> = OptionWithGenericValue<TValue, CheckboxGroupOption>\n\nexport interface CheckboxGroupFieldProps<TValue>\n  extends\n    Omit<CheckboxGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue[]> {\n  options: GenericCheckboxGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const CheckboxGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  description,\n  onBlur,\n  inputRef,\n  convertValueToString,\n  ...checkboxGroupProps\n}: CheckboxGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValueArray<TValue, CheckboxGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.CheckboxGroup {...checkboxGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["CheckboxGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","description","onBlur","inputRef","convertValueToString","checkboxGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValueArray","jsx"],"mappings":";;;;AAmBO,MAAMA,IAAqB,CAAmB;AAAA,EACnD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAS;AAAA,IAClD,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAE;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAgE;AAAA,IACvF,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAED,SAAO,gBAAAU,EAACR,EAAW,eAAX,EAA0B,GAAGD,GAAqB,GAAGK,GAAa,GAAGE,GAAkB;AACjG;"}
+{"version":3,"file":"CheckboxGroupField.js","sources":["../../../../../src/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { CheckboxGroupOption } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport {\n  useStringifyGenericFieldValueArray,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericCheckboxGroupOption<TValue> = OptionWithGenericValue<TValue, CheckboxGroupOption>\n\nexport interface CheckboxGroupFieldProps<TValue>\n  extends\n    Omit<CheckboxGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue[]> {\n  options: GenericCheckboxGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const CheckboxGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  description,\n  onBlur,\n  inputRef,\n  convertValueToString,\n  ...checkboxGroupProps\n}: CheckboxGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValueArray<TValue, CheckboxGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.CheckboxGroup {...checkboxGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["CheckboxGroupField","rules","defaultValue","name","control","errorMessage","isRequired","onChangeFromProps","transform","options","description","onBlur","inputRef","convertValueToString","checkboxGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValueArray","jsx"],"mappings":";;;;AAmBO,MAAMA,IAAqB,CAAmB;AAAA,EACnD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAS;AAAA,IAClD,MAAAjB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAE;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAgE;AAAA,IACvF,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAED,SAAO,gBAAAU,EAACR,EAAW,eAAX,EAA0B,GAAGD,GAAqB,GAAGK,GAAa,GAAGE,GAAkB;AACjG;"}

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

@@ -7,5 +7,5 @@ export interface ComboBoxFieldProps<TValue> extends Omit<ComboBoxProps, 'name' |
     convertValueToString?: (value: TValue) => string;
     allowsCustomValue?: TValue extends string ? boolean : never;
 }
-export declare const ComboBoxField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, description, onBlur, inputRef, ...comboBoxProps }: ComboBoxFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboBoxField: <TValue = string>({ rules, defaultValue, name, control, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, description, onBlur, inputRef, ...comboBoxProps }: ComboBoxFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,54 +1,56 @@
-import { jsx as v } from "react/jsx-runtime";
-import { useField as V } from "../hooks/useField.js";
-import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useStringifyGenericFieldValue as j } from "../hooks/useStringifyGenericFieldValue.js";
-const O = ({
+import { jsx as V } from "react/jsx-runtime";
+import { useField as b } from "../hooks/useField.js";
+import { useComponentContext as j } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as w } from "../hooks/useStringifyGenericFieldValue.js";
+const P = ({
   rules: n,
   defaultValue: r,
   name: t,
-  errorMessage: i,
-  isRequired: s,
-  onChange: m,
-  transform: l,
-  options: C,
-  convertValueToString: a,
-  description: f,
-  onBlur: p,
-  inputRef: u,
+  control: i,
+  errorMessage: s,
+  isRequired: m,
+  onChange: l,
+  transform: C,
+  options: a,
+  convertValueToString: f,
+  description: p,
+  onBlur: u,
+  inputRef: d,
   ...o
 }) => {
-  const d = b(), { value: g, onChange: e, ...c } = V({
+  const g = j(), { value: c, onChange: e, ...h } = b({
     name: t,
+    control: i,
     rules: n,
     defaultValue: r,
-    errorMessage: i,
-    isRequired: s,
-    onChange: m,
-    transform: l,
-    description: f,
-    onBlur: p,
-    inputRef: u
-  }), h = j({
-    options: C,
-    value: g,
+    errorMessage: s,
+    isRequired: m,
+    onChange: l,
+    transform: C,
+    description: p,
+    onBlur: u,
+    inputRef: d
+  }), x = w({
+    options: a,
+    value: c,
     onChange: e,
-    convertValueToString: a
-  }), x = o.allowsCustomValue ? {
-    onChange: (F) => {
-      e(F);
+    convertValueToString: f
+  }), F = o.allowsCustomValue ? {
+    onChange: (v) => {
+      e(v);
     }
   } : {};
-  return /* @__PURE__ */ v(
-    d.ComboBox,
+  return /* @__PURE__ */ V(
+    g.ComboBox,
     {
       ...o,
-      ...c,
       ...h,
-      ...x
+      ...x,
+      ...F
     }
   );
 };
 export {
-  O as ComboBoxField
+  P as ComboBoxField
 };
 //# sourceMappingURL=ComboBoxField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxField.js","sources":["../../../../../src/components/Common/Fields/ComboBoxField/ComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { ComboBoxProps, ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>\n\nexport interface ComboBoxFieldProps<TValue>\n  extends\n    Omit<\n      ComboBoxProps,\n      'name' | 'value' | 'onChange' | 'options' | 'isInvalid' | 'allowsCustomValue'\n    >,\n    UseFieldProps<TValue> {\n  options: GenericComboBoxOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n  allowsCustomValue?: TValue extends string ? boolean : never\n}\n\nexport const ComboBoxField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...comboBoxProps\n}: ComboBoxFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, ComboBoxOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  // useStringifyGenericFieldValue's onChange only fires for matched options, dropping freeform input.\n  // Override with a direct pass-through. Cast is safe: allowsCustomValue constrains TValue extends string.\n  const freeformOverride = comboBoxProps.allowsCustomValue\n    ? {\n        onChange: (val: string) => {\n          onChange(val as TValue)\n        },\n      }\n    : {}\n\n  return (\n    <Components.ComboBox\n      {...comboBoxProps}\n      {...fieldProps}\n      {...stringFieldProps}\n      {...freeformOverride}\n    />\n  )\n}\n"],"names":["ComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","comboBoxProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","freeformOverride","val","jsx"],"mappings":";;;;AAsBO,MAAMA,IAAgB,CAAmB;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAsD;AAAA,IAC7E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD,GAIKa,IAAmBT,EAAc,oBACnC;AAAA,IACE,UAAU,CAACU,MAAgB;AACzB,MAAAN,EAASM,CAAa;AAAA,IACxB;AAAA,EAAA,IAEF,CAAA;AAEJ,SACE,gBAAAC;AAAA,IAACV,EAAW;AAAA,IAAX;AAAA,MACE,GAAGD;AAAA,MACH,GAAGK;AAAA,MACH,GAAGE;AAAA,MACH,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"ComboBoxField.js","sources":["../../../../../src/components/Common/Fields/ComboBoxField/ComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { ComboBoxProps, ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>\n\nexport interface ComboBoxFieldProps<TValue>\n  extends\n    Omit<\n      ComboBoxProps,\n      'name' | 'value' | 'onChange' | 'options' | 'isInvalid' | 'allowsCustomValue'\n    >,\n    UseFieldProps<TValue> {\n  options: GenericComboBoxOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n  allowsCustomValue?: TValue extends string ? boolean : never\n}\n\nexport const ComboBoxField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...comboBoxProps\n}: ComboBoxFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, ComboBoxOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  // useStringifyGenericFieldValue's onChange only fires for matched options, dropping freeform input.\n  // Override with a direct pass-through. Cast is safe: allowsCustomValue constrains TValue extends string.\n  const freeformOverride = comboBoxProps.allowsCustomValue\n    ? {\n        onChange: (val: string) => {\n          onChange(val as TValue)\n        },\n      }\n    : {}\n\n  return (\n    <Components.ComboBox\n      {...comboBoxProps}\n      {...fieldProps}\n      {...stringFieldProps}\n      {...freeformOverride}\n    />\n  )\n}\n"],"names":["ComboBoxField","rules","defaultValue","name","control","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","comboBoxProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","freeformOverride","val","jsx"],"mappings":";;;;AAsBO,MAAMA,IAAgB,CAAmB;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAjB;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAsD;AAAA,IAC7E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD,GAIKa,IAAmBT,EAAc,oBACnC;AAAA,IACE,UAAU,CAACU,MAAgB;AACzB,MAAAN,EAASM,CAAa;AAAA,IACxB;AAAA,EAAA,IAEF,CAAA;AAEJ,SACE,gBAAAC;AAAA,IAACV,EAAW;AAAA,IAAX;AAAA,MACE,GAAGD;AAAA,MACH,GAAGK;AAAA,MACH,GAAGE;AAAA,MACH,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -5,5 +5,5 @@ type DateFieldValue = string | Date | null;
 export interface DatePickerFieldProps<TValue extends DateFieldValue = Date | null> extends Omit<DatePickerProps, 'name' | 'onChange' | 'isInvalid'>, UseFieldProps<TValue> {
     FieldComponent?: ComponentType<DatePickerProps>;
 }
-export declare const DatePickerField: <TValue extends DateFieldValue = Date | null>({ rules, defaultValue, name, errorMessage, isRequired, onChange, transform, description, onBlur, inputRef, FieldComponent, ...datePickerProps }: DatePickerFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerField: <TValue extends DateFieldValue = Date | null>({ rules, defaultValue, name, control, errorMessage, isRequired, onChange, transform, description, onBlur, inputRef, FieldComponent, ...datePickerProps }: DatePickerFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};