@hortiview/shared-components 0.0.6504 → 0.0.6849

package/dist/useBreakpoint-2MH8ICuE.js

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

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.6504",
+  "version": "0.0.6849",
   "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-BoNnFzrZ.js

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

package/dist/useBreakpoint-DROHPVxO.js

@@ -1,35 +0,0 @@
-import { useState as r, useEffect as c } from "react";
-function t(e) {
-  const [s, a] = r(!1);
-  return c(
-    () => {
-      const i = window.matchMedia(e);
-      a(i.matches);
-      const n = (o) => a(o.matches);
-      return i.addEventListener("change", n), () => i.removeEventListener("change", n);
-    },
-    [s]
-    // Empty array ensures effect is only run on mount and unmount
-  ), s;
-}
-function d() {
-  const e = {
-    isXs: t("(max-width: 640px)"),
-    isSm: t("(min-width: 641px) and (max-width: 768px)"),
-    isMd: t("(min-width: 769px) and (max-width: 839px)"),
-    isLg: t("(min-width: 840px)"),
-    isXlg: t("(min-width: 1280px)"),
-    active: ""
-  };
-  return e.isXs && (e.active = "xs"), e.isSm && (e.active = "sm"), e.isMd && (e.active = "md"), e.isLg && (e.active = "lg"), e;
-}
-const u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  useBreakpoints: d,
-  useMediaQuery: t
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  d as a,
-  t as b,
-  u
-};