@hortiview/shared-components 0.0.6849 → 0.0.6927

package/dist/enums/AvailableCustomIcons.d.ts

@@ -3,21 +3,36 @@
  */
 export declare enum AvailableCustomIcons {
     'battery-0' = 0,
-    'battery-20' = 1,
-    'battery-50' = 2,
-    'battery-80' = 3,
-    'battery-100' = 4,
-    'cloud-rain' = 5,
-    'cloud-sunny' = 6,
-    'farm-delete' = 7,
-    'block-delete' = 8,
-    'greenhouse-delete' = 9,
-    'season' = 10,
-    'season-end' = 11,
-    block = 12,
-    cloud = 13,
-    farm = 14,
-    subscription = 15,
-    wind = 16,
-    hortiview = 17
+    'battery-100' = 1,
+    'battery-20' = 2,
+    'battery-50' = 3,
+    'battery-80' = 4,
+    'block-delete' = 5,
+    'cloud-rain' = 6,
+    'cloud-sunny' = 7,
+    'crop-health' = 8,
+    'farm-delete' = 9,
+    'farm-management' = 10,
+    'greenhouse-delete' = 11,
+    'harvest-quality' = 12,
+    'manage-labour' = 13,
+    'open-field' = 14,
+    'other-category' = 15,
+    'pd-scouting' = 16,
+    'season-end' = 17,
+    'vertical-farming' = 18,
+    block = 19,
+    cloud = 20,
+    farm = 21,
+    fertigation = 22,
+    glasshouse = 23,
+    greenhouse = 24,
+    hortiview = 25,
+    orchard = 26,
+    potato = 27,
+    season = 28,
+    subscription = 29,
+    tomato = 30,
+    weather = 31,
+    wind = 32
 }

package/dist/enums/AvailableCustomIcons.js

@@ -1,4 +1,4 @@
-var d = /* @__PURE__ */ ((r) => (r[r["battery-0"] = 0] = "battery-0", r[r["battery-20"] = 1] = "battery-20", r[r["battery-50"] = 2] = "battery-50", r[r["battery-80"] = 3] = "battery-80", r[r["battery-100"] = 4] = "battery-100", r[r["cloud-rain"] = 5] = "cloud-rain", r[r["cloud-sunny"] = 6] = "cloud-sunny", r[r["farm-delete"] = 7] = "farm-delete", r[r["block-delete"] = 8] = "block-delete", r[r["greenhouse-delete"] = 9] = "greenhouse-delete", r[r.season = 10] = "season", r[r["season-end"] = 11] = "season-end", r[r.block = 12] = "block", r[r.cloud = 13] = "cloud", r[r.farm = 14] = "farm", r[r.subscription = 15] = "subscription", r[r.wind = 16] = "wind", r[r.hortiview = 17] = "hortiview", r))(d || {});
+var d = /* @__PURE__ */ ((r) => (r[r["battery-0"] = 0] = "battery-0", r[r["battery-100"] = 1] = "battery-100", r[r["battery-20"] = 2] = "battery-20", r[r["battery-50"] = 3] = "battery-50", r[r["battery-80"] = 4] = "battery-80", r[r["block-delete"] = 5] = "block-delete", r[r["cloud-rain"] = 6] = "cloud-rain", r[r["cloud-sunny"] = 7] = "cloud-sunny", r[r["crop-health"] = 8] = "crop-health", r[r["farm-delete"] = 9] = "farm-delete", r[r["farm-management"] = 10] = "farm-management", r[r["greenhouse-delete"] = 11] = "greenhouse-delete", r[r["harvest-quality"] = 12] = "harvest-quality", r[r["manage-labour"] = 13] = "manage-labour", r[r["open-field"] = 14] = "open-field", r[r["other-category"] = 15] = "other-category", r[r["pd-scouting"] = 16] = "pd-scouting", r[r["season-end"] = 17] = "season-end", r[r["vertical-farming"] = 18] = "vertical-farming", r[r.block = 19] = "block", r[r.cloud = 20] = "cloud", r[r.farm = 21] = "farm", r[r.fertigation = 22] = "fertigation", r[r.glasshouse = 23] = "glasshouse", r[r.greenhouse = 24] = "greenhouse", r[r.hortiview = 25] = "hortiview", r[r.orchard = 26] = "orchard", r[r.potato = 27] = "potato", r[r.season = 28] = "season", r[r.subscription = 29] = "subscription", r[r.tomato = 30] = "tomato", r[r.weather = 31] = "weather", r[r.wind = 32] = "wind", r))(d || {});
 export {
   d as AvailableCustomIcons
 };

package/dist/hooks/useBreakpoint.d.ts

@@ -7,14 +7,21 @@
  * - xl: 1024-1439px
  * - xxl: 1440px and up
  *
+ * Additional breakpoints considering the navbar width
+ * - lg-nav: (840 + 256) - (1023 + 256)px
+ * - xl-nav: (1024 + 256) - (1439 + 256)px
+ * - xxl-nav: (1440 + 256)px and up
+ *
  * They are combined as follows:
  * - isMobile: xs
  * - isTablet: sm, md
  * - isDesktop: lg, xl, xxl
+ * - isDesktopNavbar: lg-nav, xl-nav, xxl-nav
  * @returns {Object} An object with the current breakpoint
  */
