@hortiview/shared-components 2.28.0-alpha.4cc3c312.1 → 2.28.0

package/components/BaseView/BaseView.js

@@ -7,7 +7,7 @@ import { useMemo as d } from "react";
 import { BasicHeading as D } from "../BasicHeading/BasicHeading.js";
 import { EmptyView as P } from "../EmptyView/EmptyView.js";
 import { ListArea as T } from "../ListArea/ListArea.js";
-import { useBreakpoints as q } from "../../hooks/useBreakpoints.js";
+import { u as q } from "../../useBreakpoints-DDrM9Cfx.js";
 import { OfflineView as z } from "../OfflineView/OfflineView.js";
 import { useScrollableInfo as J } from "./BaseView.service.js";
 import '../../assets/BaseView.css';const K = "_fullHeight_1yui7_1", O = "_fullWidth_1yui7_5", Q = "_heading_1yui7_9", U = "_list_1yui7_18", X = "_desktopList_1yui7_27", Y = "_noRoundedCorners_1yui7_32", Z = "_detail_1yui7_36", tt = "_desktopDetail_1yui7_44", i = {

package/components/BasicHeading/BasicHeading.js

@@ -5,7 +5,7 @@ import { c as I, T as z } from "../../index.es-CdZp67J9.js";
 import { c as m } from "../../index-_-9ybP20.js";
 import { Iconify as H } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as q } from "../../enums/AvailableCustomIcons.js";
