@hortiview/shared-components 1.3.5 → 1.4.1

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## [1.4.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.4.0...v1.4.1) (2025-04-18)
+
+### Bug Fixes
+
+* fix datepicker ([99e84f0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/99e84f0b256f7a65266af0d933b49b8bd3a7e8db))
+
+### Documentation
+
+* add a method comment for getValidDay ([6d10f38](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/6d10f388199e13072068b641a24872ce934963ef))
+* add comment to useUtc prop to prevent future bugs ([95b9391](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/95b939198711e2809335b42b2bf60ff0efabbb31))
+
+### Code Refactoring
+
+* remove button ([f5f4aff](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/f5f4aff457942839296d2b4810f0287c378a8c1a))
+
+## [1.4.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.3.5...v1.4.0) (2025-04-11)
+
+### Features
+
+* add className & change useEffect ([61e2109](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/61e21095a0ecd98336b28991caa3a9cf8b0e5e91))
+* add data-testid to Filter.tsx ([384b36e](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/384b36e5068c7b6381ea4884dd4ad5965808bc5f))
+* add data-testids to shared components ([1ef7d22](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/1ef7d225316e73ee02c1d0aad69575e27da03841)), closes [#11762](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/issues/11762)
+* add dataTestId ([bbf3c6a](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/bbf3c6a3507f5683c91496349f224f29a311c4a0))
+* add new data-testids ([21ded33](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/21ded33c5494474b2df0096ebefb1fdecabb7407))
+* add test for FormToggle & add data-testid prop ([eef11be](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/eef11becd8c2dca76297923165c5f8077dadb3ea))
+* add useRef and uniqueid & change data-testid ([5f42796](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/5f4279616ef2f6c9649697f929f7404120caacbf))
+* add useRef with uniqueId & add data-testid to stories ([b39d83d](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/b39d83d9a3f8b649d7996295b4a0d90a47316610))
+* change data-testid ([3355b85](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/3355b85ef67c19d50d1e6cce9b8dd818acb72b4e))
+* change ids and change useeffect ([eeb23a5](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/eeb23a582a9c3daf0a7216172f41edc322f1969c))
+
+### Bug Fixes
+
+* fix yarn error ([fa13133](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/fa1313320003e0ede7b7a61ca03734d99556725a))
+
+### Code Refactoring
+
+* change data-testids ([e26c73e](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/e26c73e717f6bb5772074ddd9f112160e3726804))
+* change ids ([6483533](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/6483533f149b50edcf807ce900bb4a8c9f38d16d))
+* remove data-testid & change dataTestId in Select.test.tsx ([c91cbc9](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/c91cbc9ea6c425df3d1e5bef23c4f8612d589bf3))
+* remove useRef ([9d2edca](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/9d2edcae4c9d6a46c77089d2faf111c4e7b71f61))
+
 ## [1.3.5](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.3.4...v1.3.5) (2025-04-09)
 
 ### Bug Fixes

package/dist/{BigLoadingSpinner-iegTbDcD.js → BigLoadingSpinner-CqSGYzZA.js}

@@ -9,8 +9,8 @@ import './assets/BigLoadingSpinner.css';const e = "_loadingBigOverlay_7dxo1_1",
 }, l = ({ text: a }) => /* @__PURE__ */ n("div", { className: o.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
   /* @__PURE__ */ i(d, { icon: "hortiview", className: o.logo, "data-testid": "logo-icon" }),
   /* @__PURE__ */ i(r, { tag: "p", bold: !0, level: 1, className: o.bigLoadSpinnerCardText, children: a })
-] }), b = (a) => /* @__PURE__ */ i("div", { className: o.loadingBigOverlay, children: /* @__PURE__ */ i(l, { ...a }) });
+] }), _ = (a) => /* @__PURE__ */ i("div", { "data-testid": "big-loading-spinner", className: o.loadingBigOverlay, children: /* @__PURE__ */ i(l, { ...a }) });
 export {
-  b as B,
+  _ as B,
   o as s
 };

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,34 +1,34 @@
-import { jsx as s, Fragment as c, jsxs as m } from "react/jsx-runtime";
-import { G as _ } from "../../index.es-DntoATwO.js";
-import { b as g } from "../../index.es-CF_xy2ns.js";
-import { u as l } from "../../useBreakpoints-MzTZ0tCT.js";
-import '../../assets/AlertBanner.css';const d = "_messageContainer_1seos_1", p = "_info_1seos_9", f = "_danger_1seos_14", u = "_success_1seos_19", y = "_warning_1seos_24", n = {
-  messageContainer: d,
+import { jsx as e, Fragment as c, jsxs as d } from "react/jsx-runtime";
+import { G as l } from "../../index.es-DntoATwO.js";
+import { b as m } from "../../index.es-CF_xy2ns.js";
+import { u as _ } from "../../useBreakpoints-MzTZ0tCT.js";
+import '../../assets/AlertBanner.css';const g = "_messageContainer_1seos_1", p = "_info_1seos_9", f = "_danger_1seos_14", u = "_success_1seos_19", y = "_warning_1seos_24", n = {
+  messageContainer: g,
   info: p,
   danger: f,
   success: u,
   warning: y
-}, b = ({
-  text: e,
+}, C = ({
+  text: s,
   color: r = "info",
   isOpen: o = !0,
   action: i,
   isBold: t = !0
 }) => {
-  const { isDesktop: a } = l();
-  return o ? /* @__PURE__ */ s("div", { className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */ m(
-    _,
+  const { isDesktop: a } = _();
+  return o ? /* @__PURE__ */ e("div", { "data-testid": "alert-banner", className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */ d(
+    l,
     {
       direction: a ? "horizontal" : "vertical",
       primaryAlign: "space-between",
       secondaryAlign: "center",
       children: [
-        typeof e == "string" ? /* @__PURE__ */ s(g, { bold: t, level: 2, children: e }) : /* @__PURE__ */ s("div", { children: e }),
+        typeof s == "string" ? /* @__PURE__ */ e(m, { bold: t, level: 2, children: s }) : /* @__PURE__ */ e("div", { children: s }),
         i
       ]
     }
-  ) }) : /* @__PURE__ */ s(c, {});
+  ) }) : /* @__PURE__ */ e(c, {});
 };
 export {
-  b as AlertBanner
+  C as AlertBanner
 };

package/dist/components/BlockView/BlockView.js

@@ -1,4 +1,4 @@
-import { jsxs as h, jsx as t, Fragment as v } from "react/jsx-runtime";
+import { jsxs as v, jsx as t, Fragment as h } from "react/jsx-runtime";
 import { d as C, T as R, a as B } from "../../index.es-CF_xy2ns.js";
 import { useState as A, useEffect as D, useMemo as S } from "react";
 import { getBlockNumberByDto as F } from "../../services/BlockService.js";
@@ -16,48 +16,50 @@ import '../../assets/BlockView.css';const M = "_grid_17o13_1", V = "_black_17o13
 }, Y = ({
   rows: e,
   columns: r,
-  hideText: m = !1,
+  hideText: b = !1,
   errorBlocks: f = [],
-  showNumbers: g = !0,
-  clickable: N = !0,
-  size: b = 15,
-  onClick: _ = null,
+  showNumbers: w = !0,
+  clickable: g = !0,
+  size: m = 15,
+  onClick: d = null,
   currentBlock: a,
-  blocks: d,
-  blockViewTitle: $,
-  blockLabel: w,
+  blocks: k,
+  blockViewTitle: N,
+  blockLabel: $,
   emptyViewTitle: x
 }) => {
-  const [u, k] = A(0);
+  const [u, _] = A(0);
   D(() => {
     if (!a) return;
     const l = F(a, r);
-    k(l);
+    _(l);
   }, [a, r]);
   const L = S(() => e * r, [e, r]), T = (l) => {
-    _ && _(l, a ?? void 0);
-  }, E = ({ row: l, column: i }) => d.length === 0 ? !0 : d.some((n) => n.position?.row === l && n.position?.column === i), y = !e && !r;
-  return /* @__PURE__ */ h("div", { "data-testid": "block-view-container", className: o.grid, children: [
-    !m && /* @__PURE__ */ t(C, { level: 1, bold: !0, className: o.black, children: $ }),
+    d && d(l, a ?? void 0);
+  }, E = ({ row: l, column: i }) => k.length === 0 ? !0 : k.some((s) => s.position?.row === l && s.position?.column === i), y = !e && !r;
+  return /* @__PURE__ */ v("div", { "data-testid": "block-view-container", className: o.grid, children: [
+    !b && /* @__PURE__ */ t(C, { level: 1, bold: !0, className: o.black, children: N }),
     /* @__PURE__ */ t(
       "div",
       {
+        "data-testid": "block-view-layout",
         className: y ? o.emptyLayout : o.blockLayout,
-        style: { width: `${b}rem`, height: `${b}rem` },
-        children: y ? /* @__PURE__ */ t(P, { emptyViewTitle: x }) : /* @__PURE__ */ t(v, { children: Array.from({ length: e }).map((l, i) => /* @__PURE__ */ t("div", { className: o.blockRow, children: Array.from({ length: r }).map((n, s) => {
-          const c = r * i + s + 1, p = E({ row: i + 1, column: s + 1 });
+        style: { width: `${m}rem`, height: `${m}rem` },
+        children: y ? /* @__PURE__ */ t(P, { emptyViewTitle: x }) : /* @__PURE__ */ t(h, { children: Array.from({ length: e }).map((l, i) => /* @__PURE__ */ t("div", { "data-testid": "block-view-row", className: o.blockRow, children: Array.from({ length: r }).map((s, n) => {
+          const c = r * i + n + 1, p = E({ row: i + 1, column: n + 1 });
           return /* @__PURE__ */ t(
             "div",
             {
               "data-testid": "block-view-block",
               className: `${o.block} ${u === c ? o.active : ""} ${p ? "" : o.empty} ${f.includes(c) ? o.error : ""}`,
               id: `block${c}`,
-              onClick: N ? () => {
-                k(c), T({ row: i + 1, column: s + 1 });
+              onClick: g ? () => {
+                _(c), T({ row: i + 1, column: n + 1 });
               } : void 0,
-              children: g && p && /* @__PURE__ */ t(
+              children: w && p && /* @__PURE__ */ t(
                 "div",
                 {
+                  "data-testid": "block-view-block-number",
                   className: `${o.blockText} ${u === c ? o.black : ""}`,
                   children: c
                 }
@@ -68,13 +70,13 @@ import '../../assets/BlockView.css';const M = "_grid_17o13_1", V = "_black_17o13
         }) }, i)) })
       }
     ),
-    !m && /* @__PURE__ */ h(R, { themeColor: "primary", level: 6, children: [
+    !b && /* @__PURE__ */ v(R, { themeColor: "primary", level: 6, children: [
       L,
       " ",
-      w
+      $
     ] })
   ] });
-}, P = ({ emptyViewTitle: e }) => e ? /* @__PURE__ */ t(B, { bold: !0, children: e }) : /* @__PURE__ */ t(v, {});
+}, P = ({ emptyViewTitle: e }) => e ? /* @__PURE__ */ t(B, { bold: !0, children: e }) : /* @__PURE__ */ t(h, {});
 export {
   Y as BlockView
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,60 +1,60 @@
 import { jsx as n } from "react/jsx-runtime";
-import { I as u } from "../../index.es-0lQcz8m1.js";
-import { M as f, L as d, a as _ } from "../../index.es-d5xhUpJZ.js";
-import { useState as p, useCallback as a, useEffect as I } from "react";
-import { u as v } from "../../uniqueId-NU3-C36A.js";
-import '../../assets/ContextMenu.css';const y = "_menu_ol91v_1", C = "_icon_ol91v_5", k = "_listItem_ol91v_9", l = {
-  menu: y,
-  icon: C,
-  listItem: k
-}, b = ({
+import { I as f } from "../../index.es-0lQcz8m1.js";
+import { M as d, L as _, a as p } from "../../index.es-d5xhUpJZ.js";
+import { useState as I, useCallback as a, useEffect as v } from "react";
+import { u as C } from "../../uniqueId-NU3-C36A.js";
+import '../../assets/ContextMenu.css';const k = "_menu_ol91v_1", y = "_icon_ol91v_5", M = "_listItem_ol91v_9", l = {
+  menu: k,
+  icon: y,
+  listItem: M
+}, N = ({
   triggerOpen: s = null,
-  actions: m,
-  iconOrientation: c = "vertical"
+  actions: c,
+  iconOrientation: m = "vertical"
 }) => {
-  const [t, o] = p(!1), r = a(() => {
-    o(!t);
-  }, [t]), i = a(() => {
-    o(!1);
+  const [e, t] = I(!1), r = a(() => {
+    t(!e);
+  }, [e]), i = a(() => {
+    t(!1);
   }, []);
-  return I(() => {
-    o(s !== null ? s : !1);
+  return v(() => {
+    t(s !== null ? s : !1);
   }, [s]), /* @__PURE__ */ n(
-    f,
+    d,
     {
       className: l.menu,
       "data-testid": "selection-menu",
-      open: t,
+      open: e,
       surfaceOnly: !0,
       hoistToBody: !0,
       onClose: i,
       trigger: /* @__PURE__ */ n(
-        u,
+        f,
         {
           className: l.icon,
-          variant: t ? "filled-primary" : void 0,
+          variant: e ? "filled-primary" : void 0,
           "data-testid": "open-button",
-          icon: c === "vertical" ? "more_vert" : "more_horiz",
+          icon: m === "vertical" ? "more_vert" : "more_horiz",
           onClick: r
         }
       ),
-      children: /* @__PURE__ */ n(d, { children: m.map((e) => /* @__PURE__ */ n(
-        _,
+      children: /* @__PURE__ */ n(_, { children: c.map((o, u) => /* @__PURE__ */ n(
+        p,
         {
           className: l.listItem,
-          ...e,
+          ...o,
           leadingBlockType: "icon",
-          "data-testid": `list-item-button-${e.primaryText}`,
+          "data-testid": `list-item-button-${u}`,
           onClick: () => {
-            e?.onClick?.(), e.closeOnClick !== !1 && i();
+            o?.onClick?.(), o.closeOnClick !== !1 && i();
           }
         },
-        v(`LI_${e.primaryText?.toString()}_`)
+        C(`LI_${o.primaryText?.toString()}_`)
       )) })
     },
     "selectionmenu"
   );
 };
 export {
-  b as ContextMenu
+  N as ContextMenu
 };

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

@@ -16,7 +16,7 @@ k("ContextMenu Test", () => {
     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), await s(() => e(n).toHaveClass("mdc-menu-surface--animating-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");
+    const m = t.getByTestId("list-item-button-0"), u = t.getByTestId("list-item-button-1"), d = t.getByTestId("list-item-button-2");
     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/Disclaimer/Disclaimer.js

@@ -1,20 +1,21 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { G as n } from "../../index.es-DntoATwO.js";
-import { I as m } from "../../index.es-3043KTnb.js";
-import { d as t, b as d } from "../../index.es-CF_xy2ns.js";
-import '../../assets/Disclaimer.css';const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", c = {
+import { I as t } from "../../index.es-3043KTnb.js";
+import { d as m, b as d } from "../../index.es-CF_xy2ns.js";
+import '../../assets/Disclaimer.css';const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", a = {
   disclaimer: p,
   iconArea: y
-}, g = ({ text: o, subtext: i, icon: e, level: a = 2, bold: s = !1 }) => /* @__PURE__ */ l(
+}, g = ({ text: c, subtext: i, icon: e, level: o = 2, bold: s = !1 }) => /* @__PURE__ */ l(
   n,
   {
+    "data-testid": "disclaimer",
     direction: e || i ? "vertical" : "horizontal",
     secondaryAlign: "center",
     primaryAlign: "center",
     children: [
-      /* @__PURE__ */ r(t, { className: c.disclaimer, level: a, bold: s, children: o }),
+      /* @__PURE__ */ r(m, { className: a.disclaimer, level: o, bold: s, children: c }),
       i && /* @__PURE__ */ r(d, { level: 2, children: i }),
-      e && /* @__PURE__ */ r("div", { className: c.iconArea, children: /* @__PURE__ */ r(m, { className: c.Icon, icon: e, iconSize: "large" }) })
+      e && /* @__PURE__ */ r("div", { className: a.iconArea, children: /* @__PURE__ */ r(t, { className: a.Icon, icon: e, iconSize: "large" }) })
     ]
   }
 );

package/dist/components/EmptyView/EmptyView.js

@@ -1,7 +1,7 @@
 import { jsx as m, jsxs as $ } from "react/jsx-runtime";
 import { G as _ } from "../../index.es-DntoATwO.js";
 import { c as P, _ as C, P as e } from "../../identity-DLWZln-X.js";
-import c, { forwardRef as T, useRef as H, useImperativeHandle as w, useMemo as y } from "react";
+import c, { forwardRef as T, useRef as w, useImperativeHandle as H, useMemo as y } from "react";
 import { e as N, b as O } from "../../index.es-CF_xy2ns.js";
 import { I as B } from "../../index.es-3043KTnb.js";
 const j = {
@@ -157,55 +157,55 @@ const j = {
   className: void 0,
   overlayThemeColor: "dark",
   position: "full"
-}, f = /* @__PURE__ */ T((t, o) => {
+}, f = /* @__PURE__ */ T((r, o) => {
   const {
-    children: l,
-    className: a,
+    children: a,
+    className: l,
     position: n,
-    overlayThemeColor: r,
+    overlayThemeColor: t,
     ...i
-  } = t, s = H();
-  w(o, () => s.current, []);
-  const d = y(() => n !== "none" && P("lmnt", "lmnt-hero-overlay ", !r.includes("gradient") && r !== "surface" && `lmnt-hero-overlay__${r}`, r.includes("gradient") && r !== "surface" && `lmnt-theme--bg-${r}`, r === "surface" && "lmnt-theme-surface-bg", `lmnt-hero-overlay__${n}`, a), [r, n, a]);
+  } = r, s = w();
+  H(o, () => s.current, []);
+  const d = y(() => n !== "none" && P("lmnt", "lmnt-hero-overlay ", !t.includes("gradient") && t !== "surface" && `lmnt-hero-overlay__${t}`, t.includes("gradient") && t !== "surface" && `lmnt-theme--bg-${t}`, t === "surface" && "lmnt-theme-surface-bg", `lmnt-hero-overlay__${n}`, l), [t, n, l]);
   return /* @__PURE__ */ c.createElement("div", C({
     className: d
-  }, i), l && l);
+  }, i), a && a);
 });
 f.displayName = "HeroOverlay";
 f.propTypes = R;
 f.defaultProps = U;
-const v = /* @__PURE__ */ T((t, o) => {
+const v = /* @__PURE__ */ T((r, o) => {
   const {
-    alignment: l,
-    children: a,
+    alignment: a,
+    children: l,
     className: n,
-    imageUrl: r,
+    imageUrl: t,
     style: i,
     themeColor: s,
     overlay: d,
     overlayProps: g,
     ...u
-  } = t, p = H();
-  w(o, () => p.current, []);
-  const k = y(() => P("lmnt lmnt-hero", s && `lmnt-theme-${s}-bg`, `lmnt-hero__align-${l}`, n), [l, n, s]), h = y(() => r ? {
+  } = r, p = w();
+  H(o, () => p.current, []);
+  const k = y(() => P("lmnt lmnt-hero", s && `lmnt-theme-${s}-bg`, `lmnt-hero__align-${a}`, n), [a, n, s]), h = y(() => t ? {
     ...i,
-    backgroundImage: `url(${r})`
-  } : i, [r, i]);
+    backgroundImage: `url(${t})`
+  } : i, [t, i]);
   return /* @__PURE__ */ c.createElement("div", C({
     ref: p,
     className: k,
     style: h
-  }, u), d && /* @__PURE__ */ c.createElement(f, g), a);
+  }, u), d && /* @__PURE__ */ c.createElement(f, g), l);
 });
 v.displayName = "Hero";
 v.propTypes = j;
 v.defaultProps = A;
-const b = /* @__PURE__ */ T((t, o) => {
+const b = /* @__PURE__ */ T((r, o) => {
   const {
-    children: l,
-    className: a,
+    children: a,
+    className: l,
     heroBtn: n,
-    logo: r,
+    logo: t,
     overline: i,
     padding: s,
     title: d,
@@ -213,8 +213,8 @@ const b = /* @__PURE__ */ T((t, o) => {
     subtitle: u,
     textColor: p,
     ...k
-  } = t, h = H(), E = y(() => P("lmnt lmnt-hero-content", `lmnt-theme-${p}`, a), [a, p]);
-  w(o, () => h.current, []);
+  } = r, h = w(), E = y(() => P("lmnt lmnt-hero-content", `lmnt-theme-${p}`, l), [l, p]);
+  H(o, () => h.current, []);
   const x = y(() => ({
     ...g,
     padding: s
@@ -224,11 +224,11 @@ const b = /* @__PURE__ */ T((t, o) => {
     className: E
   }, k, {
     style: x
-  }), l || /* @__PURE__ */ c.createElement(_, {
+  }), a || /* @__PURE__ */ c.createElement(_, {
     gap: "dense",
     direction: "vertical",
     secondaryAlign: "center"
-  }, r && r, i && /* @__PURE__ */ c.createElement(N, {
+  }, t && t, i && /* @__PURE__ */ c.createElement(N, {
     type: "overline"
   }, i), d && /* @__PURE__ */ c.createElement(N, {
     type: "display2"
@@ -240,10 +240,10 @@ b.displayName = "HeroContent";
 b.propTypes = I;
 b.defaultProps = D;
 const F = ({
-  title: t = "",
+  title: r = "",
   subtitle: o = "",
-  icon: l = "dashbord",
-  text: a = "",
+  icon: a = "dashbord",
+  text: l = "",
   action: n
 }) => /* @__PURE__ */ m(
   v,
@@ -254,18 +254,28 @@ const F = ({
     children: /* @__PURE__ */ m(
       b,
       {
-        logo: /* @__PURE__ */ m(B, { iconSize: "large", icon: l }),
+        "data-testid": "empty-view-content",
+        logo: /* @__PURE__ */ m(B, { iconSize: "large", icon: a }),
         overline: "",
         subtitle: o,
-        title: t,
-        heroBtn: /* @__PURE__ */ m(G, { action: n, text: a })
+        title: r,
+        heroBtn: /* @__PURE__ */ m(G, { action: n, text: l })
       }
     )
   }
-), G = ({ action: t, text: o }) => o ? t ? /* @__PURE__ */ $(_, { direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: [
-  /* @__PURE__ */ m(O, { level: 2, children: o }),
-  t
-] }) : /* @__PURE__ */ m(O, { level: 2, children: o }) : t;
+), G = ({ action: r, text: o }) => o ? r ? /* @__PURE__ */ $(
+  _,
+  {
+    "data-testid": "empty-view-with-action",
+    direction: "vertical",
+    primaryAlign: "center",
+    secondaryAlign: "center",
+    children: [
+      /* @__PURE__ */ m(O, { level: 2, children: o }),
+      r
+    ]
+  }
+) : /* @__PURE__ */ m(O, { level: 2, children: o }) : r;
 export {
   F as EmptyView
 };

package/dist/components/Filter/Filter.d.ts

@@ -12,6 +12,7 @@ type FilterProps = {
     filters: FilterData[];
     useModal?: boolean;
     selectAllLabel?: string;
+    'data-testid'?: string;
 };
 /**
  * Filter component that allows the user to filter the data provided
@@ -28,5 +29,5 @@ type FilterProps = {
  *                   if false the filters will be displayed directly in the page, be aware that the filters will be displayed in a row and there needs to be enough space for them
  * @returns
  */
-export declare const Filter: ({ clearFilterText, closeCallback, currentFilter, filterButtonAsIcon, filterButtonText, filterModalTitle, filters, modalCancelButtonText, modalConfirmButtonText, useModal, selectAllLabel, }: FilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Filter: ({ clearFilterText, closeCallback, currentFilter, filterButtonAsIcon, filterButtonText, filterModalTitle, filters, modalCancelButtonText, modalConfirmButtonText, useModal, selectAllLabel, "data-testid": dataTestId, }: FilterProps) => import("react/jsx-runtime").JSX.Element;
 export {};