@xyo-network/react-map 2.45.6 → 2.45.9
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/AnimatedHeatMapLoaded.js +2 -2
- package/dist/cjs/Components/AnimatedHeatMapLoaded.js.map +1 -1
- package/dist/cjs/hooks/useQuadKeyPayloadsToFeatures.js +10 -3
- package/dist/cjs/hooks/useQuadKeyPayloadsToFeatures.js.map +1 -1
- package/dist/docs.json +2416 -2396
- package/dist/esm/Components/AnimatedHeatMapLoaded.js +2 -2
- package/dist/esm/Components/AnimatedHeatMapLoaded.js.map +1 -1
- package/dist/esm/hooks/useQuadKeyPayloadsToFeatures.js +9 -3
- package/dist/esm/hooks/useQuadKeyPayloadsToFeatures.js.map +1 -1
- package/dist/types/Components/AnimatedHeatMapLoaded.d.ts +1 -0
- package/dist/types/Components/AnimatedHeatMapLoaded.d.ts.map +1 -1
- package/dist/types/hooks/useQuadKeyPayloadsToFeatures.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/Components/AnimatedHeatMapLoaded.tsx +3 -2
- package/src/hooks/useQuadKeyPayloadsToFeatures.tsx +9 -4
|
@@ -6,9 +6,9 @@ import { AnimatedHeatMapSettings } from '../AnimatedHeatMapSettings';
|
|
|
6
6
|
import { useFindHashes, useHeatMapColors, useQuadKeyPayloadsToFeatures } from '../hooks';
|
|
7
7
|
import { AnimatedHeatMap } from './AnimatedHeatMap';
|
|
8
8
|
import { AnimatedHeatMapLegend } from './Legend';
|
|
9
|
-
export const AnimatedHeatMapLoaded = ({ accessToken, ...props }) => {
|
|
9
|
+
export const AnimatedHeatMapLoaded = ({ accessToken, archivistNameOrAddress, ...props }) => {
|
|
10
10
|
const hashes = useFindHashes();
|
|
11
|
-
const [payloads, xyoError] = useArchivistGet(hashes);
|
|
11
|
+
const [payloads, xyoError] = useArchivistGet(hashes, archivistNameOrAddress);
|
|
12
12
|
const { multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads);
|
|
13
13
|
const { heatMapColorProps, legendProps } = useHeatMapColors();
|
|
14
14
|
const MapBoxHeatProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedHeatMapLoaded.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAG9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAA;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"AnimatedHeatMapLoaded.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAG9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAA;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAOhD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/H,MAAM,MAAM,GAAG,aAAa,EAAE,CAAA;IAC9B,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAgD,MAAM,EAAE,sBAAsB,CAAC,CAAA;IAC3H,MAAM,EAAE,mBAAmB,EAAE,GAAG,4BAA4B,CAAC,QAAQ,CAAC,CAAA;IACtE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE7D,MAAM,eAAe,GAAG;QACtB,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI;KACxE,CAAA;IAED,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACpC,QAAQ,CAAC,CAAC,CAAC,CACV,MAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,aAClB,KAAC,UAAU,oCAA+B,EACzC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,2CAEjD,CACT,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,uBAAuB,EAC3C,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAyB,EACrG,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,CAAuB,EAC9D,iBAAiB,EAAE,iBAAiB,KAChC,eAAe,GACnB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,yDAA+C,CACtD,IACO,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { GeoJson } from '@xyo-network/sdk-geo';
|
|
2
|
+
import compact from 'lodash/compact';
|
|
2
3
|
import { useEffect, useState } from 'react';
|
|
3
4
|
const quadKeyToFeature = ({ density, quadkey }) => {
|
|
4
5
|
const polygonFeature = new GeoJson(quadkey).polygonFeature();
|
|
@@ -20,9 +21,14 @@ const useQuadKeyPayloadsToFeatures = (payloads) => {
|
|
|
20
21
|
useEffect(() => {
|
|
21
22
|
// Convert Multiple Payloads from Quadkey to GeoJson
|
|
22
23
|
if (Array.isArray(payloads)) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
if (compact(payloads).length !== 0) {
|
|
25
|
+
const payloadsArray = payloads;
|
|
26
|
+
const mappedFeatures = payloadsArray?.map((payload) => payload.result.map(quadKeyToFeature));
|
|
27
|
+
setMultipleFeatureSets(mappedFeatures.map((features) => features.map(setDensity)));
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
console.error('Cannot find payloads for provided hashes');
|
|
31
|
+
}
|
|
26
32
|
}
|
|
27
33
|
// Convert Single Payload from Quadkey to GeoJson
|
|
28
34
|
if (payloads && payloads.result) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useQuadKeyPayloadsToFeatures.js","sourceRoot":"","sources":["../../../src/hooks/useQuadKeyPayloadsToFeatures.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAI3C,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAwC,EAAE,EAAE;IACtF,MAAM,cAAc,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,cAAc,EAAE,CAAA;IAC5D,cAAc,CAAC,UAAU,GAAG;QAC1B,KAAK,EAAE,OAAO;QACd,OAAO;KACR,CAAA;IACD,OAAO,cAAc,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,OAAgB,EAAE,EAAE;IACtC,IAAI,OAAO,CAAC,UAAU,EAAE;QACtB,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAA;KAC1D;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,QAA0G,EAAE,EAAE;IAClJ,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAwB,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,oDAAoD;QACpD,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,MAAM,aAAa,GAAG,QAA2D,CAAA;
|
|
1
|
+
{"version":3,"file":"useQuadKeyPayloadsToFeatures.js","sourceRoot":"","sources":["../../../src/hooks/useQuadKeyPayloadsToFeatures.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAI3C,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAwC,EAAE,EAAE;IACtF,MAAM,cAAc,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,cAAc,EAAE,CAAA;IAC5D,cAAc,CAAC,UAAU,GAAG;QAC1B,KAAK,EAAE,OAAO;QACd,OAAO;KACR,CAAA;IACD,OAAO,cAAc,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,OAAgB,EAAE,EAAE;IACtC,IAAI,OAAO,CAAC,UAAU,EAAE;QACtB,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAA;KAC1D;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,QAA0G,EAAE,EAAE;IAClJ,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAwB,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,oDAAoD;QACpD,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;gBAClC,MAAM,aAAa,GAAG,QAA2D,CAAA;gBACjF,MAAM,cAAc,GAAG,aAAa,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAA;gBAE5F,sBAAsB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;aACnF;iBAAM;gBACL,OAAO,CAAC,KAAK,CAAC,0CAA0C,CAAC,CAAA;aAC1D;SACF;QAED,iDAAiD;QACjD,IAAI,QAAQ,IAAK,QAA0D,CAAC,MAAM,EAAE;YAClF,MAAM,aAAa,GAAG,QAAyD,CAAA;YAC/E,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;YAEjE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA;SAC5C;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAA;AAC1C,CAAC,CAAA;AAED,OAAO,EAAE,4BAA4B,EAAE,CAAA"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
3
|
export interface AnimatedHeatMapLoadedProps extends FlexBoxProps {
|
|
4
4
|
accessToken: string;
|
|
5
|
+
archivistNameOrAddress: string;
|
|
5
6
|
}
|
|
6
7
|
export declare const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps>;
|
|
7
8
|
//# sourceMappingURL=AnimatedHeatMapLoaded.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedHeatMapLoaded.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAU7D,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,WAAW,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"AnimatedHeatMapLoaded.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAU7D,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAkCtE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useQuadKeyPayloadsToFeatures.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuadKeyPayloadsToFeatures.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"useQuadKeyPayloadsToFeatures.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuadKeyPayloadsToFeatures.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAI3C,OAAO,EAAE,6CAA6C,EAAE,MAAM,UAAU,CAAA;AAkBxE,QAAA,MAAM,4BAA4B,cAAe,6CAA6C,EAAE,GAAG,6CAA6C;;;CA2B/I,CAAA;AAED,OAAO,EAAE,4BAA4B,EAAE,CAAA"}
|
package/package.json
CHANGED
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
"@xyo-network/archivist": "^2.51.9",
|
|
19
19
|
"@xyo-network/module": "^2.51.9",
|
|
20
20
|
"@xyo-network/payload-model": "^2.51.9",
|
|
21
|
-
"@xyo-network/react-app-settings": "^2.45.
|
|
22
|
-
"@xyo-network/react-archivist": "^2.45.
|
|
23
|
-
"@xyo-network/react-network": "^2.45.
|
|
24
|
-
"@xyo-network/react-shared": "^2.45.
|
|
21
|
+
"@xyo-network/react-app-settings": "^2.45.9",
|
|
22
|
+
"@xyo-network/react-archivist": "^2.45.9",
|
|
23
|
+
"@xyo-network/react-network": "^2.45.9",
|
|
24
|
+
"@xyo-network/react-shared": "^2.45.9",
|
|
25
25
|
"@xyo-network/sdk-geo": "^2.8.0",
|
|
26
26
|
"geojson": "^0.5.0",
|
|
27
27
|
"mapbox-gl": "^2.13.0"
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
},
|
|
87
87
|
"sideEffects": false,
|
|
88
88
|
"types": "dist/types/index.d.ts",
|
|
89
|
-
"version": "2.45.
|
|
89
|
+
"version": "2.45.9"
|
|
90
90
|
}
|
|
@@ -11,11 +11,12 @@ import { AnimatedHeatMapLegend } from './Legend'
|
|
|
11
11
|
|
|
12
12
|
export interface AnimatedHeatMapLoadedProps extends FlexBoxProps {
|
|
13
13
|
accessToken: string
|
|
14
|
+
archivistNameOrAddress: string
|
|
14
15
|
}
|
|
15
16
|
|
|
16
|
-
export const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps> = ({ accessToken, ...props }) => {
|
|
17
|
+
export const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps> = ({ accessToken, archivistNameOrAddress, ...props }) => {
|
|
17
18
|
const hashes = useFindHashes()
|
|
18
|
-
const [payloads, xyoError] = useArchivistGet<NetworkXyoLocationHeatmapQuadkeyAnswerPayload>(hashes)
|
|
19
|
+
const [payloads, xyoError] = useArchivistGet<NetworkXyoLocationHeatmapQuadkeyAnswerPayload>(hashes, archivistNameOrAddress)
|
|
19
20
|
const { multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads)
|
|
20
21
|
const { heatMapColorProps, legendProps } = useHeatMapColors()
|
|
21
22
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { GeoJson } from '@xyo-network/sdk-geo'
|
|
2
2
|
import { Feature, Geometry } from 'geojson'
|
|
3
|
+
import compact from 'lodash/compact'
|
|
3
4
|
import { useEffect, useState } from 'react'
|
|
4
5
|
|
|
5
6
|
import { NetworkXyoLocationHeatmapQuadkeyAnswerPayload } from '../types'
|
|
@@ -27,10 +28,14 @@ const useQuadKeyPayloadsToFeatures = (payloads?: NetworkXyoLocationHeatmapQuadke
|
|
|
27
28
|
useEffect(() => {
|
|
28
29
|
// Convert Multiple Payloads from Quadkey to GeoJson
|
|
29
30
|
if (Array.isArray(payloads)) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
if (compact(payloads).length !== 0) {
|
|
32
|
+
const payloadsArray = payloads as NetworkXyoLocationHeatmapQuadkeyAnswerPayload[]
|
|
33
|
+
const mappedFeatures = payloadsArray?.map((payload) => payload.result.map(quadKeyToFeature))
|
|
34
|
+
|
|
35
|
+
setMultipleFeatureSets(mappedFeatures.map((features) => features.map(setDensity)))
|
|
36
|
+
} else {
|
|
37
|
+
console.error('Cannot find payloads for provided hashes')
|
|
38
|
+
}
|
|
34
39
|
}
|
|
35
40
|
|
|
36
41
|
// Convert Single Payload from Quadkey to GeoJson
|