@xyo-network/react-map 7.5.7 → 7.5.11

package/src/Components/MapBox.tsx

@@ -1,79 +0,0 @@
-// eslint-disable-next-line import-x/no-internal-modules
-import 'mapbox-gl/dist/mapbox-gl.css'
-
-import { MapStyle } from '@xyo-network/react-map-model'
-import type { MapOptions } from 'mapbox-gl'
-import { Map } from 'mapbox-gl'
-import React, {
-  useEffect, useRef, useState,
-} from 'react'
-
-import { useMapBoxInstance, useMapSettings } from '../Contexts/index.ts'
-import { useDynamicMapResize } from '../hooks/index.ts'
-
-export interface MapBoxProps {
-  accessToken: string
-  darkMode?: boolean
-  options?: Partial<MapOptions>
-  zoom?: number
-}
-
-export const MapBox: React.FC<MapBoxProps> = ({
-  accessToken, darkMode = false, options, zoom = 2, ...props
-}) => {
-  const [map, setMap] = useState<Map>()
-  const mapContainerRef = useRef<HTMLDivElement>(null)
-  const mapCanvasRef = useRef<HTMLCanvasElement>(null)
-  const { setMapBoxInstance, map: mapInstance } = useMapBoxInstance()
-  const { mapSettings } = useMapSettings()
-
-  const activeResize = mapSettings?.dynamicMapResize.value
-  useDynamicMapResize(mapContainerRef, mapCanvasRef, mapInstance, activeResize)
-
-  useEffect(() => {
-    if (mapSettings?.preferDark?.value === true) {
-      map?.setStyle(`mapbox://styles/${MapStyle.Dark}`)
-    } else {
-      map?.setStyle(`mapbox://styles/${darkMode ? MapStyle.Dark : MapStyle.Light}`)
-    }
-  }, [map, darkMode, mapSettings])
-
-  useEffect(() => {
-    const map = new Map({
-      accessToken,
-      center: [0, 0],
-      container: mapContainerRef.current ?? '',
-      style: `mapbox://styles/${MapStyle.Light}`,
-      zoom,
-      ...options,
-    })
-
-    // Allow external components to control the map
-    setMapBoxInstance?.(map)
-    setMap(map)
-
-    // save the map canvas ref to help with resizing
-    mapCanvasRef.current = document.querySelector('.mapboxgl-canvas') as HTMLCanvasElement | null
-
-    console.log('Created Map')
-
-    return () => {
-      console.log('Removing Map')
-      map.remove()
-    }
-  }, [mapContainerRef, setMap, options, zoom, setMapBoxInstance, accessToken])
-
-  return (
-    <div
-      ref={(el) => { mapContainerRef.current = el }}
-      style={{
-        bottom: 0,
-        left: 0,
-        position: 'absolute',
-        right: 0,
-        top: 0,
-        ...props,
-      }}
-    />
-  )
-}

package/src/Components/MapBoxHeat.tsx

@@ -1,19 +0,0 @@
-import { FlexCol } from '@xylabs/react-flexbox'
-import React from 'react'
-
-import type { MapboxFlexBoxProps } from '../lib/index.ts'
-import { MapBox } from './MapBox.tsx'
-import { MapSettingsBox } from './MapSettingsComponents/index.ts'
-
-export const MapboxHeatFlexBox: React.FC<MapboxFlexBoxProps> = ({
-  accessToken, children, mapBoxOptions, zoom, legend, developerMode, ...props
-}) => {
-  return (
-    <FlexCol {...props}>
-      <MapBox accessToken={accessToken} options={mapBoxOptions} zoom={zoom} />
-      <MapSettingsBox developerMode={developerMode} />
-      {legend}
-      {children}
-    </FlexCol>
-  )
-}

package/src/Components/MapBoxPoints.tsx

