@undp/data-viz 2.0.2 → 2.0.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.
Files changed (74) hide show
  1. package/dist/BarGraph.cjs +1 -1
  2. package/dist/BarGraph.js +2 -2
  3. package/dist/BeeSwarmChart.cjs +1 -1
  4. package/dist/BeeSwarmChart.cjs.map +1 -1
  5. package/dist/BeeSwarmChart.js +107 -106
  6. package/dist/BeeSwarmChart.js.map +1 -1
  7. package/dist/BulletChart.cjs +1 -1
  8. package/dist/BulletChart.js +2 -2
  9. package/dist/ButterflyChart.cjs +1 -1
  10. package/dist/ButterflyChart.js +1 -1
  11. package/dist/CirclePackingGraph.cjs +1 -1
  12. package/dist/CirclePackingGraph.js +1 -1
  13. package/dist/DonutChart.cjs +1 -1
  14. package/dist/DonutChart.cjs.map +1 -1
  15. package/dist/DonutChart.js +24 -32
  16. package/dist/DonutChart.js.map +1 -1
  17. package/dist/DumbbellChart.cjs +1 -1
  18. package/dist/DumbbellChart.js +2 -2
  19. package/dist/{GraphEl-D5MUfp45.cjs → GraphEl-D5RBCD7p.cjs} +2 -2
  20. package/dist/{GraphEl-D5MUfp45.cjs.map → GraphEl-D5RBCD7p.cjs.map} +1 -1
  21. package/dist/{GraphEl-BZne2JIx.js → GraphEl-VtiYqELy.js} +2 -2
  22. package/dist/{GraphEl-BZne2JIx.js.map → GraphEl-VtiYqELy.js.map} +1 -1
  23. package/dist/GriddedGraphs.cjs +1 -1
  24. package/dist/GriddedGraphs.js +1 -1
  25. package/dist/HeatMap.cjs +1 -1
  26. package/dist/HeatMap.js +2 -2
  27. package/dist/Histogram.cjs +1 -1
  28. package/dist/Histogram.js +1 -1
  29. package/dist/ImageDownloadButton.cjs +1 -1
  30. package/dist/ImageDownloadButton.js +1 -1
  31. package/dist/ParetoChart.cjs +1 -1
  32. package/dist/ParetoChart.js +1 -1
  33. package/dist/SingleGraphDashboard.cjs +1 -1
  34. package/dist/SingleGraphDashboard.js +1 -1
  35. package/dist/XAxesLabels-Bt5NZBmX.cjs +2 -0
  36. package/dist/XAxesLabels-Bt5NZBmX.cjs.map +1 -0
  37. package/dist/XAxesLabels-Dy8E1SEo.js +63 -0
  38. package/dist/XAxesLabels-Dy8E1SEo.js.map +1 -0
  39. package/dist/YAxesLabels-DesLesUP.cjs +2 -0
  40. package/dist/YAxesLabels-DesLesUP.cjs.map +1 -0
  41. package/dist/YAxesLabels-a57ZRv-0.js +61 -0
  42. package/dist/YAxesLabels-a57ZRv-0.js.map +1 -0
  43. package/dist/imageDownload-BU4qnxJP.js +991 -0
  44. package/dist/imageDownload-BU4qnxJP.js.map +1 -0
  45. package/dist/imageDownload-NYXbvKob.cjs +15 -0
  46. package/dist/imageDownload-NYXbvKob.cjs.map +1 -0
  47. package/dist/{index-Ceppbd8C.js → index-B2LQV7Tk.js} +109 -116
  48. package/dist/index-B2LQV7Tk.js.map +1 -0
  49. package/dist/index-xRHRLDIp.cjs +2 -0
  50. package/dist/index-xRHRLDIp.cjs.map +1 -0
  51. package/dist/index.cjs +1 -1
  52. package/dist/index.d.ts +1 -1
  53. package/dist/index.js +2 -2
  54. package/dist/style.css +1 -1
  55. package/dist/utils.cjs +1 -1
  56. package/dist/utils.d.ts +1 -1
  57. package/dist/utils.js +1 -1
  58. package/package.json +3 -3
  59. package/readme.md +1 -1
  60. package/dist/XAxesLabels-C1XSXoWG.cjs +0 -2
  61. package/dist/XAxesLabels-C1XSXoWG.cjs.map +0 -1
  62. package/dist/XAxesLabels-Dmbk50u4.js +0 -75
  63. package/dist/XAxesLabels-Dmbk50u4.js.map +0 -1
  64. package/dist/YAxesLabels-1XTb-D0_.js +0 -72
  65. package/dist/YAxesLabels-1XTb-D0_.js.map +0 -1
  66. package/dist/YAxesLabels-pjdsVwIM.cjs +0 -2
  67. package/dist/YAxesLabels-pjdsVwIM.cjs.map +0 -1
  68. package/dist/imageDownload-BX6SILNZ.js +0 -497
  69. package/dist/imageDownload-BX6SILNZ.js.map +0 -1
  70. package/dist/imageDownload-CgDcm1Sj.cjs +0 -3
  71. package/dist/imageDownload-CgDcm1Sj.cjs.map +0 -1
  72. package/dist/index-C6LorfZ-.cjs +0 -2
  73. package/dist/index-C6LorfZ-.cjs.map +0 -1
  74. package/dist/index-Ceppbd8C.js.map +0 -1
