@xyo-network/react-map 2.28.9 → 2.28.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Components/AnimatedHeatMap.js +1 -1
- package/dist/cjs/Components/AnimatedHeatMap.js.map +1 -1
- package/dist/cjs/Components/LayerAnimator.d.ts +2 -2
- package/dist/cjs/Components/LayerAnimator.d.ts.map +1 -1
- package/dist/cjs/Components/MapBoxHeat.d.ts +2 -2
- package/dist/cjs/Components/MapBoxHeat.d.ts.map +1 -1
- package/dist/cjs/Components/MapBoxHeat.js +3 -3
- package/dist/cjs/Components/MapBoxHeat.js.map +1 -1
- package/dist/cjs/Components/MapBoxPoints.d.ts +3 -3
- package/dist/cjs/Components/MapBoxPoints.d.ts.map +1 -1
- package/dist/cjs/Components/MapBoxPoints.js +3 -3
- package/dist/cjs/Components/MapBoxPoints.js.map +1 -1
- package/dist/cjs/lib/XyoMapBoxBaseProps.d.ts +1 -1
- package/dist/cjs/lib/XyoMapBoxBaseProps.d.ts.map +1 -1
- package/dist/docs.json +6334 -6334
- package/dist/esm/Components/AnimatedHeatMap.js +2 -2
- package/dist/esm/Components/AnimatedHeatMap.js.map +1 -1
- package/dist/esm/Components/LayerAnimator.d.ts +2 -2
- package/dist/esm/Components/LayerAnimator.d.ts.map +1 -1
- package/dist/esm/Components/MapBoxHeat.d.ts +2 -2
- package/dist/esm/Components/MapBoxHeat.d.ts.map +1 -1
- package/dist/esm/Components/MapBoxHeat.js +1 -1
- package/dist/esm/Components/MapBoxHeat.js.map +1 -1
- package/dist/esm/Components/MapBoxPoints.d.ts +3 -3
- package/dist/esm/Components/MapBoxPoints.d.ts.map +1 -1
- package/dist/esm/Components/MapBoxPoints.js +1 -1
- package/dist/esm/Components/MapBoxPoints.js.map +1 -1
- package/dist/esm/lib/XyoMapBoxBaseProps.d.ts +1 -1
- package/dist/esm/lib/XyoMapBoxBaseProps.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/Components/AnimatedHeatMap.tsx +3 -3
- package/src/Components/LayerAnimator.tsx +2 -2
- package/src/Components/MapBoxHeat.tsx +2 -2
- package/src/Components/MapBoxPoints.tsx +10 -3
- package/src/lib/XyoMapBoxBaseProps.ts +1 -1
|
@@ -4,7 +4,7 @@ import { FlexCol } from '@xylabs/react-flexbox';
|
|
|
4
4
|
import { useState } from 'react';
|
|
5
5
|
import { HeatMapInitializerProvider, MapBoxInstanceProvider, MapSettingsProvider } from '../Contexts';
|
|
6
6
|
import { LocationHeatMapLayerBuilderAnimated, MapHeatConstants } from '../Layers';
|
|
7
|
-
import {
|
|
7
|
+
import { XyoMapboxHeatFlexBox } from './MapBoxHeat';
|
|
8
8
|
export const AnimatedHeatMap = ({ accessToken, animatedFeatureSets, defaultMapSettings, staticFeatureSet, heatMapColorProps, ...props }) => {
|
|
9
9
|
const theme = useTheme();
|
|
10
10
|
const { staticMapColor, lowUsageColor, highUsageColor } = heatMapColorProps || {};
|
|
@@ -14,6 +14,6 @@ export const AnimatedHeatMap = ({ accessToken, animatedFeatureSets, defaultMapSe
|
|
|
14
14
|
LocationHeatMapLayerBuilderAnimated(lowUsageColor || localStaticMapColor, 0, 'animated'),
|
|
15
15
|
LocationHeatMapLayerBuilderAnimated(highUsageColor || darken(localStaticMapColor, 0.9), 1, 'animated'),
|
|
16
16
|
]);
|
|
17
|
-
return animatedFeatureSets?.length ? (_jsx(MapBoxInstanceProvider, { children: _jsx(MapSettingsProvider, { defaultMapSettings: defaultMapSettings, debugLayerName: MapHeatConstants.LocationDebugLayerId, children: _jsx(HeatMapInitializerProvider, { features: staticFeatureSet, layers: [layers[0]], featureSets: animatedFeatureSets, featureSetsLayers: layers.slice(1, 3), heatMapColorProps: heatMapColorProps, children: _jsx(
|
|
17
|
+
return animatedFeatureSets?.length ? (_jsx(MapBoxInstanceProvider, { children: _jsx(MapSettingsProvider, { defaultMapSettings: defaultMapSettings, debugLayerName: MapHeatConstants.LocationDebugLayerId, children: _jsx(HeatMapInitializerProvider, { features: staticFeatureSet, layers: [layers[0]], featureSets: animatedFeatureSets, featureSetsLayers: layers.slice(1, 3), heatMapColorProps: heatMapColorProps, children: _jsx(XyoMapboxHeatFlexBox, { accessToken: accessToken, ...props }) }) }) })) : (_jsx(FlexCol, { minHeight: 160, minWidth: 160, busy: true }));
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=AnimatedHeatMap.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedHeatMap.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACrG,OAAO,EAAE,mCAAmC,EAAE,gBAAgB,EAAe,MAAM,WAAW,CAAA;AAE9F,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"AnimatedHeatMap.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACrG,OAAO,EAAE,mCAAmC,EAAE,gBAAgB,EAAe,MAAM,WAAW,CAAA;AAE9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAUnD,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAC5E,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,iBAAiB,IAAI,EAAE,CAAA;IACjF,MAAM,mBAAmB,GAAG,cAAc,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAA;IAEzE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAgB;QACvC,mCAAmC,CAAC,mBAAmB,EAAE,CAAC,EAAE,QAAQ,CAAC;QACrE,mCAAmC,CAAC,aAAa,IAAI,mBAAmB,EAAE,CAAC,EAAE,UAAU,CAAC;QACxF,mCAAmC,CAAC,cAAc,IAAI,MAAM,CAAC,mBAAmB,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC;KACvG,CAAC,CAAA;IAEF,OAAO,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,CACnC,KAAC,sBAAsB,cACrB,KAAC,mBAAmB,IAAC,kBAAkB,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,CAAC,oBAAoB,YAChH,KAAC,0BAA0B,IACzB,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACnB,WAAW,EAAE,mBAAmB,EAChC,iBAAiB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACrC,iBAAiB,EAAE,iBAAiB,YAEpC,KAAC,oBAAoB,IAAC,WAAW,EAAE,WAAW,KAAM,KAAK,GAAyB,GACvD,GACT,GACC,CAC1B,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,SAAG,CAChD,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { WithChildren } from '@xylabs/react-shared';
|
|
3
3
|
import { Map } from 'mapbox-gl';
|
|
4
|
-
import {
|
|
4
|
+
import { XyoMapboxFlexBoxProps } from '../lib';
|
|
5
5
|
export interface LayerAnimatorProps {
|
|
6
6
|
map: Map | undefined;
|
|
7
7
|
animateLayers?: boolean;
|
|
8
8
|
layersInitialized: boolean;
|
|
9
|
-
layers:
|
|
9
|
+
layers: XyoMapboxFlexBoxProps['layers'];
|
|
10
10
|
}
|
|
11
11
|
export declare const LayerAnimator: React.FC<WithChildren<LayerAnimatorProps>>;
|
|
12
12
|
//# sourceMappingURL=LayerAnimator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayerAnimator.d.ts","sourceRoot":"","sources":["../../../src/Components/LayerAnimator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAI/B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"LayerAnimator.d.ts","sourceRoot":"","sources":["../../../src/Components/LayerAnimator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAI/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAA;AAE9C,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,GAAG,GAAG,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAA;CACxC;AAKD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAmGpE,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
export declare const
|
|
2
|
+
import { XyoMapboxFlexBoxProps } from '../lib';
|
|
3
|
+
export declare const XyoMapboxHeatFlexBox: React.FC<XyoMapboxFlexBoxProps>;
|
|
4
4
|
//# sourceMappingURL=MapBoxHeat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MapBoxHeat.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxHeat.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MapBoxHeat.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxHeat.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAA;AAI9C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAShE,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { FlexCol } from '@xylabs/react-flexbox';
|
|
3
3
|
import { MapBox } from './MapBox';
|
|
4
4
|
import { MapSettings } from './MapSettingsComponents';
|
|
5
|
-
export const
|
|
5
|
+
export const XyoMapboxHeatFlexBox = ({ accessToken, children, mapBoxOptions, zoom, legend, ...props }) => {
|
|
6
6
|
return (_jsxs(FlexCol, { ...props, children: [_jsx(MapBox, { accessToken: accessToken, options: mapBoxOptions, zoom: zoom }), _jsx(MapSettings, {}), legend, children] }));
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=MapBoxHeat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MapBoxHeat.js","sourceRoot":"","sources":["../../../src/Components/MapBoxHeat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"MapBoxHeat.js","sourceRoot":"","sources":["../../../src/Components/MapBoxHeat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,MAAM,CAAC,MAAM,oBAAoB,GAAoC,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxI,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,MAAM,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,EACxE,KAAC,WAAW,KAAG,EACd,MAAM,EACN,QAAQ,IACD,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Feature, Point } from 'geojson';
|
|
3
|
-
import {
|
|
4
|
-
export interface
|
|
3
|
+
import { XyoMapboxFlexBoxProps } from '../lib';
|
|
4
|
+
export interface XyoMapboxPointsFlexBoxProps extends XyoMapboxFlexBoxProps {
|
|
5
5
|
features?: Feature<Point>[];
|
|
6
6
|
accessToken: string;
|
|
7
7
|
}
|
|
8
|
-
export declare const
|
|
8
|
+
export declare const XyoMapboxPointsFlexBox: React.FC<XyoMapboxPointsFlexBoxProps>;
|
|
9
9
|
//# sourceMappingURL=MapBoxPoints.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MapBoxPoints.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxPoints.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MapBoxPoints.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxPoints.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAA;AAK9C,MAAM,WAAW,2BAA4B,SAAQ,qBAAqB;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA4DxE,CAAA"}
|
|
@@ -6,7 +6,7 @@ import { useMapBoxInstance, useMapSettings } from '../Contexts';
|
|
|
6
6
|
import { XyoMapPoints } from '../MapBoxClasses';
|
|
7
7
|
import { MapBox } from './MapBox';
|
|
8
8
|
import { MapSettings } from './MapSettingsComponents';
|
|
9
|
-
export const
|
|
9
|
+
export const XyoMapboxPointsFlexBox = ({ accessToken, features, layers, fitToPointsPadding = 20, zoom, ...props }) => {
|
|
10
10
|
const [MapPoints, setMapPoints] = useState();
|
|
11
11
|
const { mapSettings } = useMapSettings();
|
|
12
12
|
const { map, mapInitialized } = useMapBoxInstance();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MapBoxPoints.js","sourceRoot":"","sources":["../../../src/Components/MapBoxPoints.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAOrD,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"MapBoxPoints.js","sourceRoot":"","sources":["../../../src/Components/MapBoxPoints.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { Feature } from 'geojson';
|
|
|
3
3
|
import { MapboxOptions } from 'mapbox-gl';
|
|
4
4
|
import { ReactNode } from 'react';
|
|
5
5
|
import { XyoMapLayer } from '../Layers';
|
|
6
|
-
export interface
|
|
6
|
+
export interface XyoMapboxFlexBoxProps extends FlexBoxProps {
|
|
7
7
|
disableControls?: boolean;
|
|
8
8
|
disableFitToPoints?: boolean;
|
|
9
9
|
features?: Feature[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XyoMapBoxBaseProps.d.ts","sourceRoot":"","sources":["../../../src/lib/XyoMapBoxBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"XyoMapBoxBaseProps.d.ts","sourceRoot":"","sources":["../../../src/lib/XyoMapBoxBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;CACpB"}
|
package/package.json
CHANGED
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
"@xylabs/sdk-js": "^2.6.7",
|
|
19
19
|
"@xyo-network/api": "^2.26.19",
|
|
20
20
|
"@xyo-network/payload": "^2.26.19",
|
|
21
|
-
"@xyo-network/react-app-settings": "^2.28.
|
|
22
|
-
"@xyo-network/react-archive": "^2.28.
|
|
23
|
-
"@xyo-network/react-archivist-api": "^2.28.
|
|
24
|
-
"@xyo-network/react-network": "^2.28.
|
|
25
|
-
"@xyo-network/react-shared": "^2.28.
|
|
21
|
+
"@xyo-network/react-app-settings": "^2.28.10",
|
|
22
|
+
"@xyo-network/react-archive": "^2.28.10",
|
|
23
|
+
"@xyo-network/react-archivist-api": "^2.28.10",
|
|
24
|
+
"@xyo-network/react-network": "^2.28.10",
|
|
25
|
+
"@xyo-network/react-shared": "^2.28.10",
|
|
26
26
|
"@xyo-network/sdk-geo": "^2.6.19",
|
|
27
27
|
"geojson": "^0.5.0",
|
|
28
28
|
"mapbox-gl": "^2.9.2",
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
},
|
|
79
79
|
"sideEffects": false,
|
|
80
80
|
"types": "dist/esm/index.d.ts",
|
|
81
|
-
"version": "2.28.
|
|
81
|
+
"version": "2.28.10"
|
|
82
82
|
}
|
|
@@ -8,7 +8,7 @@ import { XyoAnimatedHeatMapColorProps } from '../Colors'
|
|
|
8
8
|
import { HeatMapInitializerProvider, MapBoxInstanceProvider, MapSettingsProvider } from '../Contexts'
|
|
9
9
|
import { LocationHeatMapLayerBuilderAnimated, MapHeatConstants, XyoMapLayer } from '../Layers'
|
|
10
10
|
import { MapSetting } from '../Settings'
|
|
11
|
-
import {
|
|
11
|
+
import { XyoMapboxHeatFlexBox } from './MapBoxHeat'
|
|
12
12
|
|
|
13
13
|
export interface AnimatedHeatMapProps {
|
|
14
14
|
animatedFeatureSets: Feature<Polygon>[][]
|
|
@@ -46,11 +46,11 @@ export const AnimatedHeatMap: React.FC<WithChildren<AnimatedHeatMapProps>> = ({
|
|
|
46
46
|
featureSetsLayers={layers.slice(1, 3)}
|
|
47
47
|
heatMapColorProps={heatMapColorProps}
|
|
48
48
|
>
|
|
49
|
-
<
|
|
49
|
+
<XyoMapboxHeatFlexBox accessToken={accessToken} {...props}></XyoMapboxHeatFlexBox>
|
|
50
50
|
</HeatMapInitializerProvider>
|
|
51
51
|
</MapSettingsProvider>
|
|
52
52
|
</MapBoxInstanceProvider>
|
|
53
53
|
) : (
|
|
54
|
-
<FlexCol
|
|
54
|
+
<FlexCol minHeight={160} minWidth={160} busy />
|
|
55
55
|
)
|
|
56
56
|
}
|
|
@@ -3,13 +3,13 @@ import { Map } from 'mapbox-gl'
|
|
|
3
3
|
import { useCallback, useEffect, useRef, useState } from 'react'
|
|
4
4
|
|
|
5
5
|
import { XyoMapLayer } from '../Layers'
|
|
6
|
-
import {
|
|
6
|
+
import { XyoMapboxFlexBoxProps } from '../lib'
|
|
7
7
|
|
|
8
8
|
export interface LayerAnimatorProps {
|
|
9
9
|
map: Map | undefined
|
|
10
10
|
animateLayers?: boolean
|
|
11
11
|
layersInitialized: boolean
|
|
12
|
-
layers:
|
|
12
|
+
layers: XyoMapboxFlexBoxProps['layers']
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
const timeIncrement = 2000
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { FlexCol } from '@xylabs/react-flexbox'
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { XyoMapboxFlexBoxProps } from '../lib'
|
|
4
4
|
import { MapBox } from './MapBox'
|
|
5
5
|
import { MapSettings } from './MapSettingsComponents'
|
|
6
6
|
|
|
7
|
-
export const
|
|
7
|
+
export const XyoMapboxHeatFlexBox: React.FC<XyoMapboxFlexBoxProps> = ({ accessToken, children, mapBoxOptions, zoom, legend, ...props }) => {
|
|
8
8
|
return (
|
|
9
9
|
<FlexCol {...props}>
|
|
10
10
|
<MapBox accessToken={accessToken} options={mapBoxOptions} zoom={zoom} />
|
|
@@ -4,17 +4,24 @@ import { Feature, Point } from 'geojson'
|
|
|
4
4
|
import { useCallback, useEffect, useState } from 'react'
|
|
5
5
|
|
|
6
6
|
import { useMapBoxInstance, useMapSettings } from '../Contexts'
|
|
7
|
-
import {
|
|
7
|
+
import { XyoMapboxFlexBoxProps } from '../lib'
|
|
8
8
|
import { XyoMapPoints } from '../MapBoxClasses'
|
|
9
9
|
import { MapBox } from './MapBox'
|
|
10
10
|
import { MapSettings } from './MapSettingsComponents'
|
|
11
11
|
|
|
12
|
-
export interface
|
|
12
|
+
export interface XyoMapboxPointsFlexBoxProps extends XyoMapboxFlexBoxProps {
|
|
13
13
|
features?: Feature<Point>[]
|
|
14
14
|
accessToken: string
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
export const
|
|
17
|
+
export const XyoMapboxPointsFlexBox: React.FC<XyoMapboxPointsFlexBoxProps> = ({
|
|
18
|
+
accessToken,
|
|
19
|
+
features,
|
|
20
|
+
layers,
|
|
21
|
+
fitToPointsPadding = 20,
|
|
22
|
+
zoom,
|
|
23
|
+
...props
|
|
24
|
+
}) => {
|
|
18
25
|
const [MapPoints, setMapPoints] = useState<XyoMapPoints>()
|
|
19
26
|
const { mapSettings } = useMapSettings()
|
|
20
27
|
const { map, mapInitialized } = useMapBoxInstance()
|
|
@@ -5,7 +5,7 @@ import { ReactNode } from 'react'
|
|
|
5
5
|
|
|
6
6
|
import { XyoMapLayer } from '../Layers'
|
|
7
7
|
|
|
8
|
-
export interface
|
|
8
|
+
export interface XyoMapboxFlexBoxProps extends FlexBoxProps {
|
|
9
9
|
disableControls?: boolean
|
|
10
10
|
disableFitToPoints?: boolean
|
|
11
11
|
features?: Feature[]
|