@@ -1,99 +0,0 @@
-import { Alert } from '@mui/material'
-import { FlexCol } from '@xylabs/react-flexbox'
-import type { Feature, Point } from 'geojson'
-import type { MapOptions } from 'mapbox-gl'
-import React, {
-  useCallback, useEffect, useMemo,
-} from 'react'
-
-import { useMapBoxInstance, useMapSettings } from '../Contexts/index.ts'
-import type { MapboxFlexBoxProps } from '../lib/index.ts'
-import { MapPoints } from '../MapBoxClasses/index.ts'
-import { MapBox } from './MapBox.tsx'
-import { MapSettingsBox } from './MapSettingsComponents/index.ts'
-
-export interface MapboxPointsFlexBoxProps extends MapboxFlexBoxProps {
-  accessToken: string
-  features?: Feature<Point>[]
-}
-
-export const MapboxPointsFlexBox: React.FC<MapboxPointsFlexBoxProps> = ({
-  accessToken,
-  features,
-  fitToPointsPadding = 20,
-  layers,
-  zoom,
-  ...props
-}) => {
-  const { mapSettings } = useMapSettings()
-  const { map, mapInitialized } = useMapBoxInstance()
-
-  /**
-   * Needed because of a bug in mapbox taking undefined values for the config options of fitToBounds
-   * see - https://github.com/mapbox/mapbox-gl-js/issues/10013
-   */
-  const customFitToBoundsOptions = (zoom?: number): MapOptions['fitBoundsOptions'] => {
-    if (zoom !== undefined) {
-      return { maxZoom: zoom }
-    }
-    return {}
-  }
-
-  const mapPoints = useMemo(() => {
-    return (map && features?.length)
-      ? new MapPoints({
-          features, map, zoom,
-        })
-      : undefined
-  }, [map, features, zoom])
-
-  const updateFeatures = useCallback(() => {
-    if (mapPoints?.isMapReady && features?.length && layers)
-      for (const layer of layers) {
-        mapPoints.initializeMapSource(layer)
-      }
-  }, [mapPoints, features, layers])
-
-  const updateMapSetup = useCallback(() => {
-    const { fitToPoints } = mapSettings || {}
-
-    if (mapPoints && map && fitToPoints?.value === true) {
-      mapPoints.initialMapPositioning({
-        padding: {
-          bottom: fitToPointsPadding, left: fitToPointsPadding, right: fitToPointsPadding, top: fitToPointsPadding,
-        },
-        ...customFitToBoundsOptions(zoom),
-      })
-    }
-  }, [mapSettings, mapPoints, map, fitToPointsPadding, zoom])
-
-  const reInitializeMap = useCallback(() => {
-    mapPoints?.initialMapPositioning({
-      padding: {
-        bottom: fitToPointsPadding, left: fitToPointsPadding, right: fitToPointsPadding, top: fitToPointsPadding,
-      },
-      ...customFitToBoundsOptions(zoom),
-    })
-    updateFeatures()
-  }, [mapPoints, fitToPointsPadding, updateFeatures, zoom])
-
-  useEffect(() => {
-    if (mapInitialized) {
-      updateMapSetup()
-      reInitializeMap()
-    }
-  }, [mapInitialized, reInitializeMap, updateMapSetup])
-
-  return (
-    <FlexCol alignItems="stretch" id="xyo-mapbox-wrap" {...props}>
-      {features
-        ? (
-            <>
-              <MapBox accessToken={accessToken} zoom={zoom} />
-              <MapSettingsBox />
-            </>
-          )
-        : <Alert severity="error">No data to show</Alert>}
-    </FlexCol>
-  )
-}

package/src/Components/MapSettingsComponents/Setting.tsx

@@ -1,36 +0,0 @@
-import type { SwitchProps } from '@mui/material'
-import { FormControlLabel, Switch } from '@mui/material'
-import React from 'react'
-
-import { useMapSettings } from '../../Contexts/index.ts'
-
-export interface MapSettingSwitchProps extends SwitchProps {
-  developerMode?: boolean
-  field: string
-}
-
-export const MapSettingSwitch: React.FC<MapSettingSwitchProps> = ({
-  developerMode, field, ...props
-}) => {
-  const { mapSettings, setMapSettings } = useMapSettings()
-  const setting = mapSettings?.[field]
-
-  const onLocalChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    if (setting) {
-      setMapSettings?.((previous) => {
-        previous[setting.field].value = event.target.checked
-        return { ...previous }
-      })
-    }
-  }
-
-  if (setting?.devMode && developerMode === false) {
-    return null
-  }
-
-  return setting?.hidden
-    ? null
-    : (
-        <FormControlLabel label={setting?.label} control={<Switch checked={setting?.value} onChange={onLocalChange} {...props} />} />
-      )
-}

