@octostar/map-component 0.1.2 → 0.1.13

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useEffect, useMemo, useCallback, forwardRef, useImperativeHandle } from "react";
+import { createContext, useContext, useState, useRef, useEffect, useMemo, useCallback, forwardRef, useImperativeHandle } from "react";
 import maplibregl from "maplibre-gl";
 import MapboxDraw from "@mapbox/mapbox-gl-draw";
 import * as turf from "@turf/turf";
@@ -7,7 +7,7 @@ import proj4 from "proj4";
 import * as THREE from "three";
 import { saveAs } from "file-saver";
 import { MousePointer2, Square, Hexagon, Circle, MoreVertical, ChevronDown, Filter, X, Ruler, Move, Navigation, Pencil, Database, Search, MapPin, Minus, Pentagon, Type, MoveRight, Undo2, Redo2, Trash2, Loader2, Home, Building2, Store, Factory, Warehouse, Church, Hospital, School, GraduationCap, Library, Landmark, Castle, Car, Bus, Train, Plane, Ship, Bike, Fuel, Utensils, Coffee, Beer, Wine, Pizza, IceCream, Trees, Mountain, Waves, Sun, Cloud, Umbrella, Flower2, Leaf, Heart, Star, Flag, AlertTriangle, Info, HelpCircle, CheckCircle, XCircle, PlusCircle, MinusCircle, Zap, Flame, Camera, Music, Film, Gamepad2, Trophy, Medal, Tent, Compass, Briefcase, Wrench, Hammer, Scissors, Paintbrush, Palette, ShoppingCart, Gift, Package, CreditCard, Wallet, Phone, Mail, Globe, Wifi, Radio, Tv, User, Users, Baby, Dog, Cat, Bird, Apple, Carrot, Egg, Anchor, Lock, Key, Shield, Eye, Clock, Calendar, Bookmark, Tag, Triangle, Octagon, ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Map as Map$1, Satellite, MoreHorizontal, Upload, Download, FolderOpen, Focus, Box, Layers, ChevronRight, EyeOff, Smile, Plus, Save, Blend, SkipBack, Pause, Play, TestTube, GripVertical, FileJson, Check, AlertCircle } from "lucide-react";
-import { App, Tooltip, Dropdown, Button, Divider, Modal, Tabs, Input, Popover, Switch, Slider, Tag as Tag$1, Select, Collapse, ColorPicker, Card, Table, DatePicker } from "antd";
+import { App, message, Tooltip, Dropdown, Button, Divider, Modal, Tabs, Input, Popover, Switch, Slider, Tag as Tag$1, Select, Collapse, ColorPicker, Card, Table, DatePicker } from "antd";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { format } from "date-fns";
@@ -17,14 +17,25 @@ import * as toGeoJSON from "@mapbox/togeojson";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+const ToastContext = createContext(null);
 function useToast() {
-  const { message } = App.useApp();
+  const externalToast = useContext(ToastContext);
+  if (externalToast) {
+    return { toast: externalToast };
+  }
+  let message$1 = null;
+  try {
+    const app = App.useApp();
+    message$1 = app.message;
+  } catch {
+  }
   const toast = ({ title, description, variant }) => {
     const content = description ? `${title ? title + ": " : ""}${description}` : title;
+    const msg = message$1 ?? message;
     if (variant === "destructive") {
-      message.error(content);
+      msg.error(content);
     } else {
-      message.success(content);
+      msg.success(content);
     }
   };
   return { toast };
@@ -4594,7 +4605,8 @@ const MapEditorCanvas = forwardRef(function MapEditorCanvas2({
   hideBasemapSwitcher = false,
   externalPersistence = false,
   enableKeyboardShortcuts = true,
-  enableProperties = true
+  enableProperties = true,
+  toastProvider
 }, ref) {
   const mapContainer = useRef(null);
   const map = useRef(null);
@@ -4667,7 +4679,8 @@ const MapEditorCanvas = forwardRef(function MapEditorCanvas2({
   const [labelsSuppressed, setLabelsSuppressed] = useState(true);
   const [contextMenu, setContextMenu] = useState(null);
   const timelineStore = useTimelineStore();
-  const { toast } = useToast();
+  const { toast: internalToast } = useToast();
+  const toast = toastProvider ?? internalToast;
   useEffect(() => {
     const handleError = (event) => {
       const msg = event.message || "";
@@ -4679,13 +4692,13 @@ const MapEditorCanvas = forwardRef(function MapEditorCanvas2({
     };
     const handleUnhandledRejection = (event) => {
       var _a;
-      let message = "";
+      let message2 = "";
       try {
-        message = ((_a = event.reason) == null ? void 0 : _a.message) || String(event.reason);
+        message2 = ((_a = event.reason) == null ? void 0 : _a.message) || String(event.reason);
       } catch {
-        message = "unknown";
+        message2 = "unknown";
       }
-      if (message.includes("unknown feature value") || message.includes("getSource") || message.includes("WebGL") || message.includes("style") || message.includes("tile") || message.includes("Map container") || message.includes("already running") || message.includes("out of range") || message.includes("DEM data")) {
+      if (message2.includes("unknown feature value") || message2.includes("getSource") || message2.includes("WebGL") || message2.includes("style") || message2.includes("tile") || message2.includes("Map container") || message2.includes("already running") || message2.includes("out of range") || message2.includes("DEM data")) {
         event.preventDefault();
         return;
       }
@@ -9833,7 +9846,8 @@ const MapEditorCanvas = forwardRef(function MapEditorCanvas2({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx(MapDropZone, { onDrop: handleDropGeoJSON, children: /* @__PURE__ */ jsxs("div", { className: `map-container w-full h-full min-w-0 relative ${className || ""}`, "data-testid": "map-editor-canvas", children: [
+  const toastContextValue = toastProvider ?? null;
+  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ jsx(MapDropZone, { onDrop: handleDropGeoJSON, children: /* @__PURE__ */ jsxs("div", { className: `map-container w-full h-full min-w-0 relative ${className || ""}`, "data-testid": "map-editor-canvas", children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -10081,7 +10095,7 @@ const MapEditorCanvas = forwardRef(function MapEditorCanvas2({
         onGoTo: (coords, zoom) => {
           if (map.current) {
             const currentZoom = map.current.getZoom();
-            map.current.flyTo({ center: coords, zoom: zoom ?? Math.max(currentZoom, 10), duration: 2e3 });
+            map.current.flyTo({ center: coords, zoom: zoom ?? Math.max(currentZoom, 14), duration: 2e3 });
           }
         },
         showClearFilter,
@@ -10355,7 +10369,7 @@ const MapEditorCanvas = forwardRef(function MapEditorCanvas2({
         "data-testid": "input-file-geojson"
       }
     )
-  ] }) });
+  ] }) }) });
 });
 function ActionPanel({ onSave, onLoad, disabled }) {
   return /* @__PURE__ */ jsxs(