@undp/data-viz 2.6.0 → 2.6.1

package/dist/GraphHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"GraphHeader.js","sources":["../src/Components/Elements/GraphHeader.tsx"],"sourcesContent":["import { RefObject } from 'react';\r\n\r\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\r\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\r\nimport { GraphDescription } from '@/Components/Typography/GraphDescription';\r\nimport { GraphTitle } from '@/Components/Typography/GraphTitle';\r\n\r\ninterface Props {\r\n  graphTitle?: string | React.ReactNode;\r\n  graphDescription?: string | React.ReactNode;\r\n  width?: number;\r\n  graphDownload?: RefObject<HTMLDivElement | null>;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  dataDownload?: any;\r\n  isDashboard?: boolean;\r\n  styles?: { title?: React.CSSProperties; description?: React.CSSProperties };\r\n  classNames?: { title?: string; description?: string };\r\n}\r\n\r\nexport function GraphHeader(props: Props) {\r\n  const {\r\n    graphTitle,\r\n    graphDescription,\r\n    width,\r\n    graphDownload,\r\n    dataDownload,\r\n    isDashboard,\r\n    styles,\r\n    classNames,\r\n  } = props;\r\n  return (\r\n    <div\r\n      className={`flex gap-2 justify-between pb-4 ${\r\n        graphDescription && graphTitle ? 'items-start' : 'items-center'\r\n      }`}\r\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\r\n      aria-label='Graph header'\r\n    >\r\n      <div className='flex-col flex gap-1'>\r\n        {graphTitle ? (\r\n          <GraphTitle\r\n            text={graphTitle}\r\n            isDashboard={isDashboard}\r\n            style={styles?.title}\r\n            className={classNames?.title}\r\n          />\r\n        ) : null}\r\n        {graphDescription ? (\r\n          <GraphDescription\r\n            text={graphDescription}\r\n            style={styles?.description}\r\n            className={classNames?.description}\r\n          />\r\n        ) : null}\r\n      </div>\r\n      {graphDownload || dataDownload ? (\r\n        <div className='flex gap-3'>\r\n          {graphDownload ? <ImageDownloadButton nodeID={graphDownload} buttonSmall /> : null}\r\n          {dataDownload && dataDownload.length > 0 ? (\r\n            <CsvDownloadButton\r\n              csvData={dataDownload}\r\n              buttonSmall\r\n              headers={Object.keys(dataDownload[0]).map(d => ({\r\n                label: d,\r\n                key: d,\r\n              }))}\r\n            />\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["GraphHeader","props","$","_c","graphTitle","graphDescription","width","graphDownload","dataDownload","isDashboard","styles","classNames","t0","t1","t2","maxWidth","t3","title","jsx","GraphTitle","t4","description","GraphDescription","t5","jsxs","t6","ImageDownloadButton","length","CsvDownloadButton","Object","keys","map","_temp","t7","d","label","key"],"mappings":"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"}
+{"version":3,"file":"GraphHeader.js","names":[],"sources":["../src/Components/Elements/GraphHeader.tsx"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\nimport { GraphDescription } from '@/Components/Typography/GraphDescription';\nimport { GraphTitle } from '@/Components/Typography/GraphTitle';\n\ninterface Props {\n  graphTitle?: string | React.ReactNode;\n  graphDescription?: string | React.ReactNode;\n  width?: number;\n  graphDownload?: RefObject<HTMLDivElement | null>;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  dataDownload?: any;\n  isDashboard?: boolean;\n  styles?: { title?: React.CSSProperties; description?: React.CSSProperties };\n  classNames?: { title?: string; description?: string };\n}\n\nexport function GraphHeader(props: Props) {\n  const {\n    graphTitle,\n    graphDescription,\n    width,\n    graphDownload,\n    dataDownload,\n    isDashboard,\n    styles,\n    classNames,\n  } = props;\n  return (\n    <div\n      className={`flex gap-2 justify-between pb-4 ${\n        graphDescription && graphTitle ? 'items-start' : 'items-center'\n      }`}\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\n    >\n      <div className='flex-col flex gap-1'>\n        {graphTitle ? (\n          <GraphTitle\n            text={graphTitle}\n            isDashboard={isDashboard}\n            style={styles?.title}\n            className={classNames?.title}\n          />\n        ) : null}\n        {graphDescription ? (\n          <GraphDescription\n            text={graphDescription}\n            style={styles?.description}\n            className={classNames?.description}\n          />\n        ) : null}\n      </div>\n      {graphDownload || dataDownload ? (\n        <div className='flex gap-3'>\n          {graphDownload ? <ImageDownloadButton nodeID={graphDownload} buttonSmall /> : null}\n          {dataDownload && dataDownload.length > 0 ? (\n            <CsvDownloadButton\n              csvData={dataDownload}\n              buttonSmall\n              headers={Object.keys(dataDownload[0]).map((d) => ({\n                label: d,\n                key: d,\n              }))}\n            />\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,EAAY,GAAc;CACxC,IAAM,EACJ,eACA,qBACA,UACA,kBACA,iBACA,gBACA,WACA,kBACE;CACJ,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,WAAW,mCACT,KAAoB,IAAa,gBAAgB;EAEnD,OAAO,EAAE,UAAU,IAAQ,GAAG,EAAM,MAAM,OAAO;YAJnD,CAME,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACG,IACC,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,MAAM;IACO;IACb,OAAO,GAAQ;IACf,WAAW,GAAY;GACxB,CAAA,IACC,MACH,IACC,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,MAAM;IACN,OAAO,GAAQ;IACf,WAAW,GAAY;GACxB,CAAA,IACC,IACD;MACJ,KAAiB,IAChB,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACG,IAAgB,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAqB,QAAQ;IAAe,aAAA;GAAa,CAAA,IAAI,MAC7E,KAAgB,EAAa,SAAS,IACrC,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,SAAS;IACT,aAAA;IACA,SAAS,OAAO,KAAK,EAAa,EAAE,EAAE,KAAK,OAAO;KAChD,OAAO;KACP,KAAK;IACP,EAAE;GACH,CAAA,IACC,IACD;OACH,IACD;;AAET"}

package/dist/GraphTitle.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./compiler-runtime-oPPev21o.cjs"),c=require("@undp/design-system-react/cn"),m=require("@undp/design-system-react/Typography"),x=require("react");function d(p){const e=o.compilerRuntimeExports.c(16),{text:t,isDashboard:u,style:i,className:l}=p;if(typeof t=="string"){if(t.trim()==="")return null;if(u){let a;e[0]!==l?(a=c.cn("font-bold pb-3 text-primary-black dark:text-primary-gray-100",l),e[0]=l,e[1]=a):a=e[1];let s;return e[2]!==i||e[3]!==a||e[4]!==t?(s=o.jsxRuntimeExports.jsx(m.H5,{marginBottom:"base",className:a,"aria-label":"Dashboard title",style:i,children:t}),e[2]=i,e[3]=a,e[4]=t,e[5]=s):s=e[5],s}let r;e[6]!==l?(r=c.cn("text-primary-black dark:text-primary-gray-100",l),e[6]=l,e[7]=r):r=e[7];let n;return e[8]!==i||e[9]!==r||e[10]!==t?(n=o.jsxRuntimeExports.jsx(m.P,{marginBottom:"none",className:r,"aria-label":"Graph title",style:i,children:t}),e[8]=i,e[9]=r,e[10]=t,e[11]=n):n=e[11],n}if(x.isValidElement(t)){let r;return e[12]!==l||e[13]!==i||e[14]!==t?(r=o.jsxRuntimeExports.jsx("div",{className:l,style:i,children:t}),e[12]=l,e[13]=i,e[14]=t,e[15]=r):r=e[15],r}return console.error("GraphTitle: Invalid text type. Expected string or React element."),null}exports.GraphTitle=d;
-//# sourceMappingURL=GraphTitle.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`);let n=require(`@undp/design-system-react/cn`),r=require(`react`);r=e.a(r,1);let i=require(`@undp/design-system-react/Typography`);var a=t.t();function o(e){let{text:t,isDashboard:o,style:s,className:c}=e;return typeof t==`string`?t.trim()===``?null:o?(0,a.jsx)(i.H5,{marginBottom:`base`,className:(0,n.cn)(`font-bold pb-3 text-primary-black dark:text-primary-gray-100`,c),"aria-label":`Dashboard title`,style:s,children:t}):(0,a.jsx)(i.P,{marginBottom:`none`,className:(0,n.cn)(`text-primary-black dark:text-primary-gray-100`,c),"aria-label":`Graph title`,style:s,children:t}):r.default.isValidElement(t)?(0,a.jsx)(`div`,{className:c,style:s,children:t}):(console.error(`GraphTitle: Invalid text type. Expected string or React element.`),null)}exports.GraphTitle=o;
+//# sourceMappingURL=GraphTitle.cjs.map

package/dist/GraphTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GraphTitle.cjs","sources":["../src/Components/Typography/GraphTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { H5, P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  isDashboard?: boolean;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function GraphTitle(props: Props) {\r\n  const { text, isDashboard, style, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    if (isDashboard)\r\n      return (\r\n        <H5\r\n          marginBottom='base'\r\n          className={cn('font-bold pb-3 text-primary-black dark:text-primary-gray-100', className)}\r\n          aria-label='Dashboard title'\r\n          style={style}\r\n        >\r\n          {text}\r\n        </H5>\r\n      );\r\n    return (\r\n      <P\r\n        marginBottom='none'\r\n        className={cn('text-primary-black dark:text-primary-gray-100', className)}\r\n        aria-label='Graph title'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('GraphTitle: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["GraphTitle","props","$","_c","text","isDashboard","style","className","trim","t0","cn","t1","jsx","H5","P","React","isValidElement","console","error"],"mappings":"kPAWO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,KAAAA,EAAAC,YAAAA,EAAAC,MAAAA,EAAAC,UAAAA,CAAAA,EAAgDN,EAChD,GAAI,OAAOG,GAAS,SAAQ,CAC1B,GAAIA,EAAII,KAAAA,IAAY,GAAE,OAAS,KAC/B,GAAIH,EAAW,CAAA,IAAAI,EAAAP,OAAAK,GAIEE,EAAAC,EAAAA,GAAG,+DAAgEH,CAAS,EAACL,KAAAK,EAAAL,KAAAO,GAAAA,EAAAP,EAAA,CAAA,EAAA,IAAAS,EAAA,OAAAT,EAAA,CAAA,IAAAI,GAAAJ,OAAAO,GAAAP,EAAA,CAAA,IAAAE,GAF1FO,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,GAAA,CACc,aAAA,OACF,UAAAJ,EACA,aAAA,kBACJH,MAAAA,EAENF,SAAAA,CAAAA,CACH,EAAKF,KAAAI,EAAAJ,KAAAO,EAAAP,KAAAE,EAAAF,KAAAS,GAAAA,EAAAT,EAAA,CAAA,EAPLS,CAOK,CACL,IAAAF,EAAAP,OAAAK,GAIWE,EAAAC,EAAAA,GAAG,gDAAiDH,CAAS,EAACL,KAAAK,EAAAL,KAAAO,GAAAA,EAAAP,EAAA,CAAA,EAAA,IAAAS,EAAA,OAAAT,EAAA,CAAA,IAAAI,GAAAJ,OAAAO,GAAAP,EAAA,EAAA,IAAAE,GAF3EO,EAAAC,EAAAA,kBAAAA,IAACE,EAAAA,GACc,aAAA,OACF,UAAAL,EACA,aAAA,cACJH,MAAAA,EAENF,SAAAA,CAAAA,CACH,EAAIF,KAAAI,EAAAJ,KAAAO,EAAAP,MAAAE,EAAAF,MAAAS,GAAAA,EAAAT,EAAA,EAAA,EAPJS,CAOI,CAGR,GAAII,EAAKC,eAAgBZ,CAAI,EAAC,CAAA,IAAAK,EAAA,OAAAP,EAAA,EAAA,IAAAK,GAAAL,QAAAI,GAAAJ,EAAA,EAAA,IAAAE,GAE1BK,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAgBL,UAAAA,EAAkBD,MAAAA,EAC/BF,SAAAA,EACH,EAAMF,MAAAK,EAAAL,MAAAI,EAAAJ,MAAAE,EAAAF,MAAAO,GAAAA,EAAAP,EAAA,EAAA,EAFNO,CAEM,CAEVQ,eAAOC,MAAO,kEAAkE,EACzE,IAAI"}
+{"version":3,"file":"GraphTitle.cjs","names":[],"sources":["../src/Components/Typography/GraphTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { H5, P } from '@undp/design-system-react/Typography';\nimport React from 'react';\n\ninterface Props {\n  text: string | React.ReactNode;\n  isDashboard?: boolean;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport function GraphTitle(props: Props) {\n  const { text, isDashboard, style, className } = props;\n  if (typeof text === 'string') {\n    if (text.trim() === '') return null;\n    if (isDashboard)\n      return (\n        <H5\n          marginBottom='base'\n          className={cn('font-bold pb-3 text-primary-black dark:text-primary-gray-100', className)}\n          aria-label='Dashboard title'\n          style={style}\n        >\n          {text}\n        </H5>\n      );\n    return (\n      <P\n        marginBottom='none'\n        className={cn('text-primary-black dark:text-primary-gray-100', className)}\n        aria-label='Graph title'\n        style={style}\n      >\n        {text}\n      </P>\n    );\n  }\n  if (React.isValidElement(text))\n    return (\n      <div className={className} style={style}>\n        {text}\n      </div>\n    );\n  console.error('GraphTitle: Invalid text type. Expected string or React element.');\n  return null;\n}\n"],"mappings":"iSAWA,SAAgB,EAAW,EAAc,CACvC,GAAM,CAAE,OAAM,cAAa,QAAO,aAAc,EAgChD,OA/BI,OAAO,GAAS,SACd,EAAK,KAAK,IAAM,GAAW,KAC3B,GAEA,EAAA,EAAA,KAAC,EAAA,GAAD,CACE,aAAa,OACb,WAAA,EAAA,EAAA,IAAc,+DAAgE,CAAS,EACvF,aAAW,kBACJ,iBAEN,CACC,CAAA,GAGN,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,aAAa,OACb,WAAA,EAAA,EAAA,IAAc,gDAAiD,CAAS,EACxE,aAAW,cACJ,iBAEN,CACA,CAAA,EAGH,EAAA,QAAM,eAAe,CAAI,GAEzB,EAAA,EAAA,KAAC,MAAD,CAAgB,YAAkB,iBAC/B,CACE,CAAA,GAET,QAAQ,MAAM,kEAAkE,EACzE,KACT"}

package/dist/GraphTitle.d.ts

@@ -1,13 +1,2 @@
-import { default as default_2 } from 'react';
-import { JSX } from 'react/jsx-runtime';
-
-export declare function GraphTitle(props: Props): JSX.Element | null;
-
-declare interface Props {
-    text: string | default_2.ReactNode;
-    isDashboard?: boolean;
-    style?: default_2.CSSProperties;
-    className?: string;
-}
-
-export { }
+export * from './Components/Typography/GraphTitle'
+export {}

package/dist/GraphTitle.js

@@ -1,35 +1,30 @@
-import { c as f, j as n } from "./compiler-runtime-qHgugrLy.js";
-import { cn as m } from "@undp/design-system-react/cn";
-import { H5 as x, P as d } from "@undp/design-system-react/Typography";
-import u from "react";
-function j(c) {
-  const t = f.c(16), {
-    text: e,
-    isDashboard: p,
-    style: i,
-    className: a
-  } = c;
-  if (typeof e == "string") {
-    if (e.trim() === "")
-      return null;
-    if (p) {
-      let l;
-      t[0] !== a ? (l = m("font-bold pb-3 text-primary-black dark:text-primary-gray-100", a), t[0] = a, t[1] = l) : l = t[1];
-      let o;
-      return t[2] !== i || t[3] !== l || t[4] !== e ? (o = /* @__PURE__ */ n.jsx(x, { marginBottom: "base", className: l, "aria-label": "Dashboard title", style: i, children: e }), t[2] = i, t[3] = l, t[4] = e, t[5] = o) : o = t[5], o;
-    }
-    let r;
-    t[6] !== a ? (r = m("text-primary-black dark:text-primary-gray-100", a), t[6] = a, t[7] = r) : r = t[7];
-    let s;
-    return t[8] !== i || t[9] !== r || t[10] !== e ? (s = /* @__PURE__ */ n.jsx(d, { marginBottom: "none", className: r, "aria-label": "Graph title", style: i, children: e }), t[8] = i, t[9] = r, t[10] = e, t[11] = s) : s = t[11], s;
-  }
-  if (u.isValidElement(e)) {
-    let r;
-    return t[12] !== a || t[13] !== i || t[14] !== e ? (r = /* @__PURE__ */ n.jsx("div", { className: a, style: i, children: e }), t[12] = a, t[13] = i, t[14] = e, t[15] = r) : r = t[15], r;
-  }
-  return console.error("GraphTitle: Invalid text type. Expected string or React element."), null;
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { cn as t } from "@undp/design-system-react/cn";
+import n from "react";
+import { H5 as r, P as i } from "@undp/design-system-react/Typography";
+//#region src/Components/Typography/GraphTitle.tsx
+var a = e();
+function o(e) {
+	let { text: o, isDashboard: s, style: c, className: l } = e;
+	return typeof o == "string" ? o.trim() === "" ? null : s ? /* @__PURE__ */ (0, a.jsx)(r, {
+		marginBottom: "base",
+		className: t("font-bold pb-3 text-primary-black dark:text-primary-gray-100", l),
+		"aria-label": "Dashboard title",
+		style: c,
+		children: o
+	}) : /* @__PURE__ */ (0, a.jsx)(i, {
+		marginBottom: "none",
+		className: t("text-primary-black dark:text-primary-gray-100", l),
+		"aria-label": "Graph title",
+		style: c,
+		children: o
+	}) : n.isValidElement(o) ? /* @__PURE__ */ (0, a.jsx)("div", {
+		className: l,
+		style: c,
+		children: o
+	}) : (console.error("GraphTitle: Invalid text type. Expected string or React element."), null);
 }
-export {
-  j as GraphTitle
-};
-//# sourceMappingURL=GraphTitle.js.map
+//#endregion
+export { o as GraphTitle };
+
+//# sourceMappingURL=GraphTitle.js.map

package/dist/GraphTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GraphTitle.js","sources":["../src/Components/Typography/GraphTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { H5, P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  isDashboard?: boolean;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function GraphTitle(props: Props) {\r\n  const { text, isDashboard, style, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    if (isDashboard)\r\n      return (\r\n        <H5\r\n          marginBottom='base'\r\n          className={cn('font-bold pb-3 text-primary-black dark:text-primary-gray-100', className)}\r\n          aria-label='Dashboard title'\r\n          style={style}\r\n        >\r\n          {text}\r\n        </H5>\r\n      );\r\n    return (\r\n      <P\r\n        marginBottom='none'\r\n        className={cn('text-primary-black dark:text-primary-gray-100', className)}\r\n        aria-label='Graph title'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('GraphTitle: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["GraphTitle","props","$","_c","text","isDashboard","style","className","trim","t0","cn","t1","jsx","H5","P","React","isValidElement","console","error"],"mappings":";;;;AAWO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAgDN;AAChD,MAAI,OAAOG,KAAS,UAAQ;AAC1B,QAAIA,EAAII,KAAAA,MAAY;AAAE,aAAS;AAC/B,QAAIH,GAAW;AAAA,UAAAI;AAAA,MAAAP,SAAAK,KAIEE,IAAAC,EAAG,gEAAgEH,CAAS,GAACL,OAAAK,GAAAL,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,UAAAS;AAAA,aAAAT,EAAA,CAAA,MAAAI,KAAAJ,SAAAO,KAAAP,EAAA,CAAA,MAAAE,KAF1FO,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACc,cAAA,QACF,WAAAJ,GACA,cAAA,mBACJH,OAAAA,GAENF,UAAAA,EAAAA,CACH,GAAKF,OAAAI,GAAAJ,OAAAO,GAAAP,OAAAE,GAAAF,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GAPLS;AAAAA,IAOK;AACL,QAAAF;AAAA,IAAAP,SAAAK,KAIWE,IAAAC,EAAG,iDAAiDH,CAAS,GAACL,OAAAK,GAAAL,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,QAAAS;AAAA,WAAAT,EAAA,CAAA,MAAAI,KAAAJ,SAAAO,KAAAP,EAAA,EAAA,MAAAE,KAF3EO,IAAAC,gBAAAA,EAAAA,IAACE,KACc,cAAA,QACF,WAAAL,GACA,cAAA,eACJH,OAAAA,GAENF,UAAAA,EAAAA,CACH,GAAIF,OAAAI,GAAAJ,OAAAO,GAAAP,QAAAE,GAAAF,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAPJS;AAAAA,EAOI;AAGR,MAAII,EAAKC,eAAgBZ,CAAI,GAAC;AAAA,QAAAK;AAAA,WAAAP,EAAA,EAAA,MAAAK,KAAAL,UAAAI,KAAAJ,EAAA,EAAA,MAAAE,KAE1BK,IAAAG,gBAAAA,EAAAA,IAAA,OAAA,EAAgBL,WAAAA,GAAkBD,OAAAA,GAC/BF,UAAAA,GACH,GAAMF,QAAAK,GAAAL,QAAAI,GAAAJ,QAAAE,GAAAF,QAAAO,KAAAA,IAAAP,EAAA,EAAA,GAFNO;AAAAA,EAEM;AAEVQ,iBAAOC,MAAO,kEAAkE,GACzE;AAAI;"}
+{"version":3,"file":"GraphTitle.js","names":[],"sources":["../src/Components/Typography/GraphTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { H5, P } from '@undp/design-system-react/Typography';\nimport React from 'react';\n\ninterface Props {\n  text: string | React.ReactNode;\n  isDashboard?: boolean;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport function GraphTitle(props: Props) {\n  const { text, isDashboard, style, className } = props;\n  if (typeof text === 'string') {\n    if (text.trim() === '') return null;\n    if (isDashboard)\n      return (\n        <H5\n          marginBottom='base'\n          className={cn('font-bold pb-3 text-primary-black dark:text-primary-gray-100', className)}\n          aria-label='Dashboard title'\n          style={style}\n        >\n          {text}\n        </H5>\n      );\n    return (\n      <P\n        marginBottom='none'\n        className={cn('text-primary-black dark:text-primary-gray-100', className)}\n        aria-label='Graph title'\n        style={style}\n      >\n        {text}\n      </P>\n    );\n  }\n  if (React.isValidElement(text))\n    return (\n      <div className={className} style={style}>\n        {text}\n      </div>\n    );\n  console.error('GraphTitle: Invalid text type. Expected string or React element.');\n  return null;\n}\n"],"mappings":";;;;;;AAWA,SAAgB,EAAW,GAAc;CACvC,IAAM,EAAE,SAAM,gBAAa,UAAO,iBAAc;CAgChD,OA/BI,OAAO,KAAS,WACd,EAAK,KAAK,MAAM,KAAW,OAC3B,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAa;EACb,WAAW,EAAG,gEAAgE,CAAS;EACvF,cAAW;EACJ;YAEN;CACC,CAAA,IAGN,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAa;EACb,WAAW,EAAG,iDAAiD,CAAS;EACxE,cAAW;EACJ;YAEN;CACA,CAAA,IAGH,EAAM,eAAe,CAAI,IAEzB,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAgB;EAAkB;YAC/B;CACE,CAAA,KAET,QAAQ,MAAM,kEAAkE,GACzE;AACT"}

package/dist/GriddedGraphs.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./compiler-runtime-oPPev21o.cjs"),i=require("react"),le=require("./index-CyZ1lmi_.cjs"),q=require("./index-BS2TADPj.cjs"),V=require("@undp/design-system-react/CheckboxGroup"),oe=require("@undp/design-system-react/Spinner"),v=require("@undp/design-system-react/RadioGroup"),m=require("@undp/design-system-react/DropdownSelect"),T=require("@undp/design-system-react/Label"),re=require("./GraphContainer-gaG9TSy4.cjs"),ne=require("./GraphEl-CGALp07K.cjs"),R=require("./fetchAndParseData-QTF6tjij.cjs"),ie=require("./Colors.cjs"),z=require("./transformDataForAggregation-BFdha9Dx.cjs"),B=require("./getUniqValue-NX8DgwND.cjs"),se=require("./GraphHeader.cjs"),ue=require("./GraphFooter.cjs"),J=require("./filterData-T5DQBE9b.cjs"),ce=require("./ColorLegend.cjs"),de=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),he=require("./checkIfMultiple-BIEQDuA3.cjs"),K=require("./transformDataForSelect-YmStusCI.cjs");function pe(Q){const{graphSettings:t,dataSettings:n,filters:F,graphType:A,dataTransform:G,graphDataConfiguration:s,noOfColumns:y,columnGridBy:S,dataFilters:$,showCommonColorScale:k,minGraphHeight:X,minGraphWidth:O,debugMode:b,dataSelectionOptions:L,advancedDataSelectionOptions:M,readableHeader:Y,noOfFiltersPerRow:p=4,uiMode:c="normal",theme:Z="light"}=Q,[C,_]=i.useState(void 0),[f,ee]=i.useState(void 0),[w,ae]=i.useState([]),U=i.useRef(null),[g,x]=i.useState(s),[j,H]=i.useState([]),[d,D]=i.useState({}),N=i.useMemo(()=>({ignoreCase:!0,ignoreAccents:!0,trim:!0}),[]),P=i.useMemo(()=>!f||j.length===0?f:f.filter(r=>j.every(a=>a.value&&q.flattenDeep([a.value]).length>0?le.intersection(q.flattenDeep([r[a.filter]]),q.flattenDeep([a.value]).map(l=>l.value)).length>0:!0)),[j,f]);i.useEffect(()=>{_(P)},[P]);const W=i.useEffectEvent(()=>{const e=(F||[]).map(r=>({filter:r.column,label:r.label||`Filter by ${r.column}`,singleSelect:r.singleSelect,clearable:r.clearable,ui:r.ui,defaultValue:K.transformDefaultValue(r.defaultValue),value:K.transformDefaultValue(r.defaultValue),availableValues:B.getUniqValue(f,r.column).filter(a=>!r.excludeValues?.includes(`${a}`)).map(a=>({value:a,label:a})),allowSelectAll:r.allowSelectAll,width:r.width}));H(e)});i.useEffect(()=>{(async()=>{try{const r=n.dataURL?typeof n.dataURL=="string"?n.fileType==="json"?await R.fetchAndParseJSON(n.dataURL,n.columnsToArray,n.dataTransformation,b):n.fileType==="api"?await R.fetchAndTransformDataFromAPI(n.dataURL,n.apiHeaders,n.columnsToArray,n.dataTransformation,b):await R.fetchAndParseCSV(n.dataURL,n.dataTransformation,n.columnsToArray,b,n.delimiter,!0):await R.fetchAndParseMultipleDataSources(n.dataURL,n.idColumnTitle):await R.transformColumnsToArray(n.data,n.columnsToArray);ee(r)}catch(r){console.error("Data fetching error:",r)}})(),W()},[n,b]),i.useEffect(()=>{W()},[F,f]);const te=i.useEffectEvent(()=>{const e=B.getUniqValue(f,S);ae(e)});i.useEffect(()=>{te()},[S,f]),i.useEffect(()=>{x(s)},[s]);const I=i.useCallback((e,r)=>{H(a=>a.map(l=>l.filter===e?{...l,value:r}:l))},[]);return o.jsxRuntimeExports.jsxs(re.GraphContainer,{className:t?.classNames?.graphContainer,style:t?.styles?.graphContainer,id:t?.graphID,ref:U,"aria-label":t?.ariaLabel||"This is a gridded graph",backgroundColor:t?.backgroundColor??!1,theme:t?.theme||"light",language:t?.language||"en",width:t?.width,height:t?.height,padding:t?.padding,children:[d?.graphTitle||d?.graphDescription||t?.graphTitle||t?.graphDescription||t?.graphDownload||t?.dataDownload?o.jsxRuntimeExports.jsx(se.GraphHeader,{styles:{title:d?.styles?.title||t?.styles?.title,description:d?.styles?.description||t?.styles?.description},classNames:{title:d?.classNames?.title||t?.classNames?.title,description:d?.classNames?.description||t?.classNames?.description},graphTitle:d?.graphTitle||t?.graphTitle,graphDescription:d?.graphDescription||t?.graphDescription,width:d?.width||t?.width,graphDownload:t?.graphDownload?U:void 0,dataDownload:t?.dataDownload&&C&&C.length>0?C:null}):null,C&&w.length>0?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[j.length!==0||(L||[]).length!==0||(M||[]).length!==0?o.jsxRuntimeExports.jsxs("div",{className:"flex flex-wrap items-start gap-x-4 gap-y-0 w-full",children:[M?.map((e,r)=>o.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:e.width?0:1,flexShrink:e.ui!=="radio"||e.width?0:1,minWidth:"240px"},className:"pb-4",children:[o.jsxRuntimeExports.jsx(T.Label,{className:"mb-2",children:e.label||"Graph by"}),e.ui!=="radio"?o.jsxRuntimeExports.jsx(m.DropdownSelect,{options:e.options.map(a=>({...a,value:a.label})),isClearable:!1,isSearchable:!0,variant:c,controlShouldRenderValue:!0,defaultValue:e.defaultValue?{...e.defaultValue,value:e.defaultValue?.label}:{...e.options[0],value:e.options[0].label},onChange:a=>{D(a?.graphSettings||{}),x(a?.dataConfiguration)}}):o.jsxRuntimeExports.jsx(v.RadioGroup,{defaultValue:e.defaultValue?.label||e.options[0].label,variant:c,onValueChange:a=>{const l=e.options[e.options.findIndex(h=>h.label===a)];D(l.graphSettings||{}),x(l.dataConfiguration)},children:e.options.map((a,l)=>o.jsxRuntimeExports.jsx(v.RadioGroupItem,{label:a.label,value:a.label},l))})]},r)),L?.map((e,r)=>o.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:e.width?0:1,flexShrink:e.ui!=="radio"||e.width?0:1,minWidth:"240px"},className:"pb-4",children:[o.jsxRuntimeExports.jsx(T.Label,{className:"mb-2",children:e.label||`Visualize ${e.chartConfigId} by`}),he.checkIfMultiple(e.chartConfigId,g||[])?e.ui!=="radio"?o.jsxRuntimeExports.jsx(m.DropdownSelect,{options:e.allowedColumnIds,isMulti:!0,variant:c,isSearchable:!0,controlShouldRenderValue:!0,defaultValue:s?s[s.findIndex(a=>a.chartConfigId===e.chartConfigId)].columnId.map(a=>e.allowedColumnIds[e.allowedColumnIds.findIndex(l=>l.value===a)]):void 0,filterOption:m.createFilter(N),onChange:a=>{const l={columnId:a.map(u=>u.value),chartConfigId:e.chartConfigId},h=g?.map(u=>u.chartConfigId===l.chartConfigId?l:u);x(h)},isRtl:t?.language==="ar"||t?.language==="he"}):o.jsxRuntimeExports.jsx(V.CheckboxGroup,{variant:c,defaultValue:s?s[s.findIndex(a=>a.chartConfigId===e.chartConfigId)].columnId.map(a=>e.allowedColumnIds[e.allowedColumnIds.findIndex(l=>l.value===a)]).map(a=>a.value):[],onValueChange:a=>{const l={columnId:a||[],chartConfigId:e.chartConfigId},h=g?.map(u=>u.chartConfigId===l.chartConfigId?l:u);x(h)},children:e.allowedColumnIds.map((a,l)=>o.jsxRuntimeExports.jsx(V.CheckboxGroupItem,{label:a.label,value:a.label},l))}):e.ui!=="radio"?o.jsxRuntimeExports.jsx(m.DropdownSelect,{options:e.allowedColumnIds,isClearable:!1,isSearchable:!0,variant:c,defaultValue:s?e.allowedColumnIds[e.allowedColumnIds.findIndex(a=>a.value===s[s.findIndex(l=>l.chartConfigId===e.chartConfigId)].columnId)]:void 0,controlShouldRenderValue:!0,onChange:a=>{const l={columnId:a?.value,chartConfigId:e.chartConfigId},h=g?.map(u=>u.chartConfigId===l.chartConfigId?l:u);D(a?.graphSettings||{}),x(h)}}):o.jsxRuntimeExports.jsx(v.RadioGroup,{variant:c,defaultValue:s?e.allowedColumnIds[e.allowedColumnIds.findIndex(a=>a.value===s[s.findIndex(l=>l.chartConfigId===e.chartConfigId)].columnId)].label:"",onValueChange:a=>{const l=e.allowedColumnIds[e.allowedColumnIds.findIndex(E=>E.label===a)],h={columnId:l.value,chartConfigId:e.chartConfigId},u=g?.map(E=>E.chartConfigId===h.chartConfigId?h:E);D(l.graphSettings||{}),x(u)},children:e.allowedColumnIds.map((a,l)=>o.jsxRuntimeExports.jsx(v.RadioGroupItem,{label:a.label,value:a.label},l))})]},r)),j?.map((e,r)=>o.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:e.width?0:1,flexShrink:e.ui!=="radio"||e.width?0:1,flexWrap:"wrap"},className:"pb-4",children:[o.jsxRuntimeExports.jsx(T.Label,{className:"mb-2",children:e.label}),e.singleSelect?e.ui!=="radio"?o.jsxRuntimeExports.jsx(m.DropdownSelect,{options:e.availableValues,variant:c,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:m.createFilter(N),onChange:a=>{I(e.filter,a)},value:e.value,defaultValue:e.defaultValue}):o.jsxRuntimeExports.jsx(v.RadioGroup,{variant:c,defaultValue:e.defaultValue.value,onValueChange:a=>{I(e.filter,e.availableValues.filter(l=>l.value===a))},children:e.availableValues.map((a,l)=>o.jsxRuntimeExports.jsx(v.RadioGroupItem,{label:`${a.label}`,value:`${a.value}`},l))}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[e.ui!=="radio"?o.jsxRuntimeExports.jsx(m.DropdownSelect,{options:e.availableValues,variant:c,size:"sm",isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:m.createFilter(N),onChange:a=>{I(e.filter,a)},value:e.value,defaultValue:e.defaultValue}):o.jsxRuntimeExports.jsx(V.CheckboxGroup,{variant:c,defaultValue:e.defaultValue?e.defaultValue.map(a=>`${a.value}`):[],value:e.value?e.value.map(a=>`${a.value}`):void 0,onValueChange:a=>{I(e.filter,e.availableValues.filter(l=>a.indexOf(`${l.value}`)!==-1))},children:e.availableValues.map((a,l)=>o.jsxRuntimeExports.jsx(V.CheckboxGroupItem,{label:`${a.label}`,value:`${a.value}`},l))}),e.allowSelectAll?o.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400",onClick:()=>{I(e.filter,e.availableValues)},children:"Select all options"}):null]})]},r))]}):null,k!==!1&&t?.showColorScale!==!1?o.jsxRuntimeExports.jsx(ce.ColorLegend,{width:t?.width,colorLegendTitle:t?.colorLegendTitle,colors:t?.colors||t?.lineColors||ie.Colors[t?.theme||"light"].categoricalColors.colors,colorDomain:t?.colorDomain||t?.labels||[],showNAColor:t?.showNAColor===void 0||t?.showNAColor===null?!0:t?.showNAColor}):null,o.jsxRuntimeExports.jsx("div",{className:`flex flex-wrap gap-4 justify-center ${t?.language==="ar"||t?.language==="he"?"flex-row-reverse":"flex-row"}`,children:w.map((e,r)=>o.jsxRuntimeExports.jsx("div",{style:{width:`calc(${100/(y||Math.min(4,w.length||0))}% - ${((y||Math.min(4,w.length||0))-1)/(y||Math.min(4,w.length||0))}rem)`,minWidth:de.checkIfNullOrUndefined(O)?"280px":`${O}px`},children:o.jsxRuntimeExports.jsx(ne.GraphEl,{graph:A,graphDataConfiguration:g,graphData:z.transformDataForGraph(G?z.transformDataForAggregation(J.filterData(C,$||[]).filter(a=>a[S]===e),G.keyColumn,G.aggregationColumnsSetting):J.filterData(C,$||[]).filter(a=>a[S]===e),A,g)||[],debugMode:b,settings:{...t||{},...d,theme:t?.theme||Z,width:void 0,height:void 0,relativeHeight:t?.relativeHeight||.67,minHeight:X,graphTitle:`${e}`,graphDescription:void 0,graphDownload:!1,dataDownload:!1,backgroundColor:void 0,padding:"0",footNote:void 0,sources:void 0,showColorScale:t?.showColorScale===!1?!1:k===!1},readableHeader:Y||[]})},r))})]}):o.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:o.jsxRuntimeExports.jsx(oe.Spinner,{})}),t?.sources||t?.footNote?o.jsxRuntimeExports.jsx(ue.GraphFooter,{styles:{footnote:t?.styles?.footnote,source:t?.styles?.source},classNames:{footnote:t?.classNames?.footnote,source:t?.classNames?.source},sources:t?.sources,footNote:t?.footNote,width:t?.width}):null]})}exports.GriddedGraphs=pe;
-//# sourceMappingURL=GriddedGraphs.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Colors.cjs`),r=require(`./lodash.flattendeep-_PlS_1wX.cjs`),i=require(`./lodash.intersection-BDR4j58n.cjs`),a=require(`./ColorLegend.cjs`),ee=require(`./GraphFooter.cjs`),te=require(`./GraphHeader.cjs`),o=require(`./getValues-CX_V1GcA.cjs`),ne=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),s=require(`./fetchAndParseData-Dlq4UzdG.cjs`),c=require(`./getUniqValue-BItnnZEr.cjs`),l=require(`./filterData-B2pPOkwy.cjs`),u=require(`./transformDataForGraph-CiaG24wJ.cjs`),d=require(`./transformDataForSelect-Bmaowc2Z.cjs`),f=require(`./GraphContainer-7xAPK4Tb.cjs`),re=require(`./GraphEl-DKWanDSW.cjs`);let p=require(`react`),m=require(`@undp/design-system-react/CheckboxGroup`),h=require(`@undp/design-system-react/DropdownSelect`),g=require(`@undp/design-system-react/Label`),_=require(`@undp/design-system-react/RadioGroup`),v=require(`@undp/design-system-react/Spinner`);var y=e.a(r.t(),1),b=e.a(i.t(),1),x=t.t();function S(e){let{graphSettings:t,dataSettings:r,filters:i,graphType:S,dataTransform:C,graphDataConfiguration:w,noOfColumns:T,columnGridBy:E,dataFilters:D,showCommonColorScale:O,minGraphHeight:k,minGraphWidth:A,debugMode:j,dataSelectionOptions:M,advancedDataSelectionOptions:N,readableHeader:P,noOfFiltersPerRow:F=4,uiMode:I=`normal`,theme:L=`light`}=e,[R,z]=(0,p.useState)(void 0),[B,V]=(0,p.useState)(void 0),[H,ie]=(0,p.useState)([]),U=(0,p.useRef)(null),[W,G]=(0,p.useState)(w),[K,q]=(0,p.useState)([]),[J,Y]=(0,p.useState)({}),X=(0,p.useMemo)(()=>({ignoreCase:!0,ignoreAccents:!0,trim:!0}),[]),Z=(0,p.useMemo)(()=>!B||K.length===0?B:B.filter(e=>K.every(t=>t.value&&(0,y.default)([t.value]).length>0?(0,b.default)((0,y.default)([e[t.filter]]),(0,y.default)([t.value]).map(e=>e.value)).length>0:!0)),[K,B]);(0,p.useEffect)(()=>{z(Z)},[Z]);let Q=(0,p.useEffectEvent)(()=>{q((i||[]).map(e=>({filter:e.column,label:e.label||`Filter by ${e.column}`,singleSelect:e.singleSelect,clearable:e.clearable,ui:e.ui,defaultValue:d.t(e.defaultValue),value:d.t(e.defaultValue),availableValues:c.t(B,e.column).filter(t=>!e.excludeValues?.includes(`${t}`)).map(e=>({value:e,label:e})),allowSelectAll:e.allowSelectAll,width:e.width})))});(0,p.useEffect)(()=>{(async()=>{try{V(r.dataURL?typeof r.dataURL==`string`?r.fileType===`json`?await s.r(r.dataURL,r.columnsToArray,r.dataTransformation,j):r.fileType===`api`?await s.a(r.dataURL,r.apiHeaders,r.columnsToArray,r.dataTransformation,j):await s.t(r.dataURL,r.dataTransformation,r.columnsToArray,j,r.delimiter,!0):await s.i(r.dataURL,r.idColumnTitle):await s.o(r.data,r.columnsToArray))}catch(e){console.error(`Data fetching error:`,e)}})(),Q()},[r,j]),(0,p.useEffect)(()=>{Q()},[i,B]);let ae=(0,p.useEffectEvent)(()=>{ie(c.t(B,E))});(0,p.useEffect)(()=>{ae()},[E,B]),(0,p.useEffect)(()=>{G(w)},[w]);let $=(0,p.useCallback)((e,t)=>{q(n=>n.map(n=>n.filter===e?{...n,value:t}:n))},[]);return(0,x.jsxs)(f.n,{className:t?.classNames?.graphContainer,style:t?.styles?.graphContainer,id:t?.graphID,ref:U,"aria-label":t?.ariaLabel||`This is a gridded graph`,backgroundColor:t?.backgroundColor??!1,theme:t?.theme||`light`,language:t?.language||`en`,width:t?.width,height:t?.height,padding:t?.padding,children:[J?.graphTitle||J?.graphDescription||t?.graphTitle||t?.graphDescription||t?.graphDownload||t?.dataDownload?(0,x.jsx)(te.GraphHeader,{styles:{title:J?.styles?.title||t?.styles?.title,description:J?.styles?.description||t?.styles?.description},classNames:{title:J?.classNames?.title||t?.classNames?.title,description:J?.classNames?.description||t?.classNames?.description},graphTitle:J?.graphTitle||t?.graphTitle,graphDescription:J?.graphDescription||t?.graphDescription,width:J?.width||t?.width,graphDownload:t?.graphDownload?U:void 0,dataDownload:t?.dataDownload&&R&&R.length>0?R:null}):null,R&&H.length>0?(0,x.jsxs)(x.Fragment,{children:[K.length!==0||(M||[]).length!==0||(N||[]).length!==0?(0,x.jsxs)(`div`,{className:`flex flex-wrap items-start gap-x-4 gap-y-0 w-full`,children:[N?.map((e,t)=>(0,x.jsxs)(`div`,{style:{width:e.width||`calc(${100/F}% - ${(F-1)/F}rem)`,flexGrow:+!e.width,flexShrink:e.ui!==`radio`||e.width?0:1,minWidth:`240px`},className:`pb-4`,children:[(0,x.jsx)(g.Label,{className:`mb-2`,children:e.label||`Graph by`}),e.ui===`radio`?(0,x.jsx)(_.RadioGroup,{defaultValue:e.defaultValue?.label||e.options[0].label,variant:I,onValueChange:t=>{let n=e.options[e.options.findIndex(e=>e.label===t)];Y(n.graphSettings||{}),G(n.dataConfiguration)},children:e.options.map(e=>(0,x.jsx)(_.RadioGroupItem,{label:e.label,value:e.label},e.label))}):(0,x.jsx)(h.DropdownSelect,{options:e.options.map(e=>({...e,value:e.label})),isClearable:!1,isSearchable:!0,variant:I,controlShouldRenderValue:!0,defaultValue:e.defaultValue?{...e.defaultValue,value:e.defaultValue?.label}:{...e.options[0],value:e.options[0].label},onChange:e=>{Y(e?.graphSettings||{}),G(e?.dataConfiguration)}})]},t)),M?.map((e,n)=>(0,x.jsxs)(`div`,{style:{width:e.width||`calc(${100/F}% - ${(F-1)/F}rem)`,flexGrow:+!e.width,flexShrink:e.ui!==`radio`||e.width?0:1,minWidth:`240px`},className:`pb-4`,children:[(0,x.jsx)(g.Label,{className:`mb-2`,children:e.label||`Visualize ${e.chartConfigId} by`}),o.n(e.chartConfigId,W||[])?e.ui===`radio`?(0,x.jsx)(m.CheckboxGroup,{variant:I,defaultValue:w?w[w.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId.map(t=>e.allowedColumnIds[e.allowedColumnIds.findIndex(e=>e.value===t)]).map(e=>e.value):[],onValueChange:t=>{let n={columnId:t||[],chartConfigId:e.chartConfigId},r=W?.map(e=>e.chartConfigId===n.chartConfigId?n:e);G(r)},children:e.allowedColumnIds.map(e=>(0,x.jsx)(m.CheckboxGroupItem,{label:e.label,value:e.value},e.value))}):(0,x.jsx)(h.DropdownSelect,{options:e.allowedColumnIds,isMulti:!0,variant:I,isSearchable:!0,controlShouldRenderValue:!0,defaultValue:w?w[w.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId.map(t=>e.allowedColumnIds[e.allowedColumnIds.findIndex(e=>e.value===t)]):void 0,filterOption:(0,h.createFilter)(X),onChange:t=>{let n={columnId:t.map(e=>e.value),chartConfigId:e.chartConfigId},r=W?.map(e=>e.chartConfigId===n.chartConfigId?n:e);G(r)},isRtl:t?.language===`ar`||t?.language===`he`}):e.ui===`radio`?(0,x.jsx)(_.RadioGroup,{variant:I,defaultValue:w?e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===w[w.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)].label:``,onValueChange:t=>{let n=e.allowedColumnIds[e.allowedColumnIds.findIndex(e=>e.label===t)],r={columnId:n.value,chartConfigId:e.chartConfigId},i=W?.map(e=>e.chartConfigId===r.chartConfigId?r:e);Y(n.graphSettings||{}),G(i)},children:e.allowedColumnIds.map(e=>(0,x.jsx)(_.RadioGroupItem,{label:e.label,value:e.value},e.value))}):(0,x.jsx)(h.DropdownSelect,{options:e.allowedColumnIds,isClearable:!1,isSearchable:!0,variant:I,defaultValue:w?e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===w[w.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)]:void 0,controlShouldRenderValue:!0,onChange:t=>{let n={columnId:t?.value,chartConfigId:e.chartConfigId},r=W?.map(e=>e.chartConfigId===n.chartConfigId?n:e);Y(t?.graphSettings||{}),G(r)}})]},n)),K?.map((e,t)=>(0,x.jsxs)(`div`,{style:{width:e.width||`calc(${100/F}% - ${(F-1)/F}rem)`,flexGrow:+!e.width,flexShrink:e.ui!==`radio`||e.width?0:1,flexWrap:`wrap`},className:`pb-4`,children:[(0,x.jsx)(g.Label,{className:`mb-2`,children:e.label}),e.singleSelect?e.ui===`radio`?(0,x.jsx)(_.RadioGroup,{variant:I,defaultValue:e.defaultValue.value,onValueChange:t=>{$(e.filter,e.availableValues.filter(e=>e.value===t))},children:e.availableValues.map(e=>(0,x.jsx)(_.RadioGroupItem,{label:`${e.label}`,value:`${e.value}`},e.value))}):(0,x.jsx)(h.DropdownSelect,{options:e.availableValues,variant:I,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:(0,h.createFilter)(X),onChange:t=>{$(e.filter,t)},value:e.value,defaultValue:e.defaultValue}):(0,x.jsxs)(x.Fragment,{children:[e.ui===`radio`?(0,x.jsx)(m.CheckboxGroup,{variant:I,defaultValue:e.defaultValue?e.defaultValue.map(e=>`${e.value}`):[],value:e.value?e.value.map(e=>`${e.value}`):void 0,onValueChange:t=>{$(e.filter,e.availableValues.filter(e=>t.indexOf(`${e.value}`)!==-1))},children:e.availableValues.map(e=>(0,x.jsx)(m.CheckboxGroupItem,{label:`${e.label}`,value:`${e.value}`},e.value))}):(0,x.jsx)(h.DropdownSelect,{options:e.availableValues,variant:I,size:`sm`,isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:(0,h.createFilter)(X),onChange:t=>{$(e.filter,t)},value:e.value,defaultValue:e.defaultValue}),e.allowSelectAll?(0,x.jsx)(`button`,{type:`button`,className:`bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400`,onClick:()=>{$(e.filter,e.availableValues)},children:`Select all options`}):null]})]},t))]}):null,O!==!1&&t?.showColorScale!==!1?(0,x.jsx)(a.ColorLegend,{width:t?.width,colorLegendTitle:t?.colorLegendTitle,colors:t?.colors||t?.lineColors||n.Colors[t?.theme||`light`].categoricalColors.colors,colorDomain:t?.colorDomain||t?.labels||[],showNAColor:t?.showNAColor===void 0||t?.showNAColor===null?!0:t?.showNAColor}):null,(0,x.jsx)(`div`,{className:`flex flex-wrap gap-4 justify-center ${t?.language===`ar`||t?.language===`he`?`flex-row-reverse`:`flex-row`}`,children:H.map(e=>(0,x.jsx)(`div`,{style:{width:`calc(${100/(T||Math.min(4,H.length||0))}% - ${((T||Math.min(4,H.length||0))-1)/(T||Math.min(4,H.length||0))}rem)`,minWidth:ne.t(A)?`280px`:`${A}px`},children:(0,x.jsx)(re.t,{graph:S,graphDataConfiguration:W,graphData:u.t(C?u.n(l.t(R,D||[]).filter(t=>t[E]===e),C.keyColumn,C.aggregationColumnsSetting):l.t(R,D||[]).filter(t=>t[E]===e),S,W)||[],debugMode:j,settings:{...t||{},...J,theme:t?.theme||L,width:void 0,height:void 0,relativeHeight:t?.relativeHeight||.67,minHeight:k,graphTitle:`${e}`,graphDescription:void 0,graphDownload:!1,dataDownload:!1,backgroundColor:void 0,padding:`0`,footNote:void 0,sources:void 0,showColorScale:t?.showColorScale===!1?!1:O===!1},readableHeader:P||[]})},e))})]}):(0,x.jsx)(`div`,{className:`w-full flex justify-center p-4`,children:(0,x.jsx)(v.Spinner,{})}),t?.sources||t?.footNote?(0,x.jsx)(ee.GraphFooter,{styles:{footnote:t?.styles?.footnote,source:t?.styles?.source},classNames:{footnote:t?.classNames?.footnote,source:t?.classNames?.source},sources:t?.sources,footNote:t?.footNote,width:t?.width}):null]})}exports.GriddedGraphs=S;
+//# sourceMappingURL=GriddedGraphs.cjs.map

