@hortiview/shared-components 0.0.9183 → 0.0.9233

package/dist/components/ChipCard/ChipCard.js

@@ -1,20 +1,22 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Card as e, Chips as n } from "@element/react-components";
-import { OverflowTooltip as a } from "../OverflowTooltip/OverflowTooltip.js";
-import { s as m } from "../../chipCard.module-BjpKuf1b.js";
-const h = ({ label: r, icon: i, className: o = "" }) => /* @__PURE__ */ t(
+import { jsx as r } from "react/jsx-runtime";
+import { Card as e, Chips as a } from "@element/react-components";
+import { OverflowTooltip as d } from "../OverflowTooltip/OverflowTooltip.js";
+import { s as n } from "../../chipCard.module-BjpKuf1b.js";
+const h = ({ label: t, icon: i, className: o = "" }) => /* @__PURE__ */ r(
   e,
   {
+    "data-testid": "chip-card",
     variant: "flat",
     bodyAlignment: "centered",
     themeColor: "primary-50",
-    className: `${m.entityContainer} ${o}`,
-    children: /* @__PURE__ */ t(a, { id: `chip_card_${r}`, text: r, children: /* @__PURE__ */ t(
-      n,
+    className: `${n.entityContainer} ${o}`,
+    children: /* @__PURE__ */ r(d, { id: `chip_card_${t}`, text: t, children: /* @__PURE__ */ r(
+      a,
       {
+        "data-testid": `${t}-chip`,
         chips: [
           {
-            label: r,
+            label: t,
             leadingIcon: i
           }
         ],

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,56 +1,56 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { Menu as u, IconButton as f, List as d, ListItem as p } from "@element/react-components";
-import { useState as C, useCallback as r, useEffect as k } from "react";
-import { uniqueId as y } from "lodash";
-import { s } from "../../contextMenu.module-vNQHb48g.js";
-const M = ({
-  triggerOpen: l = null,
+import { useState as y, useCallback as r, useEffect as C } from "react";
+import { uniqueId as k } from "lodash";
+import { s as i } from "../../contextMenu.module-vNQHb48g.js";
+const T = ({
+  triggerOpen: n = null,
   actions: a,
-  iconOrientation: c = "vertical"
+  iconOrientation: m = "vertical"
 }) => {
-  const [e, t] = C(!1), m = r(() => {
-    t(!e);
-  }, [e]), i = r(() => {
-    t(!1);
+  const [t, o] = y(!1), c = r(() => {
+    o(!t);
+  }, [t]), s = r(() => {
+    o(!1);
   }, []);
-  return k(() => {
-    t(l !== null ? l : !1);
-  }, [l]), /* @__PURE__ */ n(
+  return C(() => {
+    o(n !== null ? n : !1);
+  }, [n]), /* @__PURE__ */ l(
     u,
     {
-      className: s.menu,
-      "data-testid": "selectionmenu",
-      open: e,
+      className: i.menu,
+      "data-testid": "selection-menu",
+      open: t,
       surfaceOnly: !0,
       hoistToBody: !0,
-      onClose: i,
-      trigger: /* @__PURE__ */ n(
+      onClose: s,
+      trigger: /* @__PURE__ */ l(
         f,
         {
-          className: s.icon,
-          variant: e ? "filled-primary" : void 0,
-          "data-testid": "openButton",
-          icon: c === "vertical" ? "more_vert" : "more_horiz",
-          onClick: m
+          className: i.icon,
+          variant: t ? "filled-primary" : void 0,
+          "data-testid": "open-button",
+          icon: m === "vertical" ? "more_vert" : "more_horiz",
+          onClick: c
         }
       ),
-      children: /* @__PURE__ */ n(d, { children: a.map((o) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ l(d, { children: a.map((e) => /* @__PURE__ */ l(
         p,
         {
-          className: s.listItem,
-          ...o,
+          className: i.listItem,
+          ...e,
           leadingBlockType: "icon",
-          "data-testid": "listItemButton",
+          "data-testid": `list-item-button-${e.primaryText}`,
           onClick: () => {
-            o?.onClick?.(), o.closeOnClick !== !1 && i();
+            e?.onClick?.(), e.closeOnClick !== !1 && s();
           }
         },
-        y(`LI_${o.primaryText?.toString()}_`)
+        k(`LI_${e.primaryText?.toString()}_`)
       )) })
     },
     "selectionmenu"
   );
 };
 export {
-  M as ContextMenu
+  T as ContextMenu
 };

package/dist/components/ContextMenu/ContextMenu.test.js

@@ -1,22 +1,22 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a as d, s as n, f as o, w as a } from "../../react.esm-Dy4VzU4L.js";
-import { ContextMenu as u } from "./ContextMenu.js";
-import { v as m, d as g, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
-const T = m.fn(), l = m.fn(), i = m.fn(), p = [
-  { primaryText: "Open", onClick: T, leadingBlock: "add" },
+import { a as B, s as t, f as o, w as s } from "../../react.esm-Dy4VzU4L.js";
+import { ContextMenu as p } from "./ContextMenu.js";
+import { v as l, d as k, t as T, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
+const C = l.fn(), a = l.fn(), i = l.fn(), g = [
+  { primaryText: "Open", onClick: C, leadingBlock: "add" },
   { primaryText: "Delete", onClick: i, leadingBlock: "delete_outline" },
-  { primaryText: "Edit", onClick: l, leadingBlock: "edit" }
+  { primaryText: "Edit", onClick: a, leadingBlock: "edit" }
 ];
-g("ContextMenu Test", () => {
-  B("render contextMenu and close it", () => {
-    d(/* @__PURE__ */ r(u, { actions: p }));
-    const c = n.getByTestId("openButton"), t = n.getByTestId("selectionmenu");
-    e(t).toBeInTheDocument(), e(t).not.toHaveClass("mdc-menu-surface--open"), o.click(c), a(() => e(t).toHaveClass("mdc-menu-surface--open")), o.click(c), a(() => e(t).not.toHaveClass("mdc-menu-surface--open"));
-  }), B("render ContextMenu and open it", async () => {
-    d(/* @__PURE__ */ r(u, { actions: p, triggerOpen: !0 }));
-    const c = n.getByTestId("openButton"), t = n.getByTestId("selectionmenu");
-    e(t).toBeInTheDocument(), e(t).not.toHaveClass("mdc-menu-surface--open"), o.click(c), a(() => e(t).toHaveClass("mdc-menu-surface--open"));
-    const s = n.getAllByTestId("listItemButton");
-    e(s.length).toBe(3), e(n.getByText("Open")).toBeInTheDocument(), e(n.getByText("Delete")).toBeInTheDocument(), e(n.getByText("Edit")).toBeInTheDocument(), o.click(s[0]), e(T).toHaveBeenCalled(), e(i).not.toHaveBeenCalled(), e(l).not.toHaveBeenCalled(), o.click(s[1]), e(i).toHaveBeenCalled(), o.click(s[2]), e(l).toHaveBeenCalled();
+k("ContextMenu Test", () => {
+  T("render contextMenu and close it", () => {
+    B(/* @__PURE__ */ r(p, { actions: g }));
+    const c = t.getByTestId("open-button"), n = t.getByTestId("selection-menu");
+    e(n).toBeInTheDocument(), e(n).not.toHaveClass("mdc-menu-surface--open"), o.click(c), s(() => e(n).toHaveClass("mdc-menu-surface--open")), o.click(c), s(() => e(n).not.toHaveClass("mdc-menu-surface--open"));
+  }), T("render ContextMenu and open it", async () => {
+    B(/* @__PURE__ */ r(p, { actions: g, triggerOpen: !0 }));
+    const c = t.getByTestId("open-button"), n = t.getByTestId("selection-menu");
+    e(n).toBeInTheDocument(), e(n).not.toHaveClass("mdc-menu-surface--open"), o.click(c), s(() => e(n).toHaveClass("mdc-menu-surface--open")), e(t.getByText("Open")).toBeInTheDocument(), e(t.getByText("Delete")).toBeInTheDocument(), e(t.getByText("Edit")).toBeInTheDocument();
+    const m = t.getByTestId("list-item-button-Open"), u = t.getByTestId("list-item-button-Delete"), d = t.getByTestId("list-item-button-Edit");
+    e(m).toBeInTheDocument(), e(u).toBeInTheDocument(), e(d).toBeInTheDocument(), o.click(m), e(C).toHaveBeenCalled(), e(i).not.toHaveBeenCalled(), e(a).not.toHaveBeenCalled(), o.click(u), e(i).toHaveBeenCalled(), o.click(d), e(a).toHaveBeenCalled();
   });
 });

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,24 +1,24 @@
 import { jsx as r, jsxs as p, Fragment as s } from "react/jsx-runtime";
-import { Button as u, Group as c, Icon as D, TypoBody as t } from "@element/react-components";
+import { Button as u, Group as c, Icon as D, TypoBody as l } from "@element/react-components";
 import { uniqueId as N } from "lodash";
 import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
 import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
-import { I as M } from "../../Iconify-DV7QhHmp.js";
+import { I as M } from "../../Iconify-B9ptjDuU.js";
 import { Modal as j } from "../Modal/Modal.js";
-import { s as n } from "../../deleteModal.module-Ds3MDzdl.js";
+import { s as t } from "../../deleteModal.module-Ds3MDzdl.js";
 const L = ({
-  title: o,
-  confirmButtonLabel: e,
-  cancelButtonLabel: l,
+  title: e,
+  confirmButtonLabel: o,
+  cancelButtonLabel: n,
   deleteHeader: a,
   deleteBody: i,
   deleteText: f,
   icon: g,
   isIconCrossedOut: h,
-  impossibleDeleteHeader: v,
-  open: y,
+  impossibleDeleteHeader: b,
+  open: v,
   setOpen: m,
-  onDelete: b,
+  onDelete: y,
   isDeletePossible: d = !0
 }) => {
   const { isDesktop: C } = x(), k = (I) => {
@@ -27,21 +27,30 @@ const L = ({
   return /* @__PURE__ */ r(
     j,
     {
-      className: n.modal,
+      className: t.modal,
       modalSize: C ? "small" : "fullscreen",
-      open: y,
+      open: v,
       onClose: k,
-      title: o,
+      title: e,
       primaryButton: /* @__PURE__ */ r(
         u,
         {
+          "data-testid": "delete-button",
           variant: "danger",
-          label: e,
-          onClick: b,
+          label: o,
+          onClick: y,
           disabled: !d
         }
       ),
-      footerSupplemental: /* @__PURE__ */ r(u, { variant: "text", label: l, onClick: () => m(!1) }),
+      footerSupplemental: /* @__PURE__ */ r(
+        u,
+        {
+          "data-testid": "cancel-button",
+          variant: "text",
+          label: n,
+          onClick: () => m(!1)
+        }
+      ),
       children: /* @__PURE__ */ p(c, { direction: "vertical", secondaryAlign: "center", children: [
         /* @__PURE__ */ r(z, { element: /* @__PURE__ */ r(B, { icon: g }), isCrossedOut: h }),
         /* @__PURE__ */ r(c, { direction: "vertical", children: d ? /* @__PURE__ */ r(
@@ -51,41 +60,41 @@ const L = ({
             deleteText: f,
             deleteBody: i
           }
-        ) : /* @__PURE__ */ r(A, { impossibleDeleteHeader: v }) })
+        ) : /* @__PURE__ */ r(A, { impossibleDeleteHeader: b }) })
       ] })
     }
   );
 }, z = ({
-  element: o,
-  isCrossedOut: e = !1
-}) => e ? /* @__PURE__ */ r("span", { className: n.crossedOut, children: o }) : o, B = ({ icon: o }) => o ? typeof o != "string" ? o : Object.values(S).includes(o) ? /* @__PURE__ */ r(
+  element: e,
+  isCrossedOut: o = !1
+}) => o ? /* @__PURE__ */ r("span", { className: t.crossedOut, children: e }) : e, B = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(S).includes(e) ? /* @__PURE__ */ r(
   M,
   {
-    icon: o,
+    icon: e,
     iconSize: "xlarge",
-    className: n.colorDanger
+    className: t.colorDanger
   }
-) : /* @__PURE__ */ r(D, { icon: o, iconSize: "xlarge", className: n.colorDanger }) : /* @__PURE__ */ r(s, {}), O = ({
-  deleteHeader: o,
-  deleteText: e,
-  deleteBody: l
+) : /* @__PURE__ */ r(D, { icon: e, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ r(s, {}), O = ({
+  deleteHeader: e,
+  deleteText: o,
+  deleteBody: n
 }) => /* @__PURE__ */ p(s, { children: [
-  /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: o }),
-  e && typeof e == "string" && /* @__PURE__ */ r(t, { level: 2, themeColor: "text-secondary-on-background", children: e }),
-  e && typeof e != "string" && /* @__PURE__ */ r(s, { children: e }),
-  l && e === void 0 && /* @__PURE__ */ r(c, { direction: "vertical", gap: "none", children: l.map((a, i) => /* @__PURE__ */ r(
-    t,
+  /* @__PURE__ */ r(l, { level: 1, themeColor: "text-primary-on-background", children: e }),
+  o && typeof o == "string" && /* @__PURE__ */ r(l, { level: 2, themeColor: "text-secondary-on-background", children: o }),
+  o && typeof o != "string" && /* @__PURE__ */ r(s, { children: o }),
+  n && o === void 0 && /* @__PURE__ */ r(c, { direction: "vertical", gap: "none", children: n.map((a, i) => /* @__PURE__ */ r(
+    l,
     {
       level: 2,
-      className: n.bulletPoint,
+      className: t.bulletPoint,
       themeColor: "text-secondary-on-background",
       children: a
     },
     N(i.toString())
   )) })
 ] }), A = ({
-  impossibleDeleteHeader: o
-}) => /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: o });
+  impossibleDeleteHeader: e
+}) => /* @__PURE__ */ r(l, { level: 1, themeColor: "text-primary-on-background", children: e });
 export {
   L as DeleteModal
 };

package/dist/components/EmptyView/EmptyView.js

@@ -1,24 +1,32 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { Hero as h, HeroContent as d, Icon as s, TypoBody as n, Group as m } from "@element/react-components";
-const f = ({
+import { Hero as d, HeroContent as h, Icon as s, TypoBody as i, Group as m } from "@element/react-components";
+const u = ({
   title: r = "",
   subtitle: o = "",
-  icon: i = "dashbord",
+  icon: n = "dashbord",
   text: t = "",
   action: l
-}) => /* @__PURE__ */ e(h, { style: { width: "100%", height: "25vh" }, themeColor: "surface", children: /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(
   d,
   {
-    logo: /* @__PURE__ */ e(s, { iconSize: "large", icon: i }),
-    overline: "",
-    subtitle: o,
-    title: r,
-    heroBtn: /* @__PURE__ */ e(p, { action: l, text: t })
+    "data-testid": "empty-view-container",
+    style: { width: "100%", height: "25vh" },
+    themeColor: "surface",
+    children: /* @__PURE__ */ e(
+      h,
+      {
+        logo: /* @__PURE__ */ e(s, { iconSize: "large", icon: n }),
+        overline: "",
+        subtitle: o,
+        title: r,
+        heroBtn: /* @__PURE__ */ e(p, { action: l, text: t })
+      }
+    )
   }
-) }), p = ({ action: r, text: o }) => o ? r ? /* @__PURE__ */ c(m, { direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: [
-  /* @__PURE__ */ e(n, { level: 2, children: o }),
+), p = ({ action: r, text: o }) => o ? r ? /* @__PURE__ */ c(m, { direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: [
+  /* @__PURE__ */ e(i, { level: 2, children: o }),
   r
-] }) : /* @__PURE__ */ e(n, { level: 2, children: o }) : r;
+] }) : /* @__PURE__ */ e(i, { level: 2, children: o }) : r;
 export {
-  f as EmptyView
+  u as EmptyView
 };

package/dist/components/Filter/Filter.js

@@ -4,14 +4,14 @@ import { useState as y } from "react";
 import { s as c } from "../../genericTable.module-Dk3yy2S3.js";
 import { u as A } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../alertBanner.module-BPiKN0gh.js";
-import { I as H } from "../../Iconify-DV7QhHmp.js";
+import { I as H } from "../../Iconify-B9ptjDuU.js";
 import "../../react-tooltip.min-BzHiZW8k.js";
 import "../../overflowTooltip.module-YyRN2MGc.js";
 import "../../basicHeading.module-BYb8xvuk.js";
-import "../../isArray-D_4rqWbH.js";
-import "../../_baseToString-CW6fzR92.js";
-import "../../_equalByTag-D07t7TSb.js";
-import "../../iconify.module-BX040Mko.js";
+import "../../isArray-thIeLpc5.js";
+import "../../_baseToString-xTcv8tEN.js";
+import "../../_equalByTag-Bi6Uk01d.js";
+import "../../iconify.module-D_I3-4iU.js";
 import { SearchBar as K } from "../SearchBar/SearchBar.js";
 import "../../listArea.module-BhO_OJ1S.js";
 import "../../verticalDivider.module-C3_GL-fH.js";
@@ -34,21 +34,22 @@ import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
 import "../../formSelect.module-DMHh1bp8.js";
 import "../../formText.module-C0by6_DK.js";
-const Ft = ({
+import "../../isPlainObject-BlCDf1Kc.js";
+const kt = ({
   clearFilterText: f,
-  closeCallback: s,
-  currentFilter: e,
-  filterButtonAsIcon: m = !1,
+  closeCallback: m,
+  currentFilter: i,
+  filterButtonAsIcon: s = !1,
   filterButtonText: n,
-  filterModalTitle: i,
+  filterModalTitle: e,
   filters: p,
   modalCancelButtonText: g,
   modalConfirmButtonText: u,
   useModal: l = !0,
   selectAllLabel: r
 }) => {
-  const { isDesktop: w } = A(), [O, v] = y(!1), [d, x] = y(e), [_, S] = y(0), F = () => {
-    v(!1), s(d), S(
+  const { isDesktop: w } = A(), [O, v] = y(!1), [d, x] = y(i), [_, S] = y(0), F = () => {
+    v(!1), m(d), S(
       d.reduce((a, { filterValue: o }) => o === void 0 ? a : typeof o == "boolean" ? o ? a + 1 : a : Array.isArray(o) ? a + o.length : typeof o == "string" && o.length ? a + 1 : a, 0)
     );
   }, D = () => {
@@ -58,14 +59,14 @@ const Ft = ({
       ...d.filter((I) => I.id !== a.id),
       a
     ];
-    x(o), l || s(o);
+    x(o), l || m(o);
   };
   return l ? /* @__PURE__ */ C(T, { children: [
     /* @__PURE__ */ t(
       P,
       {
         filterButtonText: n,
-        filterButtonAsIcon: m,
+        filterButtonAsIcon: s,
         count: _,
         onClick: () => v(!0)
       }
@@ -75,7 +76,7 @@ const Ft = ({
       {
         open: O,
         onClose: F,
-        title: i,
+        title: e,
         modalSize: w ? "small" : "fullscreen",
         headerActions: /* @__PURE__ */ t(h, { variant: "text", onClick: D, children: f }),
         dismissiveButton: /* @__PURE__ */ t(h, { variant: "outlined", onClick: () => v(!1), children: g }),
@@ -84,12 +85,12 @@ const Ft = ({
       }
     )
   ] }) : /* @__PURE__ */ t(B, { secondaryAlign: "center", fullWidth: !0, children: b(p, d, k, r, !1) });
-}, b = (f, s, e, m, n = !0) => f.map(({ id: i, title: p, availableOptions: g, icon: u, type: l }) => /* @__PURE__ */ C(B, { fullWidth: !0, secondaryAlign: "center", children: [
+}, b = (f, m, i, s, n = !0) => f.map(({ id: e, title: p, availableOptions: g, icon: u, type: l }) => /* @__PURE__ */ C(B, { fullWidth: !0, secondaryAlign: "center", children: [
   u ? /* @__PURE__ */ t(H, { icon: u, iconSize: "medium" }) : null,
   l === "select" && /* @__PURE__ */ t(
     W,
     {
-      selectAllLabel: m,
+      selectAllLabel: s,
       className: n ? void 0 : c.dense,
       variant: "outlined",
       options: g,
@@ -97,11 +98,11 @@ const Ft = ({
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
-      value: s.find((r) => r.id === i)?.filterValue ?? [],
-      onChange: (r) => e({ id: i, type: l, filterValue: r }),
+      value: m.find((r) => r.id === e)?.filterValue ?? [],
+      onChange: (r) => i({ id: e, type: l, filterValue: r }),
       hoisted: !0,
       menuMaxHeight: "300px",
-      disabled: i === "location",
+      disabled: e === "location",
       showOptionFilter: !1,
       dense: !n,
       fixedHeightInput: !n,
@@ -112,34 +113,34 @@ const Ft = ({
     j,
     {
       label: p,
-      onChange: (r) => e({ id: i, type: l, filterValue: r }),
-      checked: !!s.find((r) => r.id === i)?.filterValue
+      onChange: (r) => i({ id: e, type: l, filterValue: r }),
+      checked: !!m.find((r) => r.id === e)?.filterValue
     }
   ),
   l === "search" && /* @__PURE__ */ t(
     K,
     {
       placeholder: p,
-      searchTerm: s.find((r) => r.id === i)?.filterValue,
-      setSearchTerm: (r) => e({ id: i, type: l, filterValue: r })
+      searchTerm: m.find((r) => r.id === e)?.filterValue,
+      setSearchTerm: (r) => i({ id: e, type: l, filterValue: r })
     }
   )
-] }, i)), P = ({
+] }, e)), P = ({
   filterButtonText: f,
-  filterButtonAsIcon: s,
-  count: e,
-  onClick: m
+  filterButtonAsIcon: m,
+  count: i,
+  onClick: s
 }) => {
   const { isDesktop: n } = A();
-  return s ? /* @__PURE__ */ t(
+  return m ? /* @__PURE__ */ t(
     z,
     {
       icon: "filter_list_alt",
-      onClick: m,
-      badge: e !== 0 && /* @__PURE__ */ t(
+      onClick: s,
+      badge: i !== 0 && /* @__PURE__ */ t(
         N,
         {
-          counter: e,
+          counter: i,
           className: c.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
@@ -158,16 +159,16 @@ const Ft = ({
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
-            onClick: m,
+            onClick: s,
             className: c.filterButton,
             fullWidth: !n,
             children: f
           }
         ),
-        e !== 0 && /* @__PURE__ */ t(
+        i !== 0 && /* @__PURE__ */ t(
           N,
           {
-            counter: e,
+            counter: i,
             className: c.filterBadge,
             themeColor: "secondary",
             "data-testid": "filter-badge"
@@ -178,5 +179,5 @@ const Ft = ({
   );
 };
 export {
-  Ft as Filter
+  kt as Filter
 };

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js

@@ -1,6 +1,6 @@
 import { jsx as X, jsxs as va } from "react/jsx-runtime";
 import { Datepicker as fa, Divider as ga, Padding as pa, Button as ba } from "@element/react-components";
-import { g as wa } from "../../../get-BLA_8TrC.js";
+import { g as wa } from "../../../get-DAwLfiRB.js";
 import { useMemo as S, useState as ya } from "react";
 import { useFormContext as Pa, Controller as $a } from "react-hook-form";
 import { s as L } from "../../../formDatePicker.module-BV3ma_7y.js";
@@ -30000,9 +30000,10 @@ const E7 = X7, F7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
       name: r,
       rules: l,
       control: v,
-      render: ({ field: { ref: ha, onChange: V, value: F, ...ca } }) => /* @__PURE__ */ X("div", { className: L.datePickerContainer, children: /* @__PURE__ */ X(
+      render: ({ field: { ref: ha, onChange: V, value: F, ...ca } }) => /* @__PURE__ */ X("div", { "data-testid": "date-picker-container", className: L.datePickerContainer, children: /* @__PURE__ */ X(
         fa,
         {
+          "data-testid": "date-picker",
           ...h,
           ...ca,
           locale: C,
@@ -30012,9 +30013,17 @@ const E7 = X7, F7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
           label: e,
           format: (W) => W ? te(W.toISOString()).toLocaleDateString(m ?? "en") : "",
           disableClearing: !0,
-          trailingContent: /* @__PURE__ */ va("div", { className: L.trailingContent, children: [
+          trailingContent: /* @__PURE__ */ va("div", { "data-testid": "trailing-content", className: L.trailingContent, children: [
             /* @__PURE__ */ X(ga, {}),
-            /* @__PURE__ */ X(pa, { variant: "dense", children: /* @__PURE__ */ X(ba, { label: n, variant: "text", onClick: () => K(!1) }) })
+            /* @__PURE__ */ X(pa, { variant: "dense", children: /* @__PURE__ */ X(
+              ba,
+              {
+                "data-testid": `button-${n}`,
+                label: n,
+                variant: "text",
+                onClick: () => K(!1)
+              }
+            ) })
           ] }),
           onClick: () => {
             K(!0);