@undp/data-viz 2.5.2 → 2.5.3

package/dist/SVGDownloadButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SVGDownloadButton.cjs","sources":["../src/Components/Actions/SVGDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\n\r\nimport { svgDownload } from '@/Utils/svgDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  nodeID: string | HTMLElement;\r\n  filename?: string;\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function SVGDownloadButton(props: Props) {\r\n  const {\r\n    nodeID,\r\n    filename = 'image',\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={`undp-viz-download-button ${buttonSmall ? 'p-2' : 'py-4 px-6'} ${className}`}\r\n      onClick={() => {\r\n        if (typeof nodeID === 'string') {\r\n          if (document.getElementById(nodeID)) {\r\n            svgDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n          } else {\r\n            console.error('Cannot find the html element');\r\n          }\r\n        } else {\r\n          svgDownload(nodeID as HTMLElement, filename);\r\n        }\r\n      }}\r\n      aria-label='Click to download the graph as svg'\r\n    >\r\n      {buttonContent || <ImageDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["SVGDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","document","getElementById","svgDownload","console","error","t5","ImageDown","t6","jsx","Button"],"mappings":"2MAoBO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,OAAAA,EAAAC,SAAAC,EAAAC,cAAAA,EAAAC,WAAAC,EAAAC,YAAAA,EAAAC,UAAAC,CAAAA,EAOIX,EALFI,EAAAC,IAAAO,OAAA,QAAAP,EAEAE,EAAAC,IAAAI,OAAA,WAAAJ,EAOaK,8BAA4BJ,EAAA,MAAA,WAAiC,IAL1EE,IAAAC,OAAA,GAAAD,CAKuF,GAAE,IAAAG,EAAAb,EAAA,CAAA,IAAAG,GAAAH,OAAAE,GAC9EW,EAAAA,IAAA,CACH,OAAOX,GAAW,SAChBY,SAAQC,eAAgBb,CAAM,EAChCc,EAAAA,YAAYF,SAAQC,eAAgBb,CAAM,EAAkBC,CAAQ,EAEpEc,QAAOC,MAAO,8BAA8B,EAG9CF,EAAAA,YAAYd,EAAuBC,CAAQ,CAC5C,EACFH,KAAAG,EAAAH,KAAAE,EAAAF,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAAA,IAAAmB,EAAAnB,OAAAK,GAGAc,EAAAd,2BAAkBe,EAAAA,UAAA,CAAA,CAAS,EAAGpB,KAAAK,EAAAL,KAAAmB,GAAAA,EAAAnB,EAAA,CAAA,EAAA,IAAAqB,EAAA,OAAArB,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAY,GAAAZ,EAAA,CAAA,IAAAa,GAAAb,OAAAmB,GAhBjCE,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACUjB,QAAAA,EACE,UAAAM,EACF,QAAAC,EAWE,aAAA,qCAEVM,SAAAA,CAAAA,CACH,EAASnB,KAAAM,EAAAN,KAAAY,EAAAZ,KAAAa,EAAAb,KAAAmB,EAAAnB,KAAAqB,GAAAA,EAAArB,EAAA,CAAA,EAjBTqB,CAiBS"}
+{"version":3,"file":"SVGDownloadButton.cjs","sources":["../src/Components/Actions/SVGDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { svgDownload } from '@/Utils/svgDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  nodeID: string | HTMLElement;\r\n  filename?: string;\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function SVGDownloadButton(props: Props) {\r\n  const {\r\n    nodeID,\r\n    filename = 'image',\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn('undp-viz-download-button', buttonSmall ? 'p-2' : 'py-4 px-6', className)}\r\n      onClick={() => {\r\n        if (typeof nodeID === 'string') {\r\n          if (document.getElementById(nodeID)) {\r\n            svgDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n          } else {\r\n            console.error('Cannot find the html element');\r\n          }\r\n        } else {\r\n          svgDownload(nodeID as HTMLElement, filename);\r\n        }\r\n      }}\r\n      aria-label='Click to download the graph as svg'\r\n    >\r\n      {buttonContent || <ImageDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["SVGDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","cn","t5","document","getElementById","svgDownload","console","error","t6","ImageDown","t7","jsx","Button"],"mappings":"2MAqBO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,OAAAA,EAAAC,SAAAC,EAAAC,cAAAA,EAAAC,WAAAC,EAAAC,YAAAA,EAAAC,UAAAC,CAAAA,EAOIX,EALFI,EAAAC,IAAAO,OAAA,QAAAP,EAEAE,EAAAC,IAAAI,OAAA,WAAAJ,EAEAE,EAAAC,IAAAC,OAAA,GAAAD,EAK4CE,EAAAJ,EAAA,MAAA,YAAiC,IAAAK,EAAAb,EAAA,CAAA,IAAAS,GAAAT,OAAAY,GAAhEC,EAAAC,EAAAA,GAAG,2BAA4BF,EAAmCH,CAAS,EAACT,KAAAS,EAAAT,KAAAY,EAAAZ,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAAA,IAAAe,EAAAf,EAAA,CAAA,IAAAG,GAAAH,OAAAE,GAC9Ea,EAAAA,IAAA,CACH,OAAOb,GAAW,SAChBc,SAAQC,eAAgBf,CAAM,EAChCgB,EAAAA,YAAYF,SAAQC,eAAgBf,CAAM,EAAkBC,CAAQ,EAEpEgB,QAAOC,MAAO,8BAA8B,EAG9CF,EAAAA,YAAYhB,EAAuBC,CAAQ,CAC5C,EACFH,KAAAG,EAAAH,KAAAE,EAAAF,KAAAe,GAAAA,EAAAf,EAAA,CAAA,EAAA,IAAAqB,EAAArB,OAAAK,GAGAgB,EAAAhB,2BAAkBiB,EAAAA,UAAA,CAAA,CAAS,EAAGtB,KAAAK,EAAAL,KAAAqB,GAAAA,EAAArB,EAAA,CAAA,EAAA,IAAAuB,EAAA,OAAAvB,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAa,GAAAb,EAAA,EAAA,IAAAe,GAAAf,QAAAqB,GAhBjCE,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACUnB,QAAAA,EACE,UAAAO,EACF,QAAAE,EAWE,aAAA,qCAEVM,SAAAA,CAAAA,CACH,EAASrB,KAAAM,EAAAN,KAAAa,EAAAb,MAAAe,EAAAf,MAAAqB,EAAArB,MAAAuB,GAAAA,EAAAvB,EAAA,EAAA,EAjBTuB,CAiBS"}

package/dist/SVGDownloadButton.js

@@ -1,25 +1,27 @@
-import { c as v, j as p } from "./index-CHPV5EwG-BzibaIRc.js";
-import { I as x, u as y } from "./index-ApTBN0kp.js";
-import { s as u } from "./svgDownload-BAoarWNt.js";
-function j(f) {
-  const t = v.c(10), {
+import { c as y, m as b, j as u } from "./index-CHPV5EwG-BzibaIRc.js";
+import { I as h, u as w } from "./index-ApTBN0kp.js";
+import { s as g } from "./svgDownload-BAoarWNt.js";
+function D(v) {
+  const t = y.c(13), {
     nodeID: e,
-    filename: r,
-    buttonContent: a,
-    buttonType: c,
-    buttonSmall: g,
-    className: d
-  } = f, s = r === void 0 ? "image" : r, i = c === void 0 ? "tertiary" : c, m = `undp-viz-download-button ${g ? "p-2" : "py-4 px-6"} ${d === void 0 ? "" : d}`;
+    filename: d,
+    buttonContent: i,
+    buttonType: p,
+    buttonSmall: x,
+    className: f
+  } = v, l = d === void 0 ? "image" : d, m = p === void 0 ? "tertiary" : p, r = f === void 0 ? "" : f, c = x ? "p-2" : "py-4 px-6";
   let o;
-  t[0] !== s || t[1] !== e ? (o = () => {
-    typeof e == "string" ? document.getElementById(e) ? u(document.getElementById(e), s) : console.error("Cannot find the html element") : u(e, s);
-  }, t[0] = s, t[1] = e, t[2] = o) : o = t[2];
+  t[0] !== r || t[1] !== c ? (o = b("undp-viz-download-button", c, r), t[0] = r, t[1] = c, t[2] = o) : o = t[2];
   let n;
-  t[3] !== a ? (n = a || /* @__PURE__ */ p.jsx(x, {}), t[3] = a, t[4] = n) : n = t[4];
-  let l;
-  return t[5] !== i || t[6] !== m || t[7] !== o || t[8] !== n ? (l = /* @__PURE__ */ p.jsx(y, { variant: i, className: m, onClick: o, "aria-label": "Click to download the graph as svg", children: n }), t[5] = i, t[6] = m, t[7] = o, t[8] = n, t[9] = l) : l = t[9], l;
+  t[3] !== l || t[4] !== e ? (n = () => {
+    typeof e == "string" ? document.getElementById(e) ? g(document.getElementById(e), l) : console.error("Cannot find the html element") : g(e, l);
+  }, t[3] = l, t[4] = e, t[5] = n) : n = t[5];
+  let s;
+  t[6] !== i ? (s = i || /* @__PURE__ */ u.jsx(h, {}), t[6] = i, t[7] = s) : s = t[7];
+  let a;
+  return t[8] !== m || t[9] !== o || t[10] !== n || t[11] !== s ? (a = /* @__PURE__ */ u.jsx(w, { variant: m, className: o, onClick: n, "aria-label": "Click to download the graph as svg", children: s }), t[8] = m, t[9] = o, t[10] = n, t[11] = s, t[12] = a) : a = t[12], a;
 }
 export {
-  j as SVGDownloadButton
+  D as SVGDownloadButton
 };
 //# sourceMappingURL=SVGDownloadButton.js.map

package/dist/SVGDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGDownloadButton.js","sources":["../src/Components/Actions/SVGDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\n\r\nimport { svgDownload } from '@/Utils/svgDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  nodeID: string | HTMLElement;\r\n  filename?: string;\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function SVGDownloadButton(props: Props) {\r\n  const {\r\n    nodeID,\r\n    filename = 'image',\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={`undp-viz-download-button ${buttonSmall ? 'p-2' : 'py-4 px-6'} ${className}`}\r\n      onClick={() => {\r\n        if (typeof nodeID === 'string') {\r\n          if (document.getElementById(nodeID)) {\r\n            svgDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n          } else {\r\n            console.error('Cannot find the html element');\r\n          }\r\n        } else {\r\n          svgDownload(nodeID as HTMLElement, filename);\r\n        }\r\n      }}\r\n      aria-label='Click to download the graph as svg'\r\n    >\r\n      {buttonContent || <ImageDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["SVGDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","document","getElementById","svgDownload","console","error","t5","ImageDown","t6","jsx","Button"],"mappings":";;;AAoBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAOIX,GALFI,IAAAC,MAAAO,SAAA,UAAAP,GAEAE,IAAAC,MAAAI,SAAA,aAAAJ,GAOaK,gCAA4BJ,IAAA,QAAA,WAAiC,IAL1EE,MAAAC,SAAA,KAAAD,CAKuF;AAAE,MAAAG;AAAA,EAAAb,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAC9EW,IAAAA,MAAA;AACP,IAAI,OAAOX,KAAW,WAChBY,SAAQC,eAAgBb,CAAM,IAChCc,EAAYF,SAAQC,eAAgBb,CAAM,GAAkBC,CAAQ,IAEpEc,QAAOC,MAAO,8BAA8B,IAG9CF,EAAYd,GAAuBC,CAAQ;AAAA,EAC5C,GACFH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,SAAAK,KAGAc,IAAAd,2BAAkBe,GAAA,CAAA,CAAS,GAAGpB,OAAAK,GAAAL,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAqB;AAAA,SAAArB,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAa,KAAAb,SAAAmB,KAhBjCE,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACUjB,SAAAA,GACE,WAAAM,GACF,SAAAC,GAWE,cAAA,sCAEVM,UAAAA,EAAAA,CACH,GAASnB,OAAAM,GAAAN,OAAAY,GAAAZ,OAAAa,GAAAb,OAAAmB,GAAAnB,OAAAqB,KAAAA,IAAArB,EAAA,CAAA,GAjBTqB;AAiBS;"}
+{"version":3,"file":"SVGDownloadButton.js","sources":["../src/Components/Actions/SVGDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { svgDownload } from '@/Utils/svgDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  nodeID: string | HTMLElement;\r\n  filename?: string;\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function SVGDownloadButton(props: Props) {\r\n  const {\r\n    nodeID,\r\n    filename = 'image',\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn('undp-viz-download-button', buttonSmall ? 'p-2' : 'py-4 px-6', className)}\r\n      onClick={() => {\r\n        if (typeof nodeID === 'string') {\r\n          if (document.getElementById(nodeID)) {\r\n            svgDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n          } else {\r\n            console.error('Cannot find the html element');\r\n          }\r\n        } else {\r\n          svgDownload(nodeID as HTMLElement, filename);\r\n        }\r\n      }}\r\n      aria-label='Click to download the graph as svg'\r\n    >\r\n      {buttonContent || <ImageDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["SVGDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","cn","t5","document","getElementById","svgDownload","console","error","t6","ImageDown","t7","jsx","Button"],"mappings":";;;AAqBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAOIX,GALFI,IAAAC,MAAAO,SAAA,UAAAP,GAEAE,IAAAC,MAAAI,SAAA,aAAAJ,GAEAE,IAAAC,MAAAC,SAAA,KAAAD,GAK4CE,IAAAJ,IAAA,QAAA;AAAiC,MAAAK;AAAA,EAAAb,EAAA,CAAA,MAAAS,KAAAT,SAAAY,KAAhEC,IAAAC,EAAG,4BAA4BF,GAAmCH,CAAS,GAACT,OAAAS,GAAAT,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAC9Ea,IAAAA,MAAA;AACP,IAAI,OAAOb,KAAW,WAChBc,SAAQC,eAAgBf,CAAM,IAChCgB,EAAYF,SAAQC,eAAgBf,CAAM,GAAkBC,CAAQ,IAEpEgB,QAAOC,MAAO,8BAA8B,IAG9CF,EAAYhB,GAAuBC,CAAQ;AAAA,EAC5C,GACFH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAqB;AAAA,EAAArB,SAAAK,KAGAgB,IAAAhB,2BAAkBiB,GAAA,CAAA,CAAS,GAAGtB,OAAAK,GAAAL,OAAAqB,KAAAA,IAAArB,EAAA,CAAA;AAAA,MAAAuB;AAAA,SAAAvB,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAe,KAAAf,UAAAqB,KAhBjCE,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACUnB,SAAAA,GACE,WAAAO,GACF,SAAAE,GAWE,cAAA,sCAEVM,UAAAA,EAAAA,CACH,GAASrB,OAAAM,GAAAN,OAAAa,GAAAb,QAAAe,GAAAf,QAAAqB,GAAArB,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA,GAjBTuB;AAiBS;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undp/data-viz",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "browser": "./dist/index.umd.js",