@xyo-network/react-map 2.56.2 → 2.56.4
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/AnimatedHeatMapLoaded.js +3 -2
- package/dist/cjs/Components/AnimatedHeatMapLoaded.js.map +1 -1
- package/dist/cjs/Components/Legend.js +4 -2
- package/dist/cjs/Components/Legend.js.map +1 -1
- package/dist/cjs/Components/Legends/ColorGradient.js +1 -1
- package/dist/cjs/Components/Legends/ColorGradient.js.map +1 -1
- package/dist/cjs/Components/MapBoxPoints.js +1 -1
- package/dist/cjs/Components/MapBoxPoints.js.map +1 -1
- package/dist/cjs/Components/MapSettingsComponents/SettingsBox.js +2 -2
- package/dist/cjs/Components/MapSettingsComponents/SettingsBox.js.map +1 -1
- package/dist/cjs/Contexts/HeatMapInitializer/Provider.js +1 -1
- package/dist/cjs/Contexts/HeatMapInitializer/Provider.js.map +1 -1
- package/dist/cjs/Contexts/MapBoxInstance/Provider.js +1 -1
- package/dist/cjs/Contexts/MapBoxInstance/Provider.js.map +1 -1
- package/dist/cjs/Contexts/MapSettings/Provider.js +1 -1
- package/dist/cjs/Contexts/MapSettings/Provider.js.map +1 -1
- package/dist/cjs/hooks/useFetchPayloads.js +1 -1
- package/dist/cjs/hooks/useFetchPayloads.js.map +1 -1
- package/dist/cjs/lib/MapStyle.js +1 -1
- package/dist/cjs/lib/MapStyle.js.map +1 -1
- package/dist/docs.json +767 -495
- package/dist/esm/Components/AnimatedHeatMapLoaded.js +3 -2
- package/dist/esm/Components/AnimatedHeatMapLoaded.js.map +1 -1
- package/dist/esm/Components/Legend.js +7 -5
- package/dist/esm/Components/Legend.js.map +1 -1
- package/dist/esm/hooks/useFetchPayloads.js +2 -2
- package/dist/esm/hooks/useFetchPayloads.js.map +1 -1
- package/dist/types/Components/AnimatedHeatMapLoaded.d.ts.map +1 -1
- package/package.json +11 -11
- package/src/Components/AnimatedHeatMapLoaded.tsx +3 -2
- package/src/hooks/useFetchPayloads.tsx +2 -2
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Alert, AlertTitle } from '@mui/material';
|
|
3
3
|
import { FlexCol } from '@xylabs/react-flexbox';
|
|
4
|
-
import {
|
|
4
|
+
import { useArchivistFromNode, useArchivistGet } from '@xyo-network/react-archivist';
|
|
5
5
|
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
9
|
export const AnimatedHeatMapLoaded = ({ accessToken, archivistNameOrAddress, ...props }) => {
|
|
10
10
|
const hashes = useFindHashes();
|
|
11
|
-
const [
|
|
11
|
+
const [archivist] = useArchivistFromNode(archivistNameOrAddress);
|
|
12
|
+
const [payloads, xyoError] = useArchivistGet(archivist, hashes);
|
|
12
13
|
const { multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads);
|
|
13
14
|
const { heatMapColorProps, legendProps } = useHeatMapColors();
|
|
14
15
|
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,
|
|
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,oBAAoB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAGpF,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,SAAS,CAAC,GAAG,oBAAoB,CAAC,sBAAsB,CAAC,CAAA;IAChE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,eAAe,CAA6C,SAAS,EAAE,MAAM,CAAC,CAAA;IAC3G,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"}
|
|
@@ -6,11 +6,13 @@ const AnimatedHeatMapLegend = ({ ...legendProps }) => {
|
|
|
6
6
|
const { startColor, endColor, startLabel, endLabel, heading, textColor } = legendProps;
|
|
7
7
|
const theme = useTheme();
|
|
8
8
|
const isSmall = useMediaQuery(theme.breakpoints.down('sm'));
|
|
9
|
-
return (_jsx(FlexCol, { position: "absolute", bottom: 0, right: 0, children: _jsx(ColorGradientLegend, { startColor: startColor, endColor: endColor, startLabel: startLabel, endLabel: endLabel, heading: heading, textColor: textColor,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
return (_jsx(FlexCol, { position: "absolute", bottom: 0, right: 0, children: _jsx(ColorGradientLegend, { startColor: startColor, endColor: endColor, startLabel: startLabel, endLabel: endLabel, heading: heading, textColor: textColor, ...{
|
|
10
|
+
alignItems: 'stretch',
|
|
11
|
+
marginBottom: theme.spacing(4),
|
|
12
|
+
marginLeft: isSmall ? theme.spacing(3) : 0,
|
|
13
|
+
marginRight: isSmall ? theme.spacing(2) : theme.spacing(3),
|
|
14
|
+
width: isSmall ? '40vw' : theme.spacing(18),
|
|
15
|
+
} }) }));
|
|
14
16
|
};
|
|
15
17
|
export { AnimatedHeatMapLegend };
|
|
16
18
|
//# sourceMappingURL=Legend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/Components/Legend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAE/C,MAAM,qBAAqB,GAAuC,CAAC,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE;IACvF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,WAAW,CAAA;IACtF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3D,OAAO,CACL,KAAC,OAAO,IAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,YAC9C,KAAC,mBAAmB,IAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/Components/Legend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAE/C,MAAM,qBAAqB,GAAuC,CAAC,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE;IACvF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,WAAW,CAAA;IACtF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3D,OAAO,CACL,KAAC,OAAO,IAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,YAC9C,KAAC,mBAAmB,IAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,KAChB;gBACF,UAAU,EAAE,SAAS;gBACrB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1C,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC1D,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;aAC5C,GACD,GACM,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/* eslint-disable deprecation/deprecation */
|
|
2
2
|
import { useAsyncEffect } from '@xylabs/react-async-effect';
|
|
3
3
|
import { ArchivistWrapper } from '@xyo-network/archivist';
|
|
4
|
-
import {
|
|
4
|
+
import { useArchivistFromNode } from '@xyo-network/react-archivist';
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
import { useQuadKeyPayloadsToFeatures } from './useQuadKeyPayloadsToFeatures';
|
|
7
7
|
/** @deprecated - use useArchivistGet */
|
|
8
8
|
const useFetchPayloads = (hashes) => {
|
|
9
|
-
const [archivist] =
|
|
9
|
+
const [archivist] = useArchivistFromNode();
|
|
10
10
|
const [apiError, setApiError] = useState();
|
|
11
11
|
const [payloads, setPayloads] = useState();
|
|
12
12
|
const { features, multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFetchPayloads.js","sourceRoot":"","sources":["../../../src/hooks/useFetchPayloads.tsx"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useFetchPayloads.js","sourceRoot":"","sources":["../../../src/hooks/useFetchPayloads.tsx"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAE7E,wCAAwC;AACxC,MAAM,gBAAgB,GAAG,CAAC,MAAiB,EAAE,EAAE;IAC7C,MAAM,CAAC,SAAS,CAAC,GAAG,oBAAoB,EAAE,CAAA;IAE1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IACvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAgD,CAAA;IACxF,MAAM,EAAE,QAAQ,EAAE,mBAAmB,EAAE,GAAG,4BAA4B,CAAC,QAAQ,CAAC,CAAA;IAChF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/C,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,SAAS,IAAI,QAAQ,KAAK,SAAS,IAAI,MAAM,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE;YACtE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;YACzD,IAAI;gBACF,WAAW,CAAC,IAAI,CAAC,CAAA;gBACjB,MAAM,QAAQ,GAAG,MAAM,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBACnD,IAAI,OAAO,EAAE,EAAE;oBACb,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,KAAK,SAAS,EAAE;wBACnD,WAAW,CAAC,IAAI,CAAC,CAAA;wBACjB,WAAW,CAAC,EAAE,CAAC,CAAA;qBAChB;yBAAM;wBACL,WAAW,CAAC,QAAwD,CAAC,CAAA;qBACtE;iBACF;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,MAAM,KAAK,GAAG,CAAiB,CAAA;gBAC/B,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,IAAI,KAAK,IAAI,IAAI,EAAE,IAAI,CAAC,IAAI,SAAS,CAAC,CAAA;iBAChG;aACF;SACF;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAClD,CAAA;IAED,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAA;AAC9D,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -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;IACnB,sBAAsB,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,
|
|
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,CAmCtE,CAAA"}
|
package/package.json
CHANGED
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
"@xylabs/react-async-effect": "^2.17.6",
|
|
17
17
|
"@xylabs/react-flexbox": "^2.17.6",
|
|
18
18
|
"@xylabs/react-shared": "^2.17.6",
|
|
19
|
-
"@xyo-network/archivist": "^2.64.
|
|
20
|
-
"@xyo-network/module": "^2.64.
|
|
21
|
-
"@xyo-network/payload-model": "^2.64.
|
|
22
|
-
"@xyo-network/react-app-settings": "^2.56.
|
|
23
|
-
"@xyo-network/react-archivist": "^2.56.
|
|
24
|
-
"@xyo-network/react-network": "^2.56.
|
|
25
|
-
"@xyo-network/react-shared": "^2.56.
|
|
19
|
+
"@xyo-network/archivist": "^2.64.3",
|
|
20
|
+
"@xyo-network/module": "^2.64.3",
|
|
21
|
+
"@xyo-network/payload-model": "^2.64.3",
|
|
22
|
+
"@xyo-network/react-app-settings": "^2.56.4",
|
|
23
|
+
"@xyo-network/react-archivist": "^2.56.4",
|
|
24
|
+
"@xyo-network/react-network": "^2.56.4",
|
|
25
|
+
"@xyo-network/react-shared": "^2.56.4",
|
|
26
26
|
"@xyo-network/sdk-geo": "^2.8.1",
|
|
27
27
|
"geojson": "^0.5.0",
|
|
28
28
|
"lodash": "^4.17.21",
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
},
|
|
40
40
|
"description": "Common React library for all XYO projects that use React",
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@storybook/react": "^7.0.
|
|
42
|
+
"@storybook/react": "^7.0.25",
|
|
43
43
|
"@types/mapbox-gl": "^2.7.11",
|
|
44
|
-
"@xylabs/ts-scripts-yarn3": "^2.18.
|
|
45
|
-
"@xylabs/tsconfig-react": "^2.18.
|
|
44
|
+
"@xylabs/ts-scripts-yarn3": "^2.18.7",
|
|
45
|
+
"@xylabs/tsconfig-react": "^2.18.7",
|
|
46
46
|
"typescript": "^5.1.6"
|
|
47
47
|
},
|
|
48
48
|
"browser": "dist/esm/index.js",
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
},
|
|
88
88
|
"sideEffects": false,
|
|
89
89
|
"types": "dist/types/index.d.ts",
|
|
90
|
-
"version": "2.56.
|
|
90
|
+
"version": "2.56.4"
|
|
91
91
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Alert, AlertTitle } from '@mui/material'
|
|
2
2
|
import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
|
|
3
|
-
import {
|
|
3
|
+
import { useArchivistFromNode, useArchivistGet } from '@xyo-network/react-archivist'
|
|
4
4
|
import { Feature, Polygon } from 'geojson'
|
|
5
5
|
|
|
6
6
|
import { AnimatedHeatMapSettings } from '../AnimatedHeatMapSettings'
|
|
@@ -16,7 +16,8 @@ export interface AnimatedHeatMapLoadedProps extends FlexBoxProps {
|
|
|
16
16
|
|
|
17
17
|
export const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps> = ({ accessToken, archivistNameOrAddress, ...props }) => {
|
|
18
18
|
const hashes = useFindHashes()
|
|
19
|
-
const [
|
|
19
|
+
const [archivist] = useArchivistFromNode(archivistNameOrAddress)
|
|
20
|
+
const [payloads, xyoError] = useArchivistGet<NetworkLocationHeatmapQuadkeyAnswerPayload>(archivist, hashes)
|
|
20
21
|
const { multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads)
|
|
21
22
|
const { heatMapColorProps, legendProps } = useHeatMapColors()
|
|
22
23
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
3
3
|
import { ArchivistWrapper } from '@xyo-network/archivist'
|
|
4
4
|
import { ModuleError, WrapperError } from '@xyo-network/module'
|
|
5
|
-
import {
|
|
5
|
+
import { useArchivistFromNode } from '@xyo-network/react-archivist'
|
|
6
6
|
import { useState } from 'react'
|
|
7
7
|
|
|
8
8
|
import { NetworkLocationHeatmapQuadkeyAnswerPayload } from '../types'
|
|
@@ -10,7 +10,7 @@ import { useQuadKeyPayloadsToFeatures } from './useQuadKeyPayloadsToFeatures'
|
|
|
10
10
|
|
|
11
11
|
/** @deprecated - use useArchivistGet */
|
|
12
12
|
const useFetchPayloads = (hashes?: string[]) => {
|
|
13
|
-
const [archivist] =
|
|
13
|
+
const [archivist] = useArchivistFromNode()
|
|
14
14
|
|
|
15
15
|
const [apiError, setApiError] = useState<ModuleError>()
|
|
16
16
|
const [payloads, setPayloads] = useState<NetworkLocationHeatmapQuadkeyAnswerPayload[]>()
|