@hybridcore/ui 1.6.11 → 1.6.13

package/dist/components/color-picker/styled.js

@@ -1,9 +1,89 @@
-import "@mui/material";
-import { c as e, C as i, b as c, a as C, d as k } from "../../styled-SoqbyrkW.js";
+import { styled as r, Box as i, ButtonBase as d } from "@mui/material";
+import a from "@mui/material/Radio";
+const e = (o) => o !== "itemcolor", l = r(i, {
+  name: "HCColorPicker",
+  slot: "root"
+})({
+  display: "flex"
+}), p = r(a, {
+  name: "HCColorPicker",
+  slot: "radio",
+  shouldForwardProp: e
+})(({ itemcolor: o }) => ({
+  color: o,
+  padding: 0,
+  "&.Mui-checked": {
+    color: o,
+    "&:before": {
+      position: "absolute",
+      display: "block",
+      content: '" "',
+      width: 22,
+      height: 22,
+      zIndex: 0,
+      border: "2px solid",
+      borderColor: o === "#ffffff" ? "#333" : o,
+      borderRadius: "50%",
+      opacity: 0.5
+    }
+  },
+  "& .PrivateSwitchBase-input": {
+    zIndex: 2
+  },
+  "& .MuiSvgIcon-root": {
+    position: "relative",
+    zIndex: 1
+  },
+  ...o === "#ffffff" && {
+    "&:after": {
+      position: "absolute",
+      display: "block",
+      content: '" "',
+      width: 18,
+      height: 18,
+      backgroundColor: "#333",
+      zIndex: 0,
+      borderRadius: "50%"
+    }
+  }
+})), c = r(i, {
+  name: "HCColorPicker",
+  slot: "pickerWrapper"
+})({
+  position: "fixed",
+  marginTop: 25.6,
+  right: 32,
+  zIndex: 9999
+}), f = r(d, {
+  name: "HCColorPicker",
+  slot: "trigger"
+})(({ theme: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: o.spacing(1),
+  width: "100%",
+  justifyContent: "flex-start",
+  padding: o.spacing(0.75, 1),
+  border: `1px solid ${o.palette.divider}`,
+  borderRadius: o.shape.borderRadius,
+  ...o.typography.body2,
+  color: o.palette.text.primary
+})), g = r(i, {
+  name: "HCColorPicker",
+  slot: "swatch",
+  shouldForwardProp: e
+})(({ theme: o, itemcolor: t }) => ({
+  width: 18,
+  height: 18,
+  flexShrink: 0,
+  borderRadius: o.shape.borderRadius,
+  border: `1px solid ${o.palette.divider}`,
+  backgroundColor: t || "transparent"
+}));
 export {
-  e as ColorPickerRadio,
-  i as ColorPickerRoot,
-  c as ColorPickerSwatch,
-  C as ColorPickerTrigger,
-  k as ColorPickerWrapper
+  p as ColorPickerRadio,
+  l as ColorPickerRoot,
+  g as ColorPickerSwatch,
+  f as ColorPickerTrigger,
+  c as ColorPickerWrapper
 };

package/dist/components/confirm/dialog.js

