@hortiview/shared-components 1.10.0 → 1.12.0

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [1.12.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.11.0...v1.12.0) (2025-06-02)
+
+### Features
+
+* add fullWidth prop to SearchBar component for customizable width ([8ac95ad](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/8ac95ad120740a15d33083d31a6ed32dad600eba))
+
+### Code Refactoring
+
+* add additional props tableActionPosition, tableElevationLevel to generic table ([e095294](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/e095294e3438f9908b98ffeebca5ecc00aced161))
+
+## [1.11.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.10.0...v1.11.0) (2025-05-28)
+
+### Features
+
+* introduce stepper component ([4519232](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/4519232b157fef0ee86b2b4fae99cf06a50a4754))
+* move button props to steps ([9237df3](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/9237df37c46015e4f869c87d4aa3d094bbcec2f1))
+* update stepper to include buttons and content ([e5af269](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/e5af26940f06d1b3035075b0045d91f96f6cad3e))
+
 ## [1.10.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.9.0...v1.10.0) (2025-05-26)
 
 ### Features

package/README.md

@@ -55,6 +55,7 @@ Additionally the library provides form components using [react-hook-form](https:
 1. [ScrollBar](#scrollbar)
 1. [SearchBar](#searchbar)
 1. [Select](#select)
+1. [Stepper](#stepper)
 1. [VerticalDivider](#verticaldivider)
 
 ## Available Utility Functions:
@@ -859,7 +860,7 @@ Provides the normal Element modal with one additional change. If you are on full
 This will set the modal size on an area between the mobile controls.
 
 The modal also includes a custom header, which has a close button of type `button`.
-The base Element design button has type `submit`, which breaks forms inside of the modal. 
+The base Element design button has type `submit`, which breaks forms inside of the modal.
 Please provide `onClose` and `title` props to get it work properly.
 
 ```jsx
@@ -964,6 +965,47 @@ import { Select } from '@hortiview/shared-components';
 />;
 ```
 
+### Stepper
+
+Provides a simple stepper component, which contains the step indicators, a title text and buttons to navigate forwards and backwards.
+Be aware that you need to control the Stepper flow by your own, like:
+
+```jsx
+import { Step, Stepper } from '@hortiview/shared-components';
+
+const steps: Step[] = [
+  {
+    name: 'first',
+    step: 0,
+    title: 'First Step',
+    optional: false,
+  },
+  {
+    name: 'second',
+    step: 1,
+    title: 'Second Step',
+    optional: true,
+  },
+];
+
+const [currentStep, setCurrentStep] = useState(0);
+
+<Stepper
+  steps={steps}
+  currentStep={currentStep}
+  nextButtonProps={{
+    label: currentStep < args.steps.length - 1 ? 'Next' : 'Finish',
+    onClick: () =>
+      currentStep < args.steps.length - 1
+        ? setCurrentStep(currentStep + 1)
+        : setCurrentStep(args.steps.length - 1),
+  }}
+  prevButtonProps={{
+    onClick: () => (currentStep > 0 ? setCurrentStep(currentStep - 1) : setCurrentStep(0)),
+  }}
+/>;
+```
+
 ### VerticalDivider
 
 Provides a simple vertical divider.

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

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { b as r } from "./index.es-CF_xy2ns.js";
+import { T as r } from "./index.es-D54RuMc_.js";
 import { Iconify as d } from "./components/Iconify/Iconify.js";
 import './assets/BigLoadingSpinner.css';const e = "_loadingBigOverlay_7dxo1_1", s = "_bigLoadSpinnerCard_7dxo1_12", g = "_bigLoadSpinnerCardText_7dxo1_27", t = "_logo_7dxo1_33", o = {
   loadingBigOverlay: e,
@@ -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 })
-] }), _ = (a) => /* @__PURE__ */ i("div", { "data-testid": "big-loading-spinner", className: o.loadingBigOverlay, children: /* @__PURE__ */ i(l, { ...a }) });
+] }), b = (a) => /* @__PURE__ */ i("div", { "data-testid": "big-loading-spinner", className: o.loadingBigOverlay, children: /* @__PURE__ */ i(l, { ...a }) });
 export {
-  _ as B,
+  b as B,
   o as s
 };

package/dist/{GenericCard-CelFEWlW.js → GenericCard-DuNnB9Ve.js}

