@hortiview/shared-components 2.1.0 → 2.3.0

package/dist/components/Stepper/Stepper.test.js

@@ -1,95 +1,71 @@
 import { jsx as e } from "react/jsx-runtime";
-import { a as r, s as n, f as c } from "../../react.esm-CX1WJ2Pp.js";
-import { Stepper as l } from "./Stepper.js";
-import { v as s, d as a, t as p, g as o } from "../../vi.CjhMlMwf-CKxPQtd6.js";
-const i = [
+import { a as s, s as t, f as c } from "../../react.esm-CX1WJ2Pp.js";
+import { Stepper as i } from "./Stepper.js";
+import { v as l, d as a, t as p, g as n } from "../../vi.CjhMlMwf-CKxPQtd6.js";
+const o = [
   {
     name: "step1",
     step: 0,
     title: "Step 1",
     optional: !1,
-    nextButtonProps: { onClick: s.fn(), label: "Next" },
-    prevButtonProps: { onClick: s.fn(), label: "Back" }
+    nextButtonProps: { onClick: l.fn(), label: "Next" },
+    prevButtonProps: { onClick: l.fn(), label: "Back" }
   },
   {
     name: "step2",
     step: 1,
     title: "Step 2",
     optional: !1,
-    nextButtonProps: { onClick: s.fn(), label: "Next" },
-    prevButtonProps: { onClick: s.fn(), label: "Back" }
+    nextButtonProps: { onClick: l.fn(), label: "Next" },
+    prevButtonProps: { onClick: l.fn(), label: "Back" }
   },
   {
     name: "step3",
     step: 2,
     title: "Step 3",
     optional: !0,
-    nextButtonProps: { onClick: s.fn(), label: "Finish" },
-    prevButtonProps: { onClick: s.fn(), label: "Back" }
+    nextButtonProps: { onClick: l.fn(), label: "Finish" },
+    prevButtonProps: { onClick: l.fn(), label: "Back" }
   }
 ];
 a("Stepper", () => {
   p("renders the stepper header and children", () => {
-    r(
-      /* @__PURE__ */ e(l, { steps: i, currentStep: 1, isStepLoading: !1, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
-    ), o(n.queryByText("Step 1")).not.toBeInTheDocument(), o(n.getByText("Step 2")).toBeInTheDocument(), o(n.queryByText("Step 3")).not.toBeInTheDocument(), o(n.getByText("Step Content")).toBeInTheDocument();
+    s(
+      /* @__PURE__ */ e(i, { steps: o, currentStep: 1, isStepLoading: !1, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
+    ), n(t.queryByText("Step 1")).not.toBeInTheDocument(), n(t.getByText("Step 2")).toBeInTheDocument(), n(t.queryByText("Step 3")).not.toBeInTheDocument(), n(t.getByText("Step Content")).toBeInTheDocument();
   }), p("disables the next button when isStepLoading is true", () => {
-    r(
-      /* @__PURE__ */ e(l, { steps: i, currentStep: 1, isStepLoading: !0, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
+    s(
+      /* @__PURE__ */ e(i, { steps: o, currentStep: 1, isStepLoading: !0, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
     );
-    const t = n.getByText("Next").closest("button");
-    o(t).toBeDisabled();
+    const r = t.getByText("Next").closest("button");
+    n(r).toBeDisabled();
   }), p("calls nextButtonProps.onClick when next button is clicked", () => {
-    const t = s.fn();
-    i[1].nextButtonProps.onClick = t, r(
-      /* @__PURE__ */ e(
-        l,
-        {
-          steps: i,
-          currentStep: 1,
-          isStepLoading: !1,
-          children: /* @__PURE__ */ e("div", { children: "Step Content" })
-        }
-      )
-    ), c.click(n.getByText("Next")), o(t).toHaveBeenCalled();
+    const r = l.fn();
+    o[1].nextButtonProps.onClick = r, s(
+      /* @__PURE__ */ e(i, { steps: o, currentStep: 1, isStepLoading: !1, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
+    ), c.click(t.getByText("Next")), n(r).toHaveBeenCalled();
   }), p("calls prevButtonProps.onClick when prev button is clicked", () => {
-    const t = s.fn();
-    i[1].prevButtonProps.onClick = t, r(
-      /* @__PURE__ */ e(
-        l,
-        {
-          steps: i,
-          currentStep: 1,
-          isStepLoading: !1,
-          children: /* @__PURE__ */ e("div", { children: "Step Content" })
-        }
-      )
-    ), c.click(n.getByText("Back")), o(t).toHaveBeenCalled();
+    const r = l.fn();
+    o[1].prevButtonProps.onClick = r, s(
+      /* @__PURE__ */ e(i, { steps: o, currentStep: 1, isStepLoading: !1, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
+    ), c.click(t.getByText("Back")), n(r).toHaveBeenCalled();
   }), p("does not render the prev button on the first step", () => {
-    r(
-      /* @__PURE__ */ e(
-        l,
-        {
-          steps: i,
-          currentStep: 0,
-          isStepLoading: !1,
-          children: /* @__PURE__ */ e("div", { children: "Step Content" })
-        }
-      )
-    ), o(n.queryByText("Back")).not.toBeInTheDocument();
+    s(
+      /* @__PURE__ */ e(i, { steps: o, currentStep: 0, isStepLoading: !1, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
+    ), n(t.queryByText("Back")).not.toBeInTheDocument();
   }), p("renders the next button as submit on last step", () => {
-    r(
-      /* @__PURE__ */ e(
-        l,
-        {
-          steps: i,
-          currentStep: 2,
-          isStepLoading: !1,
-          children: /* @__PURE__ */ e("div", { children: "Step Content" })
-        }
-      )
+    s(
+      /* @__PURE__ */ e(i, { steps: o, currentStep: 2, isStepLoading: !1, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
     );
-    const t = n.getByText("Finish").closest("button");
-    o(t).toHaveAttribute("type", "submit");
+    const r = t.getByText("Finish").closest("button");
+    n(r).toHaveAttribute("type", "submit");
+  }), p("does not render the stepper header when showStepperHeader is false", () => {
+    s(
+      /* @__PURE__ */ e(i, { steps: o, currentStep: 1, isStepLoading: !1, showStepperHeader: !1, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
+    ), n(t.queryByTestId("stepper-header")).not.toBeInTheDocument();
+  }), p("does not render stepper button icons when showArrowIcon is false", () => {
+    o[1].nextButtonProps.showArrowIcon = !1, o[1].prevButtonProps.showArrowIcon = !1, s(
+      /* @__PURE__ */ e(i, { steps: o, currentStep: 1, isStepLoading: !1, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
+    ), n(t.queryByText("arrow_forward")).not.toBeInTheDocument(), n(t.queryByText("arrow_back")).not.toBeInTheDocument();
   });
 });

package/dist/components/Stepper/components/StepperButton.d.ts

@@ -6,9 +6,12 @@ import { StepperButtonProps } from '../stepperTypes';
  * @param onClick - The function to be called when the button is clicked.
  * @param disabled - Whether the button is disabled or not.
  * @param className - Additional class names to apply to the button.
+ * @param showArrowIcon - Whether to show a leading arrow icon for the button. Defaults to true.
+ * @param buttonSize - The size of the button, defaults to 'themeDefault'.
+ * @param fullWidth - Whether the button should take the full width of its container. Defaults to true.
  * @returns
  */
-export declare const StepperPreviousButton: ({ label, onClick, disabled, className, }: StepperButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperPreviousButton: ({ label, onClick, disabled, className, showArrowIcon, buttonSize, fullWidth, }: StepperButtonProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * A button component for the stepper that is used to go to the next step.
  * @param label - The label of the button.
@@ -17,9 +20,12 @@ export declare const StepperPreviousButton: ({ label, onClick, disabled, classNa
  * @param className - Additional class names to apply to the button.
  * @param isStepLoading - A boolean indicating if the current step is loading. If true, the next button will show a loading state and be disabled.
  * @param isLastStep - A boolean indicating if this is the last step. If true, the button will submit the form instead of going to the next step.
+ * @param showArrowIcon - Whether to show a trailing arrow icon for the button. Defaults to true.
+ * @param buttonSize - The size of the button, defaults to 'themeDefault'.
+ * @param fullWidth - Whether the button should take the full width of its container. Defaults to true.
  * @returns
  */
-export declare const StepperNextButton: ({ label, onClick, disabled, className, isStepLoading, isLastStep, }: StepperButtonProps & {
+export declare const StepperNextButton: ({ label, onClick, disabled, className, isStepLoading, isLastStep, showArrowIcon, buttonSize, fullWidth, }: StepperButtonProps & {
     isStepLoading?: boolean;
     isLastStep?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/components/StepperButton.js

@@ -1,44 +1,60 @@
-import { jsx as a } from "react/jsx-runtime";
-import { B as p } from "../../../index.es-CiqbARoC.js";
-import { s } from "../../../stepper.module-HuqmDJPj.js";
-const c = ({
-  label: t,
-  onClick: r,
-  disabled: e,
-  className: o
-}) => /* @__PURE__ */ a(
-  p,
+import { jsx as p } from "react/jsx-runtime";
+import { B as s } from "../../../index.es-CiqbARoC.js";
+import { useMemo as c } from "react";
+import { s as i } from "../../../stepper.module-HuqmDJPj.js";
+const $ = ({
+  label: o,
+  onClick: u,
+  disabled: n,
+  className: a,
+  showArrowIcon: t = !0,
+  buttonSize: e = "themeDefault",
+  fullWidth: r = !0
+}) => /* @__PURE__ */ p(
+  s,
   {
     "data-testid": "stepper-previous-button",
-    className: `${s.stepperButton} ${o ?? ""}`,
-    onClick: r,
-    disabled: e,
-    fullWidth: !0,
+    className: `${i.stepperButton} ${a ?? ""}`,
+    onClick: u,
+    disabled: n,
+    fullWidth: r,
+    buttonSize: e,
     variant: "outlined",
-    leadingIcon: "arrow_back",
-    children: t
+    leadingIcon: t ? "arrow_back" : void 0,
+    type: "button",
+    children: o
   }
-), m = ({
-  label: t,
-  onClick: r,
-  disabled: e,
-  className: o,
-  isStepLoading: n,
-  isLastStep: u
-}) => /* @__PURE__ */ a(
-  p,
-  {
-    "data-testid": "stepper-next-button",
-    className: `${s.stepperButton} ${n ? s.stepperButtonLoading : ""} ${o ?? ""}`,
-    onClick: r,
-    disabled: n || e,
-    fullWidth: !0,
-    trailingIcon: n || u ? void 0 : "arrow_forward",
-    type: u ? "submit" : "button",
-    children: t
-  }
-);
+), x = ({
+  label: o,
+  onClick: u,
+  disabled: n,
+  className: a,
+  isStepLoading: t,
+  isLastStep: e,
+  showArrowIcon: r = !0,
+  buttonSize: m = "themeDefault",
+  fullWidth: d = !0
+}) => {
+  const l = c(() => {
+    if (!t && !e)
+      return r ? "arrow_forward" : void 0;
+  }, [e, t, r]);
+  return /* @__PURE__ */ p(
+    s,
+    {
+      "data-testid": "stepper-next-button",
+      className: `${i.stepperButton} ${t ? i.stepperButtonLoading : ""} ${a ?? ""}`,
+      onClick: u,
+      disabled: t || n,
+      fullWidth: d,
+      trailingIcon: l,
+      type: e ? "submit" : "button",
+      buttonSize: m,
+      children: o
+    }
+  );
+};
 export {
-  m as StepperNextButton,
-  c as StepperPreviousButton
+  x as StepperNextButton,
+  $ as StepperPreviousButton
 };

package/dist/components/Stepper/stepperTypes.d.ts

@@ -40,8 +40,11 @@ export type Step = {
  * @param {boolean} disabled - Whether the button is disabled or not.
  * @param {() => void} onClick - The function to be called when the button is clicked.
  * @param {string | ReactNode} label - The label of the button.
+ * @param {boolean} showArrowIcon - Whether to show a leading/trailing arrow icon for the button.
+ * @param {string} buttonSize - The size of the button, defaults to 'themeDefault'.
+ * @param {boolean} fullWidth - Whether the button should take the full width of its container. *
  */
-export type StepperButtonProps = Pick<ButtonProps, 'className' | 'disabled'> & {
+export type StepperButtonProps = Pick<ButtonProps, 'className' | 'disabled' | 'fullWidth'> & {
     /**
      * The function to be called when the button is clicked.
      */
@@ -50,11 +53,22 @@ export type StepperButtonProps = Pick<ButtonProps, 'className' | 'disabled'> & {
      * The label of the button.
      */
     label: string | ReactNode;
+    /**
+     * Whether to show a leading/trailing arrow icon for the button.
+     */
+    showArrowIcon?: boolean;
+    /**
+     * Property adapted from Element library
+     */
+    buttonSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'themeDefault';
 };
 /**
  * @param {Step[]} steps - An array of steps for the stepper.
  * @param {number} currentStep - The current step index.
  * @param {boolean} isStepLoading - A boolean indicating if the current step is loading. If true, the next button will be disabled and show a loading state.
+ * @param {boolean} showStepperHeader - An indicator of whether to show the stepper header. Defaults to true.
+ * @param {string} stepperButtonAlignment - The alignment of the stepper button group. Defaults to 'center'.
+ * @param {boolean} showPreviousButtonOnFirstStep - A flag which indicates if the previous button should be shown on the first step. This can be useful for canceling the stepper.
  */
 export type StepperProps = {
     /**
@@ -69,6 +83,22 @@ export type StepperProps = {
      * a flag which indicates if the current step is loading.
      */
     isStepLoading?: boolean;
+    /**
+     * An indicator of whether to show the stepper header.
+     * @default true
+     */
+    showStepperHeader?: boolean;
+    /**
+     * The alignment of the stepper button group.
+     * @default 'center'
+     */
+    stepperButtonAlignment?: 'center' | 'space-between';
+    /**
+     * A flag which indicates if the previous button should be shown on the first step.
+     * This can be useful for canceling the stepper.
+     * @default false
+     */
+    showPreviousButtonOnFirstStep?: boolean;
 };
 /**
  * @param {Step[]} steps - An array of steps for the stepper.

package/dist/main.d.ts

@@ -1,4 +1,5 @@
 export { AlertBanner } from './components/AlertBanner/AlertBanner';
+export { LinkBanner } from './components/AlertBanner/LinkBanner';
 export { BaseView } from './components/BaseView/BaseView';
 export { BasicHeading } from './components/BasicHeading/BasicHeading';
 export { BlockView } from './components/BlockView/BlockView';
@@ -20,6 +21,7 @@ export { ListArea } from './components/ListArea/ListArea';
 export { LoadingSpinner } from './components/LoadingSpinner/Default/LoadingSpinner';
 export { Modal } from './components/Modal/Modal';
 export { ModulePadding } from './components/ModulePadding/ModulePadding';
+export { OnboardingBanner } from './components/OnboardingBanner/OnboardingBanner';
 export { OverflowTooltip } from './components/OverflowTooltip/OverflowTooltip';
 export { ScrollbarX, ScrollbarY } from './components/Scrollbar/Scrollbar';
 export { SearchBar } from './components/SearchBar/SearchBar';
@@ -28,7 +30,6 @@ export { StepperHeader } from './components/Stepper/components/StepperHeader';
 export { StepperIndicator } from './components/Stepper/components/StepperIndicator';
 export { Stepper } from './components/Stepper/Stepper';
 export { VerticalDivider } from './components/VerticalDivider/VerticalDivider';
-export { OnboardingBanner } from './components/OnboardingBanner/OnboardingBanner';
 export { FormCheckBox } from './components/FormComponents/FormCheckBox/FormCheckBox';
 export { FormDatePicker } from './components/FormComponents/FormDatePicker/FormDatePicker';
 export { FormNumber } from './components/FormComponents/FormNumber/FormNumber';
@@ -40,17 +41,17 @@ export { FormToggle } from './components/FormComponents/FormToggle/FormToggle';
 export { AvailableCustomIcons } from './enums/AvailableCustomIcons';
 export { ThemeColor } from './enums/ThemeColor';
 export { useBreakpoints } from './hooks/useBreakpoints';
-export { capitalizeFirstLetters, getNumberAsLocaleString, trimLeadingAndTrailingSpaces, } from './services/UtilService';
+export { capitalizeFirstLetters, getNumberAsLocaleString, trimLeadingAndTrailingSpaces } from './services/UtilService';
 export type { ActionProps } from './components/ContextMenu/ContextMenu';
 export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';
 export type { FormTextProps } from './components/FormComponents/FormText/FormText';
 export type { HealthCheckFailedProps } from './components/HealthCheckFailed/HealthCheckFailed';
 export type { FieldItem } from './components/InfoGroup/InfoGroup';
 export type { LoadingSpinnerProps } from './components/LoadingSpinner/Default/LoadingSpinner';
-export type { Step, StepperBaseProps, StepperButtonProps, StepperProps, } from './components/Stepper/stepperTypes';
+export type { Step, StepperBaseProps, StepperButtonProps, StepperProps } from './components/Stepper/stepperTypes';
 export type { FilterData, FilterOption, FilterSelection } from './types/Filter';
 export type { CellTemplate, CellTemplateProps, TableLayoutProps } from './types/GenericTable';
 export type { HashTab } from './types/HashTab';
 export type { BaseListElement, ListElement } from './types/ListElement';
-export { AVAILABLE_COUNTRY_KEYS, AVAILABLE_LOCALES, ENGLISH_LANGUAGE_ID, GERMAN_LANGUAGE_ID, LANGUAGE_CODES_MAPPER, LANGUAGE_ID_MAPPER, SPANISH_LANGUAGE_ID, TURKISH_LANGUAGE_ID, } from './types/Languages';
+export { AVAILABLE_COUNTRY_KEYS, AVAILABLE_LOCALES, ENGLISH_LANGUAGE_ID, GERMAN_LANGUAGE_ID, LANGUAGE_CODES_MAPPER, LANGUAGE_ID_MAPPER, SPANISH_LANGUAGE_ID, TURKISH_LANGUAGE_ID } from './types/Languages';
 export type { AVAILABLE_LANGUAGE_CODES, LANGUAGE_COUNTRY_CODES } from './types/Languages';

package/dist/main.js

@@ -1,100 +1,102 @@
-import { AlertBanner as e } from "./components/AlertBanner/AlertBanner.js";
-import { BaseView as m } from "./components/BaseView/BaseView.js";
-import { BasicHeading as f } from "./components/BasicHeading/BasicHeading.js";
-import { BlockView as a } from "./components/BlockView/BlockView.js";
-import { ChipCard as l } from "./components/ChipCard/ChipCard.js";
-import { ContextMenu as n } from "./components/ContextMenu/ContextMenu.js";
-import { DeleteModal as d } from "./components/DeleteModal/DeleteModal.js";
-import { DetailContentWrapper as L } from "./components/DetailContentWrapper/DetailContentWrapper.js";
-import { Disclaimer as G } from "./components/Disclaimer/Disclaimer.js";
-import { EmptyView as _ } from "./components/EmptyView/EmptyView.js";
-import { Filter as F } from "./components/Filter/Filter.js";
-import { FormattedNumberDisplay as D } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
-import { GenericTable as g } from "./components/GenericTable/GenericTable.js";
-import { HashTabView as b } from "./components/HashTabView/HashTabView.js";
-import { HeaderFilter as T } from "./components/HeaderFilter/HeaderFilter.js";
-import { HealthCheckFailed as U } from "./components/HealthCheckFailed/HealthCheckFailed.js";
-import { Iconify as M } from "./components/Iconify/Iconify.js";
-import { InfoGroup as V } from "./components/InfoGroup/InfoGroup.js";
-import { ListArea as k } from "./components/ListArea/ListArea.js";
-import { LoadingSpinner as O } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
-import { Modal as y } from "./components/Modal/Modal.js";
-import { ModulePadding as K } from "./components/ModulePadding/ModulePadding.js";
-import { OverflowTooltip as W } from "./components/OverflowTooltip/OverflowTooltip.js";
-import { ScrollbarX as j, ScrollbarY as q } from "./components/Scrollbar/Scrollbar.js";
-import { SearchBar as Q } from "./components/SearchBar/SearchBar.js";
-import { Select as $ } from "./components/Select/Select.js";
-import { StepperHeader as or } from "./components/Stepper/components/StepperHeader.js";
-import { StepperIndicator as tr } from "./components/Stepper/components/StepperIndicator.js";
-import { Stepper as pr } from "./components/Stepper/Stepper.js";
-import { VerticalDivider as xr } from "./components/VerticalDivider/VerticalDivider.js";
-import { OnboardingBanner as ir } from "./components/OnboardingBanner/OnboardingBanner.js";
-import { FormCheckBox as Ar } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as cr } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormNumber as Sr } from "./components/FormComponents/FormNumber/FormNumber.js";
-import { FormRadio as Er } from "./components/FormComponents/FormRadio/FormRadio.js";
-import { FormSelect as sr } from "./components/FormComponents/FormSelect/FormSelect.js";
-import { FormSlider as Ir } from "./components/FormComponents/FormSlider/FormSlider.js";
-import { FormText as Nr } from "./components/FormComponents/FormText/FormText.js";
-import { FormToggle as Cr } from "./components/FormComponents/FormToggle/FormToggle.js";
-import { AvailableCustomIcons as Br } from "./enums/AvailableCustomIcons.js";
-import { ThemeColor as ur } from "./enums/ThemeColor.js";
-import { u as Hr } from "./useBreakpoints-MzTZ0tCT.js";
-import { capitalizeFirstLetters as hr, getNumberAsLocaleString as Mr, trimLeadingAndTrailingSpaces as Pr } from "./services/UtilService.js";
-import { AVAILABLE_COUNTRY_KEYS as Rr, AVAILABLE_LOCALES as kr, ENGLISH_LANGUAGE_ID as wr, GERMAN_LANGUAGE_ID as Or, LANGUAGE_CODES_MAPPER as vr, LANGUAGE_ID_MAPPER as yr, SPANISH_LANGUAGE_ID as Yr, TURKISH_LANGUAGE_ID as Kr } from "./types/Languages.js";
+import { A as e } from "./AlertBanner-75jjene1.js";
+import { LinkBanner as m } from "./components/AlertBanner/LinkBanner.js";
+import { BaseView as f } from "./components/BaseView/BaseView.js";
+import { BasicHeading as a } from "./components/BasicHeading/BasicHeading.js";
+import { BlockView as l } from "./components/BlockView/BlockView.js";
+import { ChipCard as n } from "./components/ChipCard/ChipCard.js";
+import { ContextMenu as d } from "./components/ContextMenu/ContextMenu.js";
+import { DeleteModal as S } from "./components/DeleteModal/DeleteModal.js";
+import { DetailContentWrapper as E } from "./components/DetailContentWrapper/DetailContentWrapper.js";
+import { Disclaimer as _ } from "./components/Disclaimer/Disclaimer.js";
+import { EmptyView as F } from "./components/EmptyView/EmptyView.js";
+import { Filter as D } from "./components/Filter/Filter.js";
+import { FormattedNumberDisplay as C } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
+import { GenericTable as b } from "./components/GenericTable/GenericTable.js";
+import { HashTabView as T } from "./components/HashTabView/HashTabView.js";
+import { HeaderFilter as U } from "./components/HeaderFilter/HeaderFilter.js";
+import { HealthCheckFailed as M } from "./components/HealthCheckFailed/HealthCheckFailed.js";
+import { Iconify as V } from "./components/Iconify/Iconify.js";
+import { InfoGroup as R } from "./components/InfoGroup/InfoGroup.js";
+import { ListArea as O } from "./components/ListArea/ListArea.js";
+import { LoadingSpinner as y } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
+import { Modal as K } from "./components/Modal/Modal.js";
+import { ModulePadding as W } from "./components/ModulePadding/ModulePadding.js";
+import { OnboardingBanner as j } from "./components/OnboardingBanner/OnboardingBanner.js";
+import { OverflowTooltip as J } from "./components/OverflowTooltip/OverflowTooltip.js";
+import { ScrollbarX as Z, ScrollbarY as $ } from "./components/Scrollbar/Scrollbar.js";
+import { SearchBar as or } from "./components/SearchBar/SearchBar.js";
+import { Select as tr } from "./components/Select/Select.js";
+import { StepperHeader as pr } from "./components/Stepper/components/StepperHeader.js";
+import { StepperIndicator as xr } from "./components/Stepper/components/StepperIndicator.js";
+import { Stepper as ir } from "./components/Stepper/Stepper.js";
+import { VerticalDivider as Ar } from "./components/VerticalDivider/VerticalDivider.js";
+import { FormCheckBox as cr } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
+import { FormDatePicker as Lr } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormNumber as sr } from "./components/FormComponents/FormNumber/FormNumber.js";
+import { FormRadio as Gr } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { FormSelect as Ir } from "./components/FormComponents/FormSelect/FormSelect.js";
+import { FormSlider as Nr } from "./components/FormComponents/FormSlider/FormSlider.js";
+import { FormText as Br } from "./components/FormComponents/FormText/FormText.js";
+import { FormToggle as gr } from "./components/FormComponents/FormToggle/FormToggle.js";
+import { AvailableCustomIcons as ur } from "./enums/AvailableCustomIcons.js";
+import { ThemeColor as Hr } from "./enums/ThemeColor.js";
+import { u as hr } from "./useBreakpoints-MzTZ0tCT.js";
+import { capitalizeFirstLetters as Pr, getNumberAsLocaleString as Vr, trimLeadingAndTrailingSpaces as kr } from "./services/UtilService.js";
+import { AVAILABLE_COUNTRY_KEYS as wr, AVAILABLE_LOCALES as Or, ENGLISH_LANGUAGE_ID as vr, GERMAN_LANGUAGE_ID as yr, LANGUAGE_CODES_MAPPER as Yr, LANGUAGE_ID_MAPPER as Kr, SPANISH_LANGUAGE_ID as zr, TURKISH_LANGUAGE_ID as Wr } from "./types/Languages.js";
 export {
-  Rr as AVAILABLE_COUNTRY_KEYS,
-  kr as AVAILABLE_LOCALES,
+  wr as AVAILABLE_COUNTRY_KEYS,
+  Or as AVAILABLE_LOCALES,
   e as AlertBanner,
-  Br as AvailableCustomIcons,
-  m as BaseView,
-  f as BasicHeading,
-  a as BlockView,
-  l as ChipCard,
-  n as ContextMenu,
-  d as DeleteModal,
-  L as DetailContentWrapper,
-  G as Disclaimer,
-  wr as ENGLISH_LANGUAGE_ID,
-  _ as EmptyView,
-  F as Filter,
-  Ar as FormCheckBox,
-  cr as FormDatePicker,
-  Sr as FormNumber,
-  Er as FormRadio,
-  sr as FormSelect,
-  Ir as FormSlider,
-  Nr as FormText,
-  Cr as FormToggle,
-  D as FormattedNumberDisplay,
-  Or as GERMAN_LANGUAGE_ID,
-  g as GenericTable,
-  b as HashTabView,
-  T as HeaderFilter,
-  U as HealthCheckFailed,
-  M as Iconify,
-  V as InfoGroup,
-  vr as LANGUAGE_CODES_MAPPER,
-  yr as LANGUAGE_ID_MAPPER,
-  k as ListArea,
-  O as LoadingSpinner,
-  y as Modal,
-  K as ModulePadding,
-  ir as OnboardingBanner,
-  W as OverflowTooltip,
-  Yr as SPANISH_LANGUAGE_ID,
-  j as ScrollbarX,
-  q as ScrollbarY,
-  Q as SearchBar,
-  $ as Select,
-  pr as Stepper,
-  or as StepperHeader,
-  tr as StepperIndicator,
-  Kr as TURKISH_LANGUAGE_ID,
-  ur as ThemeColor,
-  xr as VerticalDivider,
-  hr as capitalizeFirstLetters,
-  Mr as getNumberAsLocaleString,
-  Pr as trimLeadingAndTrailingSpaces,
-  Hr as useBreakpoints
+  ur as AvailableCustomIcons,
+  f as BaseView,
+  a as BasicHeading,
+  l as BlockView,
+  n as ChipCard,
+  d as ContextMenu,
+  S as DeleteModal,
+  E as DetailContentWrapper,
+  _ as Disclaimer,
+  vr as ENGLISH_LANGUAGE_ID,
+  F as EmptyView,
+  D as Filter,
+  cr as FormCheckBox,
+  Lr as FormDatePicker,
+  sr as FormNumber,
+  Gr as FormRadio,
+  Ir as FormSelect,
+  Nr as FormSlider,
+  Br as FormText,
+  gr as FormToggle,
+  C as FormattedNumberDisplay,
+  yr as GERMAN_LANGUAGE_ID,
+  b as GenericTable,
+  T as HashTabView,
+  U as HeaderFilter,
+  M as HealthCheckFailed,
+  V as Iconify,
+  R as InfoGroup,
+  Yr as LANGUAGE_CODES_MAPPER,
+  Kr as LANGUAGE_ID_MAPPER,
+  m as LinkBanner,
+  O as ListArea,
+  y as LoadingSpinner,
+  K as Modal,
+  W as ModulePadding,
+  j as OnboardingBanner,
+  J as OverflowTooltip,
+  zr as SPANISH_LANGUAGE_ID,
+  Z as ScrollbarX,
+  $ as ScrollbarY,
+  or as SearchBar,
+  tr as Select,
+  ir as Stepper,
+  pr as StepperHeader,
+  xr as StepperIndicator,
+  Wr as TURKISH_LANGUAGE_ID,
+  Hr as ThemeColor,
+  Ar as VerticalDivider,
+  Pr as capitalizeFirstLetters,
+  Vr as getNumberAsLocaleString,
+  kr as trimLeadingAndTrailingSpaces,
+  hr as useBreakpoints
 };

package/dist/types/ListElement.d.ts

@@ -95,4 +95,8 @@ export type ListElement = Omit<BaseListElement, 'component'> & {
      * a custom class name for the list item
      */
     listItemClassName?: string;
+    /**
+     * data-testid for testing
+     */
+    'data-testid'?: string;
 };

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": "2.1.0",
+  "version": "2.3.0",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",