package/src/Components/MapSettingsComponents/SettingsBox.tsx

@@ -1,34 +0,0 @@
-import { Paper, Stack } from '@mui/material'
-import { useAppSettings } from '@xylabs/react-app-settings'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'
-import React from 'react'
-
-import { useMapSettings } from '../../Contexts/index.ts'
-import { MapSettingSwitch } from './Setting.tsx'
-
-export interface MapSettingsBoxProps extends FlexBoxProps {
-  developerMode?: boolean
-}
-
-export const MapSettingsBox: React.FC<MapSettingsBoxProps> = ({ developerMode, ...props }) => {
-  const { mapSettings } = useMapSettings()
-  const { developerMode: devModeFromContext } = useAppSettings()
-  const resolveDeveloperMode = developerMode ?? devModeFromContext
-
-  return mapSettings && resolveDeveloperMode
-    ? (
-        <FlexGrowRow bottom={36} left={10} position="absolute" {...props}>
-          <FlexRow paddingX={2}>
-            <Paper>
-              <Stack direction="row" spacing={1} marginX={1}>
-                {Object.keys(mapSettings).map((key, index) => {
-                  return <MapSettingSwitch key={index} field={mapSettings[key].field} developerMode={developerMode} />
-                })}
-              </Stack>
-            </Paper>
-          </FlexRow>
-        </FlexGrowRow>
-      )
-    : null
-}

package/src/Components/MapSettingsComponents/index.ts

@@ -1,2 +0,0 @@
-export * from './Setting.tsx'
-export * from './SettingsBox.tsx'

package/src/Components/index.ts

@@ -1,11 +0,0 @@
-export * from './AnimatedHeatMap.tsx'
-export * from './AnimatedHeatMapLoaded.tsx'
-export * from './FeaturesToLayersMap.ts'
-export * from './HeatMapSettings.ts'
-export * from './LayerAnimator.tsx'
-export * from './Legend.tsx'
-export * from './Legends/index.ts'
-export * from './MapBox.tsx'
-export * from './MapBoxHeat.tsx'
-export * from './MapBoxPoints.tsx'
-export * from './MapSettingsComponents/index.ts'

package/src/Contexts/HeatMapInitializer/Context.ts

@@ -1,7 +0,0 @@
-import { createContext } from 'react'
-
-import type { HeatMapInitializerState } from './State.ts'
-
-const HeatMapInitializerContext = createContext<HeatMapInitializerState>({})
-
-export { HeatMapInitializerContext }

package/src/Contexts/HeatMapInitializer/Provider.tsx