@@ -3,7 +3,7 @@ import { C as W, a as z, b as D, c as E, d as M } from "./index.es-6TJ1S8Jr.js";
 import { c as x, _ as P, P as e } from "./identity-DLWZln-X.js";
 import b, { forwardRef as $, useMemo as f, useRef as j, useImperativeHandle as q, createContext as F, useContext as I } from "react";
 import { d as U } from "./index.es-da0cf7oE.js";
-import { d as O } from "./index.es-CF_xy2ns.js";
+import { d as O } from "./index.es-D54RuMc_.js";
 import { OverflowTooltip as k } from "./components/OverflowTooltip/OverflowTooltip.js";
 import './assets/GenericCard.css';const R = /* @__PURE__ */ F({}), V = {
   /**

package/dist/{ListAreaService-DOwtdRa4.js → ListAreaService-Wq9IkwWN.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as z } from "react/jsx-runtime";
-import { G as b } from "./index.es-DntoATwO.js";
-import { I as B } from "./index.es-3043KTnb.js";
-import { c as C, d as N, b as O } from "./index.es-CF_xy2ns.js";
+import { G as B } from "./index.es-DntoATwO.js";
+import { I as C } from "./index.es-3043KTnb.js";
+import { c as b, d as N, T as O } from "./index.es-D54RuMc_.js";
 import { Iconify as $ } from "./components/Iconify/Iconify.js";
 import { AvailableCustomIcons as k } from "./enums/AvailableCustomIcons.js";
 import './assets/ListAreaService.css';const E = "_fullWidth_zewqs_1", j = "_mainElevation_zewqs_5", G = "_searchbar_zewqs_11", W = "_roundedBottom_zewqs_19", L = "_primaryText_zewqs_24", S = "_list_zewqs_28", A = "_listItem_zewqs_56", P = "_iconColor_zewqs_76", D = "_overlineTitle_zewqs_80", F = "_noOverlineTitle_zewqs_85", H = "_truncate_zewqs_89", J = "_truncateOverlineText_zewqs_100", n = {
@@ -21,7 +21,7 @@ import './assets/ListAreaService.css';const E = "_fullWidth_zewqs_1", j = "_main
   const i = t.reduce((o, c) => {
     const { groupName: e, ...m } = c;
     return !e || typeof e != "string" || (o[e] || (o[e] = {
-      groupName: /* @__PURE__ */ r(C, { children: e }),
+      groupName: /* @__PURE__ */ r(b, { children: e }),
       id: e,
       items: []
     }), o[e].items = [
@@ -54,7 +54,7 @@ import './assets/ListAreaService.css';const E = "_fullWidth_zewqs_1", j = "_main
     key: i,
     select: u,
     primaryText: i,
-    secondaryText: /* @__PURE__ */ z(b, { direction: "vertical", gap: "none", children: [
+    secondaryText: /* @__PURE__ */ z(B, { direction: "vertical", gap: "none", children: [
       T ?? /* @__PURE__ */ r(
         N,
         {
@@ -84,7 +84,7 @@ import './assets/ListAreaService.css';const E = "_fullWidth_zewqs_1", j = "_main
         children: _
       }
     ) : void 0,
-    trailingBlock: I ?? f ?? /* @__PURE__ */ r(B, { icon: "arrow_right", className: n.iconColor }),
+    trailingBlock: I ?? f ?? /* @__PURE__ */ r(C, { icon: "arrow_right", className: n.iconColor }),
     leadingBlock: K(g),
     value: m,
     componentProps: {

package/dist/assets/GenericTable.css

@@ -1 +1 @@
-._topBar_1msoo_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_1msoo_5{padding:1rem;width:inherit!important}._emptyTable_1msoo_9{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_1msoo_17{border-radius:.4rem;width:100%}._table_1msoo_22,._table_1msoo_22 [class*=mdc-data-table__table-container]{border-radius:.4rem}
+._topBar_1tmb3_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_1tmb3_5{padding:1rem;width:inherit!important}._start_1tmb3_10{padding-top:0;padding-bottom:0}._emptyTable_1tmb3_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_1tmb3_23{border-radius:.4rem;width:100%}._table_1tmb3_28,._table_1tmb3_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._noBorder_1tmb3_36{border:none}

package/dist/assets/stepper.css

@@ -0,0 +1 @@
+._stepperIndicatorItem_78nle_1{height:var(--lmnt-stepper-indicator__size);width:var(--lmnt-stepper-indicator__size);background-color:#c7c7c7;border-radius:50%}._stepperIndicatorItemActive_78nle_8{background-color:var(--lmnt-theme-primary)}._stepperIndicatorItemOptional_78nle_12{border:1.5px dashed #7e7e7e}._stepperContainer_78nle_16{background-color:var(--lmnt-theme-primary-50);border:1px solid var(--lmnt-theme-on-surface-stroke);border-radius:.25rem;padding:.75rem 1rem}._stepperTitle_78nle_23{text-align:center;color:var(--lmnt-theme-on-secondary-inactive)}._stepperButton_78nle_28{margin-bottom:0}._stepperButtonLoading_78nle_32{padding-top:.375rem!important;padding-bottom:.375rem!important}._stepperButtonLoading_78nle_32 svg{stroke:var(--lmnt-theme-white)!important}

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,7 +1,7 @@
 import { jsx as n, Fragment as a, jsxs as t } from "react/jsx-runtime";
 import { G as l } from "../../index.es-DntoATwO.js";
 import { I as _ } from "../../index.es-3043KTnb.js";
-import { b as m } from "../../index.es-CF_xy2ns.js";
+import { T as m } from "../../index.es-D54RuMc_.js";
 import '../../assets/AlertBanner.css';const d = "_messageContainer_1i2s1_1", g = "_info_1i2s1_9", p = "_danger_1i2s1_14", f = "_success_1i2s1_19", u = "_warning_1i2s1_24", y = "_closeIcon_1i2s1_29", e = {
   messageContainer: d,
   info: g,
@@ -9,7 +9,7 @@ import '../../assets/AlertBanner.css';const d = "_messageContainer_1i2s1_1", g =
   success: f,
   warning: u,
   closeIcon: y
-}, C = ({
+}, b = ({
   text: s,
   color: r = "info",
   isOpen: i = !0,
@@ -20,5 +20,5 @@ import '../../assets/AlertBanner.css';const d = "_messageContainer_1i2s1_1", g =
   o && /* @__PURE__ */ n(_, { icon: "close", iconSize: "small", onClick: o, className: e.closeIcon })
 ] }) }) : /* @__PURE__ */ n(a, {});
 export {
-  C as AlertBanner
+  b as AlertBanner
 };

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

@@ -2,7 +2,7 @@ import { jsx as e, Fragment as m } from "react/jsx-runtime";
 import { a as t, s } from "../../react.esm-CX1WJ2Pp.js";
 import { a as o } 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 a } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as p, b as c, a as l, t as r, g as a } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 p("AlertBanner Test", () => {
   c(() => {
     l.spyOn(o, "useBreakpoints").mockReturnValue({

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

@@ -2,7 +2,7 @@ import { jsx as a, Fragment as s } from "react/jsx-runtime";
 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";
+import { d as u, b as m, a as c, t as n, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 u("BaseView Test", () => {
   m(() => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import { I as u } from "../../index.es-3043KTnb.js";
-import { T as y, b as C } from "../../index.es-CF_xy2ns.js";
+import { b as y, T as C } from "../../index.es-D54RuMc_.js";
 import { Iconify as w } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as j } from "../../enums/AvailableCustomIcons.js";
 import { u as I } from "../../useBreakpoints-MzTZ0tCT.js";

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

@@ -2,7 +2,7 @@ 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-CX1WJ2Pp.js";
 import { BasicHeading as i } from "./BasicHeading.js";
-import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 h("BasicHeading-Test", () => {
   s("render small container without content", () => {
     a(/* @__PURE__ */ o(i, { heading: "Test" }));

package/dist/components/BlockView/BlockView.js

@@ -1,5 +1,5 @@
 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 { d as C, b as R, a as B } from "../../index.es-D54RuMc_.js";
 import { useState as A, useEffect as D, useMemo as S } from "react";
 import { getBlockNumberByDto as F } from "../../services/BlockService.js";
 import '../../assets/BlockView.css';const M = "_grid_17o13_1", V = "_black_17o13_11", j = "_blockLayout_17o13_15", q = "_blockRow_17o13_26", G = "_block_17o13_15", H = "_active_17o13_45", I = "_error_17o13_51", J = "_empty_17o13_57", K = "_blockText_17o13_61", O = "_emptyLayout_17o13_70", o = {

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

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 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";
+import { d as a, a as B, t as r, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 a("BlockView Test", () => {
   const c = B.fn(), e = {
     id: "1",

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 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";
+import { d as s, t as c, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 s("ChipCard Component", () => {
   const r = "Test Label", o = "domain";
   c("renders the correct label and icon", () => {

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { I as f } from "../../index.es-0lQcz8m1.js";
-import { M as d, L as _, a as p } from "../../index.es-d5xhUpJZ.js";
+import { M as d, L as _, a as p } from "../../index.es-fnFnw2P1.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 = {

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 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";
+import { a as l, d as k, t as T, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.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" },

package/dist/components/DeleteModal/DeleteModal.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as p, Fragment as i } from "react/jsx-runtime";
 import { B as u } from "../../index.es-CiqbARoC.js";
 import { G as c } from "../../index.es-DntoATwO.js";
 import { I as D } from "../../index.es-3043KTnb.js";
-import { b as l } from "../../index.es-CF_xy2ns.js";
+import { T as l } from "../../index.es-D54RuMc_.js";
 import { u as k } from "../../uniqueId-NU3-C36A.js";
 import { AvailableCustomIcons as I } from "../../enums/AvailableCustomIcons.js";
 import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";

package/dist/components/DeleteModal/DeleteModal.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 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";
+import { d as B, t as a, a as o, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 B("DeleteModal Test", () => {
   a("should render the DeleteModal properly", () => {
     c(

package/dist/components/Disclaimer/Disclaimer.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { G as n } from "../../index.es-DntoATwO.js";
 import { I as t } from "../../index.es-3043KTnb.js";
-import { d as m, b as d } from "../../index.es-CF_xy2ns.js";
+import { d as m, T as d } from "../../index.es-D54RuMc_.js";
 import '../../assets/Disclaimer.css';const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", a = {
   disclaimer: p,
   iconArea: y

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 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";
+import { d as i, t as m, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 i("Disclaimer test", () => {
   m("should render with default text", () => {
     r(/* @__PURE__ */ o(s, { text: "disclaimer.default" })), e(t.getByText("disclaimer.default")).toBeInTheDocument();

package/dist/components/EmptyView/EmptyView.js

@@ -1,8 +1,8 @@
 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 w, useImperativeHandle as H, useMemo as y } from "react";
-import { e as N, b as O } from "../../index.es-CF_xy2ns.js";
+import { c as P, _ as T, P as e } from "../../identity-DLWZln-X.js";
+import c, { forwardRef as C, useRef as w, useImperativeHandle as H, useMemo as y } from "react";
+import { e as N, T as O } from "../../index.es-D54RuMc_.js";
 import { I as B } from "../../index.es-3043KTnb.js";
 const j = {
   /**
@@ -157,7 +157,7 @@ const j = {
   className: void 0,
   overlayThemeColor: "dark",
   position: "full"
-}, f = /* @__PURE__ */ T((r, o) => {
+}, f = /* @__PURE__ */ C((r, o) => {
   const {
     children: a,
     className: l,
@@ -167,14 +167,14 @@ const j = {
   } = 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({
+  return /* @__PURE__ */ c.createElement("div", T({
     className: d
   }, i), a && a);
 });
 f.displayName = "HeroOverlay";
 f.propTypes = R;
 f.defaultProps = U;
-const v = /* @__PURE__ */ T((r, o) => {
+const v = /* @__PURE__ */ C((r, o) => {
   const {
     alignment: a,
     children: l,
@@ -191,7 +191,7 @@ const v = /* @__PURE__ */ T((r, o) => {
     ...i,
     backgroundImage: `url(${t})`
   } : i, [t, i]);
-  return /* @__PURE__ */ c.createElement("div", C({
+  return /* @__PURE__ */ c.createElement("div", T({
     ref: p,
     className: k,
     style: h
@@ -200,7 +200,7 @@ const v = /* @__PURE__ */ T((r, o) => {
 v.displayName = "Hero";
 v.propTypes = j;
 v.defaultProps = A;
-const b = /* @__PURE__ */ T((r, o) => {
+const b = /* @__PURE__ */ C((r, o) => {
   const {
     children: a,
     className: l,
@@ -219,7 +219,7 @@ const b = /* @__PURE__ */ T((r, o) => {
     ...g,
     padding: s
   }), [s, g]);
-  return /* @__PURE__ */ c.createElement("div", C({
+  return /* @__PURE__ */ c.createElement("div", T({
     ref: h,
     className: E
   }, k, {

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 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";
+import { d as h, t as T, g as e, a } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 h("EmptyView", () => {
   T("should render", () => {
     s(/* @__PURE__ */ n(c, {})), e(o.getByText("dashbord")).toBeInTheDocument();
@@ -16,12 +16,12 @@ h("EmptyView", () => {
     const t = o.getByText("SUB_TITLE");
     e(t).toBeInTheDocument(), e(t).toHaveClass(/headline6/);
   }), T("should render with an action", async () => {
-    const t = d.fn();
+    const t = a.fn();
     s(/* @__PURE__ */ n(c, { icon: "add", action: /* @__PURE__ */ n("button", { onClick: t, children: "BUTTON" }) }));
     const i = o.getByText("BUTTON");
     e(i).toBeInTheDocument(), await r(() => l.click(i)), e(t).toHaveBeenCalledTimes(1);
   }), T("should render with a text and a button", async () => {
-    const t = d.fn();
+    const t = a.fn();
     s(
       /* @__PURE__ */ n(
         c,
@@ -34,8 +34,8 @@ h("EmptyView", () => {
     );
     const i = o.getByText("BUTTON");
     e(i).toBeInTheDocument();
-    const a = o.getByText("MY_TEXT");
-    e(a).toBeInTheDocument();
+    const d = o.getByText("MY_TEXT");
+    e(d).toBeInTheDocument();
   }), T("should render with text only", async () => {
     s(
       /* @__PURE__ */ n(

package/dist/components/Filter/Filter.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as b, Fragment as D } from "react/jsx-runtime";
-import { N as F } from "../../index.es-d5xhUpJZ.js";
+import { N as F } from "../../index.es-fnFnw2P1.js";
 import { B as h } from "../../index.es-CiqbARoC.js";
 import { G as _ } from "../../index.es-DntoATwO.js";
 import { I as W } from "../../index.es-0lQcz8m1.js";

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

@@ -3,7 +3,7 @@ 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 m, b as f, d as y, t as B, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as m, b as f, d as y, t as B, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 const o = m.fn();
 f(() => {
   m.spyOn(s, "useBreakpoints").mockReturnValue({

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as C, jsxs as pa } from "react/jsx-runtime";
 import { B as ba } from "../../../index.es-CiqbARoC.js";
-import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-zr101OF5.js";
+import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-CoFul5zR.js";
 import { D as ka } from "../../../index.es-BWgXLqXn.js";
 import { P as Ma } from "../../../index.es-D-CKRzIB.js";
 import { useMemo as V, useState as $a } from "react";

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as a, f as m } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as r, 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";
+import { a as e, d as f, t as l, g as a } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const i = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),
@@ -44,13 +44,13 @@ f("FormDatePicker Test", () => {
     s(
       /* @__PURE__ */ n(c, { propertyName: "birthday", label: "user.date-of-birth", closeLabel: "close", maxRangeYear: 0 })
     );
-    const t = a.getByRole("textbox");
-    r(t).toBeInTheDocument(), r(t).toBeInstanceOf(HTMLInputElement), r(a.getByText("user.date-of-birth")).toBeInTheDocument(), r(a.getByText("close")).toBeInTheDocument();
+    const t = r.getByRole("textbox");
+    a(t).toBeInTheDocument(), a(t).toBeInstanceOf(HTMLInputElement), a(r.getByText("user.date-of-birth")).toBeInTheDocument(), a(r.getByText("close")).toBeInTheDocument();
   }), l("change FormDatePicker value", () => {
     s(
       /* @__PURE__ */ n(c, { propertyName: "birthday", label: "user.date-of-birth", closeLabel: "close", maxRangeYear: 0 })
     );
-    const t = a.getByRole("textbox"), o = /* @__PURE__ */ new Date();
-    m.change(t, { target: { value: o } }), r(t.getAttribute("value")).toBe(o.toString());
+    const t = r.getByRole("textbox"), o = /* @__PURE__ */ new Date();
+    m.change(t, { target: { value: o } }), a(t.getAttribute("value")).toBe(o.toString());
   });
 });

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 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";
+import { a as e, d as m, t as f, g as r } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const l = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 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";
+import { a as e, d as c, t as i, g as o } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const r = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

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

@@ -3,7 +3,7 @@ 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";
+import { a as n, d as f, t as u, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const g = n.fn();
 n.mock("react-hook-form", () => ({
   ...n.importActual("react-hook-form"),

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

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { G as p } from "../../../index.es-DntoATwO.js";
-import { b as d } from "../../../index.es-CF_xy2ns.js";
+import { T as d } from "../../../index.es-D54RuMc_.js";
 const m = ({ value: r, textKey: t, valueKey: e }) => {
   if (!(!r || r.length === 0))
     return Array.isArray(r) ? /* @__PURE__ */ i(p, { "data-testid": "select-tooltip", direction: "vertical", gap: "dense", children: r?.map((o) => /* @__PURE__ */ i(d, { level: 2, children: o[t] }, o[e])) }) : r?.[t];

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

@@ -1,7 +1,7 @@
-import { jsx as s } from "react/jsx-runtime";
-import { a, s as n } from "../../../react.esm-CX1WJ2Pp.js";
+import { jsx as a } from "react/jsx-runtime";
+import { a as s, 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";
+import { a as e, d as m, t as i, g as r } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const o = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),
@@ -42,7 +42,7 @@ e.mock("react-hook-form", () => ({
 }));
 m("FormSlider Test", () => {
   i("render FormSlider", () => {
-    a(/* @__PURE__ */ s(l, { propertyName: "slide", label: "slide", maxValue: 10, minValue: 0, step: 2 }));
+    s(/* @__PURE__ */ a(l, { propertyName: "slide", label: "slide", maxValue: 10, minValue: 0, step: 2 }));
     const t = n.getByRole("slider");
     r(t).toBeInTheDocument(), r(t).toHaveAttribute("max", "10"), r(t).toHaveAttribute("min", "0"), r(t).toHaveAttribute("step", "2");
   });

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

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as v, jsxs as z } from "react/jsx-runtime";
 import { T as M } from "../../../index.es-25EARqhH.js";
-import { a as P } from "../../../index.es-CF_xy2ns.js";
+import { a as P } from "../../../index.es-D54RuMc_.js";
 import { useState as V, useCallback as W, useMemo as m } from "react";
 import { useFormContext as D, Controller as _ } from "react-hook-form";
 import { useHelperText as E } from "../../../hooks/useHelperText.js";

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 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";
+import { a, d as u, t as l, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const d = a.fn();
 a.mock("react-hook-form", () => ({
   ...a.importActual("react-hook-form"),

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

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
 import { G as d } from "../../../index.es-DntoATwO.js";
 import { S as f } from "../../../index.es-8GOVkuo-.js";
-import { a as h } from "../../../index.es-CF_xy2ns.js";
+import { a as h } from "../../../index.es-D54RuMc_.js";
 import { u as C } from "../../../uniqueId-NU3-C36A.js";
 import { useEffect as x } from "react";
 import { useFormContext as T, Controller as y } from "react-hook-form";

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

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { a as s, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormToggle as n } from "./FormToggle.js";
-import { v as e, d as u, t as l, g as o } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as e, d as u, t as l, g as o } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const c = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

package/dist/components/GenericTable/GenericTable.d.ts

@@ -57,6 +57,9 @@ import { TableLayoutProps } from '../../types/GenericTable';
  * @param pageTranslation translation for the pagination text 'Page'
  * @param pageOfTranslation translation for the pagination text 'of'
  * @param rowsPerPageTranslation translation for the pagination text 'Rows per page'
+ * @param tableActionPosition position of the table actions, can be 'start' or 'end'
+ * @param tableElevationLevel elevation level of the table
+ * @param tableLayout layout of the table, can be 'standard' or 'flex'
  * @returns a table based on a given type and data
  */
-export declare const GenericTable: <T>({ data, hiddenColumns, order, cellTemplates, tableActions, noContentText, headerTranslation, pagination, getRowActions, customColumnWidth, title, cardTitleColumn, cardSubTitleColumn, pageTranslation, pageOfTranslation, rowsPerPageTranslation, }: TableLayoutProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const GenericTable: <T>({ data, hiddenColumns, order, cellTemplates, tableActions, noContentText, headerTranslation, pagination, getRowActions, customColumnWidth, title, cardTitleColumn, cardSubTitleColumn, pageTranslation, pageOfTranslation, rowsPerPageTranslation, tableActionPosition, tableElevationLevel, tableLayout, }: TableLayoutProps<T>) => import("react/jsx-runtime").JSX.Element;