@octostar/map-component 0.1.11 → 0.1.13

package/dist/index.cjs

@@ -38,14 +38,25 @@ const toGeoJSON__namespace = /* @__PURE__ */ _interopNamespaceDefault(toGeoJSON)
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+const ToastContext = react.createContext(null);
 function useToast() {
-  const { message } = antd.App.useApp();
+  const externalToast = react.useContext(ToastContext);
+  if (externalToast) {
+    return { toast: externalToast };
+  }
+  let message = null;
+  try {
+    const app = antd.App.useApp();
+    message = app.message;
+  } catch {
+  }
   const toast = ({ title, description, variant }) => {
     const content = description ? `${title ? title + ": " : ""}${description}` : title;
+    const msg = message ?? antd.message;
     if (variant === "destructive") {
-      message.error(content);
+      msg.error(content);
     } else {
-      message.success(content);
+      msg.success(content);
     }
   };
   return { toast };
@@ -4615,7 +4626,8 @@ const MapEditorCanvas = react.forwardRef(function MapEditorCanvas2({
   hideBasemapSwitcher = false,
   externalPersistence = false,
   enableKeyboardShortcuts = true,
-  enableProperties = true
+  enableProperties = true,
+  toastProvider
 }, ref) {
   const mapContainer = react.useRef(null);
   const map = react.useRef(null);
@@ -4688,7 +4700,8 @@ const MapEditorCanvas = react.forwardRef(function MapEditorCanvas2({
   const [labelsSuppressed, setLabelsSuppressed] = react.useState(true);
   const [contextMenu, setContextMenu] = react.useState(null);
   const timelineStore = useTimelineStore();
-  const { toast } = useToast();
+  const { toast: internalToast } = useToast();
+  const toast = toastProvider ?? internalToast;
   react.useEffect(() => {
     const handleError = (event) => {
       const msg = event.message || "";
@@ -9854,7 +9867,8 @@ const MapEditorCanvas = react.forwardRef(function MapEditorCanvas2({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(MapDropZone, { onDrop: handleDropGeoJSON, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(MapDropZone, { onDrop: handleDropGeoJSON, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `map-container w-full h-full min-w-0 relative ${className || ""}`, "data-testid": "map-editor-canvas", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -10102,7 +10116,7 @@ const MapEditorCanvas = react.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,
@@ -10376,7 +10390,7 @@ const MapEditorCanvas = react.forwardRef(function MapEditorCanvas2({
         "data-testid": "input-file-geojson"
       }
     )
-  ] }) });
+  ] }) }) });
 });
 function ActionPanel({ onSave, onLoad, disabled }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(