@hybridcore/ui 1.5.90 → 1.6.1

package/dist/components/linear-indicator/logic.js

@@ -0,0 +1,47 @@
+import { useThemeProps as $ } from "@mui/material";
+import i from "lodash";
+import { useMemo as a } from "react";
+const l = (s) => {
+  const t = [], r = 100 / (s.length - 1);
+  return s.forEach((o, e) => {
+    if (e === 0) {
+      t.push(`${o} 0%`);
+      return;
+    }
+    if (e === s.length - 1) {
+      t.push(`${o} 100%`);
+      return;
+    }
+    t.push(`${o} ${r * e}%`);
+  }), t;
+}, P = (s) => {
+  const t = $({ props: s, name: "HCLinearIndicator" }), {
+    value: r,
+    positiveBarColor: o,
+    negativeBarColor: e,
+    middleColor: c,
+    barBgColor: u,
+    showPositive: d = !0,
+    showNegative: g,
+    showMiddle: f
+  } = t, p = a(() => i.isArray(r) ? r.find((n) => n > 0) ?? 0 : r ?? 0, [r]), m = a(() => i.isArray(r) ? r.find((n) => n < 0) ?? 0 : r < 0 ? r : 0, [r]), v = a(() => i.isArray(o) ? `linear-gradient(45deg, ${l(o).join(", ")})` : o, [o]), h = a(() => i.isArray(e) ? `linear-gradient(45deg, ${l(e).join(", ")})` : e, [e]), C = a(() => i.isArray(c) ? `radial-gradient(circle, ${l(c).join(", ")})` : c, [c]);
+  return {
+    refs: {},
+    state: { ownerState: {
+      value: r,
+      barBgColor: u,
+      showPositive: d,
+      showNegative: g,
+      showMiddle: f,
+      valuePositive: p,
+      valueNegative: m,
+      barColorPositive: v,
+      barColorNegative: h,
+      middleBgColor: C
+    } },
+    actions: {}
+  };
+};
+export {
+  P as useLinearIndicatorLogic
+};

package/dist/components/linear-indicator/styled.js

