@mapfirst.ai/react 0.0.86 → 0.0.88

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as _mapfirst_ai_core from '@mapfirst.ai/core';
-import { PropertyType, PriceLevel, BaseMapFirstOptions, MapFirstCore, MapState, Property, MapLibreNamespace, MarkerOptions, GoogleMapsNamespace, MapboxNamespace } from '@mapfirst.ai/core';
-export { ActiveLocation, ApiFiltersResponse, BaseMapFirstOptions, Environment, FilterSchema, FilterState, GoogleMapsNamespace, MapBounds, MapFirstCore, MapFirstOptions, MapLibreNamespace, MapState, MapStateCallbacks, MapStateUpdate, MapboxNamespace, Price, PriceLevel, PropertiesFetchError, Property, PropertyType, TripAdvisorImage, TripAdvisorImageResponse, ViewState, convertToApiFilters, fetchImages, fetchProperties, processApiFilters } from '@mapfirst.ai/core';
+import { PropertyType, PriceLevel, BaseMapFirstOptions, MapFirstCore, MapState, Property, MapLibreNamespace, MarkerOptions, GoogleMapsNamespace, MapboxNamespace, LeafletNamespace } from '@mapfirst.ai/core';
+export { ActiveLocation, ApiFiltersResponse, BaseMapFirstOptions, Environment, FilterSchema, FilterState, GoogleMapsNamespace, LeafletAdapter, MapBounds, MapFirstCore, MapFirstOptions, MapLibreNamespace, MapState, MapStateCallbacks, MapStateUpdate, MapboxNamespace, Price, PriceLevel, PropertiesFetchError, Property, PropertyType, TripAdvisorImage, TripAdvisorImageResponse, ViewState, convertToApiFilters, fetchImages, fetchProperties, isWebGLSupported, processApiFilters } from '@mapfirst.ai/core';
 import * as React$1 from 'react';
 import React__default, { FunctionComponent, CSSProperties, ReactNode } from 'react';
 
@@ -297,6 +297,10 @@ declare function useMapFirst(options: BaseMapFirstOptions): {
         onMarkerClick?: (marker: Property) => void;
         markerOptions?: MarkerOptions;
     }) => void;
+    attachLeaflet: (map: any, leaflet: LeafletNamespace, options?: {
+        onMarkerClick?: (marker: Property) => void;
+        markerOptions?: MarkerOptions;
+    }) => void;
 };
 
 export { Chip, type ChipProps, CloseIcon, EditIcon, type Filter, FilterChips, type FilterChipsProps, type IconProps, type Locale, MinRatingFilterChip, NextIcon, PriceRangeFilterChip, type PriceRangeValue, RestaurantPriceLevelChip, type RestaurantPriceLevelChipProps, SearchIcon, SmartFilter$1 as SmartFilter, type SmartFilterProps, StarIcon, TransformedQueryChip, type TransformedQueryChipProps, createMinRatingFilterLabel, createPriceRangeFilterLabel, formatRatingValue, renderStars, useFilterScroll, useMapFirst, useTranslation };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as _mapfirst_ai_core from '@mapfirst.ai/core';
-import { PropertyType, PriceLevel, BaseMapFirstOptions, MapFirstCore, MapState, Property, MapLibreNamespace, MarkerOptions, GoogleMapsNamespace, MapboxNamespace } from '@mapfirst.ai/core';
-export { ActiveLocation, ApiFiltersResponse, BaseMapFirstOptions, Environment, FilterSchema, FilterState, GoogleMapsNamespace, MapBounds, MapFirstCore, MapFirstOptions, MapLibreNamespace, MapState, MapStateCallbacks, MapStateUpdate, MapboxNamespace, Price, PriceLevel, PropertiesFetchError, Property, PropertyType, TripAdvisorImage, TripAdvisorImageResponse, ViewState, convertToApiFilters, fetchImages, fetchProperties, processApiFilters } from '@mapfirst.ai/core';
+import { PropertyType, PriceLevel, BaseMapFirstOptions, MapFirstCore, MapState, Property, MapLibreNamespace, MarkerOptions, GoogleMapsNamespace, MapboxNamespace, LeafletNamespace } from '@mapfirst.ai/core';
+export { ActiveLocation, ApiFiltersResponse, BaseMapFirstOptions, Environment, FilterSchema, FilterState, GoogleMapsNamespace, LeafletAdapter, MapBounds, MapFirstCore, MapFirstOptions, MapLibreNamespace, MapState, MapStateCallbacks, MapStateUpdate, MapboxNamespace, Price, PriceLevel, PropertiesFetchError, Property, PropertyType, TripAdvisorImage, TripAdvisorImageResponse, ViewState, convertToApiFilters, fetchImages, fetchProperties, isWebGLSupported, processApiFilters } from '@mapfirst.ai/core';
 import * as React$1 from 'react';
 import React__default, { FunctionComponent, CSSProperties, ReactNode } from 'react';
 
