agvmap-react 0.1.47 → 0.1.49

package/dist/{LazyModalContent-C5UKrWqt.js → LazyModalContent-DZDF6cHd.js}

@@ -1,7 +1,7 @@
-import { jsxs as l, jsx as e, Fragment as A } from "react/jsx-runtime";
-import { useState as g, useContext as H, useCallback as d, useRef as P, useMemo as b, useEffect as U } from "react";
-import { M as V, u as W, a as O, B as q, T as y, b as G, C as J, c as K, d as Q, t as X, S as Y, e as Z, I as $, f as D, g as L, h as ee } from "./index-Df_WMhdb.js";
-const ae = (a) => /* @__PURE__ */ l(
+import { jsxs as o, jsx as e, Fragment as A } from "react/jsx-runtime";
+import { useState as u, useContext as H, useCallback as d, useRef as P, useMemo as w, useEffect as U } from "react";
+import { M as V, u as W, a as O, B as q, T as y, b as G, C as J, c as K, d as Q, t as X, S as Y, e as Z, I as $, f as D, g as L, h as ee } from "./index-6fJ6yDFf.js";
+const ae = (a) => /* @__PURE__ */ o(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -33,10 +33,10 @@ const ae = (a) => /* @__PURE__ */ l(
       )
     ]
   }
-), te = ({ marker: a, markerId: v, buttonClassName: u = "" }) => {
-  const [c, i] = g(!1), { handleMarkerUpdate: s } = H(V), h = W(), M = d(() => {
-    i((f) => !f);
-  }, []), m = (f) => s(f);
+), te = ({ marker: a, markerId: v, buttonClassName: f = "" }) => {
+  const [c, i] = u(!1), { handleMarkerUpdate: s } = H(V), h = W(), M = d(() => {
+    i((g) => !g);
+  }, []), m = (g) => (console.log("data after editing", g), console.log("data before editing", a), s(g));
   return /* @__PURE__ */ e(
     O,
     {
@@ -72,12 +72,12 @@ const ae = (a) => /* @__PURE__ */ l(
       ) })
     }
   );
