@undp/data-viz 1.2.7 → 1.2.8

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
+import * as THREE from 'three';
 
 declare interface AdvancedDataSelectionDataType {
     label?: string;
@@ -4219,6 +4220,8 @@ declare interface GraphSettingsDataType {
     lineAxisTitle?: string;
     timeline?: TimelineDataType;
     naLabel?: string;
+    globeOffset?: [number, number];
+    polygonAltitude?: number;
 }
 
 export declare function GraphTitle(props: Props_59): JSX.Element | null;
@@ -5264,7 +5267,7 @@ declare interface Props_16 {
     /** Defines if the globe rotates automatically */
     autoRotate?: number | boolean;
     /** Defines the material property applied to the sphere of the globe */
-    globeMaterial?: MaterialDataType;
+    globeMaterial?: THREE.MeshPhongMaterialProperties;
     /** Defines the colo of the glow around the globe */
     atmosphereColor?: string;
     /** Defines if the globe can be zoomed when scrolled */
@@ -5272,7 +5275,7 @@ declare interface Props_16 {
     /** Position offset of the globe relative to the canvas center */
     globeOffset?: [number, number];
     /** Defines the camera distance from Earth. This helps in defining the default size of the globe. Smaller = closer camera therefore the globe is bigger) */
-    altitude?: number;
+    scale?: number;
     /** Defines the spacing between the country shape polygon with the sphere */
     polygonAltitude?: number;
     /** Scale for the colors */

package/dist/index.js

@@ -35192,7 +35192,7 @@ function GL(t) {
     onSeriesMouseOver: M,
     resetSelectionOnDoubleClick: x,
     highlightedIds: I,
-    altitude: E,
+    scale: E,
     globeOffset: Y,
     polygonAltitude: re,
     centerLng: z,
@@ -35212,7 +35212,12 @@ function GL(t) {
   }, []), We(() => {
     b.current && b.current.pointOfView({ lat: A, lng: z, altitude: E }, 1e3);
   }, [E, z, A]);
-  const oe = new mw.MeshLambertMaterial(c);
+  const oe = new mw.MeshLambertMaterial({
+    color: "#fff",
+    opacity: 1,
+    transparent: !1,
+    ...c || {}
+  });
   return /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ l.jsx(
       pw,
@@ -35423,11 +35428,7 @@ function YL(t) {
     classNames: E,
     autoRotate: Y = !0,
     enableZoom: re = !0,
-    globeMaterial: z = {
-      color: "#fff",
-      opacity: 1,
-      transparent: !1
-    },
+    globeMaterial: z,
     centerPoint: A = [0, 0],
     atmosphereColor: b = "#999",
     showColorScale: R = !0,
@@ -35436,7 +35437,7 @@ function YL(t) {
     onSeriesMouseOver: C,
     onSeriesMouseClick: j,
     highlightedIds: S = [],
-    altitude: _ = 1,
+    scale: _ = 1,
     globeOffset: X = [0, 0],
     polygonAltitude: K = 0.01
   } = t, [oe, T] = be(void 0), [Q, ne] = be(0), [ce, ue] = be(0), G = Re(null);
@@ -35550,7 +35551,7 @@ function YL(t) {
                         detailsOnClick: W,
                         onSeriesMouseOver: C,
                         onSeriesMouseClick: j,
-                        altitude: _,
+                        scale: _,
                         polygonAltitude: K,
                         centerLat: A[0],
                         centerLng: A[1]
@@ -47495,7 +47496,10 @@ function Kv(t) {
         };
       case "threeDGlobe":
         return {
+          globeOffset: e?.globeOffset,
+          polygonAltitude: e?.polygonAltitude,
           highlightedIds: e?.highlightedIds,
+          scale: e?.scale,
           theme: e?.theme,
           resetSelectionOnDoubleClick: e?.resetSelectionOnDoubleClick,
           graphTitle: e?.graphTitle,