@hortiview/shared-components 0.0.7951 → 0.0.8063

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,6 +1,6 @@
 import { jsx as r, Fragment as l, jsxs as c } from "react/jsx-runtime";
 import { Group as m, TypoBody as p } from "@element/react-components";
-import { u as d } from "../../useBreakpoints-BNeVhjjZ.js";
+import { u as d } from "../../useBreakpoints-MzTZ0tCT.js";
 import { s as o } from "../../alertBanner.module-BPiKN0gh.js";
 const h = ({
   text: e,

package/dist/components/AlertBanner/AlertBanner.test.js

@@ -1,6 +1,6 @@
 import { jsx as e, Fragment as m } from "react/jsx-runtime";
 import { a as t, s } from "../../react.esm-Dy4VzU4L.js";
-import { a as l } from "../../useBreakpoints-BNeVhjjZ.js";
+import { a as l } from "../../useBreakpoints-MzTZ0tCT.js";
 import { AlertBanner as n } from "./AlertBanner.js";
 import { d as c, b as p, t as r, g as o, v as a } from "../../vi.JYQecGiw-BbUbJcT8.js";
 c("AlertBanner Test", () => {

package/dist/components/BaseView/BaseView.js

@@ -5,7 +5,7 @@ import { BasicHeading as u } from "../BasicHeading/BasicHeading.js";
 import { EmptyView as L } from "../EmptyView/EmptyView.js";
 import { ListArea as W } from "../ListArea/ListArea.js";
 import { VerticalDivider as A } from "../VerticalDivider/VerticalDivider.js";
-import { u as V } from "../../useBreakpoints-BNeVhjjZ.js";
+import { u as V } from "../../useBreakpoints-MzTZ0tCT.js";
 import { s as r } from "../../baseView.module-uWbm_a5f.js";
 const C = ({
   action: c,

package/dist/components/BaseView/BaseView.test.js

@@ -1,6 +1,6 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
 import { a as r, s as e, f as p } from "../../react.esm-Dy4VzU4L.js";
-import { a as l } from "../../useBreakpoints-BNeVhjjZ.js";
+import { a as l } from "../../useBreakpoints-MzTZ0tCT.js";
 import { BaseView as i } from "./BaseView.js";
 import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";
 u("BaseView Test", () => {

package/dist/components/BasicHeading/BasicHeading.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { TypoDisplay as g, TypoBody as N, Icon as I } from "@element/react-components";
 import { I as x } from "../../Iconify-CY9lZjFd.js";
 import { AvailableCustomIcons as B } from "../../enums/AvailableCustomIcons.js";
-import { u as C } from "../../useBreakpoints-BNeVhjjZ.js";
+import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
 import { OverflowTooltip as T } from "../OverflowTooltip/OverflowTooltip.js";
 import { s as e } from "../../basicHeading.module-BYb8xvuk.js";
 const $ = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ t("div", { className: e.iconContainer, children: i }) : i in B ? /* @__PURE__ */ t(

package/dist/components/DeleteModal/DeleteModal.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as p, Fragment as s } from "react/jsx-runtime";
 import { Button as u, Group as c, Icon as D, TypoBody as t } from "@element/react-components";
 import { uniqueId as N } from "lodash";
 import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
-import { u as x } from "../../useBreakpoints-BNeVhjjZ.js";
+import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
 import { I as M } from "../../Iconify-CY9lZjFd.js";
 import { Modal as j } from "../Modal/Modal.js";
 import { s as n } from "../../deleteModal.module-Ds3MDzdl.js";

package/dist/components/Filter/Filter.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as B, Fragment as I } from "react/jsx-runtime";
 import { Group as y, Button as h, Select as T, Switch as W, IconButton as j, NotificationBadge as b } from "@element/react-components";
 import { useState as v } from "react";
 import { s as c } from "../../genericTable.module-Dk3yy2S3.js";
-import { u as A } from "../../useBreakpoints-BNeVhjjZ.js";
+import { u as A } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../alertBanner.module-BPiKN0gh.js";
 import { I as z } from "../../Iconify-CY9lZjFd.js";
 import "../../react-tooltip.min-BzHiZW8k.js";

package/dist/components/Filter/Filter.test.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { a, s as t, f as c, t as u, w as d } from "../../react.esm-Dy4VzU4L.js";
-import { a as s } from "../../useBreakpoints-BNeVhjjZ.js";
+import { a as s } from "../../useBreakpoints-MzTZ0tCT.js";
 import { Filter as T } from "./Filter.js";
 import { v as x, b as f, d as y, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 const o = x.fn();

package/dist/components/GenericTable/GenericTable.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as B } from "react/jsx-runtime";
 import { Elevation as D, Table as G, TableTopBar as u, Group as m, Padding as W, TypoDisplay as k, TypoSubtitle as C } from "@element/react-components";
 import { Fragment as j } from "react";
 import { a as t } from "../../genericTable.module-Dk3yy2S3.js";
-import { u as x } from "../../useBreakpoints-BNeVhjjZ.js";
+import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../alertBanner.module-BPiKN0gh.js";
 import "../../iconify.module-C89oaw5b.js";
 import "../../isArray-Ca4KR8TK.js";

package/dist/components/GenericTable/GenericTable.test.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as B } from "react/jsx-runtime";
 import { a as o, s as e } from "../../react.esm-Dy4VzU4L.js";
-import { a as m } from "../../useBreakpoints-BNeVhjjZ.js";
+import { a as m } from "../../useBreakpoints-MzTZ0tCT.js";
 import { GenericTable as s } from "./GenericTable.js";
 import { d as h, v as r, t as i, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 h("GenericTable Test", () => {

package/dist/components/HashTabView/HashTabView.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as d, Fragment as I } from "react/jsx-runtime";
 import { Elevation as N, Group as c, TabBar as b, Tab as k, Padding as x } from "@element/react-components";
 import { useState as y, useEffect as $ } from "react";
-import { u as w } from "../../useBreakpoints-BNeVhjjZ.js";
+import { u as w } from "../../useBreakpoints-MzTZ0tCT.js";
 import { s as a } from "../../HashTabView.module-DUekkiTC.js";
 const h = (n, t) => !t || !n ? 0 : n.findIndex((i) => i.hash === t.replace("#", "")) ?? 0, D = ({
   tabs: n,

package/dist/components/InfoGroup/InfoGroup.js

@@ -1,7 +1,7 @@
 import { jsxs as d, Fragment as p, jsx as t } from "react/jsx-runtime";
 import { Divider as h, Group as s, TypoCaption as g, TypoSubtitle as v } from "@element/react-components";
 import { useMemo as y, Fragment as A } from "react";
-import { u } from "../../useBreakpoints-BNeVhjjZ.js";
+import { u } from "../../useBreakpoints-MzTZ0tCT.js";
 import { s as l } from "../../infoGroup.module-Cxw88dfC.js";
 const w = ({ fields: r, bold: i }) => {
   const { isDesktop: a } = u(), e = !!r.length && Array.isArray(r.at(0)), n = y(() => e && a ? r.map((o, c) => /* @__PURE__ */ d(p, { children: [

package/dist/hooks/useBreakpoints.d.ts

@@ -19,9 +19,28 @@
  * - isDesktopNavbar: lg-nav, xl-nav, xxl-nav
  * @returns {Object} An object with the current breakpoint
  */
-export declare const useBreakpoints: (navBarWidth?: number) => {
+export declare const useBreakpoints: () => {
     isMobile: boolean;
     isTablet: boolean;
     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/dist/hooks/useBreakpoints.js

@@ -1,5 +1,6 @@
 import "react";
-import { u as p } from "../useBreakpoints-BNeVhjjZ.js";
+import { u as p, b as r } from "../useBreakpoints-MzTZ0tCT.js";
 export {
-  p as useBreakpoints
+  p as useBreakpoints,
+  r as useDesktopBreakpoints
 };

package/dist/hooks/useBreakpoints.test.js

@@ -1,5 +1,5 @@
 import { r as t, w as s } from "../react.esm-Dy4VzU4L.js";
-import { u as o } from "../useBreakpoints-BNeVhjjZ.js";
+import { u as o } from "../useBreakpoints-MzTZ0tCT.js";
 import { d as a, t as i, g as r } from "../vi.JYQecGiw-BbUbJcT8.js";
 a("useBreakpoint Test", () => {
   i("returns object", () => {

package/dist/main.js

@@ -28,7 +28,7 @@ import { FormSlider as rr } from "./components/FormComponents/FormSlider/FormSli
 import { FormText as er } from "./components/FormComponents/FormText/FormText.js";
 import { AvailableCustomIcons as mr } from "./enums/AvailableCustomIcons.js";
 import { ThemeColor as fr } from "./enums/ThemeColor.js";
-import { u as ir } from "./useBreakpoints-BNeVhjjZ.js";
+import { u as ir } from "./useBreakpoints-MzTZ0tCT.js";
 import { capitalizeFirstLetters as lr } from "./services/UtilService.js";
 export {
   t as AlertBanner,

package/dist/useBreakpoints-MzTZ0tCT.js

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

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

package/dist/useBreakpoints-BNeVhjjZ.js

@@ -1,33 +0,0 @@
-import { useState as p, useEffect as r } from "react";
-const t = (s) => {
-  const [a, i] = p(!1);
-  return r(
-    () => {
-      const e = window.matchMedia(s);
-      i(e.matches);
-      const n = (o) => i(o.matches);
-      return e.addEventListener("change", n), () => e.removeEventListener("change", n);
-    },
-    []
-    // Empty array ensures effect is only run on mount and unmount
-  ), a;
-}, h = (s = 256) => {
-  const a = t("(max-width: 599px)"), i = t("(min-width: 600px) and (max-width: 719px)"), e = t("(min-width: 720px) and (max-width: 839px)"), n = t("(min-width: 840px) and (max-width: 1023px)"), o = t("(min-width: 1024px) and (max-width: 1439px)"), d = t("(min-width: 1440px)"), c = t(
-    `(min-width: ${840 + s}px) and (max-width: ${1023 + s}px)`
-  ), x = t(
-    `(min-width: ${1024 + s}px) and (max-width: ${1439 + s}px)`
-  ), m = t(`(min-width: ${1440 + s}px)`);
-  return {
-    isMobile: a,
-    isTablet: i || e,
-    isDesktop: n || o || d,
-    isDesktopNavbar: c || x || m
-  };
-}, u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  useBreakpoints: h
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  u as a,
-  h as u
-};