@tracktor/map 0.4.0 → 0.4.1

package/dist/main.js

@@ -4,7 +4,7 @@ import { LicenseInfo as Pr } from "@mui/x-license";
 import Or, { LngLatBounds as wr, Marker as jr, Popup as Ar, Map as Lr } from "mapbox-gl";
 import { Box as ae, Skeleton as Fr, useTheme as Dr, GlobalStyles as Nr } from "@tracktor/design-system";
 import Ir from "react-dom";
-const Mr = 2.333, kr = 46.8677;
+const kr = 2.333, Mr = 46.8677;
 var K = { exports: {} }, Y = {};
 /**
  * @license React
@@ -20,14 +20,14 @@ function $r() {
   if (Ne) return Y;
   Ne = 1;
   var r = ue, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(d, u, v) {
-    var p, E = {}, C = null, D = null;
-    v !== void 0 && (C = "" + v), u.key !== void 0 && (C = "" + u.key), u.ref !== void 0 && (D = u.ref);
-    for (p in u) o.call(u, p) && !l.hasOwnProperty(p) && (E[p] = u[p]);
-    if (d && d.defaultProps) for (p in u = d.defaultProps, u) E[p] === void 0 && (E[p] = u[p]);
-    return { $$typeof: t, type: d, key: C, ref: D, props: E, _owner: s.current };
+  function d(p, u, v) {
+    var f, E = {}, R = null, D = null;
+    v !== void 0 && (R = "" + v), u.key !== void 0 && (R = "" + u.key), u.ref !== void 0 && (D = u.ref);
+    for (f in u) o.call(u, f) && !l.hasOwnProperty(f) && (E[f] = u[f]);
+    if (p && p.defaultProps) for (f in u = p.defaultProps, u) E[f] === void 0 && (E[f] = u[f]);
+    return { $$typeof: t, type: p, key: R, ref: D, props: E, _owner: s.current };
   }
-  return Y.Fragment = a, Y.jsx = f, Y.jsxs = f, Y;
+  return Y.Fragment = a, Y.jsx = d, Y.jsxs = d, Y;
 }
 var U = {};
 /**
@@ -42,7 +42,7 @@ var U = {};
 var Ie;
 function Wr() {
   return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = ue, t = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), d = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), G = Symbol.iterator, B = "@@iterator";
+    var r = ue, t = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), p = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), G = Symbol.iterator, B = "@@iterator";
     function H(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -50,7 +50,7 @@ function Wr() {
       return typeof n == "function" ? n : null;
     }
     var w = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function R(e) {
+    function m(e) {
       {
         for (var n = arguments.length, i = new Array(n > 1 ? n - 1 : 0), c = 1; c < n; c++)
           i[c - 1] = arguments[c];
@@ -70,7 +70,7 @@ function Wr() {
     var X = !1, N = !1, qe = !1, ze = !1, Je = !1, ce;
     ce = Symbol.for("react.module.reference");
     function Ke(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === l || Je || e === s || e === v || e === p || ze || e === D || X || N || qe || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === E || e.$$typeof === f || e.$$typeof === d || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === l || Je || e === s || e === v || e === f || ze || e === D || X || N || qe || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === E || e.$$typeof === d || e.$$typeof === p || e.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -89,7 +89,7 @@ function Wr() {
     function j(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -104,15 +104,15 @@ function Wr() {
           return "StrictMode";
         case v:
           return "Suspense";
-        case p:
+        case f:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case d:
+          case p:
             var n = e;
             return le(n) + ".Consumer";
-          case f:
+          case d:
             var i = e;
             return le(i._context) + ".Provider";
           case u:
@@ -120,7 +120,7 @@ function Wr() {
           case E:
             var c = e.displayName || null;
             return c !== null ? c : j(e.type) || "Memo";
-          case C: {
+          case R: {
             var b = e, h = b._payload, g = b._init;
             try {
               return j(g(h));
@@ -190,7 +190,7 @@ function Wr() {
             })
           });
         }
-        $ < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        $ < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Z = w.ReactCurrentDispatcher, Q;
@@ -262,25 +262,25 @@ function Wr() {
         if (x && c && typeof x.stack == "string") {
           for (var y = x.stack.split(`
 `), T = c.stack.split(`
-`), _ = y.length - 1, m = T.length - 1; _ >= 1 && m >= 0 && y[_] !== T[m]; )
-            m--;
-          for (; _ >= 1 && m >= 0; _--, m--)
-            if (y[_] !== T[m]) {
-              if (_ !== 1 || m !== 1)
+`), _ = y.length - 1, C = T.length - 1; _ >= 1 && C >= 0 && y[_] !== T[C]; )
+            C--;
+          for (; _ >= 1 && C >= 0; _--, C--)
+            if (y[_] !== T[C]) {
+              if (_ !== 1 || C !== 1)
                 do
-                  if (_--, m--, m < 0 || y[_] !== T[m]) {
+                  if (_--, C--, C < 0 || y[_] !== T[C]) {
                     var P = `
 ` + y[_].replace(" at new ", " at ");
                     return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, P), P;
                   }
-                while (_ >= 1 && m >= 0);
+                while (_ >= 1 && C >= 0);
               break;
             }
         }
       } finally {
         ee = !1, Z.current = h, Ze(), Error.prepareStackTrace = b;
       }
-      var M = e ? e.displayName || e.name : "", F = M ? V(M) : "";
+      var k = e ? e.displayName || e.name : "", F = k ? V(k) : "";
       return typeof e == "function" && q.set(e, F), F;
     }
     function er(e, n, i) {
@@ -300,7 +300,7 @@ function Wr() {
       switch (e) {
         case v:
           return V("Suspense");
-        case p:
+        case f:
           return V("SuspenseList");
       }
       if (typeof e == "object")
@@ -309,7 +309,7 @@ function Wr() {
             return er(e.render);
           case E:
             return z(e.type, n, i);
-          case C: {
+          case R: {
             var c = e, b = c._payload, h = c._init;
             try {
               return z(h(b), n, i);
@@ -319,13 +319,13 @@ function Wr() {
         }
       return "";
     }
-    var W = Object.prototype.hasOwnProperty, Re = {}, _e = w.ReactDebugCurrentFrame;
+    var W = Object.prototype.hasOwnProperty, Re = {}, me = w.ReactDebugCurrentFrame;
     function J(e) {
       if (e) {
         var n = e._owner, i = z(e.type, e._source, n ? n.type : null);
-        _e.setExtraStackFrame(i);
+        me.setExtraStackFrame(i);
       } else
-        _e.setExtraStackFrame(null);
+        me.setExtraStackFrame(null);
     }
     function tr(e, n, i, c, b) {
       {
@@ -342,7 +342,7 @@ function Wr() {
             } catch (_) {
               y = _;
             }
-            y && !(y instanceof Error) && (J(b), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", i, g, typeof y), J(null)), y instanceof Error && !(y.message in Re) && (Re[y.message] = !0, J(b), R("Failed %s type: %s", i, y.message), J(null));
+            y && !(y instanceof Error) && (J(b), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", i, g, typeof y), J(null)), y instanceof Error && !(y.message in Re) && (Re[y.message] = !0, J(b), m("Failed %s type: %s", i, y.message), J(null));
           }
       }
     }
@@ -358,17 +358,17 @@ function Wr() {
     }
     function ir(e) {
       try {
-        return me(e), !1;
+        return _e(e), !1;
       } catch {
         return !0;
       }
     }
-    function me(e) {
+    function _e(e) {
       return "" + e;
     }
     function Ce(e) {
       if (ir(e))
-        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", or(e)), me(e);
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", or(e)), _e(e);
     }
     var Te = w.ReactCurrentOwner, ar = {
       key: !0,
@@ -398,7 +398,7 @@ function Wr() {
     function lr(e, n) {
       {
         var i = function() {
-          xe || (xe = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+          xe || (xe = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: i,
@@ -409,7 +409,7 @@ function Wr() {
     function fr(e, n) {
       {
         var i = function() {
-          Se || (Se = !0, R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+          Se || (Se = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: i,
@@ -458,8 +458,8 @@ function Wr() {
             g[h] === void 0 && (g[h] = _[h]);
         }
         if (y || T) {
-          var m = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          y && lr(g, m), T && fr(g, m);
+          var C = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && lr(g, C), T && fr(g, C);
         }
         return dr(e, y, T, b, c, Te.current, g);
       }
@@ -515,7 +515,7 @@ Check the top-level render call using <` + i + ">.");
           return;
         we[i] = !0;
         var c = "";
-        e && e._owner && e._owner !== te.current && (c = " It was passed a child from " + j(e._owner.type) + "."), I(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, c), I(null);
+        e && e._owner && e._owner !== te.current && (c = " It was passed a child from " + j(e._owner.type) + "."), I(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, c), I(null);
       }
     }
     function Ae(e, n) {
@@ -557,9 +557,9 @@ Check the top-level render call using <` + i + ">.");
         } else if (n.PropTypes !== void 0 && !ne) {
           ne = !0;
           var b = j(n);
-          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function br(e) {
@@ -567,11 +567,11 @@ Check the top-level render call using <` + i + ">.");
         for (var n = Object.keys(e.props), i = 0; i < n.length; i++) {
           var c = n[i];
           if (c !== "children" && c !== "key") {
-            I(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), I(null);
+            I(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), I(null);
             break;
           }
         }
-        e.ref !== null && (I(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
+        e.ref !== null && (I(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
       }
     }
     var Le = {};
@@ -584,21 +584,21 @@ Check the top-level render call using <` + i + ">.");
           var T = vr();
           T ? y += T : y += Oe();
           var _;
-          e === null ? _ = "null" : re(e) ? _ = "array" : e !== void 0 && e.$$typeof === t ? (_ = "<" + (j(e.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, y);
+          e === null ? _ = "null" : re(e) ? _ = "array" : e !== void 0 && e.$$typeof === t ? (_ = "<" + (j(e.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, y);
         }
-        var m = pr(e, n, i, b, h);
-        if (m == null)
-          return m;
+        var C = pr(e, n, i, b, h);
+        if (C == null)
+          return C;
         if (g) {
           var P = n.children;
           if (P !== void 0)
             if (c)
               if (re(P)) {
-                for (var M = 0; M < P.length; M++)
-                  Ae(P[M], e);
+                for (var k = 0; k < P.length; k++)
+                  Ae(P[k], e);
                 Object.freeze && Object.freeze(P);
               } else
-                R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Ae(P, e);
         }
@@ -607,16 +607,16 @@ Check the top-level render call using <` + i + ">.");
             return Cr !== "key";
           }), ie = x.length > 0 ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Le[F + ie]) {
-            var mr = x.length > 0 ? "{" + x.join(": ..., ") + ": ...}" : "{}";
-            R(`A props object containing a "key" prop is being spread into JSX:
+            var _r = x.length > 0 ? "{" + x.join(": ..., ") + ": ...}" : "{}";
+            m(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ie, F, mr, F), Le[F + ie] = !0;
+  <%s key={someKey} {...props} />`, ie, F, _r, F), Le[F + ie] = !0;
           }
         }
-        return e === o ? br(m) : gr(m), m;
+        return e === o ? br(C) : gr(C), C;
       }
     }
     function Er(e, n, i) {
@@ -625,13 +625,13 @@ React keys must be passed directly to JSX without using spread:
     function hr(e, n, i) {
       return Fe(e, n, i, !1);
     }
-    var Rr = hr, _r = Er;
-    U.Fragment = o, U.jsx = Rr, U.jsxs = _r;
+    var Rr = hr, mr = Er;
+    U.Fragment = o, U.jsx = Rr, U.jsxs = mr;
   }()), U;
 }
-var Me;
+var ke;
 function Yr() {
-  return Me || (Me = 1, process.env.NODE_ENV === "production" ? K.exports = $r() : K.exports = Wr()), K.exports;
+  return ke || (ke = 1, process.env.NODE_ENV === "production" ? K.exports = $r() : K.exports = Wr()), K.exports;
 }
 var O = Yr();
 const Ur = Tr({
@@ -649,7 +649,7 @@ const Ur = Tr({
     [t, a]
   );
   return a && (Or.accessToken = a), /* @__PURE__ */ O.jsx(Ur.Provider, { value: o, children: r });
