@undp/data-viz 1.5.9 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undp/data-viz",
-  "version": "1.5.9",
+  "version": "2.0.1",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "browser": "./dist/index.umd.js",
@@ -436,6 +436,7 @@
     "@turf/area": "^7.2.0",
     "@turf/bbox": "^7.2.0",
     "@turf/center-of-mass": "^7.2.0",
+    "babel-plugin-react-compiler": "^1.0.0",
     "d3-array": "^3.2.4",
     "d3-delaunay": "^6.0.4",
     "d3-force": "^3.0.0",
@@ -463,18 +464,18 @@
   "peerDependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
-    "@undp/design-system-react": "^1.3.2",
+    "@undp/design-system-react": "^1.4.3",
     "ajv": "^8.17.1",
     "dom-to-svg": "^0.12.2",
     "file-saver": "^2.0.5",
     "handlebars": "^4.7.8",
-    "maplibre-gl": "^5.7.0",
-    "marked": "^16.2.1",
+    "maplibre-gl": "^5.10.0",
+    "marked": "^16.4.1",
     "math-expression-evaluator": "^2.0.7",
     "pmtiles": "^4.3.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "react-globe.gl": "^2.35.0",
+    "react-globe.gl": "^2.36.0",
     "tailwind-animate": "^0.2.10",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
@@ -588,7 +589,7 @@
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "^7.0.0",
     "eslint-plugin-storybook": "^9.1.4",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",

package/dist/Axis-4gUOL8B7.js

@@ -1,43 +0,0 @@
-import { j as s, m as t } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { c as n } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-function p(x) {
-  const { label: a, x2: i, y2: y, x1: m, y1: o, classNames: e, styles: l, labelPos: r } = x;
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(
-      "line",
-      {
-        y1: o,
-        y2: y,
-        x1: m,
-        x2: i,
-        style: l?.axis,
-        className: t(
-          "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300",
-          e?.axis
-        )
-      }
-    ),
-    n(a) ? null : /* @__PURE__ */ s.jsx(
-      "text",
-      {
-        x: r?.x,
-        y: r?.y,
-        style: {
-          textAnchor: "start",
-          ...l?.label || ""
-        },
-        className: t(
-          "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
-          e?.label
-        ),
-        dy: r?.dy,
-        dx: r?.dx,
-        children: a
-      }
-    )
-  ] });
-}
-export {
-  p as A
-};
-//# sourceMappingURL=Axis-4gUOL8B7.js.map

package/dist/Axis-4gUOL8B7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Axis-4gUOL8B7.js","sources":["../src/Components/Elements/Axes/Axis.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\n\r\ninterface Props {\r\n  label?: string;\r\n  labelPos?: { x: number; y: number; dy: string | number; dx: string | number };\r\n  y1: number;\r\n  x1: number;\r\n  y2: number;\r\n  x2: number;\r\n  classNames?: { axis?: string; label?: string };\r\n  styles?: { axis?: React.CSSProperties; label?: React.CSSProperties };\r\n}\r\n\r\nexport function Axis(props: Props) {\r\n  const { label, x2, y2, x1, y1, classNames, styles, labelPos } = props;\r\n  return (\r\n    <>\r\n      <line\r\n        y1={y1}\r\n        y2={y2}\r\n        x1={x1}\r\n        x2={x2}\r\n        style={styles?.axis}\r\n        className={cn(\r\n          'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300',\r\n          classNames?.axis,\r\n        )}\r\n      />\r\n      {!checkIfNullOrUndefined(label) ? (\r\n        <text\r\n          x={labelPos?.x}\r\n          y={labelPos?.y}\r\n          style={{\r\n            textAnchor: 'start',\r\n            ...(styles?.label || ''),\r\n          }}\r\n          className={cn(\r\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n            classNames?.label,\r\n          )}\r\n          dy={labelPos?.dy}\r\n          dx={labelPos?.dx}\r\n        >\r\n          {label}\r\n        </text>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n"],"names":["Axis","props","label","x2","y2","x1","y1","classNames","styles","labelPos","jsxs","Fragment","jsx","cn","checkIfNullOrUndefined"],"mappings":";;AAeO,SAASA,EAAKC,GAAc;AACjC,QAAM,EAAE,OAAAC,GAAO,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,YAAAC,GAAY,QAAAC,GAAQ,UAAAC,EAAA,IAAaR;AAChE,SACES,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAN;AAAA,QACA,IAAAF;AAAA,QACA,IAAAC;AAAA,QACA,IAAAF;AAAA,QACA,OAAOK,GAAQ;AAAA,QACf,WAAWK;AAAAA,UACT;AAAA,UACAN,GAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAEAO,EAAuBZ,CAAK,IAiB1B,OAhBFU,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAGH,GAAU;AAAA,QACb,GAAGA,GAAU;AAAA,QACb,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,GAAID,GAAQ,SAAS;AAAA,QAAA;AAAA,QAEvB,WAAWK;AAAAA,UACT;AAAA,UACAN,GAAY;AAAA,QAAA;AAAA,QAEd,IAAIE,GAAU;AAAA,QACd,IAAIA,GAAU;AAAA,QAEb,UAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACN;AAEJ;"}

package/dist/Axis-CkNn1wit.cjs

@@ -1,2 +0,0 @@
-"use strict";const s=require("./index-CHPV5EwG-DjM48pIC.cjs"),c=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs");function o(x){const{label:r,x2:a,y2:i,x1:n,y1:y,classNames:t,styles:l,labelPos:e}=x;return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("line",{y1:y,y2:i,x1:n,x2:a,style:l?.axis,className:s.mo("stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300",t?.axis)}),c.checkIfNullOrUndefined(r)?null:s.jsxRuntimeExports.jsx("text",{x:e?.x,y:e?.y,style:{textAnchor:"start",...l?.label||""},className:s.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",t?.label),dy:e?.dy,dx:e?.dx,children:r})]})}exports.Axis=o;
-//# sourceMappingURL=Axis-CkNn1wit.cjs.map

