@hortiview/shared-components 1.10.0 → 1.12.0

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

@@ -0,0 +1,95 @@
+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 = [
+  {
+    name: "step1",
+    step: 0,
+    title: "Step 1",
+    optional: !1,
+    nextButtonProps: { onClick: s.fn(), label: "Next" },
+    prevButtonProps: { onClick: s.fn(), label: "Back" }
+  },
+  {
+    name: "step2",
+    step: 1,
+    title: "Step 2",
+    optional: !1,
+    nextButtonProps: { onClick: s.fn(), label: "Next" },
+    prevButtonProps: { onClick: s.fn(), label: "Back" }
+  },
+  {
+    name: "step3",
+    step: 2,
+    title: "Step 3",
+    optional: !0,
+    nextButtonProps: { onClick: s.fn(), label: "Finish" },
+    prevButtonProps: { onClick: s.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();
+  }), 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" }) })
+    );
+    const t = n.getByText("Next").closest("button");
+    o(t).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();
+  }), 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();
+  }), 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();
+  }), 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" })
+        }
+      )
+    );
+    const t = n.getByText("Finish").closest("button");
+    o(t).toHaveAttribute("type", "submit");
+  });
+});

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

@@ -0,0 +1,25 @@
+import { StepperButtonProps } from '../stepperTypes';
+
+/**
+ * A button component for the stepper that is used to go to the previous step.
+ * @param label - The label of the button.
+ * @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.
+ * @returns
+ */
+export declare const StepperPreviousButton: ({ label, onClick, disabled, className, }: 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.
+ * @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 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.
+ * @returns
+ */
+export declare const StepperNextButton: ({ label, onClick, disabled, className, isStepLoading, isLastStep, }: StepperButtonProps & {
+    isStepLoading?: boolean;
+    isLastStep?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+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,
+  {
+    "data-testid": "stepper-previous-button",
+    className: `${s.stepperButton} ${o ?? ""}`,
+    onClick: r,
+    disabled: e,
+    fullWidth: !0,
+    variant: "outlined",
+    leadingIcon: "arrow_back",
+    children: t
+  }
+), 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
+  }
+);
+export {
+  m as StepperNextButton,
+  c as StepperPreviousButton
+};

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

