@hortiview/shared-components 0.0.6829 → 0.0.6890

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import { s as r, B as n } from "../../../BigLoadingSpinner-Df2k3xOD.js";
-import { r as i, s as e } from "../../../react.esm-BBemCHUU.js";
-import { d as g, t as s, g as t } from "../../../vi.JYQecGiw-BbUbJcT8.js";
+import { a as i, s as e } from "../../../react.esm-DoZanrUz.js";
+import { d as g, t as a, g as t } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 g("BigLoadingSpinner Test", () => {
-  s("render BigLoadingSpinner with custom loading text", () => {
+  a("render BigLoadingSpinner with custom loading text", () => {
     i(/* @__PURE__ */ o(n, { text: "Please wait..." })), t(e.getByText("Please wait...")).toBeInTheDocument(), t(e.getByRole("progressbar")).toBeInTheDocument();
-  }), s("renders BigLoadingSpinner with default loading text", () => {
+  }), a("renders BigLoadingSpinner with default loading text", () => {
     i(/* @__PURE__ */ o(n, { text: "loadingtext" })), t(e.getByText("loadingtext")).toBeInTheDocument();
-  }), s('Icon component contains className attribute "logo"', () => {
+  }), a('Icon component contains className attribute "logo"', () => {
     i(/* @__PURE__ */ o(n, {}));
-    const a = e.getByTestId("logo-icon");
-    t(a).toHaveClass(r.logo);
+    const s = e.getByTestId("logo-icon");
+    t(s).toHaveClass(r.logo);
   });
 });

package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as o, s as e } from "../../../react.esm-BBemCHUU.js";
+import { a as o, s as e } from "../../../react.esm-DoZanrUz.js";
 import { LoadingSpinner as r } from "./LoadingSpinner.js";
 import { d as a, t as i, g as n } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 a("LoadingSpinner Test", () => {

package/dist/components/OverflowTooltip/OverflowTooltip.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { TypoDisplay as n } from "@element/react-components";
-import { r as i, s as e, w as s } from "../../react.esm-BBemCHUU.js";
-import { u as a } from "../../index-DfbRag7b.js";
+import { a as i, s as e, w as s } from "../../react.esm-DoZanrUz.js";
+import { u as a } from "../../index-DP2ENnrX.js";
 import { OverflowTooltip as c } from "./OverflowTooltip.js";
 import { d as u, t as p, g as r } from "../../vi.JYQecGiw-BbUbJcT8.js";
 u("OverflowTooltip Test", () => {

package/dist/components/Scrollbar/scrollbar.test.js

@@ -1,15 +1,15 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as e, s as t } from "../../react.esm-BBemCHUU.js";
+import { a, s as e } from "../../react.esm-DoZanrUz.js";
 import { ScrollbarY as d, ScrollbarX as l } from "./Scrollbar.js";
-import { d as c, t as a, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
+import { d as c, t, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
 c("Scrollbar", () => {
-  a("should render Y correctly", () => {
-    e(/* @__PURE__ */ s("div", { "data-testid": "div", className: d }));
-    const r = t.getByTestId("div");
+  t("should render Y correctly", () => {
+    a(/* @__PURE__ */ s("div", { "data-testid": "div", className: d }));
+    const r = e.getByTestId("div");
     o(r).toHaveClass(/scrollbarY/);
-  }), a("should render X correctly", () => {
-    e(/* @__PURE__ */ s("div", { "data-testid": "div", className: l }));
-    const r = t.getByTestId("div");
+  }), t("should render X correctly", () => {
+    a(/* @__PURE__ */ s("div", { "data-testid": "div", className: l }));
+    const r = e.getByTestId("div");
     o(r).toHaveClass(/scrollbarX/);
   });
 });

package/dist/components/SearchBar/SearchBar.test.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { r, s as t, f as h, a as l } from "../../react.esm-BBemCHUU.js";
+import { a as r, s as t, f as h, b as l } from "../../react.esm-DoZanrUz.js";
 import { SearchBar as s } from "./SearchBar.js";
 import { d as m, t as o, v as n, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 m("SearchBar Test", () => {

package/dist/components/VerticalDivider/VerticalDivider.test.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { r } from "../../react.esm-BBemCHUU.js";
+import { a as r } from "../../react.esm-DoZanrUz.js";
 import { VerticalDivider as s } from "./VerticalDivider.js";
 import { d as o, t as l, g as i } from "../../vi.JYQecGiw-BbUbJcT8.js";
 o("VerticalDivider Test", () => {

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

@@ -1,15 +1,20 @@
 /**
- * Custom hook that tells you whether a given media query is active.
+ * Hook that returns the current breakpoint. It uses the following breakpoints:
+ * - xs: 0-599px
+ * - sm: 600-719px
+ * - md: 720-839px
+ * - lg: 840-1023px
+ * - xl: 1024-1439px
+ * - xxl: 1440px and up
  *
- * Inspired by https://usehooks.com/useMedia/
- * https://gist.github.com/gragland/ed8cac563f5df71d78f4a1fefa8c5633
+ * They are combined as follows:
+ * - isMobile: xs
+ * - isTablet: sm, md
+ * - isDesktop: lg, xl, xxl
+ * @returns {Object} An object with the current breakpoint
  */
-export declare function useMediaQuery(query: string): boolean;
-export declare function useBreakpoints(): {
-    isXs: boolean;
-    isSm: boolean;
-    isMd: boolean;
-    isLg: boolean;
-    isXlg: boolean;
-    active: string;
+export declare const useBreakpoints: () => {
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
 };

package/dist/hooks/useBreakpoint.js

@@ -1,6 +1,5 @@
 import "react";
-import { a as s, b as o } from "../useBreakpoint-DROHPVxO.js";
+import { u as p } from "../useBreakpoint-2MH8ICuE.js";
 export {
-  s as useBreakpoints,
-  o as useMediaQuery
+  p as useBreakpoints
 };

package/dist/hooks/useBreakpoints.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/useBreakpoints.test.js

@@ -0,0 +1,11 @@
+import { r as t, w as s } from "../react.esm-DoZanrUz.js";
+import { u as o } from "../useBreakpoint-2MH8ICuE.js";
+import { d as a, t as i, g as r } from "../vi.JYQecGiw-BbUbJcT8.js";
+a("useBreakpoint Test", () => {
+  i("returns object", () => {
+    const { result: e } = t(() => o());
+    s(() => {
+      r(e.current.isDesktop).toBe(!1), r(e.current.isTablet).toBe(!1), r(e.current.isMobile).toBe(!1);
+    });
+  });
+});

package/dist/{index-DfbRag7b.js → index-DP2ENnrX.js}

@@ -1,4 +1,4 @@
-import { g as L } from "./react.esm-BBemCHUU.js";
+import { g as L } from "./react.esm-DoZanrUz.js";
 function d(e, t, n) {
   return e.namespaceURI && e.namespaceURI !== "http://www.w3.org/1999/xhtml" || (t = Array.isArray(t) ? t : [
     t

package/dist/main.js

@@ -2,13 +2,13 @@ import "./assets/main.css";
 import { AlertBanner as t } from "./components/AlertBanner/AlertBanner.js";
 import { BaseView as p } from "./components/BaseView/BaseView.js";
 import { BasicHeading as f } from "./components/BasicHeading/BasicHeading.js";
-import { BlockView as i } from "./components/BlockView/BlockView.js";
+import { BlockView as a } from "./components/BlockView/BlockView.js";
 import { ContextMenu as c } from "./components/ContextMenu/ContextMenu.js";
 import { DeleteModal as s } from "./components/DeleteModal/DeleteModal.js";
 import { Disclaimer as d } from "./components/Disclaimer/Disclaimer.js";
 import { EmptyView as S } from "./components/EmptyView/EmptyView.js";
-import { GenericTable as V } from "./components/GenericTable/GenericTable.js";
-import { HashTabView as u } from "./components/HashTabView/HashTabView.js";
+import { GenericTable as u } from "./components/GenericTable/GenericTable.js";
+import { HashTabView as k } from "./components/HashTabView/HashTabView.js";
 import { HeaderFilter as D } from "./components/HeaderFilter/HeaderFilter.js";
 import { Iconify as A } from "./components/Iconify/Iconify.js";
 import { InfoGroup as H } from "./components/InfoGroup/InfoGroup.js";
@@ -24,14 +24,14 @@ 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 { a as rr } from "./useBreakpoint-DROHPVxO.js";
+import { u as rr } from "./useBreakpoint-2MH8ICuE.js";
 import { capitalizeFirstLetters as er } from "./services/UtilService.js";
 export {
   t as AlertBanner,
   _ as AvailableCustomIcons,
   p as BaseView,
   f as BasicHeading,
-  i as BlockView,
+  a as BlockView,
   c as ContextMenu,
   s as DeleteModal,
   d as Disclaimer,
@@ -42,8 +42,8 @@ export {
   N as FormSelect,
   Q as FormSlider,
   W as FormText,
-  V as GenericTable,
-  u as HashTabView,
+  u as GenericTable,
+  k as HashTabView,
   D as HeaderFilter,
   A as Iconify,
   H as InfoGroup,