@gusto/embedded-react-sdk 0.41.0 → 0.43.0

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # Changelog
 
+## 0.43.0
+
+### Features & Enhancements
+
+- Add `portalContainer` prop to `GustoProvider` for overlay positioning control
+- Add contractor self-onboarding prototype
+- Wire `SelectEmployees` into `TimeOffFlow` and add E2E tests
+- Add `SelectEmployees` container for holiday pay policies (SDK-567)
+- Add `SelectEmployees` container for time-off/sick policies (SDK-565)
+- Wire `PolicySettings` into `TimeOff` state machine (SDK-579)
+- Add `SelectEmployees` presentational component (SDK-563)
+
+### Fixes
+
+- Remove duplicate `SelectEmployees` container story
+- Show full state names in state selects (I-9 preparer and home address)
+- Improve contractor form layout and typography consistency
+- Remove italic styling and normalize text size in company address list
+- Remove default garnishment selection in deductions form
+- Add `isWithinBox` support to `DataCards`
+- Respect set-only contract for mailing/filing address flags (SDK-169)
+
+### Chores & Maintenance
+
+- Bump various dependencies (pixelmatch, eslint-plugin-storybook, @storybook/react-vite, msw, axe-core)
+- Add empty sidebar categories for upcoming design prototypes
+
+## 0.42.0
+
+### Features & Enhancements
+
+- Add employee home address management and dashboard integration
+- Add employee work address management (SDK-640)
+- Extend TextInput with HTML input constraints and add EmployeeTable search
+- Add contractor management prototype with review, onboarding, and profile flows
+
+### Fixes
+
+- Contractor profile UX fixes, settings panel wiring, and skeleton loading state
+- Validate integer percentages in payment method split (SDK-464)
+- Add empty state to RecoveryCasesList (SDK-426)
+- Normalize locale-format dateOfBirth defaultValues to ISO before form validation
+- Use hook Fields in PayScheduleForm instead of raw Common field components
+
+### Chores & Maintenance
+
+- Consolidate Flow header chrome into a single discriminated `header` config (replaces internal `progressBarType`, `progressBarCta`, `currentBreadcrumbId` fields)
+- Integrate useSignEmployeeForm hook into Employee DocumentSigner
+- Remove Common/SignatureForm shared components
+- Remove stale Hooks namespace from SDK Dev App
+- Fix TimeOff storybook story titles to use Domain/ prefix
+- Bump various dependencies (typescript-eslint, react-i18next, react-hook-form, i18next, msw, @commitlint/cli, postcss)
+
 ## 0.41.0
 
 ### Features & Enhancements

package/dist/assets/icons/house.svg.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+const n = ({
+  title: t,
+  titleId: o,
+  ...r
+}) => /* @__PURE__ */ e.createElement("svg", { width: 22, height: 20, viewBox: "0 0 22 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": o, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: o }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M6.5 9H3.6C3.03995 9 2.75992 9 2.54601 9.10899C2.35785 9.20487 2.20487 9.35785 2.10899 9.54601C2 9.75992 2 10.0399 2 10.6V19M15.5 9H18.4C18.9601 9 19.2401 9 19.454 9.10899C19.6422 9.20487 19.7951 9.35785 19.891 9.54601C20 9.75992 20 10.0399 20 10.6V19M15.5 19V4.2C15.5 3.0799 15.5 2.51984 15.282 2.09202C15.0903 1.71569 14.7843 1.40973 14.408 1.21799C13.9802 1 13.4201 1 12.3 1H9.7C8.57989 1 8.01984 1 7.59202 1.21799C7.21569 1.40973 6.90973 1.71569 6.71799 2.09202C6.5 2.51984 6.5 3.0799 6.5 4.2V19M21 19H1M10 5H12M10 9H12M10 13H12", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  n as default
+};
+//# sourceMappingURL=house.svg.js.map