@@ -1,93 +0,0 @@
-import { forget } from '@xylabs/sdk-js'
-import type { AnimatedHeatMapColorProps, HeatMapColorProps } from '@xyo-network/react-map-model'
-import type { Feature, Polygon } from 'geojson'
-import type { PropsWithChildren } from 'react'
-import React, { useEffect, useMemo } from 'react'
-
-import { useDynamicPositioning } from '../../hooks/index.ts'
-import type { MapLayer } from '../../Layers/index.ts'
-import { MapHeat } from '../../MapBoxClasses/index.ts'
-import { useMapBoxInstance } from '../MapBoxInstance/index.ts'
-import { useMapSettings } from '../MapSettings/index.ts'
-import { HeatMapInitializerContext } from './Context.ts'
-import type { HeatMapInitializerState } from './State.ts'
-
-export interface MapInitializerProviderProps {
-  featureSets?: Feature<Polygon>[][]
-  featureSetsLayers?: MapLayer[]
-  features?: Feature<Polygon>[]
-  fitToPadding?: number
-  heatMapColorProps: HeatMapColorProps | AnimatedHeatMapColorProps
-  layers?: MapLayer[]
-  zoom?: number
-}
-
-export const HeatMapInitializerProvider: React.FC<PropsWithChildren<MapInitializerProviderProps>> = ({
-  children,
-  featureSets,
-  featureSetsLayers,
-  features,
-  fitToPadding,
-  heatMapColorProps,
-  layers,
-  zoom,
-}) => {
-  const { options } = useDynamicPositioning()
-  const { mapSettings } = useMapSettings()
-  const { map, mapInitialized } = useMapBoxInstance()
-
-  const mapHeat = useMemo(() => {
-    return (map && features?.length)
-      ? new MapHeat({
-          features, map, zoom,
-        })
-      : undefined
-  }, [map, features, zoom])
-
-  const value: HeatMapInitializerState = useMemo(() => ({
-    MapHeat: mapHeat,
-    heatMapColorProps,
-  }), [mapHeat, heatMapColorProps])
-
-  useEffect(() => {
-    if (mapInitialized && featureSets?.length && featureSets[0].length > 0 && map && featureSetsLayers?.length) {
-      const { lowUsageColor, highUsageColor } = heatMapColorProps as AnimatedHeatMapColorProps
-      forget(MapHeat.initializeAnimatedHeatMapSource(featureSetsLayers, featureSets, map, lowUsageColor, highUsageColor))
-    }
-
-    return () => {
-      MapHeat.animationStarted = false
-    }
-  }, [featureSets, featureSetsLayers, mapInitialized, map, heatMapColorProps])
-
-  useEffect(() => {
-    if (mapHeat && mapInitialized && features?.length && layers?.length) {
-      mapHeat.initializeHeatMapSource(layers)
-    }
-  }, [mapHeat, features?.length, layers, mapInitialized])
-
-  useEffect(() => {
-    if (mapInitialized) {
-      const { fitToPoints } = mapSettings || {}
-
-      if (map) {
-        if (fitToPoints?.value === true) {
-          MapHeat.initialMapPositioning(
-            {
-              padding: {
-                bottom: fitToPadding, left: fitToPadding, right: fitToPadding, top: fitToPadding,
-              },
-            },
-            map,
-            features,
-          )
-        } else if (options?.zoom && options.center) {
-          map.setZoom(options.zoom)
-          map.setCenter(options.center)
-        }
-      }
-    }
-  }, [mapHeat, map, mapSettings, fitToPadding, options, mapInitialized, features])
-
-  return <HeatMapInitializerContext value={value}>{children}</HeatMapInitializerContext>
-}

package/src/Contexts/HeatMapInitializer/State.ts

@@ -1,8 +0,0 @@
-import type { HeatMapColorProps } from '@xyo-network/react-map-model'
-
-import type { MapHeat } from '../../MapBoxClasses/index.ts'
-
-export interface HeatMapInitializerState {
-  MapHeat?: MapHeat
-  heatMapColorProps?: HeatMapColorProps
-}

package/src/Contexts/HeatMapInitializer/index.ts

@@ -1,3 +0,0 @@
-export * from './Provider.tsx'
-export * from './State.ts'
-export * from './useHeatMapInitializer.tsx'

package/src/Contexts/HeatMapInitializer/useHeatMapInitializer.tsx

@@ -1,13 +0,0 @@
-import { assertEx } from '@xylabs/sdk-js'
-import { use } from 'react'
-
-import { HeatMapInitializerContext } from './Context.ts'
-
-const useHeatMapInitializer = () => {
-  const context = use(HeatMapInitializerContext)
-  assertEx('heatMapInitialized' in context, () => 'useHeatMapInitializer must be used within a HeatMapInitializerContext')
-
-  return context
-}
-
-export { useHeatMapInitializer }

package/src/Contexts/MapBoxInstance/Context.ts

@@ -1,7 +0,0 @@
-import { createContext } from 'react'
-
-import type { MapBoxInstanceState } from './State.ts'
-
-const MapBoxInstanceContext = createContext<MapBoxInstanceState>({})
-
-export { MapBoxInstanceContext }

package/src/Contexts/MapBoxInstance/Provider.tsx

@@ -1,26 +0,0 @@
-import type { Map } from 'mapbox-gl'
-import type { PropsWithChildren } from 'react'
-import React, {
-  useEffect, useMemo, useState,
-} from 'react'
-
-import { MapBoxInstanceContext } from './Context.ts'
-
-export const MapBoxInstanceProvider: React.FC<PropsWithChildren> = ({ children }) => {
-  const [map, setMapBoxInstance] = useState<Map>()
-  const [mapInitialized, setMapInitialized] = useState(false)
-
-  const value = useMemo(() => ({
-    map, mapInitialized, setMapBoxInstance,
-  }), [map, mapInitialized, setMapBoxInstance])
-
-  useEffect(() => {
-    if (!mapInitialized && map) {
-      map?.on('load', () => {
-        setMapInitialized(true)
-      })
-    }
-  }, [map, mapInitialized, setMapInitialized])
-
-  return <MapBoxInstanceContext value={value}>{children}</MapBoxInstanceContext>
-}