@@ -0,0 +1,9 @@
+import { StepperBaseProps } from '../stepperTypes';
+
+/**
+ * A component that displays the header of the stepper, including the step indicator (see {@link StepperIndicator}) and title.
+ * @param steps - An array of steps for the stepper.
+ * @param currentStep - The current step index.
+ * @returns
+ */
+export declare const StepperHeader: ({ steps, currentStep }: StepperBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/components/StepperHeader.js

@@ -0,0 +1,34 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { G as o } from "../../../index.es-DntoATwO.js";
+import { T as p } from "../../../index.es-D54RuMc_.js";
+import { s as i } from "../../../stepper.module-HuqmDJPj.js";
+import { StepperIndicator as s } from "./StepperIndicator.js";
+const f = ({ steps: e, currentStep: r }) => /* @__PURE__ */ a(
+  o,
+  {
+    "data-testid": "stepper-header",
+    className: i.stepperContainer,
+    gap: "dense",
+    primaryAlign: "center",
+    secondaryAlign: "center",
+    direction: "vertical",
+    fullWidth: !0,
+    children: [
+      /* @__PURE__ */ t(s, { steps: e, currentStep: r }),
+      /* @__PURE__ */ t(
+        p,
+        {
+          "data-testid": "stepper-header-description",
+          level: 2,
+          bold: !0,
+          tag: "div",
+          className: i.stepperTitle,
+          children: e[r]?.title
+        }
+      )
+    ]
+  }
+);
+export {
+  f as StepperHeader
+};

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

@@ -0,0 +1,9 @@
+import { StepperBaseProps } from '../stepperTypes';
+
+/**
+ * A component that displays the stepper indicator, showing the current step and optional steps.
+ * @param steps - An array of steps for the stepper.
+ * @param currentStep - The current step index.
+ * @returns
+ */
+export declare const StepperIndicator: ({ steps, currentStep }: StepperBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/components/StepperIndicator.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { G as p } from "../../../index.es-DntoATwO.js";
+import { s as e } from "../../../stepper.module-HuqmDJPj.js";
+const m = ({ steps: a, currentStep: i }) => /* @__PURE__ */ r(p, { gap: "dense", "data-testid": "stepper-indicator", children: a.map((t, o) => /* @__PURE__ */ r(
+  "div",
+  {
+    "data-testid": `stepper-indicator-${t.name}`,
+    className: `${e.stepperIndicatorItem}
+            ${t.optional ? e.stepperIndicatorItemOptional : ""}
+            ${o <= i ? e.stepperIndicatorItemActive : ""}`
+  },
+  `indicator_${t.name}`
+)) });
+export {
+  m as StepperIndicator
+};

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

@@ -0,0 +1,77 @@
+import { ButtonProps } from '@element-public/react-button';
+import { ReactNode } from 'react';
+
+/**
+ * @param {string} name - The unique name of the step.
+ * @param {number} step - The step number, starting from 0.
+ * @param {string} title - The title of the step showing in the Stepper.
+ * @param {boolean} optional - Whether the step is optional or not showing a different design.
+ * @param {StepperButtonProps} nextButtonProps - Props for the next button, including onClick, label, className and disabled state.
+ * @param {StepperButtonProps} prevButtonProps - Props for the previous button, including onClick, label, className and disabled state.
+ */
+export type Step = {
+    /**
+     * The unique name of the step.
+     */
+    name: string;
+    /**
+     * The step number, starting from 0.
+     */
+    step: number;
+    /**
+     * The title of the step showing in the Stepper.
+     */
+    title: string;
+    /**
+     * Whether the step is optional or not showing a different design.
+     */
+    optional: boolean;
+    /**
+     * The props for the next button, including onClick, label, className and disabled state. {@link StepperButtonProps}
+     */
+    nextButtonProps: StepperButtonProps;
+    /**
+     * The props for the previous button, including onClick, label, className and disabled state. {@link StepperButtonProps}
+     */
+    prevButtonProps: StepperButtonProps;
+};
+/**
+ * @param {string} className - The class name for the button.
+ * @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.
+ */
+export type StepperButtonProps = Pick<ButtonProps, 'className' | 'disabled'> & {
+    /**
+     * The function to be called when the button is clicked.
+     */
+    onClick: () => void;
+    /**
+     * The label of the button.
+     */
+    label: string | ReactNode;
+};
+/**
+ * @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.
+ */
+export type StepperProps = {
+    /**
+     * An array of steps for the stepper.
+     */
+    steps: Step[];
+    /**
+     * The current step index.
+     */
+    currentStep: number;
+    /**
+     * a flag which indicates if the current step is loading.
+     */
+    isStepLoading?: boolean;
+};
+/**
+ * @param {Step[]} steps - An array of steps for the stepper.
+ * @param {number} currentStep - The current step index.
+ */
+export type StepperBaseProps = Pick<StepperProps, 'steps' | 'currentStep'>;

package/dist/components/Stepper/stepperTypes.js

@@ -0,0 +1 @@
+

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 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";
+import { d as o, t as l, g as i } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 o("VerticalDivider Test", () => {
   l("it should render with basic styling", () => {
     r(/* @__PURE__ */ e(s, {}));

package/dist/hooks/useBreakpoints.test.js

@@ -1,6 +1,6 @@
 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";
+import { d as a, t as i, g as r } from "../vi.CjhMlMwf-CKxPQtd6.js";
 a("useBreakpoint Test", () => {
   i("returns object", () => {
     const { result: e } = t(() => o());

package/dist/{index.es-UHKFl8Da.js → index.es-BNHI3ZIK.js}

@@ -5,9 +5,9 @@ import { f as Ar, e as yr, h as La, k as Ya, u as Ja, d as Zt } from "./index.es
 import { T as ka, F as xr, N as za } from "./index.es-41ztjcFT.js";
 import { createPortal as ja } from "react-dom";
 import { a as _a } from "./floating-ui.dom-CeD8zknG.js";
-import { a as Lt, b as ci, c as Ua, L as Jn } from "./index.es-d5xhUpJZ.js";
+import { a as Lt, b as ci, c as Ua, L as Jn } from "./index.es-fnFnw2P1.js";
 import { S as Qa } from "./index.es-8GOVkuo-.js";
-import { d as $a, e as Ka } from "./index.es-CF_xy2ns.js";
+import { d as $a, e as Ka } from "./index.es-D54RuMc_.js";
 import { B as Er } from "./index.es-CiqbARoC.js";
 import { C as Gr } from "./index.es-BvrQnJ3j.js";
 import { c as qa, I as eo } from "./index.es-3043KTnb.js";

package/dist/{index.es-zr101OF5.js → index.es-CoFul5zR.js}

@@ -1,8 +1,8 @@
 import { c as gt, _ as Xe, P as s } from "./identity-DLWZln-X.js";
 import H, { forwardRef as yt, useContext as $r, useState as G, useRef as Ue, useMemo as at, useCallback as J, useEffect as he, useImperativeHandle as wt, cloneElement as ir } from "react";
-import { a as Lr } from "./index.es-CF_xy2ns.js";
+import { a as Lr } from "./index.es-D54RuMc_.js";
 import { I as Wt } from "./index.es-0lQcz8m1.js";
-import { c as bt, d as Qr, e as _, f as E, g as M, h as d, b as h, i as k, S as ht } from "./index.es-UHKFl8Da.js";
+import { c as bt, d as Qr, e as _, f as E, g as M, h as d, b as h, i as k, S as ht } from "./index.es-BNHI3ZIK.js";
 import { H as Rr, f as or, u as sr, p as Br, d as Oe } from "./index.es-da0cf7oE.js";
 import { P as ur } from "./index.es-D6N-XWHe.js";
 import { c as Gr, I as Xr } from "./index.es-3043KTnb.js";

package/dist/{index.es-CF_xy2ns.js → index.es-D54RuMc_.js}

@@ -665,9 +665,9 @@ D.displayName = "Typography";
 D.propTypes = z;
 D.defaultProps = F;
 export {
-  h as T,
+  f as T,
   P as a,
-  f as b,
+  h as b,
   v as c,
   C as d,
   D as e

package/dist/{index.es-d5xhUpJZ.js → index.es-fnFnw2P1.js}

@@ -14,7 +14,7 @@ import { R as Gt } from "./index.es-BtjV0oNv.js";
 import { C as Vt } from "./index.es-BvrQnJ3j.js";
 import { S as zt } from "./index.es-8GOVkuo-.js";
 import { I as je } from "./index.es-3043KTnb.js";
-import { d as ct, a as Xt } from "./index.es-CF_xy2ns.js";
+import { d as ct, a as Xt } from "./index.es-D54RuMc_.js";
 /**
  * @license
  * Copyright 2018 Google Inc.

package/dist/main.d.ts

@@ -25,6 +25,9 @@ export { OverflowTooltip } from './components/OverflowTooltip/OverflowTooltip';
 export { ScrollbarX, ScrollbarY } from './components/Scrollbar/Scrollbar';
 export { SearchBar } from './components/SearchBar/SearchBar';
 export { Select } from './components/Select/Select';
+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 { FormCheckBox } from './components/FormComponents/FormCheckBox/FormCheckBox';
 export { FormDatePicker } from './components/FormComponents/FormDatePicker/FormDatePicker';
@@ -37,16 +40,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 { 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

@@ -6,15 +6,15 @@ import { BlockView as i } from "./components/BlockView/BlockView.js";
 import { ChipCard as A } from "./components/ChipCard/ChipCard.js";
 import { ContextMenu as c } from "./components/ContextMenu/ContextMenu.js";
 import { DeleteModal as d } from "./components/DeleteModal/DeleteModal.js";
-import { DetailContentWrapper as G } from "./components/DetailContentWrapper/DetailContentWrapper.js";
+import { DetailContentWrapper as E } from "./components/DetailContentWrapper/DetailContentWrapper.js";
 import { Disclaimer as s } from "./components/Disclaimer/Disclaimer.js";
-import { EmptyView as F } from "./components/EmptyView/EmptyView.js";
+import { EmptyView as I } from "./components/EmptyView/EmptyView.js";
 import { Filter as N } from "./components/Filter/Filter.js";
 import { FormattedNumberDisplay as C } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
 import { GenericTable as u } 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 H } from "./components/HealthCheckFailed/HealthCheckFailed.js";
+import { HeaderFilter as H } from "./components/HeaderFilter/HeaderFilter.js";
+import { HealthCheckFailed as h } from "./components/HealthCheckFailed/HealthCheckFailed.js";
 import { Iconify as P } from "./components/Iconify/Iconify.js";
 import { InfoGroup as R } from "./components/InfoGroup/InfoGroup.js";
 import { ListArea as w } from "./components/ListArea/ListArea.js";
@@ -25,69 +25,75 @@ import { OverflowTooltip as X } from "./components/OverflowTooltip/OverflowToolt
 import { ScrollbarX as q, ScrollbarY as J } from "./components/Scrollbar/Scrollbar.js";
 import { SearchBar as Z } from "./components/SearchBar/SearchBar.js";
 import { Select as rr } from "./components/Select/Select.js";
-import { VerticalDivider as er } from "./components/VerticalDivider/VerticalDivider.js";
-import { FormCheckBox as mr } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as fr } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormNumber as ar } from "./components/FormComponents/FormNumber/FormNumber.js";
-import { FormRadio as lr } from "./components/FormComponents/FormRadio/FormRadio.js";
-import { FormSelect as nr } from "./components/FormComponents/FormSelect/FormSelect.js";
-import { FormSlider as Lr } from "./components/FormComponents/FormSlider/FormSlider.js";
-import { FormText as Er } from "./components/FormComponents/FormText/FormText.js";
-import { FormToggle as Sr } from "./components/FormComponents/FormToggle/FormToggle.js";
-import { AvailableCustomIcons as _r } from "./enums/AvailableCustomIcons.js";
-import { ThemeColor as Ir } from "./enums/ThemeColor.js";
-import { u as Dr } from "./useBreakpoints-MzTZ0tCT.js";
-import { capitalizeFirstLetters as gr, getNumberAsLocaleString as ur, trimLeadingAndTrailingSpaces as Br } from "./services/UtilService.js";
-import { AVAILABLE_COUNTRY_KEYS as br, AVAILABLE_LOCALES as Ur, ENGLISH_LANGUAGE_ID as hr, GERMAN_LANGUAGE_ID as Hr, LANGUAGE_CODES_MAPPER as Mr, LANGUAGE_ID_MAPPER as Pr, SPANISH_LANGUAGE_ID as Vr, TURKISH_LANGUAGE_ID as Rr } from "./types/Languages.js";
+import { StepperHeader as er } from "./components/Stepper/components/StepperHeader.js";
+import { StepperIndicator as mr } from "./components/Stepper/components/StepperIndicator.js";
+import { Stepper as fr } from "./components/Stepper/Stepper.js";
+import { VerticalDivider as ar } from "./components/VerticalDivider/VerticalDivider.js";
+import { FormCheckBox as lr } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
+import { FormDatePicker as nr } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormNumber as Sr } from "./components/FormComponents/FormNumber/FormNumber.js";
+import { FormRadio as Lr } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { FormSelect as Gr } from "./components/FormComponents/FormSelect/FormSelect.js";
+import { FormSlider as _r } from "./components/FormComponents/FormSlider/FormSlider.js";
+import { FormText as Fr } from "./components/FormComponents/FormText/FormText.js";
+import { FormToggle as Dr } from "./components/FormComponents/FormToggle/FormToggle.js";
+import { AvailableCustomIcons as gr } from "./enums/AvailableCustomIcons.js";
+import { ThemeColor as Br } from "./enums/ThemeColor.js";
+import { u as br } from "./useBreakpoints-MzTZ0tCT.js";
+import { capitalizeFirstLetters as Ur, getNumberAsLocaleString as hr, trimLeadingAndTrailingSpaces as Mr } from "./services/UtilService.js";
+import { AVAILABLE_COUNTRY_KEYS as Vr, AVAILABLE_LOCALES as Rr, ENGLISH_LANGUAGE_ID as kr, GERMAN_LANGUAGE_ID as wr, LANGUAGE_CODES_MAPPER as Or, LANGUAGE_ID_MAPPER as vr, SPANISH_LANGUAGE_ID as yr, TURKISH_LANGUAGE_ID as Yr } from "./types/Languages.js";
 export {
-  br as AVAILABLE_COUNTRY_KEYS,
-  Ur as AVAILABLE_LOCALES,
+  Vr as AVAILABLE_COUNTRY_KEYS,
+  Rr as AVAILABLE_LOCALES,
   t as AlertBanner,
-  _r as AvailableCustomIcons,
+  gr as AvailableCustomIcons,
   p as BaseView,
   x as BasicHeading,
   i as BlockView,
   A as ChipCard,
   c as ContextMenu,
   d as DeleteModal,
-  G as DetailContentWrapper,
+  E as DetailContentWrapper,
   s as Disclaimer,
-  hr as ENGLISH_LANGUAGE_ID,
-  F as EmptyView,
+  kr as ENGLISH_LANGUAGE_ID,
+  I as EmptyView,
   N as Filter,
-  mr as FormCheckBox,
-  fr as FormDatePicker,
-  ar as FormNumber,
-  lr as FormRadio,
-  nr as FormSelect,
-  Lr as FormSlider,
-  Er as FormText,
-  Sr as FormToggle,
+  lr as FormCheckBox,
+  nr as FormDatePicker,
+  Sr as FormNumber,
+  Lr as FormRadio,
+  Gr as FormSelect,
+  _r as FormSlider,
+  Fr as FormText,
+  Dr as FormToggle,
   C as FormattedNumberDisplay,
-  Hr as GERMAN_LANGUAGE_ID,
+  wr as GERMAN_LANGUAGE_ID,
   u as GenericTable,
   T as HashTabView,
-  U as HeaderFilter,
-  H as HealthCheckFailed,
+  H as HeaderFilter,
+  h as HealthCheckFailed,
   P as Iconify,
   R as InfoGroup,
-  Mr as LANGUAGE_CODES_MAPPER,
-  Pr as LANGUAGE_ID_MAPPER,
+  Or as LANGUAGE_CODES_MAPPER,
+  vr as LANGUAGE_ID_MAPPER,
   w as ListArea,
   v as LoadingSpinner,
   Y as Modal,
   z as ModulePadding,
   X as OverflowTooltip,
-  Vr as SPANISH_LANGUAGE_ID,
+  yr as SPANISH_LANGUAGE_ID,
   q as ScrollbarX,
   J as ScrollbarY,
   Z as SearchBar,
   rr as Select,
-  Rr as TURKISH_LANGUAGE_ID,
-  Ir as ThemeColor,
-  er as VerticalDivider,
-  gr as capitalizeFirstLetters,
-  ur as getNumberAsLocaleString,
-  Br as trimLeadingAndTrailingSpaces,
-  Dr as useBreakpoints
+  fr as Stepper,
+  er as StepperHeader,
+  mr as StepperIndicator,
+  Yr as TURKISH_LANGUAGE_ID,
+  Br as ThemeColor,
+  ar as VerticalDivider,
+  Ur as capitalizeFirstLetters,
+  hr as getNumberAsLocaleString,
+  Mr as trimLeadingAndTrailingSpaces,
+  br as useBreakpoints
 };

package/dist/services/services.test.js

@@ -1,6 +1,6 @@
 import { getBlockNumberByDto as r } from "./BlockService.js";
 import { capitalizeFirstLetters as a, trimLeadingAndTrailingSpaces as o } from "./UtilService.js";
-import { d as n, t as e, g as s } from "../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as n, t as e, g as s } from "../vi.CjhMlMwf-CKxPQtd6.js";
 n("Services Test", () => {
   n("capitalizeFirstLetters", () => {
     e("should capitalize first letters of a lower case string", () => {

package/dist/stepper.module-HuqmDJPj.js

@@ -0,0 +1,12 @@
+import './assets/stepper.css';const t = "_stepperIndicatorItem_78nle_1", e = "_stepperIndicatorItemActive_78nle_8", p = "_stepperIndicatorItemOptional_78nle_12", n = "_stepperContainer_78nle_16", r = "_stepperTitle_78nle_23", o = "_stepperButton_78nle_28", s = "_stepperButtonLoading_78nle_32", i = {
+  stepperIndicatorItem: t,
+  stepperIndicatorItemActive: e,
+  stepperIndicatorItemOptional: p,
+  stepperContainer: n,
+  stepperTitle: r,
+  stepperButton: o,
+  stepperButtonLoading: s
+};
+export {
+  i as s
+};

package/dist/types/GenericTable.d.ts

@@ -41,6 +41,11 @@ export type TableLayoutProps<T> = {
      * ```
      */
     tableActions?: JSX.Element[];
+    /**
+     * position of the table actions, can be 'start' or 'end'
+     * @default 'end'
+     */
+    tableActionPosition?: 'start' | 'end';
     /**
      * text to be displayed when no data is available
      */
@@ -99,6 +104,16 @@ export type TableLayoutProps<T> = {
      * @default 'Rows per page'
      */
     rowsPerPageTranslation?: string;
+    /**
+     * the elevation level of the table, used to set the shadow of the table
+     * @default 1
+     */
+    tableElevationLevel?: number;
+    /**
+     * the layout of the table, can be 'standard' or 'flex'
+     * @default 'standard'
+     */
+    tableLayout?: 'standard' | 'flex';
 };
 /**
  * Props for the CellTemplate component {@link CellTemplate}

package/dist/{vi.CjhMlMwf-BCJNwXvu.js → vi.CjhMlMwf-CKxPQtd6.js}

@@ -12183,10 +12183,10 @@ function wt(e) {
   return Eu(n[r + 1])?.file || "";
 }
 export {
-  Dn as a,
+  ny as a,
   iy as b,
   oy as d,
   Mg as g,
   sy as t,
-  ny as v
+  Dn as v
 };

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