@hortiview/shared-components 2.15.0 → 2.16.1

package/dist/main.js

@@ -1,127 +1,131 @@
-import { A as e } from "./AlertBanner-Ci-F-6S9.js";
+import { A as e } from "./AlertBanner-aW6joVUm.js";
 import { LinkBanner as m } from "./components/AlertBanner/LinkBanner.js";
 import { BaseView as f } from "./components/BaseView/BaseView.js";
 import { BasicHeading as i } from "./components/BasicHeading/BasicHeading.js";
 import { BlockView as n } from "./components/BlockView/BlockView.js";
-import { ChipCard as A } from "./components/ChipCard/ChipCard.js";
-import { ContextMenu as d } from "./components/ContextMenu/ContextMenu.js";
-import { DeleteModal as c } from "./components/DeleteModal/DeleteModal.js";
-import { DetailContentWrapper as I } from "./components/DetailContentWrapper/DetailContentWrapper.js";
-import { Disclaimer as _ } from "./components/Disclaimer/Disclaimer.js";
-import { EmptyView as T } from "./components/EmptyView/EmptyView.js";
-import { Filter as D } from "./components/Filter/Filter.js";
-import { FormattedNumberDisplay as P } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
-import { GenericTable as B } from "./components/GenericTable/GenericTable.js";
-import { HashTabView as g } from "./components/HashTabView/HashTabView.js";
-import { HeaderFilter as w } from "./components/HeaderFilter/HeaderFilter.js";
-import { Iconify as b } from "./components/Iconify/Iconify.js";
-import { InfoCard as V } from "./components/InfoCard/InfoCard.js";
-import { InfoGroup as U } from "./components/InfoGroup/InfoGroup.js";
-import { ListArea as k } from "./components/ListArea/ListArea.js";
-import { LoadingSpinner as y } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
-import { Modal as Y } from "./components/Modal/Modal.js";
-import { ModulePadding as z } from "./components/ModulePadding/ModulePadding.js";
-import { O as j } from "./OfflineView-CIwV08EQ.js";
-import { OnboardingBanner as J } from "./components/OnboardingBanner/OnboardingBanner.js";
-import { OverflowTooltip as Z } from "./components/OverflowTooltip/OverflowTooltip.js";
-import { ScrollbarX as rr, ScrollbarY as or } from "./components/Scrollbar/Scrollbar.js";
-import { SearchBar as tr } from "./components/SearchBar/SearchBar.js";
-import { Select as pr } from "./components/Select/Select.js";
-import { StepperHeader as xr } from "./components/Stepper/components/StepperHeader.js";
-import { StepperIndicator as ar } from "./components/Stepper/components/StepperIndicator.js";
-import { Stepper as lr } from "./components/Stepper/Stepper.js";
-import { VerticalDivider as sr } from "./components/VerticalDivider/VerticalDivider.js";
-import { FormCheckBox as Sr } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as Er } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormNumber as Lr } from "./components/FormComponents/FormNumber/FormNumber.js";
-import { FormRadio as Fr } from "./components/FormComponents/FormRadio/FormRadio.js";
-import { FormSelect as Gr } from "./components/FormComponents/FormSelect/FormSelect.js";
-import { FormSlider as Mr } from "./components/FormComponents/FormSlider/FormSlider.js";
-import { FormText as ur } from "./components/FormComponents/FormText/FormText.js";
-import { FormToggle as Nr } from "./components/FormComponents/FormToggle/FormToggle.js";
-import { SafeForm as Cr } from "./components/SafeForm/SafeForm.js";
-import { AvailableCustomIcons as Or } from "./enums/AvailableCustomIcons.js";
-import { ThemeColor as Rr } from "./enums/ThemeColor.js";
-import { u as Hr } from "./useBreakpoints-MzTZ0tCT.js";
-import { capitalizeFirstLetters as hr, getFormattedDateTime as kr, getNumberAsLocaleString as vr, trimLeadingAndTrailingSpaces as yr } from "./services/UtilService.js";
-import { DATE_FORMAT as Yr, DATE_TIME_FORMAT as Kr, TIME_FORMAT as zr } from "./types/Time.js";
-import { AVAILABLE_COUNTRY_KEYS as jr, AVAILABLE_LOCALES as qr, ENGLISH_LANGUAGE_ID as Jr, GERMAN_LANGUAGE_ID as Qr, LANGUAGE_CODES_MAPPER as Zr, LANGUAGE_ID_MAPPER as $r, SPANISH_LANGUAGE_ID as ro, TURKISH_LANGUAGE_ID as oo } from "./types/Languages.js";
-import { Allowed as to } from "./components/Allowed/Allowed.js";
-import { AllowedButton as po } from "./components/AllowedButton/AllowedButton.js";
-import { AllowedIconButton as xo } from "./components/AllowedIconButton/AllowedIconButton.js";
-import { getPermissionsFromModulePermissionToken as ao, useIsAllowed as no } from "./components/PermissionChecks/PermissionService.js";
-import { SharedComponentsPermissionProvider as Ao } from "./components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider.js";
-import { createPermissionWrapper as So, renderWithPermissions as co } from "./test-utils.js";
-import { HVMainPermissions as Io } from "./types/Permission.js";
+import { ButtonCard as A } from "./components/ButtonCard/ButtonCard.js";
+import { ChipCard as d } from "./components/ChipCard/ChipCard.js";
+import { ConfirmationModal as E } from "./components/ConfirmationModal/ConfirmationModal.js";
+import { ContextMenu as L } from "./components/ContextMenu/ContextMenu.js";
+import { DeleteModal as F } from "./components/DeleteModal/DeleteModal.js";
+import { DetailContentWrapper as T } from "./components/DetailContentWrapper/DetailContentWrapper.js";
+import { Disclaimer as D } from "./components/Disclaimer/Disclaimer.js";
+import { EmptyView as u } from "./components/EmptyView/EmptyView.js";
+import { Filter as C } from "./components/Filter/Filter.js";
+import { FormattedNumberDisplay as N } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
+import { GenericTable as w } from "./components/GenericTable/GenericTable.js";
+import { HashTabView as b } from "./components/HashTabView/HashTabView.js";
+import { HeaderFilter as V } from "./components/HeaderFilter/HeaderFilter.js";
+import { Iconify as U } from "./components/Iconify/Iconify.js";
+import { InfoCard as k } from "./components/InfoCard/InfoCard.js";
+import { InfoGroup as y } from "./components/InfoGroup/InfoGroup.js";
+import { ListArea as Y } from "./components/ListArea/ListArea.js";
+import { LoadingSpinner as z } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
+import { Modal as j } from "./components/Modal/Modal.js";
+import { ModulePadding as J } from "./components/ModulePadding/ModulePadding.js";
+import { O as Z } from "./OfflineView-CIwV08EQ.js";
+import { OnboardingBanner as rr } from "./components/OnboardingBanner/OnboardingBanner.js";
+import { OverflowTooltip as er } from "./components/OverflowTooltip/OverflowTooltip.js";
+import { ScrollbarX as mr, ScrollbarY as pr } from "./components/Scrollbar/Scrollbar.js";
+import { SearchBar as xr } from "./components/SearchBar/SearchBar.js";
+import { Select as ar } from "./components/Select/Select.js";
+import { StepperHeader as lr } from "./components/Stepper/components/StepperHeader.js";
+import { Stepper as sr } from "./components/Stepper/Stepper.js";
+import { VerticalDivider as Sr } from "./components/VerticalDivider/VerticalDivider.js";
+import { FormCheckBox as cr } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
+import { FormDatePicker as _r } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormNumber as Ir } from "./components/FormComponents/FormNumber/FormNumber.js";
+import { FormRadio as Gr } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { FormSelect as Mr } from "./components/FormComponents/FormSelect/FormSelect.js";
+import { FormSlider as Br } from "./components/FormComponents/FormSlider/FormSlider.js";
+import { FormText as Pr } from "./components/FormComponents/FormText/FormText.js";
+import { FormToggle as gr } from "./components/FormComponents/FormToggle/FormToggle.js";
+import { SafeForm as Or } from "./components/SafeForm/SafeForm.js";
+import { AvailableCustomIcons as Rr } from "./enums/AvailableCustomIcons.js";
+import { ThemeColor as Hr } from "./enums/ThemeColor.js";
+import { u as hr } from "./useBreakpoints-MzTZ0tCT.js";
+import { capitalizeFirstLetters as vr, getFormattedDateTime as yr, getNumberAsLocaleString as Wr, trimLeadingAndTrailingSpaces as Yr } from "./services/UtilService.js";
+import { StepperStyle as zr } from "./components/Stepper/stepperStyles.js";
+import { DATE_FORMAT as jr, DATE_TIME_FORMAT as qr, TIME_FORMAT as Jr } from "./types/Time.js";
+import { AVAILABLE_COUNTRY_KEYS as Zr, AVAILABLE_LOCALES as $r, ENGLISH_LANGUAGE_ID as ro, GERMAN_LANGUAGE_ID as oo, LANGUAGE_CODES_MAPPER as eo, LANGUAGE_ID_MAPPER as to, SPANISH_LANGUAGE_ID as mo, TURKISH_LANGUAGE_ID as po } from "./types/Languages.js";
+import { Allowed as xo } from "./components/Allowed/Allowed.js";
+import { AllowedButton as ao } from "./components/AllowedButton/AllowedButton.js";
+import { AllowedIconButton as lo } from "./components/AllowedIconButton/AllowedIconButton.js";
+import { getPermissionsFromModulePermissionToken as so, useIsAllowed as So } from "./components/PermissionChecks/PermissionService.js";
+import { SharedComponentsPermissionProvider as co } from "./components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider.js";
+import { createPermissionWrapper as _o, renderWithPermissions as Fo } from "./test-utils.js";
+import { HVMainPermissions as To } from "./types/Permission.js";
 export {
-  jr as AVAILABLE_COUNTRY_KEYS,
-  qr as AVAILABLE_LOCALES,
+  Zr as AVAILABLE_COUNTRY_KEYS,
+  $r as AVAILABLE_LOCALES,
   e as AlertBanner,
-  to as Allowed,
-  po as AllowedButton,
-  xo as AllowedIconButton,
-  Or as AvailableCustomIcons,
+  xo as Allowed,
+  ao as AllowedButton,
+  lo as AllowedIconButton,
+  Rr as AvailableCustomIcons,
   f as BaseView,
   i as BasicHeading,
   n as BlockView,
-  A as ChipCard,
-  d as ContextMenu,
-  Yr as DATE_FORMAT,
-  Kr as DATE_TIME_FORMAT,
-  c as DeleteModal,
-  I as DetailContentWrapper,
-  _ as Disclaimer,
-  Jr as ENGLISH_LANGUAGE_ID,
-  T as EmptyView,
-  D as Filter,
-  Sr as FormCheckBox,
-  Er as FormDatePicker,
-  Lr as FormNumber,
-  Fr as FormRadio,
-  Gr as FormSelect,
-  Mr as FormSlider,
-  ur as FormText,
-  Nr as FormToggle,
-  P as FormattedNumberDisplay,
-  Qr as GERMAN_LANGUAGE_ID,
-  B as GenericTable,
-  Io as HVMainPermissions,
-  g as HashTabView,
-  w as HeaderFilter,
-  b as Iconify,
-  V as InfoCard,
-  U as InfoGroup,
-  Zr as LANGUAGE_CODES_MAPPER,
-  $r as LANGUAGE_ID_MAPPER,
+  A as ButtonCard,
+  d as ChipCard,
+  E as ConfirmationModal,
+  L as ContextMenu,
+  jr as DATE_FORMAT,
+  qr as DATE_TIME_FORMAT,
+  F as DeleteModal,
+  T as DetailContentWrapper,
+  D as Disclaimer,
+  ro as ENGLISH_LANGUAGE_ID,
+  u as EmptyView,
+  C as Filter,
+  cr as FormCheckBox,
+  _r as FormDatePicker,
+  Ir as FormNumber,
+  Gr as FormRadio,
+  Mr as FormSelect,
+  Br as FormSlider,
+  Pr as FormText,
+  gr as FormToggle,
+  N as FormattedNumberDisplay,
+  oo as GERMAN_LANGUAGE_ID,
+  w as GenericTable,
+  To as HVMainPermissions,
+  b as HashTabView,
+  V as HeaderFilter,
+  U as Iconify,
+  k as InfoCard,
+  y as InfoGroup,
+  eo as LANGUAGE_CODES_MAPPER,
+  to as LANGUAGE_ID_MAPPER,
   m as LinkBanner,
-  k as ListArea,
-  y as LoadingSpinner,
-  Y as Modal,
-  z as ModulePadding,
-  j as OfflineView,
-  J as OnboardingBanner,
-  Z as OverflowTooltip,
-  ro as SPANISH_LANGUAGE_ID,
-  Cr as SafeForm,
-  rr as ScrollbarX,
-  or as ScrollbarY,
-  tr as SearchBar,
-  pr as Select,
-  Ao as SharedComponentsPermissionProvider,
-  lr as Stepper,
-  xr as StepperHeader,
-  ar as StepperIndicator,
-  zr as TIME_FORMAT,
-  oo as TURKISH_LANGUAGE_ID,
-  Rr as ThemeColor,
-  sr as VerticalDivider,
-  hr as capitalizeFirstLetters,
-  So as createPermissionWrapper,
-  kr as getFormattedDateTime,
-  vr as getNumberAsLocaleString,
-  ao as getPermissionsFromModulePermissionToken,
-  co as renderWithPermissions,
-  yr as trimLeadingAndTrailingSpaces,
-  Hr as useBreakpoints,
-  no as useIsAllowed
+  Y as ListArea,
+  z as LoadingSpinner,
+  j as Modal,
+  J as ModulePadding,
+  Z as OfflineView,
+  rr as OnboardingBanner,
+  er as OverflowTooltip,
+  mo as SPANISH_LANGUAGE_ID,
+  Or as SafeForm,
+  mr as ScrollbarX,
+  pr as ScrollbarY,
+  xr as SearchBar,
+  ar as Select,
+  co as SharedComponentsPermissionProvider,
+  sr as Stepper,
+  lr as StepperHeader,
+  zr as StepperStyle,
+  Jr as TIME_FORMAT,
+  po as TURKISH_LANGUAGE_ID,
+  Hr as ThemeColor,
+  Sr as VerticalDivider,
+  vr as capitalizeFirstLetters,
+  _o as createPermissionWrapper,
+  yr as getFormattedDateTime,
+  Wr as getNumberAsLocaleString,
+  so as getPermissionsFromModulePermissionToken,
+  Fo as renderWithPermissions,
+  Yr as trimLeadingAndTrailingSpaces,
+  hr as useBreakpoints,
+  So as useIsAllowed
 };

