@hortiview/shared-components 0.0.11114 → 0.0.11146

package/dist/components/GenericTable/GenericTableService.js

@@ -1,59 +1,57 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useMemo as a } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { useMemo as p } from "react";
 import { ContextMenu as x } from "../ContextMenu/ContextMenu.js";
-const j = ({
-  data: r = [],
-  order: n = [],
-  cellTemplates: e = void 0,
-  headerTranslation: t = (c) => c,
-  getRowActions: f = void 0,
-  customColumnWidth: o,
-  cardTitleColumn: u,
-  cardSubTitleColumn: s
-}) => a(() => {
-  if (r?.length === 0)
-    return [];
-  const c = v(r[0], n).map((i) => {
-    const p = o ? o[i] : void 0;
+const l = ({
+  data: n = [],
+  order: e = [],
+  cellTemplates: r = void 0,
+  headerTranslation: t = (d) => d,
+  getRowActions: o = void 0,
+  customColumnWidth: s,
+  cardTitleColumn: f,
+  cardSubTitleColumn: u
+}) => p(() => {
+  if (n?.length === 0) return [];
+  const d = m(n[0], e).map((i) => {
+    const c = s ? s[i] : void 0;
     return {
       id: i,
       header: t(i),
       accessor: i,
-      cellTemplate: e ? e[i] : void 0,
-      cellProps: p ? { width: p } : void 0,
-      asCardTitle: i === u,
-      asCardSubtitle: i === s
+      cellTemplate: r ? r[i] : void 0,
+      cellProps: c ? { width: c } : void 0,
+      asCardTitle: i === f,
+      asCardSubtitle: i === u
     };
   });
-  return f ? [
-    ...c,
+  return o ? [
+    ...d,
     { id: "actions", header: "", accessor: "actions" }
-  ] : c;
+  ] : d;
 }, [
+  n,
   r,
   e,
-  n,
   t,
-  f,
   o,
-  u,
-  s
-]), l = ({
-  data: r = [],
-  getRowActions: n = void 0
-}) => a(() => n ? r.map((e) => {
-  const t = /* @__PURE__ */ d(x, { actions: n(e), iconOrientation: "horizontal" });
-  return { ...e, actions: t };
-}) : r, [r, n]), v = (r, n) => {
-  if (!r)
-    return [];
-  let e = Object.keys(r).map((t) => t);
-  return n?.length > 0 && (e = e.sort((t, f) => {
-    const o = n.findIndex((s) => s === t), u = n.findIndex((s) => s === f);
-    return o === -1 ? 1 : u === -1 ? -1 : o - u;
-  })), e;
+  s,
+  f,
+  u
+]), G = ({
+  data: n = [],
+  getRowActions: e = void 0
+}) => p(() => e ? n.map((r) => {
+  const t = /* @__PURE__ */ a(x, { actions: e(r), iconOrientation: "horizontal" });
+  return { ...r, actions: t };
+}) : n, [n, e]), m = (n, e) => {
+  if (!n) return [];
+  let r = Object.keys(n).map((t) => t);
+  return e?.length > 0 && (r = r.sort((t, o) => {
+    const s = e.findIndex((u) => u === t), f = e.findIndex((u) => u === o);
+    return s === -1 ? 1 : f === -1 ? -1 : s - f;
+  })), r;
 };
 export {
-  j as useGenerateColumns,
-  l as useGenerateTableData
+  l as useGenerateColumns,
+  G as useGenerateTableData
 };

package/dist/components/GenericTable/Mobile/GenericCard.js

@@ -1,70 +1,8 @@
-import { jsx as e, jsxs as l, Fragment as g } from "react/jsx-runtime";
-import { Card as T, CardContent as v, CardBody as y, Grid as x, GridRow as b, GridCol as n, TypoSubtitle as f, CardTitle as u, CardDivider as N } from "@element/react-components";
-import { useMemo as $ } from "react";
-import { OverflowTooltip as c } from "../../OverflowTooltip/OverflowTooltip.js";
-import { s as i } from "../../../genericCard.module-DrQu86jX.js";
-const h = {
-  desktopCol: 6,
-  phoneCol: 2,
-  tabletCol: 4,
-  verticalAlign: "bottom"
-}, A = ({ item: t, columns: r, hiddenColumns: d }) => {
-  const s = r.find((a) => a.asCardTitle), p = r.find((a) => a.asCardSubtitle), C = $(
-    () => r.filter(
-      (a) => !a.asCardTitle && !a.asCardSubtitle && a.id !== "actions"
-    ),
-    [r]
-  );
-  return /* @__PURE__ */ e(T, { variant: "raised", "data-testid": `card${s ? "-" + t[s.accessor] : ""}`, children: /* @__PURE__ */ l(v, { className: i.cardContent, "data-testid": "card-content", children: [
-    /* @__PURE__ */ e(k, { item: t, titleColumn: s, subTitleColumn: p }),
-    /* @__PURE__ */ e(y, { className: i.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ e(x, { fullHeight: !0, fullWidth: !0, variant: "none", children: C.map((a) => d?.includes(a.id) ? null : /* @__PURE__ */ l(b, { className: i.row, "data-testid": "row", children: [
-      /* @__PURE__ */ e(n, { horizontalAlign: "right", ...h, children: /* @__PURE__ */ l(
-        f,
-        {
-          level: 2,
-          themeColor: "text-secondary-on-background",
-          className: `${i.font} ${i.fontHeader}`,
-          tag: "div",
-          children: [
-            a.header,
-            ":"
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e(n, { horizontalAlign: "left", ...h, children: /* @__PURE__ */ e(o, { column: a, item: t }) })
-    ] }, a.id)) }) })
-  ] }) });
-}, k = ({ item: t, titleColumn: r, subTitleColumn: d }) => {
-  const s = t.actions;
-  return !r && !d && !s ? null : /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ e(
-      u,
-      {
-        "data-testid": "card-title",
-        className: i.cardTitle,
-        primaryText: r !== void 0 && /* @__PURE__ */ e(o, { column: r, item: t, isTitle: !0 }),
-        secondaryText: d !== void 0 && /* @__PURE__ */ e(o, { column: d, item: t, isTitle: !0 }),
-        trailingBlock: s,
-        trailingBlockType: "title-actions"
-      }
-    ),
-    /* @__PURE__ */ e(N, {})
-  ] });
-}, o = ({ item: t, column: r, isTitle: d = !1 }) => r.cellTemplate ? r.cellTemplate({ row: { original: t } }) : d ? /* @__PURE__ */ e(
-  c,
-  {
-    id: `tip_${r.id}_${t[r.accessor]}`,
-    text: t[r.accessor],
-    children: /* @__PURE__ */ e("span", { className: i.title, children: t[r.accessor] })
-  }
-) : /* @__PURE__ */ e(
-  c,
-  {
-    id: `tip_${r.id}_${t[r.accessor]}`,
-    text: t[r.accessor],
-    children: /* @__PURE__ */ e(f, { level: 2, themeColor: "text-primary-on-background", className: i.font, children: t[r.accessor] })
-  }
-);
+import "react/jsx-runtime";
+import "@element/react-components";
+import "react";
+import "../../OverflowTooltip/OverflowTooltip.js";
+import { G as e } from "../../../GenericCard-B8x1DMa8.js";
 export {
-  A as GenericCard
+  e as GenericCard
 };

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as o } from "../../../react.esm-CHvVvf3L.js";
-import { GenericCard as i } from "./GenericCard.js";
-import { d as m, t as s, g as e } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { a as c, s as o } from "../../../react.esm-FR1-H8iU.js";
+import { G as i } from "../../../GenericCard-B8x1DMa8.js";
+import { d as m, t as s, g as e } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 m("GenericCard", () => {
   const d = {
     id: 1,

package/dist/components/GenericTable/Mobile/GenericCardList.js

@@ -1,22 +1,21 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Padding as c, TypoCaption as o, Group as s } from "@element/react-components";
-import { GenericCard as m } from "./GenericCard.js";
-import { s as t } from "../../../genericCard.module-DrQu86jX.js";
+import { Padding as c, TypoCaption as s, Group as o } from "@element/react-components";
+import { s as t, G as m } from "../../../GenericCard-B8x1DMa8.js";
 const u = ({
   columns: n,
   data: e,
-  hiddenColumns: d = [],
-  noContentText: l
-}) => e?.length === 0 ? /* @__PURE__ */ r("div", { className: t.emptyContainer, children: /* @__PURE__ */ r(c, { variant: "standard", style: { textAlign: "center" }, className: t.empty, children: /* @__PURE__ */ r(o, { children: l }) }) }) : (
+  hiddenColumns: a = [],
+  noContentText: d
+}) => e?.length === 0 ? /* @__PURE__ */ r("div", { className: t.emptyContainer, children: /* @__PURE__ */ r(c, { variant: "standard", style: { textAlign: "center" }, className: t.empty, children: /* @__PURE__ */ r(s, { children: d }) }) }) : (
   // needs the div to surround the Group by an element with display: block to avoid visual errors
-  /* @__PURE__ */ r("div", { style: { width: "100%" }, children: /* @__PURE__ */ r(s, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((i, a) => /* @__PURE__ */ r(
+  /* @__PURE__ */ r("div", { style: { width: "100%" }, children: /* @__PURE__ */ r(o, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((i, l) => /* @__PURE__ */ r(
     m,
     {
       item: i,
       columns: n,
-      hiddenColumns: d
+      hiddenColumns: a
     },
-    i.id ?? a
+    i.id ?? l
   )) }) })
 );
 export {

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as r, s as n, w as l } from "../../../react.esm-CHvVvf3L.js";
+import { a as r, s as n, w as l } from "../../../react.esm-FR1-H8iU.js";
 import { GenericCardList as s } from "./GenericCardList.js";
-import { d as g, t as i, g as e } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as g, t as i, g as e } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 g("GenericCardList", () => {
   const d = [
     { id: "name", header: "Name", accessor: "name", asCardTitle: !0 },

package/dist/components/HashTabView/HashTabView.js

@@ -1,89 +1,99 @@
-import { jsx as a, jsxs as m, Fragment as I } from "react/jsx-runtime";
-import { Elevation as N, Group as o, TabBar as y, Tab as b, Padding as k } from "@element/react-components";
-import { useState as w, useEffect as x } from "react";
-import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
-import { s as n } from "../../HashTabView.module-ZhwSfDeQ.js";
-const f = (t, r) => !r || !t ? 0 : t.findIndex((i) => i.hash === r.replace("#", "")) ?? 0, z = ({
-  tabs: t,
-  hasHash: r = !0,
+import "../../assets/HashTabView.css";
+import { jsx as r, jsxs as _, Fragment as C } from "react/jsx-runtime";
+import { Elevation as k, Group as c, TabBar as $, Tab as P, Padding as T } from "@element/react-components";
+import { useState as A, useEffect as I } from "react";
+import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";
+const R = "_elevation_4lrry_1", W = "_themeBackground_4lrry_6", w = "_tabBar_4lrry_10", x = "_tabWrapper_4lrry_20", H = "_stickyHeader_4lrry_24", j = "_tabButton_4lrry_31", E = "_childContainer_4lrry_35", z = "_childContainerPhone_4lrry_39", D = "_iconColorRed_4lrry_43", F = "_miniPadding_4lrry_48", t = {
+  elevation: R,
+  themeBackground: W,
+  tabBar: w,
+  tabWrapper: x,
+  stickyHeader: H,
+  tabButton: j,
+  childContainer: E,
+  childContainerPhone: z,
+  iconColorRed: D,
+  miniPadding: F
+}, h = (n, a) => !a || !n ? 0 : n.findIndex((i) => i.hash === a.replace("#", "")) ?? 0, K = ({
+  tabs: n,
+  hasHash: a = !0,
   hash: i = "",
-  clusterAlign: h = "start",
+  clusterAlign: u = "start",
   hasClusteredTabs: g,
   children: d,
-  verticalGap: v = "none",
-  elevation: $ = 0,
-  backgroundColor: T = "themeBackground",
-  onChange: A,
-  hasStickyTabs: p = !1
+  verticalGap: y = "none",
+  elevation: v = 0,
+  backgroundColor: f = "themeBackground",
+  onChange: B,
+  hasStickyTabs: m = !1
 }) => {
-  const [l, u] = w(f(t, i)), { isDesktop: s } = C();
-  x(() => {
-    if (!r || !i)
-      return;
-    const e = f(t, i);
-    u(e);
-  }, [t, i, r]);
-  const B = (e) => {
-    const c = t[e].hash;
-    c != null && r && window.history.replaceState(null, "", `#${c}`), u(e), A?.(e);
+  const [l, p] = A(h(n, i)), { isDesktop: s } = N();
+  I(() => {
+    if (!a || !i) return;
+    const e = h(n, i);
+    p(e);
+  }, [n, i, a]);
+  const b = (e) => {
+    const o = n[e].hash;
+    o != null && a && window.history.replaceState(null, "", `#${o}`), p(e), B?.(e);
   };
-  return /* @__PURE__ */ a(
-    N,
+  return /* @__PURE__ */ r(
+    k,
     {
-      elevation: $,
-      className: `${n.elevation} ${T === "none" ? "" : n.themeBackground}`,
-      children: /* @__PURE__ */ m(
-        o,
+      elevation: v,
+      className: `${t.elevation} ${f === "none" ? "" : t.themeBackground}`,
+      children: /* @__PURE__ */ _(
+        c,
         {
           "data-testid": "hash-tab-container",
           direction: "vertical",
-          gap: v,
+          gap: y,
           secondaryAlign: "stretch",
           children: [
-            /* @__PURE__ */ m(
-              o,
+            /* @__PURE__ */ _(
+              c,
               {
                 direction: s ? "horizontal" : "vertical",
-                className: `${n.tabWrapper} ${p ? n.stickyHeader : ""}`,
+                className: `${t.tabWrapper} ${m ? t.stickyHeader : ""}`,
                 children: [
-                  /* @__PURE__ */ a(
-                    y,
+                  /* @__PURE__ */ r(
+                    $,
                     {
                       "data-testid": "tab-bar",
-                      className: n.tabBar,
+                      className: t.tabBar,
                       clustered: s ? g : !1,
-                      clusterAlign: h,
+                      clusterAlign: u,
                       variant: "surface",
                       activeTabIndex: l,
-                      onTabActivated: B,
-                      children: t.map((e, c) => /* @__PURE__ */ a(
-                        b,
+                      onTabActivated: b,
+                      children: n.map((e, o) => /* @__PURE__ */ r(
+                        P,
                         {
                           "data-testid": `tab-${e.title}`,
                           icon: e.leadingIcon,
-                          className: `${d ? n.tabButton : ""} ${e.isIconRed ? n.iconColorRed : ""}`,
-                          active: l === c,
-                          children: /* @__PURE__ */ m(o, { gap: "dense", children: [
+                          className: `${d ? t.tabButton : ""} ${e.isIconRed ? t.iconColorRed : ""}`,
+                          active: l === o,
+                          children: /* @__PURE__ */ _(c, { gap: "dense", children: [
                             e.title,
                             e.trailingIcon
                           ] })
                         },
-                        `${c}_${e.hash}`
+                        `${o}_${e.hash}`
                       ))
                     }
                   ),
-                  d ? /* @__PURE__ */ a(
-                    k,
+                  d ? /* @__PURE__ */ r(
+                    T,
                     {
                       variant: "dense",
-                      className: s ? n.childContainer : n.childContainerPhone,
-                      children: /* @__PURE__ */ a(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: d })
+                      className: s ? t.childContainer : t.childContainerPhone,
+                      children: /* @__PURE__ */ r(c, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: d })
                     }
-                  ) : /* @__PURE__ */ a(I, {})
+                  ) : /* @__PURE__ */ r(C, {})
                 ]
               }
             ),
-            p ? /* @__PURE__ */ a(o, { fullWidth: !0, direction: "vertical", className: n.miniPadding, children: t[l]?.component }) : t[l]?.component
+            m ? /* @__PURE__ */ r(c, { fullWidth: !0, direction: "vertical", className: t.miniPadding, children: n[l]?.component }) : n[l]?.component
           ]
         }
       )
@@ -91,5 +101,5 @@ const f = (t, r) => !r || !t ? 0 : t.findIndex((i) => i.hash === r.replace("#",
   );
 };
 export {
-  z as HashTabView
+  K as HashTabView
 };

package/dist/components/HashTabView/HashTabView.test.js

@@ -1,7 +1,7 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
-import { a, s as e, f as r } from "../../react.esm-CHvVvf3L.js";
+import { a, s as e, f as r } from "../../react.esm-FR1-H8iU.js";
 import { HashTabView as c } from "./HashTabView.js";
-import { d as h, t as l, g as t } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as h, t as l, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 const m = [
   {
     title: "Map",

package/dist/components/HeaderFilter/HeaderFilter.js

@@ -1,25 +1,27 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { TypoBody as n, Select as d } from "@element/react-components";
-import { BasicHeading as l } from "../BasicHeading/BasicHeading.js";
-import { s as m } from "../../HeaderFilter.module-DiBmulr5.js";
-const h = ({
+import "../../assets/HeaderFilter.css";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { TypoBody as a, Select as s } from "@element/react-components";
+import { BasicHeading as c } from "../BasicHeading/BasicHeading.js";
+const d = "_filterSelect_923nc_1", m = {
+  filterSelect: d
+}, h = ({
   heading: r,
   filterByText: e,
-  setFilter: o,
-  filterValue: a,
-  filterOptions: i
-}) => /* @__PURE__ */ s(l, { "data-testid": "HeaderContainer", heading: r, children: [
-  e && /* @__PURE__ */ t(n, { level: 2, children: e }),
+  setFilter: i,
+  filterValue: l,
+  filterOptions: o
+}) => /* @__PURE__ */ n(c, { "data-testid": "HeaderContainer", heading: r, children: [
+  e && /* @__PURE__ */ t(a, { level: 2, children: e }),
   /* @__PURE__ */ t(
-    d,
+    s,
     {
       "data-testid": "Select",
       dense: !0,
       className: m.filterSelect,
       variant: "outlined",
-      onChange: o,
-      value: a,
-      options: i
+      onChange: i,
+      value: l,
+      options: o
     }
   )
 ] });

package/dist/components/HeaderFilter/HeaderFilter.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as i, s as t, f as T } from "../../react.esm-CHvVvf3L.js";
+import { a as i, s as t, f as T } from "../../react.esm-FR1-H8iU.js";
 import { HeaderFilter as s } from "./HeaderFilter.js";
-import { d as c, t as o, v as l, g as e } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as c, t as o, v as l, g as e } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 c("HeaderFilter-Test", () => {
   o("render header filter", () => {
     i(

package/dist/components/HealthCheckFailed/HealthCheckFailed.js

@@ -1,19 +1,26 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Card as c, CardContent as d, Padding as s, CardBody as h, Group as m, TypoBody as a } from "@element/react-components";
-import { I as u } from "../../Iconify-DoU6pP1o.js";
-import { s as t } from "../../healthCheckFailed.module-B5P1ogjs.js";
-const v = ({
-  title: r,
-  subtitle: i,
-  type: n,
-  isOutlined: o = !0
+import "../../assets/HealthCheckFailed.css";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Card as s, CardContent as d, Padding as l, CardBody as h, Group as _, TypoBody as o } from "@element/react-components";
+import { Iconify as m } from "../Iconify/Iconify.js";
+const p = "_database_11ki8_1", u = "_spin_11ki8_1", f = "_iot_11ki8_16", k = "_platform_11ki8_17", g = "_other_11ki8_18", C = "_crossedOut_11ki8_22", n = {
+  database: p,
+  spin: u,
+  iot: f,
+  platform: k,
+  other: g,
+  crossedOut: C
+}, H = ({
+  title: t,
+  subtitle: a,
+  type: r,
+  isOutlined: i = !0
 }) => /* @__PURE__ */ e(
-  c,
+  s,
   {
-    variant: o ? "outlined" : "flat",
-    "data-testid": `${n}-health-check-failed-card`,
-    children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(s, { variant: "airy", children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ l(
-      m,
+    variant: i ? "outlined" : "flat",
+    "data-testid": `${r}-health-check-failed-card`,
+    children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { variant: "airy", children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ c(
+      _,
       {
         gap: "none",
         primaryAlign: "center",
@@ -21,19 +28,19 @@ const v = ({
         direction: "vertical",
         fullWidth: !0,
         children: [
-          /* @__PURE__ */ e(g, { type: n }),
-          /* @__PURE__ */ e(a, { level: 1, bold: !0, children: r }),
-          /* @__PURE__ */ e(a, { level: 2, themeColor: "text-secondary-on-background", children: i })
+          /* @__PURE__ */ e(b, { type: r }),
+          /* @__PURE__ */ e(o, { level: 1, bold: !0, children: t }),
+          /* @__PURE__ */ e(o, { level: 2, themeColor: "text-secondary-on-background", children: a })
         ]
       }
     ) }) }) })
   }
-), f = {
+), y = {
   database: "sync",
   iot: "settings_input_antenna",
   platform: "engineering",
   other: "error"
-}, g = ({ type: r }) => /* @__PURE__ */ e("span", { className: r === "iot" ? t.crossedOut : "", children: /* @__PURE__ */ e(u, { icon: f[r], className: t[r], iconSize: "xlarge" }) });
+}, b = ({ type: t }) => /* @__PURE__ */ e("span", { className: t === "iot" ? n.crossedOut : "", children: /* @__PURE__ */ e(m, { icon: y[t], className: n[t], iconSize: "xlarge" }) });
 export {
-  v as HealthCheckFailed
+  H as HealthCheckFailed
 };

package/dist/components/HealthCheckFailed/HealthCheckFailed.test.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as s, s as e } from "../../react.esm-CHvVvf3L.js";
+import { a as s, s as e } from "../../react.esm-FR1-H8iU.js";
 import { HealthCheckFailed as r } from "./HealthCheckFailed.js";
-import { d as h, t as i, g as t } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as h, t as i, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 h("HealthCheckFailed Component", () => {
   const c = "Test Title", n = "Test Subtitle";
   i("displays the correct title and subtitle", () => {