@hybridcore/ui 1.6.26 → 1.6.28

package/dist/components/data-list/styled.js

@@ -0,0 +1,260 @@
+import { styled as a, List as u, ButtonBase as L, alpha as g, Typography as l, Box as f } from "@mui/material";
+import { resolvePaletteColor as s } from "../metric-card/helpers.js";
+import { Widget as p } from "../widget/styled.js";
+const e = {
+  shouldForwardProp: (t) => t !== "ownerState"
+}, m = a(p.Root, {
+  name: "HCDataList",
+  slot: "Root",
+  ...e
+})(() => ({
+  overflow: "hidden"
+})), C = a(p.Header, {
+  name: "HCDataList",
+  slot: "Header",
+  ...e
+})(({ theme: t, ownerState: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: t.spacing(2),
+  padding: t.spacing(1.75, 2),
+  // Separates the header from the first row, as the dashboard cards are drawn. Same
+  // rule the rows use between themselves, so the whole card reads as one ruled list.
+  borderBottom: `1px solid ${t.palette.divider}`,
+  // Clears the widget store's floating menu trigger (absolute, top/right 8px) and
+  // the error badge that parks beside it, so neither lands on the header content.
+  ...o.headerGutter && {
+    paddingRight: typeof o.headerGutter == "number" ? o.headerGutter : 44
+  }
+})), y = ({ theme: t }) => ({
+  ...t.typography.body2,
+  color: t.palette.primary.main,
+  fontWeight: 500,
+  background: "none",
+  border: "none",
+  cursor: "pointer",
+  textDecoration: "none",
+  borderRadius: t.shape.borderRadius,
+  padding: t.spacing(0.25, 0.5),
+  flex: "0 0 auto",
+  "&:hover": {
+    textDecoration: "underline"
+  }
+}), H = a("button", {
+  name: "HCDataList",
+  slot: "HeaderAction"
+})(y), I = a("a", {
+  name: "HCDataList",
+  slot: "HeaderAction"
+})(y), w = a(p.Content, {
+  name: "HCDataList",
+  slot: "Content",
+  ...e
+})(() => ({
+  overflow: "hidden"
+})), v = a(u, {
+  name: "HCDataList",
+  slot: "List",
+  ...e
+})(() => ({
+  flex: 1,
+  overflowY: "auto",
+  padding: 0
+})), h = a("li", {
+  name: "HCDataList",
+  slot: "Item",
+  ...e
+})(({ theme: t, ownerState: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: t.spacing(1.5),
+  padding: t.spacing(o.dense ? 1 : 1.5, 2),
+  listStyle: "none",
+  ...o.divider && {
+    "& + &": {
+      borderTop: `1px solid ${t.palette.divider}`
+    }
+  }
+})), B = a(L, {
+  name: "HCDataList",
+  slot: "ItemButton"
+})(({ theme: t }) => ({
+  flex: "1 1 auto",
+  minWidth: 0,
+  display: "flex",
+  alignItems: "center",
+  gap: t.spacing(1.5),
+  justifyContent: "flex-start",
+  textAlign: "left",
+  borderRadius: t.shape.borderRadius,
+  padding: t.spacing(0.5),
+  margin: t.spacing(-0.5),
+  "&:hover": {
+    backgroundColor: t.palette.action.hover
+  },
+  "&.Mui-disabled": {
+    opacity: t.palette.action.disabledOpacity
+  }
+})), R = a("span", {
+  name: "HCDataList",
+  slot: "ItemStart",
+  shouldForwardProp: (t) => t !== "ownerState" && t !== "iconColor" && t !== "iconBackground"
+})(({ theme: t, ownerState: o, iconColor: r, iconBackground: d }) => {
+  const i = s(t, r) ?? t.palette.text.secondary, n = {
+    flex: "0 0 auto",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: i
+  };
+  if (o.iconShape === "plain") return n;
+  const c = o.dense ? 32 : 40;
+  return {
+    ...n,
+    width: c,
+    height: c,
+    // The dashboard's alert rows use a solid disc with a light glyph; a state that
+    // sets only `color` gets a tint of that color instead of a hard-coded grey.
+    backgroundColor: s(t, d) ?? g(i, 0.12),
+    borderRadius: o.iconShape === "circle" ? "50%" : t.shape.borderRadius
+  };
+}), M = a("span", {
+  name: "HCDataList",
+  slot: "ItemMain",
+  ...e
+})(() => ({
+  flex: "1 1 auto",
+  minWidth: 0,
+  display: "flex",
+  flexDirection: "column"
+})), k = a(l, {
+  name: "HCDataList",
+  slot: "ItemTitle"
+})(({ theme: t }) => ({
+  ...t.typography.subtitle2,
+  color: t.palette.text.primary,
+  // Rows live in a resizable widget grid with no character limit — clip to one line
+  // so a long title never reflows the row. Full text on hover.
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+})), P = a(l, {
+  name: "HCDataList",
+  slot: "ItemMeta",
+  ...e
+})(({ theme: t, ownerState: o }) => ({
+  ...t.typography.body2,
+  color: t.palette.text.secondary,
+  marginTop: t.spacing(0.25),
+  ...o.descriptionLines > 0 && {
+    display: "-webkit-box",
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: o.descriptionLines,
+    overflow: "hidden"
+  }
+})), T = a("span", {
+  name: "HCDataList",
+  slot: "ItemEnd",
+  ...e
+})(({ theme: t, ownerState: o }) => ({
+  flex: "0 0 auto",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  gap: t.spacing(1),
+  // A bar needs room to read as a bar; a badge should only take the width it needs.
+  ...o.endSlot === "progress" && {
+    flex: "0 1 45%",
+    minWidth: 120
+  }
+})), W = a("span", {
+  name: "HCDataList",
+  slot: "Badge",
+  shouldForwardProp: (t) => t !== "badgeColor" && t !== "badgeBackground" && t !== "badgeBorder"
+})(({ theme: t, badgeColor: o, badgeBackground: r, badgeBorder: d }) => {
+  const i = s(t, o) ?? t.palette.text.secondary, n = s(t, d);
+  return {
+    ...t.typography.caption,
+    display: "inline-flex",
+    alignItems: "center",
+    whiteSpace: "nowrap",
+    color: i,
+    // Filled tint by default; an outlined chip is opt-in per state via `borderColor`,
+    // which is how the design's two chip styles differ.
+    backgroundColor: s(t, r) ?? (n ? "transparent" : g(i, 0.12)),
+    border: `1px solid ${n ?? "transparent"}`,
+    borderRadius: 999,
+    padding: t.spacing(0.5, 1.25),
+    fontWeight: 500,
+    lineHeight: 1.2
+  };
+}), S = a(l, {
+  name: "HCDataList",
+  slot: "ItemEnd"
+})(({ theme: t }) => ({
+  ...t.typography.body2,
+  color: t.palette.text.primary,
+  fontWeight: 500,
+  whiteSpace: "nowrap"
+})), j = a(f, {
+  name: "HCDataList",
+  slot: "Empty",
+  ...e
+})(({ theme: t }) => ({
+  flex: 1,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: t.spacing(4, 2),
+  color: t.palette.text.secondary,
+  ...t.typography.body2
+})), A = a("li", {
+  name: "HCDataList",
+  slot: "LoadMore",
+  ...e
+})(({ theme: t }) => ({
+  listStyle: "none",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  minHeight: t.spacing(5),
+  color: t.palette.text.secondary
+})), E = a("div", {
+  name: "HCDataList",
+  slot: "Pagination",
+  ...e
+})(({ theme: t }) => ({
+  flex: "0 0 auto",
+  borderTop: `1px solid ${t.palette.divider}`,
+  ".MuiToolbar-root": {
+    minHeight: 24,
+    paddingLeft: t.spacing(1)
+  },
+  ".MuiTablePagination-actions .MuiButtonBase-root": {
+    padding: t.spacing(0.5)
+  },
+  ".MuiTablePagination-displayedRows": {
+    lineHeight: 1
+  }
+}));
+export {
+  W as DataListBadge,
+  w as DataListContent,
+  j as DataListEmpty,
+  S as DataListEndLabel,
+  C as DataListHeader,
+  H as DataListHeaderActionButton,
+  I as DataListHeaderActionLink,
+  B as DataListItemButton,
+  T as DataListItemEnd,
+  M as DataListItemMain,
+  P as DataListItemMeta,
+  h as DataListItemRow,
+  R as DataListItemStart,
+  k as DataListItemTitle,
+  v as DataListList,
+  A as DataListLoadMore,
+  E as DataListPagination,
+  m as DataListRoot
+};