-}, Gr = ({ containerStyle: r, square: t, error: a, loading: o = !1, height: s = 300, width: l = "100%" }, f) => /* @__PURE__ */ O.jsxs(ae, { sx: { position: "relative" }, height: s, children: [
+}, Gr = ({ containerStyle: r, square: t, error: a, loading: o = !1, height: s = 300, width: l = "100%" }, d) => /* @__PURE__ */ O.jsxs(ae, { sx: { position: "relative" }, height: s, children: [
   /* @__PURE__ */ O.jsx(
     ae,
     {
@@ -664,7 +664,7 @@ const Ur = Tr({
         zIndex: 1,
         ...r
       },
-      ref: f,
+      ref: d,
       width: l,
       height: s,
       children: a && /* @__PURE__ */ O.jsx(ae, { textAlign: "center", children: a })
@@ -692,53 +692,53 @@ const Ur = Tr({
   zoom: o,
   fitBounds: s,
   markers: l,
-  fitBoundDuration: f,
-  fitBoundsPadding: d
+  fitBoundDuration: d,
+  fitBoundsPadding: p
 }) => {
   A(() => {
     if (!r.current || (t || r.current.flyTo({
       duration: a,
       zoom: o
     }), !s || !(l != null && l.length) || (l == null ? void 0 : l.length) < 2)) return;
-    const u = new wr(), v = l.filter((p) => {
-      const E = Number(p.lng), C = Number(p.lat);
-      return Ve(C, E);
+    const u = new wr(), v = l.filter((f) => {
+      const E = Number(f.lng), R = Number(f.lat);
+      return Ve(R, E);
     });
     if (!(v.length < 2)) {
-      for (let p = 0; p < v.length; p += 1) {
-        const E = Number(v[p].lng), C = Number(v[p].lat);
-        u.extend([E, C]);
+      for (let f = 0; f < v.length; f += 1) {
+        const E = Number(v[f].lng), R = Number(v[f].lat);
+        u.extend([E, R]);
       }
       r.current.fitBounds(u, {
-        duration: f,
-        padding: d
+        duration: d,
+        padding: p
       });
     }
-  }, [l, s, d, a, o, f, t, r]);
+  }, [l, s, p, a, o, d, t, r]);
 }, We = (r) => Array.isArray(r) ? r.length >= 2 ? [r[0], r[1]] : void 0 : r, qr = ({ map: r, center: t }) => {
   A(() => {
     if (!r.current || !t) return;
-    const a = Array.isArray(t) && Ve(t[1], t[0]) ? We(t) : { lat: kr, lng: Mr };
+    const a = Array.isArray(t) && Ve(t[1], t[0]) ? We(t) : { lat: Mr, lng: kr };
     a && r.current.setCenter(a);
   }, [t, r]);
 };
-var k = {}, ke;
+var M = {}, Me;
 function zr() {
-  if (ke) return k;
-  ke = 1;
+  if (Me) return M;
+  Me = 1;
   var r = Ir;
   if (process.env.NODE_ENV === "production")
-    k.createRoot = r.createRoot, k.hydrateRoot = r.hydrateRoot;
+    M.createRoot = r.createRoot, M.hydrateRoot = r.hydrateRoot;
   else {
     var t = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    k.createRoot = function(a, o) {
+    M.createRoot = function(a, o) {
       t.usingClientEntryPoint = !0;
       try {
         return r.createRoot(a, o);
       } finally {
         t.usingClientEntryPoint = !1;
       }
-    }, k.hydrateRoot = function(a, o, s) {
+    }, M.hydrateRoot = function(a, o, s) {
       t.usingClientEntryPoint = !0;
       try {
         return r.hydrateRoot(a, o, s);
@@ -747,7 +747,7 @@ function zr() {
       }
     };
   }
-  return k;
+  return M;
 }
 var Ye = zr();
 const Jr = ({ palette: r, type: t }) => {
@@ -770,14 +770,14 @@ const Jr = ({ palette: r, type: t }) => {
   }
 }, Kr = (r, t, a, o) => {
   const s = {
-    features: a.map((f) => ({
+    features: a.map((d) => ({
       geometry: {
-        coordinates: f.geometry.coordinates,
+        coordinates: d.geometry.coordinates,
         type: "Point"
       },
       properties: {
-        id: f.properties.id,
-        ...f.properties
+        id: d.properties.id,
+        ...d.properties
       },
       type: "Feature"
     })),
@@ -786,13 +786,13 @@ const Jr = ({ palette: r, type: t }) => {
   l ? l.setData(s) : r.addSource(t, {
     data: s,
     type: "geojson"
-  }), s.features.forEach((f) => {
-    const { description: d, id: u } = f.properties || {}, v = Jr({ palette: o, type: d }), p = `marker-${u}`;
-    r.getLayer(p) ? Object.entries(v || {}).forEach(([E, C]) => {
-      r.setPaintProperty(p, E, C);
+  }), s.features.forEach((d) => {
+    const { description: p, id: u } = d.properties || {}, v = Jr({ palette: o, type: p }), f = `marker-${u}`;
+    r.getLayer(f) ? Object.entries(v || {}).forEach(([E, R]) => {
+      r.setPaintProperty(f, E, R);
     }) : r.addLayer({
       filter: ["==", "id", u],
-      id: p,
+      id: f,
       layout: {
         visibility: "visible"
       },
@@ -803,16 +803,16 @@ const Jr = ({ palette: r, type: t }) => {
   });
 }, Hr = (r, t) => {
   document.querySelectorAll(".react-custom-marker").forEach((o) => o.remove()), t.forEach((o) => {
-    const { IconComponent: s, iconProps: l, onClick: f } = o.properties || {}, { coordinates: d } = o.geometry;
-    if (s && d.length >= 2) {
+    const { IconComponent: s, iconProps: l, onClick: d } = o.properties || {}, { coordinates: p } = o.geometry;
+    if (s && p.length >= 2) {
       const u = document.createElement("div");
       u.className = "react-custom-marker", u.style.position = "absolute";
-      const v = document.createElement("div"), p = Ye.createRoot(v);
-      s && p.render(ue.createElement(s, l || {})), u.appendChild(v);
+      const v = document.createElement("div"), f = Ye.createRoot(v);
+      s && f.render(ue.createElement(s, l || {})), u.appendChild(v);
       const E = () => {
-        f == null || f(o);
+        d == null || d(o);
       };
-      u.addEventListener("click", E), new jr(u).setLngLat([d[0], d[1]]).addTo(r);
+      u.addEventListener("click", E), new jr(u).setLngLat([p[0], p[1]]).addTo(r);
     }
   });
 }, Xr = (r) => ({
@@ -839,16 +839,16 @@ const Jr = ({ palette: r, type: t }) => {
   type: "FeatureCollection"
 }), Zr = ({ map: r, setLoadingMapBox: t, palette: a, markers: o }) => {
   if (t(!1), !r.current) return;
-  const s = Xr(o), l = s.features.filter((d) => {
+  const s = Xr(o), l = s.features.filter((p) => {
     var u;
-    return ((u = d.properties) == null ? void 0 : u.IconComponent) === void 0;
+    return ((u = p.properties) == null ? void 0 : u.IconComponent) === void 0;
   });
   l.length && Kr(r.current, "markerProps", l, a);
-  const f = s.features.filter((d) => {
+  const d = s.features.filter((p) => {
     var u;
-    return (u = d.properties) == null ? void 0 : u.IconComponent;
+    return (u = p.properties) == null ? void 0 : u.IconComponent;
   });
-  f.length && Hr(r.current, f);
+  d.length && Hr(r.current, d);
 }, Qr = ({ map: r, markers: t, markersAreInvalid: a, palette: o, setLoadingMapBox: s }) => {
   A(() => {
     if (!r.current || a) return;
@@ -861,8 +861,8 @@ const Jr = ({ palette: r, type: t }) => {
   A(() => {
     if (!r.current || !t) return;
     const a = r.current.getCanvas(), o = (s) => {
-      const l = [s.clientX - a.getBoundingClientRect().left, s.clientY - a.getBoundingClientRect().top], f = r.current.unproject(l);
-      t(f.lng, f.lat);
+      const l = [s.clientX - a.getBoundingClientRect().left, s.clientY - a.getBoundingClientRect().top], d = r.current.unproject(l);
+      t(d.lng, d.lat);
     };
     a.addEventListener("click", o);
   }, [r, t]);
@@ -878,16 +878,16 @@ const Jr = ({ palette: r, type: t }) => {
   s.style.padding = "10px", o.style.zIndex = "1000";
   const l = Ye.createRoot(s);
   l.render(t);
-  const f = new Ar({
+  const d = new Ar({
     closeButton: !1
   }).setLngLat(a).setDOMContent(o).addTo(r.current);
-  f.on("close", () => {
+  d.on("close", () => {
     queueMicrotask(() => {
       l.unmount();
     });
   });
-  const d = rt(f);
-  return o.appendChild(d), o.appendChild(s), f;
+  const p = rt(d);
+  return o.appendChild(p), o.appendChild(s), d;
 }, Ue = (r) => typeof r == "object" && r !== null && "type" in r && "coordinates" in r, tt = (r) => {
   if (typeof r != "object" || r === null || !("geometry" in r && "properties" in r))
     return !1;
@@ -900,15 +900,15 @@ const Jr = ({ palette: r, type: t }) => {
   const { properties: s } = r;
   return typeof s != "object" || s === null ? !1 : "id" in s && s.id !== void 0;
 }, nt = ({ map: r, point: t }) => {
-  var s, l, f, d, u;
+  var s, l, d, p, u;
   if (!((s = r.current) != null && s.isStyleLoaded()))
     return null;
-  const a = ((d = (f = (l = r.current) == null ? void 0 : l.getStyle()) == null ? void 0 : f.layers) == null ? void 0 : d.filter((v) => v.id.startsWith("marker-")).map((v) => v.id)) || [], o = (u = r.current) == null ? void 0 : u.queryRenderedFeatures(t, { layers: a });
+  const a = ((p = (d = (l = r.current) == null ? void 0 : l.getStyle()) == null ? void 0 : d.layers) == null ? void 0 : p.filter((v) => v.id.startsWith("marker-")).map((v) => v.id)) || [], o = (u = r.current) == null ? void 0 : u.queryRenderedFeatures(t, { layers: a });
   if (o && o.length > 0) {
     const v = o[0];
     if (!tt(v) || !Ue(v.geometry))
       return null;
-    const { geometry: p } = v, E = p.coordinates.slice();
+    const { geometry: f } = v, E = f.coordinates.slice();
     return E.length !== 2 || typeof E[0] != "number" || typeof E[1] != "number" ? null : v;
   }
 }, ot = ({ openPopup: r, map: t, markers: a }) => {
@@ -917,39 +917,57 @@ const Jr = ({ palette: r, type: t }) => {
     if (!t.current || !a) return;
     const l = t.current.getCanvas();
     if (o.current && (o.current.remove(), o.current = null), r) {
-      const d = a.find((u) => u.id === r);
-      if (d) {
-        const u = [Number(d.lng) || 0, Number(d.lat) || 0], v = $e({
+      const p = a.find((u) => u.id === r);
+      if (p) {
+        const u = [Number(p.lng) || 0, Number(p.lat) || 0], v = $e({
           coordinates: u,
           map: t,
-          tooltip: d.Tooltip
+          tooltip: p.Tooltip
         });
         v && (o.current = v);
       }
     }
-    const f = (d) => {
+    const d = (p) => {
       const u = [
-        d.clientX - l.getBoundingClientRect().left,
-        d.clientY - l.getBoundingClientRect().top
+        p.clientX - l.getBoundingClientRect().left,
+        p.clientY - l.getBoundingClientRect().top
       ], v = nt({ map: t, point: u });
       if (v && v.properties && v.properties.id) {
         o.current && (o.current.remove(), o.current = null);
-        const p = a.find((E) => E.id === v.properties.id);
-        if (p) {
-          const E = [Number(p.lng) || 0, Number(p.lat) || 0];
+        const f = a.find((E) => E.id === v.properties.id);
+        if (f) {
+          const E = [Number(f.lng) || 0, Number(f.lat) || 0];
+          if (typeof f.onClick == "function") {
+            const R = {
+              geometry: {
+                coordinates: E,
+                type: "Point"
+              },
+              properties: {
+                description: f.name,
+                id: f.id,
+                name: f.name,
+                onClick: f.onClick,
+                size: f.size || 1,
+                zIndex: f.zIndex || 1
+              },
+              type: "Feature"
+            };
+            f.onClick(R);
+          }
           requestAnimationFrame(() => {
-            const C = $e({
+            const R = $e({
               coordinates: E,
               map: t,
-              tooltip: p.Tooltip
+              tooltip: f.Tooltip
             });
-            C && (o.current = C);
+            R && (o.current = R);
           });
         }
       }
     };
-    return l.addEventListener("click", f), () => {
-      l.removeEventListener("click", f), o.current && (o.current.remove(), o.current = null);
+    return l.addEventListener("click", d), () => {
+      l.removeEventListener("click", d), o.current && (o.current.remove(), o.current = null);
     };
   }, [t, a, r]);
 }, it = () => {
@@ -960,11 +978,11 @@ const Jr = ({ palette: r, type: t }) => {
     return !1;
   }
 }, at = ({ mapStyle: r, mapContainer: t, zoomFlyFrom: a, markers: o, center: s }) => {
-  var f, d;
+  var d, p;
   return {
     center: s ? We(s) : {
-      lat: ((f = o == null ? void 0 : o[0]) == null ? void 0 : f.lat) !== void 0 ? Number(o[0].lat) : Be,
-      lng: ((d = o == null ? void 0 : o[0]) == null ? void 0 : d.lng) !== void 0 ? Number(o[0].lng) : Ge
+      lat: ((d = o == null ? void 0 : o[0]) == null ? void 0 : d.lat) !== void 0 ? Number(o[0].lat) : Be,
+      lng: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.lng) !== void 0 ? Number(o[0].lng) : Ge
     },
     container: (t == null ? void 0 : t.current) || "",
     cooperativeGestures: !0,
@@ -979,26 +997,26 @@ const Jr = ({ palette: r, type: t }) => {
   openPopup: o,
   onMapClick: s,
   flyToDuration: l = 5e3,
-  fitBoundDuration: f = 1e3,
-  fitBounds: d = !0,
+  fitBoundDuration: d = 1e3,
+  fitBounds: p = !0,
   disableFlyTo: u = !1,
   fitBoundsPadding: v = 50,
-  mapStyle: p = "mapbox://styles/mapbox/streets-v12?optimize=true",
+  mapStyle: f = "mapbox://styles/mapbox/streets-v12?optimize=true",
   zoom: E = 6,
-  zoomFlyFrom: C = 3
+  zoomFlyFrom: R = 3
 }) => {
-  const { palette: D } = Dr(), [G, B] = De(!0), [H, w] = De(!0), R = se(null), S = se(null), X = !r || r.some((N) => N.lat === void 0 || N.lng === void 0);
+  const { palette: D } = Dr(), [G, B] = De(!0), [H, w] = De(!0), m = se(null), S = se(null), X = !r || r.some((N) => N.lat === void 0 || N.lng === void 0);
   return A(() => {
     if (!it()) {
       w(!1), B(!1);
       return;
     }
-    if (S.current || !R.current || t)
+    if (S.current || !m.current || t)
       return;
-    R.current.innerHTML !== "" && (R.current.innerHTML = "");
-    const N = at({ center: a, mapContainer: R, mapStyle: p, markers: r, zoomFlyFrom: C });
+    m.current.innerHTML !== "" && (m.current.innerHTML = "");
+    const N = at({ center: a, mapContainer: m, mapStyle: f, markers: r, zoomFlyFrom: R });
     S.current = new Lr(N);
-  }, [a, t, p, r, C]), Qr({ map: S, markers: r, markersAreInvalid: X, palette: D, setLoadingMapBox: B }), ot({ map: S, markers: r, openPopup: o }), qr({ center: a, map: S }), et({ map: S, onMapClick: s }), Vr({ disableFlyTo: u, fitBoundDuration: f, fitBounds: d, fitBoundsPadding: v, flyToDuration: l, map: S, markers: r, zoom: E }), A(
+  }, [a, t, f, r, R]), Qr({ map: S, markers: r, markersAreInvalid: X, palette: D, setLoadingMapBox: B }), ot({ map: S, markers: r, openPopup: o }), qr({ center: a, map: S }), et({ map: S, onMapClick: s }), Vr({ disableFlyTo: u, fitBoundDuration: d, fitBounds: p, fitBoundsPadding: v, flyToDuration: l, map: S, markers: r, zoom: E }), A(
     () => () => {
       S.current && (S.current.remove(), S.current = null);
     },
@@ -1006,12 +1024,12 @@ const Jr = ({ palette: r, type: t }) => {
   ), {
     loading: G || t,
     map: S,
-    mapContainer: R,
+    mapContainer: m,
     markers: r,
     webGLSupported: H
   };
 }, vt = ({ containerStyle: r, square: t, theme: a, height: o = 300, width: s = "100%", ...l }) => {
-  const { loading: f, mapContainer: d, webGLSupported: u } = st(l);
+  const { loading: d, mapContainer: p, webGLSupported: u } = st(l);
   return /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
     /* @__PURE__ */ O.jsx(
       Nr,
@@ -1030,8 +1048,8 @@ const Jr = ({ palette: r, type: t }) => {
     /* @__PURE__ */ O.jsx(
       Br,
       {
-        ref: d,
-        loading: f,
+        ref: p,
+        loading: d,
         height: o,
         width: s,
         containerStyle: r,
@@ -1042,8 +1060,8 @@ const Jr = ({ palette: r, type: t }) => {
   ] });
 }, Ve = (r, t) => Number.isFinite(r) && Number.isFinite(t) && r >= -90 && r <= 90 && t >= -180 && t <= 180;
 export {
-  kr as DEFAULT_CENTER_LAT,
-  Mr as DEFAULT_CENTER_LNG,
+  Mr as DEFAULT_CENTER_LAT,
+  kr as DEFAULT_CENTER_LNG,
   pt as MapProvider,
   Ur as MapProviderContext,
   vt as MarkerMap,

package/dist/main.umd.cjs

@@ -7,7 +7,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var le;function Xe(){if(le)return G;le=1;var t=R,r=Symbol.for("react.element"),a=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,s=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function f(d,u,v){var p,b={},T=null,k=null;v!==void 0&&(T=""+v),u.key!==void 0&&(T=""+u.key),u.ref!==void 0&&(k=u.ref);for(p in u)o.call(u,p)&&!l.hasOwnProperty(p)&&(b[p]=u[p]);if(d&&d.defaultProps)for(p in u=d.defaultProps,u)b[p]===void 0&&(b[p]=u[p]);return{$$typeof:r,type:d,key:T,ref:k,props:b,_owner:s.current}}return G.Fragment=a,G.jsx=f,G.jsxs=f,G}var B={};/**
+ */var le;function Xe(){if(le)return G;le=1;var t=R,r=Symbol.for("react.element"),a=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,s=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function d(p,u,v){var f,b={},_=null,M=null;v!==void 0&&(_=""+v),u.key!==void 0&&(_=""+u.key),u.ref!==void 0&&(M=u.ref);for(f in u)o.call(u,f)&&!l.hasOwnProperty(f)&&(b[f]=u[f]);if(p&&p.defaultProps)for(f in u=p.defaultProps,u)b[f]===void 0&&(b[f]=u[f]);return{$$typeof:r,type:p,key:_,ref:M,props:b,_owner:s.current}}return G.Fragment=a,G.jsx=d,G.jsxs=d,G}var B={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -15,17 +15,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var fe;function qe(){return fe||(fe=1,process.env.NODE_ENV!=="production"&&function(){var t=R,r=Symbol.for("react.element"),a=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),l=Symbol.for("react.profiler"),f=Symbol.for("react.provider"),d=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),K=Symbol.iterator,H="@@iterator";function ee(e){if(e===null||typeof e!="object")return null;var n=K&&e[K]||e[H];return typeof n=="function"?n:null}var L=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function _(e){{for(var n=arguments.length,i=new Array(n>1?n-1:0),c=1;c<n;c++)i[c-1]=arguments[c];O("error",e,i)}}function O(e,n,i){{var c=L.ReactDebugCurrentFrame,E=c.getStackAddendum();E!==""&&(n+="%s",i=i.concat([E]));var h=i.map(function(g){return String(g)});h.unshift("Warning: "+n),Function.prototype.apply.call(console[e],console,h)}}var te=!1,I=!1,bt=!1,ht=!1,Rt=!1,Ce;Ce=Symbol.for("react.module.reference");function _t(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===l||Rt||e===s||e===v||e===p||ht||e===k||te||I||bt||typeof e=="object"&&e!==null&&(e.$$typeof===T||e.$$typeof===b||e.$$typeof===f||e.$$typeof===d||e.$$typeof===u||e.$$typeof===Ce||e.getModuleId!==void 0))}function Ct(e,n,i){var c=e.displayName;if(c)return c;var E=n.displayName||n.name||"";return E!==""?i+"("+E+")":i}function me(e){return e.displayName||"Context"}function A(e){if(e==null)return null;if(typeof e.tag=="number"&&_("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case o:return"Fragment";case a:return"Portal";case l:return"Profiler";case s:return"StrictMode";case v:return"Suspense";case p:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case d:var n=e;return me(n)+".Consumer";case f:var i=e;return me(i._context)+".Provider";case u:return Ct(e,e.render,"ForwardRef");case b:var c=e.displayName||null;return c!==null?c:A(e.type)||"Memo";case T:{var E=e,h=E._payload,g=E._init;try{return A(g(h))}catch{return null}}}return null}var F=Object.assign,V=0,Te,xe,Se,Pe,Oe,we,je;function Le(){}Le.__reactDisabledLog=!0;function mt(){{if(V===0){Te=console.log,xe=console.info,Se=console.warn,Pe=console.error,Oe=console.group,we=console.groupCollapsed,je=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Le,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}V++}}function Tt(){{if(V--,V===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:Te}),info:F({},e,{value:xe}),warn:F({},e,{value:Se}),error:F({},e,{value:Pe}),group:F({},e,{value:Oe}),groupCollapsed:F({},e,{value:we}),groupEnd:F({},e,{value:je})})}V<0&&_("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var re=L.ReactCurrentDispatcher,ne;function X(e,n,i){{if(ne===void 0)try{throw Error()}catch(E){var c=E.stack.trim().match(/\n( *(at )?)/);ne=c&&c[1]||""}return`
-`+ne+e}}var oe=!1,q;{var xt=typeof WeakMap=="function"?WeakMap:Map;q=new xt}function Ae(e,n){if(!e||oe)return"";{var i=q.get(e);if(i!==void 0)return i}var c;oe=!0;var E=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var h;h=re.current,re.current=null,mt();try{if(n){var g=function(){throw Error()};if(Object.defineProperty(g.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(g,[])}catch(P){c=P}Reflect.construct(e,[],g)}else{try{g.call()}catch(P){c=P}e.call(g.prototype)}}else{try{throw Error()}catch(P){c=P}e()}}catch(P){if(P&&c&&typeof P.stack=="string"){for(var y=P.stack.split(`
-`),S=c.stack.split(`
-`),C=y.length-1,m=S.length-1;C>=1&&m>=0&&y[C]!==S[m];)m--;for(;C>=1&&m>=0;C--,m--)if(y[C]!==S[m]){if(C!==1||m!==1)do if(C--,m--,m<0||y[C]!==S[m]){var w=`
-`+y[C].replace(" at new "," at ");return e.displayName&&w.includes("<anonymous>")&&(w=w.replace("<anonymous>",e.displayName)),typeof e=="function"&&q.set(e,w),w}while(C>=1&&m>=0);break}}}finally{oe=!1,re.current=h,Tt(),Error.prepareStackTrace=E}var U=e?e.displayName||e.name:"",N=U?X(U):"";return typeof e=="function"&&q.set(e,N),N}function St(e,n,i){return Ae(e,!1)}function Pt(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function Z(e,n,i){if(e==null)return"";if(typeof e=="function")return Ae(e,Pt(e));if(typeof e=="string")return X(e);switch(e){case v:return X("Suspense");case p:return X("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case u:return St(e.render);case b:return Z(e.type,n,i);case T:{var c=e,E=c._payload,h=c._init;try{return Z(h(E),n,i)}catch{}}}return""}var z=Object.prototype.hasOwnProperty,Fe={},Ne=L.ReactDebugCurrentFrame;function Q(e){if(e){var n=e._owner,i=Z(e.type,e._source,n?n.type:null);Ne.setExtraStackFrame(i)}else Ne.setExtraStackFrame(null)}function Ot(e,n,i,c,E){{var h=Function.call.bind(z);for(var g in e)if(h(e,g)){var y=void 0;try{if(typeof e[g]!="function"){var S=Error((c||"React class")+": "+i+" type `"+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[g]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw S.name="Invariant Violation",S}y=e[g](n,g,c,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(C){y=C}y&&!(y instanceof Error)&&(Q(E),_("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",c||"React class",i,g,typeof y),Q(null)),y instanceof Error&&!(y.message in Fe)&&(Fe[y.message]=!0,Q(E),_("Failed %s type: %s",i,y.message),Q(null))}}}var wt=Array.isArray;function ie(e){return wt(e)}function jt(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,i=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function Lt(e){try{return De(e),!1}catch{return!0}}function De(e){return""+e}function Me(e){if(Lt(e))return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",jt(e)),De(e)}var ke=L.ReactCurrentOwner,At={key:!0,ref:!0,__self:!0,__source:!0},Ie,We;function Ft(e){if(z.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function Nt(e){if(z.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function Dt(e,n){typeof e.ref=="string"&&ke.current}function Mt(e,n){{var i=function(){Ie||(Ie=!0,_("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function kt(e,n){{var i=function(){We||(We=!0,_("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var It=function(e,n,i,c,E,h,g){var y={$$typeof:r,type:e,key:n,ref:i,props:g,_owner:h};return y._store={},Object.defineProperty(y._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(y,"_self",{configurable:!1,enumerable:!1,writable:!1,value:c}),Object.defineProperty(y,"_source",{configurable:!1,enumerable:!1,writable:!1,value:E}),Object.freeze&&(Object.freeze(y.props),Object.freeze(y)),y};function Wt(e,n,i,c,E){{var h,g={},y=null,S=null;i!==void 0&&(Me(i),y=""+i),Nt(n)&&(Me(n.key),y=""+n.key),Ft(n)&&(S=n.ref,Dt(n,E));for(h in n)z.call(n,h)&&!At.hasOwnProperty(h)&&(g[h]=n[h]);if(e&&e.defaultProps){var C=e.defaultProps;for(h in C)g[h]===void 0&&(g[h]=C[h])}if(y||S){var m=typeof e=="function"?e.displayName||e.name||"Unknown":e;y&&Mt(g,m),S&&kt(g,m)}return It(e,y,S,E,c,ke.current,g)}}var ae=L.ReactCurrentOwner,Ue=L.ReactDebugCurrentFrame;function W(e){if(e){var n=e._owner,i=Z(e.type,e._source,n?n.type:null);Ue.setExtraStackFrame(i)}else Ue.setExtraStackFrame(null)}var se;se=!1;function ue(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Ye(){{if(ae.current){var e=A(ae.current.type);if(e)return`
+ */var fe;function qe(){return fe||(fe=1,process.env.NODE_ENV!=="production"&&function(){var t=R,r=Symbol.for("react.element"),a=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),l=Symbol.for("react.profiler"),d=Symbol.for("react.provider"),p=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),_=Symbol.for("react.lazy"),M=Symbol.for("react.offscreen"),K=Symbol.iterator,H="@@iterator";function ee(e){if(e===null||typeof e!="object")return null;var n=K&&e[K]||e[H];return typeof n=="function"?n:null}var L=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function m(e){{for(var n=arguments.length,i=new Array(n>1?n-1:0),c=1;c<n;c++)i[c-1]=arguments[c];O("error",e,i)}}function O(e,n,i){{var c=L.ReactDebugCurrentFrame,E=c.getStackAddendum();E!==""&&(n+="%s",i=i.concat([E]));var h=i.map(function(g){return String(g)});h.unshift("Warning: "+n),Function.prototype.apply.call(console[e],console,h)}}var te=!1,I=!1,bt=!1,ht=!1,Rt=!1,me;me=Symbol.for("react.module.reference");function _t(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===l||Rt||e===s||e===v||e===f||ht||e===M||te||I||bt||typeof e=="object"&&e!==null&&(e.$$typeof===_||e.$$typeof===b||e.$$typeof===d||e.$$typeof===p||e.$$typeof===u||e.$$typeof===me||e.getModuleId!==void 0))}function mt(e,n,i){var c=e.displayName;if(c)return c;var E=n.displayName||n.name||"";return E!==""?i+"("+E+")":i}function Ce(e){return e.displayName||"Context"}function A(e){if(e==null)return null;if(typeof e.tag=="number"&&m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case o:return"Fragment";case a:return"Portal";case l:return"Profiler";case s:return"StrictMode";case v:return"Suspense";case f:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case p:var n=e;return Ce(n)+".Consumer";case d:var i=e;return Ce(i._context)+".Provider";case u:return mt(e,e.render,"ForwardRef");case b:var c=e.displayName||null;return c!==null?c:A(e.type)||"Memo";case _:{var E=e,h=E._payload,g=E._init;try{return A(g(h))}catch{return null}}}return null}var F=Object.assign,V=0,Te,xe,Pe,Se,Oe,we,je;function Le(){}Le.__reactDisabledLog=!0;function Ct(){{if(V===0){Te=console.log,xe=console.info,Pe=console.warn,Se=console.error,Oe=console.group,we=console.groupCollapsed,je=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Le,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}V++}}function Tt(){{if(V--,V===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:Te}),info:F({},e,{value:xe}),warn:F({},e,{value:Pe}),error:F({},e,{value:Se}),group:F({},e,{value:Oe}),groupCollapsed:F({},e,{value:we}),groupEnd:F({},e,{value:je})})}V<0&&m("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var re=L.ReactCurrentDispatcher,ne;function X(e,n,i){{if(ne===void 0)try{throw Error()}catch(E){var c=E.stack.trim().match(/\n( *(at )?)/);ne=c&&c[1]||""}return`
+`+ne+e}}var oe=!1,q;{var xt=typeof WeakMap=="function"?WeakMap:Map;q=new xt}function Ae(e,n){if(!e||oe)return"";{var i=q.get(e);if(i!==void 0)return i}var c;oe=!0;var E=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var h;h=re.current,re.current=null,Ct();try{if(n){var g=function(){throw Error()};if(Object.defineProperty(g.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(g,[])}catch(S){c=S}Reflect.construct(e,[],g)}else{try{g.call()}catch(S){c=S}e.call(g.prototype)}}else{try{throw Error()}catch(S){c=S}e()}}catch(S){if(S&&c&&typeof S.stack=="string"){for(var y=S.stack.split(`
+`),P=c.stack.split(`
+`),C=y.length-1,T=P.length-1;C>=1&&T>=0&&y[C]!==P[T];)T--;for(;C>=1&&T>=0;C--,T--)if(y[C]!==P[T]){if(C!==1||T!==1)do if(C--,T--,T<0||y[C]!==P[T]){var w=`
+`+y[C].replace(" at new "," at ");return e.displayName&&w.includes("<anonymous>")&&(w=w.replace("<anonymous>",e.displayName)),typeof e=="function"&&q.set(e,w),w}while(C>=1&&T>=0);break}}}finally{oe=!1,re.current=h,Tt(),Error.prepareStackTrace=E}var U=e?e.displayName||e.name:"",N=U?X(U):"";return typeof e=="function"&&q.set(e,N),N}function Pt(e,n,i){return Ae(e,!1)}function St(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function Z(e,n,i){if(e==null)return"";if(typeof e=="function")return Ae(e,St(e));if(typeof e=="string")return X(e);switch(e){case v:return X("Suspense");case f:return X("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case u:return Pt(e.render);case b:return Z(e.type,n,i);case _:{var c=e,E=c._payload,h=c._init;try{return Z(h(E),n,i)}catch{}}}return""}var z=Object.prototype.hasOwnProperty,Fe={},Ne=L.ReactDebugCurrentFrame;function Q(e){if(e){var n=e._owner,i=Z(e.type,e._source,n?n.type:null);Ne.setExtraStackFrame(i)}else Ne.setExtraStackFrame(null)}function Ot(e,n,i,c,E){{var h=Function.call.bind(z);for(var g in e)if(h(e,g)){var y=void 0;try{if(typeof e[g]!="function"){var P=Error((c||"React class")+": "+i+" type `"+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[g]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw P.name="Invariant Violation",P}y=e[g](n,g,c,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(C){y=C}y&&!(y instanceof Error)&&(Q(E),m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",c||"React class",i,g,typeof y),Q(null)),y instanceof Error&&!(y.message in Fe)&&(Fe[y.message]=!0,Q(E),m("Failed %s type: %s",i,y.message),Q(null))}}}var wt=Array.isArray;function ie(e){return wt(e)}function jt(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,i=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function Lt(e){try{return De(e),!1}catch{return!0}}function De(e){return""+e}function ke(e){if(Lt(e))return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",jt(e)),De(e)}var Me=L.ReactCurrentOwner,At={key:!0,ref:!0,__self:!0,__source:!0},Ie,We;function Ft(e){if(z.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function Nt(e){if(z.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function Dt(e,n){typeof e.ref=="string"&&Me.current}function kt(e,n){{var i=function(){Ie||(Ie=!0,m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function Mt(e,n){{var i=function(){We||(We=!0,m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var It=function(e,n,i,c,E,h,g){var y={$$typeof:r,type:e,key:n,ref:i,props:g,_owner:h};return y._store={},Object.defineProperty(y._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(y,"_self",{configurable:!1,enumerable:!1,writable:!1,value:c}),Object.defineProperty(y,"_source",{configurable:!1,enumerable:!1,writable:!1,value:E}),Object.freeze&&(Object.freeze(y.props),Object.freeze(y)),y};function Wt(e,n,i,c,E){{var h,g={},y=null,P=null;i!==void 0&&(ke(i),y=""+i),Nt(n)&&(ke(n.key),y=""+n.key),Ft(n)&&(P=n.ref,Dt(n,E));for(h in n)z.call(n,h)&&!At.hasOwnProperty(h)&&(g[h]=n[h]);if(e&&e.defaultProps){var C=e.defaultProps;for(h in C)g[h]===void 0&&(g[h]=C[h])}if(y||P){var T=typeof e=="function"?e.displayName||e.name||"Unknown":e;y&&kt(g,T),P&&Mt(g,T)}return It(e,y,P,E,c,Me.current,g)}}var ae=L.ReactCurrentOwner,Ue=L.ReactDebugCurrentFrame;function W(e){if(e){var n=e._owner,i=Z(e.type,e._source,n?n.type:null);Ue.setExtraStackFrame(i)}else Ue.setExtraStackFrame(null)}var se;se=!1;function ue(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Ye(){{if(ae.current){var e=A(ae.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function Ut(e){return""}var Ge={};function Yt(e){{var n=Ye();if(!n){var i=typeof e=="string"?e:e.displayName||e.name;i&&(n=`
 
-Check the top-level render call using <`+i+">.")}return n}}function Be(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=Yt(n);if(Ge[i])return;Ge[i]=!0;var c="";e&&e._owner&&e._owner!==ae.current&&(c=" It was passed a child from "+A(e._owner.type)+"."),W(e),_('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,c),W(null)}}function Ve(e,n){{if(typeof e!="object")return;if(ie(e))for(var i=0;i<e.length;i++){var c=e[i];ue(c)&&Be(c,n)}else if(ue(e))e._store&&(e._store.validated=!0);else if(e){var E=ee(e);if(typeof E=="function"&&E!==e.entries)for(var h=E.call(e),g;!(g=h.next()).done;)ue(g.value)&&Be(g.value,n)}}}function Gt(e){{var n=e.type;if(n==null||typeof n=="string")return;var i;if(typeof n=="function")i=n.propTypes;else if(typeof n=="object"&&(n.$$typeof===u||n.$$typeof===b))i=n.propTypes;else return;if(i){var c=A(n);Ot(i,e.props,"prop",c,e)}else if(n.PropTypes!==void 0&&!se){se=!0;var E=A(n);_("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",E||"Unknown")}typeof n.getDefaultProps=="function"&&!n.getDefaultProps.isReactClassApproved&&_("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Bt(e){{for(var n=Object.keys(e.props),i=0;i<n.length;i++){var c=n[i];if(c!=="children"&&c!=="key"){W(e),_("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",c),W(null);break}}e.ref!==null&&(W(e),_("Invalid attribute `ref` supplied to `React.Fragment`."),W(null))}}var ze={};function Je(e,n,i,c,E,h){{var g=_t(e);if(!g){var y="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(y+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var S=Ut();S?y+=S:y+=Ye();var C;e===null?C="null":ie(e)?C="array":e!==void 0&&e.$$typeof===r?(C="<"+(A(e.type)||"Unknown")+" />",y=" Did you accidentally export a JSX literal instead of a component?"):C=typeof e,_("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",C,y)}var m=Wt(e,n,i,E,h);if(m==null)return m;if(g){var w=n.children;if(w!==void 0)if(c)if(ie(w)){for(var U=0;U<w.length;U++)Ve(w[U],e);Object.freeze&&Object.freeze(w)}else _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ve(w,e)}if(z.call(n,"key")){var N=A(e),P=Object.keys(n).filter(function(Xt){return Xt!=="key"}),ce=P.length>0?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}";if(!ze[N+ce]){var Ht=P.length>0?"{"+P.join(": ..., ")+": ...}":"{}";_(`A props object containing a "key" prop is being spread into JSX:
+Check the top-level render call using <`+i+">.")}return n}}function Be(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=Yt(n);if(Ge[i])return;Ge[i]=!0;var c="";e&&e._owner&&e._owner!==ae.current&&(c=" It was passed a child from "+A(e._owner.type)+"."),W(e),m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,c),W(null)}}function Ve(e,n){{if(typeof e!="object")return;if(ie(e))for(var i=0;i<e.length;i++){var c=e[i];ue(c)&&Be(c,n)}else if(ue(e))e._store&&(e._store.validated=!0);else if(e){var E=ee(e);if(typeof E=="function"&&E!==e.entries)for(var h=E.call(e),g;!(g=h.next()).done;)ue(g.value)&&Be(g.value,n)}}}function Gt(e){{var n=e.type;if(n==null||typeof n=="string")return;var i;if(typeof n=="function")i=n.propTypes;else if(typeof n=="object"&&(n.$$typeof===u||n.$$typeof===b))i=n.propTypes;else return;if(i){var c=A(n);Ot(i,e.props,"prop",c,e)}else if(n.PropTypes!==void 0&&!se){se=!0;var E=A(n);m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",E||"Unknown")}typeof n.getDefaultProps=="function"&&!n.getDefaultProps.isReactClassApproved&&m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Bt(e){{for(var n=Object.keys(e.props),i=0;i<n.length;i++){var c=n[i];if(c!=="children"&&c!=="key"){W(e),m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",c),W(null);break}}e.ref!==null&&(W(e),m("Invalid attribute `ref` supplied to `React.Fragment`."),W(null))}}var ze={};function Je(e,n,i,c,E,h){{var g=_t(e);if(!g){var y="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(y+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var P=Ut();P?y+=P:y+=Ye();var C;e===null?C="null":ie(e)?C="array":e!==void 0&&e.$$typeof===r?(C="<"+(A(e.type)||"Unknown")+" />",y=" Did you accidentally export a JSX literal instead of a component?"):C=typeof e,m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",C,y)}var T=Wt(e,n,i,E,h);if(T==null)return T;if(g){var w=n.children;if(w!==void 0)if(c)if(ie(w)){for(var U=0;U<w.length;U++)Ve(w[U],e);Object.freeze&&Object.freeze(w)}else m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ve(w,e)}if(z.call(n,"key")){var N=A(e),S=Object.keys(n).filter(function(Xt){return Xt!=="key"}),ce=S.length>0?"{key: someKey, "+S.join(": ..., ")+": ...}":"{key: someKey}";if(!ze[N+ce]){var Ht=S.length>0?"{"+S.join(": ..., ")+": ...}":"{}";m(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,ce,N,Ht,N),ze[N+ce]=!0}}return e===o?Bt(m):Gt(m),m}}function Vt(e,n,i){return Je(e,n,i,!0)}function zt(e,n,i){return Je(e,n,i,!1)}var Jt=zt,Kt=Vt;B.Fragment=o,B.jsx=Jt,B.jsxs=Kt}()),B}var de;function Ze(){return de||(de=1,process.env.NODE_ENV==="production"?J.exports=Xe():J.exports=qe()),J.exports}var j=Ze();const pe=R.createContext({licenceMapbox:"",licenseMuiX:""}),Qe=({children:t,licenseMuiX:r,licenceMapbox:a})=>{R.useEffect(()=>{r&&Ke.LicenseInfo.setLicenseKey(r)},[r]);const o=R.useMemo(()=>({licenceMapbox:a,licenseMuiX:r}),[r,a]);return a&&(Y.accessToken=a),j.jsx(pe.Provider,{value:o,children:t})},$e=({containerStyle:t,square:r,error:a,loading:o=!1,height:s=300,width:l="100%"},f)=>j.jsxs(D.Box,{sx:{position:"relative"},height:s,children:[j.jsx(D.Box,{sx:{alignItems:"center",borderRadius:r?0:1,display:"flex",justifyContent:"center",left:0,position:"absolute",top:0,zIndex:1,...t},ref:f,width:l,height:s,children:a&&j.jsx(D.Box,{textAlign:"center",children:a})}),o&&j.jsx(D.Skeleton,{sx:{left:0,position:"absolute",top:0,zIndex:0,...t},width:l,height:s,variant:r?"rectangular":"rounded"})]}),et=R.forwardRef($e),tt=({map:t,disableFlyTo:r,flyToDuration:a,zoom:o,fitBounds:s,markers:l,fitBoundDuration:f,fitBoundsPadding:d})=>{R.useEffect(()=>{if(!t.current||(r||t.current.flyTo({duration:a,zoom:o}),!s||!(l!=null&&l.length)||(l==null?void 0:l.length)<2))return;const u=new Y.LngLatBounds,v=l.filter(p=>{const b=Number(p.lng),T=Number(p.lat);return $(T,b)});if(!(v.length<2)){for(let p=0;p<v.length;p+=1){const b=Number(v[p].lng),T=Number(v[p].lat);u.extend([b,T])}t.current.fitBounds(u,{duration:f,padding:d})}},[l,s,d,a,o,f,r,t])},ve=t=>Array.isArray(t)?t.length>=2?[t[0],t[1]]:void 0:t,rt=({map:t,center:r})=>{R.useEffect(()=>{if(!t.current||!r)return;const a=Array.isArray(r)&&$(r[1],r[0])?ve(r):{lat:46.8677,lng:2.333};a&&t.current.setCenter(a)},[r,t])};var M={},ye;function nt(){if(ye)return M;ye=1;var t=He;if(process.env.NODE_ENV==="production")M.createRoot=t.createRoot,M.hydrateRoot=t.hydrateRoot;else{var r=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;M.createRoot=function(a,o){r.usingClientEntryPoint=!0;try{return t.createRoot(a,o)}finally{r.usingClientEntryPoint=!1}},M.hydrateRoot=function(a,o,s){r.usingClientEntryPoint=!0;try{return t.hydrateRoot(a,o,s)}finally{r.usingClientEntryPoint=!1}}}return M}var ge=nt();const ot=({palette:t,type:r})=>{const a=t.mode==="dark"?"black":"white",o=t.secondary.main,s=t.info.main;switch(r){case"dropOff":return{"circle-color":a,"circle-radius":5,"circle-stroke-color":s,"circle-stroke-width":6};default:return{"circle-color":a,"circle-radius":7,"circle-stroke-color":o,"circle-stroke-width":8}}},it=(t,r,a,o)=>{const s={features:a.map(f=>({geometry:{coordinates:f.geometry.coordinates,type:"Point"},properties:{id:f.properties.id,...f.properties},type:"Feature"})),type:"FeatureCollection"},l=t.getSource(r);l?l.setData(s):t.addSource(r,{data:s,type:"geojson"}),s.features.forEach(f=>{const{description:d,id:u}=f.properties||{},v=ot({palette:o,type:d}),p=`marker-${u}`;t.getLayer(p)?Object.entries(v||{}).forEach(([b,T])=>{t.setPaintProperty(p,b,T)}):t.addLayer({filter:["==","id",u],id:p,layout:{visibility:"visible"},paint:v,source:r,type:"circle"})})},at=(t,r)=>{document.querySelectorAll(".react-custom-marker").forEach(o=>o.remove()),r.forEach(o=>{const{IconComponent:s,iconProps:l,onClick:f}=o.properties||{},{coordinates:d}=o.geometry;if(s&&d.length>=2){const u=document.createElement("div");u.className="react-custom-marker",u.style.position="absolute";const v=document.createElement("div"),p=ge.createRoot(v);s&&p.render(R.createElement(s,l||{})),u.appendChild(v);const b=()=>{f==null||f(o)};u.addEventListener("click",b),new Y.Marker(u).setLngLat([d[0],d[1]]).addTo(t)}})},st=t=>({features:(t==null?void 0:t.map((r,a)=>({geometry:{coordinates:[Number.isFinite(Number(r.lng))?Number(r.lng):Number(Re),Number.isFinite(Number(r.lat))?Number(r.lat):Number(_e)],type:"Point"},properties:{description:r.type,IconComponent:r.IconComponent,iconProps:r.iconProps,id:r.id||`{marker-${a}}`,name:r.name,onClick:r.onClick,size:r.size||1,zIndex:r.zIndex||0},type:"Feature"})))||[],type:"FeatureCollection"}),ut=({map:t,setLoadingMapBox:r,palette:a,markers:o})=>{if(r(!1),!t.current)return;const s=st(o),l=s.features.filter(d=>{var u;return((u=d.properties)==null?void 0:u.IconComponent)===void 0});l.length&&it(t.current,"markerProps",l,a);const f=s.features.filter(d=>{var u;return(u=d.properties)==null?void 0:u.IconComponent});f.length&&at(t.current,f)},ct=({map:t,markers:r,markersAreInvalid:a,palette:o,setLoadingMapBox:s})=>{R.useEffect(()=>{if(!t.current||a)return;const l=()=>{r&&ut({map:t,markers:r,palette:o,setLoadingMapBox:s})};t.current.loaded()?l():t.current.once("load",l)},[t,r,a,o,s])},lt=({map:t,onMapClick:r})=>{R.useEffect(()=>{if(!t.current||!r)return;const a=t.current.getCanvas(),o=s=>{const l=[s.clientX-a.getBoundingClientRect().left,s.clientY-a.getBoundingClientRect().top],f=t.current.unproject(l);r(f.lng,f.lat)};a.addEventListener("click",o)},[t,r])},ft=t=>{const r=document.createElement("button");return r.innerText="×",r.style.position="absolute",r.style.top="5px",r.style.right="5px",r.style.background="transparent",r.style.border="none",r.style.fontSize="16px",r.style.padding="0",r.style.margin="10px",r.style.cursor="pointer",r.type="button",r.setAttribute("aria-label","Close popup"),r.removeAttribute("aria-hidden"),r.onclick=()=>t.remove(),r},Ee=({map:t,tooltip:r,coordinates:a})=>{if(!a||!r||!t.current||!Array.isArray(a)||a.length!==2)return null;const o=document.createElement("div");o.style.position="relative",o.style.overflow="hidden";const s=document.createElement("div");s.style.padding="10px",o.style.zIndex="1000";const l=ge.createRoot(s);l.render(r);const f=new Y.Popup({closeButton:!1}).setLngLat(a).setDOMContent(o).addTo(t.current);f.on("close",()=>{queueMicrotask(()=>{l.unmount()})});const d=ft(f);return o.appendChild(d),o.appendChild(s),f},be=t=>typeof t=="object"&&t!==null&&"type"in t&&"coordinates"in t,dt=t=>{if(typeof t!="object"||t===null||!("geometry"in t&&"properties"in t))return!1;const{geometry:a}=t;if(typeof a!="object"||a===null||!("coordinates"in a))return!1;const{coordinates:o}=a;if(!Array.isArray(o)||o.length!==2||!be(a))return!1;const{properties:s}=t;return typeof s!="object"||s===null?!1:"id"in s&&s.id!==void 0},pt=({map:t,point:r})=>{var s,l,f,d,u;if(!((s=t.current)!=null&&s.isStyleLoaded()))return null;const a=((d=(f=(l=t.current)==null?void 0:l.getStyle())==null?void 0:f.layers)==null?void 0:d.filter(v=>v.id.startsWith("marker-")).map(v=>v.id))||[],o=(u=t.current)==null?void 0:u.queryRenderedFeatures(r,{layers:a});if(o&&o.length>0){const v=o[0];if(!dt(v)||!be(v.geometry))return null;const{geometry:p}=v,b=p.coordinates.slice();return b.length!==2||typeof b[0]!="number"||typeof b[1]!="number"?null:v}},vt=({openPopup:t,map:r,markers:a})=>{const o=R.useRef(null);R.useEffect(()=>{if(!r.current||!a)return;const l=r.current.getCanvas();if(o.current&&(o.current.remove(),o.current=null),t){const d=a.find(u=>u.id===t);if(d){const u=[Number(d.lng)||0,Number(d.lat)||0],v=Ee({coordinates:u,map:r,tooltip:d.Tooltip});v&&(o.current=v)}}const f=d=>{const u=[d.clientX-l.getBoundingClientRect().left,d.clientY-l.getBoundingClientRect().top],v=pt({map:r,point:u});if(v&&v.properties&&v.properties.id){o.current&&(o.current.remove(),o.current=null);const p=a.find(b=>b.id===v.properties.id);if(p){const b=[Number(p.lng)||0,Number(p.lat)||0];requestAnimationFrame(()=>{const T=Ee({coordinates:b,map:r,tooltip:p.Tooltip});T&&(o.current=T)})}}};return l.addEventListener("click",f),()=>{l.removeEventListener("click",f),o.current&&(o.current.remove(),o.current=null)}},[r,a,t])},he=()=>{try{const t=document.createElement("canvas");return(t.getContext("webgl")||t.getContext("experimental-webgl"))instanceof WebGLRenderingContext}catch{return!1}},yt=({mapStyle:t,mapContainer:r,zoomFlyFrom:a,markers:o,center:s})=>{var f,d;return{center:s?ve(s):{lat:((f=o==null?void 0:o[0])==null?void 0:f.lat)!==void 0?Number(o[0].lat):_e,lng:((d=o==null?void 0:o[0])==null?void 0:d.lng)!==void 0?Number(o[0].lng):Re},container:(r==null?void 0:r.current)||"",cooperativeGestures:!0,failIfMajorPerformanceCaveat:!1,style:t,zoom:a}},Re=2.333,_e=46.8677,gt=({markers:t,loading:r,center:a,openPopup:o,onMapClick:s,flyToDuration:l=5e3,fitBoundDuration:f=1e3,fitBounds:d=!0,disableFlyTo:u=!1,fitBoundsPadding:v=50,mapStyle:p="mapbox://styles/mapbox/streets-v12?optimize=true",zoom:b=6,zoomFlyFrom:T=3})=>{const{palette:k}=D.useTheme(),[K,H]=R.useState(!0),[ee,L]=R.useState(!0),_=R.useRef(null),O=R.useRef(null),te=!t||t.some(I=>I.lat===void 0||I.lng===void 0);return R.useEffect(()=>{if(!he()){L(!1),H(!1);return}if(O.current||!_.current||r)return;_.current.innerHTML!==""&&(_.current.innerHTML="");const I=yt({center:a,mapContainer:_,mapStyle:p,markers:t,zoomFlyFrom:T});O.current=new Y.Map(I)},[a,r,p,t,T]),ct({map:O,markers:t,markersAreInvalid:te,palette:k,setLoadingMapBox:H}),vt({map:O,markers:t,openPopup:o}),rt({center:a,map:O}),lt({map:O,onMapClick:s}),tt({disableFlyTo:u,fitBoundDuration:f,fitBounds:d,fitBoundsPadding:v,flyToDuration:l,map:O,markers:t,zoom:b}),R.useEffect(()=>()=>{O.current&&(O.current.remove(),O.current=null)},[]),{loading:K||r,map:O,mapContainer:_,markers:t,webGLSupported:ee}},Et=({containerStyle:t,square:r,theme:a,height:o=300,width:s="100%",...l})=>{const{loading:f,mapContainer:d,webGLSupported:u}=gt(l);return j.jsxs(j.Fragment,{children:[j.jsx(D.GlobalStyles,{styles:{".mapboxgl-popup-content":{backgroundColor:"transparent!important",borderRadius:"0px !important",boxShadow:"none!important",padding:"0px 0px!important",width:"fit-content!important"}}}),j.jsx(et,{ref:d,loading:f,height:o,width:s,containerStyle:t,square:r,error:!u&&"WebGL is not enabled in your browser. This technology is required to display the interactive map."})]})},$=(t,r)=>Number.isFinite(t)&&Number.isFinite(r)&&t>=-90&&t<=90&&r>=-180&&r<=180;x.DEFAULT_CENTER_LAT=46.8677,x.DEFAULT_CENTER_LNG=2.333,x.MapProvider=Qe,x.MapProviderContext=pe,x.MarkerMap=Et,x.isValidLatLng=$,x.isWebGLSupported=he,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,ce,N,Ht,N),ze[N+ce]=!0}}return e===o?Bt(T):Gt(T),T}}function Vt(e,n,i){return Je(e,n,i,!0)}function zt(e,n,i){return Je(e,n,i,!1)}var Jt=zt,Kt=Vt;B.Fragment=o,B.jsx=Jt,B.jsxs=Kt}()),B}var de;function Ze(){return de||(de=1,process.env.NODE_ENV==="production"?J.exports=Xe():J.exports=qe()),J.exports}var j=Ze();const pe=R.createContext({licenceMapbox:"",licenseMuiX:""}),Qe=({children:t,licenseMuiX:r,licenceMapbox:a})=>{R.useEffect(()=>{r&&Ke.LicenseInfo.setLicenseKey(r)},[r]);const o=R.useMemo(()=>({licenceMapbox:a,licenseMuiX:r}),[r,a]);return a&&(Y.accessToken=a),j.jsx(pe.Provider,{value:o,children:t})},$e=({containerStyle:t,square:r,error:a,loading:o=!1,height:s=300,width:l="100%"},d)=>j.jsxs(D.Box,{sx:{position:"relative"},height:s,children:[j.jsx(D.Box,{sx:{alignItems:"center",borderRadius:r?0:1,display:"flex",justifyContent:"center",left:0,position:"absolute",top:0,zIndex:1,...t},ref:d,width:l,height:s,children:a&&j.jsx(D.Box,{textAlign:"center",children:a})}),o&&j.jsx(D.Skeleton,{sx:{left:0,position:"absolute",top:0,zIndex:0,...t},width:l,height:s,variant:r?"rectangular":"rounded"})]}),et=R.forwardRef($e),tt=({map:t,disableFlyTo:r,flyToDuration:a,zoom:o,fitBounds:s,markers:l,fitBoundDuration:d,fitBoundsPadding:p})=>{R.useEffect(()=>{if(!t.current||(r||t.current.flyTo({duration:a,zoom:o}),!s||!(l!=null&&l.length)||(l==null?void 0:l.length)<2))return;const u=new Y.LngLatBounds,v=l.filter(f=>{const b=Number(f.lng),_=Number(f.lat);return $(_,b)});if(!(v.length<2)){for(let f=0;f<v.length;f+=1){const b=Number(v[f].lng),_=Number(v[f].lat);u.extend([b,_])}t.current.fitBounds(u,{duration:d,padding:p})}},[l,s,p,a,o,d,r,t])},ve=t=>Array.isArray(t)?t.length>=2?[t[0],t[1]]:void 0:t,rt=({map:t,center:r})=>{R.useEffect(()=>{if(!t.current||!r)return;const a=Array.isArray(r)&&$(r[1],r[0])?ve(r):{lat:46.8677,lng:2.333};a&&t.current.setCenter(a)},[r,t])};var k={},ye;function nt(){if(ye)return k;ye=1;var t=He;if(process.env.NODE_ENV==="production")k.createRoot=t.createRoot,k.hydrateRoot=t.hydrateRoot;else{var r=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;k.createRoot=function(a,o){r.usingClientEntryPoint=!0;try{return t.createRoot(a,o)}finally{r.usingClientEntryPoint=!1}},k.hydrateRoot=function(a,o,s){r.usingClientEntryPoint=!0;try{return t.hydrateRoot(a,o,s)}finally{r.usingClientEntryPoint=!1}}}return k}var ge=nt();const ot=({palette:t,type:r})=>{const a=t.mode==="dark"?"black":"white",o=t.secondary.main,s=t.info.main;switch(r){case"dropOff":return{"circle-color":a,"circle-radius":5,"circle-stroke-color":s,"circle-stroke-width":6};default:return{"circle-color":a,"circle-radius":7,"circle-stroke-color":o,"circle-stroke-width":8}}},it=(t,r,a,o)=>{const s={features:a.map(d=>({geometry:{coordinates:d.geometry.coordinates,type:"Point"},properties:{id:d.properties.id,...d.properties},type:"Feature"})),type:"FeatureCollection"},l=t.getSource(r);l?l.setData(s):t.addSource(r,{data:s,type:"geojson"}),s.features.forEach(d=>{const{description:p,id:u}=d.properties||{},v=ot({palette:o,type:p}),f=`marker-${u}`;t.getLayer(f)?Object.entries(v||{}).forEach(([b,_])=>{t.setPaintProperty(f,b,_)}):t.addLayer({filter:["==","id",u],id:f,layout:{visibility:"visible"},paint:v,source:r,type:"circle"})})},at=(t,r)=>{document.querySelectorAll(".react-custom-marker").forEach(o=>o.remove()),r.forEach(o=>{const{IconComponent:s,iconProps:l,onClick:d}=o.properties||{},{coordinates:p}=o.geometry;if(s&&p.length>=2){const u=document.createElement("div");u.className="react-custom-marker",u.style.position="absolute";const v=document.createElement("div"),f=ge.createRoot(v);s&&f.render(R.createElement(s,l||{})),u.appendChild(v);const b=()=>{d==null||d(o)};u.addEventListener("click",b),new Y.Marker(u).setLngLat([p[0],p[1]]).addTo(t)}})},st=t=>({features:(t==null?void 0:t.map((r,a)=>({geometry:{coordinates:[Number.isFinite(Number(r.lng))?Number(r.lng):Number(Re),Number.isFinite(Number(r.lat))?Number(r.lat):Number(_e)],type:"Point"},properties:{description:r.type,IconComponent:r.IconComponent,iconProps:r.iconProps,id:r.id||`{marker-${a}}`,name:r.name,onClick:r.onClick,size:r.size||1,zIndex:r.zIndex||0},type:"Feature"})))||[],type:"FeatureCollection"}),ut=({map:t,setLoadingMapBox:r,palette:a,markers:o})=>{if(r(!1),!t.current)return;const s=st(o),l=s.features.filter(p=>{var u;return((u=p.properties)==null?void 0:u.IconComponent)===void 0});l.length&&it(t.current,"markerProps",l,a);const d=s.features.filter(p=>{var u;return(u=p.properties)==null?void 0:u.IconComponent});d.length&&at(t.current,d)},ct=({map:t,markers:r,markersAreInvalid:a,palette:o,setLoadingMapBox:s})=>{R.useEffect(()=>{if(!t.current||a)return;const l=()=>{r&&ut({map:t,markers:r,palette:o,setLoadingMapBox:s})};t.current.loaded()?l():t.current.once("load",l)},[t,r,a,o,s])},lt=({map:t,onMapClick:r})=>{R.useEffect(()=>{if(!t.current||!r)return;const a=t.current.getCanvas(),o=s=>{const l=[s.clientX-a.getBoundingClientRect().left,s.clientY-a.getBoundingClientRect().top],d=t.current.unproject(l);r(d.lng,d.lat)};a.addEventListener("click",o)},[t,r])},ft=t=>{const r=document.createElement("button");return r.innerText="×",r.style.position="absolute",r.style.top="5px",r.style.right="5px",r.style.background="transparent",r.style.border="none",r.style.fontSize="16px",r.style.padding="0",r.style.margin="10px",r.style.cursor="pointer",r.type="button",r.setAttribute("aria-label","Close popup"),r.removeAttribute("aria-hidden"),r.onclick=()=>t.remove(),r},Ee=({map:t,tooltip:r,coordinates:a})=>{if(!a||!r||!t.current||!Array.isArray(a)||a.length!==2)return null;const o=document.createElement("div");o.style.position="relative",o.style.overflow="hidden";const s=document.createElement("div");s.style.padding="10px",o.style.zIndex="1000";const l=ge.createRoot(s);l.render(r);const d=new Y.Popup({closeButton:!1}).setLngLat(a).setDOMContent(o).addTo(t.current);d.on("close",()=>{queueMicrotask(()=>{l.unmount()})});const p=ft(d);return o.appendChild(p),o.appendChild(s),d},be=t=>typeof t=="object"&&t!==null&&"type"in t&&"coordinates"in t,dt=t=>{if(typeof t!="object"||t===null||!("geometry"in t&&"properties"in t))return!1;const{geometry:a}=t;if(typeof a!="object"||a===null||!("coordinates"in a))return!1;const{coordinates:o}=a;if(!Array.isArray(o)||o.length!==2||!be(a))return!1;const{properties:s}=t;return typeof s!="object"||s===null?!1:"id"in s&&s.id!==void 0},pt=({map:t,point:r})=>{var s,l,d,p,u;if(!((s=t.current)!=null&&s.isStyleLoaded()))return null;const a=((p=(d=(l=t.current)==null?void 0:l.getStyle())==null?void 0:d.layers)==null?void 0:p.filter(v=>v.id.startsWith("marker-")).map(v=>v.id))||[],o=(u=t.current)==null?void 0:u.queryRenderedFeatures(r,{layers:a});if(o&&o.length>0){const v=o[0];if(!dt(v)||!be(v.geometry))return null;const{geometry:f}=v,b=f.coordinates.slice();return b.length!==2||typeof b[0]!="number"||typeof b[1]!="number"?null:v}},vt=({openPopup:t,map:r,markers:a})=>{const o=R.useRef(null);R.useEffect(()=>{if(!r.current||!a)return;const l=r.current.getCanvas();if(o.current&&(o.current.remove(),o.current=null),t){const p=a.find(u=>u.id===t);if(p){const u=[Number(p.lng)||0,Number(p.lat)||0],v=Ee({coordinates:u,map:r,tooltip:p.Tooltip});v&&(o.current=v)}}const d=p=>{const u=[p.clientX-l.getBoundingClientRect().left,p.clientY-l.getBoundingClientRect().top],v=pt({map:r,point:u});if(v&&v.properties&&v.properties.id){o.current&&(o.current.remove(),o.current=null);const f=a.find(b=>b.id===v.properties.id);if(f){const b=[Number(f.lng)||0,Number(f.lat)||0];if(typeof f.onClick=="function"){const _={geometry:{coordinates:b,type:"Point"},properties:{description:f.name,id:f.id,name:f.name,onClick:f.onClick,size:f.size||1,zIndex:f.zIndex||1},type:"Feature"};f.onClick(_)}requestAnimationFrame(()=>{const _=Ee({coordinates:b,map:r,tooltip:f.Tooltip});_&&(o.current=_)})}}};return l.addEventListener("click",d),()=>{l.removeEventListener("click",d),o.current&&(o.current.remove(),o.current=null)}},[r,a,t])},he=()=>{try{const t=document.createElement("canvas");return(t.getContext("webgl")||t.getContext("experimental-webgl"))instanceof WebGLRenderingContext}catch{return!1}},yt=({mapStyle:t,mapContainer:r,zoomFlyFrom:a,markers:o,center:s})=>{var d,p;return{center:s?ve(s):{lat:((d=o==null?void 0:o[0])==null?void 0:d.lat)!==void 0?Number(o[0].lat):_e,lng:((p=o==null?void 0:o[0])==null?void 0:p.lng)!==void 0?Number(o[0].lng):Re},container:(r==null?void 0:r.current)||"",cooperativeGestures:!0,failIfMajorPerformanceCaveat:!1,style:t,zoom:a}},Re=2.333,_e=46.8677,gt=({markers:t,loading:r,center:a,openPopup:o,onMapClick:s,flyToDuration:l=5e3,fitBoundDuration:d=1e3,fitBounds:p=!0,disableFlyTo:u=!1,fitBoundsPadding:v=50,mapStyle:f="mapbox://styles/mapbox/streets-v12?optimize=true",zoom:b=6,zoomFlyFrom:_=3})=>{const{palette:M}=D.useTheme(),[K,H]=R.useState(!0),[ee,L]=R.useState(!0),m=R.useRef(null),O=R.useRef(null),te=!t||t.some(I=>I.lat===void 0||I.lng===void 0);return R.useEffect(()=>{if(!he()){L(!1),H(!1);return}if(O.current||!m.current||r)return;m.current.innerHTML!==""&&(m.current.innerHTML="");const I=yt({center:a,mapContainer:m,mapStyle:f,markers:t,zoomFlyFrom:_});O.current=new Y.Map(I)},[a,r,f,t,_]),ct({map:O,markers:t,markersAreInvalid:te,palette:M,setLoadingMapBox:H}),vt({map:O,markers:t,openPopup:o}),rt({center:a,map:O}),lt({map:O,onMapClick:s}),tt({disableFlyTo:u,fitBoundDuration:d,fitBounds:p,fitBoundsPadding:v,flyToDuration:l,map:O,markers:t,zoom:b}),R.useEffect(()=>()=>{O.current&&(O.current.remove(),O.current=null)},[]),{loading:K||r,map:O,mapContainer:m,markers:t,webGLSupported:ee}},Et=({containerStyle:t,square:r,theme:a,height:o=300,width:s="100%",...l})=>{const{loading:d,mapContainer:p,webGLSupported:u}=gt(l);return j.jsxs(j.Fragment,{children:[j.jsx(D.GlobalStyles,{styles:{".mapboxgl-popup-content":{backgroundColor:"transparent!important",borderRadius:"0px !important",boxShadow:"none!important",padding:"0px 0px!important",width:"fit-content!important"}}}),j.jsx(et,{ref:p,loading:d,height:o,width:s,containerStyle:t,square:r,error:!u&&"WebGL is not enabled in your browser. This technology is required to display the interactive map."})]})},$=(t,r)=>Number.isFinite(t)&&Number.isFinite(r)&&t>=-90&&t<=90&&r>=-180&&r<=180;x.DEFAULT_CENTER_LAT=46.8677,x.DEFAULT_CENTER_LNG=2.333,x.MapProvider=Qe,x.MapProviderContext=pe,x.MarkerMap=Et,x.isValidLatLng=$,x.isWebGLSupported=he,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -3,7 +3,7 @@
   "description": "A react library to easily display map with multiple tools",
   "private": false,
   "license": "UNLICENSED",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "type": "module",
   "main": "dist/main.umd.cjs",
   "module": "dist/main.js",