package/src/Contexts/MapBoxInstance/State.ts

@@ -1,8 +0,0 @@
-import type { Map } from 'mapbox-gl'
-import type { Dispatch, SetStateAction } from 'react'
-
-export interface MapBoxInstanceState {
-  map?: Map
-  mapInitialized?: boolean
-  setMapBoxInstance?: Dispatch<SetStateAction<Map | undefined>>
-}

package/src/Contexts/MapBoxInstance/index.ts

@@ -1,3 +0,0 @@
-export * from './Provider.tsx'
-export * from './State.ts'
-export * from './useMapBoxInstance.tsx'

package/src/Contexts/MapBoxInstance/useMapBoxInstance.tsx

@@ -1,13 +0,0 @@
-import { assertEx } from '@xylabs/sdk-js'
-import { use } from 'react'
-
-import { MapBoxInstanceContext } from './Context.ts'
-
-const useMapBoxInstance = () => {
-  const context = use(MapBoxInstanceContext)
-  assertEx('map' in context, () => 'useMapBoxInstance must be used within a MapBoxInstanceContext')
-
-  return context
-}
-
-export { useMapBoxInstance }

package/src/Contexts/MapSettings/Context.ts

@@ -1,7 +0,0 @@
-import { createContext } from 'react'
-
-import type { MapSettingsState } from './State.ts'
-
-const MapSettingsContext = createContext<MapSettingsState>({})
-
-export { MapSettingsContext }

package/src/Contexts/MapSettings/Provider.tsx

@@ -1,43 +0,0 @@
-import type { MapSetting } from '@xyo-network/react-map-model'
-import type { PropsWithChildren } from 'react'
-import React, {
-  useEffect, useMemo, useState,
-} from 'react'
-
-import { MapSettings } from '../../MapBoxClasses/index.ts'
-import { useMapBoxInstance } from '../MapBoxInstance/index.ts'
-import { MapSettingsContext } from './Context.ts'
-import type { MapSettingsState } from './State.ts'
-
-export interface MapSettingsProviderProps {
-  debugLayerName?: string
-  defaultMapSettings?: MapSetting
-  requestLocation?: boolean
-  zoom?: number
-}
-
-export const MapSettingsProvider: React.FC<PropsWithChildren<MapSettingsProviderProps>> = ({
-  children,
-  debugLayerName,
-  defaultMapSettings,
-  requestLocation,
-  zoom = 1,
-}) => {
-  const [mapSettings, setMapSettings] = useState<MapSetting>(defaultMapSettings || {})
-  const { map, mapInitialized } = useMapBoxInstance()
-
-  const value: MapSettingsState = useMemo(() => ({
-    mapSettings,
-    setMapSettings,
-  }), [mapSettings, setMapSettings])
-
-  useEffect(() => {
-    if (mapSettings && map && mapInitialized) {
-      MapSettings.updateSettings({
-        debugLayerName, map, requestLocation, settings: mapSettings, zoom,
-      })
-    }
-  }, [debugLayerName, map, mapInitialized, mapSettings, requestLocation, zoom])
-
-  return <MapSettingsContext value={value}>{children}</MapSettingsContext>
-}

package/src/Contexts/MapSettings/State.ts

@@ -1,7 +0,0 @@
-import type { MapSetting } from '@xyo-network/react-map-model'
-import type { Dispatch } from 'react'
-
-export interface MapSettingsState {
-  mapSettings?: MapSetting
-  setMapSettings?: Dispatch<React.SetStateAction<MapSetting>>
-}

package/src/Contexts/MapSettings/index.ts

@@ -1,3 +0,0 @@
-export * from './Provider.tsx'
-export * from './State.ts'
-export * from './useMapSettings.tsx'

package/src/Contexts/MapSettings/useMapSettings.tsx

@@ -1,11 +0,0 @@
-import { use } from 'react'
-
-import { MapSettingsContext } from './Context.ts'
-
-const useMapSettings = () => {
-  const context = use(MapSettingsContext)
-
-  return context
-}
-
-export { useMapSettings }