package/dist/utils.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),e=require("./removeOutliers-WELHHqiI.cjs"),o=require("./numberFormattingFunction-02t-wJta.cjs"),n=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),t=require("./getJenks-GYmdwBqm.cjs"),i=require("./imageDownload-CgDcm1Sj.cjs"),a=require("./svgDownload-D9zEGjTF.cjs"),g=require("./excelDownload-BQpsCa62.cjs"),l=require("./getUniqValue-RViz8tTw.cjs"),s=require("./getGraphList-gf02xgT2.cjs"),u=require("./getCentroidCoordinates-Dng1HVjO.cjs");exports.checkIfNullOrUndefined=r.checkIfNullOrUndefined;exports.generateEmbedLink=e.generateEmbedLink;exports.generateIframeCode=e.generateIframeCode;exports.getPercentileValue=e.getPercentileValue;exports.getQueryParamsFromLink=e.getQueryParamsFromLink;exports.removeOutliers=e.removeOutliers;exports.numberFormattingFunction=o.numberFormattingFunction;exports.getTextColorBasedOnBgColor=n.getTextColorBasedOnBgColor;exports.getJenks=t.getJenks;exports.imageDownload=i.imageDownload;exports.svgDownload=a.svgDownload;exports.excelDownload=g.excelDownload;exports.getUniqValue=l.getUniqValue;exports.graphList=s.graphList;exports.getCentroidCoordinates=u.getCentroidCoordinates;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),e=require("./removeOutliers-WELHHqiI.cjs"),o=require("./numberFormattingFunction-02t-wJta.cjs"),n=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),t=require("./getJenks-GYmdwBqm.cjs"),i=require("./imageDownload-NYXbvKob.cjs"),a=require("./svgDownload-D9zEGjTF.cjs"),g=require("./excelDownload-BQpsCa62.cjs"),l=require("./getUniqValue-RViz8tTw.cjs"),s=require("./getGraphList-gf02xgT2.cjs"),u=require("./getCentroidCoordinates-Dng1HVjO.cjs");exports.checkIfNullOrUndefined=r.checkIfNullOrUndefined;exports.generateEmbedLink=e.generateEmbedLink;exports.generateIframeCode=e.generateIframeCode;exports.getPercentileValue=e.getPercentileValue;exports.getQueryParamsFromLink=e.getQueryParamsFromLink;exports.removeOutliers=e.removeOutliers;exports.numberFormattingFunction=o.numberFormattingFunction;exports.getTextColorBasedOnBgColor=n.getTextColorBasedOnBgColor;exports.getJenks=t.getJenks;exports.imageDownload=i.imageDownload;exports.svgDownload=a.svgDownload;exports.excelDownload=g.excelDownload;exports.getUniqValue=l.getUniqValue;exports.graphList=s.graphList;exports.getCentroidCoordinates=u.getCentroidCoordinates;
2
2
  //# sourceMappingURL=utils.cjs.map
