@xyo-network/react-map 2.80.0 → 2.81.0

package/src/Layers/Builders/LocationHeatMapLayerBuilderAnimated.ts

@@ -1,5 +1,5 @@
-import { HeatMapFillLayerConfig } from '../Configs'
-import { FillLayerBuilder } from '../FillLayer'
+import { HeatMapFillLayerConfig } from '../Configs/index.js'
+import { FillLayerBuilder } from '../FillLayer.js'
 
 const MapHeatConstants = (index: number, type: string) => ({
   LocationDebugLayerId: `location-${type}-debug-id-${index}`,

package/src/Layers/Builders/LocationPointsMapLayerBuilder.ts

@@ -1,5 +1,5 @@
-import { CircleLayerBuilder } from '../CircleLayer'
-import { LocationPointLayerConfig } from '../Configs'
+import { CircleLayerBuilder } from '../CircleLayer.js'
+import { LocationPointLayerConfig } from '../Configs/index.js'
 
 export const MapPointsConstants = {
   LocationDotsLayerId: 'location-dots',

package/src/Layers/Builders/index.ts

@@ -1,3 +1,3 @@
-export * from './LocationHeatMapLayerBuilder'
-export * from './LocationHeatMapLayerBuilderAnimated'
-export * from './LocationPointsMapLayerBuilder'
+export * from './LocationHeatMapLayerBuilder.js'
+export * from './LocationHeatMapLayerBuilderAnimated.js'
+export * from './LocationPointsMapLayerBuilder.js'

package/src/Layers/Configs/index.ts

@@ -1,4 +1,4 @@
-export * from './HeatMapFillLayerConfig'
-export * from './HeatMapLineLayerConfig'
-export * from './HeatMapSymbolLayerConfig'
-export * from './LocationPointLayerConfig'
+export * from './HeatMapFillLayerConfig.js'
+export * from './HeatMapLineLayerConfig.js'
+export * from './HeatMapSymbolLayerConfig.js'
+export * from './LocationPointLayerConfig.js'

package/src/Layers/index.ts

@@ -1,7 +1,7 @@
-export * from './Builders'
-export * from './CircleLayer'
-export * from './Configs'
-export * from './FillLayer'
-export * from './LineLayer'
-export * from './MapLayer'
-export * from './SymbolLayer'
+export * from './Builders/index.js'
+export * from './CircleLayer.js'
+export * from './Configs/index.js'
+export * from './FillLayer.js'
+export * from './LineLayer.js'
+export * from './MapLayer.js'
+export * from './SymbolLayer.js'

package/src/MapBoxClasses/MapBase.ts

@@ -4,7 +4,7 @@ import { Feature, Geometry } from 'geojson'
 // eslint-disable-next-line no-restricted-imports
 import { GeoJSONSource, Map } from 'mapbox-gl'
 
-import { MapLayer } from '../Layers'
+import { MapLayer } from '../Layers/index.js'
 
 export interface MapBaseConfig<T extends Geometry> {
   features: Feature<T>[]

package/src/MapBoxClasses/MapHeat.ts

@@ -3,10 +3,10 @@ import { delay } from '@xylabs/delay'
 import { forget } from '@xylabs/forget'
 import { GeoJson } from '@xyo-network/sdk-geo'
 import { Feature, Polygon } from 'geojson'
-import { FitBoundsOptions, GeoJSONSource, GeoJSONSourceRaw, LngLatBounds, Map } from 'mapbox-gl'
+import { GeoJSONSource, LngLatBounds, Map, MapOptions, VectorSourceSpecification } from 'mapbox-gl'
 
-import { MapLayer } from '../Layers'
-import { MapBase, MapBaseConfig } from './MapBase'
+import { MapLayer } from '../Layers/index.js'
+import { MapBase, MapBaseConfig } from './MapBase.js'
 
 export class MapHeat extends MapBase<Polygon> {
   static animationStarted = false
@@ -17,7 +17,7 @@ export class MapHeat extends MapBase<Polygon> {
     this.config = config
   }
 
-  static initialMapPositioning(options: FitBoundsOptions, map: Map, features?: Feature<Polygon>[], initialBounds?: LngLatBounds) {
+  static initialMapPositioning(options: MapOptions['fitBoundsOptions'], map: Map, features?: Feature<Polygon>[], initialBounds?: LngLatBounds) {
     if (!features) {
       return
     }
@@ -145,7 +145,7 @@ export class MapHeat extends MapBase<Polygon> {
     await startAnimation()
   }
 
-  private static updateLayer(map: Map, layer: MapLayer, source: GeoJSONSourceRaw) {
+  private static updateLayer(map: Map, layer: MapLayer, source: VectorSourceSpecification) {
     const existingSource = map.getSource(layer.source as string) as GeoJSONSource
     if (existingSource && source.data) {
       existingSource.setData(source.data as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>)

package/src/MapBoxClasses/MapPoints.ts

@@ -2,7 +2,7 @@ import { Feature, Point } from 'geojson'
 // eslint-disable-next-line no-restricted-imports
 import { FitBoundsOptions, LngLatBounds } from 'mapbox-gl'
 
-import { MapBase, MapBaseConfig } from './MapBase'
+import { MapBase, MapBaseConfig } from './MapBase.js'
 
 export interface MapPointsConfig extends MapBaseConfig<Point> {
   features: Feature<Point>[]

package/src/MapBoxClasses/MapSettings.ts

@@ -1,6 +1,6 @@
-import { EventData, GeolocateControl, Map, MapLayerMouseEvent, MapLayerTouchEvent, NavigationControl } from 'mapbox-gl'
+import { GeolocateControl, Map, MapEvent, MapMouseEvent, MapTouchEvent, NavigationControl } from 'mapbox-gl'
 
-import { MapSetting } from '../Settings'
+import { MapSetting } from '../Settings/index.js'
 
 export interface MapSettingsConfig {
   debugLayerName?: string
@@ -18,7 +18,7 @@ export interface MapSettingsConfig {
 export class MapSettings {
   static geoLocateControl: GeolocateControl | undefined
   static mapListeners = {
-    logData: (ev?: MapLayerMouseEvent | (MapLayerTouchEvent & EventData), map?: Map) => {
+    logData: (ev?: MapMouseEvent | MapTouchEvent, map?: Map) => {
       const target = map || ev?.target
       if (target) {
         console.log('zoom', target.getZoom())
@@ -53,7 +53,7 @@ export class MapSettings {
   }
 
   static toggleDebugLogging(value: boolean | undefined, map: Map) {
-    const debugEvents = ['resize', 'zoomend', 'dragend']
+    const debugEvents: MapEvent[] = ['resize', 'zoomend', 'dragend']
     if (value) {
       // initial values
       this.mapListeners.logData(undefined, map)

package/src/MapBoxClasses/index.ts

@@ -1,4 +1,4 @@
-export * from './MapBase'
-export * from './MapHeat'
-export * from './MapPoints'
-export * from './MapSettings'
+export * from './MapBase.js'
+export * from './MapHeat.js'
+export * from './MapPoints.js'
+export * from './MapSettings.js'

package/src/Settings/DefaultMapSettings.ts

@@ -1,4 +1,4 @@
-import { MapSetting } from './MapSetting'
+import { MapSetting } from './MapSetting.js'
 
 export const DefaultMapSettings: () => MapSetting = () => ({
   debugLayer: {

package/src/Settings/index.ts

@@ -1,2 +1,2 @@
-export * from './DefaultMapSettings'
-export * from './MapSetting'
+export * from './DefaultMapSettings.js'
+export * from './MapSetting.js'

package/src/hooks/index.ts

@@ -1,5 +1,5 @@
-export * from './useDynamicMapResize'
-export * from './useDynamicPositioning'
-export * from './useFindHashes'
-export * from './useHeatMapColors'
-export * from './useQuadKeyPayloadsToFeatures'
+export * from './useDynamicMapResize.js'
+export * from './useDynamicPositioning.js'
+export * from './useFindHashes.js'
+export * from './useHeatMapColors.js'
+export * from './useQuadKeyPayloadsToFeatures.js'

package/src/hooks/useHeatMapColors.tsx

@@ -1,6 +1,6 @@
 import { useTheme } from '@mui/material'
 
-import { AnimatedHeatMapColorProps, ColorGradientLegendProps } from '../Colors'
+import { AnimatedHeatMapColorProps, ColorGradientLegendProps } from '../Colors/index.js'
 
 const useHeatMapColors = () => {
   const theme = useTheme()

package/src/hooks/useQuadKeyPayloadsToFeatures.tsx

@@ -3,7 +3,7 @@ import { GeoJson } from '@xyo-network/sdk-geo'
 import { Feature, Geometry } from 'geojson'
 import { useEffect, useState } from 'react'
 
-import { NetworkLocationHeatmapQuadkeyAnswerPayload } from '../types'
+import { NetworkLocationHeatmapQuadkeyAnswerPayload } from '../types/index.js'
 
 const quadKeyToFeature = ({ density, quadkey }: { density: number; quadkey: string }) => {
   const polygonFeature = new GeoJson(quadkey).polygonFeature()

package/src/index.ts

@@ -1,10 +1,10 @@
-export * from './AnimatedHeatMapSettings'
-export * from './Colors'
-export * from './Components'
-export * from './Contexts'
-export * from './hooks'
-export * from './Layers'
-export * from './lib'
-export * from './MapBoxClasses'
-export * from './Settings'
-export * from './types'
+export * from './AnimatedHeatMapSettings.js'
+export * from './Colors/index.js'
+export * from './Components/index.js'
+export * from './Contexts/index.js'
+export * from './hooks/index.js'
+export * from './Layers/index.js'
+export * from './lib/index.js'
+export * from './MapBoxClasses/index.js'
+export * from './Settings/index.js'
+export * from './types/index.js'

package/src/lib/MapBoxBaseProps.ts

@@ -3,7 +3,7 @@ import { Feature } from 'geojson'
 import { MapboxOptions } from 'mapbox-gl'
 import { ReactNode } from 'react'
 
-import { MapLayer } from '../Layers'
+import { MapLayer } from '../Layers/index.js'
 
 export interface MapboxFlexBoxProps extends FlexBoxProps {
   accessToken: string

package/src/lib/index.ts

@@ -1,2 +1,2 @@
-export * from './MapBoxBaseProps'
-export * from './MapStyle'
+export * from './MapBoxBaseProps.js'
+export * from './MapStyle.js'

package/src/types/index.ts

@@ -1 +1 @@
-export * from './NetworkLocationAnswerBase'
+export * from './NetworkLocationAnswerBase.js'