@hortiview/shared-components 0.0.11949 → 1.0.1

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+## [1.0.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.0.0...v1.0.1) (2025-03-25)
+
+
+### Bug Fixes
+
+* change styles to fix window resize ([e399faf](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/e399faff0d8c59bf13aa951b948bcc1014ec0565))
+
+# 1.0.0 (2025-03-16)
+
+### Features
+
+* Introduce HortiView Shared Components

package/README.md

@@ -68,6 +68,10 @@ Additionally the library provides form components using [react-hook-form](https:
 
 1. [Languages and countries](#languages-and-countries)
 
+## Changelog
+
+[Changelog](./Changelog.md)
+
 ## Available Components:
 
 ### AlertBanner
@@ -1054,4 +1058,4 @@ The supported countries are:
 const languageCode = 'en' as AVAILABLE_LANGUAGE_CODES;
 const languageCountryCode = LANGUAGE_CODES_MAPPER[languageCode];
 console.log(languageCountryCode); // 'en-US'
-```
+```

package/dist/{GenericCard-6J558OgP.js → GenericCard-CelFEWlW.js}

@@ -174,7 +174,7 @@ import './assets/GenericCard.css';const R = /* @__PURE__ */ F({}), V = {
 }, X = {
   children: null,
   className: void 0
-}, T = /* @__PURE__ */ $((l, t) => {
+}, v = /* @__PURE__ */ $((l, t) => {
   const {
     airy: a,
     children: o,
@@ -202,9 +202,9 @@ import './assets/GenericCard.css';const R = /* @__PURE__ */ F({}), V = {
     className: S
   }, w), o));
 });
-T.displayName = "Grid";
-T.propTypes = V;
-T.defaultProps = J;
+v.displayName = "Grid";
+v.propTypes = V;
+v.defaultProps = J;
 const _ = /* @__PURE__ */ $((l, t) => {
   const {
     align: a,
@@ -233,7 +233,7 @@ const _ = /* @__PURE__ */ $((l, t) => {
 _.displayName = "GridCol";
 _.propTypes = K;
 _.defaultProps = L;
-const v = /* @__PURE__ */ $((l, t) => {
+const T = /* @__PURE__ */ $((l, t) => {
   const {
     children: a,
     className: o,
@@ -262,9 +262,9 @@ const v = /* @__PURE__ */ $((l, t) => {
     style: m
   }, i), a);
 });
-v.displayName = "GridRow";
-v.propTypes = Q;
-v.defaultProps = X;
+T.displayName = "GridRow";
+T.propTypes = Q;
+T.defaultProps = X;
 const Y = "_cardTitle_ny9m0_1", Z = "_cardBody_ny9m0_5", ee = "_cardContent_ny9m0_10", te = "_row_ny9m0_14", re = "_font_ny9m0_18", le = "_fontHeader_ny9m0_23", ae = "_title_ny9m0_27", ne = "_emptyContainer_ny9m0_33", oe = "_empty_ny9m0_33", p = {
   cardTitle: Y,
   cardBody: Z,
@@ -294,7 +294,7 @@ const Y = "_cardTitle_ny9m0_1", Z = "_cardBody_ny9m0_5", ee = "_cardContent_ny9m
       "data-testid": `card${o ? "-" + l[o.accessor] : ""}`,
       children: /* @__PURE__ */ C(z, { className: p.cardContent, "data-testid": "card-content", children: [
         /* @__PURE__ */ n(ie, { item: l, titleColumn: o, subTitleColumn: d }),
-        /* @__PURE__ */ n(D, { className: p.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ n(T, { fullHeight: !0, fullWidth: !0, variant: "none", children: i.map((r) => a?.includes(r.id) ? null : /* @__PURE__ */ C(v, { className: p.row, "data-testid": "row", children: [
+        /* @__PURE__ */ n(D, { className: p.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ n(v, { fullHeight: !0, fullWidth: !0, variant: "none", children: i.map((r) => a?.includes(r.id) ? null : /* @__PURE__ */ C(T, { className: p.row, "data-testid": "row", children: [
           /* @__PURE__ */ n(_, { horizontalAlign: "right", ...H, children: /* @__PURE__ */ C(
             O,
             {
@@ -324,7 +324,7 @@ const Y = "_cardTitle_ny9m0_1", Z = "_cardBody_ny9m0_5", ee = "_cardContent_ny9m
         primaryText: t !== void 0 && /* @__PURE__ */ n(N, { column: t, item: l, isTitle: !0 }),
         secondaryText: a !== void 0 && /* @__PURE__ */ n(N, { column: a, item: l, isTitle: !0 }),
         trailingBlock: o,
-        trailingBlockType: "title-actions"
+        trailingBlockType: o ? "title-actions" : void 0
       }
     ),
     /* @__PURE__ */ n(M, {})

package/dist/components/AlertBanner/AlertBanner.test.js

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as m } from "react/jsx-runtime";
-import { a as t, s } from "../../react.esm-DNwojocF.js";
+import { a as t, s } from "../../react.esm-CX1WJ2Pp.js";
 import { a } from "../../useBreakpoints-MzTZ0tCT.js";
 import { AlertBanner as n } from "./AlertBanner.js";
 import { d as p, b as c, v as l, t as r, g as o } from "../../vi.CjhMlMwf-BCJNwXvu.js";

package/dist/components/BaseView/BaseView.js

@@ -28,7 +28,7 @@ import '../../assets/BaseView.css';const V = "_divider_dw2rc_1", j = "_maxWidth_
   searchPlaceholder: b
 }) => {
   const { isDesktopNavbar: i } = A(), t = d(() => a.find((L) => L.route === n), [n, a]), D = d(() => t?.component ?? (i ? /* @__PURE__ */ e(W, { subtitle: m }) : /* @__PURE__ */ e(x, {})), [t, i, m]), g = d(() => i ? !0 : !t, [t, i]), k = d(() => i ? !0 : t, [t, i]);
-  return /* @__PURE__ */ s(r, { "data-testid": "base-view-container", className: _ ?? "", gap: "", fullWidth: !0, children: [
+  return /* @__PURE__ */ s(r, { "data-testid": "base-view-container", className: _ ?? "", gap: "none", fullWidth: !0, children: [
     g && /* @__PURE__ */ e(r, { gap: "none", className: i ? o.desktopList : o.mobileList, children: /* @__PURE__ */ s(r, { direction: "vertical", fullWidth: !0, gap: i ? "standard" : "dense", children: [
       c && /* @__PURE__ */ e(u, { "data-testid": "heading", heading: c, level: 4, marginBottom: 0, children: l }),
       /* @__PURE__ */ e(

package/dist/components/BaseView/BaseView.test.js

@@ -1,5 +1,5 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
-import { a as r, s as e, f as p } from "../../react.esm-DNwojocF.js";
+import { a as r, s as e, f as p } from "../../react.esm-CX1WJ2Pp.js";
 import { a as l } from "../../useBreakpoints-MzTZ0tCT.js";
 import { BaseView as i } from "./BaseView.js";
 import { d as u, b as m, v as c, t as n, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";

package/dist/components/BasicHeading/BasicHeading.test.js

@@ -1,6 +1,6 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
 import { B as g } from "../../index.es-CiqbARoC.js";
-import { a, s as n } from "../../react.esm-DNwojocF.js";
+import { a, s as n } from "../../react.esm-CX1WJ2Pp.js";
 import { BasicHeading as i } from "./BasicHeading.js";
 import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 h("BasicHeading-Test", () => {

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

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { a as s, s as o, f as n } from "../../react.esm-DNwojocF.js";
+import { a as s, s as o, f as n } from "../../react.esm-CX1WJ2Pp.js";
 import { BlockView as i } from "./BlockView.js";
 import { d as a, v as B, t as r, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 a("BlockView Test", () => {

package/dist/components/ChipCard/ChipCard.test.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { a, s as i } from "../../react.esm-DNwojocF.js";
+import { a, s as i } from "../../react.esm-CX1WJ2Pp.js";
 import { ChipCard as n } from "./ChipCard.js";
 import { d as s, t as c, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 s("ChipCard Component", () => {

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a as B, s as t, f as o, w as s } from "../../react.esm-DNwojocF.js";
+import { a as B, s as t, f as o, w as s } from "../../react.esm-CX1WJ2Pp.js";
 import { ContextMenu as p } from "./ContextMenu.js";
 import { v as l, d as k, t as T, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 const C = l.fn(), a = l.fn(), i = l.fn(), g = [
@@ -15,7 +15,7 @@ k("ContextMenu Test", () => {
   }), 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();
+    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");
     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.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as e } from "../../react.esm-DNwojocF.js";
+import { a as c, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { DeleteModal as b } from "./DeleteModal.js";
 import { d as B, t as a, v as o, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 B("DeleteModal Test", () => {

package/dist/components/Disclaimer/Disclaimer.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as r, s as t } from "../../react.esm-DNwojocF.js";
+import { a as r, s as t } from "../../react.esm-CX1WJ2Pp.js";
 import { Disclaimer as s } from "./Disclaimer.js";
 import { d as i, t as m, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 i("Disclaimer test", () => {

package/dist/components/EmptyView/EmptyView.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as o, w as r, f as l } from "../../react.esm-DNwojocF.js";
+import { a as s, s as o, w as r, f as l } from "../../react.esm-CX1WJ2Pp.js";
 import { EmptyView as c } from "./EmptyView.js";
 import { d as h, t as T, g as e, v as d } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 h("EmptyView", () => {

package/dist/components/Filter/Filter.test.js

@@ -1,11 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import { a, s as t, f as c, t as u, w as d } from "../../react.esm-DNwojocF.js";
+import { jsx as i } from "react/jsx-runtime";
+import { a, s as t, f as u, w as d } from "../../react.esm-CX1WJ2Pp.js";
+import { act as c } from "react";
 import { a as s } from "../../useBreakpoints-MzTZ0tCT.js";
 import { Filter as T } from "./Filter.js";
-import { v as x, b as f, d as y, t as B, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
-const o = x.fn();
+import { v as m, b as f, d as y, t as B, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+const o = m.fn();
 f(() => {
-  x.spyOn(s, "useBreakpoints").mockReturnValue({
+  m.spyOn(s, "useBreakpoints").mockReturnValue({
     isDesktop: !0,
     isMobile: !1,
     isTablet: !1,
@@ -49,7 +50,7 @@ y("Filter", () => {
   ];
   B("should render filter", () => {
     a(
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         T,
         {
           filters: l,
@@ -63,15 +64,15 @@ y("Filter", () => {
         }
       )
     ), e(t.getByText("filterButtonText")).toBeInTheDocument(), e(t.getByText("filterModalTitle")).toBeInTheDocument(), e(t.getByText("modalCancelButtonText")).toBeInTheDocument(), e(t.getByText("modalConfirmButtonText")).toBeInTheDocument(), e(t.getByText("clearFilterText")).toBeInTheDocument(), e(t.getByText("Filter 1")).toBeInTheDocument(), e(t.getByText("Filter 2")).toBeInTheDocument(), e(t.getByText("Option 1")).toBeInTheDocument(), e(t.getByText("Option 3")).toBeInTheDocument(), e(t.getByTestId("farm")).toBeInTheDocument(), e(t.getByText("Filter Toggle")).toBeInTheDocument();
-    const i = t.getByRole("textbox");
-    e(i.getAttribute("placeholder")).toBe("Filter Search");
-    const m = t.getByRole("button", { name: "modalConfirmButtonText" });
-    c.click(m), u.act(() => {
+    const r = t.getByRole("textbox");
+    e(r.getAttribute("placeholder")).toBe("Filter Search");
+    const x = t.getByRole("button", { name: "modalConfirmButtonText" });
+    u.click(x), c(() => {
       e(o).toHaveBeenCalledTimes(1), e(t.getByText("2")).toBeInTheDocument();
     });
   }), B("should clear filter", () => {
     a(
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         T,
         {
           filters: l,
@@ -85,13 +86,13 @@ y("Filter", () => {
         }
       )
     );
-    const i = t.getByText("clearFilterText");
-    c.click(i), u.act(() => {
+    const r = t.getByText("clearFilterText");
+    u.click(r), c(() => {
       e(o).toHaveBeenCalledTimes(1), e(t.queryByTestId("filter-badge")).not.toBeInTheDocument();
     });
   }), B("should close filter", () => {
     a(
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         T,
         {
           filters: l,
@@ -105,15 +106,15 @@ y("Filter", () => {
         }
       )
     );
-    const i = t.getByRole("button", { name: "modalCancelButtonText" });
-    c.click(i), u.act(() => {
+    const r = t.getByRole("button", { name: "modalCancelButtonText" });
+    u.click(r), c(() => {
       e(o).toHaveBeenCalledTimes(1), e(t.queryByTestId("filter-badge")).not.toBeInTheDocument();
     }), d(() => {
       e(t.queryByText("filterModalTitle")).not.toBeInTheDocument(), e(t.queryByText("modalCancelButtonText")).not.toBeInTheDocument(), e(t.queryByText("modalConfirmButtonText")).not.toBeInTheDocument(), e(t.queryByText("clearFilterText")).not.toBeInTheDocument();
     });
   }), B("should render as icon button ", () => {
     a(
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         T,
         {
           filters: l,
@@ -130,7 +131,7 @@ y("Filter", () => {
     ), e(t.queryByText("filterButtonText")).not.toBeInTheDocument(), e(t.getByText("filter_list_alt")).toBeInTheDocument(), e(t.getByText("filter_list_alt").tagName).toBe("I");
   }), B("should render filter without modal", () => {
     a(
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         T,
         {
           filters: l,

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a as n, s as t, f as m } from "../../../react.esm-DNwojocF.js";
+import { a as n, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormCheckBox as c } from "./FormCheckBox.js";
 import { v as e, d as h, t as l, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const a = e.fn();

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as a, f as m } from "../../../react.esm-DNwojocF.js";
+import { a as s, s as a, f as m } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormDatePicker as c } from "./FormDatePicker.js";
 import { v as e, d as f, t as l, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const i = e.fn();

package/dist/components/FormComponents/FormNumber/FormNumber.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a, s as n } from "../../../react.esm-DNwojocF.js";
+import { a, s as n } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormNumber as s } from "./FormNumber.js";
 import { v as e, d as m, t as f, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const l = e.fn();

package/dist/components/FormComponents/FormRadio/FormRadio.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as t, f as m } from "../../../react.esm-DNwojocF.js";
+import { a as s, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormRadio as l } from "./FormRadio.js";
 import { v as e, d as c, t as i, g as o } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const r = e.fn();

package/dist/components/FormComponents/FormSelect/FormSelect.test.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a, s as t, f as T, w as p } from "../../../react.esm-DNwojocF.js";
-import { u as B } from "../../../index-CrcXCSzI.js";
+import { a, s as t, f as T, w as p } from "../../../react.esm-CX1WJ2Pp.js";
+import { u as B } from "../../../index-I7uTh4Tr.js";
 import { FormSelect as i } from "./FormSelect.js";
 import { SelectTooltipText as d } from "./SelectTooltipText.js";
 import { v as n, d as f, t as u, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";

package/dist/components/FormComponents/FormSlider/FormSlider.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a, s as n } from "../../../react.esm-DNwojocF.js";
+import { a, s as n } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormSlider as l } from "./FormSlider.js";
 import { v as e, d as m, t as i, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const o = e.fn();

package/dist/components/FormComponents/FormText/FormText.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as r, f as i } from "../../../react.esm-DNwojocF.js";
+import { a as s, s as r, f as i } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormText as o } from "./FormText.js";
 import { v as a, d as u, t as l, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const d = a.fn();

package/dist/components/FormComponents/FormToggle/FormToggle.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a as n, s as t, f as m } from "../../../react.esm-DNwojocF.js";
+import { a as n, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormToggle as l } from "./FormToggle.js";
 import { v as e, d as f, t as c, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const a = e.fn();

package/dist/components/GenericTable/GenericTable.test.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { a as o, s as e } from "../../react.esm-DNwojocF.js";
+import { a as o, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { a as m } from "../../useBreakpoints-MzTZ0tCT.js";
 import { GenericTable as s } from "./GenericTable.js";
 import { d as h, v as r, t as i, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";

package/dist/components/GenericTable/Mobile/GenericCard.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../index.es-6TJ1S8Jr.js";
-import { G as a } from "../../../GenericCard-6J558OgP.js";
+import { G as a } from "../../../GenericCard-CelFEWlW.js";
 import "../../../index.es-CF_xy2ns.js";
 import "react";
 import "../../OverflowTooltip/OverflowTooltip.js";

package/dist/components/GenericTable/Mobile/GenericCard.test.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as o } from "../../../react.esm-DNwojocF.js";
-import { G as i } from "../../../GenericCard-6J558OgP.js";
+import { a as c, s as o } from "../../../react.esm-CX1WJ2Pp.js";
+import { G as i } from "../../../GenericCard-CelFEWlW.js";
 import { d as m, t as s, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 m("GenericCard", () => {
   const d = {

package/dist/components/GenericTable/Mobile/GenericCardList.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { G as d } from "../../../index.es-DntoATwO.js";
 import { P as l } from "../../../index.es-D-CKRzIB.js";
 import { a as c } from "../../../index.es-CF_xy2ns.js";
-import { s as t, G as m } from "../../../GenericCard-6J558OgP.js";
+import { s as t, G as m } from "../../../GenericCard-CelFEWlW.js";
 const g = ({
   columns: n,
   data: e,

package/dist/components/GenericTable/Mobile/GenericCardList.test.js

@@ -1,8 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { a as r, s as n, w as l } from "../../../react.esm-DNwojocF.js";
+import { jsx as n } from "react/jsx-runtime";
+import { a as r, s as o, w as l } from "../../../react.esm-CX1WJ2Pp.js";
 import { GenericCardList as s } from "./GenericCardList.js";
-import { d as g, t as i, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
-g("GenericCardList", () => {
+import { d as m, t as i, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+m("GenericCardList", () => {
   const d = [
     { id: "name", header: "Name", accessor: "name", asCardTitle: !0 },
     { id: "age", header: "Age", accessor: "age" },
@@ -14,19 +14,19 @@ g("GenericCardList", () => {
       name: "John Doe",
       age: 30,
       gender: "male",
-      actions: /* @__PURE__ */ o("button", { children: "View" })
+      actions: /* @__PURE__ */ n("button", { children: "View" })
     },
     {
       id: 2,
       name: "Jane Smith",
       age: 25,
       gender: "female",
-      actions: /* @__PURE__ */ o("button", { children: "Edit" })
+      actions: /* @__PURE__ */ n("button", { children: "Edit" })
     }
   ];
   i("renders noContentText when data is empty", () => {
     r(
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ n(
         s,
         {
           columns: d,
@@ -36,11 +36,11 @@ g("GenericCardList", () => {
         }
       )
     );
-    const a = n.getByText("No data available");
+    const a = o.getByText("No data available");
     e(a).toBeInTheDocument();
   }), i("renders cards with correct data", () => {
     r(
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ n(
         s,
         {
           columns: d,
@@ -50,13 +50,13 @@ g("GenericCardList", () => {
         }
       )
     );
-    const a = n.getAllByTestId("card-title");
+    const a = o.getAllByTestId("card-title");
     e(a).toHaveLength(2), e(a[0]).toHaveTextContent("John Doe"), e(a[1]).toHaveTextContent("Jane Smith");
-    const t = n.getAllByTestId("card-body");
+    const t = o.getAllByTestId("card-body");
     e(t).toHaveLength(2), e(t[0]).toHaveTextContent("Age:"), e(t[0]).toHaveTextContent("30"), e(t[1]).toHaveTextContent("Age:"), e(t[1]).toHaveTextContent("25");
   }), i("renders columns in correct order", () => {
     r(
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ n(
         s,
         {
           columns: d,
@@ -66,10 +66,10 @@ g("GenericCardList", () => {
         }
       )
     ), l(() => {
-      const a = n.getAllByTestId("card-body");
+      const a = o.getAllByTestId("card-body");
       e(a).toHaveLength(1);
-      const t = n.getAllByTestId("row");
-      e(t).toHaveLength(3), n.debug(), e(t[0]).toHaveTextContent("Gender:"), e(t[1]).toHaveTextContent("Age:"), e(t[1]).toHaveTextContent("Id:");
+      const t = o.getAllByTestId("row");
+      e(t).toHaveLength(3), e(t[0]).toHaveTextContent("Gender:"), e(t[1]).toHaveTextContent("Age:"), e(t[1]).toHaveTextContent("Id:");
     });
   });
 });

package/dist/components/HashTabView/HashTabView.test.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
-import { a, s as e, f as r } from "../../react.esm-DNwojocF.js";
+import { a, s as e, f as r } from "../../react.esm-CX1WJ2Pp.js";
 import { HashTabView as c } from "./HashTabView.js";
 import { d as h, t as l, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 const m = [

package/dist/components/HeaderFilter/HeaderFilter.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as i, s as t, f as T } from "../../react.esm-DNwojocF.js";
+import { a as i, s as t, f as T } from "../../react.esm-CX1WJ2Pp.js";
 import { HeaderFilter as s } from "./HeaderFilter.js";
 import { d as c, t as o, v as l, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 c("HeaderFilter-Test", () => {

package/dist/components/HealthCheckFailed/HealthCheckFailed.test.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as s, s as e } from "../../react.esm-DNwojocF.js";
+import { a as s, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { HealthCheckFailed as r } from "./HealthCheckFailed.js";
 import { d as h, t as i, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 h("HealthCheckFailed Component", () => {

package/dist/components/Iconify/Iconify.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { Iconify as c } from "./Iconify.js";
 import { AvailableCustomIcons as l } from "../../enums/AvailableCustomIcons.js";
-import { a as r, w as s, s as i } from "../../react.esm-DNwojocF.js";
+import { a as r, w as s, s as i } from "../../react.esm-CX1WJ2Pp.js";
 import { d as f, t as a, g as o } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 f("Iconify Test", async () => {
   const m = Object.keys(l).filter((e) => isNaN(Number(e)));

package/dist/components/InfoGroup/InfoGroup.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as l, s as t } from "../../react.esm-DNwojocF.js";
+import { a as l, s as t } from "../../react.esm-CX1WJ2Pp.js";
 import { InfoGroup as r } from "./InfoGroup.js";
 import { d as s, t as i, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 s("InfoGroup Test", () => {

package/dist/components/ListArea/ListArea.test.js

@@ -1,6 +1,6 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { c as p } from "../../index.es-CF_xy2ns.js";
-import { a as s, s as a, f as u } from "../../react.esm-DNwojocF.js";
+import { a as s, s as a, f as u } from "../../react.esm-CX1WJ2Pp.js";
 import { ListArea as c } from "./ListArea.js";
 import { g as h } from "../../ListAreaService-DOwtdRa4.js";
 import { d as m, t as n, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { s as r, B as n } from "../../../BigLoadingSpinner-iegTbDcD.js";
-import { a as i, s as e } from "../../../react.esm-DNwojocF.js";
+import { a as i, s as e } from "../../../react.esm-CX1WJ2Pp.js";
 import { d as g, t as a, g as t } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 g("BigLoadingSpinner Test", () => {
   a("render BigLoadingSpinner with custom loading text", () => {

package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js

@@ -1,5 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a, s as e, b as s } from "../../../react.esm-DNwojocF.js";
+import { a, s as e } from "../../../react.esm-CX1WJ2Pp.js";
+import { act as s } from "react";
 import { LoadingSpinner as i } from "./LoadingSpinner.js";
 import { d as m, b as d, t as o, g as t, a as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 m("LoadingSpinner Test", () => {

package/dist/components/Modal/Modal.js

@@ -924,7 +924,7 @@ const Rt = "_modal_a4n3a_1", Bt = {
   {
     ...i,
     "data-testid": "modal",
-    className: `${i.className ?? ""} ${i.modalSize === "fullscreen" ? Bt.modal : ""}`
+    className: `${Bt.modal} ${i.className ?? ""}`
   }
 );
 export {

package/dist/components/ModulePadding/ModulePadding.test.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { a as o, s as e } from "../../react.esm-DNwojocF.js";
+import { a as o, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { a } from "../../useBreakpoints-MzTZ0tCT.js";
 import { ModulePadding as d } from "./ModulePadding.js";
 import { d as r, t as i, v as n, g as s } from "../../vi.CjhMlMwf-BCJNwXvu.js";
@@ -10,7 +10,7 @@ r("ModulePadding Test", () => {
       isTablet: !1,
       isDesktop: !0,
       isDesktopNavbar: !0
-    }), o(/* @__PURE__ */ t(d, { children: "Content" })), e.debug(), s(e.getByText("Content")).toBeInTheDocument(), s(e.getByTestId("module-padding")).toHaveClass("lmnt-padding--standard");
+    }), o(/* @__PURE__ */ t(d, { children: "Content" })), s(e.getByText("Content")).toBeInTheDocument(), s(e.getByTestId("module-padding")).toHaveClass("lmnt-padding--standard");
   }), i("should render with padding of 8px for mobile", () => {
     n.spyOn(a, "useBreakpoints").mockReturnValue({
       isMobile: !0,

package/dist/components/OverflowTooltip/OverflowTooltip.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { T as n } from "../../index.es-CF_xy2ns.js";
-import { a as i, s as e, w as s } from "../../react.esm-DNwojocF.js";
-import { u as a } from "../../index-CrcXCSzI.js";
+import { a as i, s as e, w as s } from "../../react.esm-CX1WJ2Pp.js";
+import { u as a } from "../../index-I7uTh4Tr.js";
 import { OverflowTooltip as c } from "./OverflowTooltip.js";
 import { d as u, t as p, g as r } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 u("OverflowTooltip Test", () => {

package/dist/components/Scrollbar/scrollbar.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a, s as e } from "../../react.esm-DNwojocF.js";
+import { a, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { ScrollbarY as d, ScrollbarX as l } from "./Scrollbar.js";
 import { d as c, t, g as o } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 c("Scrollbar", () => {

package/dist/components/SearchBar/SearchBar.test.js

@@ -1,5 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as r, s as t, f as h, b as l } from "../../react.esm-DNwojocF.js";
+import { a as r, s as t, f as h } from "../../react.esm-CX1WJ2Pp.js";
+import { act as l } from "react";
 import { SearchBar as s } from "./SearchBar.js";
 import { d as m, t as o, v as n, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 m("SearchBar Test", () => {

package/dist/components/Select/Select.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a, s as c } from "../../react.esm-DNwojocF.js";
+import { a, s as c } from "../../react.esm-CX1WJ2Pp.js";
 import { Select as n } from "./Select.js";
 import { d as l, t as m, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 l("Select", () => {

package/dist/components/VerticalDivider/VerticalDivider.test.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { a as r } from "../../react.esm-DNwojocF.js";
+import { a as r } from "../../react.esm-CX1WJ2Pp.js";
 import { VerticalDivider as s } from "./VerticalDivider.js";
 import { d as o, t as l, g as i } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 o("VerticalDivider Test", () => {

package/dist/hooks/useBreakpoints.test.js

@@ -1,4 +1,4 @@
-import { r as t, w as s } from "../react.esm-DNwojocF.js";
+import { r as t, w as s } from "../react.esm-CX1WJ2Pp.js";
 import { u as o } from "../useBreakpoints-MzTZ0tCT.js";
 import { d as a, t as i, g as r } from "../vi.CjhMlMwf-BCJNwXvu.js";
 a("useBreakpoint Test", () => {

package/dist/{index-CrcXCSzI.js → index-I7uTh4Tr.js}

@@ -1,4 +1,4 @@
-import { c as Ql, d as go, e as Yl, l as js } from "./react.esm-DNwojocF.js";
+import { b as Ql, c as go, d as Yl, l as js } from "./react.esm-CX1WJ2Pp.js";
 function M(e, t, r) {
   return e.namespaceURI && e.namespaceURI !== "http://www.w3.org/1999/xhtml" || (t = Array.isArray(t) ? t : [
     t

package/dist/{react.esm-DNwojocF.js → react.esm-CX1WJ2Pp.js}

@@ -13757,14 +13757,12 @@ if ((typeof process > "u" || !process.env?.RTL_SKIP_AUTO_CLEANUP) && (typeof aft
 }
 export {
   rv as a,
-  jr as b,
-  rp as c,
-  Rl as d,
-  sp as e,
+  rp as b,
+  Rl as c,
+  sp as d,
   Re as f,
   lg as l,
   Aq as r,
   Bq as s,
-  mv as t,
   Kg as w
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.11949",
+  "version": "1.0.1",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",
@@ -9,7 +9,8 @@
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md"
   ],
   "sideEffects": [
     "**/*.css"
@@ -17,9 +18,49 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
+  "commitlint": {
+    "extends": [
+      "./node_modules/@commitlint/config-conventional"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "release": {
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      "semantic-release-ado",
+      [
+        "@semantic-release/npm",
+        {
+          "npmPublish": false
+        }
+      ],
+      [
+        "@semantic-release/changelog",
+        {
+          "changelogFile": "CHANGELOG.md"
+        }
+      ],
+      [
+        "@semantic-release/git",
+        {
+          "assets": [
+            "package.json",
+            "CHANGELOG.md"
+          ],
+          "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
+        }
+      ]
+    ]
+  },
   "scripts": {
     "start": "vite",
     "build": "tsc --p ./tsconfig-build.json && vite build",
+    "release": "npx -p semantic-release -p semantic-release-ado semantic-release",
     "test": "vitest",
     "test:ui": "vitest --ui --api 9527",
     "test:ci": "vitest run --coverage --coverage.include=lib",
@@ -37,8 +78,13 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",
+    "@commitlint/cli": "^19.8.0",
+    "@commitlint/config-conventional": "^19.8.0",
     "@element-public/react-components": "^2.0.0-alpha.1",
     "@element-public/themes": "^2.0.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/exec": "^7.0.3",
+    "@semantic-release/git": "^10.0.1",
     "@storybook/addon-essentials": "^8.5.3",
     "@storybook/addon-interactions": "^8.5.3",
     "@storybook/addon-links": "^8.5.3",
@@ -65,6 +111,7 @@
     "eslint-plugin-react-refresh": "^0.4.5",
     "eslint-plugin-storybook": "^0.11.2",
     "glob": "^10.3.10",
+    "husky": "^9.1.7",
     "jsdom": "^24.0.0",
     "lodash": "^4.17.21",
     "react": "^18.3.1",
@@ -72,6 +119,7 @@
     "react-hook-form": "^7.51.2",
     "react-number-format": "^5.4.3",
     "react-tooltip": "^5.26.4",
+    "semantic-release-ado": "^1.4.0",
     "storybook": "^8.5.3",
     "typescript": "^5.2.2",
     "vite": "^6.1.0",