@@ -297,6 +297,10 @@ declare function useMapFirst(options: BaseMapFirstOptions): {
         onMarkerClick?: (marker: Property) => void;
         markerOptions?: MarkerOptions;
     }) => void;
+    attachLeaflet: (map: any, leaflet: LeafletNamespace, options?: {
+        onMarkerClick?: (marker: Property) => void;
+        markerOptions?: MarkerOptions;
+    }) => void;
 };
 
 export { Chip, type ChipProps, CloseIcon, EditIcon, type Filter, FilterChips, type FilterChipsProps, type IconProps, type Locale, MinRatingFilterChip, NextIcon, PriceRangeFilterChip, type PriceRangeValue, RestaurantPriceLevelChip, type RestaurantPriceLevelChipProps, SearchIcon, SmartFilter$1 as SmartFilter, type SmartFilterProps, StarIcon, TransformedQueryChip, type TransformedQueryChipProps, createMinRatingFilterLabel, createPriceRangeFilterLabel, formatRatingValue, renderStars, useFilterScroll, useMapFirst, useTranslation };

package/dist/index.js

@@ -34,6 +34,7 @@ __export(index_exports, {
   CloseIcon: () => CloseIcon,
   EditIcon: () => EditIcon,
   FilterChips: () => FilterChips,
+  LeafletAdapter: () => import_core2.LeafletAdapter,
   MapFirstCore: () => import_core2.MapFirstCore,
   MinRatingFilterChip: () => MinRatingFilterChip,
   NextIcon: () => NextIcon,
@@ -50,6 +51,7 @@ __export(index_exports, {
   fetchImages: () => import_core2.fetchImages,
   fetchProperties: () => import_core2.fetchProperties,
   formatRatingValue: () => formatRatingValue,
+  isWebGLSupported: () => import_core2.isWebGLSupported,
   processApiFilters: () => import_core2.processApiFilters,
   renderStars: () => renderStars,
   useFilterScroll: () => useFilterScroll,
@@ -1562,6 +1564,48 @@ function useMapFirst(options) {
     },
     []
   );
+  const leafletAttachedRef = import_react9.default.useRef(false);
+  const attachLeaflet = import_react9.default.useCallback(
+    (map, leaflet, options2) => {
+      if (!instanceRef.current || !map || leafletAttachedRef.current) return;
+      const adapter = new import_core.LeafletAdapter(map);
+      adapter.initialize({
+        leaflet,
+        onMarkerClick: (marker) => {
+          var _a, _b, _c, _d, _e, _f;
+          if (marker.location) {
+            (_a = instanceRef.current) == null ? void 0 : _a.flyMapTo(
+              marker.location.lon,
+              marker.location.lat,
+              14
+            );
+          }
+          if (marker.type !== ((_b = instanceRef.current) == null ? void 0 : _b.primaryType)) {
+            (_c = instanceRef.current) == null ? void 0 : _c.setPrimaryType(marker.type);
+          }
+          (_e = instanceRef.current) == null ? void 0 : _e.setSelectedMarker(
+            marker.tripadvisor_id === ((_d = instanceRef.current) == null ? void 0 : _d.selectedMarkerId) ? null : marker.tripadvisor_id
+          );
+          (_f = options2 == null ? void 0 : options2.onMarkerClick) == null ? void 0 : _f.call(options2, marker);
+        },
+        markerOptions: options2 == null ? void 0 : options2.markerOptions,
+        onRefresh: () => {
+          var _a;
+          return (_a = instanceRef.current) == null ? void 0 : _a.refresh();
+        },
+        onMapMoveEnd: (bounds) => {
+          var _a;
+          return (_a = instanceRef.current) == null ? void 0 : _a.setBounds(bounds);
+        }
+      });
+      instanceRef.current.adapter = adapter;
+      instanceRef.current.isMapAttached = true;
+      instanceRef.current.currentPlatform = "leaflet";
+      instanceRef.current.refresh();
+      leafletAttachedRef.current = true;
+    },
+    []
+  );
   return {
     instance: instanceRef.current,
     state,
@@ -1573,7 +1617,8 @@ function useMapFirst(options) {
     boundsSearch,
     attachMapLibre,
     attachGoogle,
-    attachMapbox
+    attachMapbox,
+    attachLeaflet
   };
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -1582,6 +1627,7 @@ function useMapFirst(options) {
   CloseIcon,
   EditIcon,
   FilterChips,
+  LeafletAdapter,
   MapFirstCore,
   MinRatingFilterChip,
   NextIcon,
@@ -1598,6 +1644,7 @@ function useMapFirst(options) {
   fetchImages,
   fetchProperties,
   formatRatingValue,
+  isWebGLSupported,
   processApiFilters,
   renderStars,
   useFilterScroll,

package/dist/index.mjs

@@ -1,7 +1,8 @@
 // src/index.tsx
 import React6 from "react";
 import {
-  MapFirstCore
+  MapFirstCore,
+  LeafletAdapter
 } from "@mapfirst.ai/core";
 import {
   processApiFilters,
@@ -9,7 +10,9 @@ import {
   PropertiesFetchError,
   fetchImages,
   fetchProperties,
-  MapFirstCore as MapFirstCore2
+  MapFirstCore as MapFirstCore2,
+  LeafletAdapter as LeafletAdapter2,
+  isWebGLSupported
 } from "@mapfirst.ai/core";
 
 // src/components/SmartFilter.tsx
@@ -1522,6 +1525,48 @@ function useMapFirst(options) {
     },
     []
   );
+  const leafletAttachedRef = React6.useRef(false);
+  const attachLeaflet = React6.useCallback(
+    (map, leaflet, options2) => {
+      if (!instanceRef.current || !map || leafletAttachedRef.current) return;
+      const adapter = new LeafletAdapter(map);
+      adapter.initialize({
+        leaflet,
+        onMarkerClick: (marker) => {
+          var _a, _b, _c, _d, _e, _f;
+          if (marker.location) {
+            (_a = instanceRef.current) == null ? void 0 : _a.flyMapTo(
+              marker.location.lon,
+              marker.location.lat,
+              14
+            );
+          }
+          if (marker.type !== ((_b = instanceRef.current) == null ? void 0 : _b.primaryType)) {
+            (_c = instanceRef.current) == null ? void 0 : _c.setPrimaryType(marker.type);
+          }
+          (_e = instanceRef.current) == null ? void 0 : _e.setSelectedMarker(
+            marker.tripadvisor_id === ((_d = instanceRef.current) == null ? void 0 : _d.selectedMarkerId) ? null : marker.tripadvisor_id
+          );
+          (_f = options2 == null ? void 0 : options2.onMarkerClick) == null ? void 0 : _f.call(options2, marker);
+        },
+        markerOptions: options2 == null ? void 0 : options2.markerOptions,
+        onRefresh: () => {
+          var _a;
+          return (_a = instanceRef.current) == null ? void 0 : _a.refresh();
+        },
+        onMapMoveEnd: (bounds) => {
+          var _a;
+          return (_a = instanceRef.current) == null ? void 0 : _a.setBounds(bounds);
+        }
+      });
+      instanceRef.current.adapter = adapter;
+      instanceRef.current.isMapAttached = true;
+      instanceRef.current.currentPlatform = "leaflet";
+      instanceRef.current.refresh();
+      leafletAttachedRef.current = true;
+    },
+    []
+  );
   return {
     instance: instanceRef.current,
     state,
@@ -1533,7 +1578,8 @@ function useMapFirst(options) {
     boundsSearch,
     attachMapLibre,
     attachGoogle,
-    attachMapbox
+    attachMapbox,
+    attachLeaflet
   };
 }
 export {
@@ -1541,6 +1587,7 @@ export {
   CloseIcon,
   EditIcon,
   FilterChips,
+  LeafletAdapter2 as LeafletAdapter,
   MapFirstCore2 as MapFirstCore,
   MinRatingFilterChip,
   NextIcon,
@@ -1557,6 +1604,7 @@ export {
   fetchImages,
   fetchProperties,
   formatRatingValue,
+  isWebGLSupported,
   processApiFilters,
   renderStars,
   useFilterScroll,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapfirst.ai/react",
-  "version": "0.0.86",
+  "version": "0.0.88",
   "description": "React hooks for MapFirst SDK - Reactive state management for map properties",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -40,7 +40,7 @@
     "react": ">=17"
   },
   "dependencies": {
-    "@mapfirst.ai/core": "0.0.77"
+    "@mapfirst.ai/core": "0.0.78"
   },
   "scripts": {
     "build": "tsup src/index.tsx --format esm,cjs --dts --clean"