package/dist/utils.d.ts CHANGED
@@ -147,7 +147,7 @@ export declare const graphList: {
147
147
  /**
148
148
  * Downloads an image of a specified HTML element as a PNG file.
149
149
  *
150
- * Uses `html-to-image` to capture the content of the `node` and converts it to a downloadable PNG image.
150
+ * Uses `modern-screenshot` to capture the content of the `node` and converts it to a downloadable PNG image.
151
151
  * It removes elements with the class `undp-viz-download-button` from the clone to prevent them from appearing in the screenshot.
152
152
  *
153
153
  * @param node - The HTMLElement to capture and convert into an image.
package/dist/utils.js CHANGED
@@ -3,7 +3,7 @@ import { g as t, a as s, b as n, c as g, r as m } from "./removeOutliers-BqW0sPq
3
3
  import { n as i } from "./numberFormattingFunction-14YCbkN2.js";
4
4
  import { g as l } from "./getTextColorBasedOnBgColor-CDY808zi.js";
5
5
  import { g as d } from "./getJenks-BbngDoBQ.js";
6
- import { i as u } from "./imageDownload-BX6SILNZ.js";
6
+ import { i as u } from "./imageDownload-BU4qnxJP.js";
7
7
  import { s as k } from "./svgDownload-BAoarWNt.js";
8
8
  import { e as w } from "./excelDownload-BEC1AyQW.js";
9
9
  import { g as F } from "./getUniqValue-BKHCm3zE.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@undp/data-viz",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "main": "./dist/index.cjs",
5
5
  "module": "./dist/index.js",
6
6
  "browser": "./dist/index.umd.js",
@@ -450,11 +450,11 @@
450
450
  "d3-zoom": "^3.0.0",
451
451
  "date-fns": "^4.1.0",
452
452
  "fast-deep-equal": "^3.1.3",
453
- "html-to-image": "^1.11.13",
454
453
  "lodash.flattendeep": "^4.4.0",
455
454
  "lodash.intersection": "^4.4.0",
456
455
  "lodash.orderby": "^4.6.0",
457
456
  "lodash.sum": "^4.0.2",
457
+ "modern-screenshot": "^4.6.6",
458
458
  "motion": "^12.23.12",
459
459
  "papaparse": "^5.5.3",
460
460
  "react-csv": "^2.2.2",
@@ -464,7 +464,7 @@
464
464
  "peerDependencies": {
465
465
  "@dnd-kit/core": "^6.3.1",
466
466
  "@dnd-kit/modifiers": "^9.0.0",
467
- "@undp/design-system-react": "^1.4.3",
467
+ "@undp/design-system-react": "^1.5.0",
468
468
  "ajv": "^8.17.1",
469
469
  "dom-to-svg": "^0.12.2",
470
470
  "file-saver": "^2.0.5",
package/readme.md CHANGED
@@ -64,7 +64,7 @@ The dependencies that are pre-installed wit the library:
64
64
  * simple-statistics - For statistical functions
65
65
  * xss - For cleaning up cross scripting from user-submitted HTML
66
66
  * date-fns - For date formatting
67
- * html-to-image - For downloading div as images
67
+ * modern-screenshot - For downloading div as images
68
68
  * react-csv - For generating a csv file
69
69
 
70
70
  __Required peer dependencies__
@@ -1,2 +0,0 @@
1
- "use strict";const p=require("./index-CHPV5EwG-CTPQjnHt.cjs"),q=require("./proxy-BxvUI_9l.cjs");function C(A){const t=p.compilerRuntimeExports.c(38),{value:g,y:e,x:i,style:h,className:j,width:w,height:E,alignment:V,animate:n,isInView:N}=A,b=V===void 0?"top":V;let l;t[0]!==i||t[1]!==e?(l={x:i,y:e},t[0]=i,t[1]=e,t[2]=l):l=t[2];let s;t[3]!==n.duration?(s={duration:n.duration},t[3]=n.duration,t[4]=s):s=t[4];let r;t[5]!==s||t[6]!==i||t[7]!==e?(r={x:i,y:e,transition:s},t[5]=s,t[6]=i,t[7]=e,t[8]=r):r=t[8];let a;t[9]!==l||t[10]!==r?(a={initial:l,whileInView:r},t[9]=l,t[10]=r,t[11]=a):a=t[11];const R=N?"whileInView":"initial";let o;t[12]!==n.duration?(o={opacity:0,transition:{duration:n.duration}},t[12]=n.duration,t[13]=o):o=t[13];const v=`flex flex-col items-center h-full ${b==="top"?"justify-start":"justify-end"}`,I=b==="top"?"flex-start":"flex-end";let x;t[14]!==I?(x={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:I,height:"100%"},t[14]=I,t[15]=x):x=t[15];let c;t[16]!==j?(c=p.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none",j),t[16]=j,t[17]=c):c=t[17];let f;t[18]!==h?(f={textAlign:"center",padding:"0 6px",fontSize:"12px",lineHeight:1,...h},t[18]=h,t[19]=f):f=t[19];let u;t[20]!==c||t[21]!==f||t[22]!==g?(u=p.jsxRuntimeExports.jsx("p",{className:c,style:f,children:g}),t[20]=c,t[21]=f,t[22]=g,t[23]=u):u=t[23];let d;t[24]!==u||t[25]!==v||t[26]!==x?(d=p.jsxRuntimeExports.jsx("div",{className:v,style:x,children:u}),t[24]=u,t[25]=v,t[26]=x,t[27]=d):d=t[27];let m;t[28]!==E||t[29]!==d||t[30]!==w?(m=p.jsxRuntimeExports.jsx("foreignObject",{width:w,height:E,y:0,x:0,children:d}),t[28]=E,t[29]=d,t[30]=w,t[31]=m):m=t[31];let y;return t[32]!==m||t[33]!==a||t[34]!==R||t[35]!==o||t[36]!==e?(y=p.jsxRuntimeExports.jsx(q.motion.g,{variants:a,initial:"initial",animate:R,exit:o,children:m},e),t[32]=m,t[33]=a,t[34]=R,t[35]=o,t[36]=e,t[37]=y):y=t[37],y}exports.XAxesLabels=C;
2
- //# sourceMappingURL=XAxesLabels-C1XSXoWG.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"XAxesLabels-C1XSXoWG.cjs","sources":["../src/Components/Elements/Axes/XAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n value: number | string;\r\n y: number;\r\n x: number;\r\n width: number;\r\n height: number;\r\n style?: React.CSSProperties;\r\n className?: string;\r\n alignment?: 'top' | 'bottom';\r\n animate: AnimateDataType;\r\n isInView: boolean;\r\n}\r\n\r\nexport function XAxesLabels(props: Props) {\r\n const {\r\n value,\r\n y,\r\n x,\r\n style,\r\n className,\r\n width,\r\n height,\r\n alignment = 'top',\r\n animate,\r\n isInView,\r\n } = props;\r\n return (\r\n <motion.g\r\n key={y}\r\n variants={{\r\n initial: {\r\n x,\r\n y,\r\n },\r\n whileInView: {\r\n x,\r\n y,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n >\r\n <foreignObject width={width} height={height} y={0} x={0}>\r\n <div\r\n className={`flex flex-col items-center h-full ${\r\n alignment === 'top' ? 'justify-start' : 'justify-end'\r\n }`}\r\n style={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: alignment === 'top' ? 'flex-start' : 'flex-end',\r\n height: '100%',\r\n }}\r\n >\r\n <p\r\n className={cn(\r\n 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none',\r\n className,\r\n )}\r\n style={{\r\n textAlign: 'center',\r\n padding: '0 6px',\r\n fontSize: '12px',\r\n lineHeight: 1,\r\n ...style,\r\n }}\r\n >\r\n {value}\r\n </p>\r\n </div>\r\n </foreignObject>\r\n </motion.g>\r\n );\r\n}\r\n"],"names":["XAxesLabels","props","$","_c","value","y","x","style","className","width","height","alignment","t0","animate","isInView","undefined","t1","t2","duration","t3","transition","t4","initial","whileInView","t5","t6","opacity","t7","t8","t9","display","flexDirection","alignItems","justifyContent","t10","cn","t11","textAlign","padding","fontSize","lineHeight","t12","t13","t14","jsx","t15","motion"],"mappings":"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"}
@@ -1,75 +0,0 @@
1
- import { c as X, m as $, j as y } from "./index-CHPV5EwG-Curnpaqc.js";
2
- import { m as k } from "./proxy-BxkFHwUw.js";
3
- function D(E) {
4
- const t = X.c(38), {
5
- value: g,
6
- y: e,
7
- x: i,
8
- style: h,
9
- className: j,
10
- width: w,
11
- height: v,
12
- alignment: b,
13
- animate: l,
14
- isInView: R
15
- } = E, A = b === void 0 ? "top" : b;
16
- let n;
17
- t[0] !== i || t[1] !== e ? (n = {
18
- x: i,
19
- y: e
20
- }, t[0] = i, t[1] = e, t[2] = n) : n = t[2];
21
- let s;
22
- t[3] !== l.duration ? (s = {
23
- duration: l.duration
24
- }, t[3] = l.duration, t[4] = s) : s = t[4];
25
- let a;
26
- t[5] !== s || t[6] !== i || t[7] !== e ? (a = {
27
- x: i,
28
- y: e,
29
- transition: s
30
- }, t[5] = s, t[6] = i, t[7] = e, t[8] = a) : a = t[8];
31
- let o;
32
- t[9] !== n || t[10] !== a ? (o = {
33
- initial: n,
34
- whileInView: a
35
- }, t[9] = n, t[10] = a, t[11] = o) : o = t[11];
36
- const I = R ? "whileInView" : "initial";
37
- let r;
38
- t[12] !== l.duration ? (r = {
39
- opacity: 0,
40
- transition: {
41
- duration: l.duration
42
- }
43
- }, t[12] = l.duration, t[13] = r) : r = t[13];
44
- const N = `flex flex-col items-center h-full ${A === "top" ? "justify-start" : "justify-end"}`, V = A === "top" ? "flex-start" : "flex-end";
45
- let f;
46
- t[14] !== V ? (f = {
47
- display: "flex",
48
- flexDirection: "column",
49
- alignItems: "center",
50
- justifyContent: V,
51
- height: "100%"
52
- }, t[14] = V, t[15] = f) : f = t[15];
53
- let c;
54
- t[16] !== j ? (c = $("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none", j), t[16] = j, t[17] = c) : c = t[17];
55
- let x;
56
- t[18] !== h ? (x = {
57
- textAlign: "center",
58
- padding: "0 6px",
59
- fontSize: "12px",
60
- lineHeight: 1,
61
- ...h
62
- }, t[18] = h, t[19] = x) : x = t[19];
63
- let m;
64
- t[20] !== c || t[21] !== x || t[22] !== g ? (m = /* @__PURE__ */ y.jsx("p", { className: c, style: x, children: g }), t[20] = c, t[21] = x, t[22] = g, t[23] = m) : m = t[23];
65
- let d;
66
- t[24] !== m || t[25] !== N || t[26] !== f ? (d = /* @__PURE__ */ y.jsx("div", { className: N, style: f, children: m }), t[24] = m, t[25] = N, t[26] = f, t[27] = d) : d = t[27];
67
- let p;
68
- t[28] !== v || t[29] !== d || t[30] !== w ? (p = /* @__PURE__ */ y.jsx("foreignObject", { width: w, height: v, y: 0, x: 0, children: d }), t[28] = v, t[29] = d, t[30] = w, t[31] = p) : p = t[31];
69
- let u;
70
- return t[32] !== p || t[33] !== o || t[34] !== I || t[35] !== r || t[36] !== e ? (u = /* @__PURE__ */ y.jsx(k.g, { variants: o, initial: "initial", animate: I, exit: r, children: p }, e), t[32] = p, t[33] = o, t[34] = I, t[35] = r, t[36] = e, t[37] = u) : u = t[37], u;
71
- }
72
- export {
73
- D as X
74
- };
75
- //# sourceMappingURL=XAxesLabels-Dmbk50u4.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"XAxesLabels-Dmbk50u4.js","sources":["../src/Components/Elements/Axes/XAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n value: number | string;\r\n y: number;\r\n x: number;\r\n width: number;\r\n height: number;\r\n style?: React.CSSProperties;\r\n className?: string;\r\n alignment?: 'top' | 'bottom';\r\n animate: AnimateDataType;\r\n isInView: boolean;\r\n}\r\n\r\nexport function XAxesLabels(props: Props) {\r\n const {\r\n value,\r\n y,\r\n x,\r\n style,\r\n className,\r\n width,\r\n height,\r\n alignment = 'top',\r\n animate,\r\n isInView,\r\n } = props;\r\n return (\r\n <motion.g\r\n key={y}\r\n variants={{\r\n initial: {\r\n x,\r\n y,\r\n },\r\n whileInView: {\r\n x,\r\n y,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n >\r\n <foreignObject width={width} height={height} y={0} x={0}>\r\n <div\r\n className={`flex flex-col items-center h-full ${\r\n alignment === 'top' ? 'justify-start' : 'justify-end'\r\n }`}\r\n style={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: alignment === 'top' ? 'flex-start' : 'flex-end',\r\n height: '100%',\r\n }}\r\n >\r\n <p\r\n className={cn(\r\n 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none',\r\n className,\r\n )}\r\n style={{\r\n textAlign: 'center',\r\n padding: '0 6px',\r\n fontSize: '12px',\r\n lineHeight: 1,\r\n ...style,\r\n }}\r\n >\r\n {value}\r\n </p>\r\n </div>\r\n </foreignObject>\r\n </motion.g>\r\n );\r\n}\r\n"],"names":["XAxesLabels","props","$","_c","value","y","x","style","className","width","height","alignment","t0","animate","isInView","undefined","t1","t2","duration","t3","transition","t4","initial","whileInView","t5","t6","opacity","t7","t8","t9","display","flexDirection","alignItems","justifyContent","t10","cn","t11","textAlign","padding","fontSize","lineHeight","t12","t13","t14","jsx","t15","motion"],"mappings":"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"}
@@ -1,72 +0,0 @@
1
- import { c as E, m as R, j as h } from "./index-CHPV5EwG-Curnpaqc.js";
2
- import { m as S } from "./proxy-BxkFHwUw.js";
3
- function $(V) {
4
- const e = E.c(35), {
5
- value: y,
6
- y: i,
7
- x: t,
8
- style: g,
9
- className: j,
10
- width: w,
11
- height: v,
12
- alignment: N,
13
- animate: l,
14
- isInView: A
15
- } = V, d = N === void 0 ? "right" : N;
16
- let n;
17
- e[0] !== t || e[1] !== i ? (n = {
18
- y: i,
19
- x: t
20
- }, e[0] = t, e[1] = i, e[2] = n) : n = e[2];
21
- let s;
22
- e[3] !== l.duration ? (s = {
23
- duration: l.duration
24
- }, e[3] = l.duration, e[4] = s) : s = e[4];
25
- let a;
26
- e[5] !== s || e[6] !== t || e[7] !== i ? (a = {
27
- y: i,
28
- x: t,
29
- transition: s
30
- }, e[5] = s, e[6] = t, e[7] = i, e[8] = a) : a = e[8];
31
- let o;
32
- e[9] !== n || e[10] !== a ? (o = {
33
- initial: n,
34
- whileInView: a
35
- }, e[9] = n, e[10] = a, e[11] = o) : o = e[11];
36
- const b = A ? "whileInView" : "initial";
37
- let r;
38
- e[12] !== l.duration ? (r = {
39
- opacity: 0,
40
- transition: {
41
- duration: l.duration
42
- }
43
- }, e[12] = l.duration, e[13] = r) : r = e[13];
44
- let u;
45
- e[14] === Symbol.for("react.memo_cache_sentinel") ? (u = {
46
- display: "flex",
47
- flexDirection: "column",
48
- justifyContent: "center",
49
- height: "100%"
50
- }, e[14] = u) : u = e[14];
51
- const I = `text-${d}`;
52
- let c;
53
- e[15] !== j || e[16] !== I ? (c = R("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none", I, j), e[15] = j, e[16] = I, e[17] = c) : c = e[17];
54
- let f;
55
- e[18] !== d || e[19] !== g ? (f = {
56
- textAlign: d,
57
- padding: "6px 0",
58
- fontSize: "12px",
59
- lineHeight: 1,
60
- ...g
61
- }, e[18] = d, e[19] = g, e[20] = f) : f = e[20];
62
- let m;
63
- e[21] !== f || e[22] !== c || e[23] !== y ? (m = /* @__PURE__ */ h.jsx("div", { className: "flex flex-col justify-center h-full", style: u, children: /* @__PURE__ */ h.jsx("p", { className: c, style: f, children: y }) }), e[21] = f, e[22] = c, e[23] = y, e[24] = m) : m = e[24];
64
- let x;
65
- e[25] !== v || e[26] !== m || e[27] !== w ? (x = /* @__PURE__ */ h.jsx("foreignObject", { y: 0, x: 0, width: w, height: v, children: m }), e[25] = v, e[26] = m, e[27] = w, e[28] = x) : x = e[28];
66
- let p;
67
- return e[29] !== x || e[30] !== o || e[31] !== b || e[32] !== r || e[33] !== t ? (p = /* @__PURE__ */ h.jsx(S.g, { variants: o, initial: "initial", animate: b, exit: r, children: x }, t), e[29] = x, e[30] = o, e[31] = b, e[32] = r, e[33] = t, e[34] = p) : p = e[34], p;
68
- }
69
- export {
70
- $ as Y
71
- };
72
- //# sourceMappingURL=YAxesLabels-1XTb-D0_.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"YAxesLabels-1XTb-D0_.js","sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n value: number | string;\r\n y: number;\r\n x: number;\r\n width: number;\r\n height: number;\r\n style?: React.CSSProperties;\r\n className?: string;\r\n alignment?: 'left' | 'right' | 'center';\r\n animate: AnimateDataType;\r\n isInView: boolean;\r\n}\r\n\r\nexport function YAxesLabels(props: Props) {\r\n const {\r\n value,\r\n y,\r\n x,\r\n style,\r\n className,\r\n width,\r\n height,\r\n alignment = 'right',\r\n animate,\r\n isInView,\r\n } = props;\r\n return (\r\n <motion.g\r\n key={x}\r\n variants={{\r\n initial: {\r\n y,\r\n x,\r\n },\r\n whileInView: {\r\n y,\r\n x,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n >\r\n <foreignObject y={0} x={0} width={width} height={height}>\r\n <div\r\n className='flex flex-col justify-center h-full'\r\n style={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n height: '100%',\r\n }}\r\n >\r\n <p\r\n className={cn(\r\n 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\r\n `text-${alignment}`,\r\n className,\r\n )}\r\n style={{\r\n textAlign: alignment,\r\n padding: '6px 0',\r\n fontSize: '12px',\r\n lineHeight: 1,\r\n ...style,\r\n }}\r\n >\r\n {value}\r\n </p>\r\n </div>\r\n </foreignObject>\r\n </motion.g>\r\n );\r\n}\r\n"],"names":["YAxesLabels","props","$","_c","value","y","x","style","className","width","height","alignment","t0","animate","isInView","undefined","t1","t2","duration","t3","transition","t4","initial","whileInView","t5","t6","opacity","t7","Symbol","for","display","flexDirection","justifyContent","t8","t9","cn","t10","textAlign","padding","fontSize","lineHeight","t11","jsx","t12","t13","motion"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- "use strict";const m=require("./index-CHPV5EwG-CTPQjnHt.cjs"),I=require("./proxy-BxvUI_9l.cjs");function N(V){const e=m.compilerRuntimeExports.c(35),{value:h,y:i,x:t,style:g,className:j,width:w,height:E,alignment:v,animate:n,isInView:A}=V,d=v===void 0?"right":v;let l;e[0]!==t||e[1]!==i?(l={y:i,x:t},e[0]=t,e[1]=i,e[2]=l):l=e[2];let s;e[3]!==n.duration?(s={duration:n.duration},e[3]=n.duration,e[4]=s):s=e[4];let r;e[5]!==s||e[6]!==t||e[7]!==i?(r={y:i,x:t,transition:s},e[5]=s,e[6]=t,e[7]=i,e[8]=r):r=e[8];let a;e[9]!==l||e[10]!==r?(a={initial:l,whileInView:r},e[9]=l,e[10]=r,e[11]=a):a=e[11];const R=A?"whileInView":"initial";let o;e[12]!==n.duration?(o={opacity:0,transition:{duration:n.duration}},e[12]=n.duration,e[13]=o):o=e[13];let p;e[14]===Symbol.for("react.memo_cache_sentinel")?(p={display:"flex",flexDirection:"column",justifyContent:"center",height:"100%"},e[14]=p):p=e[14];const b=`text-${d}`;let x;e[15]!==j||e[16]!==b?(x=m.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none",b,j),e[15]=j,e[16]=b,e[17]=x):x=e[17];let c;e[18]!==d||e[19]!==g?(c={textAlign:d,padding:"6px 0",fontSize:"12px",lineHeight:1,...g},e[18]=d,e[19]=g,e[20]=c):c=e[20];let f;e[21]!==c||e[22]!==x||e[23]!==h?(f=m.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center h-full",style:p,children:m.jsxRuntimeExports.jsx("p",{className:x,style:c,children:h})}),e[21]=c,e[22]=x,e[23]=h,e[24]=f):f=e[24];let u;e[25]!==E||e[26]!==f||e[27]!==w?(u=m.jsxRuntimeExports.jsx("foreignObject",{y:0,x:0,width:w,height:E,children:f}),e[25]=E,e[26]=f,e[27]=w,e[28]=u):u=e[28];let y;return e[29]!==u||e[30]!==a||e[31]!==R||e[32]!==o||e[33]!==t?(y=m.jsxRuntimeExports.jsx(I.motion.g,{variants:a,initial:"initial",animate:R,exit:o,children:u},t),e[29]=u,e[30]=a,e[31]=R,e[32]=o,e[33]=t,e[34]=y):y=e[34],y}exports.YAxesLabels=N;
2
- //# sourceMappingURL=YAxesLabels-pjdsVwIM.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"YAxesLabels-pjdsVwIM.cjs","sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n value: number | string;\r\n y: number;\r\n x: number;\r\n width: number;\r\n height: number;\r\n style?: React.CSSProperties;\r\n className?: string;\r\n alignment?: 'left' | 'right' | 'center';\r\n animate: AnimateDataType;\r\n isInView: boolean;\r\n}\r\n\r\nexport function YAxesLabels(props: Props) {\r\n const {\r\n value,\r\n y,\r\n x,\r\n style,\r\n className,\r\n width,\r\n height,\r\n alignment = 'right',\r\n animate,\r\n isInView,\r\n } = props;\r\n return (\r\n <motion.g\r\n key={x}\r\n variants={{\r\n initial: {\r\n y,\r\n x,\r\n },\r\n whileInView: {\r\n y,\r\n x,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n >\r\n <foreignObject y={0} x={0} width={width} height={height}>\r\n <div\r\n className='flex flex-col justify-center h-full'\r\n style={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n height: '100%',\r\n }}\r\n >\r\n <p\r\n className={cn(\r\n 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\r\n `text-${alignment}`,\r\n className,\r\n )}\r\n style={{\r\n textAlign: alignment,\r\n padding: '6px 0',\r\n fontSize: '12px',\r\n lineHeight: 1,\r\n ...style,\r\n }}\r\n >\r\n {value}\r\n </p>\r\n </div>\r\n </foreignObject>\r\n </motion.g>\r\n );\r\n}\r\n"],"names":["YAxesLabels","props","$","_c","value","y","x","style","className","width","height","alignment","t0","animate","isInView","undefined","t1","t2","duration","t3","transition","t4","initial","whileInView","t5","t6","opacity","t7","Symbol","for","display","flexDirection","justifyContent","t8","t9","cn","t10","textAlign","padding","fontSize","lineHeight","t11","jsx","t12","t13","motion"],"mappings":"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"}