-export declare const useBreakpoints: () => {
+export declare const useBreakpoints: (navBarWidth?: number) => {
     isMobile: boolean;
     isTablet: boolean;
     isDesktop: boolean;
+    isDesktopNavbar: boolean;
 };

package/dist/hooks/useBreakpoint.js

@@ -1,5 +1,5 @@
 import "react";
-import { u as p } from "../useBreakpoint-2MH8ICuE.js";
+import { u as p } from "../useBreakpoint-BNeVhjjZ.js";
 export {
   p as useBreakpoints
 };

package/dist/hooks/useBreakpoints.test.js

@@ -1,5 +1,5 @@
 import { r as t, w as s } from "../react.esm-DoZanrUz.js";
-import { u as o } from "../useBreakpoint-2MH8ICuE.js";
+import { u as o } from "../useBreakpoint-BNeVhjjZ.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

@@ -24,7 +24,7 @@ import { FormSelect as N } from "./components/FormComponents/FormSelect/FormSele
 import { FormSlider as Q } from "./components/FormComponents/FormSlider/FormSlider.js";
 import { FormText as W } from "./components/FormComponents/FormText/FormText.js";
 import { AvailableCustomIcons as _ } from "./enums/AvailableCustomIcons.js";
-import { u as rr } from "./useBreakpoint-2MH8ICuE.js";
+import { u as rr } from "./useBreakpoint-BNeVhjjZ.js";
 import { capitalizeFirstLetters as er } from "./services/UtilService.js";
 export {
   t as AlertBanner,

package/dist/useBreakpoint-BNeVhjjZ.js

@@ -0,0 +1,33 @@
+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
+};

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

package/dist/ListAreaService-DDlsV9UD.js

@@ -1,100 +0,0 @@
-import "./assets/ListAreaService.css";
-import { jsx as r, jsxs as C } from "react/jsx-runtime";
-import { TypoButton as N, Group as O, TypoSubtitle as k, TypoBody as $, Icon as L } from "@element/react-components";
-import { Iconify as E } from "./components/Iconify/Iconify.js";
-import { AvailableCustomIcons as j } from "./enums/AvailableCustomIcons.js";
-const W = "_fullWidth_1l0gd_1", G = "_mainElevation_1l0gd_5", S = "_searchbar_1l0gd_11", w = "_roundedBottom_1l0gd_19", A = "_primaryText_1l0gd_24", P = "_noOverlineText_1l0gd_28", q = "_list_1l0gd_32", z = "_listItem_1l0gd_60", D = "_trailingIcon_1l0gd_64", F = "_groupedListItem_1l0gd_76", H = "_iconColor_1l0gd_80", J = "_overlineTitle_1l0gd_84", K = "_truncate_1l0gd_89", M = "_truncateOverlineText_1l0gd_98", i = {
-  fullWidth: W,
-  mainElevation: G,
-  searchbar: S,
-  roundedBottom: w,
-  primaryText: A,
-  noOverlineText: P,
-  list: q,
-  listItem: z,
-  trailingIcon: D,
-  groupedListItem: F,
-  iconColor: H,
-  overlineTitle: J,
-  truncate: K,
-  truncateOverlineText: M
-}, tt = (e, l, c, a) => {
-  const o = e.reduce((n, s) => {
-    const { groupName: t, ...m } = s;
-    return !t || typeof t != "string" || (n[t] || (n[t] = {
-      groupName: /* @__PURE__ */ r(N, { children: t }),
-      id: t,
-      items: []
-    }), n[t].items = [
-      ...n[t].items,
-      T(m, l, c, a)
-    ]), n;
-  }, {});
-  return Object.values(o);
-}, et = (e, l, c, a) => e.map((o) => T(o, l, c, a)), T = (e, l, c, a) => {
-  const {
-    id: o,
-    title: n,
-    subTitle: s,
-    route: t,
-    value: m,
-    noNavigation: g,
-    disabled: d,
-    icon: y,
-    iconType: u,
-    trailingIcon: I,
-    trailingIconType: x,
-    actionButton: f,
-    onClick: h,
-    customTitle: p,
-    listItemClassName: B,
-    overlineTitle: v
-  } = e, _ = l === t;
-  return {
-    id: o,
-    key: o,
-    select: _,
-    primaryText: o,
-    secondaryText: /* @__PURE__ */ C(O, { direction: "vertical", gap: "none", children: [
-      p ?? /* @__PURE__ */ r(
-        k,
-        {
-          level: 1,
-          bold: _,
-          className: `${i.truncate} lmnt-theme-on-surface-active`,
-          children: n
-        }
-      ),
-      s && !p ? /* @__PURE__ */ r(
-        $,
-        {
-          level: 2,
-          themeColor: _ ? "primary" : void 0,
-          className: `${i.truncate} lmnt-theme-on-surface-inactive`,
-          children: s
-        }
-      ) : void 0
-    ] }),
-    overlineText: /* @__PURE__ */ r("span", { className: `${i.truncate} ${i.truncateOverlineText}`, children: v }),
-    trailingBlock: f ?? I ?? /* @__PURE__ */ r(L, { icon: "arrow_right", className: i.iconColor }),
-    leadingBlock: Q(y),
-    value: m,
-    componentProps: {
-      id: o,
-      key: o,
-      leadingBlockType: u ?? "icon",
-      trailingBlockType: x ?? "icon",
-      className: `${u === "avatar" ? "" : i.listItem} ${c} ${B ?? ""} ${v ? i.overlineTitle : i.noOverlineText}`,
-      onClick: (R, b) => h?.(b),
-      tag: d || g ? void 0 : a ?? "a",
-      to: d || g ? void 0 : t,
-      disabled: d
-    }
-  };
-}, Q = (e) => typeof e == "string" && e in j ? /* @__PURE__ */ r(E, { icon: e }) : e;
-export {
-  et as a,
-  tt as g,
-  T as m,
-  i as s
-};

package/dist/useBreakpoint-2MH8ICuE.js

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