package/dist/services/UtilService.js

@@ -6,13 +6,13 @@ import "../isEmpty-BnfHn4bl.js";
 import "react";
 import "../react-tooltip.min-CVsI--2Y.js";
 import "../orderBy-DLBJlgdL.js";
+import "../index-CuHybtft.js";
+import "../components/SharedComponentsPermissionProvider/PermissionContext.js";
 import "../uniqueId-BNVTeImh.js";
 import "react-hook-form";
 import "../get-D8IXqiys.js";
 import "../omit-CYY_mIYv.js";
 import { DATE_FORMAT as c } from "../types/Time.js";
-import "../index-CuHybtft.js";
-import "../components/SharedComponentsPermissionProvider/PermissionContext.js";
 import "../react.esm-Bm0cAgpZ.js";
 const d = (t) => t.split(" ").map((r) => r.charAt(0).toUpperCase() + r.slice(1).toLowerCase()).join(" "), f = (t) => Object.fromEntries(
   Object.entries(t).map(([r, i]) => [r, o(i)])

package/dist/stepper.module-DR_FbENS.js

@@ -0,0 +1,23 @@
+import './assets/stepper.css';const e = "_stepperIndicatorItem_1tz4b_1", t = "_stepperIndicatorItemActive_1tz4b_8", p = "_stepperIndicatorItemOptional_1tz4b_12", r = "_stepperContainer_1tz4b_16", s = "_stepperTitle_1tz4b_23", o = "_stepperButton_1tz4b_28", n = "_stepperButtonLoading_1tz4b_32", i = "_stepperDescriptionContainer_1tz4b_43", _ = "_stepperDescriptionProgress_1tz4b_49", c = "_stepperDescriptionText_1tz4b_60", m = "_stepperDesktopHeaderContainer_1tz4b_66", I = "_stepperItem_1tz4b_73", a = "_stepperItemNumber_1tz4b_73", b = "_stepperItemNumberActive_1tz4b_91", d = "_itemText_1tz4b_96", z = "_itemTextActive_1tz4b_101", C = "_stepperItemConnector_1tz4b_105", u = "_stepperItemConnectorCompleted_1tz4b_125", D = {
+  stepperIndicatorItem: e,
+  stepperIndicatorItemActive: t,
+  stepperIndicatorItemOptional: p,
+  stepperContainer: r,
+  stepperTitle: s,
+  stepperButton: o,
+  stepperButtonLoading: n,
+  stepperDescriptionContainer: i,
+  stepperDescriptionProgress: _,
+  stepperDescriptionText: c,
+  stepperDesktopHeaderContainer: m,
+  stepperItem: I,
+  stepperItemNumber: a,
+  stepperItemNumberActive: b,
+  itemText: d,
+  itemTextActive: z,
+  stepperItemConnector: C,
+  stepperItemConnectorCompleted: u
+};
+export {
+  D as s
+};

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.15.0",
+  "version": "2.16.1",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",
@@ -46,7 +46,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.55.0",
-    "react-number-format": "^5.4.3"
+    "react-number-format": "^5.4.3",
+    "@element-public/react-components": "^5.72.2-alpha.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",

package/dist/AlertBanner-Ci-F-6S9.js

@@ -1,26 +0,0 @@
-import { jsx as n, Fragment as i, jsxs as t } from "react/jsx-runtime";
-import { G as l } from "./index.es-oxil0uFe.js";
-import { I as _ } from "./index.es-Dgxrk6xW.js";
-import { T as m } from "./index.es-SjZ_-d7U.js";
-import './assets/AlertBanner.css';const d = "_messageContainer_2hnjr_1", g = "_info_2hnjr_9", h = "_danger_2hnjr_14", f = "_success_2hnjr_19", p = "_warning_2hnjr_24", u = "_closeIcon_2hnjr_29", j = "_linkBanner_2hnjr_34", s = {
-  messageContainer: d,
-  info: g,
-  danger: h,
-  success: f,
-  warning: p,
-  closeIcon: u,
-  linkBanner: j
-}, k = ({
-  text: e,
-  color: o = "info",
-  isOpen: a = !0,
-  isBold: c = !0,
-  onClose: r
-}) => a ? /* @__PURE__ */ n("div", { "data-testid": "alert-banner", className: `${s.messageContainer} ${s[o]}`, children: /* @__PURE__ */ t(l, { primaryAlign: "space-between", gap: "dense", fullWidth: !0, children: [
-  typeof e == "string" ? /* @__PURE__ */ n(m, { bold: c, level: 2, children: e }) : /* @__PURE__ */ n("div", { style: { width: "100%" }, children: e }),
-  r && /* @__PURE__ */ n(_, { icon: "close", iconSize: "small", onClick: r, className: s.closeIcon })
-] }) }) : /* @__PURE__ */ n(i, {});
-export {
-  k as A,
-  s
-};

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

@@ -1,9 +0,0 @@
-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

@@ -1,16 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { G as p } from "../../../index.es-oxil0uFe.js";
-import { s as e } from "../../../stepper.module-c-CWmpkt.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/stepper.module-c-CWmpkt.js

@@ -1,15 +0,0 @@
-import './assets/stepper.css';const t = "_stepperIndicatorItem_x786o_1", e = "_stepperIndicatorItemActive_x786o_8", p = "_stepperIndicatorItemOptional_x786o_12", o = "_stepperContainer_x786o_16", r = "_stepperTitle_x786o_23", s = "_stepperButton_x786o_28", n = "_stepperButtonLoading_x786o_32", i = "_stepperDescriptionContainer_x786o_43", c = "_stepperDescriptionProgress_x786o_49", _ = "_stepperDescriptionText_x786o_60", a = {
-  stepperIndicatorItem: t,
-  stepperIndicatorItemActive: e,
-  stepperIndicatorItemOptional: p,
-  stepperContainer: o,
-  stepperTitle: r,
-  stepperButton: s,
-  stepperButtonLoading: n,
-  stepperDescriptionContainer: i,
-  stepperDescriptionProgress: c,
-  stepperDescriptionText: _
-};
-export {
-  a as s
-};