package/dist/GriddedGraphs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GriddedGraphs.cjs","sources":["../src/Components/Dashboard/GriddedGraphs.tsx"],"sourcesContent":["import { useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Label } from '@undp/design-system-react/Label';\r\n\r\nimport { GraphContainer } from '../Elements/GraphContainer';\r\n\r\nimport GraphEl from './GraphEl';\r\n\r\nimport {\r\n  AdvancedDataSelectionDataType,\r\n  AggregationSettingsDataType,\r\n  DataFilterDataType,\r\n  DataSelectionDataType,\r\n  DataSettingsDataType,\r\n  FilterSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  GraphConfigurationDataType,\r\n  GraphSettingsDataType,\r\n  GraphType,\r\n} from '@/Types';\r\nimport {\r\n  fetchAndParseCSV,\r\n  fetchAndParseJSON,\r\n  fetchAndParseMultipleDataSources,\r\n  fetchAndTransformDataFromAPI,\r\n} from '@/Utils/fetchAndParseData';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\r\nimport { transformDataForGraph } from '@/Utils/transformData/transformDataForGraph';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { transformDataForAggregation } from '@/Utils/transformData/transformDataForAggregation';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { ColorLegend } from '@/Components/Elements/ColorLegend';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { checkIfMultiple } from '@/Utils/checkIfMultiple';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\n\r\ninterface Props {\r\n  noOfColumns?: number;\r\n  columnGridBy: string;\r\n  graphSettings?: GraphSettingsDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  noOfFiltersPerRow?: number;\r\n  graphType: Exclude<GraphType, 'geoHubMap' | 'geoHubCompareMap' | 'geoHubMapWithLayerSelection'>;\r\n  dataTransform?: {\r\n    keyColumn: string;\r\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\r\n  };\r\n  showCommonColorScale?: boolean;\r\n  dataFilters?: DataFilterDataType[];\r\n  graphDataConfiguration?: GraphConfigurationDataType[];\r\n  dataSelectionOptions?: DataSelectionDataType[];\r\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\r\n  minGraphHeight?: number;\r\n  minGraphWidth?: number;\r\n  debugMode?: boolean;\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  uiMode?: 'light' | 'normal';\r\n  theme?: 'dark' | 'light';\r\n}\r\n\r\nexport function GriddedGraphs(props: Props) {\r\n  const {\r\n    graphSettings,\r\n    dataSettings,\r\n    filters,\r\n    graphType,\r\n    dataTransform,\r\n    graphDataConfiguration,\r\n    noOfColumns,\r\n    columnGridBy,\r\n    dataFilters,\r\n    showCommonColorScale,\r\n    minGraphHeight,\r\n    minGraphWidth,\r\n    debugMode,\r\n    dataSelectionOptions,\r\n    advancedDataSelectionOptions,\r\n    readableHeader,\r\n    noOfFiltersPerRow = 4,\r\n    uiMode = 'normal',\r\n    theme = 'light',\r\n  } = props;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [data, setData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [dataFromFile, setDataFromFile] = useState<any>(undefined);\r\n  const [gridOption, setGridOption] = useState<(string | number)[]>([]);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const [graphConfig, setGraphConfig] = useState<GraphConfigurationDataType[] | undefined>(\r\n    graphDataConfiguration,\r\n  );\r\n  const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\r\n  const [advancedGraphSettings, setAdvancedGraphSettings] = useState<GraphSettingsDataType>({});\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\r\n  );\r\n\r\n  const filteredData = useMemo(() => {\r\n    if (!dataFromFile || filterSettings.length === 0) return dataFromFile;\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    const result = dataFromFile.filter((item: any) =>\r\n      filterSettings.every(filter =>\r\n        filter.value && flattenDeep([filter.value]).length > 0\r\n          ? intersection(\r\n              flattenDeep([item[filter.filter]]),\r\n              flattenDeep([filter.value]).map(el => el.value),\r\n            ).length > 0\r\n          : true,\r\n      ),\r\n    );\r\n    return result;\r\n  }, [filterSettings, dataFromFile]);\r\n  useEffect(() => {\r\n    setData(filteredData);\r\n  }, [filteredData]);\r\n\r\n  const updateFiltersEvent = useEffectEvent(() => {\r\n    const filterSettingsTemp = (filters || []).map(el => ({\r\n      filter: el.column,\r\n      label: el.label || `Filter by ${el.column}`,\r\n      singleSelect: el.singleSelect,\r\n      clearable: el.clearable,\r\n      ui: el.ui,\r\n      defaultValue: transformDefaultValue(el.defaultValue),\r\n      value: transformDefaultValue(el.defaultValue),\r\n      availableValues: getUniqValue(dataFromFile, el.column)\r\n        .filter(v => !el.excludeValues?.includes(`${v}`))\r\n        .map(v => ({ value: v, label: v })),\r\n      allowSelectAll: el.allowSelectAll,\r\n      width: el.width,\r\n    }));\r\n    setFilterSettings(filterSettingsTemp);\r\n  });\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      try {\r\n        const fetchDataFromFile = dataSettings.dataURL\r\n          ? typeof dataSettings.dataURL === 'string'\r\n            ? dataSettings.fileType === 'json'\r\n              ? await fetchAndParseJSON(\r\n                  dataSettings.dataURL,\r\n                  dataSettings.columnsToArray,\r\n                  dataSettings.dataTransformation,\r\n                  debugMode,\r\n                )\r\n              : dataSettings.fileType === 'api'\r\n                ? await fetchAndTransformDataFromAPI(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.apiHeaders,\r\n                    dataSettings.columnsToArray,\r\n                    dataSettings.dataTransformation,\r\n                    debugMode,\r\n                  )\r\n                : await fetchAndParseCSV(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.dataTransformation,\r\n                    dataSettings.columnsToArray,\r\n                    debugMode,\r\n                    dataSettings.delimiter,\r\n                    true,\r\n                  )\r\n            : await fetchAndParseMultipleDataSources(\r\n                dataSettings.dataURL,\r\n                dataSettings.idColumnTitle,\r\n              )\r\n          : await transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\r\n        setDataFromFile(fetchDataFromFile);\r\n      } catch (error) {\r\n        console.error('Data fetching error:', error);\r\n      }\r\n    };\r\n    fetchData();\r\n    updateFiltersEvent();\r\n  }, [dataSettings, debugMode]);\r\n  useEffect(() => {\r\n    updateFiltersEvent();\r\n  }, [filters, dataFromFile]);\r\n\r\n  const updateGridOptionEvent = useEffectEvent(() => {\r\n    const gridValue = getUniqValue(dataFromFile, columnGridBy) as (string | number)[];\r\n    setGridOption(gridValue);\r\n  });\r\n  useEffect(() => {\r\n    updateGridOptionEvent();\r\n  }, [columnGridBy, dataFromFile]);\r\n  useEffect(() => {\r\n    setGraphConfig(graphDataConfiguration);\r\n  }, [graphDataConfiguration]);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const handleFilterChange = useCallback((filter: string, values: any) => {\r\n    setFilterSettings(prev => prev.map(f => (f.filter === filter ? { ...f, value: values } : f)));\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={graphSettings?.classNames?.graphContainer}\r\n      style={graphSettings?.styles?.graphContainer}\r\n      id={graphSettings?.graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={graphSettings?.ariaLabel || 'This is a gridded graph'}\r\n      backgroundColor={graphSettings?.backgroundColor ?? false}\r\n      theme={graphSettings?.theme || 'light'}\r\n      language={graphSettings?.language || 'en'}\r\n      width={graphSettings?.width}\r\n      height={graphSettings?.height}\r\n      padding={graphSettings?.padding}\r\n    >\r\n      {advancedGraphSettings?.graphTitle ||\r\n      advancedGraphSettings?.graphDescription ||\r\n      graphSettings?.graphTitle ||\r\n      graphSettings?.graphDescription ||\r\n      graphSettings?.graphDownload ||\r\n      graphSettings?.dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: advancedGraphSettings?.styles?.title || graphSettings?.styles?.title,\r\n            description:\r\n              advancedGraphSettings?.styles?.description || graphSettings?.styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: advancedGraphSettings?.classNames?.title || graphSettings?.classNames?.title,\r\n            description:\r\n              advancedGraphSettings?.classNames?.description ||\r\n              graphSettings?.classNames?.description,\r\n          }}\r\n          graphTitle={advancedGraphSettings?.graphTitle || graphSettings?.graphTitle}\r\n          graphDescription={\r\n            advancedGraphSettings?.graphDescription || graphSettings?.graphDescription\r\n          }\r\n          width={advancedGraphSettings?.width || graphSettings?.width}\r\n          graphDownload={graphSettings?.graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            graphSettings?.dataDownload && data ? (data.length > 0 ? data : null) : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {data && gridOption.length > 0 ? (\r\n        <>\r\n          {filterSettings.length !== 0 ||\r\n          (dataSelectionOptions || []).length !== 0 ||\r\n          (advancedDataSelectionOptions || []).length !== 0 ? (\r\n            <div className='flex flex-wrap items-start gap-x-4 gap-y-0 w-full'>\r\n              {advancedDataSelectionOptions?.map((d, i) => (\r\n                <div\r\n                  style={{\r\n                    width:\r\n                      d.width ||\r\n                      `calc(${100 / noOfFiltersPerRow}% - ${\r\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                      }rem)`,\r\n                    flexGrow: d.width ? 0 : 1,\r\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n                    minWidth: '240px',\r\n                  }}\r\n                  className='pb-4'\r\n                  key={i}\r\n                >\r\n                  <Label className='mb-2'>{d.label || 'Graph by'}</Label>\r\n                  {d.ui !== 'radio' ? (\r\n                    <DropdownSelect\r\n                      options={d.options.map(opt => ({\r\n                        ...opt,\r\n                        value: opt.label,\r\n                      }))}\r\n                      isClearable={false}\r\n                      isSearchable\r\n                      variant={uiMode}\r\n                      controlShouldRenderValue\r\n                      defaultValue={\r\n                        d.defaultValue\r\n                          ? {\r\n                              ...d.defaultValue,\r\n                              value: d.defaultValue?.label,\r\n                            }\r\n                          : {\r\n                              ...d.options[0],\r\n                              value: d.options[0].label,\r\n                            }\r\n                      }\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      onChange={(el: any) => {\r\n                        setAdvancedGraphSettings(el?.graphSettings || {});\r\n                        setGraphConfig(el?.dataConfiguration);\r\n                      }}\r\n                    />\r\n                  ) : (\r\n                    <RadioGroup\r\n                      defaultValue={d.defaultValue?.label || d.options[0].label}\r\n                      variant={uiMode}\r\n                      onValueChange={el => {\r\n                        const selectedOption =\r\n                          d.options[d.options.findIndex(opt => opt.label === el)];\r\n                        setAdvancedGraphSettings(selectedOption.graphSettings || {});\r\n                        setGraphConfig(selectedOption.dataConfiguration);\r\n                      }}\r\n                    >\r\n                      {d.options.map((el, j) => (\r\n                        <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n                      ))}\r\n                    </RadioGroup>\r\n                  )}\r\n                </div>\r\n              ))}\r\n              {dataSelectionOptions?.map((d, i) => (\r\n                <div\r\n                  style={{\r\n                    width:\r\n                      d.width ||\r\n                      `calc(${100 / noOfFiltersPerRow}% - ${\r\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                      }rem)`,\r\n                    flexGrow: d.width ? 0 : 1,\r\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n                    minWidth: '240px',\r\n                  }}\r\n                  className='pb-4'\r\n                  key={i}\r\n                >\r\n                  <Label className='mb-2'>{d.label || `Visualize ${d.chartConfigId} by`}</Label>\r\n                  {!checkIfMultiple(d.chartConfigId, graphConfig || []) ? (\r\n                    d.ui !== 'radio' ? (\r\n                      <DropdownSelect\r\n                        options={d.allowedColumnIds}\r\n                        isClearable={false}\r\n                        isSearchable\r\n                        variant={uiMode}\r\n                        defaultValue={\r\n                          graphDataConfiguration\r\n                            ? d.allowedColumnIds[\r\n                                d.allowedColumnIds.findIndex(\r\n                                  j =>\r\n                                    j.value ===\r\n                                    (graphDataConfiguration[\r\n                                      graphDataConfiguration.findIndex(\r\n                                        el => el.chartConfigId === d.chartConfigId,\r\n                                      )\r\n                                    ].columnId as string),\r\n                                )\r\n                              ]\r\n                            : undefined\r\n                        }\r\n                        controlShouldRenderValue\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        onChange={(el: any) => {\r\n                          const newGraphConfig = {\r\n                            columnId: el?.value as string,\r\n                            chartConfigId: d.chartConfigId,\r\n                          };\r\n                          const updatedConfig = graphConfig?.map(item =>\r\n                            item.chartConfigId === newGraphConfig.chartConfigId\r\n                              ? newGraphConfig\r\n                              : item,\r\n                          );\r\n                          setAdvancedGraphSettings(el?.graphSettings || {});\r\n                          setGraphConfig(updatedConfig);\r\n                        }}\r\n                      />\r\n                    ) : (\r\n                      <RadioGroup\r\n                        variant={uiMode}\r\n                        defaultValue={\r\n                          graphDataConfiguration\r\n                            ? d.allowedColumnIds[\r\n                                d.allowedColumnIds.findIndex(\r\n                                  j =>\r\n                                    j.value ===\r\n                                    (graphDataConfiguration[\r\n                                      graphDataConfiguration.findIndex(\r\n                                        el => el.chartConfigId === d.chartConfigId,\r\n                                      )\r\n                                    ].columnId as string),\r\n                                )\r\n                              ].label\r\n                            : ''\r\n                        }\r\n                        onValueChange={el => {\r\n                          const selectedOption =\r\n                            d.allowedColumnIds[\r\n                              d.allowedColumnIds.findIndex(opt => opt.label === el)\r\n                            ];\r\n                          const newGraphConfig = {\r\n                            columnId: selectedOption.value,\r\n                            chartConfigId: d.chartConfigId,\r\n                          };\r\n                          const updatedConfig = graphConfig?.map(item =>\r\n                            item.chartConfigId === newGraphConfig.chartConfigId\r\n                              ? newGraphConfig\r\n                              : item,\r\n                          );\r\n                          setAdvancedGraphSettings(selectedOption.graphSettings || {});\r\n                          setGraphConfig(updatedConfig);\r\n                        }}\r\n                      >\r\n                        {d.allowedColumnIds.map((el, j) => (\r\n                          <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n                        ))}\r\n                      </RadioGroup>\r\n                    )\r\n                  ) : d.ui !== 'radio' ? (\r\n                    <DropdownSelect\r\n                      options={d.allowedColumnIds}\r\n                      isMulti\r\n                      variant={uiMode}\r\n                      isSearchable\r\n                      controlShouldRenderValue\r\n                      defaultValue={\r\n                        graphDataConfiguration\r\n                          ? (\r\n                              graphDataConfiguration[\r\n                                graphDataConfiguration.findIndex(\r\n                                  el => el.chartConfigId === d.chartConfigId,\r\n                                )\r\n                              ].columnId as string[]\r\n                            ).map(\r\n                              el =>\r\n                                d.allowedColumnIds[\r\n                                  d.allowedColumnIds.findIndex(j => j.value === el)\r\n                                ],\r\n                            )\r\n                          : undefined\r\n                      }\r\n                      filterOption={createFilter(filterConfig)}\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      onChange={(el: any) => {\r\n                        const newGraphConfig = {\r\n                          columnId: el.map(\r\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            (item: any) => item.value,\r\n                          ) as string[],\r\n                          chartConfigId: d.chartConfigId,\r\n                        };\r\n                        const updatedConfig = graphConfig?.map(item =>\r\n                          item.chartConfigId === newGraphConfig.chartConfigId\r\n                            ? newGraphConfig\r\n                            : item,\r\n                        );\r\n                        setGraphConfig(updatedConfig);\r\n                      }}\r\n                      isRtl={graphSettings?.language === 'ar' || graphSettings?.language === 'he'}\r\n                    />\r\n                  ) : (\r\n                    <CheckboxGroup\r\n                      variant={uiMode}\r\n                      defaultValue={\r\n                        graphDataConfiguration\r\n                          ? (\r\n                              graphDataConfiguration[\r\n                                graphDataConfiguration.findIndex(\r\n                                  el => el.chartConfigId === d.chartConfigId,\r\n                                )\r\n                              ].columnId as string[]\r\n                            )\r\n                              .map(\r\n                                el =>\r\n                                  d.allowedColumnIds[\r\n                                    d.allowedColumnIds.findIndex(j => j.value === el)\r\n                                  ],\r\n                              )\r\n                              .map(el => el.value)\r\n                          : []\r\n                      }\r\n                      onValueChange={el => {\r\n                        const newGraphConfig = {\r\n                          columnId: el || [],\r\n                          chartConfigId: d.chartConfigId,\r\n                        };\r\n                        const updatedConfig = graphConfig?.map(item =>\r\n                          item.chartConfigId === newGraphConfig.chartConfigId\r\n                            ? newGraphConfig\r\n                            : item,\r\n                        );\r\n                        setGraphConfig(updatedConfig);\r\n                      }}\r\n                    >\r\n                      {d.allowedColumnIds.map((el, j) => (\r\n                        <CheckboxGroupItem label={el.label} value={el.label} key={j} />\r\n                      ))}\r\n                    </CheckboxGroup>\r\n                  )}\r\n                </div>\r\n              ))}\r\n              {filterSettings?.map((d, i) => (\r\n                <div\r\n                  style={{\r\n                    width:\r\n                      d.width ||\r\n                      `calc(${100 / noOfFiltersPerRow}% - ${\r\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                      }rem)`,\r\n                    flexGrow: d.width ? 0 : 1,\r\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n                    flexWrap: 'wrap',\r\n                  }}\r\n                  className='pb-4'\r\n                  key={i}\r\n                >\r\n                  <Label className='mb-2'>{d.label}</Label>\r\n                  {d.singleSelect ? (\r\n                    d.ui !== 'radio' ? (\r\n                      <DropdownSelect\r\n                        options={d.availableValues}\r\n                        variant={uiMode}\r\n                        isClearable={d.clearable === undefined ? true : d.clearable}\r\n                        isSearchable\r\n                        controlShouldRenderValue\r\n                        filterOption={createFilter(filterConfig)}\r\n                        onChange={el => {\r\n                          handleFilterChange(d.filter, el);\r\n                        }}\r\n                        value={d.value}\r\n                        defaultValue={d.defaultValue}\r\n                      />\r\n                    ) : (\r\n                      <RadioGroup\r\n                        variant={uiMode}\r\n                        defaultValue={(d.defaultValue as { value: string; label: string }).value}\r\n                        onValueChange={el => {\r\n                          handleFilterChange(\r\n                            d.filter,\r\n                            d.availableValues.filter(v => v.value === el),\r\n                          );\r\n                        }}\r\n                      >\r\n                        {d.availableValues.map((el, j) => (\r\n                          <RadioGroupItem label={`${el.label}`} value={`${el.value}`} key={j} />\r\n                        ))}\r\n                      </RadioGroup>\r\n                    )\r\n                  ) : (\r\n                    <>\r\n                      {d.ui !== 'radio' ? (\r\n                        <DropdownSelect\r\n                          options={d.availableValues}\r\n                          variant={uiMode}\r\n                          size='sm'\r\n                          isMulti\r\n                          isClearable={d.clearable === undefined ? true : d.clearable}\r\n                          isSearchable\r\n                          controlShouldRenderValue\r\n                          filterOption={createFilter(filterConfig)}\r\n                          onChange={el => {\r\n                            handleFilterChange(d.filter, el);\r\n                          }}\r\n                          value={d.value}\r\n                          defaultValue={d.defaultValue}\r\n                        />\r\n                      ) : (\r\n                        <CheckboxGroup\r\n                          variant={uiMode}\r\n                          defaultValue={\r\n                            d.defaultValue\r\n                              ? (\r\n                                  d.defaultValue as {\r\n                                    value: string | number;\r\n                                    label: string | number;\r\n                                  }[]\r\n                                ).map(el => `${el.value}`)\r\n                              : []\r\n                          }\r\n                          value={\r\n                            d.value\r\n                              ? (\r\n                                  d.value as {\r\n                                    value: string | number;\r\n                                    label: string | number;\r\n                                  }[]\r\n                                ).map(el => `${el.value}`)\r\n                              : undefined\r\n                          }\r\n                          onValueChange={el => {\r\n                            handleFilterChange(\r\n                              d.filter,\r\n                              d.availableValues.filter(v => el.indexOf(`${v.value}`) !== -1),\r\n                            );\r\n                          }}\r\n                        >\r\n                          {d.availableValues.map((el, j) => (\r\n                            <CheckboxGroupItem\r\n                              label={`${el.label}`}\r\n                              value={`${el.value}`}\r\n                              key={j}\r\n                            />\r\n                          ))}\r\n                        </CheckboxGroup>\r\n                      )}\r\n                      {d.allowSelectAll ? (\r\n                        <button\r\n                          type='button'\r\n                          className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\r\n                          onClick={() => {\r\n                            handleFilterChange(d.filter, d.availableValues);\r\n                          }}\r\n                        >\r\n                          Select all options\r\n                        </button>\r\n                      ) : null}\r\n                    </>\r\n                  )}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ) : null}\r\n          {showCommonColorScale !== false && graphSettings?.showColorScale !== false ? (\r\n            <ColorLegend\r\n              width={graphSettings?.width}\r\n              colorLegendTitle={graphSettings?.colorLegendTitle}\r\n              colors={\r\n                (graphSettings?.colors as string[] | undefined) ||\r\n                (graphSettings?.lineColors as string[] | undefined) ||\r\n                Colors[(graphSettings?.theme as 'light' | 'dark' | undefined) || 'light']\r\n                  .categoricalColors.colors\r\n              }\r\n              colorDomain={graphSettings?.colorDomain || graphSettings?.labels || []}\r\n              showNAColor={\r\n                graphSettings?.showNAColor === undefined || graphSettings?.showNAColor === null\r\n                  ? true\r\n                  : graphSettings?.showNAColor\r\n              }\r\n            />\r\n          ) : null}\r\n          <div\r\n            className={`flex flex-wrap gap-4 justify-center ${graphSettings?.language === 'ar' || graphSettings?.language === 'he' ? 'flex-row-reverse' : 'flex-row'}`}\r\n          >\r\n            {gridOption.map((el, i) => (\r\n              <div\r\n                key={i}\r\n                style={{\r\n                  width: `calc(${\r\n                    100 / (noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number))\r\n                  }% - ${\r\n                    ((noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number)) - 1) /\r\n                    (noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number))\r\n                  }rem)`,\r\n                  minWidth: checkIfNullOrUndefined(minGraphWidth) ? '280px' : `${minGraphWidth}px`,\r\n                }}\r\n              >\r\n                <GraphEl\r\n                  graph={graphType}\r\n                  graphDataConfiguration={graphConfig}\r\n                  graphData={\r\n                    transformDataForGraph(\r\n                      dataTransform\r\n                        ? transformDataForAggregation(\r\n                            filterData(data, dataFilters || []).filter(\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              (d: any) => d[columnGridBy] === el,\r\n                            ),\r\n                            dataTransform.keyColumn,\r\n                            dataTransform.aggregationColumnsSetting,\r\n                          )\r\n                        : filterData(data, dataFilters || []).filter(\r\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            (d: any) => d[columnGridBy] === el,\r\n                          ),\r\n                      graphType,\r\n                      graphConfig,\r\n                    ) || []\r\n                  }\r\n                  debugMode={debugMode}\r\n                  settings={{\r\n                    ...(graphSettings || {}),\r\n                    ...advancedGraphSettings,\r\n                    theme: graphSettings?.theme || theme,\r\n                    width: undefined,\r\n                    height: undefined,\r\n                    relativeHeight: graphSettings?.relativeHeight || 0.67,\r\n                    minHeight: minGraphHeight,\r\n                    graphTitle: `${el}`,\r\n                    graphDescription: undefined,\r\n                    graphDownload: false,\r\n                    dataDownload: false,\r\n                    backgroundColor: undefined,\r\n                    padding: '0',\r\n                    footNote: undefined,\r\n                    sources: undefined,\r\n                    showColorScale:\r\n                      graphSettings?.showColorScale === false\r\n                        ? false\r\n                        : showCommonColorScale === false,\r\n                  }}\r\n                  readableHeader={readableHeader || []}\r\n                />\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </>\r\n      ) : (\r\n        <div className='w-full flex justify-center p-4'>\r\n          <Spinner />\r\n        </div>\r\n      )}\r\n      {graphSettings?.sources || graphSettings?.footNote ? (\r\n        <GraphFooter\r\n          styles={{\r\n            footnote: graphSettings?.styles?.footnote,\r\n            source: graphSettings?.styles?.source,\r\n          }}\r\n          classNames={{\r\n            footnote: graphSettings?.classNames?.footnote,\r\n            source: graphSettings?.classNames?.source,\r\n          }}\r\n          sources={graphSettings?.sources}\r\n          footNote={graphSettings?.footNote}\r\n          width={graphSettings?.width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["GriddedGraphs","props","graphSettings","dataSettings","filters","graphType","dataTransform","graphDataConfiguration","noOfColumns","columnGridBy","dataFilters","showCommonColorScale","minGraphHeight","minGraphWidth","debugMode","dataSelectionOptions","advancedDataSelectionOptions","readableHeader","noOfFiltersPerRow","uiMode","theme","data","setData","useState","undefined","dataFromFile","setDataFromFile","gridOption","setGridOption","graphParentDiv","useRef","graphConfig","setGraphConfig","filterSettings","setFilterSettings","advancedGraphSettings","setAdvancedGraphSettings","filterConfig","useMemo","ignoreCase","ignoreAccents","trim","filteredData","length","filter","item","every","value","flattenDeep","intersection","map","el","useEffect","updateFiltersEvent","useEffectEvent","filterSettingsTemp","column","label","singleSelect","clearable","ui","defaultValue","transformDefaultValue","availableValues","getUniqValue","v","excludeValues","includes","allowSelectAll","width","fetchDataFromFile","dataURL","fileType","fetchAndParseJSON","columnsToArray","dataTransformation","fetchAndTransformDataFromAPI","apiHeaders","fetchAndParseCSV","delimiter","fetchAndParseMultipleDataSources","idColumnTitle","transformColumnsToArray","error","console","fetchData","updateGridOptionEvent","gridValue","handleFilterChange","useCallback","values","prev","f","GraphContainer","classNames","graphContainer","styles","graphID","ariaLabel","backgroundColor","language","height","padding","graphTitle","graphDescription","graphDownload","dataDownload","jsx","GraphHeader","title","description","jsxs","Fragment","d","i","flexGrow","flexShrink","minWidth","Label","DropdownSelect","options","opt","dataConfiguration","RadioGroup","selectedOption","findIndex","j","RadioGroupItem","chartConfigId","checkIfMultiple","allowedColumnIds","columnId","createFilter","newGraphConfig","updatedConfig","CheckboxGroup","CheckboxGroupItem","flexWrap","indexOf","showColorScale","ColorLegend","colorLegendTitle","colors","lineColors","Colors","categoricalColors","colorDomain","labels","showNAColor","Math","min","checkIfNullOrUndefined","GraphEl","transformDataForGraph","transformDataForAggregation","filterData","keyColumn","aggregationColumnsSetting","relativeHeight","minHeight","footNote","sources","Spinner","GraphFooter","footnote","source"],"mappings":"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"}
+{"version":3,"file":"GriddedGraphs.cjs","names":[],"sources":["../src/Components/Dashboard/GriddedGraphs.tsx"],"sourcesContent":["import { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\nimport { Label } from '@undp/design-system-react/Label';\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\nimport { Spinner } from '@undp/design-system-react/Spinner';\nimport flattenDeep from 'lodash.flattendeep';\nimport intersection from 'lodash.intersection';\nimport { useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegend } from '@/Components/Elements/ColorLegend';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  AdvancedDataSelectionDataType,\n  AggregationSettingsDataType,\n  DataFilterDataType,\n  DataSelectionDataType,\n  DataSettingsDataType,\n  FilterSettingsDataType,\n  FilterUiSettingsDataType,\n  GraphConfigurationDataType,\n  GraphSettingsDataType,\n  GraphType,\n} from '@/Types';\nimport { checkIfMultiple } from '@/Utils/checkIfMultiple';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport {\n  fetchAndParseCSV,\n  fetchAndParseJSON,\n  fetchAndParseMultipleDataSources,\n  fetchAndTransformDataFromAPI,\n} from '@/Utils/fetchAndParseData';\nimport { getUniqValue } from '@/Utils/getUniqValue';\nimport { filterData } from '@/Utils/transformData/filterData';\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\nimport { transformDataForAggregation } from '@/Utils/transformData/transformDataForAggregation';\nimport { transformDataForGraph } from '@/Utils/transformData/transformDataForGraph';\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\nimport { GraphContainer } from '../Elements/GraphContainer';\nimport GraphEl from './GraphEl';\n\ninterface Props {\n  noOfColumns?: number;\n  columnGridBy: string;\n  graphSettings?: GraphSettingsDataType;\n  dataSettings: DataSettingsDataType;\n  filters?: FilterUiSettingsDataType[];\n  noOfFiltersPerRow?: number;\n  graphType: Exclude<GraphType, 'geoHubMap' | 'geoHubCompareMap' | 'geoHubMapWithLayerSelection'>;\n  dataTransform?: {\n    keyColumn: string;\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\n  };\n  showCommonColorScale?: boolean;\n  dataFilters?: DataFilterDataType[];\n  graphDataConfiguration?: GraphConfigurationDataType[];\n  dataSelectionOptions?: DataSelectionDataType[];\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\n  minGraphHeight?: number;\n  minGraphWidth?: number;\n  debugMode?: boolean;\n  readableHeader?: {\n    value: string;\n    label: string;\n  }[];\n  uiMode?: 'light' | 'normal';\n  theme?: 'dark' | 'light';\n}\n\nexport function GriddedGraphs(props: Props) {\n  const {\n    graphSettings,\n    dataSettings,\n    filters,\n    graphType,\n    dataTransform,\n    graphDataConfiguration,\n    noOfColumns,\n    columnGridBy,\n    dataFilters,\n    showCommonColorScale,\n    minGraphHeight,\n    minGraphWidth,\n    debugMode,\n    dataSelectionOptions,\n    advancedDataSelectionOptions,\n    readableHeader,\n    noOfFiltersPerRow = 4,\n    uiMode = 'normal',\n    theme = 'light',\n  } = props;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [data, setData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [dataFromFile, setDataFromFile] = useState<any>(undefined);\n  const [gridOption, setGridOption] = useState<(string | number)[]>([]);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  const [graphConfig, setGraphConfig] = useState<GraphConfigurationDataType[] | undefined>(\n    graphDataConfiguration,\n  );\n  const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\n  const [advancedGraphSettings, setAdvancedGraphSettings] = useState<GraphSettingsDataType>({});\n\n  const filterConfig = useMemo(\n    () => ({\n      ignoreCase: true,\n      ignoreAccents: true,\n      trim: true,\n    }),\n    [],\n  );\n\n  const filteredData = useMemo(() => {\n    if (!dataFromFile || filterSettings.length === 0) return dataFromFile;\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    const result = dataFromFile.filter((item: any) =>\n      filterSettings.every((filter) =>\n        filter.value && flattenDeep([filter.value]).length > 0\n          ? intersection(\n              flattenDeep([item[filter.filter]]),\n              flattenDeep([filter.value]).map((el) => el.value),\n            ).length > 0\n          : true,\n      ),\n    );\n    return result;\n  }, [filterSettings, dataFromFile]);\n  useEffect(() => {\n    setData(filteredData);\n  }, [filteredData]);\n\n  const updateFiltersEvent = useEffectEvent(() => {\n    const filterSettingsTemp = (filters || []).map((el) => ({\n      filter: el.column,\n      label: el.label || `Filter by ${el.column}`,\n      singleSelect: el.singleSelect,\n      clearable: el.clearable,\n      ui: el.ui,\n      defaultValue: transformDefaultValue(el.defaultValue),\n      value: transformDefaultValue(el.defaultValue),\n      availableValues: getUniqValue(dataFromFile, el.column)\n        .filter((v) => !el.excludeValues?.includes(`${v}`))\n        .map((v) => ({ value: v, label: v })),\n      allowSelectAll: el.allowSelectAll,\n      width: el.width,\n    }));\n    setFilterSettings(filterSettingsTemp);\n  });\n  useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const fetchDataFromFile = dataSettings.dataURL\n          ? typeof dataSettings.dataURL === 'string'\n            ? dataSettings.fileType === 'json'\n              ? await fetchAndParseJSON(\n                  dataSettings.dataURL,\n                  dataSettings.columnsToArray,\n                  dataSettings.dataTransformation,\n                  debugMode,\n                )\n              : dataSettings.fileType === 'api'\n                ? await fetchAndTransformDataFromAPI(\n                    dataSettings.dataURL,\n                    dataSettings.apiHeaders,\n                    dataSettings.columnsToArray,\n                    dataSettings.dataTransformation,\n                    debugMode,\n                  )\n                : await fetchAndParseCSV(\n                    dataSettings.dataURL,\n                    dataSettings.dataTransformation,\n                    dataSettings.columnsToArray,\n                    debugMode,\n                    dataSettings.delimiter,\n                    true,\n                  )\n            : await fetchAndParseMultipleDataSources(\n                dataSettings.dataURL,\n                dataSettings.idColumnTitle,\n              )\n          : await transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\n        setDataFromFile(fetchDataFromFile);\n      } catch (error) {\n        console.error('Data fetching error:', error);\n      }\n    };\n    fetchData();\n    updateFiltersEvent();\n  }, [dataSettings, debugMode]);\n  useEffect(() => {\n    updateFiltersEvent();\n  }, [filters, dataFromFile]);\n\n  const updateGridOptionEvent = useEffectEvent(() => {\n    const gridValue = getUniqValue(dataFromFile, columnGridBy) as (string | number)[];\n    setGridOption(gridValue);\n  });\n  useEffect(() => {\n    updateGridOptionEvent();\n  }, [columnGridBy, dataFromFile]);\n  useEffect(() => {\n    setGraphConfig(graphDataConfiguration);\n  }, [graphDataConfiguration]);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const handleFilterChange = useCallback((filter: string, values: any) => {\n    setFilterSettings((prev) =>\n      prev.map((f) => (f.filter === filter ? { ...f, value: values } : f)),\n    );\n  }, []);\n  return (\n    <GraphContainer\n      className={graphSettings?.classNames?.graphContainer}\n      style={graphSettings?.styles?.graphContainer}\n      id={graphSettings?.graphID}\n      ref={graphParentDiv}\n      aria-label={graphSettings?.ariaLabel || 'This is a gridded graph'}\n      backgroundColor={graphSettings?.backgroundColor ?? false}\n      theme={graphSettings?.theme || 'light'}\n      language={graphSettings?.language || 'en'}\n      width={graphSettings?.width}\n      height={graphSettings?.height}\n      padding={graphSettings?.padding}\n    >\n      {advancedGraphSettings?.graphTitle ||\n      advancedGraphSettings?.graphDescription ||\n      graphSettings?.graphTitle ||\n      graphSettings?.graphDescription ||\n      graphSettings?.graphDownload ||\n      graphSettings?.dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: advancedGraphSettings?.styles?.title || graphSettings?.styles?.title,\n            description:\n              advancedGraphSettings?.styles?.description || graphSettings?.styles?.description,\n          }}\n          classNames={{\n            title: advancedGraphSettings?.classNames?.title || graphSettings?.classNames?.title,\n            description:\n              advancedGraphSettings?.classNames?.description ||\n              graphSettings?.classNames?.description,\n          }}\n          graphTitle={advancedGraphSettings?.graphTitle || graphSettings?.graphTitle}\n          graphDescription={\n            advancedGraphSettings?.graphDescription || graphSettings?.graphDescription\n          }\n          width={advancedGraphSettings?.width || graphSettings?.width}\n          graphDownload={graphSettings?.graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            graphSettings?.dataDownload && data ? (data.length > 0 ? data : null) : null\n          }\n        />\n      ) : null}\n      {data && gridOption.length > 0 ? (\n        <>\n          {filterSettings.length !== 0 ||\n          (dataSelectionOptions || []).length !== 0 ||\n          (advancedDataSelectionOptions || []).length !== 0 ? (\n            <div className='flex flex-wrap items-start gap-x-4 gap-y-0 w-full'>\n              {advancedDataSelectionOptions?.map((d, i) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\n                    minWidth: '240px',\n                  }}\n                  className='pb-4'\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                >\n                  <Label className='mb-2'>{d.label || 'Graph by'}</Label>\n                  {d.ui !== 'radio' ? (\n                    <DropdownSelect\n                      options={d.options.map((opt) => ({\n                        ...opt,\n                        value: opt.label,\n                      }))}\n                      isClearable={false}\n                      isSearchable\n                      variant={uiMode}\n                      controlShouldRenderValue\n                      defaultValue={\n                        d.defaultValue\n                          ? {\n                              ...d.defaultValue,\n                              value: d.defaultValue?.label,\n                            }\n                          : {\n                              ...d.options[0],\n                              value: d.options[0].label,\n                            }\n                      }\n                      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                      onChange={(el: any) => {\n                        setAdvancedGraphSettings(el?.graphSettings || {});\n                        setGraphConfig(el?.dataConfiguration);\n                      }}\n                    />\n                  ) : (\n                    <RadioGroup\n                      defaultValue={d.defaultValue?.label || d.options[0].label}\n                      variant={uiMode}\n                      onValueChange={(el) => {\n                        const selectedOption =\n                          d.options[d.options.findIndex((opt) => opt.label === el)];\n                        setAdvancedGraphSettings(selectedOption.graphSettings || {});\n                        setGraphConfig(selectedOption.dataConfiguration);\n                      }}\n                    >\n                      {d.options.map((el) => (\n                        <RadioGroupItem label={el.label} value={el.label} key={el.label} />\n                      ))}\n                    </RadioGroup>\n                  )}\n                </div>\n              ))}\n              {dataSelectionOptions?.map((d, i) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\n                    minWidth: '240px',\n                  }}\n                  className='pb-4'\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                >\n                  <Label className='mb-2'>{d.label || `Visualize ${d.chartConfigId} by`}</Label>\n                  {!checkIfMultiple(d.chartConfigId, graphConfig || []) ? (\n                    d.ui !== 'radio' ? (\n                      <DropdownSelect\n                        options={d.allowedColumnIds}\n                        isClearable={false}\n                        isSearchable\n                        variant={uiMode}\n                        defaultValue={\n                          graphDataConfiguration\n                            ? d.allowedColumnIds[\n                                d.allowedColumnIds.findIndex(\n                                  (j) =>\n                                    j.value ===\n                                    (graphDataConfiguration[\n                                      graphDataConfiguration.findIndex(\n                                        (el) => el.chartConfigId === d.chartConfigId,\n                                      )\n                                    ].columnId as string),\n                                )\n                              ]\n                            : undefined\n                        }\n                        controlShouldRenderValue\n                        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                        onChange={(el: any) => {\n                          const newGraphConfig = {\n                            columnId: el?.value as string,\n                            chartConfigId: d.chartConfigId,\n                          };\n                          const updatedConfig = graphConfig?.map((item) =>\n                            item.chartConfigId === newGraphConfig.chartConfigId\n                              ? newGraphConfig\n                              : item,\n                          );\n                          setAdvancedGraphSettings(el?.graphSettings || {});\n                          setGraphConfig(updatedConfig);\n                        }}\n                      />\n                    ) : (\n                      <RadioGroup\n                        variant={uiMode}\n                        defaultValue={\n                          graphDataConfiguration\n                            ? d.allowedColumnIds[\n                                d.allowedColumnIds.findIndex(\n                                  (j) =>\n                                    j.value ===\n                                    (graphDataConfiguration[\n                                      graphDataConfiguration.findIndex(\n                                        (el) => el.chartConfigId === d.chartConfigId,\n                                      )\n                                    ].columnId as string),\n                                )\n                              ].label\n                            : ''\n                        }\n                        onValueChange={(el) => {\n                          const selectedOption =\n                            d.allowedColumnIds[\n                              d.allowedColumnIds.findIndex((opt) => opt.label === el)\n                            ];\n                          const newGraphConfig = {\n                            columnId: selectedOption.value,\n                            chartConfigId: d.chartConfigId,\n                          };\n                          const updatedConfig = graphConfig?.map((item) =>\n                            item.chartConfigId === newGraphConfig.chartConfigId\n                              ? newGraphConfig\n                              : item,\n                          );\n                          setAdvancedGraphSettings(selectedOption.graphSettings || {});\n                          setGraphConfig(updatedConfig);\n                        }}\n                      >\n                        {d.allowedColumnIds.map((el) => (\n                          <RadioGroupItem label={el.label} value={el.value} key={el.value} />\n                        ))}\n                      </RadioGroup>\n                    )\n                  ) : d.ui !== 'radio' ? (\n                    <DropdownSelect\n                      options={d.allowedColumnIds}\n                      isMulti\n                      variant={uiMode}\n                      isSearchable\n                      controlShouldRenderValue\n                      defaultValue={\n                        graphDataConfiguration\n                          ? (\n                              graphDataConfiguration[\n                                graphDataConfiguration.findIndex(\n                                  (el) => el.chartConfigId === d.chartConfigId,\n                                )\n                              ].columnId as string[]\n                            ).map(\n                              (el) =>\n                                d.allowedColumnIds[\n                                  d.allowedColumnIds.findIndex((j) => j.value === el)\n                                ],\n                            )\n                          : undefined\n                      }\n                      filterOption={createFilter(filterConfig)}\n                      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                      onChange={(el: any) => {\n                        const newGraphConfig = {\n                          columnId: el.map(\n                            // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                            (item: any) => item.value,\n                          ) as string[],\n                          chartConfigId: d.chartConfigId,\n                        };\n                        const updatedConfig = graphConfig?.map((item) =>\n                          item.chartConfigId === newGraphConfig.chartConfigId\n                            ? newGraphConfig\n                            : item,\n                        );\n                        setGraphConfig(updatedConfig);\n                      }}\n                      isRtl={graphSettings?.language === 'ar' || graphSettings?.language === 'he'}\n                    />\n                  ) : (\n                    <CheckboxGroup\n                      variant={uiMode}\n                      defaultValue={\n                        graphDataConfiguration\n                          ? (\n                              graphDataConfiguration[\n                                graphDataConfiguration.findIndex(\n                                  (el) => el.chartConfigId === d.chartConfigId,\n                                )\n                              ].columnId as string[]\n                            )\n                              .map(\n                                (el) =>\n                                  d.allowedColumnIds[\n                                    d.allowedColumnIds.findIndex((j) => j.value === el)\n                                  ],\n                              )\n                              .map((el) => el.value)\n                          : []\n                      }\n                      onValueChange={(el) => {\n                        const newGraphConfig = {\n                          columnId: el || [],\n                          chartConfigId: d.chartConfigId,\n                        };\n                        const updatedConfig = graphConfig?.map((item) =>\n                          item.chartConfigId === newGraphConfig.chartConfigId\n                            ? newGraphConfig\n                            : item,\n                        );\n                        setGraphConfig(updatedConfig);\n                      }}\n                    >\n                      {d.allowedColumnIds.map((el) => (\n                        <CheckboxGroupItem label={el.label} value={el.value} key={el.value} />\n                      ))}\n                    </CheckboxGroup>\n                  )}\n                </div>\n              ))}\n              {filterSettings?.map((d, i) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\n                    flexWrap: 'wrap',\n                  }}\n                  className='pb-4'\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                >\n                  <Label className='mb-2'>{d.label}</Label>\n                  {d.singleSelect ? (\n                    d.ui !== 'radio' ? (\n                      <DropdownSelect\n                        options={d.availableValues}\n                        variant={uiMode}\n                        isClearable={d.clearable === undefined ? true : d.clearable}\n                        isSearchable\n                        controlShouldRenderValue\n                        filterOption={createFilter(filterConfig)}\n                        onChange={(el) => {\n                          handleFilterChange(d.filter, el);\n                        }}\n                        value={d.value}\n                        defaultValue={d.defaultValue}\n                      />\n                    ) : (\n                      <RadioGroup\n                        variant={uiMode}\n                        defaultValue={(d.defaultValue as { value: string; label: string }).value}\n                        onValueChange={(el) => {\n                          handleFilterChange(\n                            d.filter,\n                            d.availableValues.filter((v) => v.value === el),\n                          );\n                        }}\n                      >\n                        {d.availableValues.map((el) => (\n                          <RadioGroupItem\n                            label={`${el.label}`}\n                            value={`${el.value}`}\n                            key={el.value}\n                          />\n                        ))}\n                      </RadioGroup>\n                    )\n                  ) : (\n                    <>\n                      {d.ui !== 'radio' ? (\n                        <DropdownSelect\n                          options={d.availableValues}\n                          variant={uiMode}\n                          size='sm'\n                          isMulti\n                          isClearable={d.clearable === undefined ? true : d.clearable}\n                          isSearchable\n                          controlShouldRenderValue\n                          filterOption={createFilter(filterConfig)}\n                          onChange={(el) => {\n                            handleFilterChange(d.filter, el);\n                          }}\n                          value={d.value}\n                          defaultValue={d.defaultValue}\n                        />\n                      ) : (\n                        <CheckboxGroup\n                          variant={uiMode}\n                          defaultValue={\n                            d.defaultValue\n                              ? (\n                                  d.defaultValue as {\n                                    value: string | number;\n                                    label: string | number;\n                                  }[]\n                                ).map((el) => `${el.value}`)\n                              : []\n                          }\n                          value={\n                            d.value\n                              ? (\n                                  d.value as {\n                                    value: string | number;\n                                    label: string | number;\n                                  }[]\n                                ).map((el) => `${el.value}`)\n                              : undefined\n                          }\n                          onValueChange={(el) => {\n                            handleFilterChange(\n                              d.filter,\n                              d.availableValues.filter((v) => el.indexOf(`${v.value}`) !== -1),\n                            );\n                          }}\n                        >\n                          {d.availableValues.map((el) => (\n                            <CheckboxGroupItem\n                              label={`${el.label}`}\n                              value={`${el.value}`}\n                              key={el.value}\n                            />\n                          ))}\n                        </CheckboxGroup>\n                      )}\n                      {d.allowSelectAll ? (\n                        <button\n                          type='button'\n                          className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\n                          onClick={() => {\n                            handleFilterChange(d.filter, d.availableValues);\n                          }}\n                        >\n                          Select all options\n                        </button>\n                      ) : null}\n                    </>\n                  )}\n                </div>\n              ))}\n            </div>\n          ) : null}\n          {showCommonColorScale !== false && graphSettings?.showColorScale !== false ? (\n            <ColorLegend\n              width={graphSettings?.width}\n              colorLegendTitle={graphSettings?.colorLegendTitle}\n              colors={\n                (graphSettings?.colors as string[] | undefined) ||\n                (graphSettings?.lineColors as string[] | undefined) ||\n                Colors[(graphSettings?.theme as 'light' | 'dark' | undefined) || 'light']\n                  .categoricalColors.colors\n              }\n              colorDomain={graphSettings?.colorDomain || graphSettings?.labels || []}\n              showNAColor={\n                graphSettings?.showNAColor === undefined || graphSettings?.showNAColor === null\n                  ? true\n                  : graphSettings?.showNAColor\n              }\n            />\n          ) : null}\n          <div\n            className={`flex flex-wrap gap-4 justify-center ${graphSettings?.language === 'ar' || graphSettings?.language === 'he' ? 'flex-row-reverse' : 'flex-row'}`}\n          >\n            {gridOption.map((el) => (\n              <div\n                key={el}\n                style={{\n                  width: `calc(${\n                    100 / (noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number))\n                  }% - ${\n                    ((noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number)) - 1) /\n                    (noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number))\n                  }rem)`,\n                  minWidth: checkIfNullOrUndefined(minGraphWidth) ? '280px' : `${minGraphWidth}px`,\n                }}\n              >\n                <GraphEl\n                  graph={graphType}\n                  graphDataConfiguration={graphConfig}\n                  graphData={\n                    transformDataForGraph(\n                      dataTransform\n                        ? transformDataForAggregation(\n                            filterData(data, dataFilters || []).filter(\n                              // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                              (d: any) => d[columnGridBy] === el,\n                            ),\n                            dataTransform.keyColumn,\n                            dataTransform.aggregationColumnsSetting,\n                          )\n                        : filterData(data, dataFilters || []).filter(\n                            // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                            (d: any) => d[columnGridBy] === el,\n                          ),\n                      graphType,\n                      graphConfig,\n                    ) || []\n                  }\n                  debugMode={debugMode}\n                  settings={{\n                    ...(graphSettings || {}),\n                    ...advancedGraphSettings,\n                    theme: graphSettings?.theme || theme,\n                    width: undefined,\n                    height: undefined,\n                    relativeHeight: graphSettings?.relativeHeight || 0.67,\n                    minHeight: minGraphHeight,\n                    graphTitle: `${el}`,\n                    graphDescription: undefined,\n                    graphDownload: false,\n                    dataDownload: false,\n                    backgroundColor: undefined,\n                    padding: '0',\n                    footNote: undefined,\n                    sources: undefined,\n                    showColorScale:\n                      graphSettings?.showColorScale === false\n                        ? false\n                        : showCommonColorScale === false,\n                  }}\n                  readableHeader={readableHeader || []}\n                />\n              </div>\n            ))}\n          </div>\n        </>\n      ) : (\n        <div className='w-full flex justify-center p-4'>\n          <Spinner />\n        </div>\n      )}\n      {graphSettings?.sources || graphSettings?.footNote ? (\n        <GraphFooter\n          styles={{\n            footnote: graphSettings?.styles?.footnote,\n            source: graphSettings?.styles?.source,\n          }}\n          classNames={{\n            footnote: graphSettings?.classNames?.footnote,\n            source: graphSettings?.classNames?.source,\n          }}\n          sources={graphSettings?.sources}\n          footNote={graphSettings?.footNote}\n          width={graphSettings?.width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}