agvmap-react 0.1.42 → 0.1.47

package/README.md

@@ -44,45 +44,8 @@ VITE_AGV_API_PASSWORD=your_password
   }}
 
 >
-
-```
-
-> **Important**: The wrapper element must have class `agv-map-container` for scoped CSS to apply correctly. The component itself renders a `<div className="agv-map-container">` root — just place `<AgvMap>` inside your app's layout where the map should appear.
-
----
-
-## Package Consumption (for host apps)
-
-When installing `agvmap-react` in another application, follow these steps:
-
-### 1. Peer dependencies
-
-`react` and `react-dom` are **peer dependencies**. Your host app must provide them:
-
-```json
-// Your host app's package.json
-"dependencies": {
-  "react": "^18.0.0 || ^19.0.0",
-  "react-dom": "^18.0.0 || ^19.0.0",
-  "agvmap-react": "<version>"
-}
-```
-
-### 2. Import the CSS manually
-
-The package no longer injects CSS via a side-effect import. You must import `style.css` in your app's entry point:
-
-```js
-// In your app's entry file (e.g., main.jsx, App.jsx, or layout.jsx)
-import 'agvmap-react/style.css';
 ```
 
-### 3. All styles are scoped
-
-All CSS selectors are scoped under `.agv-map-container`. The map component's root element already has this class, so no additional wrapper is needed — just place `<AgvMap />` in your JSX.
-
----
-
 ## Project Goal
 
 Implement a map component with custom layers fetched from a REST API, to be integrated into a dashboard for visualization and analysis.

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

@@ -1,6 +1,6 @@
 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-CUMxOelU.js";
+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(
   "svg",
   {
@@ -74,10 +74,10 @@ 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 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__ */ 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 })
   ] }),
-  /* @__PURE__ */ l("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+  /* @__PURE__ */ l("div", { className: "flex items-center gap-1 shrink-0", children: [
     /* @__PURE__ */ e(y, { text: i.formatMessage({ id: "app.agviewer_map.focus_marker", defaultMessage: "Focus on the marker" }), children: /* @__PURE__ */ e(
       L,
       {
@@ -122,16 +122,16 @@ function oe({
   ), 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;
+  }, [S]), w = b(() => !a || a.length === 0 ? [] : a.map((t) => X(t)), [a]), n = b(() => {
+    if (!m) return w;
     const t = m.toLowerCase();
-    return b.filter(
+    return w.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]);
+  }, [w, m]), E = b(() => n.slice(0, o), [n, o]);
   U(() => {
     _(20);
   }, [m]);

package/dist/agvmap-react.js

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