@tracktor/map 1.0.4 → 1.0.6

package/README.md

@@ -55,27 +55,27 @@ const markers = [
 
 ### MarkerMap Props
 
-| Prop               | Type                             | Description                                                             |
-|--------------------|----------------------------------|-------------------------------------------------------------------------|
-| `markers`          | `MarkerProps[]`                  | List of markers to display                                              |
-| `center`           | `LngLatLike` or `[number, number]` | Initial map center coordinates                                         |
-| `zoom`             | `number`                         | Initial zoom level                                                      |
-| `fitBounds`        | `boolean`                        | Automatically fit the map to the bounds of all markers                 |
-| `fitBoundsPadding` | `number`                         | Padding around markers when fitting bounds                             |
-| `zoomFlyFrom`      | `number`                         | Zoom level to fly in from                                              |
-| `popupMaxWidth`    | `string`                         | Max width for popups                                                   |
-| `width`            | `number` or `string`             | Map width                                                               |
-| `height`           | `number` or `string`             | Map height                                                              |
-| `loading`          | `boolean`                        | Whether to show a loading state                                        |
-| `markerImageURL`   | `string`                         | Default marker image URL                                               |
-| `containerStyle`   | `SxProps`                        | Custom styles for the map container                                    |
-| `disableFlyTo`     | `boolean`                        | Disable flyTo animation on marker click                                |
-| `flyToDuration`    | `number`                         | Duration of the flyTo animation                                        |
-| `fitBoundDuration` | `number`                         | Duration of the fitBounds animation                                    |
-| `square`           | `boolean`                        | Forces the map to be square-shaped                                     |
-| `openPopup`        | `number` or `string`             | ID of the marker with an open popup                                    |
-| `openPopupOnHover` | `boolean`                        | Automatically open popups on marker hover                              |
-| `onMapClick`       | `(lng: number, lat: number) => void` | Callback triggered when clicking on the map                         |
+| Prop               | Type                                 | Description                                            |
+|--------------------|--------------------------------------|--------------------------------------------------------|
+| `markers`          | `MarkerProps[]`                      | List of markers to display                             |
+| `center`           | `LngLatLike` or `[number, number]`   | Initial map center coordinates                         |
+| `zoom`             | `number`                             | Initial zoom level                                     |
+| `fitBounds`        | `boolean`                            | Automatically fit the map to the bounds of all markers |
+| `fitBoundsPadding` | `number`                             | Padding around markers when fitting bounds             |
+| `zoomFlyFrom`      | `number`                             | Zoom level to fly in from                              |
+| `popupMaxWidth`    | `string`                             | Max width for popups                                   |
+| `width`            | `number` or `string`                 | Map width                                              |
+| `height`           | `number` or `string`                 | Map height                                             |
+| `loading`          | `boolean`                            | Whether to show a loading state                        |
+| `markerImageURL`   | `string`                             | Default marker image URL                               |
+| `containerStyle`   | `SxProps`                            | Custom styles for the map container                    |
+| `disableFlyTo`     | `boolean`                            | Disable flyTo animation on marker click                |
+| `flyToDuration`    | `number`                             | Duration of the flyTo animation                        |
+| `fitBoundDuration` | `number`                             | Duration of the fitBounds animation                    |
+| `square`           | `boolean`                            | Forces the map to be square-shaped                     |
+| `openPopup`        | `number` or `string`                 | ID of the marker with an open popup                    |
+| `openPopupOnHover` | `boolean`                            | Automatically open popups on marker hover              |
+| `onMapClick`       | `(lng: number, lat: number) => void` | Callback triggered when clicking on the map            |
 
 ### MarkerProps
 
@@ -93,9 +93,6 @@ const markers = [
 | `name`      | `string`             | Name of the marker                                            |
 | `Icon`      | `ReactNode`          | Custom React component to render instead of default image     |
 
-## 🖼 Visual Example
-
-<img src="./src/assets/example.png" alt="MarkerMap Example" width="400" />
 
 ## 🧑‍💻 Contributing
 

package/dist/components/MarkerMap/useMarkerMap.d.ts

@@ -1,4 +1,4 @@
-import { Map } from 'mapbox-gl';
+import { Map as MapboxMap } from 'mapbox-gl';
 import { MarkerMapProps } from '../../types/MarkerMapProps';
 export declare const DEFAULT_CENTER_LNG = 2.333;
 export declare const DEFAULT_CENTER_LAT = 46.8677;
@@ -15,8 +15,9 @@ export declare const DEFAULT_CENTER_LAT = 46.8677;
  */
 declare const useMarkerMap: ({ markers, center, disableAnimation, openPopup, onMapClick, projection, theme, mapStyle, fitBoundsAnimationKey, baseMapView, zoom, fitBoundsPadding, fitBoundDuration, fitBounds, cooperativeGestures, doubleClickZoom, }: MarkerMapProps) => {
     containerRef: import('react').RefObject<string | HTMLDivElement>;
+    currentTheme: import('@tracktor/design-system').PaletteMode;
     isMapInitialized: boolean;
-    map: import('react').RefObject<Map | null>;
-    markers: import('../../main').MarkerProps[];
+    map: import('react').RefObject<MapboxMap | null>;
+    markers: import('../../main').MarkerProps<Record<string, unknown>>[];
 };
 export default useMarkerMap;

package/dist/hooks/useFitBounds.d.ts

@@ -1,8 +1,8 @@
-import { Map } from 'mapbox-gl';
+import { Map as MapboxMap } from 'mapbox-gl';
 import { RefObject } from 'react';
 import { MarkerProps } from '../types/MarkerProps.ts';
 type useFitBoundsProps = {
-    map: RefObject<Map | null>;
+    map: RefObject<MapboxMap | null>;
     disableAnimation: boolean | undefined;
     fitBounds?: boolean;
     fitBoundDuration?: number;

package/dist/hooks/useMarkers.d.ts

@@ -1,9 +1,9 @@
 import { Palette } from '@tracktor/design-system';
-import { LngLatLike, Map } from 'mapbox-gl';
+import { LngLatLike, Map as MapboxMap } from 'mapbox-gl';
 import { RefObject } from 'react';
 import { MarkerProps } from '../types/MarkerProps.ts';
 type UseInitializeMapProps = {
-    map: RefObject<Map | null>;
+    map: RefObject<MapboxMap | null>;
     markers?: MarkerProps[];
     palette: Palette;
     isMapInitialized: boolean;

package/dist/hooks/useOnMapClick.d.ts

@@ -1,7 +1,7 @@
-import { Map } from 'mapbox-gl';
+import { Map as MapboxMap } from 'mapbox-gl';
 import { RefObject } from 'react';
 type UseCorrectedMapClickProps = {
-    map: RefObject<Map | null>;
+    map: RefObject<MapboxMap | null>;
     onMapClick?: (lng: number, lat: number) => void;
     isMapInitialized?: boolean;
 };

package/dist/hooks/usePopups.d.ts

@@ -1,8 +1,8 @@
-import { Map } from 'mapbox-gl';
+import { Map as MapboxMap } from 'mapbox-gl';
 import { RefObject } from 'react';
 import { MarkerProps } from '../types/MarkerProps';
 type UsePopupsProps = {
-    map: RefObject<Map | null>;
+    map: RefObject<MapboxMap | null>;
     markers?: MarkerProps[];
     openPopup: string | number | undefined;
     isMapInitialized: boolean;

package/dist/main.d.ts

@@ -1,10 +1,9 @@
-export { DEFAULT_CENTER_LNG } from './constants/coordinates.ts';
-export { DEFAULT_CENTER_LAT } from './constants/coordinates.ts';
-export { default as MapProvider } from './context/MapProvider';
-export * from './context/MapProvider';
-export { default as MarkerMap } from './components/MarkerMap/MarkerMap';
 export * from './components/MarkerMap/MarkerMap';
-export { default as isValidLatLng } from './utils/isValidLatLng';
-export * from './utils/isValidLatLng';
-export * from './types/MarkerProps';
+export { default as MarkerMap } from './components/MarkerMap/MarkerMap';
+export { DEFAULT_CENTER_LAT, DEFAULT_CENTER_LNG } from './constants/coordinates.ts';
+export * from './context/MapProvider';
+export { default as MapProvider } from './context/MapProvider';
 export * from './types/MarkerMapProps';
+export * from './types/MarkerProps';
+export * from './utils/isValidLatLng';
+export { default as isValidLatLng } from './utils/isValidLatLng';