@hortiview/shared-components 0.0.9195 → 0.0.9279

package/dist/components/BaseView/BaseView.js

@@ -1,6 +1,6 @@
-import { jsx as i, Fragment as k, jsxs as n } from "react/jsx-runtime";
+import { jsx as i, Fragment as k, jsxs as s } from "react/jsx-runtime";
 import { Group as o } from "@element/react-components";
-import { useMemo as s } from "react";
+import { useMemo as a } from "react";
 import { BasicHeading as u } from "../BasicHeading/BasicHeading.js";
 import { EmptyView as L } from "../EmptyView/EmptyView.js";
 import { ListArea as W } from "../ListArea/ListArea.js";
@@ -8,55 +8,63 @@ import { VerticalDivider as A } from "../VerticalDivider/VerticalDivider.js";
 import { u as V } from "../../useBreakpoints-MzTZ0tCT.js";
 import { s as r } from "../../baseView.module-uWbm_a5f.js";
 const C = ({
-  action: c,
-  heading: m,
-  elements: l,
-  emptyText: d,
+  action: d,
+  heading: c,
+  elements: n,
+  emptyText: m,
   hasSearch: p = !0,
-  isSorted: f = !0,
-  className: h,
+  isSorted: h = !0,
+  className: f,
   withAvatar: v = !1,
   listMaxHeight: g = "calc(100vh - 200px)",
-  pathname: a,
+  pathname: l,
   routerLinkElement: w,
-  searchPlaceholder: B
+  searchPlaceholder: b
 }) => {
-  const { isDesktopNavbar: e } = V(), t = s(() => l.find((x) => x.route === a), [a, l]), D = s(() => t?.component ?? (e ? /* @__PURE__ */ i(L, { subtitle: d }) : /* @__PURE__ */ i(k, {})), [t, e, d]), N = s(() => e ? !0 : !t, [t, e]), b = s(() => e ? !0 : t, [t, e]);
-  return /* @__PURE__ */ n(o, { className: h ?? "", gap: "", fullWidth: !0, children: [
-    N && /* @__PURE__ */ i(o, { gap: "none", className: e ? r.desktopList : r.mobileList, children: /* @__PURE__ */ n(o, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
-      m && /* @__PURE__ */ i(u, { heading: m, level: 4, marginBottom: 0, children: c }),
+  const { isDesktopNavbar: e } = V(), t = a(() => n.find((x) => x.route === l), [l, n]), B = a(() => t?.component ?? (e ? /* @__PURE__ */ i(L, { subtitle: m }) : /* @__PURE__ */ i(k, {})), [t, e, m]), D = a(() => e ? !0 : !t, [t, e]), N = a(() => e ? !0 : t, [t, e]);
+  return /* @__PURE__ */ s(o, { "data-testid": "base-view-container", className: f ?? "", gap: "", fullWidth: !0, children: [
+    D && /* @__PURE__ */ i(o, { gap: "none", className: e ? r.desktopList : r.mobileList, children: /* @__PURE__ */ s(o, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
+      c && /* @__PURE__ */ i(u, { "data-testid": "heading", heading: c, level: 4, marginBottom: 0, children: d }),
       /* @__PURE__ */ i(
         W,
         {
-          elements: l,
+          elements: n,
           hasSearch: p,
           maxHeight: g,
-          isSorted: f,
-          pathname: a,
+          isSorted: h,
+          pathname: l,
           routerLinkElement: w,
-          searchPlaceholder: B
+          searchPlaceholder: b
         }
       )
     ] }) }),
-    b && /* @__PURE__ */ n(o, { gap: "none", className: e ? r.desktopDetail : r.mobileDetail, children: [
-      e && /* @__PURE__ */ i(A, { className: r.divider, height: "100%" }),
-      /* @__PURE__ */ n(o, { direction: "vertical", fullWidth: !0, children: [
-        /* @__PURE__ */ i(
-          u,
-          {
-            className: r.maxWidth,
-            heading: t?.detailTitle ?? t?.title ?? "",
-            level: 4,
-            icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
-            marginBottom: 0,
-            invisibleButton: t?.detailAction === void 0,
-            withAvatar: v,
-            children: t?.detailAction ?? c
-          }
-        ),
-        D
-      ] })
-    ] })
+    N && /* @__PURE__ */ s(
+      o,
+      {
+        "data-testid": "details",
+        gap: "none",
+        className: e ? r.desktopDetail : r.mobileDetail,
+        children: [
+          e && /* @__PURE__ */ i(A, { className: r.divider, height: "100%" }),
+          /* @__PURE__ */ s(o, { direction: "vertical", fullWidth: !0, children: [
+            /* @__PURE__ */ i(
+              u,
+              {
+                className: r.maxWidth,
+                heading: t?.detailTitle ?? t?.title ?? "",
+                level: 4,
+                icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
+                marginBottom: 0,
+                invisibleButton: t?.detailAction === void 0,
+                withAvatar: v,
+                children: t?.detailAction ?? d
+              }
+            ),
+            B
+          ] })
+        ]
+      }
+    )
   ] });
 };
 export {

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { TypoDisplay as g, TypoBody as N, Icon as I } from "@element/react-components";
-import { I as x } from "../../Iconify-B9ptjDuU.js";
+import { I as x } from "../../Iconify-DoU6pP1o.js";
 import { AvailableCustomIcons as B } from "../../enums/AvailableCustomIcons.js";
 import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
 import { OverflowTooltip as T } from "../OverflowTooltip/OverflowTooltip.js";

package/dist/components/BlockView/BlockView.js

@@ -1,4 +1,4 @@
-import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { TypoSubtitle as C, TypoDisplay as E } from "@element/react-components";
 import { useState as A, useEffect as D, useMemo as S } from "react";
 import { getBlockNumberByDto as T } from "../../services/BlockService.js";
@@ -6,10 +6,10 @@ import { s as e } from "../../BlockView.module-BPlNT5uh.js";
 const j = ({
   rows: s,
   columns: t,
-  hideText: a = !1,
-  errorBlocks: y = [],
-  showNumbers: N = !0,
-  clickable: v = !0,
+  hideText: m = !1,
+  errorBlocks: v = [],
+  showNumbers: y = !0,
+  clickable: N = !0,
   size: d = 15,
   onClick: u = null,
   currentBlock: c,
@@ -26,21 +26,21 @@ const j = ({
   }, [c, t]);
   const w = S(() => s * t, [s, t]), x = (o) => {
     u && u(o, c ?? void 0);
-  }, B = ({ row: o, column: l }) => b.length === 0 ? !0 : b.some((m) => m.position?.row === o && m.position?.column === l);
-  return /* @__PURE__ */ k("div", { className: e.grid, children: [
-    !a && /* @__PURE__ */ i(C, { level: 1, bold: !0, className: e.black, children: $ }),
-    /* @__PURE__ */ i("div", { className: e.blockLayout, style: { width: `${d}rem`, height: `${d}rem` }, children: Array.from({ length: s }).map((o, l) => /* @__PURE__ */ i("div", { className: e.blockRow, children: Array.from({ length: t }).map((m, n) => {
-      const r = t * l + n + 1, f = B({ row: l + 1, column: n + 1 });
+  }, B = ({ row: o, column: l }) => b.length === 0 ? !0 : b.some((a) => a.position?.row === o && a.position?.column === l);
+  return /* @__PURE__ */ f("div", { "data-testid": "block-view-container", className: e.grid, children: [
+    !m && /* @__PURE__ */ i(C, { level: 1, bold: !0, className: e.black, children: $ }),
+    /* @__PURE__ */ i("div", { className: e.blockLayout, style: { width: `${d}rem`, height: `${d}rem` }, children: Array.from({ length: s }).map((o, l) => /* @__PURE__ */ i("div", { className: e.blockRow, children: Array.from({ length: t }).map((a, n) => {
+      const r = t * l + n + 1, k = B({ row: l + 1, column: n + 1 });
       return /* @__PURE__ */ i(
         "div",
         {
-          "data-testid": "blockViewBlock",
-          className: `${e.block} ${p === r ? e.active : ""} ${f ? "" : e.empty} ${y.includes(r) ? e.error : ""}`,
+          "data-testid": "block-view-block",
+          className: `${e.block} ${p === r ? e.active : ""} ${k ? "" : e.empty} ${v.includes(r) ? e.error : ""}`,
           id: `block${r}`,
-          onClick: v ? () => {
+          onClick: N ? () => {
             h(r), x({ row: l + 1, column: n + 1 });
           } : void 0,
-          children: N && f && /* @__PURE__ */ i(
+          children: y && k && /* @__PURE__ */ i(
             "div",
             {
               className: `${e.blockText} ${p === r ? e.black : ""}`,
@@ -51,7 +51,7 @@ const j = ({
         r
       );
     }) }, l)) }),
-    !a && /* @__PURE__ */ k(E, { themeColor: "primary", level: 6, children: [
+    !m && /* @__PURE__ */ f(E, { themeColor: "primary", level: 6, children: [
       w,
       " ",
       g

package/dist/components/BlockView/BlockView.test.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import { a as s, s as o, f as n } from "../../react.esm-Dy4VzU4L.js";
 import { BlockView as i } from "./BlockView.js";
-import { d as B, v as a, t as r, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
-B("BlockView Test", () => {
-  const c = a.fn(), e = {
+import { d as a, v as B, t as r, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
+a("BlockView Test", () => {
+  const c = B.fn(), e = {
     id: "1",
     fieldId: "2",
     position: {
@@ -25,7 +25,7 @@ B("BlockView Test", () => {
         }
       )
     ), t(o.getByText("Layout")).toBeInTheDocument(), t(o.getByText("6 Block")).toBeInTheDocument();
-    const k = o.getAllByTestId("blockViewBlock");
+    const k = o.getAllByTestId("block-view-block");
     t(k.length).toBe(6);
   }), r("executes onClick method", () => {
     s(

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-B9ptjDuU.js";
+import { I as M } from "../../Iconify-DoU6pP1o.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-B9ptjDuU.js";
+import { I as H } from "../../Iconify-DoU6pP1o.js";
 import "../../react-tooltip.min-BzHiZW8k.js";
 import "../../overflowTooltip.module-YyRN2MGc.js";
 import "../../basicHeading.module-BYb8xvuk.js";
 import "../../isArray-thIeLpc5.js";
-import "../../_baseToString-xTcv8tEN.js";
-import "../../_equalByTag-Bi6Uk01d.js";
-import "../../iconify.module-D_I3-4iU.js";
+import "../../_baseToString-dkhmFwqS.js";
+import "../../_equalByTag-BZEJl6ST.js";
+import "../../iconify.module-Cru5NS2X.js";
 import { SearchBar as K } from "../SearchBar/SearchBar.js";
 import "../../listArea.module-BhO_OJ1S.js";
 import "../../verticalDivider.module-C3_GL-fH.js";

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-DAwLfiRB.js";
+import { g as wa } from "../../../get-BJn2Enx7.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);