@@ -1,19 +1,17 @@
-import { styled as a, Box as o } from "@mui/material";
-const n = a(o, {
+import { styled as a, Box as d } from "@mui/material";
+const e = (r) => r !== "ownerState", s = a(d, {
   name: "HCLinearIndicator",
-  // The component name
-  slot: "root"
-  // The slot name
+  slot: "root",
+  shouldForwardProp: e
 })({
   display: "flex",
   alignItems: "center",
   gap: 6
-}), i = a(o, {
+}), c = a(d, {
   name: "HCLinearIndicator",
-  // The component name
-  slot: "barContainer"
-  // The slot name
-})(() => ({
+  slot: "barContainer",
+  shouldForwardProp: e
+})({
   display: "flex",
   flex: 1,
   backgroundColor: "white",
@@ -23,51 +21,52 @@ const n = a(o, {
   paddingLeft: 6,
   paddingRight: 6,
   borderRadius: 10
-})), t = a(o, {
+}), g = a(d, {
   name: "HCLinearIndicator",
-  // The component name
-  slot: "barBackground"
-  // The slot name
-})(() => ({
+  slot: "barBackground",
+  shouldForwardProp: (r) => r !== "ownerState" && r !== "reverse"
+})(({ ownerState: r, reverse: o }) => ({
   display: "flex",
+  flexDirection: o ? "row-reverse" : "row",
   width: "100%",
-  background: "#ECECEC",
+  background: r.barBgColor ?? "#ECECEC",
   borderRadius: 10
-})), e = a(o, {
+})), b = a(d, {
   name: "HCLinearIndicator",
-  // The component name
-  slot: "bar"
-  // The slot name
-})(({ theme: r }) => ({
-  background: r.palette.primary.main,
-  height: 7,
-  borderRadius: 10
-})), c = a(o, {
+  slot: "bar",
+  shouldForwardProp: (r) => r !== "ownerState" && r !== "negative"
+})(({ ownerState: r, negative: o, theme: t }) => {
+  const i = o ? `${Math.abs(r.valueNegative)}%` : `${r.valuePositive}%`;
+  return {
+    background: o ? r.barColorNegative ?? t.palette.error.main : r.barColorPositive ?? t.palette.primary.main,
+    width: i,
+    height: 7,
+    borderRadius: 10
+  };
+}), p = a(d, {
   name: "HCLinearIndicator",
-  // The component name
-  slot: "middleContainer"
-  // The slot name
+  slot: "middleContainer",
+  shouldForwardProp: e
 })(({ theme: r }) => ({
   backgroundColor: r.palette.background.default,
   boxShadow: "inset 0px 5px 6px rgba(0,0,0,0.15)",
   padding: 6,
   borderRadius: "50%"
-})), l = a(o, {
+})), u = a(d, {
   name: "HCLinearIndicator",
-  // The component name
-  slot: "middle"
-  // The slot name
-})(({ theme: r }) => ({
-  background: r.palette.primary.main,
+  slot: "middle",
+  shouldForwardProp: e
+})(({ ownerState: r, theme: o }) => ({
+  background: r.middleBgColor ?? o.palette.primary.main,
   height: 9,
   width: 9,
   borderRadius: "50%"
 }));
 export {
-  e as IndicatorBar,
-  t as IndicatorBarBackground,
-  i as IndicatorBarContainer,
-  l as IndicatorMiddle,
-  c as IndicatorMiddleContainer,
-  n as IndicatorRoot
+  b as IndicatorBar,
+  g as IndicatorBarBackground,
+  c as IndicatorBarContainer,
+  u as IndicatorMiddle,
+  p as IndicatorMiddleContainer,
+  s as IndicatorRoot
 };

package/dist/components/loading/index.js

@@ -1,11 +1,17 @@
-import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { CircularProgress as n } from "@mui/material";
-import { Container as e } from "./styled.js";
-const f = ({
-  show: o,
-  indicatorColor: i = "primary",
-  ...t
-}) => o ? /* @__PURE__ */ r(e, { ...t, children: /* @__PURE__ */ r(n, { color: i }) }) : /* @__PURE__ */ r(m, {});
+import { jsx as r } from "react/jsx-runtime";
+import { useLoadingLogic as c } from "./logic.js";
+import { LoadingRoot as d, LoadingIndicator as s } from "./styled.js";
+const v = (o) => {
+  const { state: t } = c(o), { ownerState: i, indicatorColor: n } = t, {
+    show: a,
+    overlay: m,
+    overlayColor: g,
+    indicatorColor: C,
+    sx: e,
+    ...l
+  } = o;
+  return a ? /* @__PURE__ */ r(d, { ownerState: i, sx: e, ...l, children: /* @__PURE__ */ r(s, { color: n }) }) : null;
+};
 export {
-  f as Loading
+  v as Loading
 };

package/dist/components/loading/logic.js

@@ -0,0 +1,15 @@
+import { useThemeProps as e } from "@mui/material";
+const a = (t) => {
+  const o = e({ props: t, name: "HCLoading" }), { indicatorColor: r = "primary" } = o, s = {
+    ...o,
+    indicatorColor: r
+  };
+  return {
+    refs: {},
+    state: { ownerState: s, indicatorColor: r },
+    actions: {}
+  };
+};
+export {
+  a as useLoadingLogic
+};

package/dist/components/loading/styled.js

@@ -1,21 +1,28 @@
-import { styled as r, Box as o } from "@mui/material";
-const a = r(o, {
-  shouldForwardProp: (e) => e !== "overlay" && e !== "overlayColor"
-})(({ overlayColor: e, position: t = "relative" }) => ({
-  width: "100%",
-  height: "100%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  backgroundColor: e || "rgba(255,255,255,0.15)",
-  ...t === "fixed" || t === "absolute" ? {
-    top: 0,
-    left: 0,
-    zIndex: 99999
-  } : t === "relative" ? {
-    position: "relative"
-  } : {}
-}));
+import { styled as r, Box as n, CircularProgress as a } from "@mui/material";
+const i = (o) => o !== "ownerState" && o !== "overlay" && o !== "overlayColor", s = r(n, {
+  name: "HCLoading",
+  slot: "root",
+  shouldForwardProp: i
+})(({ ownerState: o }) => {
+  const { overlayColor: e, position: t = "relative" } = o;
+  return {
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: e || "rgba(255,255,255,0.15)",
+    ...t === "fixed" || t === "absolute" ? {
+      top: 0,
+      left: 0,
+      zIndex: 99999
+    } : t === "relative" ? { position: "relative" } : {}
+  };
+}), d = r(a, {
+  name: "HCLoading",
+  slot: "indicator"
+})({});
 export {
-  a as Container
+  d as LoadingIndicator,
+  s as LoadingRoot
 };

package/dist/components/map/helpers/kml.js

@@ -1,6 +1,6 @@
-import n from "lodash";
 import * as s from "@turf/turf";
 import { XMLParser as u, XMLValidator as d, XMLBuilder as f } from "fast-xml-parser";
+import n from "lodash";
 const P = (t, r) => new u({
   ignoreAttributes: !1,
   ...r

package/dist/components/map/helpers/mapbox.js

@@ -1,18 +1,13 @@
-import n from "mapbox-gl";
-import { L as b, a as y, S as u } from "../../../Source-BESIjd9X.js";
-const v = ({
-  id: r = "map",
-  center: s,
-  style: c,
-  accessToken: i
-}) => {
-  n.accessToken = i;
-  const e = new n.Map({
+import r from "mapbox-gl";
+import { L as b, a as u, S as y } from "../../../Source-BSZST_GH.js";
+const v = ({ id: n = "map", center: s, style: c, accessToken: i }) => {
+  r.accessToken = i;
+  const e = new r.Map({
     style: c,
     attributionControl: !1,
     boxZoom: !1,
     center: s,
-    container: r,
+    container: n,
     doubleClickZoom: !1,
     dragPan: !1,
     dragRotate: !1,
@@ -20,7 +15,12 @@ const v = ({
     keyboard: !1,
     pitchWithRotate: !1,
     scrollZoom: !1,
-    touchZoomRotate: !1
+    touchZoomRotate: !1,
+    preserveDrawingBuffer: !0,
+    // to enable export canvas as image
+    projection: {
+      name: "mercator"
+    }
   }), o = new b({
     render: function(l) {
       const a = e.getCanvas(), t = l.viewState, m = o.getVisible();
@@ -30,13 +30,13 @@ const v = ({
       const p = t.rotation;
       return e.jumpTo({
         // @ts-ignore
-        center: y(t.center),
+        center: u(t.center),
         zoom: t.zoom - 1,
         bearing: -p * 180 / Math.PI,
         animate: !1
       }), e._frame && (e._frame.cancel(), e._frame = null), e._render(), a;
     },
-    source: new u({})
+    source: new y({})
   });
   return {
     map: e,

package/dist/components/map/helpers/ol.js

@@ -1,25 +1,29 @@
 import "lodash";
-import "../../../Source-BESIjd9X.js";
-import { E as F, c as n, O as T, Q as i, a as p, A as u, J as M, H as L, b as l, D as k, N as W, g as f, d as g, K as C, S as x } from "../../../ol-lGwSyEIV.js";
 import "ol";
-import "./kml.js";
+import { v as M, x as n, c as T, B as u, E as L, a as k, t as l, z as W, y as f, b as g, w as x, A as y, g as C, d as v, k as E, D as d } from "../../../ol-yOE-NV0X.js";
+import "../../../Source-BSZST_GH.js";
+import "../../../Vector-BmuhQO4p.js";
+import "../../../Vector-DfTqQEln.js";
 import "../styled.js";
+import "./kml.js";
 import "./wkt.js";
-import "../../../Text-Cl1H4b0h.js";
+import "../../../WKT-2wsDT-nq.js";
+import "../../../Text-ChJRuaD8.js";
 export {
-  F as convertFeaturesToKML,
-  n as convertFeaturesToWKT,
-  T as createClusterFromKMLMarkers,
-  i as createClusterFromWKTMarkers,
-  p as createFeaturesFromKML,
-  u as createFeaturesFromWKT,
-  M as createKMLFeature,
-  L as createKMLPlacemark,
-  l as createMap,
-  k as createTileLayer,
-  W as findCenterOfKMLPolygon,
-  f as getWKTCenterOfExtent,
-  g as getWKTExtent,
-  C as kmlToIconFeatures,
-  x as wktToIconFeatures
+  M as MyMap,
+  n as convertFeaturesToKML,
+  T as convertFeaturesToWKT,
+  u as createClusterFromKMLMarkers,
+  L as createClusterFromWKTMarkers,
+  k as createFeaturesFromKML,
+  l as createFeaturesFromWKT,
+  W as createKMLFeature,
+  f as createKMLPlacemark,
+  g as createMap,
+  x as createTileLayer,
+  y as findCenterOfKMLPolygon,
+  C as getWKTCenterOfExtent,
+  v as getWKTExtent,
+  E as kmlToIconFeatures,
+  d as wktToIconFeatures
 };