package/dist/Axis-CkNn1wit.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Axis-CkNn1wit.cjs","sources":["../src/Components/Elements/Axes/Axis.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\n\r\ninterface Props {\r\n  label?: string;\r\n  labelPos?: { x: number; y: number; dy: string | number; dx: string | number };\r\n  y1: number;\r\n  x1: number;\r\n  y2: number;\r\n  x2: number;\r\n  classNames?: { axis?: string; label?: string };\r\n  styles?: { axis?: React.CSSProperties; label?: React.CSSProperties };\r\n}\r\n\r\nexport function Axis(props: Props) {\r\n  const { label, x2, y2, x1, y1, classNames, styles, labelPos } = props;\r\n  return (\r\n    <>\r\n      <line\r\n        y1={y1}\r\n        y2={y2}\r\n        x1={x1}\r\n        x2={x2}\r\n        style={styles?.axis}\r\n        className={cn(\r\n          'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300',\r\n          classNames?.axis,\r\n        )}\r\n      />\r\n      {!checkIfNullOrUndefined(label) ? (\r\n        <text\r\n          x={labelPos?.x}\r\n          y={labelPos?.y}\r\n          style={{\r\n            textAnchor: 'start',\r\n            ...(styles?.label || ''),\r\n          }}\r\n          className={cn(\r\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n            classNames?.label,\r\n          )}\r\n          dy={labelPos?.dy}\r\n          dx={labelPos?.dx}\r\n        >\r\n          {label}\r\n        </text>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n"],"names":["Axis","props","label","x2","y2","x1","y1","classNames","styles","labelPos","jsxs","Fragment","jsx","cn","checkIfNullOrUndefined"],"mappings":"iHAeO,SAASA,EAAKC,EAAc,CACjC,KAAM,CAAE,MAAAC,EAAO,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,WAAAC,EAAY,OAAAC,EAAQ,SAAAC,CAAA,EAAaR,EAChE,OACES,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,OAAA,CACC,GAAAN,EACA,GAAAF,EACA,GAAAC,EACA,GAAAF,EACA,MAAOK,GAAQ,KACf,UAAWK,EAAAA,GACT,gEACAN,GAAY,IAAA,CACd,CAAA,EAEAO,EAAAA,uBAAuBZ,CAAK,EAiB1B,KAhBFU,EAAAA,kBAAAA,IAAC,OAAA,CACC,EAAGH,GAAU,EACb,EAAGA,GAAU,EACb,MAAO,CACL,WAAY,QACZ,GAAID,GAAQ,OAAS,EAAA,EAEvB,UAAWK,EAAAA,GACT,2DACAN,GAAY,KAAA,EAEd,GAAIE,GAAU,GACd,GAAIA,GAAU,GAEb,SAAAP,CAAA,CAAA,CAED,EACN,CAEJ"}

package/dist/AxisTitle-Wkz-xeQL.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("./index-CHPV5EwG-DjM48pIC.cjs");function x(r){const{text:t,x:s,y:i,className:l,style:a,rotate90:n}=r;return t?e.jsxRuntimeExports.jsx("text",{transform:`translate(${s}, ${i})${n?" rotate(-90)":""}`,style:{textAnchor:"middle",...a||{}},className:e.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",l),children:t}):null}exports.AxisTitle=x;
-//# sourceMappingURL=AxisTitle-Wkz-xeQL.cjs.map

package/dist/AxisTitle-Wkz-xeQL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AxisTitle-Wkz-xeQL.cjs","sources":["../src/Components/Elements/Axes/AxisTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\ninterface Props {\r\n  text?: string;\r\n  y: number;\r\n  x: number;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  rotate90?: boolean;\r\n}\r\n\r\nexport function AxisTitle(props: Props) {\r\n  const { text, x, y, className, style, rotate90 } = props;\r\n  if (!text) return null;\r\n  return (\r\n    <text\r\n      transform={`translate(${x}, ${y})${rotate90 ? ' rotate(-90)' : ''}`}\r\n      style={{\r\n        textAnchor: 'middle',\r\n        ...(style || {}),\r\n      }}\r\n      className={cn('fill-primary-gray-700 dark:fill-primary-gray-300 text-xs', className)}\r\n    >\r\n      {text}\r\n    </text>\r\n  );\r\n}\r\n"],"names":["AxisTitle","props","text","x","y","className","style","rotate90","jsx","cn"],"mappings":"8DAWO,SAASA,EAAUC,EAAc,CACtC,KAAM,CAAE,KAAAC,EAAM,EAAAC,EAAG,EAAAC,EAAG,UAAAC,EAAW,MAAAC,EAAO,SAAAC,GAAaN,EACnD,OAAKC,EAEHM,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAW,aAAaL,CAAC,KAAKC,CAAC,IAAIG,EAAW,eAAiB,EAAE,GACjE,MAAO,CACL,WAAY,SACZ,GAAID,GAAS,CAAA,CAAC,EAEhB,UAAWG,EAAAA,GAAG,2DAA4DJ,CAAS,EAElF,SAAAH,CAAA,CAAA,EAVa,IAapB"}

package/dist/AxisTitle-v6_xcXZ-.js

@@ -1,20 +0,0 @@
-import { j as m, m as n } from "./index-CHPV5EwG-DBWUSD9b.js";
-function x(r) {
-  const { text: t, x: e, y: a, className: s, style: l, rotate90: i } = r;
-  return t ? /* @__PURE__ */ m.jsx(
-    "text",
-    {
-      transform: `translate(${e}, ${a})${i ? " rotate(-90)" : ""}`,
-      style: {
-        textAnchor: "middle",
-        ...l || {}
-      },
-      className: n("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", s),
-      children: t
-    }
-  ) : null;
-}
-export {
-  x as A
-};
-//# sourceMappingURL=AxisTitle-v6_xcXZ-.js.map

package/dist/AxisTitle-v6_xcXZ-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AxisTitle-v6_xcXZ-.js","sources":["../src/Components/Elements/Axes/AxisTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\ninterface Props {\r\n  text?: string;\r\n  y: number;\r\n  x: number;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  rotate90?: boolean;\r\n}\r\n\r\nexport function AxisTitle(props: Props) {\r\n  const { text, x, y, className, style, rotate90 } = props;\r\n  if (!text) return null;\r\n  return (\r\n    <text\r\n      transform={`translate(${x}, ${y})${rotate90 ? ' rotate(-90)' : ''}`}\r\n      style={{\r\n        textAnchor: 'middle',\r\n        ...(style || {}),\r\n      }}\r\n      className={cn('fill-primary-gray-700 dark:fill-primary-gray-300 text-xs', className)}\r\n    >\r\n      {text}\r\n    </text>\r\n  );\r\n}\r\n"],"names":["AxisTitle","props","text","x","y","className","style","rotate90","jsx","cn"],"mappings":";AAWO,SAASA,EAAUC,GAAc;AACtC,QAAM,EAAE,MAAAC,GAAM,GAAAC,GAAG,GAAAC,GAAG,WAAAC,GAAW,OAAAC,GAAO,UAAAC,MAAaN;AACnD,SAAKC,IAEHM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,aAAaL,CAAC,KAAKC,CAAC,IAAIG,IAAW,iBAAiB,EAAE;AAAA,MACjE,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,GAAID,KAAS,CAAA;AAAA,MAAC;AAAA,MAEhB,WAAWG,EAAG,4DAA4DJ,CAAS;AAAA,MAElF,UAAAH;AAAA,IAAA;AAAA,EAAA,IAVa;AAapB;"}