@xyo-network/react-map 2.26.44 → 2.26.47

package/src/Components/LayerAnimator.tsx

@@ -5,7 +5,7 @@ import { useCallback, useEffect, useRef, useState } from 'react'
 import { XyoMapLayer } from '../Layers'
 import { XyoMapBoxBaseProps } from '../lib'
 
-interface LayerAnimatorProps {
+export interface LayerAnimatorProps {
   map: Map | undefined
   animateLayers?: boolean
   layersInitialized: boolean
@@ -15,7 +15,7 @@ interface LayerAnimatorProps {
 const timeIncrement = 2000
 const animatedLayerCount = 3
 
-const LayerAnimator: React.FC<WithChildren<LayerAnimatorProps>> = ({ children, animateLayers, layersInitialized, layers, map }) => {
+export const LayerAnimator: React.FC<WithChildren<LayerAnimatorProps>> = ({ children, animateLayers, layersInitialized, layers, map }) => {
   const [fillLayers, setFillLayers] = useState<XyoMapLayer[]>([])
   const layerIndexQueue = useRef<number[]>([])
 
@@ -115,5 +115,3 @@ const LayerAnimator: React.FC<WithChildren<LayerAnimatorProps>> = ({ children, a
 
   return <>{children}</>
 }
-
-export { LayerAnimator }

package/src/Components/Legends/ColorGradient.tsx

@@ -12,7 +12,11 @@ const ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({ startColor, e
         {heading}
       </Typography>
       <FlexCol flexGrow={1} alignItems="stretch" paddingX={theme.spacing(1)} mb={theme.spacing(0.25)}>
-        <FlexCol height={theme.spacing(0.75)} border={`1px solid ${textColor}`} sx={{ backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }} />
+        <FlexCol
+          height={theme.spacing(0.75)}
+          border={`1px solid ${textColor}`}
+          sx={{ backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }}
+        />
       </FlexCol>
       <FlexRow flexGrow={1} justifyContent="space-between">
         <Typography color={textColor} variant="caption">

package/src/Components/MapBoxPoints.tsx

@@ -9,12 +9,12 @@ import { XyoMapPoints } from '../MapBoxClasses'
 import { MapBox } from './MapBox'
 import { MapSettings } from './MapSettingsComponents'
 
-interface MapBoxPointsProps extends XyoMapBoxBaseProps {
+export interface MapBoxPointsProps extends XyoMapBoxBaseProps {
   features?: Feature<Point>[]
   accessToken: string
 }
 
-const MapBoxPoints: React.FC<MapBoxPointsProps> = ({ accessToken, features, layers, fitToPointsPadding = 20, zoom, ...props }) => {
+export const MapBoxPoints: React.FC<MapBoxPointsProps> = ({ accessToken, features, layers, fitToPointsPadding = 20, zoom, ...props }) => {
   const [MapPoints, setMapPoints] = useState<XyoMapPoints>()
   const { mapSettings } = useMapSettings()
   const { map, mapInitialized } = useMapBoxInstance()
@@ -68,5 +68,3 @@ const MapBoxPoints: React.FC<MapBoxPointsProps> = ({ accessToken, features, laye
     </FlexCol>
   )
 }
-
-export { MapBoxPoints }

package/src/Contexts/HeatMapInitializer/index.ts

@@ -1,2 +1,3 @@
 export * from './Provider'
+export * from './State'
 export * from './useHeatMapInitializer'

package/src/Contexts/MapBoxInstance/index.ts

@@ -1,2 +1,3 @@
 export * from './Provider'
+export * from './State'
 export * from './useMapBoxInstance'

package/src/Contexts/MapSettings/Provider.tsx

@@ -7,14 +7,20 @@ import { useMapBoxInstance } from '../MapBoxInstance'
 import { MapSettingsContext } from './Context'
 import { MapSettingsState } from './State'
 
-interface MapSettingsProviderProps {
+export interface MapSettingsProviderProps {
   defaultMapSettings?: MapSetting
   requestLocation?: boolean
   zoom?: number
   debugLayerName?: string
 }
 
-export const MapSettingsProvider: React.FC<WithChildren<MapSettingsProviderProps>> = ({ children, debugLayerName, defaultMapSettings, requestLocation, zoom = 1 }) => {
+export const MapSettingsProvider: React.FC<WithChildren<MapSettingsProviderProps>> = ({
+  children,
+  debugLayerName,
+  defaultMapSettings,
+  requestLocation,
+  zoom = 1,
+}) => {
   const [mapSettings, setMapSettings] = useState<MapSetting>(defaultMapSettings || {})
   const { map, mapInitialized } = useMapBoxInstance()
 

package/src/Contexts/MapSettings/index.ts

@@ -1,2 +1,3 @@
 export * from './Provider'
+export * from './State'
 export * from './useMapSettings'

package/src/Layers/Builders/LocationHeatMapLayerBuilder.ts

@@ -13,7 +13,8 @@ export const MapHeatConstants = {
 }
 
 export const LocationHeatMapLayerBuilder = (color: string, alternateColor = '#000') => {
-  const { LocationFillLayerId, LocationFillLayerSource, LocationLineLayerId, LocationLineLayerSource, LocationDebugLayerId, LocationDebugLayerSource } = MapHeatConstants
+  const { LocationFillLayerId, LocationFillLayerSource, LocationLineLayerId, LocationLineLayerSource, LocationDebugLayerId, LocationDebugLayerSource } =
+    MapHeatConstants
 
   const fillLayerConfig = HeatMapFillLayerConfig(color)
   const lineLayerConfig = HeatMapLineLayerConfig(color)

package/src/Layers/Configs/HeatMapFillLayerConfig.ts

@@ -3,6 +3,11 @@ import { FillLayer } from 'mapbox-gl'
 export const HeatMapFillLayerConfig: (color: string) => Partial<FillLayer> = (color) => ({
   paint: {
     'fill-color': color,
-    'fill-opacity': ['let', 'density', ['+', ['/', ['number', ['get', 'value']], 4], 0.125], ['interpolate', ['linear'], ['var', 'density'], 0.8, ['var', 'density'], 1, 0.85]],
+    'fill-opacity': [
+      'let',
+      'density',
+      ['+', ['/', ['number', ['get', 'value']], 4], 0.125],
+      ['interpolate', ['linear'], ['var', 'density'], 0.8, ['var', 'density'], 1, 0.85],
+    ],
   },
 })

package/src/Layers/Configs/LocationPointLayerConfig.ts

@@ -1,6 +1,10 @@
 import { CircleLayer } from 'mapbox-gl'
 
-export const LocationPointLayerConfig: (color: string, circleRadius: number, circleOpacity: number) => Partial<CircleLayer> = (color, circleRadius, circleOpacity) => {
+export const LocationPointLayerConfig: (color: string, circleRadius: number, circleOpacity: number) => Partial<CircleLayer> = (
+  color,
+  circleRadius,
+  circleOpacity
+) => {
   return {
     paint: {
       'circle-color': color,

package/src/MapBoxClasses/XyoMapHeat.ts

@@ -104,7 +104,12 @@ export class XyoMapHeat extends XyoMapBase<Polygon> {
       // 2x factor to account for combinative effect of the overlay of two layers at once
       const divisor = factor + factor * sinFade
       const offset = initialPad * cosFade
-      return ['let', 'density', ['+', ['/', ['number', ['get', 'value']], divisor], offset], ['interpolate', ['linear'], ['var', 'density'], 0, lowUsageColor, 0.5, highUsageColor]]
+      return [
+        'let',
+        'density',
+        ['+', ['/', ['number', ['get', 'value']], divisor], offset],
+        ['interpolate', ['linear'], ['var', 'density'], 0, lowUsageColor, 0.5, highUsageColor],
+      ]
     }
 
     const fadedIn: boolean[] = layers.map((_) => false)

package/src/Settings/MapSetting.ts

@@ -1,4 +1,4 @@
-type MapSettingFields = 'debugLayer' | 'fitToPoints' | 'scrollToZoom' | 'enableControls' | 'debugLogging' | 'preferDark'
+export type MapSettingFields = 'debugLayer' | 'fitToPoints' | 'scrollToZoom' | 'enableControls' | 'debugLogging' | 'preferDark'
 
 export type MapSetting = {
   [field in MapSettingFields | string]: {

package/src/hooks/useFindHashes.tsx

@@ -1,5 +1,21 @@
 import { useNetwork, XyoArchivistPreset } from '@xyo-network/react-network'
 
+const parseAnimatedAnswerHashes = () => {
+  return [
+    '79af071f451fc7af10d009dc63236ef9a9b211732c1ee0c06f028fcecf2336c5',
+    '531bfba6d8dfefd3bcc888aca54cdbbd4574ed2b3ec551b230845a1f9a608898',
+    'c874412b4faa4947de81372fd1ba12fdd6f43f5e408622b7f357cb2bcb3f17cb',
+    '29d3f8b882c61a82a1a1675782a27e797ea7196f45a23b4409680ab8b8d5f14e',
+    'cfd20f80ac073fd9518f4ef3f43d2a1f5e4e56e40c2677f38d6f6fecd05df60c',
+    '1354fa73497519a39aed19fc99bdbae78a880a1eafb2f7898d607e07db36528d',
+    '1043b0d25eacfc5013ae9dba780305a6fbf01a43543bd871d7c00537fca142a9',
+    '973dfc5df142851ced258d52d0ac2784e814000ac22e35776f772256b0d4dde9',
+    '463808eb74d3d87e6563970e0301a493577f8cd1b501e6e0ffa5e027ad2cea95',
+    '15b21acea2e3fd9d1ace3768a72636ee7bdf67a6f8e0807bfa2273dea2207555',
+    '32d377bfe7ebe382598c54dd13f8af7510e0a1e2fd2e913311fdd58e517e5e2e,',
+  ]
+}
+
 const parseStaticAnswerHash = () => {
   return 'c7bbf61f61cfd4a1b2def160c28136fc1d100d39fbdb67b227a2c6e558d9d3a5'
 }
@@ -7,7 +23,7 @@ const parseStaticAnswerHash = () => {
 const useFindHashes = () => {
   const { network } = useNetwork()
   const exploreMapHashes = (network?.nodes?.find((node) => node.type === 'archivist') as XyoArchivistPreset)?.explorerMapHashes
-  const animatedAnswerHashes = exploreMapHashes?.animatedAnswerHashes || []
+  const animatedAnswerHashes = exploreMapHashes?.animatedAnswerHashes || parseAnimatedAnswerHashes()
   const staticAnswerHash = exploreMapHashes?.staticAnswerHash || parseStaticAnswerHash()
 
   return [staticAnswerHash, ...animatedAnswerHashes]

package/src/index.ts

@@ -4,6 +4,7 @@ export * from './Components'
 export * from './Contexts'
 export * from './hooks'
 export * from './Layers'
+export * from './lib'
 export * from './MapBoxClasses'
 export * from './Settings'
 export * from './types'

package/src/types/NetworkLocationAnswerBase.ts

@@ -1,7 +1,7 @@
 import { XyoPayload } from '@xyo-network/payload'
 import { Feature, Point, Polygon } from 'geojson'
 
-interface NetworkLocationAnswerBase<T> extends XyoPayload {
+export interface NetworkLocationAnswerBase<T> extends XyoPayload {
   result: T
 }