-}, se = ({ marker: a, onMarkerClick: v, onDeleteMarker: u, markersData: c, intl: i }) => /* @__PURE__ */ e("div", { className: "marker-item rounded-md hover:bg-gray-50 dark:hover:bg-gray-700 p-2 mb-2", children: /* @__PURE__ */ e("div", { className: "marker-item-info", children: /* @__PURE__ */ l("div", { className: "flex justify-between items-center gap-2", children: [
-  /* @__PURE__ */ l("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-    /* @__PURE__ */ e(D, { className: "h-4 w-4 text-primary shrink-0" }),
-    /* @__PURE__ */ e("h5", { className: "text-sm font-medium text-gray-800 dark:text-gray-200 wrap-break-word leading-tight", children: a == null ? void 0 : a.title })
+}, se = ({ marker: a, onMarkerClick: v, onDeleteMarker: f, markersData: c, intl: i }) => /* @__PURE__ */ e("div", { className: "marker-item rounded-md hover:bg-gray-50 dark:hover:bg-gray-700 p-2 mb-2", children: /* @__PURE__ */ e("div", { className: "marker-item-info", children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center gap-2", children: [
+  /* @__PURE__ */ o("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+    /* @__PURE__ */ e(D, { className: "h-4 w-4 text-primary flex-shrink-0" }),
+    /* @__PURE__ */ e("h5", { className: "text-sm font-medium text-gray-800 dark:text-gray-200 break-words leading-tight", children: a == null ? void 0 : a.title })
   ] }),
-  /* @__PURE__ */ l("div", { className: "flex items-center gap-1 shrink-0", children: [
+  /* @__PURE__ */ o("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
     /* @__PURE__ */ e(y, { text: i.formatMessage({ id: "app.agviewer_map.focus_marker", defaultMessage: "Focus on the marker" }), children: /* @__PURE__ */ e(
       L,
       {
@@ -93,7 +93,7 @@ const ae = (a) => /* @__PURE__ */ l(
       {
         variant: "icon",
         className: "rounded-full p-1 hover:bg-gray-100 dark:hover:bg-gray-600",
-        onClick: (s) => u(s, a),
+        onClick: (s) => f(s, a),
         "data-marker-id": a.id,
         children: /* @__PURE__ */ e(ee, { className: "w-4 h-4 text-red-500" })
       }
@@ -106,49 +106,49 @@ const ae = (a) => /* @__PURE__ */ l(
     )
   ] })
 ] }) }) });
-function oe({
+function le({
   markersData: a,
   loading: v,
-  handleDeleteMarker: u,
+  handleDeleteMarker: f,
   onMarkerClick: c,
   onClose: i,
   intl: s
 }) {
-  const [h, M] = g(""), [m, f] = g(""), [T, k] = g(!1), [o, _] = g(20), [p, C] = g(!1), j = P(null), S = d(
+  const [h, M] = u(""), [m, g] = u(""), [T, k] = u(!1), [l, _] = u(20), [p, C] = u(!1), j = P(null), S = d(
     Q((t) => {
-      f(t), k(!1);
+      g(t), k(!1);
     }, 300),
     []
   ), B = d((t) => {
     const r = t.target.value;
     M(r), k(!0), S(r);
-  }, [S]), w = b(() => !a || a.length === 0 ? [] : a.map((t) => X(t)), [a]), n = b(() => {
-    if (!m) return w;
+  }, [S]), b = w(() => !a || a.length === 0 ? [] : a.map((t) => X(t)), [a]), n = w(() => {
+    if (!m) return b;
     const t = m.toLowerCase();
-    return w.filter(
+    return b.filter(
       (r) => {
         var x, N;
         return (N = (x = r == null ? void 0 : r.title) == null ? void 0 : x.toLowerCase()) == null ? void 0 : N.includes(t);
       }
     );
-  }, [w, m]), E = b(() => n.slice(0, o), [n, o]);
+  }, [b, m]), E = w(() => n.slice(0, l), [n, l]);
   U(() => {
     _(20);
   }, [m]);
   const I = d(() => {
-    p || o >= n.length || (C(!0), setTimeout(() => {
+    p || l >= n.length || (C(!0), setTimeout(() => {
       _((t) => Math.min(t + 20, n.length)), C(!1);
     }, 300));
-  }, [p, o, n.length]), F = d((t) => {
+  }, [p, l, n.length]), F = d((t) => {
     const { scrollTop: r, scrollHeight: x, clientHeight: N } = t.target;
-    r + N >= x - 100 && !p && o < n.length && I();
-  }, [I, p, o, n.length]), R = d((t, r) => {
+    r + N >= x - 100 && !p && l < n.length && I();
+  }, [I, p, l, n.length]), R = d((t, r) => {
     c(t, r), i();
   }, [c, i]), z = d((t, r) => {
-    u(t, r);
-  }, [u]);
-  return v ? /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-40", children: /* @__PURE__ */ e(Y, {}) }) : /* @__PURE__ */ l("div", { className: "w-full", children: [
-    /* @__PURE__ */ l("div", { className: "relative mb-4", children: [
+    f(t, r);
+  }, [f]);
+  return v ? /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-40", children: /* @__PURE__ */ e(Y, {}) }) : /* @__PURE__ */ o("div", { className: "w-full", children: [
+    /* @__PURE__ */ o("div", { className: "relative mb-4", children: [
       /* @__PURE__ */ e(Z, { className: "w-4 h-4 text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2" }),
       /* @__PURE__ */ e(
         $,
@@ -167,7 +167,7 @@ function oe({
         ref: j,
         className: "overflow-y-auto h-[350px]",
         onScroll: F,
-        children: n.length === 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-20 p-4", children: /* @__PURE__ */ e("h5", { className: "text-sm text-gray-500 dark:text-gray-400", children: h ? s.formatMessage({ id: "app.agviewer_map.no_station_found", defaultMessage: "No Station Found" }) : s.formatMessage({ id: "app.agviewer_map.no_station_found", defaultMessage: "No Station Found" }) }) }) : /* @__PURE__ */ l(A, { children: [
+        children: n.length === 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-20 p-4", children: /* @__PURE__ */ e("h5", { className: "text-sm text-gray-500 dark:text-gray-400", children: h ? s.formatMessage({ id: "app.agviewer_map.no_station_found", defaultMessage: "No Station Found" }) : s.formatMessage({ id: "app.agviewer_map.no_station_found", defaultMessage: "No Station Found" }) }) }) : /* @__PURE__ */ o(A, { children: [
           E.map((t) => /* @__PURE__ */ e(
             se,
             {
@@ -179,11 +179,11 @@ function oe({
             },
             t.id
           )),
-          p && /* @__PURE__ */ e("div", { className: "flex justify-center items-center py-4", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+          p && /* @__PURE__ */ e("div", { className: "flex justify-center items-center py-4", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-primary" }),
             /* @__PURE__ */ e("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Loading more..." })
           ] }) }),
-          o >= n.length && n.length > 0 && /* @__PURE__ */ e("div", { className: "flex justify-center items-center py-4", children: /* @__PURE__ */ e("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: s.formatMessage({
+          l >= n.length && n.length > 0 && /* @__PURE__ */ e("div", { className: "flex justify-center items-center py-4", children: /* @__PURE__ */ e("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: s.formatMessage({
             id: "app.agviewer_map.all_results_loaded",
             defaultMessage: "All results loaded"
           }) }) })
@@ -193,5 +193,5 @@ function oe({
   ] });
 }
 export {
-  oe as default
+  le as default
 };

package/dist/agvmap-react.js

@@ -1,4 +1,15 @@
-import { A as p } from "./index-Df_WMhdb.js";
+import { r as s, l as r, m as t, A, j as n, i as p, p as d, D as v, k as M, n as e, o as g, q as i } from "./index-6fJ6yDFf.js";
 export {
-  p as AgvMap
+  s as AGV_MAP_WIDGET_TAG,
+  r as AddPlotControl,
+  t as AddStationControl,
+  A as AgvMap,
+  n as AgvMapCanvas,
+  p as AgvMapProvider,
+  d as AgvMapWidget,
+  v as DrawPolygonControl,
+  M as MapCanvas,
+  e as MapContext,
+  g as MapProvider,
+  i as defineAgvMapWidget
 };