package/dist/assets/icons/house.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"house.svg.js","sources":["../../../src/assets/icons/house.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgHouse = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 22, height: 20, viewBox: \"0 0 22 20\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.5 9H3.6C3.03995 9 2.75992 9 2.54601 9.10899C2.35785 9.20487 2.20487 9.35785 2.10899 9.54601C2 9.75992 2 10.0399 2 10.6V19M15.5 9H18.4C18.9601 9 19.2401 9 19.454 9.10899C19.6422 9.20487 19.7951 9.35785 19.891 9.54601C20 9.75992 20 10.0399 20 10.6V19M15.5 19V4.2C15.5 3.0799 15.5 2.51984 15.282 2.09202C15.0903 1.71569 14.7843 1.40973 14.408 1.21799C13.9802 1 13.4201 1 12.3 1H9.7C8.57989 1 8.01984 1 7.59202 1.21799C7.21569 1.40973 6.90973 1.71569 6.71799 2.09202C6.5 2.51984 6.5 3.0799 6.5 4.2V19M21 19H1M10 5H12M10 9H12M10 13H12\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgHouse;\n"],"names":["SvgHouse","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAW,CAAC;AAAA,EAChB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,KAAWD,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,whBAAwhB,QAAQ,gBAAgB,aAAa,GAAG,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

package/dist/assets/icons/search-lg.svg.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+const n = ({
+  title: t,
+  titleId: r,
+  ...o
+}) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": r, ...o }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M17.5 17.5L14.5834 14.5833M16.6667 9.58333C16.6667 13.4954 13.4954 16.6667 9.58333 16.6667C5.67132 16.6667 2.5 13.4954 2.5 9.58333C2.5 5.67132 5.67132 2.5 9.58333 2.5C13.4954 2.5 16.6667 5.67132 16.6667 9.58333Z", stroke: "currentColor", strokeWidth: 1.66667, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  n as default
+};
+//# sourceMappingURL=search-lg.svg.js.map