package/dist/components/data-map/index.js

@@ -21,7 +21,11 @@ const H = (i) => {
           zoom: 3,
           options: {
             cssPosition: "absolute",
-            controls: { zoom: !1 }
+            controls: { zoom: !1 },
+            // The widget sits in a scrollable dashboard: swallowing the wheel would
+            // trap the page scroll on the map. Zoom stays available through
+            // `Controls` and double-click.
+            interactions: { mouseWheelZoom: !1 }
           },
           onInit: a.onInit
         }

package/dist/components/data-map/logic.js

@@ -1,108 +1,119 @@
-import { useThemeProps as Q, useTheme as X } from "@mui/material";
-import { V as B } from "../../Vector-BmuhQO4p.js";
-import { t as V } from "../../Source-BSZST_GH.js";
-import { V as T } from "../../Vector-DfTqQEln.js";
-import { uniqueId as C, isEmpty as O, values as z } from "lodash";
-import { useRef as m, useState as N, useEffect as G } from "react";
-import { createMapboxLayer as Y } from "../map/helpers/mapbox.js";
-import { parse as U } from "../map/helpers/wkt.js";
-import { W as K } from "../../WKT-2wsDT-nq.js";
-import { S as j, I as _ } from "../../Text-ChJRuaD8.js";
-const $ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADNCAMAAAAmPqoJAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAohQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Ro2BGQAAANh0Uk5TABA4XICDn6e/y9/Pq4dkPBgoWHyjx+v/8zQEGkx/seTntIJPHSxwr++3eAqO1JJQDgFDhYlHBQhAkeHmlkVOnvRTAgtbrPxgSD6dRCDeJmHAxmebu9zjdwwumaBWwchdE37q8DuuQmLbam7odnv7CQ0VkyHDj2niJK2G8sw5pRJxomyLP0uqswZXqb4w97V5NRxo1yeMxA91+C1a5f3KjXLSvbzO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", le = (Z) => {
-  const q = Q({ props: Z, name: "HCDataMap" }), { data: A, payload: l, onPayloadUpdate: H, accessToken: D, sx: w, ...R } = q, p = X(), g = m(C("map-")), t = m(null), c = m(null), d = m(null), n = m(null), f = m(), [x, E] = N(!1), [L, M] = N(null), P = () => {
-    if (!x || !t.current || !A || O(A) || !d.current)
+import { useThemeProps as C, useTheme as O } from "@mui/material";
+import { V as U } from "../../Vector-BmuhQO4p.js";
+import { t as Y } from "../../Source-BSZST_GH.js";
+import { V as K } from "../../Vector-DfTqQEln.js";
+import { uniqueId as j, isEmpty as _, values as L, isEqual as $ } from "lodash";
+import { useRef as n, useEffect as b, useState as w } from "react";
+import { createMapboxLayer as ee } from "../map/helpers/mapbox.js";
+import { parse as te } from "../map/helpers/wkt.js";
+import { W as re } from "../../WKT-2wsDT-nq.js";
+import { S as oe, I as ae } from "../../Text-ChJRuaD8.js";
+const ne = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADNCAMAAAAmPqoJAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAohQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Ro2BGQAAANh0Uk5TABA4XICDn6e/y9/Pq4dkPBgoWHyjx+v/8zQEGkx/seTntIJPHSxwr++3eAqO1JJQDgFDhYlHBQhAkeHmlkVOnvRTAgtbrPxgSD6dRCDeJmHAxmebu9zjdwwumaBWwchdE37q8DuuQmLbam7odnv7CQ0VkyHDj2niJK2G8sw5pRJxomyLP0uqswZXqb4w97V5NRxo1yeMxA91+C1a5f3KjXLSvbzO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", ce = [-170, -65, 170, 65], qe = (S) => {
+  const q = C({ props: S, name: "HCDataMap" }), { data: l, payload: g, onPayloadUpdate: y, accessToken: P, sx: W, ...v } = q, m = O(), M = n(j("map-")), o = n(null), u = n(null), i = n(null), c = n(null), d = n(), A = n(!1), x = n(!1), h = n(null), p = n({ payload: g, onPayloadUpdate: y });
+  b(() => {
+    p.current = { payload: g, onPayloadUpdate: y };
+  });
+  const [z, I] = w(!1), [k, J] = w(null), X = () => {
+    if (!z || !o.current || !l || _(l) || !i.current)
       return;
-    const r = new K(), o = A.filter((e) => {
-      const a = z(e.variables.geometry)[0];
+    const e = new re(), t = l.filter((r) => {
+      const a = L(r.variables.geometry)[0];
       try {
-        return U(a), !0;
+        return te(a), !0;
       } catch {
         return !1;
       }
-    }).map((e) => {
-      const a = z(e.variables.geometry)[0], u = r.readFeature(a, {
+    }).map((r) => {
+      const a = L(r.variables.geometry)[0], s = e.readFeature(a, {
         dataProjection: "EPSG:4326",
         featureProjection: "EPSG:3857"
       });
-      return u.set("title", e.title), u;
+      return s.set("title", r.title), s;
     });
-    d.current.clear(), d.current.addFeatures(o);
-  }, y = () => {
-    var e;
-    if (!t.current) return;
-    const r = (e = t.current) == null ? void 0 : e.getBoundingBox(), o = {
-      ...l,
-      boundingBox: r
+    i.current.clear(), i.current.addFeatures(t);
+  }, N = () => {
+    if (!A.current || !o.current) return !1;
+    const e = o.current.getSize();
+    return !!(e && e[0] > 0 && e[1] > 0);
+  }, R = () => {
+    if (!o.current || !N()) return;
+    const e = o.current.getBoundingBox(), t = {
+      ...p.current.payload,
+      boundingBox: e
     };
-    H(o);
-  }, S = () => {
-    f.current && clearTimeout(f.current), f.current = setTimeout(() => {
-      var r;
-      (r = t.current) == null || r.updateSize(), c.current && c.current.map.resize();
+    $(t, h.current) || (h.current = t, p.current.onPayloadUpdate(t));
+  }, D = () => {
+    var r, a;
+    if (x.current || !N()) return;
+    const e = (r = p.current.payload) == null ? void 0 : r.boundingBox, t = e ? [
+      e.bottomLeft.longitude,
+      e.bottomLeft.latitude,
+      e.topRight.longitude,
+      e.topRight.latitude
+    ] : ce;
+    (a = o.current) == null || a.centerToExtent(
+      Y(t, "EPSG:4326", "EPSG:3857")
+    ), x.current = !0, R();
+  }, F = () => {
+    d.current && clearTimeout(d.current), d.current = setTimeout(() => {
+      var e;
+      A.current && ((e = o.current) == null || e.updateSize(), u.current && u.current.map.resize(), D());
     }, 100);
-  }, W = () => {
-    var r, o;
-    (r = t.current) == null || r.on("movestart", () => {
-      n.current && (clearTimeout(n.current), n.current = null);
-    }), (o = t.current) == null || o.on("moveend", () => {
-      n.current && (clearTimeout(n.current), n.current = null), n.current = setTimeout(y, 500);
+  }, Q = () => {
+    var e, t;
+    (e = o.current) == null || e.on("movestart", () => {
+      c.current && (clearTimeout(c.current), c.current = null);
+    }), (t = o.current) == null || t.on("moveend", () => {
+      c.current && (clearTimeout(c.current), c.current = null), c.current = setTimeout(R, 500);
     });
-  }, k = () => {
-    var u, J, h;
-    const r = p.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", o = Y({
-      id: g.current,
+  }, B = () => {
+    var s, G, Z;
+    const e = m.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", t = ee({
+      id: M.current,
       center: [0, 0],
-      style: r,
-      accessToken: D
+      style: e,
+      accessToken: P
     });
-    (u = t.current) == null || u.addLayer(o.layer), c.current = o;
-    const e = new T(), a = new B({
-      source: e,
-      style: new j({
-        image: new _({
+    (s = o.current) == null || s.addLayer(t.layer), u.current = t;
+    const r = new K(), a = new U({
+      source: r,
+      style: new oe({
+        image: new ae({
           anchor: [0.5, 1],
-          src: $,
+          src: ne,
           scale: 0.1,
-          color: p.palette.primary.main
+          color: m.palette.primary.main
         })
       })
     });
-    if ((J = t.current) == null || J.addLayer(a), d.current = e, E(!0), W(), y(), (h = t.current) == null || h.on("pointermove", (s) => {
-      var b;
-      const i = (b = t.current) == null ? void 0 : b.forEachFeatureAtPixel(s.pixel, 4);
-      M(i ? {
-        text: i.get("title"),
-        x: s.pixel[0],
-        y: s.pixel[1]
+    (G = o.current) == null || G.addLayer(a), i.current = r, A.current = !0, I(!0), Q(), (Z = o.current) == null || Z.on("pointermove", (f) => {
+      var E;
+      const H = (E = o.current) == null ? void 0 : E.forEachFeatureAtPixel(f.pixel, 4);
+      J(H ? {
+        text: H.get("title"),
+        x: f.pixel[0],
+        y: f.pixel[1]
       } : null);
-    }), l != null && l.boundingBox && t.current) {
-      const { bottomLeft: s, topRight: i } = l.boundingBox, b = [
-        s.longitude,
-        s.latitude,
-        i.longitude,
-        i.latitude
-      ], F = V(b, "EPSG:4326", "EPSG:3857");
-      t.current.centerToExtent(F);
-    }
-  }, v = () => {
-    var e, a;
-    if (!c.current) return;
-    const r = p.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", o = ((a = (e = c.current.layer.getSource()) == null ? void 0 : e.getMapboxMap) == null ? void 0 : a.call(e)) || c.current.map;
-    o && o.setStyle(r);
+    }), D();
+  }, V = () => {
+    var r, a;
+    if (!u.current) return;
+    const e = m.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", t = ((a = (r = u.current.layer.getSource()) == null ? void 0 : r.getMapboxMap) == null ? void 0 : a.call(r)) || u.current.map;
+    t && t.setStyle(e);
   };
-  G(() => (P(), () => {
-  }), [A, x]), G(() => (v(), () => {
-  }), [p.palette.mode]);
-  const I = { ...q };
+  b(() => (X(), () => {
+  }), [l, z]), b(() => (V(), () => {
+  }), [m.palette.mode]);
+  const T = { ...q };
   return {
-    refs: { mapRef: t, mapId: g },
-    state: { tooltip: L },
-    actions: { onInit: k, onMapResize: S },
-    ownerState: I,
-    sx: w,
-    other: R
+    refs: { mapRef: o, mapId: M },
+    state: { tooltip: k },
+    actions: { onInit: B, onMapResize: F },
+    ownerState: T,
+    sx: W,
+    other: v
   };
 };
 export {
-  le as useDataMapLogic
+  qe as useDataMapLogic
 };

package/dist/components/heat-map/index.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Typography as d } from "@mui/material";
-import { useEffect as l } from "react";
+import { Typography as l } from "@mui/material";
+import { useEffect as d } from "react";
 import { u } from "../../index.esm-DAf19hyR.js";
 import { Map as h } from "../map/index.js";
 import { Controls as M } from "./components/controls/index.js";
@@ -8,27 +8,31 @@ import { Legend as R } from "./components/legend/index.js";
 import { useHeatMapLogic as g } from "./logic.js";
 import { HeatMapRoot as H, HeatMapHeader as z, HeatMapContent as x } from "./styled.js";
 const E = (r) => {
-  const { refs: t, actions: i, gradient: p, ownerState: o, sx: s, other: f } = g(r), { width: n, height: a, ref: c } = u();
-  return l(() => (n && a && i.onMapResize(), () => {
-  }), [n, a]), /* @__PURE__ */ m(H, { ownerState: o, sx: s, ref: c, ...f, children: [
-    /* @__PURE__ */ e(z, { ownerState: o, children: /* @__PURE__ */ e(d, { variant: "h3", children: r.title }) }),
-    /* @__PURE__ */ m(x, { ownerState: o, children: [
+  const { refs: o, actions: i, gradient: s, ownerState: t, sx: p, other: f } = g(r), { width: n, height: a, ref: c } = u();
+  return d(() => (n && a && i.onMapResize(), () => {
+  }), [n, a]), /* @__PURE__ */ m(H, { ownerState: t, sx: p, ref: c, ...f, children: [
+    /* @__PURE__ */ e(z, { ownerState: t, children: /* @__PURE__ */ e(l, { variant: "h3", children: r.title }) }),
+    /* @__PURE__ */ m(x, { ownerState: t, children: [
       /* @__PURE__ */ e(
         h,
         {
-          id: t.mapId.current,
-          ref: t.mapRef,
+          id: o.mapId.current,
+          ref: o.mapRef,
           center: { latitude: 0, longitude: 0 },
           zoom: 3,
           options: {
             cssPosition: "absolute",
-            controls: { zoom: !1 }
+            controls: { zoom: !1 },
+            // The widget sits in a scrollable dashboard: swallowing the wheel would
+            // trap the page scroll on the map. Zoom stays available through
+            // `Controls` and double-click.
+            interactions: { mouseWheelZoom: !1 }
           },
           onInit: i.onInit
         }
       ),
-      /* @__PURE__ */ e(R, { gradient: p }),
-      /* @__PURE__ */ e(M, { mapRef: t.mapRef.current })
+      /* @__PURE__ */ e(R, { gradient: s }),
+      /* @__PURE__ */ e(M, { mapRef: o.mapRef.current })
     ] })
   ] });
 };