@@ -1,10 +1,91 @@
-import "react/jsx-runtime";
-import "react-confirm";
-import "@mui/material";
-import "@mui/icons-material";
-import "../../DialogContent-BvVjD9z3.js";
-import { D as f } from "../../dialog-BYRnCztH.js";
-import "../../Button-C5yquWAB.js";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { confirmable as m } from "react-confirm";
+import l from "@mui/material/Button";
+import u from "@mui/material/Dialog";
+import f from "@mui/material/DialogActions";
+import p from "@mui/material/DialogContent";
+import g from "@mui/material/DialogTitle";
+import { IconButton as C } from "@mui/material";
+import { Close as x } from "@mui/icons-material";
+const h = {
+  confirmButtonText: "OK",
+  cancelButtonText: "Cancel",
+  disableCancelButton: !1
+}, b = ({
+  show: r = !0,
+  proceed: i = () => {
+  },
+  title: a,
+  description: c,
+  options: o
+}) => {
+  o = { ...h, ...o };
+  const s = () => {
+    i(!1);
+  }, n = () => {
+    i(!1);
+  }, d = () => {
+    i(!0);
+  };
+  return /* @__PURE__ */ e(
+    u,
+    {
+      open: r,
+      onClose: s,
+      "aria-labelledby": "dialog-title",
+      "aria-describedby": "dialog-description",
+      sx: {
+        zIndex: 9999,
+        "& .MuiDialog-paper": {
+          borderRadius: 3
+        },
+        "& .MuiDialogTitle-root": {
+          px: 4,
+          py: 3
+        },
+        "& .MuiDialogContent-root": {
+          p: 4,
+          pt: 0
+        },
+        "& .MuiDialogActions-root": {
+          p: 4,
+          background: "#0439910A"
+        }
+      },
+      children: [
+        /* @__PURE__ */ e(
+          g,
+          {
+            id: "dialog-title",
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              a,
+              /* @__PURE__ */ t(C, { onClick: n, children: /* @__PURE__ */ t(x, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(p, { sx: { minWidth: 400 }, children: c }),
+        /* @__PURE__ */ e(f, { children: [
+          !o.disableCancelButton && /* @__PURE__ */ t(l, { color: "inherit", onClick: n, children: o.cancelButtonText }),
+          /* @__PURE__ */ t(
+            l,
+            {
+              variant: "contained",
+              color: "primary",
+              onClick: d,
+              autoFocus: !0,
+              children: o.confirmButtonText
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, O = m(b);
 export {
-  f as default
+  O as default
 };

package/dist/components/confirm/index.js

@@ -1,5 +1,5 @@
 import { createConfirmation as r } from "react-confirm";
-import { D as i } from "../../dialog-BYRnCztH.js";
+import i from "./dialog.js";
 const o = r(i);
 function f(t, n, e = {
   cancelButtonText: "Cancel",

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

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { Typography as m, Paper as d } from "@mui/material";
 import { useEffect as h } from "react";
-import { u } from "../../index.esm-BLLrbTzY.js";
+import { u } from "../../index.esm-UfGMjYOL.js";
 import { Map as x } from "../map/index.js";
 import { Controls as M } from "./components/controls/index.js";
 import { useDataMapLogic as R } from "./logic.js";

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

@@ -1,21 +1,21 @@
 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 { WKT as B } from "ol/format";
+import V from "ol/layer/Vector";
+import { transformExtent as T } from "ol/proj";
+import C from "ol/source/Vector";
+import { Style as O, Icon as Y } from "ol/style";
+import { uniqueId as U, isEmpty as K, 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";
+import { createMapboxLayer as j } from "../map/helpers/mapbox.js";
+import { parse as _ } from "../map/helpers/wkt.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)
+  const q = Q({ props: Z, name: "HCDataMap" }), { data: A, payload: l, onPayloadUpdate: H, accessToken: D, sx: w, ...R } = q, p = X(), g = m(U("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 || K(A) || !d.current)
       return;
-    const r = new K(), o = A.filter((e) => {
+    const r = new B(), o = A.filter((e) => {
       const a = z(e.variables.geometry)[0];
       try {
-        return U(a), !0;
+        return _(a), !0;
       } catch {
         return !1;
       }
@@ -49,17 +49,17 @@ const $ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADNCAMAAAAmPqoJAAA
     });
   }, k = () => {
     var u, J, h;
-    const r = p.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", o = Y({
+    const r = p.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", o = j({
       id: g.current,
       center: [0, 0],
       style: r,
       accessToken: D
     });
     (u = t.current) == null || u.addLayer(o.layer), c.current = o;
-    const e = new T(), a = new B({
+    const e = new C(), a = new V({
       source: e,
-      style: new j({
-        image: new _({
+      style: new O({
+        image: new Y({
           anchor: [0.5, 1],
           src: $,
           scale: 0.1,
@@ -81,8 +81,8 @@ const $ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADNCAMAAAAmPqoJAAA
         s.latitude,
         i.longitude,
         i.latitude
-      ], F = V(b, "EPSG:4326", "EPSG:3857");
-      t.current.centerToExtent(F);
+      ], I = T(b, "EPSG:4326", "EPSG:3857");
+      t.current.centerToExtent(I);
     }
   }, v = () => {
     var e, a;
@@ -93,12 +93,12 @@ const $ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADNCAMAAAAmPqoJAAA
   G(() => (P(), () => {
   }), [A, x]), G(() => (v(), () => {
   }), [p.palette.mode]);
-  const I = { ...q };
+  const F = { ...q };
   return {
     refs: { mapRef: t, mapId: g },
     state: { tooltip: L },
     actions: { onInit: k, onMapResize: S },
-    ownerState: I,
+    ownerState: F,
     sx: w,
     other: R
   };