package/dist/assets/icons/search-lg.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-lg.svg.js","sources":["../../../src/assets/icons/search-lg.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgSearchLg = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 20, height: 20, viewBox: \"0 0 20 20\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.5 17.5L14.5834 14.5833M16.6667 9.58333C16.6667 13.4954 13.4954 16.6667 9.58333 16.6667C5.67132 16.6667 2.5 13.4954 2.5 9.58333C2.5 5.67132 5.67132 2.5 9.58333 2.5C13.4954 2.5 16.6667 5.67132 16.6667 9.58333Z\", stroke: \"currentColor\", strokeWidth: 1.66667, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgSearchLg;\n"],"names":["SvgSearchLg","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAc,CAAC;AAAA,EACnB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,KAAWD,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,uNAAuN,QAAQ,gBAAgB,aAAa,SAAS,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

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

@@ -1,4 +1,5 @@
 import { useDataViewPropReturn, SelectionMode } from '../useDataView';
+import { TableProps } from '../../UI/Table/TableTypes';
 export type DataCardsProps<T> = {
     label: string;
     columns: useDataViewPropReturn<T>['columns'];
@@ -10,5 +11,6 @@ export type DataCardsProps<T> = {
     emptyState?: useDataViewPropReturn<T>['emptyState'];
     footer?: useDataViewPropReturn<T>['footer'];
     selectionMode?: SelectionMode;
+    isWithinBox?: TableProps['isWithinBox'];
 };
-export declare const DataCards: <T>({ label, data, columns, itemMenu, onSelect, onSelectAll, getIsItemSelected, emptyState, footer, selectionMode, }: DataCardsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataCards: <T>({ label, data, columns, itemMenu, onSelect, onSelectAll, getIsItemSelected, emptyState, footer, selectionMode, isWithinBox, }: DataCardsProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,73 +1,83 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useId as w } from "react";
-import { useTranslation as D } from "react-i18next";
-import s from "./DataCards.module.scss.js";
-import { useSelectionState as T } from "../useSelectionState.js";
-import { Flex as b } from "../../Flex/Flex.js";
-import { useComponentContext as j } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const O = ({
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useId as D } from "react";
+import T from "classnames";
+import { useTranslation as j } from "react-i18next";
+import a from "./DataCards.module.scss.js";
+import { useSelectionState as A } from "../useSelectionState.js";
+import { Flex as N } from "../../Flex/Flex.js";
+import { useComponentContext as H } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const E = ({
   label: x,
-  data: o,
+  data: s,
   columns: h,
-  itemMenu: u,
+  itemMenu: p,
   onSelect: c,
   onSelectAll: g,
-  getIsItemSelected: d,
-  emptyState: p,
-  footer: f,
-  selectionMode: v = "multiple"
+  getIsItemSelected: m,
+  emptyState: f,
+  footer: v,
+  selectionMode: C = "multiple",
+  isWithinBox: d
 }) => {
-  const i = j(), { t: m } = D("common"), N = w(), { allSelected: L } = T(o, d), R = (l, n) => {
+  const o = H(), { t: u } = j("common"), w = D(), { allSelected: L } = A(s, m), R = (l, n) => {
     if (!c) return;
-    const r = d?.(l) ?? !1;
-    return v === "single" ? /* @__PURE__ */ e(
-      i.Radio,
+    const r = m?.(l) ?? !1;
+    return C === "single" ? /* @__PURE__ */ e(
+      o.Radio,
       {
-        name: N,
+        name: w,
         value: r,
         onChange: () => {
           c(l, !0);
         },
-        label: m("card.selectRowLabel"),
+        label: u("card.selectRowLabel"),
         shouldVisuallyHideLabel: !0
       }
     ) : /* @__PURE__ */ e(
-      i.Checkbox,
+      o.Checkbox,
       {
         value: r,
-        onChange: (t) => {
-          c(l, t);
+        onChange: (i) => {
+          c(l, i);
         },
-        label: m("card.selectRowLabel"),
+        label: u("card.selectRowLabel"),
         shouldVisuallyHideLabel: !0
       }
     );
   };
-  return /* @__PURE__ */ a("div", { "data-testid": "data-cards", children: [
-    c && d && v === "multiple" && o.length > 0 && /* @__PURE__ */ e("div", { className: s.selectAllRow, children: /* @__PURE__ */ e(
-      i.Checkbox,
+  return /* @__PURE__ */ t("div", { className: T(a.root, d && a.withinBox), "data-testid": "data-cards", children: [
+    c && m && C === "multiple" && s.length > 0 && /* @__PURE__ */ e("div", { className: a.selectAllRow, children: /* @__PURE__ */ e(
+      o.Checkbox,
       {
         value: L,
-        onChange: (l) => g?.(l, o),
-        label: m("card.selectAllRowsLabel")
+        onChange: (l) => g?.(l, s),
+        label: u("card.selectAllRowsLabel")
       }
     ) }),
-    /* @__PURE__ */ a("div", { role: "list", "aria-label": x, children: [
-      o.length === 0 && p && /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(i.Card, { children: p() }) }),
-      o.map((l, n) => /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(i.Card, { menu: u && u(l), action: R(l), children: h.map((r, t) => /* @__PURE__ */ a(b, { flexDirection: "column", gap: 0, children: [
-        r.title && /* @__PURE__ */ e("h5", { className: s.columnTitle, children: r.title }),
-        /* @__PURE__ */ a("div", { className: s.columnData, children: [
-          " ",
-          r.render ? r.render(l) : String(l[r.key])
-        ] })
-      ] }, t)) }) }, n)),
-      f && /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(i.Card, { children: (() => {
-        const l = f();
+    /* @__PURE__ */ t("div", { role: "list", "aria-label": x, children: [
+      s.length === 0 && f && /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(o.Card, { className: d ? a.flushCard : void 0, children: f() }) }),
+      s.map((l, n) => /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(
+        o.Card,
+        {
+          menu: p && p(l),
+          action: R(l),
+          className: d ? a.flushCard : void 0,
+          children: h.map((r, i) => /* @__PURE__ */ t(N, { flexDirection: "column", gap: 0, children: [
+            r.title && /* @__PURE__ */ e("h5", { className: a.columnTitle, children: r.title }),
+            /* @__PURE__ */ t("div", { className: a.columnData, children: [
+              " ",
+              r.render ? r.render(l) : String(l[r.key])
+            ] })
+          ] }, i))
+        }
+      ) }, n)),
+      v && /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(o.Card, { className: d ? a.flushCard : void 0, children: (() => {
+        const l = v();
         return Object.entries(l).map(([n, r]) => {
-          const t = n.startsWith("column-") ? parseInt(n.replace("column-", ""), 10) : -1, C = t >= 0 ? h[t]?.title : void 0;
-          return /* @__PURE__ */ a(b, { flexDirection: "column", gap: 0, children: [
-            C && /* @__PURE__ */ e("h5", { className: s.columnTitle, children: C }),
-            /* @__PURE__ */ e("div", { className: s.footerItem, children: r })
+          const i = n.startsWith("column-") ? parseInt(n.replace("column-", ""), 10) : -1, b = i >= 0 ? h[i]?.title : void 0;
+          return /* @__PURE__ */ t(N, { flexDirection: "column", gap: 0, children: [
+            b && /* @__PURE__ */ e("h5", { className: a.columnTitle, children: b }),
+            /* @__PURE__ */ e("div", { className: a.footerItem, children: r })
           ] }, n);
         });
       })() }) })
@@ -75,6 +85,6 @@ const O = ({
   ] });
 };
 export {
-  O as DataCards
+  E as DataCards
 };
 //# sourceMappingURL=DataCards.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataCards.js","sources":["../../../../../src/components/Common/DataView/DataCards/DataCards.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport styles from './DataCards.module.scss'\nimport type { useDataViewPropReturn, SelectionMode } from '@/components/Common/DataView/useDataView'\nimport { useSelectionState } from '@/components/Common/DataView/useSelectionState'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type DataCardsProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: (item: T, checked: boolean) => void\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  getIsItemSelected?: (item: T) => boolean\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  selectionMode?: SelectionMode\n}\n\nexport const DataCards = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  emptyState,\n  footer,\n  selectionMode = 'multiple',\n}: DataCardsProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const radioGroupName = useId()\n  const { allSelected } = useSelectionState(data, getIsItemSelected)\n\n  const renderAction = (item: T, index: number) => {\n    if (!onSelect) return undefined\n\n    const isSelected = getIsItemSelected?.(item) ?? false\n\n    if (selectionMode === 'single') {\n      return (\n        <Components.Radio\n          name={radioGroupName}\n          value={isSelected}\n          onChange={() => {\n            onSelect(item, true)\n          }}\n          label={t('card.selectRowLabel')}\n          shouldVisuallyHideLabel\n        />\n      )\n    }\n\n    return (\n      <Components.Checkbox\n        value={isSelected}\n        onChange={(checked: boolean) => {\n          onSelect(item, checked)\n        }}\n        label={t('card.selectRowLabel')}\n        shouldVisuallyHideLabel\n      />\n    )\n  }\n\n  return (\n    <div data-testid=\"data-cards\">\n      {onSelect && getIsItemSelected && selectionMode === 'multiple' && data.length > 0 && (\n        <div className={styles.selectAllRow}>\n          <Components.Checkbox\n            value={allSelected}\n            onChange={(checked: boolean) => onSelectAll?.(checked, data)}\n            label={t('card.selectAllRowsLabel')}\n          />\n        </div>\n      )}\n      <div role=\"list\" aria-label={label}>\n        {data.length === 0 && emptyState && (\n          <div role=\"listitem\">\n            <Components.Card>{emptyState()}</Components.Card>\n          </div>\n        )}\n        {data.map((item, index) => (\n          <div role=\"listitem\" key={index}>\n            <Components.Card menu={itemMenu && itemMenu(item)} action={renderAction(item, index)}>\n              {columns.map((column, colIndex) => (\n                <Flex key={colIndex} flexDirection=\"column\" gap={0}>\n                  {column.title && <h5 className={styles.columnTitle}>{column.title}</h5>}\n                  <div className={styles.columnData}>\n                    {' '}\n                    {column.render ? column.render(item) : String(item[column.key as keyof T])}\n                  </div>\n                </Flex>\n              ))}\n            </Components.Card>\n          </div>\n        ))}\n        {footer && (\n          <div role=\"listitem\">\n            <Components.Card>\n              {(() => {\n                const footerContent = footer()\n\n                return Object.entries(footerContent).map(([key, content]) => {\n                  const columnIndex = key.startsWith('column-')\n                    ? parseInt(key.replace('column-', ''), 10)\n                    : -1\n                  const columnTitle = columnIndex >= 0 ? columns[columnIndex]?.title : undefined\n\n                  return (\n                    <Flex key={key} flexDirection=\"column\" gap={0}>\n                      {columnTitle && <h5 className={styles.columnTitle}>{columnTitle}</h5>}\n                      <div className={styles.footerItem}>{content}</div>\n                    </Flex>\n                  )\n                })\n              })()}\n            </Components.Card>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["DataCards","label","data","columns","itemMenu","onSelect","onSelectAll","getIsItemSelected","emptyState","footer","selectionMode","Components","useComponentContext","t","useTranslation","radioGroupName","useId","allSelected","useSelectionState","renderAction","item","index","isSelected","jsx","checked","jsxs","styles","column","colIndex","Flex","footerContent","key","content","columnIndex","columnTitle"],"mappings":"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"}
+{"version":3,"file":"DataCards.js","sources":["../../../../../src/components/Common/DataView/DataCards/DataCards.tsx"],"sourcesContent":["import { useId } from 'react'\nimport cn from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport styles from './DataCards.module.scss'\nimport type { useDataViewPropReturn, SelectionMode } from '@/components/Common/DataView/useDataView'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport { useSelectionState } from '@/components/Common/DataView/useSelectionState'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type DataCardsProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: (item: T, checked: boolean) => void\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  getIsItemSelected?: (item: T) => boolean\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  selectionMode?: SelectionMode\n  isWithinBox?: TableProps['isWithinBox']\n}\n\nexport const DataCards = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  emptyState,\n  footer,\n  selectionMode = 'multiple',\n  isWithinBox,\n}: DataCardsProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const radioGroupName = useId()\n  const { allSelected } = useSelectionState(data, getIsItemSelected)\n\n  const renderAction = (item: T, index: number) => {\n    if (!onSelect) return undefined\n\n    const isSelected = getIsItemSelected?.(item) ?? false\n\n    if (selectionMode === 'single') {\n      return (\n        <Components.Radio\n          name={radioGroupName}\n          value={isSelected}\n          onChange={() => {\n            onSelect(item, true)\n          }}\n          label={t('card.selectRowLabel')}\n          shouldVisuallyHideLabel\n        />\n      )\n    }\n\n    return (\n      <Components.Checkbox\n        value={isSelected}\n        onChange={(checked: boolean) => {\n          onSelect(item, checked)\n        }}\n        label={t('card.selectRowLabel')}\n        shouldVisuallyHideLabel\n      />\n    )\n  }\n\n  return (\n    <div className={cn(styles.root, isWithinBox && styles.withinBox)} data-testid=\"data-cards\">\n      {onSelect && getIsItemSelected && selectionMode === 'multiple' && data.length > 0 && (\n        <div className={styles.selectAllRow}>\n          <Components.Checkbox\n            value={allSelected}\n            onChange={(checked: boolean) => onSelectAll?.(checked, data)}\n            label={t('card.selectAllRowsLabel')}\n          />\n        </div>\n      )}\n      <div role=\"list\" aria-label={label}>\n        {data.length === 0 && emptyState && (\n          <div role=\"listitem\">\n            <Components.Card className={isWithinBox ? styles.flushCard : undefined}>\n              {emptyState()}\n            </Components.Card>\n          </div>\n        )}\n        {data.map((item, index) => (\n          <div role=\"listitem\" key={index}>\n            <Components.Card\n              menu={itemMenu && itemMenu(item)}\n              action={renderAction(item, index)}\n              className={isWithinBox ? styles.flushCard : undefined}\n            >\n              {columns.map((column, colIndex) => (\n                <Flex key={colIndex} flexDirection=\"column\" gap={0}>\n                  {column.title && <h5 className={styles.columnTitle}>{column.title}</h5>}\n                  <div className={styles.columnData}>\n                    {' '}\n                    {column.render ? column.render(item) : String(item[column.key as keyof T])}\n                  </div>\n                </Flex>\n              ))}\n            </Components.Card>\n          </div>\n        ))}\n        {footer && (\n          <div role=\"listitem\">\n            <Components.Card className={isWithinBox ? styles.flushCard : undefined}>\n              {(() => {\n                const footerContent = footer()\n\n                return Object.entries(footerContent).map(([key, content]) => {\n                  const columnIndex = key.startsWith('column-')\n                    ? parseInt(key.replace('column-', ''), 10)\n                    : -1\n                  const columnTitle = columnIndex >= 0 ? columns[columnIndex]?.title : undefined\n\n                  return (\n                    <Flex key={key} flexDirection=\"column\" gap={0}>\n                      {columnTitle && <h5 className={styles.columnTitle}>{columnTitle}</h5>}\n                      <div className={styles.footerItem}>{content}</div>\n                    </Flex>\n                  )\n                })\n              })()}\n            </Components.Card>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["DataCards","label","data","columns","itemMenu","onSelect","onSelectAll","getIsItemSelected","emptyState","footer","selectionMode","isWithinBox","Components","useComponentContext","t","useTranslation","radioGroupName","useId","allSelected","useSelectionState","renderAction","item","index","isSelected","jsx","checked","jsxs","cn","styles","column","colIndex","Flex","footerContent","key","content","columnIndex","columnTitle"],"mappings":"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"}

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

@@ -1,14 +1,20 @@
-const t = "_selectAllRow_17nzu_1", o = "_columnTitle_17nzu_5", l = "_columnData_17nzu_12", e = "_footerItem_17nzu_17", n = {
-  selectAllRow: t,
-  columnTitle: o,
-  columnData: l,
-  footerItem: e
+const o = "_root_102z1_1", t = "_withinBox_102z1_1", l = "_selectAllRow_102z1_1", _ = "_flushCard_102z1_4", e = "_columnTitle_102z1_19", c = "_columnData_102z1_26", n = "_footerItem_102z1_31", s = {
+  root: o,
+  withinBox: t,
+  selectAllRow: l,
+  flushCard: _,
+  columnTitle: e,
+  columnData: c,
+  footerItem: n
 };
 export {
-  l as columnData,
-  o as columnTitle,
-  n as default,
-  e as footerItem,
-  t as selectAllRow
+  c as columnData,
+  e as columnTitle,
+  s as default,
+  _ as flushCard,
+  n as footerItem,
+  o as root,
+  l as selectAllRow,
+  t as withinBox
 };
 //# sourceMappingURL=DataCards.module.scss.js.map

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

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

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

@@ -53,7 +53,7 @@ const k = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric"
     /* @__PURE__ */ e(
       q,
       {
-        UNSTABLE_portalContainer: P.current,
+        UNSTABLE_portalContainer: P.current ?? void 0,
         isOpen: C,
         onOpenChange: (i) => {
           i || y();

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

@@ -1 +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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"}
+{"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 ?? undefined}\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/EmptyData/EmptyData.d.ts

@@ -2,6 +2,9 @@ type EmptyDataProps = {
     title?: string;
     description?: string;
     children?: React.ReactNode;
+    /**
+     * When set, replaces the default search (magnifying glass) illustration.
+     */
     icon?: React.ReactNode;
 };
 export declare function EmptyData({ title, description, children, icon }: EmptyDataProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,18 +1,18 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
 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 })
+import p from "../../../assets/icons/magnifyingGlass.png.js";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function N({ title: a, description: s, children: m, icon: n }) {
+  const { t: r } = l(), { Text: i } = d();
+  return /* @__PURE__ */ t("div", { className: e.emptyData, "data-testid": "emptydata", children: /* @__PURE__ */ o(c, { flexDirection: "column", alignItems: "center", children: [
+    n ? /* @__PURE__ */ t("span", { className: e.iconSlot, children: n }) : /* @__PURE__ */ t("img", { src: p, alt: r("icons.magnifyingGlass"), className: e.image }),
+    /* @__PURE__ */ o("div", { className: e.textContent, children: [
+      a && /* @__PURE__ */ t(i, { weight: "bold", className: e.title, children: a }),
+      s && /* @__PURE__ */ t(i, { children: s })
     ] }),
-    s && s
+    m && m
   ] }) });
 }
 export {

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  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;"}
+{"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  /**\n   * When set, replaces the default search (magnifying glass) illustration.\n   */\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          <span className={styles.iconSlot}>{icon}</span>\n        ) : (\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":";;;;;;AAeO,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,sBACE,QAAA,EAAK,WAAWM,EAAO,UAAW,aAAK,IAExC,gBAAAD,EAAC,OAAA,EAAI,KAAKI,GAAiB,KAAKR,EAAE,uBAAuB,GAAG,WAAWK,EAAO,OAAO;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,14 +1,16 @@
-const t = "_emptyData_1hexi_1", e = "_textContent_1hexi_11", _ = "_title_1hexi_15", a = "_image_1hexi_21", n = {
+const t = "_emptyData_l8c1m_1", e = "_textContent_l8c1m_11", o = "_title_l8c1m_15", n = "_image_l8c1m_21", _ = "_iconSlot_l8c1m_26", c = {
   emptyData: t,
   textContent: e,
-  title: _,
-  image: a
+  title: o,
+  image: n,
+  iconSlot: _
 };
 export {
-  n as default,
+  c as default,
   t as emptyData,
-  a as image,
+  _ as iconSlot,
+  n as image,
   e as textContent,
-  _ as title
+  o 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/UI/Box/Box.module.scss.js

@@ -1,15 +1,15 @@
-const t = "_root_af76v_1", o = "_header_af76v_11", e = "_content_af76v_16", n = "_contentFlush_af76v_21", _ = "_footer_af76v_26", c = {
+const t = "_root_16abs_1", o = "_header_16abs_12", e = "_content_16abs_17", n = "_contentFlush_16abs_22", s = "_footer_16abs_27", _ = {
   root: t,
   header: o,
   content: e,
   contentFlush: n,
-  footer: _
+  footer: s
 };
 export {
   e as content,
   n as contentFlush,
-  c as default,
-  _ as footer,
+  _ as default,
+  s as footer,
   o as header,
   t as root
 };

package/dist/components/Common/UI/ComboBox/ComboBox.d.ts

@@ -1,2 +1,2 @@
 import { ComboBoxProps } from './ComboBoxTypes';
-export declare const ComboBox: ({ allowsCustomValue, className, description, errorMessage, id, isDisabled, isInvalid, isRequired, label, onChange, onBlur, options, placeholder, value, inputRef, shouldVisuallyHideLabel, name, ...props }: ComboBoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboBox: ({ allowsCustomValue, className, description, errorMessage, id, isDisabled, isInvalid, isRequired, label, onChange, onBlur, options, placeholder, value, inputRef, shouldVisuallyHideLabel, name, portalContainer, ...props }: ComboBoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/UI/ComboBox/ComboBox.js

@@ -1,16 +1,16 @@
 import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { ComboBox as j, Input as w, Button as z, Popover as D, Virtualizer as E, ListLayout as P, ListBox as H, ListBoxItem as K } from "react-aria-components";
-import { useTranslation as M } from "react-i18next";
-import { useMemo as U } from "react";
+import { ComboBox as w, Input as z, Button as D, Popover as E, Virtualizer as P, ListLayout as H, ListBox as K, ListBoxItem as M } from "react-aria-components";
+import { useTranslation as U } from "react-i18next";
+import { useMemo as V } from "react";
 import u from "classnames";
-import { useFieldIds as V } from "../hooks/useFieldIds.js";
+import { useFieldIds as _ } from "../hooks/useFieldIds.js";
 import t from "./ComboBox.module.scss.js";
-import { FieldLayout as _ } from "../../FieldLayout/FieldLayout.js";
-import { useTheme as $ } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { FieldLayout as $ } from "../../FieldLayout/FieldLayout.js";
+import { useTheme as q } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-import q from "../../../../assets/icons/alert-circle.svg.js";
-import G from "../../../../assets/icons/caret-down.svg.js";
-const tr = ({
+import G from "../../../../assets/icons/alert-circle.svg.js";
+import J from "../../../../assets/icons/caret-down.svg.js";
+const ir = ({
   allowsCustomValue: i,
   className: f,
   description: m,
@@ -28,31 +28,32 @@ const tr = ({
   inputRef: g,
   shouldVisuallyHideLabel: C,
   name: y,
-  ...L
+  portalContainer: L,
+  ...N
 }) => {
-  const { t: N } = M(), { inputId: d, errorMessageId: S, descriptionId: v, ariaDescribedBy: T } = V({
+  const { t: S } = U(), { inputId: d, errorMessageId: v, descriptionId: T, ariaDescribedBy: A } = _({
     inputId: h,
     errorMessage: a,
     description: m
-  }), { container: A } = $(), F = U(() => l.map((r) => ({ name: r.label, id: r.value })), [l]);
+  }), { container: F } = q(), j = V(() => l.map((r) => ({ name: r.label, id: r.value })), [l]);
   return /* @__PURE__ */ o(
-    _,
+    $,
     {
       label: s,
       htmlFor: d,
       errorMessage: a,
-      errorMessageId: S,
-      descriptionId: v,
+      errorMessageId: v,
+      descriptionId: T,
       isRequired: B,
       description: m,
       shouldVisuallyHideLabel: C,
       className: u(t.root, f),
       withErrorIcon: !1,
       children: /* @__PURE__ */ p(
-        j,
+        w,
         {
           "aria-label": s,
-          "aria-describedby": T,
+          "aria-describedby": A,
           className: "react-aria-ComboBox-root",
           isDisabled: x,
           isInvalid: n,
@@ -70,18 +71,18 @@ const tr = ({
           id: d,
           name: y,
           children: [
-            /* @__PURE__ */ o(w, { ref: g, placeholder: I, onBlur: b, ...L }),
-            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ p("div", { "aria-hidden": "true", className: t.icons, children: [
-              n && /* @__PURE__ */ o(q, { fontSize: 16 }),
-              /* @__PURE__ */ o(G, { title: N("icons.selectArrow") })
+            /* @__PURE__ */ o(z, { ref: g, placeholder: I, onBlur: b, ...N }),
+            /* @__PURE__ */ o(D, { children: /* @__PURE__ */ p("div", { "aria-hidden": "true", className: t.icons, children: [
+              n && /* @__PURE__ */ o(G, { fontSize: 16 }),
+              /* @__PURE__ */ o(J, { title: S("icons.selectArrow") })
             ] }) }),
             /* @__PURE__ */ o(
-              D,
+              E,
               {
                 className: u(t.popover, "react-aria-Popover"),
-                UNSTABLE_portalContainer: A.current,
+                UNSTABLE_portalContainer: L ?? F.current ?? void 0,
                 maxHeight: 320,
-                children: /* @__PURE__ */ o(E, { layout: P, children: /* @__PURE__ */ o(H, { items: F, children: (r) => /* @__PURE__ */ o(K, { children: r.name }, r.id) }) })
+                children: /* @__PURE__ */ o(P, { layout: H, children: /* @__PURE__ */ o(K, { items: j, children: (r) => /* @__PURE__ */ o(M, { children: r.name }, r.id) }) })
               }
             )
           ]
@@ -91,6 +92,6 @@ const tr = ({
   );
 };
 export {
-  tr as ComboBox
+  ir as ComboBox
 };
 //# sourceMappingURL=ComboBox.js.map