agvmap-react 0.1.38 → 0.1.40-43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agvmap-react",
-  "version": "0.1.38",
+  "version": "0.1.40-43",
   "type": "module",
   "main": "dist/agvmap-react.umd.cjs",
   "module": "dist/agvmap-react.js",
@@ -15,17 +15,13 @@
     "dist"
   ],
   "scripts": {
-    "dev": "vite --port 3001",
+    "dev": "vite --port 3000",
     "prepublish": "rm -rf ./dist && npm run build",
     "build": "vite build",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "release": "npm version patch && npm publish --access public --tag beta && npm dist-tag add agvmap-react@$(npm pkg get version | tr -d '\"') latest"
   },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
     "@mapbox/mapbox-gl-draw": "^1.4.3",
@@ -58,8 +54,10 @@
     "maplibre-gl": "^4.5.0",
     "next-themes": "^0.4.4",
     "proj4": "^2.12.0",
+    "react": "^18.3.1",
     "react-confirm": "^0.3",
     "react-day-picker": "^9.8.1",
+    "react-dom": "^18.3.1",
     "react-icons": "^5.2.1",
     "react-intl": "^5.25.1",
     "react-map-gl": "^7.1.7",
@@ -80,6 +78,7 @@
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
+    "@tailwindcss/postcss": "^4.3.3",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
@@ -89,13 +88,23 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "postcss": "^8.4.41",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "rollup": "^4.32.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "tailwindcss": "^3.4.9",
+    "tailwindcss": "^4.3.3",
     "vite": "^5.3.4"
   },
+  "peerDependencies": {
+    "tailwindcss": "^4.3.3",
+    "@tailwindcss/postcss": "^4.3.3"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": false
+    },
+    "@tailwindcss/postcss": {
+      "optional": false
+    }
+  },
   "keywords": [
     "agviewermap",
     "evapotranspiration",

package/dist/LazyModalContent-Dx3sMuo5.js

@@ -1,197 +0,0 @@
-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 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-D16caLkt.js";
-const ae = (a) => /* @__PURE__ */ l(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    viewBox: "0 0 20 20",
-    fill: "none",
-    ...a,
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          stroke: "#373737",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "m5.833 14.167 8.334-8.334"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          stroke: "#000",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M5.833 5.833h8.334v8.334"
-        }
-      )
-    ]
-  }
-), 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);
-  return /* @__PURE__ */ e(
-    O,
-    {
-      trigger: /* @__PURE__ */ e(q, { variant: "outline", size: "icon", tabIndex: -1, children: /* @__PURE__ */ e(
-        y,
-        {
-          text: h.formatMessage({
-            id: "app.agviewer_map.edit_marker",
-            defaultMessage: "Edit Marker"
-          }),
-          children: /* @__PURE__ */ e(G, { className: "w-5 h-5 action-icon" })
-        }
-      ) }),
-      title: h.formatMessage({
-        id: "app.agviewer_map.edit_marker",
-        defaultMessage: "Edit Marker"
-      }),
-      open: c,
-      setOpen: i,
-      headerClassName: "m-4",
-      onClose: M,
-      children: /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(
-        K,
-        {
-          marker: a,
-          onSubmit: m,
-          onCancel: M,
-          submitButtonText: h.formatMessage({
-            id: "app.agviewer_map.save_changes",
-            defaultMessage: "Save Changes"
-          })
-        }
-      ) })
-    }
-  );
-}, 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 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 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,
-      {
-        variant: "icon",
-        className: "rounded-full p-1 hover:bg-gray-100 dark:hover:bg-gray-600",
-        onClick: (s) => v(s, a),
-        "data-marker-id": a.id,
-        children: /* @__PURE__ */ e(ae, { className: "w-4 h-4" })
-      }
-    ) }),
-    /* @__PURE__ */ e(y, { text: i.formatMessage({ id: "app.agviewer_map.delete_marker", defaultMessage: "Delete Marker" }), children: /* @__PURE__ */ e(
-      L,
-      {
-        variant: "icon",
-        className: "rounded-full p-1 hover:bg-gray-100 dark:hover:bg-gray-600",
-        onClick: (s) => u(s, a),
-        "data-marker-id": a.id,
-        children: /* @__PURE__ */ e(ee, { className: "w-4 h-4 text-red-500" })
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      te,
-      {
-        marker: c.find((s) => s.id === a.id)
-      }
-    )
-  ] })
-] }) }) });
-function oe({
-  markersData: a,
-  loading: v,
-  handleDeleteMarker: u,
-  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(
-    Q((t) => {
-      f(t), k(!1);
-    }, 300),
-    []
-  ), B = d((t) => {
-    const r = t.target.value;
-    M(r), k(!0), S(r);
-  }, [S]), b = w(() => !a || a.length === 0 ? [] : a.map((t) => X(t)), [a]), n = w(() => {
-    if (!m) return b;
-    const t = m.toLowerCase();
-    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);
-      }
-    );
-  }, [b, m]), E = w(() => n.slice(0, o), [n, o]);
-  U(() => {
-    _(20);
-  }, [m]);
-  const I = d(() => {
-    p || o >= n.length || (C(!0), setTimeout(() => {
-      _((t) => Math.min(t + 20, n.length)), C(!1);
-    }, 300));
-  }, [p, o, 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) => {
-    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: [
-      /* @__PURE__ */ e(Z, { className: "w-4 h-4 text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2" }),
-      /* @__PURE__ */ e(
-        $,
-        {
-          className: "pl-9 w-full text-sm h-9",
-          placeholder: s.formatMessage({ id: "app.agviewer_map.search_station", defaultMessage: "Search Station" }),
-          value: h,
-          onChange: B
-        }
-      ),
-      T && /* @__PURE__ */ e("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-primary" }) })
-    ] }),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        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: [
-          E.map((t) => /* @__PURE__ */ e(
-            se,
-            {
-              marker: t,
-              onMarkerClick: R,
-              onDeleteMarker: z,
-              markersData: a,
-              intl: s
-            },
-            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: [
-            /* @__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({
-            id: "app.agviewer_map.all_results_loaded",
-            defaultMessage: "All results loaded"
-          }) }) })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  oe as default
-};

package/dist/agvmap-react.js

@@ -1,4 +0,0 @@
-import { A as p } from "./index-D16caLkt.js";
-export {
-  p as AgvMap
-};