package/src/Contexts/index.ts

@@ -1,3 +0,0 @@
-export * from './HeatMapInitializer/index.ts'
-export * from './MapBoxInstance/index.ts'
-export * from './MapSettings/index.ts'

package/src/Layers/Builders/LocationHeatMapLayerBuilder.ts

@@ -1,36 +0,0 @@
-import {
-  HeatMapFillLayerConfig, HeatMapLineLayerConfig, HeatMapSymbolLayerConfig,
-} from '../Configs/index.ts'
-import { FillLayerBuilder } from '../FillLayer.ts'
-import { LineLayerBuilder } from '../LineLayer.ts'
-import { SymbolLayerBuilder } from '../SymbolLayer.ts'
-
-export const MapHeatConstants = {
-  LocationDebugLayerId: 'location-debug-id',
-  LocationDebugLayerSource: 'location-debug-source',
-  LocationFillLayerId: 'location-fill-id',
-  LocationFillLayerSource: 'location-fill-source',
-  LocationLineLayerId: 'location-line-id',
-  LocationLineLayerSource: 'location-line-source',
-}
-
-export const LocationHeatMapLayerBuilder = (color: string, alternateColor = '#000') => {
-  const {
-    LocationFillLayerId,
-    LocationFillLayerSource,
-    LocationLineLayerId,
-    LocationLineLayerSource,
-    LocationDebugLayerId,
-    LocationDebugLayerSource,
-  } = MapHeatConstants
-
-  const fillLayerConfig = HeatMapFillLayerConfig(color)
-  const lineLayerConfig = HeatMapLineLayerConfig(color)
-  const debugLayerConfig = HeatMapSymbolLayerConfig(alternateColor)
-
-  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig)
-  const lineLayer = new LineLayerBuilder(LocationLineLayerId, LocationLineLayerSource, lineLayerConfig)
-  const debugLayer = new SymbolLayerBuilder(LocationDebugLayerId, LocationDebugLayerSource, debugLayerConfig)
-
-  return [fillLayer, lineLayer, debugLayer]
-}

package/src/Layers/Builders/LocationHeatMapLayerBuilderAnimated.ts

@@ -1,21 +0,0 @@
-import { HeatMapFillLayerConfig } from '../Configs/index.ts'
-import { FillLayerBuilder } from '../FillLayer.ts'
-
-const MapHeatConstants = (index: number, type: string) => ({
-  LocationDebugLayerId: `location-${type}-debug-id-${index}`,
-  LocationDebugLayerSource: `location-${type}-debug-source-${index}`,
-  LocationFillLayerId: `location-${type}-fill-id-${index}`,
-  LocationFillLayerSource: `location-${type}-fill-source-${index}`,
-  LocationLineLayerId: `location-${type}-line-id-${index}`,
-  LocationLineLayerSource: `location-${type}-line-source-${index}`,
-})
-
-export const LocationHeatMapLayerBuilderAnimated = (color: string, index: number, type = '') => {
-  const { LocationFillLayerId, LocationFillLayerSource } = MapHeatConstants(index, type)
-
-  const fillLayerConfig = HeatMapFillLayerConfig(color)
-
-  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig)
-
-  return fillLayer
-}

package/src/Layers/Builders/LocationPointsMapLayerBuilder.ts

@@ -1,17 +0,0 @@
-import { CircleLayerBuilder } from '../CircleLayer.ts'
-import { LocationPointLayerConfig } from '../Configs/index.ts'
-
-export const MapPointsConstants = {
-  LocationDotsLayerId: 'location-dots',
-  LocationDotsLayerSource: 'location-dots-source',
-}
-
-export const LocationPointsMapLayerBuilder = (color: string, circleRadius = 6, circleOpacity = 0.8) => {
-  const { LocationDotsLayerId, LocationDotsLayerSource } = MapPointsConstants
-
-  const dotLayerConfig = LocationPointLayerConfig(color, circleRadius, circleOpacity)
-
-  const dotLayer = new CircleLayerBuilder(LocationDotsLayerId, LocationDotsLayerSource, dotLayerConfig)
-
-  return [dotLayer]
-}

package/src/Layers/Builders/index.ts

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