@hortiview/shared-components 1.10.0 → 1.11.0

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