@gusto/embedded-react-sdk 0.46.2 → 0.47.0

package/dist/components/Common/DataView/DataTable/DataTable.js

@@ -1,44 +1,48 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useId as V, useState as T } from "react";
-import { useTranslation as F } from "react-i18next";
-import { useSelectionState as S } from "../useSelectionState.js";
-import { useComponentContext as j } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useId as T, useState as j } from "react";
+import { useTranslation as E } from "react-i18next";
+import { useSelectionState as F } from "../useSelectionState.js";
+import N from "./DataTable.module.scss.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { VisuallyHidden as k } from "../../VisuallyHidden/VisuallyHidden.js";
-function A(c, o) {
+function C(a, o) {
+  return !o || o === "start" ? a : /* @__PURE__ */ r("div", { className: N.cellEnd, children: a });
+}
+function A(a, o) {
   if (o.render)
-    return o.render(c);
+    return o.render(a);
   if (o.key) {
-    const s = o.key;
-    return String(c[s] ?? "");
+    const i = o.key;
+    return String(a[i] ?? "");
   }
   return "";
 }
-const J = ({
-  label: c,
+const U = ({
+  label: a,
   data: o,
-  columns: s,
+  columns: i,
   itemMenu: u,
-  onSelect: r,
-  onSelectAll: C,
+  onSelect: l,
+  onSelectAll: g,
   getIsItemSelected: d,
-  hideSelectAll: g,
-  emptyState: f,
-  footer: b,
-  isWithinBox: R,
-  selectionMode: h = "multiple"
+  hideSelectAll: R,
+  emptyState: p,
+  footer: h,
+  isWithinBox: m,
+  selectionMode: b = "multiple"
 }) => {
-  const p = j(), { t: i } = F("common"), D = V(), [$, m] = T(null), { allSelected: H } = S(o, d), L = [
-    ...r ? [
+  const y = S(), { t: c } = E("common"), D = T(), [$, v] = j(null), { allSelected: w } = F(o, d), H = [
+    ...l ? [
       {
         key: "select-header",
-        content: h === "multiple" && d && !g && o.length > 0 ? (
+        content: b === "multiple" && d && !R && o.length > 0 ? (
           // Stop propagation so the surrounding react-aria-components
           // <Column> press handler doesn't intercept the checkbox click
           // and desync the controlled DOM state. The inner <input> is
           // the actual interactive element; this span is a propagation
           // shield, not a click target itself.
           // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ r(
             "span",
             {
               onClick: (e) => {
@@ -50,71 +54,71 @@ const J = ({
               onMouseDown: (e) => {
                 e.stopPropagation();
               },
-              children: /* @__PURE__ */ a(
-                p.Checkbox,
+              children: /* @__PURE__ */ r(
+                y.Checkbox,
                 {
-                  value: H,
-                  onChange: (e) => C?.(e, o),
-                  label: i("table.selectAllRowsLabel"),
+                  value: w,
+                  onChange: (e) => g?.(e, o),
+                  label: c("table.selectAllRowsLabel"),
                   shouldVisuallyHideLabel: !0
                 }
               )
             }
           )
-        ) : /* @__PURE__ */ a(k, { children: i("table.selectRowHeader") })
+        ) : /* @__PURE__ */ r(k, { children: c("table.selectRowHeader") })
       }
     ] : [],
-    ...s.map((e, t) => ({
+    ...i.map((e, t) => ({
       key: typeof e.key == "string" ? e.key : `header-${t}`,
-      content: e.title
+      content: C(e.title, e.justify)
     })),
     ...u ? [
       {
         key: "actions-header",
-        content: /* @__PURE__ */ a(k, { children: i("table.actionsColumnHeader") })
+        content: /* @__PURE__ */ r(k, { children: c("table.actionsColumnHeader") })
       }
     ] : []
-  ], v = (e, t) => {
-    m(t), r?.(e, !0);
-  }, w = (e, t) => {
-    if (h === "single") {
+  ], L = (e, t) => {
+    v(t), l?.(e, !0);
+  }, x = (e, t) => {
+    if (b === "single") {
       const n = d?.(e) ?? $ === t;
-      return /* @__PURE__ */ a(
-        p.Radio,
+      return /* @__PURE__ */ r(
+        y.Radio,
         {
           name: D,
           value: n,
           onChange: () => {
-            v(e, t);
+            L(e, t);
           },
-          label: i("table.selectRowLabel"),
+          label: c("table.selectRowLabel"),
           shouldVisuallyHideLabel: !0
         }
       );
     }
-    const l = d?.(e) ?? !1;
-    return /* @__PURE__ */ a(
-      p.Checkbox,
+    const s = d?.(e) ?? !1;
+    return /* @__PURE__ */ r(
+      y.Checkbox,
       {
-        value: l,
+        value: s,
         onChange: (n) => {
-          r?.(e, n);
+          l?.(e, n);
         },
-        label: i("table.selectRowLabel"),
+        label: c("table.selectRowLabel"),
         shouldVisuallyHideLabel: !0
       }
     );
-  }, x = o.map((e, t) => {
-    const l = [
-      ...r ? [
+  }, P = o.map((e, t) => {
+    const s = [
+      ...l ? [
         {
           key: `select-${t}`,
-          content: w(e, t)
+          content: x(e, t)
         }
       ] : [],
-      ...s.map((n, y) => ({
-        key: typeof n.key == "string" ? n.key : `cell-${y}`,
-        content: A(e, n)
+      ...i.map((n, f) => ({
+        key: typeof n.key == "string" ? n.key : `cell-${f}`,
+        content: C(A(e, n), n.justify)
       })),
       ...u ? [
         {
@@ -125,40 +129,40 @@ const J = ({
     ];
     return {
       key: `row-${t}`,
-      data: l
+      data: s
     };
-  }), P = (() => {
-    if (!b) return;
-    const e = b(), t = [];
-    return r && t.push({
+  }), V = (() => {
+    if (!h) return;
+    const e = h(), t = [];
+    return l && t.push({
       key: "footer-select",
       content: ""
-    }), s.forEach((l, n) => {
-      const y = typeof l.key == "string" ? l.key : `column-${n}`;
+    }), i.forEach((s, n) => {
+      const f = typeof s.key == "string" ? s.key : `column-${n}`;
       t.push({
-        key: `footer-${y}`,
-        content: e[y] || ""
+        key: `footer-${f}`,
+        content: e[f] || ""
       });
     }), u && t.push({
       key: "footer-actions",
       content: ""
     }), t;
   })();
-  return /* @__PURE__ */ a(
-    p.Table,
+  return /* @__PURE__ */ r(
+    y.Table,
     {
-      "aria-label": c,
+      "aria-label": a,
       "data-testid": "data-table",
-      headers: L,
-      rows: x,
-      footer: P,
-      emptyState: f ? f() : void 0,
-      isWithinBox: R,
-      hasCheckboxColumn: !!r
+      headers: H,
+      rows: P,
+      footer: V,
+      emptyState: p ? p() : void 0,
+      isWithinBox: m,
+      hasCheckboxColumn: !!l
     }
   );
 };
 export {
-  J as DataTable
+  U as DataTable
 };
 //# sourceMappingURL=DataTable.js.map

package/dist/components/Common/DataView/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/Common/DataView/DataTable/DataTable.tsx"],"sourcesContent":["import { useId, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { useDataViewPropReturn, SelectionMode } from '../useDataView'\nimport { useSelectionState } from '../useSelectionState'\nimport type { TableData, TableRow, TableProps } from '../../UI/Table/TableTypes'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type DataTableProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  getIsItemSelected?: (item: T) => boolean\n  hideSelectAll?: useDataViewPropReturn<T>['hideSelectAll']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  isWithinBox?: TableProps['isWithinBox']\n  selectionMode?: SelectionMode\n}\n\nfunction getCellContent<T>(\n  item: T,\n  column: { key?: string | keyof T; render?: (item: T) => React.ReactNode },\n) {\n  if (column.render) {\n    return column.render(item)\n  }\n\n  if (column.key) {\n    const key = column.key as keyof T\n    return String(item[key] ?? '')\n  }\n\n  return ''\n}\n\nexport const DataTable = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  hideSelectAll,\n  emptyState,\n  footer,\n  isWithinBox,\n  selectionMode = 'multiple',\n}: DataTableProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const radioGroupName = useId()\n  const [selectedRadioIndex, setSelectedRadioIndex] = useState<number | null>(null)\n  const { allSelected } = useSelectionState(data, getIsItemSelected)\n\n  const headers: TableData[] = [\n    ...(onSelect\n      ? [\n          {\n            key: 'select-header',\n            content:\n              selectionMode === 'multiple' &&\n              getIsItemSelected &&\n              !hideSelectAll &&\n              data.length > 0 ? (\n                // Stop propagation so the surrounding react-aria-components\n                // <Column> press handler doesn't intercept the checkbox click\n                // and desync the controlled DOM state. The inner <input> is\n                // the actual interactive element; this span is a propagation\n                // shield, not a click target itself.\n                // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n                <span\n                  onClick={e => {\n                    e.stopPropagation()\n                  }}\n                  onPointerDown={e => {\n                    e.stopPropagation()\n                  }}\n                  onMouseDown={e => {\n                    e.stopPropagation()\n                  }}\n                >\n                  <Components.Checkbox\n                    value={allSelected}\n                    onChange={(checked: boolean) => onSelectAll?.(checked, data)}\n                    label={t('table.selectAllRowsLabel')}\n                    shouldVisuallyHideLabel\n                  />\n                </span>\n              ) : (\n                <VisuallyHidden>{t('table.selectRowHeader')}</VisuallyHidden>\n              ),\n          },\n        ]\n      : []),\n    ...columns.map((column, index) => ({\n      key: typeof column.key === 'string' ? column.key : `header-${index}`,\n      content: column.title,\n    })),\n    ...(itemMenu\n      ? [\n          {\n            key: 'actions-header',\n            content: <VisuallyHidden>{t('table.actionsColumnHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n  ]\n\n  const handleRadioSelect = (item: T, rowIndex: number) => {\n    setSelectedRadioIndex(rowIndex)\n    onSelect?.(item, true)\n  }\n\n  const renderSelectionControl = (item: T, rowIndex: number) => {\n    if (selectionMode === 'single') {\n      const isSelected = getIsItemSelected?.(item) ?? selectedRadioIndex === rowIndex\n      return (\n        <Components.Radio\n          name={radioGroupName}\n          value={isSelected}\n          onChange={() => {\n            handleRadioSelect(item, rowIndex)\n          }}\n          label={t('table.selectRowLabel')}\n          shouldVisuallyHideLabel\n        />\n      )\n    }\n\n    const isSelected = getIsItemSelected?.(item) ?? false\n    return (\n      <Components.Checkbox\n        value={isSelected}\n        onChange={(checked: boolean) => {\n          onSelect?.(item, checked)\n        }}\n        label={t('table.selectRowLabel')}\n        shouldVisuallyHideLabel\n      />\n    )\n  }\n\n  const rows: TableRow[] = data.map((item, rowIndex) => {\n    const rowData: TableData[] = [\n      ...(onSelect\n        ? [\n            {\n              key: `select-${rowIndex}`,\n              content: renderSelectionControl(item, rowIndex),\n            },\n          ]\n        : []),\n      ...columns.map((column, colIndex) => {\n        return {\n          key: typeof column.key === 'string' ? column.key : `cell-${colIndex}`,\n          content: getCellContent(item, column),\n        }\n      }),\n      ...(itemMenu\n        ? [\n            {\n              key: `menu-${rowIndex}`,\n              content: itemMenu(item),\n            },\n          ]\n        : []),\n    ]\n\n    return {\n      key: `row-${rowIndex}`,\n      data: rowData,\n    }\n  })\n\n  const buildFooterData = () => {\n    if (!footer) return undefined\n\n    const footerContent = footer()\n    const footerCells: TableData[] = []\n\n    // Add select column footer (empty)\n    if (onSelect) {\n      footerCells.push({\n        key: 'footer-select',\n        content: '',\n      })\n    }\n\n    // Add data column footers\n    columns.forEach((column, index) => {\n      const columnKey = typeof column.key === 'string' ? column.key : `column-${index}`\n      footerCells.push({\n        key: `footer-${columnKey}`,\n        content: footerContent[columnKey] || '',\n      })\n    })\n\n    // Add actions column footer (empty)\n    if (itemMenu) {\n      footerCells.push({\n        key: 'footer-actions',\n        content: '',\n      })\n    }\n\n    return footerCells\n  }\n\n  const footerData = buildFooterData()\n\n  return (\n    <Components.Table\n      aria-label={label}\n      data-testid=\"data-table\"\n      headers={headers}\n      rows={rows}\n      footer={footerData}\n      emptyState={emptyState ? emptyState() : undefined}\n      isWithinBox={isWithinBox}\n      hasCheckboxColumn={!!onSelect}\n    />\n  )\n}\n"],"names":["getCellContent","item","column","key","DataTable","label","data","columns","itemMenu","onSelect","onSelectAll","getIsItemSelected","hideSelectAll","emptyState","footer","isWithinBox","selectionMode","Components","useComponentContext","t","useTranslation","radioGroupName","useId","selectedRadioIndex","setSelectedRadioIndex","useState","allSelected","useSelectionState","headers","jsx","checked","VisuallyHidden","index","handleRadioSelect","rowIndex","renderSelectionControl","isSelected","rows","rowData","colIndex","footerData","footerContent","footerCells","columnKey"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/Common/DataView/DataTable/DataTable.tsx"],"sourcesContent":["import { useId, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { useDataViewPropReturn, SelectionMode } from '../useDataView'\nimport { useSelectionState } from '../useSelectionState'\nimport type { TableData, TableRow, TableProps } from '../../UI/Table/TableTypes'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport styles from './DataTable.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nfunction withJustify(content: React.ReactNode, justify?: 'start' | 'end') {\n  if (!justify || justify === 'start') return content\n  return <div className={styles.cellEnd}>{content}</div>\n}\n\nexport type DataTableProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  getIsItemSelected?: (item: T) => boolean\n  hideSelectAll?: useDataViewPropReturn<T>['hideSelectAll']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  isWithinBox?: TableProps['isWithinBox']\n  selectionMode?: SelectionMode\n}\n\nfunction getCellContent<T>(\n  item: T,\n  column: { key?: string | keyof T; render?: (item: T) => React.ReactNode },\n) {\n  if (column.render) {\n    return column.render(item)\n  }\n\n  if (column.key) {\n    const key = column.key as keyof T\n    return String(item[key] ?? '')\n  }\n\n  return ''\n}\n\nexport const DataTable = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  hideSelectAll,\n  emptyState,\n  footer,\n  isWithinBox,\n  selectionMode = 'multiple',\n}: DataTableProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const radioGroupName = useId()\n  const [selectedRadioIndex, setSelectedRadioIndex] = useState<number | null>(null)\n  const { allSelected } = useSelectionState(data, getIsItemSelected)\n\n  const headers: TableData[] = [\n    ...(onSelect\n      ? [\n          {\n            key: 'select-header',\n            content:\n              selectionMode === 'multiple' &&\n              getIsItemSelected &&\n              !hideSelectAll &&\n              data.length > 0 ? (\n                // Stop propagation so the surrounding react-aria-components\n                // <Column> press handler doesn't intercept the checkbox click\n                // and desync the controlled DOM state. The inner <input> is\n                // the actual interactive element; this span is a propagation\n                // shield, not a click target itself.\n                // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n                <span\n                  onClick={e => {\n                    e.stopPropagation()\n                  }}\n                  onPointerDown={e => {\n                    e.stopPropagation()\n                  }}\n                  onMouseDown={e => {\n                    e.stopPropagation()\n                  }}\n                >\n                  <Components.Checkbox\n                    value={allSelected}\n                    onChange={(checked: boolean) => onSelectAll?.(checked, data)}\n                    label={t('table.selectAllRowsLabel')}\n                    shouldVisuallyHideLabel\n                  />\n                </span>\n              ) : (\n                <VisuallyHidden>{t('table.selectRowHeader')}</VisuallyHidden>\n              ),\n          },\n        ]\n      : []),\n    ...columns.map((column, index) => ({\n      key: typeof column.key === 'string' ? column.key : `header-${index}`,\n      content: withJustify(column.title, column.justify),\n    })),\n    ...(itemMenu\n      ? [\n          {\n            key: 'actions-header',\n            content: <VisuallyHidden>{t('table.actionsColumnHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n  ]\n\n  const handleRadioSelect = (item: T, rowIndex: number) => {\n    setSelectedRadioIndex(rowIndex)\n    onSelect?.(item, true)\n  }\n\n  const renderSelectionControl = (item: T, rowIndex: number) => {\n    if (selectionMode === 'single') {\n      const isSelected = getIsItemSelected?.(item) ?? selectedRadioIndex === rowIndex\n      return (\n        <Components.Radio\n          name={radioGroupName}\n          value={isSelected}\n          onChange={() => {\n            handleRadioSelect(item, rowIndex)\n          }}\n          label={t('table.selectRowLabel')}\n          shouldVisuallyHideLabel\n        />\n      )\n    }\n\n    const isSelected = getIsItemSelected?.(item) ?? false\n    return (\n      <Components.Checkbox\n        value={isSelected}\n        onChange={(checked: boolean) => {\n          onSelect?.(item, checked)\n        }}\n        label={t('table.selectRowLabel')}\n        shouldVisuallyHideLabel\n      />\n    )\n  }\n\n  const rows: TableRow[] = data.map((item, rowIndex) => {\n    const rowData: TableData[] = [\n      ...(onSelect\n        ? [\n            {\n              key: `select-${rowIndex}`,\n              content: renderSelectionControl(item, rowIndex),\n            },\n          ]\n        : []),\n      ...columns.map((column, colIndex) => {\n        return {\n          key: typeof column.key === 'string' ? column.key : `cell-${colIndex}`,\n          content: withJustify(getCellContent(item, column), column.justify),\n        }\n      }),\n      ...(itemMenu\n        ? [\n            {\n              key: `menu-${rowIndex}`,\n              content: itemMenu(item),\n            },\n          ]\n        : []),\n    ]\n\n    return {\n      key: `row-${rowIndex}`,\n      data: rowData,\n    }\n  })\n\n  const buildFooterData = () => {\n    if (!footer) return undefined\n\n    const footerContent = footer()\n    const footerCells: TableData[] = []\n\n    // Add select column footer (empty)\n    if (onSelect) {\n      footerCells.push({\n        key: 'footer-select',\n        content: '',\n      })\n    }\n\n    // Add data column footers\n    columns.forEach((column, index) => {\n      const columnKey = typeof column.key === 'string' ? column.key : `column-${index}`\n      footerCells.push({\n        key: `footer-${columnKey}`,\n        content: footerContent[columnKey] || '',\n      })\n    })\n\n    // Add actions column footer (empty)\n    if (itemMenu) {\n      footerCells.push({\n        key: 'footer-actions',\n        content: '',\n      })\n    }\n\n    return footerCells\n  }\n\n  const footerData = buildFooterData()\n\n  return (\n    <Components.Table\n      aria-label={label}\n      data-testid=\"data-table\"\n      headers={headers}\n      rows={rows}\n      footer={footerData}\n      emptyState={emptyState ? emptyState() : undefined}\n      isWithinBox={isWithinBox}\n      hasCheckboxColumn={!!onSelect}\n    />\n  )\n}\n"],"names":["withJustify","content","justify","jsx","styles","getCellContent","item","column","key","DataTable","label","data","columns","itemMenu","onSelect","onSelectAll","getIsItemSelected","hideSelectAll","emptyState","footer","isWithinBox","selectionMode","Components","useComponentContext","t","useTranslation","radioGroupName","useId","selectedRadioIndex","setSelectedRadioIndex","useState","allSelected","useSelectionState","headers","checked","VisuallyHidden","index","handleRadioSelect","rowIndex","renderSelectionControl","isSelected","rows","rowData","colIndex","footerData","footerContent","footerCells","columnKey"],"mappings":"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"}

package/dist/components/Common/DataView/DataTable/DataTable.module.scss.js

@@ -0,0 +1,8 @@
+const l = "_cellEnd_oem7d_1", e = {
+  cellEnd: l
+};
+export {
+  l as cellEnd,
+  e as default
+};
+//# sourceMappingURL=DataTable.module.scss.js.map

package/dist/components/Common/DataView/DataTable/DataTable.module.scss.js.map

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

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

@@ -19,4 +19,4 @@ export type DataViewProps<T> = {
     emptyState?: useDataViewPropReturn<T>['emptyState'];
     selectionMode?: SelectionMode;
 };
-export declare const DataView: <T>({ pagination, isFetching, breakAt, breakpoints: customBreakpoints, footer, isWithinBox, emptyState, selectionMode, onSelectAll, ...dataViewProps }: DataViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataView: <T>({ pagination, isFetching, breakAt, breakpoints: customBreakpoints, footer, isWithinBox, emptyState, selectionMode, onSelectAll, ...dataViewProps }: DataViewProps<T>) => import("react").JSX.Element;

package/dist/components/Common/DataView/useDataView.d.ts

@@ -4,10 +4,12 @@ type DataViewColumn<T> = {
     key: keyof T;
     title: string | React.ReactNode;
     render?: (item: T) => React.ReactNode;
+    justify?: 'start' | 'end';
 } | {
     key?: string;
     title: string | React.ReactNode;
     render: (item: T) => React.ReactNode;
+    justify?: 'start' | 'end';
 };
 type FooterKeys<T> = keyof T | string;
 type BaseDataViewProps<T> = {

package/dist/components/Common/DataView/useDataView.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataView.js","sources":["../../../../src/components/Common/DataView/useDataView.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\nexport type SelectionMode = 'multiple' | 'single'\n\ntype DataViewColumn<T> =\n  | {\n      key: keyof T\n      title: string | React.ReactNode\n      render?: (item: T) => React.ReactNode\n    }\n  | {\n      key?: string\n      title: string | React.ReactNode\n      render: (item: T) => React.ReactNode\n    }\n\ntype FooterKeys<T> = keyof T | string\n\ntype BaseDataViewProps<T> = {\n  columns: DataViewColumn<T>[]\n  data: T[]\n  pagination?: PaginationControlProps\n  itemMenu?: (item: T) => React.ReactNode\n  emptyState?: () => React.ReactNode\n  footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>\n  isFetching?: boolean\n  /**\n   * When true, hides the select-all header checkbox (DataTable) and the\n   * select-all row (DataCards). Only meaningful with `selectionMode: 'multiple'`.\n   * Per-row checkboxes are unaffected.\n   */\n  hideSelectAll?: boolean\n}\n\ntype NoSelectionProps = {\n  onSelect?: undefined\n  onSelectAll?: undefined\n  getIsItemSelected?: undefined\n  selectionMode?: undefined\n}\n\ntype SingleSelectionProps<T> = {\n  selectionMode: 'single'\n  onSelect: (item: T, checked: boolean) => void\n  onSelectAll?: undefined\n  getIsItemSelected?: (item: T) => boolean\n}\n\ntype MultipleSelectionProps<T> = {\n  selectionMode?: 'multiple'\n  onSelect: (item: T, checked: boolean) => void\n  /**\n   * Called when the select-all checkbox is toggled.\n   * The header checkbox state reflects only the currently visible `data` array.\n   * With pagination, consumers decide whether to select all data or only the visible page.\n   * `visibleData` is the current page's data array for reference.\n   */\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  /**\n   * Required for multi-select. Returns whether a given item is currently selected.\n   * Use a stable identifier from the item (e.g. item.id) rather than array index.\n   */\n  getIsItemSelected: (item: T) => boolean\n}\n\nexport type useDataViewProp<T> = BaseDataViewProps<T> &\n  (NoSelectionProps | SingleSelectionProps<T> | MultipleSelectionProps<T>)\n\nexport type useDataViewPropReturn<T> = {\n  pagination?: PaginationControlProps\n  data: T[]\n  columns: DataViewColumn<T>[]\n  itemMenu?: (item: T) => React.ReactNode\n  onSelect?: (item: T, checked: boolean) => void\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  getIsItemSelected?: (item: T) => boolean\n  hideSelectAll?: boolean\n  emptyState?: () => React.ReactNode\n  footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>\n  isFetching?: boolean\n  selectionMode?: SelectionMode\n}\n\nexport const useDataView = <T>({\n  columns,\n  data,\n  itemMenu,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  hideSelectAll,\n  pagination,\n  emptyState,\n  footer,\n  isFetching,\n  selectionMode,\n}: useDataViewProp<T>): useDataViewPropReturn<T> => {\n  const dataViewProps = useMemo(() => {\n    return {\n      pagination,\n      data,\n      columns,\n      itemMenu,\n      onSelect,\n      onSelectAll,\n      getIsItemSelected,\n      hideSelectAll,\n      emptyState,\n      footer,\n      isFetching,\n      selectionMode,\n    }\n  }, [\n    pagination,\n    data,\n    columns,\n    itemMenu,\n    onSelect,\n    onSelectAll,\n    getIsItemSelected,\n    hideSelectAll,\n    emptyState,\n    footer,\n    isFetching,\n    selectionMode,\n  ])\n\n  return dataViewProps\n}\n"],"names":["useDataView","columns","data","itemMenu","onSelect","onSelectAll","getIsItemSelected","hideSelectAll","pagination","emptyState","footer","isFetching","selectionMode","useMemo"],"mappings":";AAoFO,MAAMA,IAAc,CAAI;AAAA,EAC7B,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AACF,MACwBC,EAAQ,OACrB;AAAA,EACL,YAAAL;AAAA,EACA,MAAAN;AAAA,EACA,SAAAD;AAAA,EACA,UAAAE;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAE;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,IAED;AAAA,EACDJ;AAAA,EACAN;AAAA,EACAD;AAAA,EACAE;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAE;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,CACD;"}
+{"version":3,"file":"useDataView.js","sources":["../../../../src/components/Common/DataView/useDataView.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\nexport type SelectionMode = 'multiple' | 'single'\n\ntype DataViewColumn<T> =\n  | {\n      key: keyof T\n      title: string | React.ReactNode\n      render?: (item: T) => React.ReactNode\n      justify?: 'start' | 'end'\n    }\n  | {\n      key?: string\n      title: string | React.ReactNode\n      render: (item: T) => React.ReactNode\n      justify?: 'start' | 'end'\n    }\n\ntype FooterKeys<T> = keyof T | string\n\ntype BaseDataViewProps<T> = {\n  columns: DataViewColumn<T>[]\n  data: T[]\n  pagination?: PaginationControlProps\n  itemMenu?: (item: T) => React.ReactNode\n  emptyState?: () => React.ReactNode\n  footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>\n  isFetching?: boolean\n  /**\n   * When true, hides the select-all header checkbox (DataTable) and the\n   * select-all row (DataCards). Only meaningful with `selectionMode: 'multiple'`.\n   * Per-row checkboxes are unaffected.\n   */\n  hideSelectAll?: boolean\n}\n\ntype NoSelectionProps = {\n  onSelect?: undefined\n  onSelectAll?: undefined\n  getIsItemSelected?: undefined\n  selectionMode?: undefined\n}\n\ntype SingleSelectionProps<T> = {\n  selectionMode: 'single'\n  onSelect: (item: T, checked: boolean) => void\n  onSelectAll?: undefined\n  getIsItemSelected?: (item: T) => boolean\n}\n\ntype MultipleSelectionProps<T> = {\n  selectionMode?: 'multiple'\n  onSelect: (item: T, checked: boolean) => void\n  /**\n   * Called when the select-all checkbox is toggled.\n   * The header checkbox state reflects only the currently visible `data` array.\n   * With pagination, consumers decide whether to select all data or only the visible page.\n   * `visibleData` is the current page's data array for reference.\n   */\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  /**\n   * Required for multi-select. Returns whether a given item is currently selected.\n   * Use a stable identifier from the item (e.g. item.id) rather than array index.\n   */\n  getIsItemSelected: (item: T) => boolean\n}\n\nexport type useDataViewProp<T> = BaseDataViewProps<T> &\n  (NoSelectionProps | SingleSelectionProps<T> | MultipleSelectionProps<T>)\n\nexport type useDataViewPropReturn<T> = {\n  pagination?: PaginationControlProps\n  data: T[]\n  columns: DataViewColumn<T>[]\n  itemMenu?: (item: T) => React.ReactNode\n  onSelect?: (item: T, checked: boolean) => void\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  getIsItemSelected?: (item: T) => boolean\n  hideSelectAll?: boolean\n  emptyState?: () => React.ReactNode\n  footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>\n  isFetching?: boolean\n  selectionMode?: SelectionMode\n}\n\nexport const useDataView = <T>({\n  columns,\n  data,\n  itemMenu,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  hideSelectAll,\n  pagination,\n  emptyState,\n  footer,\n  isFetching,\n  selectionMode,\n}: useDataViewProp<T>): useDataViewPropReturn<T> => {\n  const dataViewProps = useMemo(() => {\n    return {\n      pagination,\n      data,\n      columns,\n      itemMenu,\n      onSelect,\n      onSelectAll,\n      getIsItemSelected,\n      hideSelectAll,\n      emptyState,\n      footer,\n      isFetching,\n      selectionMode,\n    }\n  }, [\n    pagination,\n    data,\n    columns,\n    itemMenu,\n    onSelect,\n    onSelectAll,\n    getIsItemSelected,\n    hideSelectAll,\n    emptyState,\n    footer,\n    isFetching,\n    selectionMode,\n  ])\n\n  return dataViewProps\n}\n"],"names":["useDataView","columns","data","itemMenu","onSelect","onSelectAll","getIsItemSelected","hideSelectAll","pagination","emptyState","footer","isFetching","selectionMode","useMemo"],"mappings":";AAsFO,MAAMA,IAAc,CAAI;AAAA,EAC7B,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AACF,MACwBC,EAAQ,OACrB;AAAA,EACL,YAAAL;AAAA,EACA,MAAAN;AAAA,EACA,SAAAD;AAAA,EACA,UAAAE;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAE;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,IAED;AAAA,EACDJ;AAAA,EACAN;AAAA,EACAD;AAAA,EACAE;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAE;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,CACD;"}

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

@@ -15,5 +15,5 @@ interface DateRangeFilterProps {
     maxEndDate?: Date;
     minStartDate?: Date;
 }
-export declare const DateRangeFilter: ({ startDate, endDate, onStartDateChange, onEndDateChange, onClear, startDateLabel, endDateLabel, applyLabel, cancelLabel, resetLabel, selectDatesLabel, triggerLabel, isFilterActive, maxEndDate, minStartDate, }: DateRangeFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangeFilter: ({ startDate, endDate, onStartDateChange, onEndDateChange, onClear, startDateLabel, endDateLabel, applyLabel, cancelLabel, resetLabel, selectDatesLabel, triggerLabel, isFilterActive, maxEndDate, minStartDate, }: DateRangeFilterProps) => import("react").JSX.Element;
 export {};

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

@@ -1,2 +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;
+export declare function DetailViewLayout({ title, subtitle, onBack, backLabel, actions, tabs, selectedTabId, onTabChange, children, className, }: DetailViewLayoutProps): import("react").JSX.Element;

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

@@ -22,5 +22,5 @@ interface DocumentListProps {
     emptyStateLabel: string;
     errorLabel: string;
 }
-declare function DocumentList({ forms, canSign, onRequestSign, withError, label, columnLabels, statusLabels, emptyStateLabel, errorLabel, }: DocumentListProps): import("react/jsx-runtime").JSX.Element;
+declare function DocumentList({ forms, canSign, onRequestSign, withError, label, columnLabels, statusLabels, emptyStateLabel, errorLabel, }: DocumentListProps): import("react").JSX.Element;
 export { DocumentList };

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

@@ -5,5 +5,5 @@ interface DocumentViewerProps {
     viewDocumentLabel: string;
     headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
-export declare function DocumentViewer({ url, title, downloadInstructions, viewDocumentLabel, headingLevel, }: DocumentViewerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DocumentViewer({ url, title, downloadInstructions, viewDocumentLabel, headingLevel, }: DocumentViewerProps): import("react").JSX.Element | null;
 export {};

package/dist/components/Common/DocumentViewer/DocumentViewer.js

@@ -5,8 +5,8 @@ import n from "./DocumentViewer.module.scss.js";
 import h from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 function k({
-  url: a,
-  title: r,
+  url: r,
+  title: a,
   downloadInstructions: m,
   viewDocumentLabel: d,
   headingLevel: l = "h3"
@@ -14,17 +14,17 @@ function k({
   const o = u(), t = p(null), f = h({
     ref: t
   }).includes("small");
-  if (!a) return null;
+  if (!r) return null;
   const c = {
-    src: `${a}#toolbar=0&navpanes=0`,
-    title: r,
+    src: `${r}#toolbar=0&navpanes=0`,
+    title: a,
     type: "application/pdf"
   };
-  return /* @__PURE__ */ e("div", { className: n.container, ref: t, children: f ? /* @__PURE__ */ e("embed", { ...c, className: n.embedPdf }) : /* @__PURE__ */ e("div", { className: n.smallEmbedPdfContainer, children: /* @__PURE__ */ s(i, { gap: 20, children: [
-    /* @__PURE__ */ e("embed", { ...c, className: n.smallEmbedPdf }),
+  return /* @__PURE__ */ e("div", { className: n.container, ref: t, children: f ? /* @__PURE__ */ e("embed", { ...c, className: n.embedPdf }, r) : /* @__PURE__ */ e("div", { className: n.smallEmbedPdfContainer, children: /* @__PURE__ */ s(i, { gap: 20, children: [
+    /* @__PURE__ */ e("embed", { ...c, className: n.smallEmbedPdf }, r),
     /* @__PURE__ */ s(i, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ s("div", { children: [
-        r && /* @__PURE__ */ e(o.Heading, { as: l, className: n.heading, children: r }),
+        a && /* @__PURE__ */ e(o.Heading, { as: l, className: n.heading, children: a }),
         m && /* @__PURE__ */ e(o.Text, { className: n.downloadInstructions, children: m })
       ] }),
       /* @__PURE__ */ e(
@@ -32,10 +32,10 @@ function k({
         {
           className: "react-aria-Button",
           "data-variant": "secondary",
-          href: a,
+          href: r,
           target: "_blank",
           rel: "noopener noreferrer",
-          download: `${r || "document"}.pdf`,
+          download: `${a || "document"}.pdf`,
           children: d
         }
       )

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.js","sources":["../../../../src/components/Common/DocumentViewer/DocumentViewer.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './DocumentViewer.module.scss'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\ninterface DocumentViewerProps {\n  url?: string | null\n  title?: string\n  downloadInstructions?: string\n  viewDocumentLabel: string\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function DocumentViewer({\n  url,\n  title,\n  downloadInstructions,\n  viewDocumentLabel,\n  headingLevel = 'h3',\n}: DocumentViewerProps) {\n  const Components = useComponentContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const matches = useContainerBreakpoints({\n    ref: containerRef,\n  })\n\n  const isContainerWidthSmallOrGreater = matches.includes('small')\n\n  if (!url) return null\n\n  const commonEmbeddedPdfProps = {\n    src: `${url}#toolbar=0&navpanes=0`,\n    title,\n    type: 'application/pdf',\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      {isContainerWidthSmallOrGreater ? (\n        <embed {...commonEmbeddedPdfProps} className={styles.embedPdf} />\n      ) : (\n        <div className={styles.smallEmbedPdfContainer}>\n          <Flex gap={20}>\n            <embed {...commonEmbeddedPdfProps} className={styles.smallEmbedPdf} />\n            <Flex flexDirection=\"column\" gap={8}>\n              <div>\n                {title && (\n                  <Components.Heading as={headingLevel} className={styles.heading}>\n                    {title}\n                  </Components.Heading>\n                )}\n                {downloadInstructions && (\n                  <Components.Text className={styles.downloadInstructions}>\n                    {downloadInstructions}\n                  </Components.Text>\n                )}\n              </div>\n              <Components.Link\n                className=\"react-aria-Button\"\n                data-variant=\"secondary\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                download={`${title || 'document'}.pdf`}\n              >\n                {viewDocumentLabel}\n              </Components.Link>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["DocumentViewer","url","title","downloadInstructions","viewDocumentLabel","headingLevel","Components","useComponentContext","containerRef","useRef","isContainerWidthSmallOrGreater","useContainerBreakpoints","commonEmbeddedPdfProps","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAaO,SAASA,EAAe;AAAA,EAC7B,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,GAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAeC,EAAuB,IAAI,GAK1CC,IAJUC,EAAwB;AAAA,IACtC,KAAKH;AAAA,EAAA,CACN,EAE8C,SAAS,OAAO;AAE/D,MAAI,CAACP,EAAK,QAAO;AAEjB,QAAMW,IAAyB;AAAA,IAC7B,KAAK,GAAGX,CAAG;AAAA,IACX,OAAAC;AAAA,IACA,MAAM;AAAA,EAAA;AAGR,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,KAAKN,GACpC,UAAAE,IACC,gBAAAG,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,SAAA,CAAU,IAE/D,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,wBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,KAAK,IACT,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,eAAe;AAAA,IACpE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACE,UAAA;AAAA,QAAAb,KACC,gBAAAW,EAACP,EAAW,SAAX,EAAmB,IAAID,GAAc,WAAWS,EAAO,SACrD,UAAAZ,EAAA,CACH;AAAA,QAEDC,uBACEG,EAAW,MAAX,EAAgB,WAAWQ,EAAO,sBAChC,UAAAX,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAU;AAAA,QAACP,EAAW;AAAA,QAAX;AAAA,UACC,WAAU;AAAA,UACV,gBAAa;AAAA,UACb,MAAML;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,UAAU,GAAGC,KAAS,UAAU;AAAA,UAE/B,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GAEJ;AAEJ;"}
+{"version":3,"file":"DocumentViewer.js","sources":["../../../../src/components/Common/DocumentViewer/DocumentViewer.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './DocumentViewer.module.scss'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\ninterface DocumentViewerProps {\n  url?: string | null\n  title?: string\n  downloadInstructions?: string\n  viewDocumentLabel: string\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function DocumentViewer({\n  url,\n  title,\n  downloadInstructions,\n  viewDocumentLabel,\n  headingLevel = 'h3',\n}: DocumentViewerProps) {\n  const Components = useComponentContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const matches = useContainerBreakpoints({\n    ref: containerRef,\n  })\n\n  const isContainerWidthSmallOrGreater = matches.includes('small')\n\n  if (!url) return null\n\n  const commonEmbeddedPdfProps = {\n    src: `${url}#toolbar=0&navpanes=0`,\n    title,\n    type: 'application/pdf',\n  }\n\n  // Keying the `<embed>` on the URL forces React to remount the element when\n  // the URL changes (e.g. after signing replaces an unsigned PDF). Without\n  // this, React reuses the existing DOM node, the browser's PDF plugin\n  // doesn't reload the new src, and the viewer renders blank until a manual\n  // reload.\n  return (\n    <div className={styles.container} ref={containerRef}>\n      {isContainerWidthSmallOrGreater ? (\n        <embed key={url} {...commonEmbeddedPdfProps} className={styles.embedPdf} />\n      ) : (\n        <div className={styles.smallEmbedPdfContainer}>\n          <Flex gap={20}>\n            <embed key={url} {...commonEmbeddedPdfProps} className={styles.smallEmbedPdf} />\n            <Flex flexDirection=\"column\" gap={8}>\n              <div>\n                {title && (\n                  <Components.Heading as={headingLevel} className={styles.heading}>\n                    {title}\n                  </Components.Heading>\n                )}\n                {downloadInstructions && (\n                  <Components.Text className={styles.downloadInstructions}>\n                    {downloadInstructions}\n                  </Components.Text>\n                )}\n              </div>\n              <Components.Link\n                className=\"react-aria-Button\"\n                data-variant=\"secondary\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                download={`${title || 'document'}.pdf`}\n              >\n                {viewDocumentLabel}\n              </Components.Link>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["DocumentViewer","url","title","downloadInstructions","viewDocumentLabel","headingLevel","Components","useComponentContext","containerRef","useRef","isContainerWidthSmallOrGreater","useContainerBreakpoints","commonEmbeddedPdfProps","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAaO,SAASA,EAAe;AAAA,EAC7B,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,GAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAeC,EAAuB,IAAI,GAK1CC,IAJUC,EAAwB;AAAA,IACtC,KAAKH;AAAA,EAAA,CACN,EAE8C,SAAS,OAAO;AAE/D,MAAI,CAACP,EAAK,QAAO;AAEjB,QAAMW,IAAyB;AAAA,IAC7B,KAAK,GAAGX,CAAG;AAAA,IACX,OAAAC;AAAA,IACA,MAAM;AAAA,EAAA;AAQR,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,KAAKN,GACpC,UAAAE,IACC,gBAAAG,EAAC,SAAA,EAAiB,GAAGD,GAAwB,WAAWE,EAAO,SAAA,GAAnDb,CAA6D,IAEzE,gBAAAY,EAAC,OAAA,EAAI,WAAWC,EAAO,wBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,KAAK,IACT,UAAA;AAAA,IAAA,gBAAAH,EAAC,WAAiB,GAAGD,GAAwB,WAAWE,EAAO,iBAAnDb,CAAkE;AAAA,IAC9E,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACE,UAAA;AAAA,QAAAb,KACC,gBAAAW,EAACP,EAAW,SAAX,EAAmB,IAAID,GAAc,WAAWS,EAAO,SACrD,UAAAZ,EAAA,CACH;AAAA,QAEDC,uBACEG,EAAW,MAAX,EAAgB,WAAWQ,EAAO,sBAChC,UAAAX,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAU;AAAA,QAACP,EAAW;AAAA,QAAX;AAAA,UACC,WAAU;AAAA,UACV,gBAAa;AAAA,UACb,MAAML;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,UAAU,GAAGC,KAAS,UAAU;AAAA,UAE/B,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GAEJ;AAEJ;"}

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

@@ -1,18 +1,18 @@
-const n = "_container_xao0m_1", o = "_embedPdf_xao0m_4", d = "_smallEmbedPdfContainer_xao0m_9", a = "_smallEmbedPdf_xao0m_9", e = "_heading_xao0m_23", s = "_downloadInstructions_xao0m_26", t = {
+const n = "_container_19ba7_1", d = "_embedPdf_19ba7_4", a = "_smallEmbedPdfContainer_19ba7_10", e = "_smallEmbedPdf_19ba7_10", o = "_heading_19ba7_25", s = "_downloadInstructions_19ba7_28", t = {
   container: n,
-  embedPdf: o,
-  smallEmbedPdfContainer: d,
-  smallEmbedPdf: a,
-  heading: e,
+  embedPdf: d,
+  smallEmbedPdfContainer: a,
+  smallEmbedPdf: e,
+  heading: o,
   downloadInstructions: s
 };
 export {
   n as container,
   t as default,
   s as downloadInstructions,
-  o as embedPdf,
-  e as heading,
-  a as smallEmbedPdf,
-  d as smallEmbedPdfContainer
+  d as embedPdf,
+  o as heading,
+  e as smallEmbedPdf,
+  a as smallEmbedPdfContainer
 };
 //# sourceMappingURL=DocumentViewer.module.scss.js.map

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

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

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

@@ -2,5 +2,5 @@ import { HTMLAttributes } from 'react';
 interface FieldErrorMessageProps extends HTMLAttributes<HTMLParagraphElement> {
     withErrorIcon?: boolean;
 }
-export declare function FieldErrorMessage({ children, id, className, withErrorIcon, ...props }: FieldErrorMessageProps): false | "" | 0 | 0n | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function FieldErrorMessage({ children, id, className, withErrorIcon, ...props }: FieldErrorMessageProps): false | "" | 0 | 0n | import("react").JSX.Element | null | undefined;
 export {};

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

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

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  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;"}
+{"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\n/** @internal */\nexport interface CheckboxFieldProps\n  extends Omit<CheckboxProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps<boolean> {\n  FieldComponent?: ComponentType<CheckboxProps>\n}\n\n/** @internal */\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":";;;AAYO,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/CheckboxField/index.d.ts

@@ -1,2 +1,2 @@
 import "./types/i18next.d.ts"
-export { CheckboxField, type CheckboxFieldProps } from './CheckboxField';
+export { CheckboxField } from './CheckboxField';

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

@@ -2,9 +2,11 @@ import { UseFieldProps } from '../hooks/useField';
 import { CheckboxGroupProps, CheckboxGroupOption } from '../../UI/CheckboxGroup/CheckboxGroupTypes';
 import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
 type GenericCheckboxGroupOption<TValue> = OptionWithGenericValue<TValue, CheckboxGroupOption>;
+/** @internal */
 export interface CheckboxGroupFieldProps<TValue> extends Omit<CheckboxGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid'>, UseFieldProps<TValue[]> {
     options: GenericCheckboxGroupOption<TValue>[];
     convertValueToString?: (value: TValue) => string;
 }
-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;
+/** @internal */
+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.Element;
 export {};

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  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;"}
+{"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\n/** @internal */\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\n/** @internal */\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":";;;;AAqBO,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/CheckboxGroupField/index.d.ts

@@ -1,2 +1,2 @@
 import "./types/i18next.d.ts"
-export { CheckboxGroupField, type CheckboxGroupFieldProps } from './CheckboxGroupField';
+export { CheckboxGroupField } from './CheckboxGroupField';

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

@@ -2,10 +2,12 @@ import { UseFieldProps } from '../hooks/useField';
 import { ComboBoxProps, ComboBoxOption } from '../../UI/ComboBox/ComboBoxTypes';
 import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
 type GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>;
+/** @internal */
 export interface ComboBoxFieldProps<TValue> extends Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid' | 'allowsCustomValue'>, UseFieldProps<TValue> {
     options: GenericComboBoxOption<TValue>[];
     convertValueToString?: (value: TValue) => string;
     allowsCustomValue?: TValue extends string ? boolean : never;
 }
-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;
+/** @internal */
+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.Element;
 export {};

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  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;"}
+{"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\n/** @internal */\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\n/** @internal */\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":";;;;AAwBO,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;"}