@xyo-network/react-map 6.1.3 → 6.2.0

package/dist/browser/index.d.ts

@@ -1,272 +1,6 @@
-import * as _xyo_network_react_map_model from '@xyo-network/react-map-model';
-import { MapSetting, AnimatedHeatMapColorProps, ColorGradientLegendProps, HeatMapColorProps, NetworkLocationHeatmapQuadkeyAnswerPayload } from '@xyo-network/react-map-model';
-import * as geojson from 'geojson';
-import { Feature, Polygon, Point, Geometry } from 'geojson';
-import React$1, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, RefObject } from 'react';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { LayerBase } from '@xyo-network/sdk-geo';
-import * as mapbox_gl from 'mapbox-gl';
-import { FillLayerSpecification, LineLayerSpecification, SymbolLayerSpecification, CircleLayerSpecification, Layer, LayerSpecification, MapOptions, Map, LngLatBounds, GeolocateControl, MapEventOf, MapEventType, NavigationControl } from 'mapbox-gl';
-import { SwitchProps } from '@mui/material';
-
-interface AnimatedHeatMapProps {
-    accessToken: string;
-    animatedFeatureSets: Feature<Polygon>[][];
-    defaultMapSettings?: MapSetting;
-    heatMapColorProps: AnimatedHeatMapColorProps;
-    staticFeatureSet: Feature<Polygon>[];
-}
-declare const AnimatedHeatMap: React$1.FC<PropsWithChildren<AnimatedHeatMapProps>>;
-
-interface AnimatedHeatMapLoadedProps extends FlexBoxProps {
-    accessToken: string;
-    archivistNameOrAddress: string;
-}
-declare const AnimatedHeatMapLoaded: React$1.FC<AnimatedHeatMapLoadedProps>;
-
-declare class FillLayerBuilder extends LayerBase<FillLayerSpecification> {
-    FillLayerOptions: Partial<FillLayerSpecification>;
-    type: 'fill';
-    constructor(id: string, source: string, FillLayerOptions?: Partial<FillLayerSpecification>);
-    buildLayer(): FillLayerSpecification;
-}
-
-declare class LineLayerBuilder extends LayerBase<LineLayerSpecification> {
-    LineLayerOptions: Partial<LineLayerSpecification>;
-    type: 'line';
-    constructor(id: string, source: string, LineLayerOptions?: Partial<LineLayerSpecification>);
-    buildLayer(): LineLayerSpecification;
-}
-
-declare class SymbolLayerBuilder extends LayerBase<SymbolLayerSpecification> {
-    SymbolLayerOptions: Partial<SymbolLayerSpecification>;
-    type: 'symbol';
-    constructor(id: string, source: string, SymbolLayerOptions?: Partial<SymbolLayerSpecification>);
-    buildLayer(): SymbolLayerSpecification;
-}
-
-declare const MapHeatConstants: {
-    LocationDebugLayerId: string;
-    LocationDebugLayerSource: string;
-    LocationFillLayerId: string;
-    LocationFillLayerSource: string;
-    LocationLineLayerId: string;
-    LocationLineLayerSource: string;
-};
-declare const LocationHeatMapLayerBuilder: (color: string, alternateColor?: string) => (FillLayerBuilder | LineLayerBuilder | SymbolLayerBuilder)[];
-
-declare const LocationHeatMapLayerBuilderAnimated: (color: string, index: number, type?: string) => FillLayerBuilder;
-
-declare class CircleLayerBuilder extends LayerBase<CircleLayerSpecification> {
-    CircleLayerOptions: Partial<CircleLayerSpecification>;
-    type: 'circle';
-    constructor(id: string, source: string, CircleLayerOptions?: Partial<CircleLayerSpecification>);
-    buildLayer(): CircleLayerSpecification;
-}
-
-declare const MapPointsConstants: {
-    LocationDotsLayerId: string;
-    LocationDotsLayerSource: string;
-};
-declare const LocationPointsMapLayerBuilder: (color: string, circleRadius?: number, circleOpacity?: number) => CircleLayerBuilder[];
-
-declare const HeatMapFillLayerConfig: (color: string) => Partial<FillLayerSpecification>;
-
-declare const HeatMapLineLayerConfig: (color: string) => Partial<LineLayerSpecification>;
-
-declare const HeatMapSymbolLayerConfig: (color: string) => Partial<SymbolLayerSpecification>;
-
-declare const LocationPointLayerConfig: (color: string, circleRadius: number, circleOpacity: number) => Partial<CircleLayerSpecification>;
-
-interface MapLayer extends Layer {
-    update: LayerBase<LayerSpecification>['update'];
-}
-
-interface FeaturesToLayersMap {
-    features: Feature<Polygon>[];
-    layers: MapLayer[];
-}
-
-declare const HeatMapSettings: _xyo_network_react_map_model.MapSetting;
-//# sourceMappingURL=HeatMapSettings.d.ts.map
-
-interface MapboxFlexBoxProps extends FlexBoxProps {
-    accessToken: string;
-    developerMode?: boolean;
-    disableControls?: boolean;
-    disableFitToPoints?: boolean;
-    features?: Feature[];
-    fitToPointsPadding?: number;
-    layers?: MapLayer[];
-    legend?: ReactNode;
-    mapBoxOptions?: Partial<MapOptions>;
-    requestLocation?: boolean;
-    zoom?: number;
-}
-
-interface LayerAnimatorProps {
-    animateLayers?: boolean;
-    layers: MapboxFlexBoxProps['layers'];
-    layersInitialized: boolean;
-    map: Map | undefined;
-}
-declare const LayerAnimator: React$1.FC<PropsWithChildren<LayerAnimatorProps>>;
-
-declare const AnimatedHeatMapLegend: React$1.FC<ColorGradientLegendProps>;
-//# sourceMappingURL=Legend.d.ts.map
-
-declare const ColorGradientLegend: React$1.FC<ColorGradientLegendProps>;
-//# sourceMappingURL=ColorGradient.d.ts.map
-
-interface MapBoxProps {
-    accessToken: string;
-    darkMode?: boolean;
-    options?: Partial<MapOptions>;
-    zoom?: number;
-}
-declare const MapBox: React$1.FC<MapBoxProps>;
-
-declare const MapboxHeatFlexBox: React$1.FC<MapboxFlexBoxProps>;
-
-interface MapboxPointsFlexBoxProps extends MapboxFlexBoxProps {
-    accessToken: string;
-    features?: Feature<Point>[];
-}
-declare const MapboxPointsFlexBox: React$1.FC<MapboxPointsFlexBoxProps>;
-
-interface MapSettingSwitchProps extends SwitchProps {
-    developerMode?: boolean;
-    field: string;
-}
-declare const MapSettingSwitch: React$1.FC<MapSettingSwitchProps>;
-
-interface MapSettingsBoxProps extends FlexBoxProps {
-    developerMode?: boolean;
-}
-declare const MapSettingsBox: React$1.FC<MapSettingsBoxProps>;
-
-interface MapInitializerProviderProps {
-    featureSets?: Feature<Polygon>[][];
-    featureSetsLayers?: MapLayer[];
-    features?: Feature<Polygon>[];
-    fitToPadding?: number;
-    heatMapColorProps: HeatMapColorProps | AnimatedHeatMapColorProps;
-    layers?: MapLayer[];
-    zoom?: number;
-}
-declare const HeatMapInitializerProvider: React$1.FC<PropsWithChildren<MapInitializerProviderProps>>;
-
-interface MapBaseConfig<T extends Geometry> {
-    features: Feature<T>[];
-    map: Map;
-    requestLocation?: boolean;
-    zoom?: number;
-}
-declare abstract class MapBase<T extends Geometry> {
-    private _config;
-    constructor(config: MapBaseConfig<T>);
-    get isMapReady(): boolean;
-    initializeMapSource(layer: MapLayer): this;
-}
-
-declare class MapHeat extends MapBase<Polygon> {
-    static animationStarted: boolean;
-    config: MapBaseConfig<Polygon>;
-    constructor(config: MapBaseConfig<Polygon>);
-    static initialMapPositioning(options: MapOptions['fitBoundsOptions'], map: Map, features?: Feature<Polygon>[], initialBounds?: LngLatBounds): typeof MapHeat | undefined;
-    static initializeAnimatedHeatMapSource(layers: MapLayer[], featureSet: Feature<Polygon>[][], map: Map, startColor?: string, endColor?: string): Promise<void>;
-    private static updateLayer;
-    initializeHeatMapSource(layers: MapLayer[]): this;
-}
-
-interface MapPointsConfig extends MapBaseConfig<Point> {
-    features: Feature<Point>[];
-}
-declare class MapPoints extends MapBase<Point> {
-    private config;
-    constructor(config: MapPointsConfig);
-    initialMapPositioning(options: MapOptions['fitBoundsOptions'], initialBounds?: LngLatBounds): mapbox_gl.Map;
-}
-
-interface MapSettingsConfig {
-    debugLayerName?: string;
-    map: Map;
-    requestLocation?: boolean;
-    settings: MapSetting;
-    zoom?: number;
-}
-/**
- * Utility class to handle changes in settings
- *
- * Methods are pure functions dedicated to map manipulation
- */
-declare class MapSettings {
-    static geoLocateControl: GeolocateControl | undefined;
-    static mapListeners: {
-        logData: (ev?: MapEventOf<MapEventType>, map?: Map) => void;
-    };
-    static navControl: NavigationControl | undefined;
-    static requestLocation: boolean | undefined;
-    static toggleControls(value: boolean | undefined, map: Map, zoom?: number, requestLocation?: boolean): typeof MapSettings;
-    static toggleDebugLayer(value: boolean | undefined, map: Map, layerName: string): typeof MapSettings;
-    static toggleDebugLogging(value: boolean | undefined, map: Map): void;
-    static toggleScrollToZoom(value: boolean | undefined, map: Map): typeof MapSettings;
-    static updateSettings(config: MapSettingsConfig): void;
-    private static addControls;
-    private static removeControls;
-}
-
-interface HeatMapInitializerState {
-    MapHeat?: MapHeat;
-    heatMapColorProps?: HeatMapColorProps;
-}
-
-declare const useHeatMapInitializer: () => HeatMapInitializerState;
-//# sourceMappingURL=useHeatMapInitializer.d.ts.map
-
-declare const MapBoxInstanceProvider: React$1.FC<PropsWithChildren>;
-
-interface MapBoxInstanceState {
-    map?: Map;
-    mapInitialized?: boolean;
-    setMapBoxInstance?: Dispatch<SetStateAction<Map | undefined>>;
-}
-
-declare const useMapBoxInstance: () => MapBoxInstanceState;
-//# sourceMappingURL=useMapBoxInstance.d.ts.map
-
-interface MapSettingsProviderProps {
-    debugLayerName?: string;
-    defaultMapSettings?: MapSetting;
-    requestLocation?: boolean;
-    zoom?: number;
-}
-declare const MapSettingsProvider: React$1.FC<PropsWithChildren<MapSettingsProviderProps>>;
-
-interface MapSettingsState {
-    mapSettings?: MapSetting;
-    setMapSettings?: Dispatch<React.SetStateAction<MapSetting>>;
-}
-
-declare const useMapSettings: () => MapSettingsState;
-//# sourceMappingURL=useMapSettings.d.ts.map
-
-/**
- * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2
- */
-declare const useDynamicMapResize: (mapContainerRef: RefObject<HTMLDivElement | null>, mapCanvasRef: RefObject<HTMLCanvasElement | null>, mapInstance?: Map, active?: boolean) => void;
-
-declare const useDynamicPositioning: () => {
-    options: Partial<MapOptions> | undefined;
-};
-//# sourceMappingURL=useDynamicPositioning.d.ts.map
-
-declare const useQuadKeyPayloadsToFeatures: (payloads?: NetworkLocationHeatmapQuadkeyAnswerPayload[] | NetworkLocationHeatmapQuadkeyAnswerPayload) => {
-    error: Error | undefined;
-    features: Feature<Geometry, geojson.GeoJsonProperties>[];
-    multipleFeatureSets: Feature<Geometry, geojson.GeoJsonProperties>[][];
-};
-//# sourceMappingURL=useQuadKeyPayloadsToFeatures.d.ts.map
-
-export { AnimatedHeatMap, AnimatedHeatMapLegend, AnimatedHeatMapLoaded, CircleLayerBuilder, ColorGradientLegend, FillLayerBuilder, HeatMapFillLayerConfig, HeatMapInitializerProvider, HeatMapLineLayerConfig, HeatMapSettings, HeatMapSymbolLayerConfig, LayerAnimator, LineLayerBuilder, LocationHeatMapLayerBuilder, LocationHeatMapLayerBuilderAnimated, LocationPointLayerConfig, LocationPointsMapLayerBuilder, MapBase, MapBox, MapBoxInstanceProvider, MapHeat, MapHeatConstants, MapPoints, MapPointsConstants, MapSettingSwitch, MapSettings, MapSettingsBox, MapSettingsProvider, MapboxHeatFlexBox, MapboxPointsFlexBox, SymbolLayerBuilder, useDynamicMapResize, useDynamicPositioning, useHeatMapInitializer, useMapBoxInstance, useMapSettings, useQuadKeyPayloadsToFeatures };
-export type { AnimatedHeatMapLoadedProps, AnimatedHeatMapProps, FeaturesToLayersMap, HeatMapInitializerState, LayerAnimatorProps, MapBaseConfig, MapBoxInstanceState, MapBoxProps, MapInitializerProviderProps, MapLayer, MapPointsConfig, MapSettingSwitchProps, MapSettingsBoxProps, MapSettingsConfig, MapSettingsProviderProps, MapSettingsState, MapboxPointsFlexBoxProps };
+export * from './Components/index.ts';
+export * from './Contexts/index.ts';
+export * from './hooks/index.ts';
+export * from './Layers/index.ts';
+export * from './MapBoxClasses/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-map",
-  "version": "6.1.3",
+  "version": "6.2.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -39,16 +39,16 @@
   "module": "dist/browser/index.mjs",
   "types": "dist/browser/index.d.ts",
   "dependencies": {
-    "@xylabs/assert": "^4.13.21",
-    "@xylabs/delay": "^4.13.21",
-    "@xylabs/exists": "^4.13.21",
-    "@xylabs/forget": "^4.13.21",
-    "@xylabs/react-app-settings": "^6.3.13",
-    "@xylabs/react-flexbox": "^6.3.13",
-    "@xylabs/react-shared": "^6.3.13",
-    "@xylabs/react-theme": "^6.3.13",
-    "@xyo-network/react-archivist": "^6.1.3",
-    "@xyo-network/react-map-model": "^6.1.3",
+    "@xylabs/assert": "^4.15.0",
+    "@xylabs/delay": "^4.15.0",
+    "@xylabs/exists": "^4.15.0",
+    "@xylabs/forget": "^4.15.0",
+    "@xylabs/react-app-settings": "^6.4.0",
+    "@xylabs/react-flexbox": "^6.4.0",
+    "@xylabs/react-shared": "^6.4.0",
+    "@xylabs/react-theme": "^6.4.0",
+    "@xyo-network/react-archivist": "^6.2.0",
+    "@xyo-network/react-map-model": "^6.2.0",
     "@xyo-network/sdk-geo": "^3.0.3",
     "geojson": "^0.5.0",
     "mapbox-gl": "^3.13.0"
@@ -56,16 +56,16 @@
   "devDependencies": {
     "@mui/icons-material": "^7.2.0",
     "@mui/material": "^7.2.0",
-    "@storybook/react-vite": "^9.0.17",
+    "@storybook/react-vite": "^9.0.18",
     "@types/geojson": "7946.0.16",
     "@types/react": "^19.1.8",
-    "@xylabs/ts-scripts-yarn3": "next",
-    "@xylabs/tsconfig-react": "next",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "storybook": "^9.0.17",
+    "@xylabs/ts-scripts-yarn3": "^7.0.1",
+    "@xylabs/tsconfig-react": "^7.0.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "storybook": "^9.0.18",
     "typescript": "^5.8.3",
-    "vite": "^7.0.5"
+    "vite": "^7.0.6"
   },
   "peerDependencies": {
     "@mui/icons-material": ">=6 <8",

package/src/global.d.ts

@@ -1 +1 @@
-import type {} from '@mui/material/themeCssVarsAugmentation'
+import '@mui/material/themeCssVarsAugmentation'