@hybridcore/ui 1.6.12 → 1.6.13

package/dist/components/map/logic.js

@@ -1,7 +1,7 @@
-import a from "react";
-import { b as Q } from "../../ol-yOE-NV0X.js";
-import { t as U } from "../../Source-BSZST_GH.js";
-function $({
+import i from "react";
+import { createMap as Q } from "./helpers/ol.js";
+import * as U from "ol/proj";
+function Y({
   id: g = "map",
   layers: u = [],
   center: { latitude: m = 0, longitude: d = 0 } = { latitude: 0, longitude: 0 },
@@ -9,7 +9,7 @@ function $({
   options: o,
   onInit: s
 }) {
-  const t = a.useRef(null), f = a.useRef(null), y = () => {
+  const t = i.useRef(null), f = i.useRef(null), y = () => {
     t.current === null && (t.current = Q(
       u,
       {
@@ -29,12 +29,12 @@ function $({
     t.current.addOverlay(e);
   }, E = (e) => {
     t.current.removeOverlay(e);
-  }, V = (e) => {
+  }, P = (e) => {
     const r = t.current.getOverlayById(e);
     t.current.removeOverlay(r);
-  }, z = (e, r) => {
+  }, V = (e, r) => {
     t.current.getLayers().insertAt(e, r);
-  }, P = () => t.current.getAllLayers(), p = () => t.current.getLayerGroup(), C = () => t.current.getLayers(), F = () => t.current.getView().getZoom(), R = (e) => t.current.getView().setZoom(e), O = (e) => {
+  }, z = () => t.current.getAllLayers(), p = () => t.current.getLayerGroup(), C = () => t.current.getLayers(), F = () => t.current.getView().getZoom(), R = (e) => t.current.getView().setZoom(e), O = (e) => {
     t.current.removeLayer(e);
   }, Z = (e) => {
     t.current.setLayerGroup(e);
@@ -46,9 +46,9 @@ function $({
     t.current.removeInteraction(e);
   }, A = (e, r) => {
     t.current.on(e, r);
-  }, i = () => t.current.getView(), I = (e) => t.current.getEventPixel(e), T = (e) => t.current.getEventCoordinate(e), B = () => {
+  }, a = () => t.current.getView(), I = (e) => t.current.getEventPixel(e), T = (e) => t.current.getEventCoordinate(e), B = () => {
     let e = t.current.getView().calculateExtent();
-    return e = U(e, "EPSG:3857", "EPSG:4326"), {
+    return e = U.transformExtent(e, "EPSG:3857", "EPSG:4326"), {
       bottomLeft: {
         latitude: e[1],
         longitude: e[0]
@@ -79,13 +79,13 @@ function $({
       minResolution: r,
       padding: n
     });
-  }, b = (e, r = [0, 0, 0, 0]) => {
+  }, _ = (e, r = [0, 0, 0, 0]) => {
     const n = e.getGeometry();
     if (n) {
       const c = n.getExtent();
       l(c, 12, r);
     }
-  }, _ = (e) => {
+  }, b = (e) => {
     t.current.getView().setCenter(e);
   }, j = () => {
     t.current.updateSize();
@@ -99,13 +99,13 @@ function $({
       zoom: t.current.getView().getZoom() - 1,
       duration: 250
     });
-  }, D = (e) => t.current.getCoordinateFromPixel(e), H = (e) => t.current.getPixelFromCoordinate(e), J = () => t.current.getSize(), K = () => i().getResolution(), N = (e) => i().getResolutionForZoom(e);
-  return a.useEffect(() => {
+  }, D = (e) => t.current.getCoordinateFromPixel(e), H = (e) => t.current.getPixelFromCoordinate(e), J = () => t.current.getSize(), K = () => a().getResolution(), N = (e) => a().getResolutionForZoom(e);
+  return i.useEffect(() => {
     const e = setTimeout(y, 50);
     return () => {
       e ? clearTimeout(e) : L();
     };
-  }, []), a.useEffect(() => (u.length > 0 && t.current && t.current.setLayers(u), () => {
+  }, []), i.useEffect(() => (u.length > 0 && t.current && t.current.setLayers(u), () => {
   }), [u]), {
     refs: {
       map: t,
@@ -115,9 +115,9 @@ function $({
       addInteraction: S,
       addLayer: w,
       centerToExtent: l,
-      centerToFeature: b,
+      centerToFeature: _,
       forEachFeatureAtPixel: M,
-      getAllLayers: P,
+      getAllLayers: z,
       getBoundingBox: B,
       getCoordinateFromPixel: D,
       getEventCoordinate: T,
@@ -128,25 +128,25 @@ function $({
       getResolution: K,
       getResolutionForZoom: N,
       getSize: J,
-      getView: i,
+      getView: a,
       getZoomLevel: F,
-      insertLayerAt: z,
+      insertLayerAt: V,
       on: A,
       removeInteraction: h,
       removeLayer: O,
       setLayerGroup: Z,
       setLayers: G,
-      setCenter: _,
+      setCenter: b,
       setZoomLevel: R,
       addOverlay: x,
       updateSize: j,
       zoomIn: k,
       zoomOut: q,
       removeOverlay: E,
-      removeOverlayById: V
+      removeOverlayById: P
     }
   };
 }
 export {
-  $ as default
+  Y as default
 };

package/dist/components/map/styled.js

@@ -1,11 +1,15 @@
 import { styled as f } from "@mui/material";
-import { S as r, F as t, a, C as s, I as c, T as d } from "../../Text-ChJRuaD8.js";
-const i = 0.4, g = f("div")(({ theme: o, cssPosition: n = "absolute" }) => ({
+import { Icon as l, Text as d } from "ol/style";
+import a from "ol/style/Circle";
+import o from "ol/style/Fill";
+import s from "ol/style/Stroke";
+import r from "ol/style/Style";
+const c = 0.4, g = f("div")(({ theme: t, cssPosition: n = "absolute" }) => ({
   position: n,
   width: "100%",
   height: "100%",
   // minHeight: 500,
-  backgroundColor: o.palette.background.paper,
+  backgroundColor: t.palette.background.paper,
   "& .ol-zoom": {
     backgroundColor: "transparent",
     "& button": {
@@ -16,60 +20,60 @@ const i = 0.4, g = f("div")(({ theme: o, cssPosition: n = "absolute" }) => ({
       marginTop: 3
     }
   }
-})), p = new r({
-  fill: new t({
+})), x = new r({
+  fill: new o({
     color: "rgba(255, 255, 255, 0.2)"
   }),
-  stroke: new a({
+  stroke: new s({
     color: "#2daae1",
     width: 2
   }),
-  image: new s({
+  image: new a({
     radius: 7,
-    fill: new t({
+    fill: new o({
       color: "#2daae1"
     })
   })
 }), w = new r({
-  fill: new t({
+  fill: new o({
     color: "rgba(255, 255, 255, 0.4)"
   }),
-  stroke: new a({
+  stroke: new s({
     color: "#0f70b7",
     width: 2
   }),
-  image: new s({
+  image: new a({
     radius: 7,
-    fill: new t({
+    fill: new o({
       color: "#0f70b7"
     })
   })
-}), b = (o) => {
-  const n = o.get("icon");
+}), C = (t) => {
+  const n = t.get("icon");
   if (n)
     return new r({
-      image: new c({
+      image: new l({
         anchor: [0.5, 0.5],
         src: n,
-        scale: i
+        scale: c
       }),
       zIndex: 2
     });
-  const e = o.get("features");
+  const e = t.get("features");
   if (e) {
-    const l = e.length > 1 ? e[0].get("clusterIcon") : e[0].get("icon");
-    if (l)
+    const i = e.length > 1 ? e[0].get("clusterIcon") : e[0].get("icon");
+    if (i)
       return new r({
-        image: new c({
+        image: new l({
           anchor: [0.5, 0.5],
-          src: l,
-          scale: i
+          src: i,
+          scale: c
         }),
         ...e.length > 1 && {
           text: new d({
             text: e.length.toString(),
             font: "14px sans-serif",
-            fill: new t({
+            fill: new o({
               color: "#fff"
             })
           })
@@ -78,12 +82,12 @@ const i = 0.4, g = f("div")(({ theme: o, cssPosition: n = "absolute" }) => ({
       });
   }
   return w;
-}, m = {
+}, k = {
   Container: g
 };
 export {
-  m as default,
-  p as defaultStyle,
-  b as selectStyleFunction,
+  k as default,
+  x as defaultStyle,
+  C as selectStyleFunction,
   w as selectedStyle
 };

package/dist/components/metric-card/logic.js

@@ -1,99 +1,96 @@
 import { useThemeProps as K } from "@mui/material";
-import { formatValue as $, resolveConditionalStyle as B } from "../charts/_common/format.js";
-import { c as y } from "../../createReactComponent-C7L-DMHj.js";
+import { formatValue as B, resolveConditionalStyle as D } from "../charts/_common/format.js";
+import { c as m } from "../../createReactComponent-C7L-DMHj.js";
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Q = [["path", { d: "M5 12l14 0", key: "svg-0" }], ["path", { d: "M13 18l6 -6", key: "svg-1" }], ["path", { d: "M13 6l6 6", key: "svg-2" }]], W = y("outline", "arrow-right", "ArrowRight", Q);
+const Q = [["path", { d: "M5 12l14 0", key: "svg-0" }], ["path", { d: "M13 18l6 -6", key: "svg-1" }], ["path", { d: "M13 6l6 6", key: "svg-2" }]], W = m("outline", "arrow-right", "ArrowRight", Q);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const X = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M21 10l0 7l-7 0", key: "svg-1" }]], Y = y("outline", "trending-down", "TrendingDown", X);
+const X = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M21 10l0 7l-7 0", key: "svg-1" }]], Y = m("outline", "trending-down", "TrendingDown", X);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ee = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], oe = y("outline", "trending-up", "TrendingUp", ee), ce = (D) => {
-  const r = K({ props: D, name: "HCMetricCard" }), {
+const ee = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], oe = m("outline", "trending-up", "TrendingUp", ee), ce = (F) => {
+  const i = K({ props: F, name: "HCMetricCard" }), {
     value: c = [],
-    secondValue: C = [],
-    secondValueFormat: F,
-    variant: P = "default",
+    secondValue: y = [],
+    secondValueFormat: P,
+    variant: R = "default",
     layout: w = "overlay",
     valuePrefix: A,
     valueSuffix: O,
-    format: e,
+    format: o,
     showChange: U = !1,
-    changeType: s = "percentage",
+    changeType: a = "percentage",
     showTrend: Z = !1,
-    showIcon: b = !1,
+    showIcon: C = !1,
     icon: d,
     iconPosition: u = "right"
-  } = r, H = c.length > 0, g = c[c.length - 1], k = c[c.length - 2], o = g ? Number(g.v) : NaN, t = k ? Number(k.v) : NaN, m = !isNaN(o) && !isNaN(t), p = {
-    prefix: (e == null ? void 0 : e.prefix) ?? A,
-    suffix: (e == null ? void 0 : e.suffix) ?? O,
-    decimals: e == null ? void 0 : e.decimals,
-    color: e == null ? void 0 : e.color,
-    backgroundColor: e == null ? void 0 : e.backgroundColor,
-    conditionalRules: e == null ? void 0 : e.conditionalRules
+  } = i, H = c.length > 0, g = c[c.length - 1], S = c[c.length - 2], e = g ? Number(g.v) : NaN, t = S ? Number(S.v) : NaN, b = !isNaN(e) && !isNaN(t), p = {
+    ...o,
+    prefix: (o == null ? void 0 : o.prefix) ?? A,
+    suffix: (o == null ? void 0 : o.suffix) ?? O
   };
-  let i = "—", S = "", M, V;
-  if (!isNaN(o)) {
-    i = $(o, p), S = g.t;
-    const l = B(o, p);
-    M = l.color, V = l.backgroundColor;
+  let r = "—", M = "", V, k;
+  if (!isNaN(e)) {
+    r = B(e, p), M = g.t;
+    const l = D(e, p);
+    V = l.color, k = l.backgroundColor;
   }
-  const I = F ?? p;
+  const I = P ?? p;
   let h, T, x;
-  const _ = C[C.length - 1], f = _ ? Number(_.v) : NaN;
+  const _ = y[y.length - 1], f = _ ? Number(_.v) : NaN;
   if (!isNaN(f)) {
-    h = $(f, I);
-    const l = B(f, I);
+    h = B(f, I);
+    const l = D(f, I);
     T = l.color, x = l.backgroundColor;
   }
-  let a;
+  let s;
   if (U)
-    if (m && !(t === 0 && s === "percentage")) {
-      const N = s === "absolute" ? o - t : (o - t) / t * 100, z = N > 0 ? "+" : N < 0 ? "−" : "", E = s === "percentage" ? 1 : 2, G = s === "percentage" ? "%" : "";
-      a = `${z}${Math.abs(N).toFixed(E)}${G}`;
+    if (b && !(t === 0 && a === "percentage")) {
+      const N = a === "absolute" ? e - t : (e - t) / t * 100, z = N > 0 ? "+" : N < 0 ? "−" : "", E = a === "percentage" ? 1 : 2, G = a === "percentage" ? "%" : "";
+      s = `${z}${Math.abs(N).toFixed(E)}${G}`;
     } else
-      a = "—";
+      s = "—";
   let n;
-  Z && m && (o > t ? n = "up" : o < t ? n = "down" : n = "neutral");
+  Z && b && (e > t ? n = "up" : e < t ? n = "down" : n = "neutral");
   let v = W;
   n === "up" ? v = oe : n === "down" && (v = Y);
-  const R = [
+  const $ = [
     "top-left",
     "top-right",
     "bottom-left",
     "bottom-right"
-  ].includes(u), J = b && !!d && R, L = b && !!d && !R, j = JSON.stringify({
-    metric: r.label,
-    value: i,
-    change: a,
-    asOf: S
+  ].includes(u), J = C && !!d && $, L = C && !!d && !$, j = JSON.stringify({
+    metric: i.label,
+    value: r,
+    change: s,
+    asOf: M
   }), q = {
-    ...r,
-    variant: P,
+    ...i,
+    variant: R,
     layout: w,
-    changeType: s,
+    changeType: a,
     iconPosition: u,
-    calculatedValue: i,
+    calculatedValue: r,
     calculatedSecondValue: h,
     calculatedSecondValueColor: T,
     calculatedSecondValueBg: x,
-    calculatedChange: a,
+    calculatedChange: s,
     calculatedTrend: n,
-    calculatedValueColor: M,
-    calculatedValueBg: V,
+    calculatedValueColor: V,
+    calculatedValueBg: k,
     hasData: H
   };
   return {
@@ -101,9 +98,9 @@ const ee = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d:
     state: {
       ownerState: q,
       layout: w,
-      calculatedValue: i,
+      calculatedValue: r,
       calculatedSecondValue: h,
-      calculatedChange: a,
+      calculatedChange: s,
       TrendIcon: v,
       Icon: d,
       showCornerIcon: J,

package/dist/components/phone-input/index.js

@@ -1,13 +1,14 @@
 import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import h from "react-phone-number-input";
-import { usePhoneInputLogic as r } from "./logic.js";
-import { PhoneInputRoot as u, PhoneInputLabel as c } from "./styled.js";
-import '../../assets/index2.css';const x = (e) => {
-  const { state: o, actions: t } = r(e), { ownerState: l } = o;
-  return /* @__PURE__ */ a(u, { ownerState: l, sx: e.sx, children: [
-    e.label && /* @__PURE__ */ n(c, { children: e.label }),
+import r from "react-phone-number-input";
+import "react-phone-number-input/style.css";
+import { usePhoneInputLogic as h } from "./logic.js";
+import { PhoneInputRoot as m, PhoneInputLabel as u } from "./styled.js";
+const I = (e) => {
+  const { state: o, actions: t } = h(e), { ownerState: l } = o;
+  return /* @__PURE__ */ a(m, { ownerState: l, sx: e.sx, children: [
+    e.label && /* @__PURE__ */ n(u, { children: e.label }),
     /* @__PURE__ */ n(
-      h,
+      r,
       {
         value: e.value,
         placeholder: e.placeholder,
@@ -17,5 +18,5 @@ import '../../assets/index2.css';const x = (e) => {
   ] });
 };
 export {
-  x as PhoneInput
+  I as PhoneInput
 };

package/dist/components/property-mapping/index.js

@@ -3,7 +3,7 @@ import { CloseOutlined as W, ChevronRight as $, ErrorOutline as q, Refresh as J,
 import { Button as N, IconButton as _, FormControl as O, Select as D, MenuItem as C, Typography as H } from "@mui/material";
 import F from "lodash";
 import { V as G } from "../../index-BtlzPygz.js";
-import { d as L } from "../../ol-yOE-NV0X.js";
+import { getWKTExtent as L } from "../map/helpers/ol.js";
 import { RangeSelector as Q } from "../range-selector/index.js";
 import { usePropertyMappingLogic as X } from "./logic.js";
 import { PropertyMappingRoot as Y, PropertyMappingTitle as Z, PropertyMappingTitleContent as ee, PropertyMappingTitleHeading as te, PropertyMappingTitleSubtitle as re, PropertyMappingTitleAgentForm as ne, PropertyMappingTitleAgentFields as le, PropertyMappingTitleAgentNameInput as ae, PropertyMappingTitleAgentDescriptionInput as ie, PropertyMappingTitleAgentMetaRow as oe, PropertyMappingTitleAgentCountInput as pe, PropertyMappingTitleAgentCriticalityInput as de, PropertyMappingTitleClose as ce, PropertyMappingTitleCloseButton as ue, PropertyMappingContent as se, PropertyMappingPolicyCard as ye, PropertyMappingPolicyCardHeader as he, PropertyMappingPolicyCardCatalogueNames as ge, PropertyMappingPolicyCardArrow as fe, PropertyMappingPolicyCardPolicyName as me, PropertyMappingDataGrid as Ce, PropertyMappingActions as Me, PropertyMappingValueErrorIcon as Te, PropertyMappingValueCell as be, PropertyMappingValueCellInner as ve, PropertyMappingNameCell as Pe, PropertyMappingRequiredAsterisk as Ie, PropertyMappingDataTypeCell as Ae, PropertyMappingValueUpdatedIcon as Se } from "./styled.js";

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

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { Typography as c } from "@mui/material";
 import { useEffect as l } from "react";
-import { u } from "../../index.esm-BLLrbTzY.js";
+import { u } from "../../index.esm-UfGMjYOL.js";
 import { Map as d } from "../map/index.js";
 import { Controls as h } from "./components/controls/index.js";
 import { Legend as M } from "./components/legend/index.js";