-import { useBreakpoints as w } from "../../hooks/useBreakpoints.js";
+import { u as w } from "../../useBreakpoints-DDrM9Cfx.js";
 import { OverflowTooltip as x } from "../OverflowTooltip/OverflowTooltip.js";
 import '../../assets/BasicHeading.css';const C = "_basicHeading_14qaz_1", N = "_inList_14qaz_13", T = "_actions_14qaz_17", B = "_invisible_14qaz_25", L = "_leadingIcon_14qaz_29", W = "_withAvatar_14qaz_33", j = "_iconContainer_14qaz_39", e = {
   basicHeading: C,

package/components/BlockView/BlockView.js

@@ -3,7 +3,7 @@ import { b as A, c as F, a as M } from "../../index.es-CdZp67J9.js";
 import { c as h } from "../../index-_-9ybP20.js";
 import { useState as V, useEffect as $, useMemo as G } from "react";
 import { getBlockNumberByDto as H } from "../../services/BlockService.js";
-import { useBreakpoints as I } from "../../hooks/useBreakpoints.js";
+import { u as I } from "../../useBreakpoints-DDrM9Cfx.js";
 import '../../assets/BlockView.css';const J = "_grid_otqrz_1", K = "_blockLayout_otqrz_13", O = "_absoluteSize_otqrz_22", P = "_relativeSize_otqrz_27", Q = "_mobile_otqrz_38", U = "_blockRow_otqrz_46", W = "_block_otqrz_13", X = "_clickable_otqrz_70", Y = "_empty_otqrz_74", Z = "_active_otqrz_79", j = "_error_otqrz_83", tt = "_hoverEffects_otqrz_87", ot = "_blockText_otqrz_99", et = "_emptyLayout_otqrz_109", t = {
   grid: J,
   blockLayout: K,

package/components/ConfirmationModal/ConfirmationModal.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { B as s } from "../../index.es-B9C7vzr4.js";
 import { G as o } from "../../index.es-BE1XL1dD.js";
 import { T as c } from "../../index.es-CdZp67J9.js";
-import { useBreakpoints as C } from "../../hooks/useBreakpoints.js";
+import { u as C } from "../../useBreakpoints-DDrM9Cfx.js";
 import { Iconify as B } from "../Iconify/Iconify.js";
 import { Modal as H } from "../Modal/Modal.js";
 import '../../assets/ConfirmationModal.css';const N = "_bulletPoint_v4va9_1", P = "_modal_v4va9_7", S = "_primary_v4va9_11", j = "_secondary_v4va9_15", z = "_success_v4va9_19", A = "_danger_v4va9_23", G = "_fullHeight_v4va9_27", t = {
@@ -18,9 +18,9 @@ import '../../assets/ConfirmationModal.css';const N = "_bulletPoint_v4va9_1", P
   confirmButtonLabel: d,
   cancelButtonLabel: m,
   label: u,
-  content: n,
+  content: a,
   showBulletPoints: p,
-  icon: a,
+  icon: n,
   iconColor: v = "primary",
   confirmButtonVariant: _ = "filled",
   isOpen: f,
@@ -28,7 +28,7 @@ import '../../assets/ConfirmationModal.css';const N = "_bulletPoint_v4va9_1", P
   onCancel: l,
   isConfirmationDisabled: g
 }) => {
-  const { isDesktop: h } = C(), b = () => n ? /* @__PURE__ */ e(o, { direction: "vertical", gap: "none", children: n.map((x, k) => /* @__PURE__ */ e(
+  const { isDesktop: h } = C(), b = () => a ? /* @__PURE__ */ e(o, { direction: "vertical", gap: "none", children: a.map((x, k) => /* @__PURE__ */ e(
     c,
     {
       level: 2,
@@ -74,7 +74,7 @@ import '../../assets/ConfirmationModal.css';const N = "_bulletPoint_v4va9_1", P
           primaryAlign: "center",
           secondaryAlign: "center",
           children: [
-            a && /* @__PURE__ */ e(B, { icon: a, iconSize: "xlarge", className: t[v] }),
+            n && /* @__PURE__ */ e(B, { icon: n, iconSize: "xlarge", className: t[v] }),
             /* @__PURE__ */ i(o, { direction: "vertical", children: [
               /* @__PURE__ */ e(c, { level: 1, themeColor: "text-primary-on-background", children: u }),
               b()

package/components/ContextMenu/ContextMenu.js

@@ -6,7 +6,7 @@ import { c as V } from "../../index-_-9ybP20.js";
 import { u as z } from "../../uniqueId-CJo-XRQb.js";
 import { OfflineView as H } from "../OfflineView/OfflineView.js";
 import { useIsAllowed as N } from "../PermissionChecks/PermissionService.js";
-import { useBreakpoints as O } from "../../hooks/useBreakpoints.js";
+import { u as O } from "../../useBreakpoints-DDrM9Cfx.js";
 import '../../assets/ContextMenu.css';const E = "_menu_52omh_1", R = "_mobile_52omh_7", S = "_desktop_52omh_11", $ = "_icon_52omh_15", j = "_listItem_52omh_19", q = "_offlineViewMargin_52omh_51", D = "_primaryTextTruncated_52omh_55", n = {
   menu: E,
   mobile: R,

package/components/DeleteModal/DeleteModal.js

@@ -5,7 +5,7 @@ import { I as S } from "../../index.es-LckFzDz-.js";
 import { T as i } from "../../index.es-CdZp67J9.js";
 import { u as N } from "../../uniqueId-CJo-XRQb.js";
 import { AvailableCustomIcons as O } from "../../enums/AvailableCustomIcons.js";
-import { useBreakpoints as x } from "../../hooks/useBreakpoints.js";
+import { u as x } from "../../useBreakpoints-DDrM9Cfx.js";
 import { Iconify as z } from "../Iconify/Iconify.js";
 import "react";
 import "../../react-tooltip.min-DKaGxvdz.js";
@@ -21,7 +21,7 @@ import "../../isArray-olhCpv2e.js";
 import "../../isString-LDbI4UeI.js";
 import "../../omit-DUqu4lDk.js";
 import "../../types/Time.js";
-import "../../react.esm-uOZB-qPu.js";
+import "../../react.esm-B3AK8zW1.js";
 import '../../assets/DeleteModal.css';const j = "_bulletPoint_bd412_1", A = "_modal_bd412_7", G = "_colorDanger_bd412_11", q = "_crossedOut_bd412_15", e = {
   bulletPoint: j,
   modal: A,

package/components/EmptyView/EmptyView.js

@@ -17,7 +17,7 @@ import "../../isArray-olhCpv2e.js";
 import "../../isString-LDbI4UeI.js";
 import "../../omit-DUqu4lDk.js";
 import "../../types/Time.js";
-import "../../react.esm-uOZB-qPu.js";
+import "../../react.esm-B3AK8zW1.js";
 import '../../assets/EmptyView.css';const C = "_emptyViewContainer_19inl_1", V = "_full_19inl_7", x = "_medium_19inl_11", N = "_small_19inl_15", g = "_title_19inl_20", i = {
   emptyViewContainer: C,
   full: V,

package/components/Filter/Filter.js

@@ -7,7 +7,7 @@ import { S as j } from "../../index.es-DCWPAtXu.js";
 import { c as G } from "../../index-_-9ybP20.js";
 import { useState as b } from "react";
 import { Iconify as H } from "../Iconify/Iconify.js";
-import { useBreakpoints as F } from "../../hooks/useBreakpoints.js";
+import { u as F } from "../../useBreakpoints-DDrM9Cfx.js";
 import "../../react-tooltip.min-DKaGxvdz.js";
 import "../../orderBy-Ce85KqD6.js";
 import { SearchBar as I } from "../SearchBar/SearchBar.js";
@@ -23,7 +23,7 @@ import "../../isArray-olhCpv2e.js";
 import "../../isString-LDbI4UeI.js";
 import "../../omit-DUqu4lDk.js";
 import "../../types/Time.js";
-import "../../react.esm-uOZB-qPu.js";
+import "../../react.esm-B3AK8zW1.js";
 import '../../assets/Filter.css';const T = "_filterButton_1qtzn_1", V = "_relativeParent_1qtzn_21", E = "_iconColor_1qtzn_25", J = "_filterBadge_1qtzn_29", Q = "_dense_1qtzn_36", U = "_filterModal_1qtzn_41", X = "_borderRadius_1qtzn_45", s = {
   filterButton: T,
   relativeParent: V,

package/components/FloatingActionButton/FloatingActionButton.js

@@ -4,7 +4,7 @@ import { M as j, L as D, a as k, b as H } from "../../index.es-BIgjyLDa.js";
 import { c as r } from "../../index-_-9ybP20.js";
 import { useState as E, useCallback as w, useEffect as G, useMemo as f, Fragment as J } from "react";
 import { createPortal as d } from "react-dom";
-import { useBreakpoints as K } from "../../hooks/useBreakpoints.js";
+import { u as K } from "../../useBreakpoints-DDrM9Cfx.js";
 import { OfflineView as O } from "../OfflineView/OfflineView.js";
 import { useIsAllowed as Q } from "../PermissionChecks/PermissionService.js";
 import '../../assets/FloatingActionButton.css';const R = "_menu_1bdpq_1", T = "_icon_1bdpq_6", U = "_listItem_1bdpq_10", W = "_offlineViewMargin_1bdpq_20", X = "_fabContainer_1bdpq_24", Y = "_buttonAppBar_1bdpq_29", Z = "_fullScreen_1bdpq_34", P = "_fabIcon_1bdpq_39", ee = "_fabMenu_1bdpq_43", te = "_scrim_1bdpq_47", ne = "_scrimVisible_1bdpq_60", ie = "_fabSpacer_1bdpq_65", t = {

package/components/FormComponents/FormNumber/CustomTextField.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { T as u } from "../../../index.es-CJIPOFSz.js";
-import { g } from "../../../get-CBFiuc3f.js";
-import { o as f } from "../../../omit-DUqu4lDk.js";
+import { g as f } from "../../../get-CBFiuc3f.js";
+import { o as g } from "../../../omit-DUqu4lDk.js";
 import { useMemo as v } from "react";
 import { useFormContext as s } from "react-hook-form";
 import '../../../assets/CustomTextField.css';const c = "_invalid_142hx_1", h = "_borderRadius_142hx_5", o = {
@@ -20,7 +20,7 @@ import '../../../assets/CustomTextField.css';const c = "_invalid_142hx_1", h = "
   return /* @__PURE__ */ m(
     u,
     {
-      ...f(e, ["propertyName", "formOnBlur", "additionalTrigger"]),
+      ...g(e, ["propertyName", "formOnBlur", "additionalTrigger"]),
       value: d,
       "data-testid": `numeric-field-${e.propertyName}`,
       fullWidth: !0,
@@ -33,7 +33,7 @@ import '../../../assets/CustomTextField.css';const c = "_invalid_142hx_1", h = "
         e.onChange?.(r), e.additionalTrigger === "onChange" && i(e.propertyName);
       },
       valid: !t(e.propertyName).invalid,
-      helperTextPersistent: g(n, e.propertyName) !== void 0 || e.helperTextPersistent,
+      helperTextPersistent: f(n, e.propertyName) !== void 0 || e.helperTextPersistent,
       className: `${t(e.propertyName).invalid ? o.invalid : ""} ${o.borderRadius}`
     }
   );

package/components/FormComponents/FormSelect/FormSelect.js

@@ -4,7 +4,7 @@ import { g as C } from "../../../get-CBFiuc3f.js";
 import { useMemo as w } from "react";
 import { useFormContext as L, Controller as b } from "react-hook-form";
 import { M as Q } from "../../../react-tooltip.min-DKaGxvdz.js";
-import { useBreakpoints as R } from "../../../hooks/useBreakpoints.js";
+import { u as R } from "../../../useBreakpoints-DDrM9Cfx.js";
 import { useHelperText as U } from "../../../hooks/useHelperText.js";
 import { Select as W } from "../../Select/Select.js";
 import { isGroupedOptions as X } from "./FormSelectService.js";

package/components/GenericTable/GenericTable.js

@@ -28,7 +28,7 @@ import { M as Cs, a as Rs } from "../../component-By6nyiBU.js";
 import { c as Qi } from "../../component-9vrShqiY.js";
 import { a as qu } from "../../util-CBo-ipCE.js";
 import "../../isEmpty-l2xQKl4x.js";
-import { useBreakpoints as Xu } from "../../hooks/useBreakpoints.js";
+import { u as Xu } from "../../useBreakpoints-DDrM9Cfx.js";
 import "../../react-tooltip.min-DKaGxvdz.js";
 import "../../orderBy-Ce85KqD6.js";
 import { OfflineView as Zi } from "../OfflineView/OfflineView.js";
@@ -41,7 +41,7 @@ import "../../isArray-olhCpv2e.js";
 import "../../isString-LDbI4UeI.js";
 import "../../omit-DUqu4lDk.js";
 import "../../types/Time.js";
-import "../../react.esm-uOZB-qPu.js";
+import "../../react.esm-B3AK8zW1.js";
 import { useGenerateColumns as Ku, useGenerateTableData as Yu } from "./GenericTableService.js";
 import { GenericCardList as Ju } from "./Mobile/GenericCardList.js";
 import '../../assets/GenericTable.css';function Qu(e, t) {

package/components/HashTabView/HashTabView.js

@@ -9,7 +9,7 @@ import { I as Mt } from "../../index.es-LckFzDz-.js";
 import { b as T, c as D, a as Wt } from "../../tslib.es6-BDCynO9F.js";
 import { M as et, a as rt } from "../../component-By6nyiBU.js";
 import { b as xt, M as mt, a as R, m as wt } from "../../component-9vrShqiY.js";
-import { useBreakpoints as Kt } from "../../hooks/useBreakpoints.js";
+import { u as Kt } from "../../useBreakpoints-DDrM9Cfx.js";
 import '../../assets/HashTabView.css';var $t = {
   ACTIVE: "mdc-tab-indicator--active",
   FADE: "mdc-tab-indicator--fade",

package/components/InfoGroup/InfoGroup.js

@@ -3,7 +3,7 @@ import { D as d } from "../../index.es-0SkNh4dU.js";
 import { G as c } from "../../index.es-BE1XL1dD.js";
 import { a as g, b as _ } from "../../index.es-CdZp67J9.js";
 import { useMemo as f, Fragment as C } from "react";
-import { useBreakpoints as m } from "../../hooks/useBreakpoints.js";
+import { u as m } from "../../useBreakpoints-DDrM9Cfx.js";
 import '../../assets/InfoGroup.css';const y = "_dividerContainer_1bd14_1", D = "_mainGroup_1bd14_6", b = "_centerDefaultComponent_1bd14_19", A = "_verticalDivider_1bd14_23", G = "_textAlignRight_1bd14_31", N = "_typoColor_1bd14_35", a = {
   dividerContainer: y,
   mainGroup: D,

package/components/ModulePadding/ModulePadding.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { P as r } from "../../index.es-C8AExypY.js";
 import "../../isEmpty-l2xQKl4x.js";
 import "react";
-import { useBreakpoints as m } from "../../hooks/useBreakpoints.js";
+import { u as m } from "../../useBreakpoints-DDrM9Cfx.js";
 import "../../react-tooltip.min-DKaGxvdz.js";
 import "../../orderBy-Ce85KqD6.js";
 import "../../index-CuHybtft.js";
@@ -15,8 +15,8 @@ import "../../isArray-olhCpv2e.js";
 import "../../isString-LDbI4UeI.js";
 import "../../omit-DUqu4lDk.js";
 import "../../types/Time.js";
-import "../../react.esm-uOZB-qPu.js";
-import '../../assets/ModulePadding.css';const p = "_fullHeight_80ifl_1", d = {
+import "../../react.esm-B3AK8zW1.js";
+import '../../assets/ModulePadding.css';const p = "_fullHeight_80ifl_1", s = {
   fullHeight: p
 }, B = ({ children: t }) => {
   const { isDesktop: i } = m();
@@ -26,7 +26,7 @@ import '../../assets/ModulePadding.css';const p = "_fullHeight_80ifl_1", d = {
       id: "module-padding",
       "data-testid": "module-padding",
       variant: i ? "standard" : "dense",
-      className: d.fullHeight,
+      className: s.fullHeight,
       children: t
     }
   );

package/components/OnboardingBanner/OnboardingBanner.js

@@ -6,7 +6,7 @@ import { G as i } from "../../index.es-BE1XL1dD.js";
 import { I as f } from "../../index.es-LckFzDz-.js";
 import { I as y } from "../../index.es-BwhRJBEH.js";
 import { c as v, T as _ } from "../../index.es-CdZp67J9.js";
-import { useBreakpoints as C } from "../../hooks/useBreakpoints.js";
+import { u as C } from "../../useBreakpoints-DDrM9Cfx.js";
 import '../../assets/OnboardingBanner.css';const G = "_elevation_7z8y8_1", k = "_color_7z8y8_5", B = "_buttons_7z8y8_9", l = {
   elevation: G,
   color: k,

package/components/Select/Select.js

@@ -14,7 +14,7 @@ import { flattenObjectToString as S } from "../../services/UtilService.js";
 import "../../omit-DUqu4lDk.js";
 import "../../isArray-olhCpv2e.js";
 import "../../types/Time.js";
-import "../../react.esm-uOZB-qPu.js";
+import "../../react.esm-B3AK8zW1.js";
 import '../../assets/Select.css';const $ = "_customPortal_1u11g_1", g = "_customSelect_1u11g_8", n = {
   customPortal: $,
   customSelect: g

package/components/Stepper/components/StepperHeader.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { G as i } from "../../../index.es-BE1XL1dD.js";
 import { T as o } from "../../../index.es-CdZp67J9.js";
 import { useMemo as f, Fragment as A } from "react";
-import { useBreakpoints as v } from "../../../hooks/useBreakpoints.js";
+import { u as v } from "../../../useBreakpoints-DDrM9Cfx.js";
 import { s as t } from "../../../stepper.module-C_EMu-Fl.js";
 import { StepperItem as h } from "./StepperItem.js";
 import { StepperStyle as c } from "../stepperStyles.js";

package/hooks/useBreakpoints.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Custom hook that tells you whether a given media query is active.
+ *
+ * Inspired by https://usehooks.com/useMedia/
+ * https://gist.github.com/gragland/ed8cac563f5df71d78f4a1fefa8c5633
+ */
+export declare const useMediaQuery: (query: string) => boolean;
 /**
  * Hook that returns the current breakpoint. It uses the following breakpoints:
  * - xs: 0-599px
@@ -25,22 +32,3 @@ export declare const useBreakpoints: () => {
     isDesktop: boolean;
     isDesktopNavbar: boolean;
 };
-/**
- * a hook that returns all breakpoints that are in the range of the desktop size (greater than 840px)
- * - lg: 840-1023px
- * - xl: 1024-1439px
- * - xxl: 1440px and up
- * - lg-nav: (840 + 256) - (1023 + 256)px
- * - xl-nav: (1024 + 256) - (1439 + 256)px
- * - xxl-nav: (1440 + 256)px and up
- * @param navBarWidth
- * @returns
- */
-export declare const useDesktopBreakpoints: (navBarWidth?: number) => {
-    isLgNavbar: boolean;
-    isXlNavbar: boolean;
-    isXxlNavbar: boolean;
-    isLg: boolean;
-    isXl: boolean;
-    isXxl: boolean;
-};

package/hooks/useBreakpoints.js

@@ -1,40 +1,6 @@
-import { useState as m, useEffect as p } from "react";
-const t = (s) => {
-  const [a, n] = m(!1);
-  return p(
-    () => {
-      const i = window.matchMedia(s);
-      n(i.matches);
-      const e = (o) => n(o.matches);
-      return i.addEventListener("change", e), () => i.removeEventListener("change", e);
-    },
-    []
-    // Empty array ensures effect is only run on mount and unmount
-  ), a;
-}, w = () => {
-  const { isLgNavbar: s, isXlNavbar: a, isXxlNavbar: n, isLg: i, isXl: e, isXxl: o } = r(), x = t("(max-width: 599px)"), d = t("(min-width: 600px) and (max-width: 719px)"), c = t("(min-width: 720px) and (max-width: 839px)");
-  return {
-    isMobile: x,
-    isTablet: d || c,
-    isDesktop: i || e || o,
-    isDesktopNavbar: s || a || n
-  };
-}, r = (s = 256) => {
-  const a = t(
-    `(min-width: ${840 + s}px) and (max-width: ${1023 + s}px)`
-  ), n = t(
-    `(min-width: ${1024 + s}px) and (max-width: ${1439 + s}px)`
-  ), i = t(`(min-width: ${1440 + s}px)`), e = t("(min-width: 840px) and (max-width: 1023px)"), o = t("(min-width: 1024px) and (max-width: 1439px)"), x = t("(min-width: 1440px)");
-  return {
-    isLgNavbar: a,
-    isXlNavbar: n,
-    isXxlNavbar: i,
-    isLg: e,
-    isXl: o,
-    isXxl: x
-  };
-};
+import "react";
+import { u as a, b as o } from "../useBreakpoints-DDrM9Cfx.js";
 export {
-  w as useBreakpoints,
-  r as useDesktopBreakpoints
+  a as useBreakpoints,
+  o as useMediaQuery
 };

package/hooks/useDesktopBreakpoints.d.ts

@@ -0,0 +1,19 @@
+/**
+ * a hook that returns all breakpoints that are in the range of the desktop size (greater than 840px)
+ * - lg: 840-1023px
+ * - xl: 1024-1439px
+ * - xxl: 1440px and up
+ * - lg-nav: (840 + 256) - (1023 + 256)px
+ * - xl-nav: (1024 + 256) - (1439 + 256)px
+ * - xxl-nav: (1440 + 256)px and up
+ * @param navBarWidth
+ * @returns
+ */
+export declare const useDesktopBreakpoints: (navBarWidth?: number) => {
+    isLgNavbar: boolean;
+    isXlNavbar: boolean;
+    isXxlNavbar: boolean;
+    isLg: boolean;
+    isXl: boolean;
+    isXxl: boolean;
+};

package/hooks/useDesktopBreakpoints.js

@@ -0,0 +1,4 @@
+import { a as s } from "../useBreakpoints-DDrM9Cfx.js";
+export {
+  s as useDesktopBreakpoints
+};

package/main.d.ts

@@ -47,28 +47,31 @@ export { AvailableCustomIcons } from './enums/AvailableCustomIcons';
 export { ThemeColor } from './enums/ThemeColor';
 export { useBreakpoints } from './hooks/useBreakpoints';
 export { useContainerWidth } from './hooks/useContainerWidth';
-export { capitalizeFirstLetters, flattenObjectToString, getFormattedDateTime, getNumberAsLocaleString, trimLeadingAndTrailingSpaces, } from './services/UtilService';
+export { useDesktopBreakpoints } from './hooks/useDesktopBreakpoints';
+export { capitalizeFirstLetters, flattenObjectToString, getFormattedDateTime, getNumberAsLocaleString, trimLeadingAndTrailingSpaces } from './services/UtilService';
+export type { AllowedButtonProps } from './components/AllowedButton/AllowedButton';
+export type { AllowedIconButtonProps } from './components/AllowedIconButton/AllowedIconButton';
 export type { ActionProps } from './components/ContextMenu/ContextMenu';
-export type { FormSelectOption, FormSelectProps, } from './components/FormComponents/FormSelect/FormSelect';
+export type { FormSelectOption, FormSelectProps } from './components/FormComponents/FormSelect/FormSelect';
 export type { FormTextProps } from './components/FormComponents/FormText/FormText';
 export type { InfoCardProps } from './components/InfoCard/InfoCard';
 export type { FieldItem } from './components/InfoGroup/InfoGroup';
 export type { LoadingSpinnerProps } from './components/LoadingSpinner/Default/LoadingSpinner';
 export { StepperStyle } from './components/Stepper/stepperStyles';
-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 { DATE_FORMAT, DATE_TIME_FORMAT, TIME_FORMAT } from './types/Time';
-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';
 export { Allowed } from './components/Allowed/Allowed';
 export { AllowedButton } from './components/AllowedButton/AllowedButton';
 export { AllowedIconButton } from './components/AllowedIconButton/AllowedIconButton';
-export { getPermissionsFromModulePermissionToken, useIsAllowed, } from './components/PermissionChecks/PermissionService';
+export { getPermissionsFromModulePermissionToken, useIsAllowed } from './components/PermissionChecks/PermissionService';
 export type { IsAllowedProps } from './components/PermissionChecks/PermissionService';
 export { SharedComponentsPermissionProvider } from './components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider';
 export { createPermissionWrapper, renderWithPermissions } from './test-utils';
 export { HVMainPermissions } from './types/Permission';
-export type { HVPermissions, ModulePermissionTokenParsed, PermissionsByEntity, } from './types/Permission';
+export type { HVPermissions, ModulePermissionTokenParsed, PermissionsByEntity } from './types/Permission';

package/main.js

@@ -3,21 +3,21 @@ import { LinkBanner as m } from "./components/AlertBanner/LinkBanner.js";
 import { BaseView as f } from "./components/BaseView/BaseView.js";
 import { BasicHeading as x } from "./components/BasicHeading/BasicHeading.js";
 import { BlockView as n } from "./components/BlockView/BlockView.js";
-import { ButtonCard as A } from "./components/ButtonCard/ButtonCard.js";
+import { ButtonCard as s } from "./components/ButtonCard/ButtonCard.js";
 import { ChipCard as d } from "./components/ChipCard/ChipCard.js";
 import { ConfirmationModal as c } from "./components/ConfirmationModal/ConfirmationModal.js";
 import { ContextMenu as T } from "./components/ContextMenu/ContextMenu.js";
 import { DeleteModal as L } from "./components/DeleteModal/DeleteModal.js";
-import { DetailContentWrapper as I } from "./components/DetailContentWrapper/DetailContentWrapper.js";
-import { Disclaimer as G } from "./components/Disclaimer/Disclaimer.js";
-import { EmptyView as C } from "./components/EmptyView/EmptyView.js";
+import { DetailContentWrapper as B } from "./components/DetailContentWrapper/DetailContentWrapper.js";
+import { Disclaimer as u } from "./components/Disclaimer/Disclaimer.js";
+import { EmptyView as G } from "./components/EmptyView/EmptyView.js";
 import { Filter as M } from "./components/Filter/Filter.js";
 import { FloatingActionButton as P } from "./components/FloatingActionButton/FloatingActionButton.js";
 import { FormattedNumberDisplay as b } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
 import { GenericTable as O } from "./components/GenericTable/GenericTable.js";
 import { HashTabView as V } from "./components/HashTabView/HashTabView.js";
-import { HeaderFilter as H } from "./components/HeaderFilter/HeaderFilter.js";
-import { Iconify as k } from "./components/Iconify/Iconify.js";
+import { HeaderFilter as k } from "./components/HeaderFilter/HeaderFilter.js";
+import { Iconify as U } from "./components/Iconify/Iconify.js";
 import { InfoCard as y } from "./components/InfoCard/InfoCard.js";
 import { InfoGroup as Y } from "./components/InfoGroup/InfoGroup.js";
 import { ListArea as j } from "./components/ListArea/ListArea.js";
@@ -30,77 +30,77 @@ import { OverflowTooltip as mr } from "./components/OverflowTooltip/OverflowTool
 import { ScrollbarX as fr, ScrollbarY as ir } from "./components/Scrollbar/Scrollbar.js";
 import { SearchBar as ar } from "./components/SearchBar/SearchBar.js";
 import { Select as lr } from "./components/Select/Select.js";
-import { StepperHeader as sr } from "./components/Stepper/components/StepperHeader.js";
+import { StepperHeader as Ar } from "./components/Stepper/components/StepperHeader.js";
 import { Stepper as Sr } from "./components/Stepper/Stepper.js";
 import { TopBarBanner as Er } from "./components/TopBarBanner/TopBarBanner.js";
 import { VerticalDivider as Fr } from "./components/VerticalDivider/VerticalDivider.js";
 import { FormCheckBox as _r } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as Br } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormNumber as ur } from "./components/FormComponents/FormNumber/FormNumber.js";
-import { FormRadio as Dr } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { FormDatePicker as Ir } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormNumber as Dr } from "./components/FormComponents/FormNumber/FormNumber.js";
+import { FormRadio as Cr } from "./components/FormComponents/FormRadio/FormRadio.js";
 import { FormSelect as gr } from "./components/FormComponents/FormSelect/FormSelect.js";
 import { FormSlider as Nr } from "./components/FormComponents/FormSlider/FormSlider.js";
 import { FormText as wr } from "./components/FormComponents/FormText/FormText.js";
 import { FormToggle as Rr } from "./components/FormComponents/FormToggle/FormToggle.js";
 import { SafeForm as hr } from "./components/SafeForm/SafeForm.js";
-import { AvailableCustomIcons as Ur } from "./enums/AvailableCustomIcons.js";
+import { AvailableCustomIcons as Hr } from "./enums/AvailableCustomIcons.js";
 import { ThemeColor as vr } from "./enums/ThemeColor.js";
-import { useBreakpoints as Wr } from "./hooks/useBreakpoints.js";
-import { useContainerWidth as Kr } from "./hooks/useContainerWidth.js";
-import { capitalizeFirstLetters as zr, flattenObjectToString as Xr, getFormattedDateTime as qr, getNumberAsLocaleString as Jr, trimLeadingAndTrailingSpaces as Qr } from "./services/UtilService.js";
-import { StepperStyle as $r } from "./components/Stepper/stepperStyles.js";
-import { DATE_FORMAT as oo, DATE_TIME_FORMAT as eo, TIME_FORMAT as to } from "./types/Time.js";
-import { AVAILABLE_COUNTRY_KEYS as po, AVAILABLE_LOCALES as fo, ENGLISH_LANGUAGE_ID as io, GERMAN_LANGUAGE_ID as xo, LANGUAGE_CODES_MAPPER as ao, LANGUAGE_ID_MAPPER as no, SPANISH_LANGUAGE_ID as lo, TURKISH_LANGUAGE_ID as Ao } from "./types/Languages.js";
-import { Allowed as So } from "./components/Allowed/Allowed.js";
-import { AllowedButton as Eo } from "./components/AllowedButton/AllowedButton.js";
-import { AllowedIconButton as Fo } from "./components/AllowedIconButton/AllowedIconButton.js";
-import { getPermissionsFromModulePermissionToken as _o, useIsAllowed as Io } from "./components/PermissionChecks/PermissionService.js";
-import { SharedComponentsPermissionProvider as Go } from "./components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider.js";
-import { createPermissionWrapper as Co, renderWithPermissions as Do } from "./test-utils.js";
-import { HVMainPermissions as go } from "./types/Permission.js";
+import { u as Wr, a as Yr } from "./useBreakpoints-DDrM9Cfx.js";
+import { useContainerWidth as jr } from "./hooks/useContainerWidth.js";
+import { capitalizeFirstLetters as Xr, flattenObjectToString as qr, getFormattedDateTime as Jr, getNumberAsLocaleString as Qr, trimLeadingAndTrailingSpaces as Zr } from "./services/UtilService.js";
+import { StepperStyle as ro } from "./components/Stepper/stepperStyles.js";
+import { DATE_FORMAT as eo, DATE_TIME_FORMAT as to, TIME_FORMAT as mo } from "./types/Time.js";
+import { AVAILABLE_COUNTRY_KEYS as fo, AVAILABLE_LOCALES as io, ENGLISH_LANGUAGE_ID as xo, GERMAN_LANGUAGE_ID as ao, LANGUAGE_CODES_MAPPER as no, LANGUAGE_ID_MAPPER as lo, SPANISH_LANGUAGE_ID as so, TURKISH_LANGUAGE_ID as Ao } from "./types/Languages.js";
+import { Allowed as co } from "./components/Allowed/Allowed.js";
+import { AllowedButton as To } from "./components/AllowedButton/AllowedButton.js";
+import { AllowedIconButton as Lo } from "./components/AllowedIconButton/AllowedIconButton.js";
+import { getPermissionsFromModulePermissionToken as Bo, useIsAllowed as Io } from "./components/PermissionChecks/PermissionService.js";
+import { SharedComponentsPermissionProvider as Do } from "./components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider.js";
+import { createPermissionWrapper as Co, renderWithPermissions as Mo } from "./test-utils.js";
+import { HVMainPermissions as Po } from "./types/Permission.js";
 export {
-  po as AVAILABLE_COUNTRY_KEYS,
-  fo as AVAILABLE_LOCALES,
+  fo as AVAILABLE_COUNTRY_KEYS,
+  io as AVAILABLE_LOCALES,
   e as AlertBanner,
-  So as Allowed,
-  Eo as AllowedButton,
-  Fo as AllowedIconButton,
-  Ur as AvailableCustomIcons,
+  co as Allowed,
+  To as AllowedButton,
+  Lo as AllowedIconButton,
+  Hr as AvailableCustomIcons,
   f as BaseView,
   x as BasicHeading,
   n as BlockView,
-  A as ButtonCard,
+  s as ButtonCard,
   d as ChipCard,
   c as ConfirmationModal,
   T as ContextMenu,
-  oo as DATE_FORMAT,
-  eo as DATE_TIME_FORMAT,
+  eo as DATE_FORMAT,
+  to as DATE_TIME_FORMAT,
   L as DeleteModal,
-  I as DetailContentWrapper,
-  G as Disclaimer,
-  io as ENGLISH_LANGUAGE_ID,
-  C as EmptyView,
+  B as DetailContentWrapper,
+  u as Disclaimer,
+  xo as ENGLISH_LANGUAGE_ID,
+  G as EmptyView,
   M as Filter,
   P as FloatingActionButton,
   _r as FormCheckBox,
-  Br as FormDatePicker,
-  ur as FormNumber,
-  Dr as FormRadio,
+  Ir as FormDatePicker,
+  Dr as FormNumber,
+  Cr as FormRadio,
   gr as FormSelect,
   Nr as FormSlider,
   wr as FormText,
   Rr as FormToggle,
   b as FormattedNumberDisplay,
-  xo as GERMAN_LANGUAGE_ID,
+  ao as GERMAN_LANGUAGE_ID,
   O as GenericTable,
-  go as HVMainPermissions,
+  Po as HVMainPermissions,
   V as HashTabView,
-  H as HeaderFilter,
-  k as Iconify,
+  k as HeaderFilter,
+  U as Iconify,
   y as InfoCard,
   Y as InfoGroup,
-  ao as LANGUAGE_CODES_MAPPER,
-  no as LANGUAGE_ID_MAPPER,
+  no as LANGUAGE_CODES_MAPPER,
+  lo as LANGUAGE_ID_MAPPER,
   m as LinkBanner,
   j as ListArea,
   X as LoadingSpinner,
@@ -109,30 +109,31 @@ export {
   rr as OfflineView,
   er as OnboardingBanner,
   mr as OverflowTooltip,
-  lo as SPANISH_LANGUAGE_ID,
+  so as SPANISH_LANGUAGE_ID,
   hr as SafeForm,
   fr as ScrollbarX,
   ir as ScrollbarY,
   ar as SearchBar,
   lr as Select,
-  Go as SharedComponentsPermissionProvider,
+  Do as SharedComponentsPermissionProvider,
   Sr as Stepper,
-  sr as StepperHeader,
-  $r as StepperStyle,
-  to as TIME_FORMAT,
+  Ar as StepperHeader,
+  ro as StepperStyle,
+  mo as TIME_FORMAT,
   Ao as TURKISH_LANGUAGE_ID,
   vr as ThemeColor,
   Er as TopBarBanner,
   Fr as VerticalDivider,
-  zr as capitalizeFirstLetters,
+  Xr as capitalizeFirstLetters,
   Co as createPermissionWrapper,
-  Xr as flattenObjectToString,
-  qr as getFormattedDateTime,
-  Jr as getNumberAsLocaleString,
-  _o as getPermissionsFromModulePermissionToken,
-  Do as renderWithPermissions,
-  Qr as trimLeadingAndTrailingSpaces,
+  qr as flattenObjectToString,
+  Jr as getFormattedDateTime,
+  Qr as getNumberAsLocaleString,
+  Bo as getPermissionsFromModulePermissionToken,
+  Mo as renderWithPermissions,
+  Zr as trimLeadingAndTrailingSpaces,
   Wr as useBreakpoints,
-  Kr as useContainerWidth,
+  jr as useContainerWidth,
+  Yr as useDesktopBreakpoints,
   Io as useIsAllowed
 };