@undp/data-viz 1.5.9 → 2.0.1

package/dist/DataCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCards.js","sources":["../node_modules/@undp/design-system-react/dist/chevron-left-DXTpJnX4.js","../node_modules/@undp/design-system-react/dist/ellipsis-CihzP6fh.js","../node_modules/@undp/design-system-react/dist/chevron-right-BcRtuL9I.js","../node_modules/@undp/design-system-react/dist/Pagination.js","../node_modules/@undp/design-system-react/dist/Input.js","../node_modules/@undp/design-system-react/dist/Search.js","../src/Components/Graphs/DataCards/Graph.tsx","../src/Components/Graphs/DataCards/index.tsx"],"sourcesContent":["import { c as e } from \"./createLucideIcon-CI1yJrZf.js\";\n/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nconst o = [[\"path\", { d: \"m15 18-6-6 6-6\", key: \"1wnfg3\" }]], t = e(\"chevron-left\", o);\nexport {\n  t as C\n};\n//# sourceMappingURL=chevron-left-DXTpJnX4.js.map\n","import { c } from \"./createLucideIcon-CI1yJrZf.js\";\n/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nconst e = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", key: \"41hilf\" }],\n  [\"circle\", { cx: \"19\", cy: \"12\", r: \"1\", key: \"1wjl8i\" }],\n  [\"circle\", { cx: \"5\", cy: \"12\", r: \"1\", key: \"1pcz8c\" }]\n], r = c(\"ellipsis\", e);\nexport {\n  r as E\n};\n//# sourceMappingURL=ellipsis-CihzP6fh.js.map\n","import { c as o } from \"./createLucideIcon-CI1yJrZf.js\";\n/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nconst t = [[\"path\", { d: \"m9 18 6-6-6-6\", key: \"mthhwq\" }]], e = o(\"chevron-right\", t);\nexport {\n  e as C\n};\n//# sourceMappingURL=chevron-right-BcRtuL9I.js.map\n","import { j as e } from \"./jsx-runtime-BzflLqGi.js\";\nimport x, { useState as u, useEffect as P } from \"react\";\nimport { c as n } from \"./utils-D_Pof5Gy.js\";\nimport { C } from \"./chevron-left-DXTpJnX4.js\";\nimport { E } from \"./ellipsis-CihzP6fh.js\";\nimport { C as R } from \"./chevron-right-BcRtuL9I.js\";\nfunction d({ className: a, ...r }) {\n  return /* @__PURE__ */ e.jsx(\n    \"nav\",\n    {\n      ...r,\n      role: \"navigation\",\n      \"aria-label\": \"pagination\",\n      className: n(\"mx-auto flex w-full justify-center\", a)\n    }\n  );\n}\nd.displayName = \"PaginationUnit\";\nconst f = x.forwardRef(\n  ({ className: a, ...r }, i) => /* @__PURE__ */ e.jsx(\n    \"ul\",\n    {\n      ...r,\n      ref: i,\n      className: n(\"flex flex-row items-center gap-1 list-none\", a)\n    }\n  )\n);\nf.displayName = \"PaginationContent\";\nconst m = x.forwardRef(\n  ({ className: a, ...r }, i) => /* @__PURE__ */ e.jsx(\"li\", { ...r, ref: i, className: n(\"mr-2 last:mr-0\", a) })\n);\nm.displayName = \"PaginationItem\";\nfunction p({\n  className: a,\n  children: r,\n  ...i\n}) {\n  return /* @__PURE__ */ e.jsx(\n    \"button\",\n    {\n      ...i,\n      type: \"button\",\n      className: n(\n        \"p-4 text-base text-primary-black dark:text-primary-gray-100 dark:hover:bg-primary-gray-600\",\n        a\n      ),\n      children: r\n    }\n  );\n}\np.displayName = \"PaginationLink\";\nfunction h({ className: a, ...r }) {\n  return /* @__PURE__ */ e.jsx(\n    p,\n    {\n      ...r,\n      \"aria-label\": \"Go to previous page\",\n      className: n(\n        \"p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550\",\n        a\n      ),\n      children: /* @__PURE__ */ e.jsx(C, { className: \"h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100\" })\n    }\n  );\n}\nh.displayName = \"PaginationPrevious\";\nfunction b({ className: a, ...r }) {\n  return /* @__PURE__ */ e.jsx(\n    p,\n    {\n      ...r,\n      \"aria-label\": \"Go to next page\",\n      className: n(\n        \"p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550\",\n        a\n      ),\n      children: /* @__PURE__ */ e.jsx(R, { className: \"h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100\" })\n    }\n  );\n}\nb.displayName = \"PaginationNext\";\nfunction j({ className: a, ...r }) {\n  return /* @__PURE__ */ e.jsxs(\n    \"span\",\n    {\n      ...r,\n      \"aria-hidden\": !0,\n      className: n(\"flex h-9 w-9 items-center justify-center\", a),\n      children: [\n        /* @__PURE__ */ e.jsx(E, { className: \"h-4 w-4 text-primary-gray-700 dark:text-primary-gray-100\" }),\n        /* @__PURE__ */ e.jsx(\"span\", { className: \"sr-only\", children: \"More pages\" })\n      ]\n    }\n  );\n}\nj.displayName = \"PaginationEllipsis\";\nconst g = (a, r) => {\n  const i = [];\n  return r <= 7 ? Array.from({ length: r }, (y, t) => t + 1) : (i.push(1), a <= 3 ? i.push(2, 3, 4, \"ellipsis\") : a >= r - 2 ? i.push(\"ellipsis\", r - 3, r - 2, r - 1) : i.push(\"ellipsis\", a - 1, a, a + 1, \"ellipsis\"), i.push(r), i);\n};\nfunction U(a) {\n  const { defaultPage: r = 1, total: i, pageSize: y, onChange: t, className: N } = a, o = Math.ceil(i / y), [s, c] = u(r), [k, v] = u(\n    g(r, o)\n  );\n  return P(() => {\n    v(g(s, o));\n  }, [s, o]), /* @__PURE__ */ e.jsx(d, { className: n(\"select-none\", N), children: /* @__PURE__ */ e.jsxs(f, { children: [\n    /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(\n      h,\n      {\n        onClick: () => {\n          s > 1 && (t(s - 1), c(s - 1));\n        },\n        className: n(\n          \"cursor-pointer\",\n          s <= 1 && \"cursor-not-allowed pointer-events-none opacity-35\"\n        )\n      }\n    ) }),\n    k.map((l, w) => /* @__PURE__ */ e.jsx(m, { children: l === \"ellipsis\" ? /* @__PURE__ */ e.jsx(j, {}) : /* @__PURE__ */ e.jsx(\n      p,\n      {\n        onClick: () => {\n          c(l), t(l);\n        },\n        className: n(\n          \"cursor-pointer w-[32px] h-[32px] flex items-center justify-center rounded-full hover:bg-primary-gray-300\",\n          l === s && \"bg-primary-blue-600 hover:bg-primary-blue-700 dark:bg-primary-blue-500 dark:hover:bg-primary-blue-400 hover:text-primary-wite text-primary-white\"\n        ),\n        children: l\n      }\n    ) }, w)),\n    /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(\n      b,\n      {\n        onClick: () => {\n          s < o && (t(s + 1), c(s + 1));\n        },\n        className: n(\n          \"cursor-pointer\",\n          s >= o && \"cursor-not-allowed pointer-events-none opacity-35\"\n        )\n      }\n    ) })\n  ] }) });\n}\nexport {\n  U as Pagination\n};\n//# sourceMappingURL=Pagination.js.map\n","import { j as o } from \"./jsx-runtime-BzflLqGi.js\";\nimport p from \"react\";\nimport { c as l } from \"./index-CHPV5EwG.js\";\nimport { c as m } from \"./utils-D_Pof5Gy.js\";\nconst s = l(\n  \"w-full h-auto bg-primary-white dark:bg-primary-gray-650 text-primary-black dark:text-primary-white text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-primary-gray-700 dark:file:text-primary-white focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-primary-gray-550 dark:placeholder:text-primary-gray-400\",\n  {\n    variants: {\n      variant: {\n        light: \"border border-primary-gray-400 dark:border-primary-gray-500\",\n        normal: \"border-2 border-primary-black dark:border-primary-gray-300\"\n      },\n      inputSize: {\n        sm: \"px-2.5 py-1\",\n        base: \"p-2.5\"\n      }\n    },\n    defaultVariants: {\n      inputSize: \"base\",\n      variant: \"normal\"\n    }\n  }\n), d = p.forwardRef(({ className: r, inputSize: a, variant: i, ...t }, e) => /* @__PURE__ */ o.jsx(\"input\", { ...t, ref: e, className: m(s({ inputSize: a, variant: i }), r) }));\nd.displayName = \"Input\";\nexport {\n  d as Input\n};\n//# sourceMappingURL=Input.js.map\n","import { j as e } from \"./jsx-runtime-BzflLqGi.js\";\nimport t from \"react\";\nimport { Button as g } from \"./Button.js\";\nimport { Input as k } from \"./Input.js\";\nimport { c as w } from \"./utils-D_Pof5Gy.js\";\nimport { c as _ } from \"./createLucideIcon-CI1yJrZf.js\";\n/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nconst F = [\n  [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n], i = _(\"search\", F), I = t.forwardRef(\n  ({\n    className: n,\n    inputClassName: m,\n    buttonClassName: p,\n    onSearch: s,\n    searchOnlyOnClick: u,\n    buttonVariant: d,\n    buttonChildren: c,\n    showSearchButton: x,\n    inputVariant: f,\n    inputSize: o,\n    placeholder: y,\n    ...j\n  }, h) => {\n    const [a, v] = t.useState(void 0), [N, l] = t.useState(!1);\n    return /* @__PURE__ */ e.jsxs(\"div\", { className: w(\"flex gap-0\", n), ref: h, children: [\n      /* @__PURE__ */ e.jsxs(\"div\", { className: \"relative w-full\", children: [\n        /* @__PURE__ */ e.jsx(\n          k,\n          {\n            ...j,\n            variant: f,\n            type: \"text\",\n            className: m,\n            onChange: (r) => {\n              v(r.target.value), u || s?.(r.target.value);\n            },\n            inputSize: o,\n            onKeyDown: (r) => {\n              r.key === \"Enter\" && s?.(a);\n            },\n            onFocus: () => l(!0),\n            onBlur: () => l(!1)\n          }\n        ),\n        !N && (a === \"\" || !a) && /* @__PURE__ */ e.jsxs(\"div\", { className: \"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\", children: [\n          c ? null : /* @__PURE__ */ e.jsx(i, { className: \"h-4 w-4 text-primary-gray-500 dark:text-primary-gray-400 mr-2\" }),\n          /* @__PURE__ */ e.jsx(\"span\", { className: \"text-primary-gray-500 dark:text-primary-gray-400\", children: y || \"Search...\" })\n        ] })\n      ] }),\n      x === !1 ? null : /* @__PURE__ */ e.jsx(\n        g,\n        {\n          variant: d || \"icon\",\n          className: p,\n          padding: o,\n          onClick: () => {\n            s?.(a);\n          },\n          children: c || /* @__PURE__ */ e.jsx(i, { className: \"stroke-2\" })\n        }\n      )\n    ] });\n  }\n);\nI.displayName = \"Search\";\nexport {\n  I as Search\n};\n//# sourceMappingURL=Search.js.map\n","import { Modal } from '@undp/design-system-react/Modal';\r\nimport { useState } from 'react';\r\n\r\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\r\nimport { FileDown } from '@/Components/Icons';\r\nimport { StyleObject, ClassNameObject } from '@/Types';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\nexport type FilterDataType = {\r\n  column: string;\r\n  label?: string;\r\n  defaultValue?: string;\r\n  excludeValues?: string[];\r\n  width?: string;\r\n};\r\n\r\ninterface Props {\r\n  data: object[];\r\n  cardBackgroundColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  width?: number;\r\n  height?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  cardTemplate: string | ((_d: any) => React.ReactNode);\r\n  cardMinWidth: number;\r\n  noOfItemsInAPage?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  allowDataDownloadOnDetail: boolean | string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  page: number;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nconst csvData = (data: any) => {\r\n  if (!data) return {};\r\n  const dataForCsv = Object.entries(data).map(([key, value]) => {\r\n    if (Array.isArray(value)) {\r\n      return {\r\n        ' ': key,\r\n        value: `\"${value.join('; ')}\"`,\r\n      };\r\n    }\r\n    return {\r\n      ' ': key,\r\n      value: `\"${value}\"`,\r\n    };\r\n  });\r\n  return dataForCsv;\r\n};\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    width,\r\n    height,\r\n    data,\r\n    onSeriesMouseClick,\r\n    cardTemplate,\r\n    cardBackgroundColor,\r\n    cardMinWidth = 320,\r\n    detailsOnClick,\r\n    noOfItemsInAPage,\r\n    styles,\r\n    classNames,\r\n    page,\r\n    allowDataDownloadOnDetail,\r\n  } = props;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [selectedData, setSelectedData] = useState<any>(undefined);\r\n  return (\r\n    <>\r\n      <div\r\n        className='undp-scrollbar w-full my-0 mx-auto grid gap-4 undp-viz-data-cards-container'\r\n        style={{\r\n          width: width ? `${width}px` : '100%',\r\n          height: height ? `${height}px` : 'auto',\r\n          gridTemplateColumns: `repeat(auto-fill, minmax(${cardMinWidth}px, 1fr))`,\r\n        }}\r\n      >\r\n        {data\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          .filter((_d: any, i: number) =>\r\n            noOfItemsInAPage\r\n              ? i < page * noOfItemsInAPage && i >= (page - 1) * noOfItemsInAPage\r\n              : true,\r\n          )\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          .map((d: any, i: number) => (\r\n            <div\r\n              key={i}\r\n              style={{\r\n                ...(styles?.dataCards || {}),\r\n                ...(cardBackgroundColor && { backgroundColor: cardBackgroundColor }),\r\n              }}\r\n              className={`w-full flex flex-col ${\r\n                onSeriesMouseClick || detailsOnClick ? 'cursor-pointer' : 'cursor-auto'\r\n              }${\r\n                !cardBackgroundColor ? 'bg-primary-gray-200 dark:bg-primary-gray-600' : ''\r\n              } ${classNames?.dataCards || ''}`}\r\n              onClick={() => {\r\n                onSeriesMouseClick?.(d);\r\n                setSelectedData(d);\r\n              }}\r\n              dangerouslySetInnerHTML={\r\n                typeof cardTemplate === 'string'\r\n                  ? { __html: string2HTML(cardTemplate, d) }\r\n                  : undefined\r\n              }\r\n            >\r\n              {typeof cardTemplate === 'function' ? cardTemplate(d) : null}\r\n            </div>\r\n          ))}\r\n      </div>\r\n      {detailsOnClick && selectedData !== undefined ? (\r\n        <Modal\r\n          open={selectedData !== undefined}\r\n          onClose={() => {\r\n            setSelectedData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, selectedData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(selectedData) : null}\r\n          </div>\r\n          {allowDataDownloadOnDetail ? (\r\n            <div className='flex'>\r\n              <CsvDownloadButton\r\n                csvData={csvData(selectedData)}\r\n                headers={[\r\n                  {\r\n                    label: ' ',\r\n                    key: ' ',\r\n                  },\r\n                  {\r\n                    label: 'value',\r\n                    key: 'value',\r\n                  },\r\n                ]}\r\n                buttonContent={\r\n                  <div className='flex items-center gap-4'>\r\n                    {typeof allowDataDownloadOnDetail === 'string'\r\n                      ? allowDataDownloadOnDetail\r\n                      : null}\r\n                    <FileDown />\r\n                  </div>\r\n                }\r\n              />\r\n            </div>\r\n          ) : null}\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import React, { useEffect, useMemo, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { Pagination } from '@undp/design-system-react/Pagination';\r\nimport { Search } from '@undp/design-system-react/Search';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { Languages, SourcesDataType, StyleObject, ClassNameObject } from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\n\r\nexport type FilterDataType = {\r\n  column: string;\r\n  label?: string;\r\n  defaultValue?: string;\r\n  excludeValues?: string[];\r\n  width?: string;\r\n};\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: object[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of each of the card */\r\n  cardBackgroundColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Html for each card. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data. */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  cardTemplate: string | ((_d: any) => React.ReactNode);\r\n  /** Allows users to add a dropdown menus, that can be used as filters in the graph. Each filter is an object that specifies the column to filter by, and the default value. All the filters are single select only.  */\r\n  cardFilters?: FilterDataType[];\r\n  /** Allows users to add a dropdown menus, that can be used to sort the cards based on different columns. */\r\n  cardSortingOptions?: {\r\n    defaultValue?: string;\r\n    options: {\r\n      value: string;\r\n      label: string;\r\n      type: 'asc' | 'desc';\r\n    }[];\r\n    width?: string;\r\n  };\r\n  /** Adds a search bar to search the cards list. The array defines all the columns from the data where text is used to search from. */\r\n  cardSearchColumns?: string[];\r\n  /** Min width of the cards for responsiveness. */\r\n  cardMinWidth?: number;\r\n  /** Add a button to download data object when viewing details. If true, data can be downloaded; if a string is provided, it specifies the button label. */\r\n  allowDataDownloadOnDetail?: string | boolean;\r\n  /** Defines the number of items displayed per page. */\r\n  noOfItemsInAPage?: number;\r\n\r\n  // Interactions and Callbacks\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nconst filterByKeys = (jsonArray: any, keys: string[], substring: string) => {\r\n  if (keys.length === 0) return jsonArray;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  return jsonArray.filter((item: any) =>\r\n    keys.some(key => item[key]?.toLowerCase().includes(substring.toLowerCase())),\r\n  );\r\n};\r\n\r\nexport function DataCards(props: Props) {\r\n  const {\r\n    width,\r\n    height,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    graphID,\r\n    data,\r\n    onSeriesMouseClick,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    cardTemplate,\r\n    cardBackgroundColor,\r\n    cardFilters,\r\n    cardSortingOptions,\r\n    cardSearchColumns,\r\n    cardMinWidth = 320,\r\n    backgroundColor = false,\r\n    padding,\r\n    detailsOnClick,\r\n    allowDataDownloadOnDetail = false,\r\n    noOfItemsInAPage,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n  } = props;\r\n\r\n  const [cardData, setCardData] = useState(data);\r\n\r\n  const [page, setPage] = useState(1);\r\n\r\n  const [searchQuery, setSearchQuery] = useState('');\r\n  const filterSettings = useMemo(\r\n    () =>\r\n      (cardFilters || []).map(el => ({\r\n        filter: el.column,\r\n        label: el.label || `Filter by ${el.column}`,\r\n        singleSelect: true,\r\n        clearable: true,\r\n        defaultValue: transformDefaultValue(el.defaultValue),\r\n        availableValues: getUniqValue(data, el.column)\r\n          .filter(v => !el.excludeValues?.includes(`${v}`))\r\n          .map(v => ({ value: v, label: v })),\r\n        width: el.width,\r\n      })),\r\n    [cardFilters, data],\r\n  );\r\n\r\n  const [selectedFilters, setSelectedFilters] = useState(\r\n    (cardFilters || []).map(el => ({\r\n      filter: el.column,\r\n      value: transformDefaultValue(el.defaultValue),\r\n    })),\r\n  );\r\n  const [sortedBy, setSortedBy] = useState<\r\n    | {\r\n        value: string;\r\n        label: string;\r\n        type: 'asc' | 'desc';\r\n      }\r\n    | undefined\r\n  >(\r\n    cardSortingOptions\r\n      ? !cardSortingOptions.defaultValue ||\r\n        cardSortingOptions.options.findIndex(el => el.label === cardSortingOptions.defaultValue) ===\r\n          -1\r\n        ? cardSortingOptions.options[0]\r\n        : cardSortingOptions.options[\r\n            cardSortingOptions.options.findIndex(el => el.label === cardSortingOptions.defaultValue)\r\n          ]\r\n      : undefined,\r\n  );\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  useEffect(() => {\r\n    setSortedBy(\r\n      cardSortingOptions\r\n        ? !cardSortingOptions.defaultValue ||\r\n          cardSortingOptions.options.findIndex(\r\n            el => el.label === cardSortingOptions.defaultValue,\r\n          ) === -1\r\n          ? cardSortingOptions.options[0]\r\n          : cardSortingOptions.options[\r\n              cardSortingOptions.options.findIndex(\r\n                el => el.label === cardSortingOptions.defaultValue,\r\n              )\r\n            ]\r\n        : undefined,\r\n    );\r\n  }, [cardSortingOptions]);\r\n\r\n  useEffect(() => {\r\n    const filteredData = filterByKeys(data, cardSearchColumns || [], searchQuery).filter(\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      (item: any) =>\r\n        selectedFilters.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    if (sortedBy) {\r\n      setCardData(orderBy(filteredData, [sortedBy.value], [sortedBy.type]));\r\n    } else {\r\n      setCardData(filteredData);\r\n    }\r\n  }, [data, cardSearchColumns, searchQuery, selectedFilters, sortedBy]);\r\n\r\n  useEffect(() => {\r\n    setPage(1);\r\n  }, [cardData]);\r\n\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is an list of cards. ${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col grow gap-3 w-full justify-between'>\r\n            {graphTitle || graphDescription ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n            {cardSortingOptions || filterSettings.length > 0 ? (\r\n              <div className='flex gap-4 flex-wrap items-start w-full'>\r\n                {cardSortingOptions ? (\r\n                  <div\r\n                    className='grow shrink-0 min-w-[240px]'\r\n                    style={{ width: cardSortingOptions.width || 'calc(25% - 0.75rem)' }}\r\n                  >\r\n                    <P\r\n                      marginBottom='xs'\r\n                      size='sm'\r\n                      className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                    >\r\n                      Sort by\r\n                    </P>\r\n                    <DropdownSelect\r\n                      options={cardSortingOptions.options}\r\n                      isRtl={language === 'he' || language === 'ar'}\r\n                      isSearchable\r\n                      filterOption={createFilter(filterConfig)}\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      onChange={(el: any) => {\r\n                        setSortedBy(el || undefined);\r\n                      }}\r\n                      variant={uiMode}\r\n                      size='sm'\r\n                      defaultValue={\r\n                        !cardSortingOptions.defaultValue ||\r\n                        cardSortingOptions.options.findIndex(\r\n                          el => el.label === cardSortingOptions.defaultValue,\r\n                        ) === -1\r\n                          ? cardSortingOptions.options[0]\r\n                          : cardSortingOptions.options[\r\n                              cardSortingOptions.options.findIndex(\r\n                                el => el.label === cardSortingOptions.defaultValue,\r\n                              )\r\n                            ]\r\n                      }\r\n                    />\r\n                  </div>\r\n                ) : null}\r\n                {filterSettings?.map((d, i) => (\r\n                  <div\r\n                    className='grow shrink-0 min-w-[240px]'\r\n                    style={{ width: d.width || 'calc(25% - 0.75rem)' }}\r\n                    key={i}\r\n                  >\r\n                    <P\r\n                      marginBottom='xs'\r\n                      size='sm'\r\n                      className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                    >\r\n                      {d.label}\r\n                    </P>\r\n                    <DropdownSelect\r\n                      options={d.availableValues}\r\n                      isClearable={d.clearable === undefined ? true : d.clearable}\r\n                      isRtl={language === 'he' || language === 'ar'}\r\n                      isSearchable\r\n                      variant={uiMode}\r\n                      size='sm'\r\n                      controlShouldRenderValue\r\n                      filterOption={createFilter(filterConfig)}\r\n                      onChange={el => {\r\n                        setSelectedFilters(prev =>\r\n                          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          prev.map(f => (f.filter === d.filter ? { ...f, value: el as any } : f)),\r\n                        );\r\n                      }}\r\n                      defaultValue={d.defaultValue}\r\n                    />\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            ) : null}\r\n            {(cardSearchColumns || []).length > 0 ? (\r\n              <div style={{ paddingTop: '1px' }}>\r\n                <Search\r\n                  placeholder='Search...'\r\n                  onSearch={e => {\r\n                    setSearchQuery(e || '');\r\n                  }}\r\n                  buttonVariant='icon'\r\n                  inputVariant={uiMode}\r\n                  showSearchButton={false}\r\n                  inputSize='sm'\r\n                />\r\n              </div>\r\n            ) : null}\r\n            <Graph\r\n              data={cardData}\r\n              width={width}\r\n              height={height}\r\n              cardTemplate={cardTemplate}\r\n              cardMinWidth={cardMinWidth}\r\n              page={page}\r\n              cardBackgroundColor={cardBackgroundColor}\r\n              styles={styles}\r\n              classNames={classNames}\r\n              noOfItemsInAPage={noOfItemsInAPage}\r\n              detailsOnClick={detailsOnClick}\r\n              onSeriesMouseClick={onSeriesMouseClick}\r\n              allowDataDownloadOnDetail={allowDataDownloadOnDetail}\r\n            />\r\n            {noOfItemsInAPage ? (\r\n              <Pagination\r\n                total={cardData.length}\r\n                defaultPage={0}\r\n                pageSize={noOfItemsInAPage}\r\n                onChange={setPage}\r\n              />\r\n            ) : null}\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["o","t","e","r","c","d","a","n","f","x","i","m","p","h","C","b","R","j","E","g","y","U","N","s","u","k","v","P","l","w","F","_","I","csvData","data","key","value","Graph","props","width","height","onSeriesMouseClick","cardTemplate","cardBackgroundColor","cardMinWidth","detailsOnClick","noOfItemsInAPage","styles","classNames","page","allowDataDownloadOnDetail","selectedData","setSelectedData","useState","jsxs","Fragment","jsx","_d","string2HTML","Modal","CsvDownloadButton","FileDown","filterByKeys","jsonArray","keys","substring","item","DataCards","graphTitle","sources","graphDescription","footNote","graphID","language","theme","ariaLabel","cardFilters","cardSortingOptions","cardSearchColumns","backgroundColor","padding","uiMode","cardData","setCardData","setPage","searchQuery","setSearchQuery","filterSettings","useMemo","el","transformDefaultValue","getUniqValue","selectedFilters","setSelectedFilters","sortedBy","setSortedBy","filterConfig","useEffect","filteredData","filter","flattenDeep","intersection","orderBy","cn","GraphHeader","DropdownSelect","createFilter","prev","Search","Pagination","GraphFooter"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
+{"version":3,"file":"DataCards.js","sources":["../node_modules/@undp/design-system-react/dist/chevron-left-DXTpJnX4.js","../node_modules/@undp/design-system-react/dist/chevron-right-BcRtuL9I.js","../node_modules/@undp/design-system-react/dist/ellipsis-CihzP6fh.js","../node_modules/@undp/design-system-react/dist/Pagination.js","../node_modules/@undp/design-system-react/dist/Input.js","../node_modules/@undp/design-system-react/dist/Search.js","../src/Components/Graphs/DataCards/Graph.tsx","../src/Components/Graphs/DataCards/index.tsx"],"sourcesContent":["import { c as e } from \"./createLucideIcon-CI1yJrZf.js\";\n/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nconst o = [[\"path\", { d: \"m15 18-6-6 6-6\", key: \"1wnfg3\" }]], t = e(\"chevron-left\", o);\nexport {\n  t as C\n};\n//# sourceMappingURL=chevron-left-DXTpJnX4.js.map\n","import { c as o } from \"./createLucideIcon-CI1yJrZf.js\";\n/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nconst t = [[\"path\", { d: \"m9 18 6-6-6-6\", key: \"mthhwq\" }]], e = o(\"chevron-right\", t);\nexport {\n  e as C\n};\n//# sourceMappingURL=chevron-right-BcRtuL9I.js.map\n","import { c } from \"./createLucideIcon-CI1yJrZf.js\";\n/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nconst e = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", key: \"41hilf\" }],\n  [\"circle\", { cx: \"19\", cy: \"12\", r: \"1\", key: \"1wjl8i\" }],\n  [\"circle\", { cx: \"5\", cy: \"12\", r: \"1\", key: \"1pcz8c\" }]\n], r = c(\"ellipsis\", e);\nexport {\n  r as E\n};\n//# sourceMappingURL=ellipsis-CihzP6fh.js.map\n","import { j as c } from \"./jsx-runtime-BzflLqGi.js\";\nimport { c as f } from \"./compiler-runtime-Cu50tn6L.js\";\nimport B, { useState as A, useEffect as T } from \"react\";\nimport { c as p } from \"./utils-D_Pof5Gy.js\";\nimport { C as V } from \"./chevron-left-DXTpJnX4.js\";\nimport { C as W } from \"./chevron-right-BcRtuL9I.js\";\nimport { E as X } from \"./ellipsis-CihzP6fh.js\";\nfunction D(a) {\n  const e = f.c(8);\n  let s, l;\n  e[0] !== a ? ({\n    className: s,\n    ...l\n  } = a, e[0] = a, e[1] = s, e[2] = l) : (s = e[1], l = e[2]);\n  let t;\n  e[3] !== s ? (t = p(\"mx-auto flex w-full justify-center\", s), e[3] = s, e[4] = t) : t = e[4];\n  let i;\n  return e[5] !== l || e[6] !== t ? (i = /* @__PURE__ */ c.jsx(\"nav\", { ...l, role: \"navigation\", \"aria-label\": \"pagination\", className: t }), e[5] = l, e[6] = t, e[7] = i) : i = e[7], i;\n}\nD.displayName = \"PaginationUnit\";\nconst F = B.forwardRef((a, e) => {\n  const s = f.c(9);\n  let l, t;\n  s[0] !== a ? ({\n    className: l,\n    ...t\n  } = a, s[0] = a, s[1] = l, s[2] = t) : (l = s[1], t = s[2]);\n  let i;\n  s[3] !== l ? (i = p(\"flex flex-row items-center gap-1 list-none\", l), s[3] = l, s[4] = i) : i = s[4];\n  let r;\n  return s[5] !== t || s[6] !== e || s[7] !== i ? (r = /* @__PURE__ */ c.jsx(\"ul\", { ...t, ref: e, className: i }), s[5] = t, s[6] = e, s[7] = i, s[8] = r) : r = s[8], r;\n});\nF.displayName = \"PaginationContent\";\nconst E = B.forwardRef((a, e) => {\n  const s = f.c(9);\n  let l, t;\n  s[0] !== a ? ({\n    className: l,\n    ...t\n  } = a, s[0] = a, s[1] = l, s[2] = t) : (l = s[1], t = s[2]);\n  let i;\n  s[3] !== l ? (i = p(\"mr-2 last:mr-0\", l), s[3] = l, s[4] = i) : i = s[4];\n  let r;\n  return s[5] !== t || s[6] !== e || s[7] !== i ? (r = /* @__PURE__ */ c.jsx(\"li\", { ...t, ref: e, className: i }), s[5] = t, s[6] = e, s[7] = i, s[8] = r) : r = s[8], r;\n});\nE.displayName = \"PaginationItem\";\nfunction R(a) {\n  const e = f.c(10);\n  let s, l, t;\n  e[0] !== a ? ({\n    className: l,\n    children: s,\n    ...t\n  } = a, e[0] = a, e[1] = s, e[2] = l, e[3] = t) : (s = e[1], l = e[2], t = e[3]);\n  let i;\n  e[4] !== l ? (i = p(\"p-4 text-base text-primary-black dark:text-primary-gray-100 dark:hover:bg-primary-gray-600\", l), e[4] = l, e[5] = i) : i = e[5];\n  let r;\n  return e[6] !== s || e[7] !== t || e[8] !== i ? (r = /* @__PURE__ */ c.jsx(\"button\", { ...t, type: \"button\", className: i, children: s }), e[6] = s, e[7] = t, e[8] = i, e[9] = r) : r = e[9], r;\n}\nR.displayName = \"PaginationLink\";\nfunction H(a) {\n  const e = f.c(9);\n  let s, l;\n  e[0] !== a ? ({\n    className: s,\n    ...l\n  } = a, e[0] = a, e[1] = s, e[2] = l) : (s = e[1], l = e[2]);\n  let t;\n  e[3] !== s ? (t = p(\"p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550\", s), e[3] = s, e[4] = t) : t = e[4];\n  let i;\n  e[5] === Symbol.for(\"react.memo_cache_sentinel\") ? (i = /* @__PURE__ */ c.jsx(V, { className: \"h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100\" }), e[5] = i) : i = e[5];\n  let r;\n  return e[6] !== l || e[7] !== t ? (r = /* @__PURE__ */ c.jsx(R, { ...l, \"aria-label\": \"Go to previous page\", className: t, children: i }), e[6] = l, e[7] = t, e[8] = r) : r = e[8], r;\n}\nH.displayName = \"PaginationPrevious\";\nfunction J(a) {\n  const e = f.c(9);\n  let s, l;\n  e[0] !== a ? ({\n    className: s,\n    ...l\n  } = a, e[0] = a, e[1] = s, e[2] = l) : (s = e[1], l = e[2]);\n  let t;\n  e[3] !== s ? (t = p(\"p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550\", s), e[3] = s, e[4] = t) : t = e[4];\n  let i;\n  e[5] === Symbol.for(\"react.memo_cache_sentinel\") ? (i = /* @__PURE__ */ c.jsx(W, { className: \"h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100\" }), e[5] = i) : i = e[5];\n  let r;\n  return e[6] !== l || e[7] !== t ? (r = /* @__PURE__ */ c.jsx(R, { ...l, \"aria-label\": \"Go to next page\", className: t, children: i }), e[6] = l, e[7] = t, e[8] = r) : r = e[8], r;\n}\nJ.displayName = \"PaginationNext\";\nfunction K(a) {\n  const e = f.c(10);\n  let s, l;\n  e[0] !== a ? ({\n    className: s,\n    ...l\n  } = a, e[0] = a, e[1] = s, e[2] = l) : (s = e[1], l = e[2]);\n  let t;\n  e[3] !== s ? (t = p(\"flex h-9 w-9 items-center justify-center\", s), e[3] = s, e[4] = t) : t = e[4];\n  let i, r;\n  e[5] === Symbol.for(\"react.memo_cache_sentinel\") ? (i = /* @__PURE__ */ c.jsx(X, { className: \"h-4 w-4 text-primary-gray-700 dark:text-primary-gray-100\" }), r = /* @__PURE__ */ c.jsx(\"span\", { className: \"sr-only\", children: \"More pages\" }), e[5] = i, e[6] = r) : (i = e[5], r = e[6]);\n  let n;\n  return e[7] !== l || e[8] !== t ? (n = /* @__PURE__ */ c.jsxs(\"span\", { ...l, \"aria-hidden\": !0, className: t, children: [\n    i,\n    r\n  ] }), e[7] = l, e[8] = t, e[9] = n) : n = e[9], n;\n}\nK.displayName = \"PaginationEllipsis\";\nconst q = (a, e) => {\n  const s = [];\n  return e <= 7 ? Array.from({\n    length: e\n  }, (l, t) => t + 1) : (s.push(1), a <= 3 ? s.push(2, 3, 4, \"ellipsis\") : a >= e - 2 ? s.push(\"ellipsis\", e - 3, e - 2, e - 1) : s.push(\"ellipsis\", a - 1, a, a + 1, \"ellipsis\"), s.push(e), s);\n};\nfunction ae(a) {\n  const e = f.c(49), {\n    defaultPage: s,\n    total: l,\n    pageSize: t,\n    onChange: i,\n    className: r,\n    classNames: n\n  } = a, k = s === void 0 ? 1 : s, m = Math.ceil(l / t), [o, S] = A(k);\n  let P;\n  e[0] !== k || e[1] !== m ? (P = q(k, m), e[0] = k, e[1] = m, e[2] = P) : P = e[2];\n  const [L, O] = A(P);\n  let w, C;\n  e[3] !== o || e[4] !== m ? (w = () => {\n    O(q(o, m));\n  }, C = [o, m], e[3] = o, e[4] = m, e[5] = w, e[6] = C) : (w = e[5], C = e[6]), T(w, C);\n  const G = n?.control;\n  let y;\n  e[7] !== r || e[8] !== G ? (y = p(\"select-none\", r, G), e[7] = r, e[8] = G, e[9] = y) : y = e[9];\n  let u;\n  e[10] !== o || e[11] !== i ? (u = () => {\n    o > 1 && (i(o - 1), S(o - 1));\n  }, e[10] = o, e[11] = i, e[12] = u) : u = e[12];\n  const I = n?.navigation, M = o <= 1 && \"cursor-not-allowed pointer-events-none opacity-35\";\n  let g;\n  e[13] !== I || e[14] !== M ? (g = p(\"cursor-pointer\", I, M), e[13] = I, e[14] = M, e[15] = g) : g = e[15];\n  let d;\n  e[16] !== u || e[17] !== g ? (d = /* @__PURE__ */ c.jsx(E, { children: /* @__PURE__ */ c.jsx(H, { onClick: u, className: g }) }), e[16] = u, e[17] = g, e[18] = d) : d = e[18];\n  let x;\n  if (e[19] !== n?.active || e[20] !== n?.ellipsis || e[21] !== n?.list || e[22] !== o || e[23] !== i || e[24] !== L) {\n    let $;\n    e[26] !== n?.active || e[27] !== n?.ellipsis || e[28] !== n?.list || e[29] !== o || e[30] !== i ? ($ = (j, Q) => /* @__PURE__ */ c.jsx(E, { children: j === \"ellipsis\" ? /* @__PURE__ */ c.jsx(K, { className: n?.ellipsis }) : /* @__PURE__ */ c.jsx(R, { onClick: () => {\n      S(j), i(j);\n    }, className: p(\"cursor-pointer w-[32px] h-[32px] flex items-center justify-center rounded-full hover:bg-primary-gray-300\", n?.list, j === o && [\"bg-primary-blue-600 hover:bg-primary-blue-700 dark:bg-primary-blue-500 dark:hover:bg-primary-blue-400 hover:text-primary-white text-primary-white\", n?.active]), children: j }) }, Q), e[26] = n?.active, e[27] = n?.ellipsis, e[28] = n?.list, e[29] = o, e[30] = i, e[31] = $) : $ = e[31], x = L.map($), e[19] = n?.active, e[20] = n?.ellipsis, e[21] = n?.list, e[22] = o, e[23] = i, e[24] = L, e[25] = x;\n  } else\n    x = e[25];\n  let h;\n  e[32] !== o || e[33] !== i || e[34] !== m ? (h = () => {\n    o < m && (i(o + 1), S(o + 1));\n  }, e[32] = o, e[33] = i, e[34] = m, e[35] = h) : h = e[35];\n  const U = n?.navigation, z = o >= m && \"cursor-not-allowed pointer-events-none opacity-35\";\n  let N;\n  e[36] !== U || e[37] !== z ? (N = p(\"cursor-pointer\", U, z), e[36] = U, e[37] = z, e[38] = N) : N = e[38];\n  let b;\n  e[39] !== h || e[40] !== N ? (b = /* @__PURE__ */ c.jsx(E, { children: /* @__PURE__ */ c.jsx(J, { onClick: h, className: N }) }), e[39] = h, e[40] = N, e[41] = b) : b = e[41];\n  let v;\n  e[42] !== d || e[43] !== x || e[44] !== b ? (v = /* @__PURE__ */ c.jsxs(F, { children: [\n    d,\n    x,\n    b\n  ] }), e[42] = d, e[43] = x, e[44] = b, e[45] = v) : v = e[45];\n  let _;\n  return e[46] !== v || e[47] !== y ? (_ = /* @__PURE__ */ c.jsx(D, { className: y, children: v }), e[46] = v, e[47] = y, e[48] = _) : _ = e[48], _;\n}\nexport {\n  ae as Pagination\n};\n//# sourceMappingURL=Pagination.js.map\n","import { j as m } from \"./jsx-runtime-BzflLqGi.js\";\nimport { c as n } from \"./compiler-runtime-Cu50tn6L.js\";\nimport d from \"react\";\nimport { c } from \"./index-CHPV5EwG.js\";\nimport { c as y } from \"./utils-D_Pof5Gy.js\";\nconst b = c(\"w-full h-auto bg-primary-white dark:bg-primary-gray-650 text-primary-black dark:text-primary-white text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-primary-gray-700 dark:file:text-primary-white focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-primary-gray-550 dark:placeholder:text-primary-gray-400\", {\n  variants: {\n    variant: {\n      light: \"border border-primary-gray-400 dark:border-primary-gray-500\",\n      normal: \"border-2 border-primary-black dark:border-primary-gray-300\"\n    },\n    inputSize: {\n      sm: \"px-2.5 py-1\",\n      base: \"p-2.5\"\n    }\n  },\n  defaultVariants: {\n    inputSize: \"base\",\n    variant: \"normal\"\n  }\n}), f = d.forwardRef((p, s) => {\n  const r = n.c(13);\n  let a, e, t, i;\n  r[0] !== p ? ({\n    className: a,\n    inputSize: e,\n    variant: i,\n    ...t\n  } = p, r[0] = p, r[1] = a, r[2] = e, r[3] = t, r[4] = i) : (a = r[1], e = r[2], t = r[3], i = r[4]);\n  let o;\n  r[5] !== a || r[6] !== e || r[7] !== i ? (o = y(b({\n    inputSize: e,\n    variant: i\n  }), a), r[5] = a, r[6] = e, r[7] = i, r[8] = o) : o = r[8];\n  let l;\n  return r[9] !== t || r[10] !== s || r[11] !== o ? (l = /* @__PURE__ */ m.jsx(\"input\", { ...t, ref: s, className: o }), r[9] = t, r[10] = s, r[11] = o, r[12] = l) : l = r[12], l;\n});\nf.displayName = \"Input\";\nexport {\n  f as Input\n};\n//# sourceMappingURL=Input.js.map\n","import { j as r } from \"./jsx-runtime-BzflLqGi.js\";\nimport { c as O } from \"./compiler-runtime-Cu50tn6L.js\";\nimport B from \"react\";\nimport { Button as V } from \"./Button.js\";\nimport { Input as $ } from \"./Input.js\";\nimport { c as q } from \"./utils-D_Pof5Gy.js\";\nimport { c as z } from \"./createLucideIcon-CI1yJrZf.js\";\n/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nconst D = [\n  [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n], F = z(\"search\", D), K = B.forwardRef((b, w) => {\n  const e = O.c(51);\n  let l, i, n, o, c, a, m, t, p, u, f, d;\n  e[0] !== b ? ({\n    className: o,\n    inputClassName: c,\n    buttonClassName: i,\n    onSearch: t,\n    searchOnlyOnClick: f,\n    buttonVariant: n,\n    buttonChildren: l,\n    showSearchButton: d,\n    inputVariant: m,\n    inputSize: a,\n    placeholder: p,\n    ...u\n  } = b, e[0] = b, e[1] = l, e[2] = i, e[3] = n, e[4] = o, e[5] = c, e[6] = a, e[7] = m, e[8] = t, e[9] = p, e[10] = u, e[11] = f, e[12] = d) : (l = e[1], i = e[2], n = e[3], o = e[4], c = e[5], a = e[6], m = e[7], t = e[8], p = e[9], u = e[10], f = e[11], d = e[12]);\n  const [s, I] = B.useState(void 0), [R, E] = B.useState(!1);\n  let h;\n  e[13] !== o ? (h = q(\"flex gap-0\", o), e[13] = o, e[14] = h) : h = e[14];\n  let x;\n  e[15] !== t || e[16] !== f ? (x = (_) => {\n    I(_.target.value), f || t?.(_.target.value);\n  }, e[15] = t, e[16] = f, e[17] = x) : x = e[17];\n  let y;\n  e[18] !== t || e[19] !== s ? (y = (_) => {\n    _.key === \"Enter\" && t?.(s);\n  }, e[18] = t, e[19] = s, e[20] = y) : y = e[20];\n  let g, k;\n  e[21] === Symbol.for(\"react.memo_cache_sentinel\") ? (g = () => E(!0), k = () => E(!1), e[21] = g, e[22] = k) : (g = e[21], k = e[22]);\n  let j;\n  e[23] !== c || e[24] !== a || e[25] !== m || e[26] !== u || e[27] !== x || e[28] !== y ? (j = /* @__PURE__ */ r.jsx($, { ...u, variant: m, type: \"text\", className: c, onChange: x, inputSize: a, onKeyDown: y, onFocus: g, onBlur: k }), e[23] = c, e[24] = a, e[25] = m, e[26] = u, e[27] = x, e[28] = y, e[29] = j) : j = e[29];\n  let N;\n  e[30] !== l || e[31] !== R || e[32] !== p || e[33] !== s ? (N = !R && (s === \"\" || !s) && /* @__PURE__ */ r.jsxs(\"div\", { className: \"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\", children: [\n    l ? null : /* @__PURE__ */ r.jsx(F, { className: \"h-4 w-4 text-primary-gray-500 dark:text-primary-gray-400 mr-2\" }),\n    /* @__PURE__ */ r.jsx(\"span\", { className: \"text-primary-gray-500 dark:text-primary-gray-400\", children: p || \"Search...\" })\n  ] }), e[30] = l, e[31] = R, e[32] = p, e[33] = s, e[34] = N) : N = e[34];\n  let v;\n  e[35] !== j || e[36] !== N ? (v = /* @__PURE__ */ r.jsxs(\"div\", { className: \"relative w-full\", children: [\n    j,\n    N\n  ] }), e[35] = j, e[36] = N, e[37] = v) : v = e[37];\n  let S;\n  e[38] !== l || e[39] !== i || e[40] !== n || e[41] !== a || e[42] !== t || e[43] !== s || e[44] !== d ? (S = d === !1 ? null : /* @__PURE__ */ r.jsx(V, { variant: n || \"icon\", className: i, padding: a, onClick: () => {\n    t?.(s);\n  }, children: l || /* @__PURE__ */ r.jsx(F, { className: \"stroke-2\" }) }), e[38] = l, e[39] = i, e[40] = n, e[41] = a, e[42] = t, e[43] = s, e[44] = d, e[45] = S) : S = e[45];\n  let C;\n  return e[46] !== w || e[47] !== h || e[48] !== v || e[49] !== S ? (C = /* @__PURE__ */ r.jsxs(\"div\", { className: h, ref: w, children: [\n    v,\n    S\n  ] }), e[46] = w, e[47] = h, e[48] = v, e[49] = S, e[50] = C) : C = e[50], C;\n});\nK.displayName = \"Search\";\nexport {\n  K as Search\n};\n//# sourceMappingURL=Search.js.map\n","import { Modal } from '@undp/design-system-react/Modal';\r\nimport { useState } from 'react';\r\n\r\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\r\nimport { FileDown } from '@/Components/Icons';\r\nimport { StyleObject, ClassNameObject } from '@/Types';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\nexport type FilterDataType = {\r\n  column: string;\r\n  label?: string;\r\n  defaultValue?: string;\r\n  excludeValues?: string[];\r\n  width?: string;\r\n};\r\n\r\ninterface Props {\r\n  data: object[];\r\n  cardBackgroundColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  width?: number;\r\n  height?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  cardTemplate: string | ((_d: any) => React.ReactNode);\r\n  cardMinWidth: number;\r\n  noOfItemsInAPage?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  allowDataDownloadOnDetail: boolean | string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  page: number;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nconst csvData = (data: any) => {\r\n  if (!data) return {};\r\n  const dataForCsv = Object.entries(data).map(([key, value]) => {\r\n    if (Array.isArray(value)) {\r\n      return {\r\n        ' ': key,\r\n        value: `\"${value.join('; ')}\"`,\r\n      };\r\n    }\r\n    return {\r\n      ' ': key,\r\n      value: `\"${value}\"`,\r\n    };\r\n  });\r\n  return dataForCsv;\r\n};\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    width,\r\n    height,\r\n    data,\r\n    onSeriesMouseClick,\r\n    cardTemplate,\r\n    cardBackgroundColor,\r\n    cardMinWidth = 320,\r\n    detailsOnClick,\r\n    noOfItemsInAPage,\r\n    styles,\r\n    classNames,\r\n    page,\r\n    allowDataDownloadOnDetail,\r\n  } = props;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [selectedData, setSelectedData] = useState<any>(undefined);\r\n  return (\r\n    <>\r\n      <div\r\n        className='undp-scrollbar w-full my-0 mx-auto grid gap-4 undp-viz-data-cards-container'\r\n        style={{\r\n          width: width ? `${width}px` : '100%',\r\n          height: height ? `${height}px` : 'auto',\r\n          gridTemplateColumns: `repeat(auto-fill, minmax(${cardMinWidth}px, 1fr))`,\r\n        }}\r\n      >\r\n        {data\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          .filter((_d: any, i: number) =>\r\n            noOfItemsInAPage\r\n              ? i < page * noOfItemsInAPage && i >= (page - 1) * noOfItemsInAPage\r\n              : true,\r\n          )\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          .map((d: any, i: number) => (\r\n            <div\r\n              key={i}\r\n              style={{\r\n                ...(styles?.dataCards || {}),\r\n                ...(cardBackgroundColor && { backgroundColor: cardBackgroundColor }),\r\n              }}\r\n              className={`w-full flex flex-col ${\r\n                onSeriesMouseClick || detailsOnClick ? 'cursor-pointer' : 'cursor-auto'\r\n              }${\r\n                !cardBackgroundColor ? 'bg-primary-gray-200 dark:bg-primary-gray-600' : ''\r\n              } ${classNames?.dataCards || ''}`}\r\n              onClick={() => {\r\n                onSeriesMouseClick?.(d);\r\n                setSelectedData(d);\r\n              }}\r\n              dangerouslySetInnerHTML={\r\n                typeof cardTemplate === 'string'\r\n                  ? { __html: string2HTML(cardTemplate, d) }\r\n                  : undefined\r\n              }\r\n            >\r\n              {typeof cardTemplate === 'function' ? cardTemplate(d) : null}\r\n            </div>\r\n          ))}\r\n      </div>\r\n      {detailsOnClick && selectedData !== undefined ? (\r\n        <Modal\r\n          open={selectedData !== undefined}\r\n          onClose={() => {\r\n            setSelectedData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, selectedData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(selectedData) : null}\r\n          </div>\r\n          {allowDataDownloadOnDetail ? (\r\n            <div className='flex'>\r\n              <CsvDownloadButton\r\n                csvData={csvData(selectedData)}\r\n                headers={[\r\n                  {\r\n                    label: ' ',\r\n                    key: ' ',\r\n                  },\r\n                  {\r\n                    label: 'value',\r\n                    key: 'value',\r\n                  },\r\n                ]}\r\n                buttonContent={\r\n                  <div className='flex items-center gap-4'>\r\n                    {typeof allowDataDownloadOnDetail === 'string'\r\n                      ? allowDataDownloadOnDetail\r\n                      : null}\r\n                    <FileDown />\r\n                  </div>\r\n                }\r\n              />\r\n            </div>\r\n          ) : null}\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import React, { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { Pagination } from '@undp/design-system-react/Pagination';\r\nimport { Search } from '@undp/design-system-react/Search';\r\nimport orderBy from 'lodash.orderby';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { Languages, SourcesDataType, StyleObject, ClassNameObject } from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\nexport type FilterDataType = {\r\n  column: string;\r\n  label?: string;\r\n  defaultValue?: string;\r\n  excludeValues?: string[];\r\n  width?: string;\r\n};\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: object[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of each of the card */\r\n  cardBackgroundColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Html for each card. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data. */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  cardTemplate: string | ((_d: any) => React.ReactNode);\r\n  /** Allows users to add a dropdown menus, that can be used as filters in the graph. Each filter is an object that specifies the column to filter by, and the default value. All the filters are single select only.  */\r\n  cardFilters?: FilterDataType[];\r\n  /** Allows users to add a dropdown menus, that can be used to sort the cards based on different columns. */\r\n  cardSortingOptions?: {\r\n    defaultValue?: string;\r\n    options: {\r\n      value: string;\r\n      label: string;\r\n      type: 'asc' | 'desc';\r\n    }[];\r\n    width?: string;\r\n  };\r\n  /** Adds a search bar to search the cards list. The array defines all the columns from the data where text is used to search from. */\r\n  cardSearchColumns?: string[];\r\n  /** Min width of the cards for responsiveness. */\r\n  cardMinWidth?: number;\r\n  /** Add a button to download data object when viewing details. If true, data can be downloaded; if a string is provided, it specifies the button label. */\r\n  allowDataDownloadOnDetail?: string | boolean;\r\n  /** Defines the number of items displayed per page. */\r\n  noOfItemsInAPage?: number;\r\n\r\n  // Interactions and Callbacks\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nconst filterByKeys = (jsonArray: any, keys: string[], substring: string) => {\r\n  if (keys.length === 0) return jsonArray;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  return jsonArray.filter((item: any) =>\r\n    keys.some(key => item[key]?.toLowerCase().includes(substring.toLowerCase())),\r\n  );\r\n};\r\n\r\nexport function DataCards(props: Props) {\r\n  const {\r\n    width,\r\n    height,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    graphID,\r\n    data,\r\n    onSeriesMouseClick,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    cardTemplate,\r\n    cardBackgroundColor,\r\n    cardFilters,\r\n    cardSortingOptions,\r\n    cardSearchColumns,\r\n    cardMinWidth = 320,\r\n    backgroundColor = false,\r\n    padding,\r\n    detailsOnClick,\r\n    allowDataDownloadOnDetail = false,\r\n    noOfItemsInAPage,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n  } = props;\r\n\r\n  const [cardData, setCardData] = useState(data);\r\n\r\n  const [page, setPage] = useState(1);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  const [searchQuery, setSearchQuery] = useState('');\r\n  const filterSettings = (cardFilters || []).map(el => ({\r\n    filter: el.column,\r\n    label: el.label || `Filter by ${el.column}`,\r\n    singleSelect: true,\r\n    clearable: true,\r\n    defaultValue: transformDefaultValue(el.defaultValue),\r\n    availableValues: getUniqValue(data, el.column)\r\n      .filter(v => !el.excludeValues?.includes(`${v}`))\r\n      .map(v => ({ value: v, label: v })),\r\n    width: el.width,\r\n  }));\r\n\r\n  const [selectedFilters, setSelectedFilters] = useState(\r\n    (cardFilters || []).map(el => ({\r\n      filter: el.column,\r\n      value: transformDefaultValue(el.defaultValue),\r\n    })),\r\n  );\r\n  const [sortedBy, setSortedBy] = useState<\r\n    | {\r\n        value: string;\r\n        label: string;\r\n        type: 'asc' | 'desc';\r\n      }\r\n    | undefined\r\n  >(\r\n    cardSortingOptions\r\n      ? !cardSortingOptions.defaultValue ||\r\n        cardSortingOptions.options.findIndex(el => el.label === cardSortingOptions.defaultValue) ===\r\n          -1\r\n        ? cardSortingOptions.options[0]\r\n        : cardSortingOptions.options[\r\n            cardSortingOptions.options.findIndex(el => el.label === cardSortingOptions.defaultValue)\r\n          ]\r\n      : undefined,\r\n  );\r\n\r\n  const filterConfig = {\r\n    ignoreCase: true,\r\n    ignoreAccents: true,\r\n    trim: true,\r\n  };\r\n  const cardSortingEvent = useEffectEvent(() => {\r\n    setSortedBy(\r\n      cardSortingOptions\r\n        ? !cardSortingOptions.defaultValue ||\r\n          cardSortingOptions.options.findIndex(\r\n            el => el.label === cardSortingOptions.defaultValue,\r\n          ) === -1\r\n          ? cardSortingOptions.options[0]\r\n          : cardSortingOptions.options[\r\n              cardSortingOptions.options.findIndex(\r\n                el => el.label === cardSortingOptions.defaultValue,\r\n              )\r\n            ]\r\n        : undefined,\r\n    );\r\n  });\r\n  useEffect(() => {\r\n    cardSortingEvent();\r\n  }, [cardSortingOptions]);\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const cardDataEvent = useEffectEvent((data: any) => {\r\n    setCardData(data);\r\n    setPage(1);\r\n  });\r\n  useEffect(() => {\r\n    const filteredData = filterByKeys(data, cardSearchColumns || [], searchQuery).filter(\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      (item: any) =>\r\n        selectedFilters.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    if (sortedBy) {\r\n      cardDataEvent(orderBy(filteredData, [sortedBy.value], [sortedBy.type]));\r\n    } else {\r\n      cardDataEvent(filteredData);\r\n    }\r\n  }, [data, cardSearchColumns, searchQuery, selectedFilters, sortedBy]);\r\n\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      width={width}\r\n      height={height}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      {cardSortingOptions || filterSettings.length > 0 ? (\r\n        <div className='flex gap-x-4 gap-y-0 flex-wrap items-start w-full pb-3'>\r\n          {cardSortingOptions ? (\r\n            <div\r\n              className='grow shrink-0 min-w-[240px]'\r\n              style={{ width: cardSortingOptions.width || 'calc(25% - 0.75rem)' }}\r\n            >\r\n              <P\r\n                marginBottom='xs'\r\n                size='sm'\r\n                className='text-primary-gray-700 dark:text-primary-gray-100'\r\n              >\r\n                Sort by\r\n              </P>\r\n              <DropdownSelect\r\n                options={cardSortingOptions.options}\r\n                isRtl={language === 'he' || language === 'ar'}\r\n                isSearchable\r\n                filterOption={createFilter(filterConfig)}\r\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                onChange={(el: any) => {\r\n                  setSortedBy(el || undefined);\r\n                }}\r\n                variant={uiMode}\r\n                size='sm'\r\n                defaultValue={\r\n                  !cardSortingOptions.defaultValue ||\r\n                  cardSortingOptions.options.findIndex(\r\n                    el => el.label === cardSortingOptions.defaultValue,\r\n                  ) === -1\r\n                    ? cardSortingOptions.options[0]\r\n                    : cardSortingOptions.options[\r\n                        cardSortingOptions.options.findIndex(\r\n                          el => el.label === cardSortingOptions.defaultValue,\r\n                        )\r\n                      ]\r\n                }\r\n              />\r\n            </div>\r\n          ) : null}\r\n          {filterSettings?.map((d, i) => (\r\n            <div\r\n              className='grow shrink-0 min-w-[240px]'\r\n              style={{ width: d.width || 'calc(25% - 0.75rem)' }}\r\n              key={i}\r\n            >\r\n              <P\r\n                marginBottom='xs'\r\n                size='sm'\r\n                className='text-primary-gray-700 dark:text-primary-gray-100'\r\n              >\r\n                {d.label}\r\n              </P>\r\n              <DropdownSelect\r\n                options={d.availableValues}\r\n                isClearable={d.clearable === undefined ? true : d.clearable}\r\n                isRtl={language === 'he' || language === 'ar'}\r\n                isSearchable\r\n                variant={uiMode}\r\n                size='sm'\r\n                controlShouldRenderValue\r\n                filterOption={createFilter(filterConfig)}\r\n                onChange={el => {\r\n                  setSelectedFilters(prev =>\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    prev.map(f => (f.filter === d.filter ? { ...f, value: el as any } : f)),\r\n                  );\r\n                }}\r\n                defaultValue={d.defaultValue}\r\n              />\r\n            </div>\r\n          ))}\r\n        </div>\r\n      ) : null}\r\n      <Spacer size='xl' />\r\n      {(cardSearchColumns || []).length > 0 ? (\r\n        <div style={{ paddingTop: '1px' }}>\r\n          <Search\r\n            placeholder='Search...'\r\n            onSearch={e => {\r\n              setSearchQuery(e || '');\r\n            }}\r\n            buttonVariant='icon'\r\n            inputVariant={uiMode}\r\n            showSearchButton={false}\r\n            inputSize='sm'\r\n          />\r\n        </div>\r\n      ) : null}\r\n      <Spacer size='xl' />\r\n      <Graph\r\n        data={cardData}\r\n        width={width}\r\n        height={height}\r\n        cardTemplate={cardTemplate}\r\n        cardMinWidth={cardMinWidth}\r\n        page={page}\r\n        cardBackgroundColor={cardBackgroundColor}\r\n        styles={styles}\r\n        classNames={classNames}\r\n        noOfItemsInAPage={noOfItemsInAPage}\r\n        detailsOnClick={detailsOnClick}\r\n        onSeriesMouseClick={onSeriesMouseClick}\r\n        allowDataDownloadOnDetail={allowDataDownloadOnDetail}\r\n      />\r\n      <Spacer size='xl' />\r\n      {noOfItemsInAPage ? (\r\n        <Pagination\r\n          total={cardData.length}\r\n          defaultPage={0}\r\n          pageSize={noOfItemsInAPage}\r\n          onChange={setPage}\r\n        />\r\n      ) : null}\r\n      <Spacer size='2xl' />\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["o","t","e","r","c","D","a","f","s","l","p","i","F","B","E","R","H","V","J","W","K","X","n","q","ae","k","m","S","A","P","L","O","w","C","T","G","y","u","M","g","d","x","$","j","Q","h","U","z","N","b","v","_","I","csvData","data","Object","entries","map","key","value","Array","isArray","join","Graph","props","_c","width","height","onSeriesMouseClick","cardTemplate","cardBackgroundColor","cardMinWidth","t0","detailsOnClick","noOfItemsInAPage","styles","classNames","page","allowDataDownloadOnDetail","undefined","selectedData","setSelectedData","useState","t1","t2","t3","t4","gridTemplateColumns","t5","dataCards","t6","_d","t7","i_0","jsx","backgroundColor","__html","string2HTML","filter","jsxs","Modal","CsvDownloadButton","label","FileDown","t8","filterByKeys","jsonArray","keys","substring","length","item","some","toLowerCase","includes","DataCards","graphTitle","sources","graphDescription","footNote","graphID","language","theme","ariaLabel","cardFilters","cardSortingOptions","cardSearchColumns","padding","uiMode","cardData","setCardData","setPage","graphParentDiv","useRef","searchQuery","setSearchQuery","el","column","singleSelect","clearable","defaultValue","transformDefaultValue","availableValues","getUniqValue","excludeValues","_temp","filterSettings","_temp2","selectedFilters","setSelectedFilters","sortedBy","setSortedBy","options","findIndex","el_2","el_1","filterConfig","ignoreCase","ignoreAccents","trim","t9","el_4","el_3","cardSortingEvent","useEffectEvent","t10","t11","useEffect","t12","Symbol","for","data_0","cardDataEvent","t13","filteredData","every","flattenDeep","intersection","_temp3","orderBy","type","t14","T0","GraphContainer","t15","graphContainer","t16","t17","description","title","GraphHeader","t18","DropdownSelect","createFilter","el_6","el_8","el_7","el_9","prev","t19","Spacer","t20","paddingTop","Search","t21","t22","t23","t24","Pagination","t25","t26","footnote","source","GraphFooter","t27","el_5","el_0","v_0"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/DataTable.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-DjM48pIC.cjs"),H=require("./index-DQA8q5sC.cjs"),l=require("react"),U=require("./index-D72cOtq7.cjs"),y=require("./Typography-BDULiwlF.cjs"),Z=require("./index-CQ3e6Ewi.cjs"),R=require("./numberFormattingFunction-02t-wJta.cjs"),_=require("./GraphFooter.cjs"),tt=require("./GraphHeader.cjs"),j=require("./index-C0bpbS4F.cjs"),S=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),M=v=>v.map(c=>c||1).reduce((c,b)=>c+b,0);function rt(v){const{width:p,height:N,graphTitle:c,sources:b,graphDescription:C,footNote:B,graphID:V,data:d,columnData:n,onSeriesMouseClick:I,language:k="en",theme:X="light",ariaLabel:L,backgroundColor:u=!1,padding:F,resetSelectionOnDoubleClick:Y=!0,styles:m,classNames:x,minWidth:D,naLabel:w="NA",precision:E=2}=v,[g,T]=l.useState(void 0),[q,z]=l.useState(void 0),[h,W]=l.useState("asc"),[f,G]=l.useState(void 0),[J,K]=l.useState({}),[a,P]=l.useState(n.filter(r=>r.filterOptions&&r.filterOptions.length>0).map(r=>({id:r.columnId,option:r.filterOptions}))),[Q,A]=l.useState(d);return l.useEffect(()=>{const r=[];d.forEach(s=>{let t=!0;a.forEach(e=>{if(typeof s[e.id]!="object"&&typeof s[e.id]!="function"&&typeof s[e.id]!="symbol")if(n[n.findIndex(i=>i.columnId===e.id)].separator){const i=s[e.id].split(n[n.findIndex($=>$.columnId===e.id)].separator);U.intersection(i,e.option).length===0&&(t=!1)}else e.option.indexOf(s[e.id])===-1&&(t=!1)}),t&&r.push(s)}),A(g&&d?Z.orderBy(r,[g],[h]):r)},[g,h,d,a,n]),o.jsxRuntimeExports.jsx("div",{className:`${X||"light"} flex  ${p?"w-fit grow-0":"w-full grow"}`,dir:k==="he"||k==="ar"?"rtl":void 0,children:o.jsxRuntimeExports.jsx("div",{className:o.mo(`${u?u===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${k||"en"} w-full`,p?"w-fit":"w-full",x?.graphContainer),style:{...m?.graphContainer||{},...u&&u!==!0?{backgroundColor:u}:{}},id:V,"aria-label":L||`${c?`The graph shows ${c}. `:""}This is an data table. ${C?` ${C}`:""}`,children:o.jsxRuntimeExports.jsxs("div",{className:"flex grow",style:{padding:u?F||"1rem":F||0},children:[o.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 w-full justify-between grow",children:[c||C?o.jsxRuntimeExports.jsx(tt.GraphHeader,{styles:{title:m?.title,description:m?.description},classNames:{title:x?.title,description:x?.description},graphTitle:c,graphDescription:C,width:p}):null,o.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center",children:o.jsxRuntimeExports.jsx("div",{className:"undp-scrollbar",style:{width:p?`${p}px`:"100%",height:N?`${N}px`:"auto"},children:o.jsxRuntimeExports.jsx("div",{style:D?{minWidth:D}:void 0,children:d?o.jsxRuntimeExports.jsxs("table",{className:"w-full",style:{borderCollapse:"collapse"},children:[o.jsxRuntimeExports.jsx("thead",{className:"text-left bg-primary-gray-300 dark:bg-primary-gray-550",children:o.jsxRuntimeExports.jsx("tr",{children:n?.map((r,s)=>o.jsxRuntimeExports.jsx("th",{className:"text-primary-gray-700 dark:text-primary-gray-100 text-sm",style:{width:`calc(${100*(r.columnWidth||1)/M(n.map(t=>t.columnWidth||1))}%`},children:o.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 justify-between items-center p-4",children:[o.jsxRuntimeExports.jsx(y.u,{size:"sm",marginBottom:"none",className:`w-fit grow text-${r.align||"left"} font-bold`,children:r.columnTitle||r.columnId}),r.sortable?o.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer p-0 m-0 border-0",onClick:()=>{g===r.columnId?(h==="asc"&&W("desc"),h==="desc"&&T(void 0)):(T(r.columnId),W("asc"))},children:g===r.columnId?h==="asc"?o.jsxRuntimeExports.jsx(j.SortingIconAscending,{}):o.jsxRuntimeExports.jsx(j.SortingIconDescending,{}):o.jsxRuntimeExports.jsx(j.SortingIcon,{})}):null,r.filterOptions&&r.filterOptions.length?o.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer m-0 p-0 border-0",onClick:t=>{if(f===r.columnId)G(void 0);else if(t.currentTarget){G(r.columnId);const e=t.currentTarget.getBoundingClientRect();K({top:e.bottom+window.scrollY,left:e.left+window.scrollX-160<0?e.left+window.scrollX:e.left+window.scrollX-160,width:"10rem"})}},children:a[a.findIndex(t=>t.id===r.columnId)].option.length===r.filterOptions?.length?o.jsxRuntimeExports.jsx(j.FilterIcon,{}):o.jsxRuntimeExports.jsx(j.FilterIconApplied,{})}):null]})},s))})}),o.jsxRuntimeExports.jsx("tbody",{children:Q?.map((r,s)=>o.jsxRuntimeExports.jsx("tr",{className:`cursor-${I?"pointer":"auto"} border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${H.isEqual(q,r)?"bg-primary-gray-200 dark:bg-primary-gray-600":"bg-transparent"}`,style:r.rowStyle,onClick:()=>{I&&(H.isEqual(q,r)&&Y?(z(void 0),I(void 0)):(z(r),I(r)))},children:n.map((t,e)=>o.jsxRuntimeExports.jsx("td",{className:`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${t.align||"left"}`,style:{width:`calc(${100*(r.columnWidth||1)/M(n.map(i=>i.columnWidth||1))}%`},children:o.jsxRuntimeExports.jsx("div",{className:`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${t.align==="right"?"justify-end":t.align==="center"?"justify-center":"justify-start"}`,children:typeof r[t.columnId]=="number"?o.jsxRuntimeExports.jsx(y.u,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${t.align||"left"} ${t.chip?t.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color,color:S.getTextColorBasedOnBgColor(t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color)}:{}},children:R.numberFormattingFunction(r[t.columnId],w,E,t.prefix,t.suffix)}):typeof r[t.columnId]=="string"?t.separator?o.jsxRuntimeExports.jsx("div",{className:"text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2",children:r[t.columnId].split(t.separator).map((i,$)=>o.jsxRuntimeExports.jsx(y.u,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${t.align||"left"} ${t.chip?t.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(O=>O.value===(t.chipColumnId?r[t.chipColumnId]:i))].color,color:S.getTextColorBasedOnBgColor(t.chipColors[t.chipColors.findIndex(O=>O.value===(t.chipColumnId?r[t.chipColumnId]:i))].color)}:{}},children:R.numberFormattingFunction(i,w,E,t.prefix,t.suffix)},$))}):o.jsxRuntimeExports.jsx(y.u,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${t.align||"left"} ${t.chip?t.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color,color:S.getTextColorBasedOnBgColor(t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color)}:{}},children:R.numberFormattingFunction(r[t.columnId],w,E,t.prefix,t.suffix)}):o.jsxRuntimeExports.jsx("div",{children:R.numberFormattingFunction(r[t.columnId],w,E,t.prefix,t.suffix)})})},e))},s))})]}):null})})}),b||B?o.jsxRuntimeExports.jsx(_.GraphFooter,{styles:{footnote:m?.footnote,source:m?.source},classNames:{footnote:x?.footnote,source:x?.source},sources:b,footNote:B,width:p}):null]}),f&&o.jsxRuntimeExports.jsx("div",{style:J,className:"absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550",children:o.jsxRuntimeExports.jsxs("div",{className:"max-w-60",children:[o.jsxRuntimeExports.jsx(y.u,{size:"sm",marginBottom:"2xs",className:"font-bold",children:"Filter data by"}),o.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-2",children:n[n.findIndex(r=>r.columnId===f)].filterOptions?.map((r,s)=>o.jsxRuntimeExports.jsx("div",{children:o.jsxRuntimeExports.jsxs("label",{className:"undp-viz-label",children:[o.jsxRuntimeExports.jsx("input",{type:"checkbox",className:"undp-viz-checkbox",checked:a[a.findIndex(t=>t.id===f)].option.indexOf(r)!==-1,onChange:()=>{const t=a.findIndex(i=>i.id===f),e=[...a[t].option];if(e.indexOf(r)!==-1){e.splice(e.indexOf(r),1);const i=[...a];i[t].option=e,P(i)}else{e.push(r);const i=[...a];i[t].option=e,P(i)}}}),r]},s)},s))})]})})]})})})}exports.DataTable=rt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-CTPQjnHt.cjs"),jt=require("./index-DQA8q5sC.cjs"),g=require("react"),Rt=require("./index-CyZ1lmi_.cjs"),$=require("./Typography-DX7PlgQU.cjs"),vt=require("./index-Cno4Q0YE.cjs"),V=require("./numberFormattingFunction-02t-wJta.cjs"),wt=require("./GraphFooter.cjs"),kt=require("./GraphHeader.cjs"),D=require("./index-DRXx7m-C.cjs"),at=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),Nt=require("./GraphContainer-d8A46BK2.cjs"),bt=c=>c.map(h=>h||1).reduce((h,j)=>h+j,0);function St(c){const t=r.compilerRuntimeExports.c(77),{width:m,height:h,graphTitle:j,sources:B,graphDescription:F,footNote:q,graphID:X,data:d,columnData:n,onSeriesMouseClick:b,language:ct,theme:lt,ariaLabel:Y,backgroundColor:pt,padding:J,resetSelectionOnDoubleClick:ut,styles:l,classNames:p,minWidth:T,naLabel:mt,precision:dt}=c,K=ct===void 0?"en":ct,Q=lt===void 0?"light":lt,U=pt===void 0?!1:pt,Z=ut===void 0?!0:ut,C=mt===void 0?"NA":mt,I=dt===void 0?2:dt,Ct=g.useRef(null),[x,xt]=g.useState(void 0),[z,ft]=g.useState(void 0),[f,gt]=g.useState("asc"),[y,ht]=g.useState(void 0);let W;t[0]===Symbol.for("react.memo_cache_sentinel")?(W={},t[0]=W):W=t[0];const[_,It]=g.useState(W);let G;t[1]!==n?(G=n.filter(Bt).map(Dt),t[1]=n,t[2]=G):G=t[2];const[a,yt]=g.useState(G),[tt,Et]=g.useState(d);let P;t[3]===Symbol.for("react.memo_cache_sentinel")?(P=o=>{Et(o)},t[3]=P):P=t[3];const A=g.useEffectEvent(P);let H;t[4]!==n||t[5]!==x||t[6]!==d||t[7]!==a||t[8]!==A||t[9]!==f?(H=()=>{const o=[];d.forEach(u=>{let e=!0;a.forEach(i=>{if(typeof u[i.id]!="object"&&typeof u[i.id]!="function"&&typeof u[i.id]!="symbol")if(n[n.findIndex(s=>s.columnId===i.id)].separator){const s=u[i.id].split(n[n.findIndex(st=>st.columnId===i.id)].separator);Rt.intersection(s,i.option).length===0&&(e=!1)}else i.option.indexOf(u[i.id])===-1&&(e=!1)}),e&&o.push(u)}),A(x&&d?vt.orderBy(o,[x],[f]):o)},t[4]=n,t[5]=x,t[6]=d,t[7]=a,t[8]=A,t[9]=f,t[10]=H):H=t[10];let L;t[11]!==n||t[12]!==x||t[13]!==d||t[14]!==a||t[15]!==f?(L=[x,f,d,a,n],t[11]=n,t[12]=x,t[13]=d,t[14]=a,t[15]=f,t[16]=L):L=t[16],g.useEffect(H,L);const et=p?.graphContainer,ot=l?.graphContainer;let E;t[17]!==p?.description||t[18]!==p?.title||t[19]!==F||t[20]!==j||t[21]!==l?.description||t[22]!==l?.title||t[23]!==m?(E=j||F?r.jsxRuntimeExports.jsx(kt.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:p?.title,description:p?.description},graphTitle:j,graphDescription:F,width:m}):null,t[17]=p?.description,t[18]=p?.title,t[19]=F,t[20]=j,t[21]=l?.description,t[22]=l?.title,t[23]=m,t[24]=E):E=t[24];const rt=m?`${m}px`:"100%",it=h?`${h}px`:"auto";let R;t[25]!==rt||t[26]!==it?(R={width:rt,height:it},t[25]=rt,t[26]=it,t[27]=R):R=t[27];let v;t[28]!==T?(v=T?{minWidth:T}:void 0,t[28]=T,t[29]=v):v=t[29];let w;t[30]!==n||t[31]!==x||t[32]!==d||t[33]!==a||t[34]!==z||t[35]!==C||t[36]!==b||t[37]!==y||t[38]!==I||t[39]!==Z||t[40]!==f||t[41]!==tt?(w=d?r.jsxRuntimeExports.jsxs("table",{className:"w-full",style:{borderCollapse:"collapse"},children:[r.jsxRuntimeExports.jsx("thead",{className:"text-left bg-primary-gray-300 dark:bg-primary-gray-550",children:r.jsxRuntimeExports.jsx("tr",{children:n?.map((o,u)=>r.jsxRuntimeExports.jsx("th",{className:"text-primary-gray-700 dark:text-primary-gray-100 text-sm",style:{width:`calc(${100*(o.columnWidth||1)/bt(n.map($t))}%`},children:r.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 justify-between items-center p-4",children:[r.jsxRuntimeExports.jsx($.j,{size:"sm",marginBottom:"none",className:`w-fit grow text-${o.align||"left"} font-bold`,children:o.columnTitle||o.columnId}),o.sortable?r.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer p-0 m-0 border-0",onClick:()=>{x===o.columnId?(f==="asc"&&gt("desc"),f==="desc"&&xt(void 0)):(xt(o.columnId),gt("asc"))},children:x===o.columnId?f==="asc"?r.jsxRuntimeExports.jsx(D.SortingIconAscending,{}):r.jsxRuntimeExports.jsx(D.SortingIconDescending,{}):r.jsxRuntimeExports.jsx(D.SortingIcon,{})}):null,o.filterOptions&&o.filterOptions.length?r.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer m-0 p-0 border-0",onClick:e=>{if(y===o.columnId)ht(void 0);else if(e.currentTarget){ht(o.columnId);const i=e.currentTarget.getBoundingClientRect();It({top:i.bottom+window.scrollY,left:i.left+window.scrollX-160<0?i.left+window.scrollX:i.left+window.scrollX-160,width:"10rem"})}},children:a[a.findIndex(e=>e.id===o.columnId)].option.length===o.filterOptions?.length?r.jsxRuntimeExports.jsx(D.FilterIcon,{}):r.jsxRuntimeExports.jsx(D.FilterIconApplied,{})}):null]})},u))})}),r.jsxRuntimeExports.jsx("tbody",{children:tt?.map((o,u)=>r.jsxRuntimeExports.jsx("tr",{className:`cursor-${b?"pointer":"auto"} border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${jt.isEqual(z,o)?"bg-primary-gray-200 dark:bg-primary-gray-600":"bg-transparent"}`,style:o.rowStyle,onClick:()=>{b&&(jt.isEqual(z,o)&&Z?(ft(void 0),b(void 0)):(ft(o),b(o)))},children:n.map((e,i)=>r.jsxRuntimeExports.jsx("td",{className:`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${e.align||"left"}`,style:{width:`calc(${100*(o.columnWidth||1)/bt(n.map(Ot))}%`},children:r.jsxRuntimeExports.jsx("div",{className:`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${e.align==="right"?"justify-end":e.align==="center"?"justify-center":"justify-start"}`,children:typeof o[e.columnId]=="number"?r.jsxRuntimeExports.jsx($.j,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${e.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${e.align||"left"} ${e.chip?e.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...e.chip&&e.chipColors?{backgroundColor:e.chipColors[e.chipColors.findIndex(s=>s.value===o[e.chipColumnId||e.columnId])].color,color:at.getTextColorBasedOnBgColor(e.chipColors[e.chipColors.findIndex(s=>s.value===o[e.chipColumnId||e.columnId])].color)}:{}},children:V.numberFormattingFunction(o[e.columnId],C,I,e.prefix,e.suffix)}):typeof o[e.columnId]=="string"?e.separator?r.jsxRuntimeExports.jsx("div",{className:"text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2",children:o[e.columnId].split(e.separator).map((s,st)=>r.jsxRuntimeExports.jsx($.j,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${e.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${e.align||"left"} ${e.chip?e.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...e.chip&&e.chipColors?{backgroundColor:e.chipColors[e.chipColors.findIndex(nt=>nt.value===(e.chipColumnId?o[e.chipColumnId]:s))].color,color:at.getTextColorBasedOnBgColor(e.chipColors[e.chipColors.findIndex(nt=>nt.value===(e.chipColumnId?o[e.chipColumnId]:s))].color)}:{}},children:V.numberFormattingFunction(s,C,I,e.prefix,e.suffix)},st))}):r.jsxRuntimeExports.jsx($.j,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${e.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${e.align||"left"} ${e.chip?e.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...e.chip&&e.chipColors?{backgroundColor:e.chipColors[e.chipColors.findIndex(s=>s.value===o[e.chipColumnId||e.columnId])].color,color:at.getTextColorBasedOnBgColor(e.chipColors[e.chipColors.findIndex(s=>s.value===o[e.chipColumnId||e.columnId])].color)}:{}},children:V.numberFormattingFunction(o[e.columnId],C,I,e.prefix,e.suffix)}):r.jsxRuntimeExports.jsx("div",{children:V.numberFormattingFunction(o[e.columnId],C,I,e.prefix,e.suffix)})})},i))},u))})]}):null,t[30]=n,t[31]=x,t[32]=d,t[33]=a,t[34]=z,t[35]=C,t[36]=b,t[37]=y,t[38]=I,t[39]=Z,t[40]=f,t[41]=tt,t[42]=w):w=t[42];let k;t[43]!==v||t[44]!==w?(k=r.jsxRuntimeExports.jsx("div",{style:v,children:w}),t[43]=v,t[44]=w,t[45]=k):k=t[45];let N;t[46]!==R||t[47]!==k?(N=r.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center",children:r.jsxRuntimeExports.jsx("div",{className:"undp-scrollbar",style:R,children:k})}),t[46]=R,t[47]=k,t[48]=N):N=t[48];let S;t[49]!==p?.footnote||t[50]!==p?.source||t[51]!==q||t[52]!==B||t[53]!==l?.footnote||t[54]!==l?.source||t[55]!==m?(S=B||q?r.jsxRuntimeExports.jsx(wt.GraphFooter,{styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:p?.footnote,source:p?.source},sources:B,footNote:q,width:m}):null,t[49]=p?.footnote,t[50]=p?.source,t[51]=q,t[52]=B,t[53]=l?.footnote,t[54]=l?.source,t[55]=m,t[56]=S):S=t[56];let O;t[57]!==n||t[58]!==a||t[59]!==_||t[60]!==y?(O=y&&r.jsxRuntimeExports.jsx("div",{style:_,className:"absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550",children:r.jsxRuntimeExports.jsxs("div",{className:"max-w-60",children:[r.jsxRuntimeExports.jsx($.j,{size:"sm",marginBottom:"2xs",className:"font-bold",children:"Filter data by"}),r.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-2",children:n[n.findIndex(o=>o.columnId===y)].filterOptions?.map((o,u)=>r.jsxRuntimeExports.jsx("div",{children:r.jsxRuntimeExports.jsxs("label",{className:"undp-viz-label",children:[r.jsxRuntimeExports.jsx("input",{type:"checkbox",className:"undp-viz-checkbox",checked:a[a.findIndex(e=>e.id===y)].option.indexOf(o)!==-1,onChange:()=>{const e=a.findIndex(s=>s.id===y),i=[...a[e].option];if(i.indexOf(o)!==-1){i.splice(i.indexOf(o),1);const s=[...a];s[e].option=i,yt(s)}else{i.push(o);const s=[...a];s[e].option=i,yt(s)}}}),o]},u)},u))})]})}),t[57]=n,t[58]=a,t[59]=_,t[60]=y,t[61]=O):O=t[61];let M;return t[62]!==Y||t[63]!==U||t[64]!==X||t[65]!==h||t[66]!==K||t[67]!==J||t[68]!==et||t[69]!==ot||t[70]!==E||t[71]!==N||t[72]!==S||t[73]!==O||t[74]!==Q||t[75]!==m?(M=r.jsxRuntimeExports.jsxs(Nt.GraphContainer,{className:et,style:ot,id:X,ref:Ct,"aria-label":Y,backgroundColor:U,theme:Q,language:K,width:m,height:h,padding:J,children:[E,N,S,O]}),t[62]=Y,t[63]=U,t[64]=X,t[65]=h,t[66]=K,t[67]=J,t[68]=et,t[69]=ot,t[70]=E,t[71]=N,t[72]=S,t[73]=O,t[74]=Q,t[75]=m,t[76]=M):M=t[76],M}function Ot(c){return c.columnWidth||1}function $t(c){return c.columnWidth||1}function Dt(c){return{id:c.columnId,option:c.filterOptions}}function Bt(c){return c.filterOptions&&c.filterOptions.length>0}exports.DataTable=St;
 //# sourceMappingURL=DataTable.cjs.map

package/dist/DataTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","sources":["../src/Components/Graphs/DataTable/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport isEqual from 'fast-deep-equal';\r\nimport { useEffect, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  DataTableColumnDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  FilterIcon,\r\n  FilterIconApplied,\r\n  SortingIcon,\r\n  SortingIconAscending,\r\n  SortingIconDescending,\r\n} from '@/Components/Icons';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects. If the data have a object for ket `rowStyle` then that is use to style the row of the table. */\r\n  data: object[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Minimum width of the table as string in px */\r\n  minWidth?: string;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Column settings for each column shown in the table. */\r\n  columnData: DataTableColumnDataType[];\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Callback for mouse click event */\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nconst TotalWidth = (columns: (number | undefined)[]) => {\r\n  const columnWidth = columns.map(d => d || 1);\r\n  const sum = columnWidth.reduce((acc, cur) => acc + cur, 0);\r\n  return sum;\r\n};\r\n\r\nexport function DataTable(props: Props) {\r\n  const {\r\n    width,\r\n    height,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    graphID,\r\n    data,\r\n    columnData,\r\n    onSeriesMouseClick,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    backgroundColor = false,\r\n    padding,\r\n    resetSelectionOnDoubleClick = true,\r\n    styles,\r\n    classNames,\r\n    minWidth,\r\n    naLabel = 'NA',\r\n    precision = 2,\r\n  } = props;\r\n  const [columnSortBy, setColumnSortBy] = useState<string | undefined>(undefined);\r\n\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');\r\n  const [popupVisible, setPopupVisible] = useState<string | undefined>(undefined);\r\n  const [popupStyle, setPopupStyle] = useState({});\r\n  const [filterOption, setFilterOption] = useState(\r\n    columnData\r\n      .filter(d => d.filterOptions && d.filterOptions.length > 0)\r\n      .map(d => ({ id: d.columnId, option: d.filterOptions as string[] })),\r\n  );\r\n  const [sortedData, setSortedData] = useState(data);\r\n  useEffect(() => {\r\n    const dataFiltered: any = [];\r\n\r\n    data.forEach((d: any) => {\r\n      let filter = true;\r\n      filterOption.forEach(el => {\r\n        if (\r\n          typeof d[el.id] !== 'object' &&\r\n          typeof d[el.id] !== 'function' &&\r\n          typeof d[el.id] !== 'symbol'\r\n        ) {\r\n          if (columnData[columnData.findIndex(cd => cd.columnId === el.id)].separator) {\r\n            const arr = d[el.id].split(\r\n              columnData[columnData.findIndex(cd => cd.columnId === el.id)].separator,\r\n            );\r\n            if (intersection(arr, el.option).length === 0) filter = false;\r\n          } else if (el.option.indexOf(d[el.id]) === -1) filter = false;\r\n        }\r\n      });\r\n      if (filter) dataFiltered.push(d);\r\n    });\r\n    if (columnSortBy && data) {\r\n      setSortedData(orderBy(dataFiltered, [columnSortBy], [sortDirection]));\r\n    } else {\r\n      setSortedData(dataFiltered);\r\n    }\r\n  }, [columnSortBy, sortDirection, data, filterOption, columnData]);\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'} w-full`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is an data table. ${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col gap-3 w-full justify-between grow'>\r\n            {graphTitle || graphDescription ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n            <div className='grow flex flex-col justify-center'>\r\n              <div\r\n                className='undp-scrollbar'\r\n                style={{\r\n                  width: width ? `${width}px` : '100%',\r\n                  height: height ? `${height}px` : 'auto',\r\n                }}\r\n              >\r\n                <div style={minWidth ? { minWidth } : undefined}>\r\n                  {data ? (\r\n                    <table className='w-full' style={{ borderCollapse: 'collapse' }}>\r\n                      <thead className='text-left bg-primary-gray-300 dark:bg-primary-gray-550'>\r\n                        <tr>\r\n                          {columnData?.map((d, i) => (\r\n                            <th\r\n                              className='text-primary-gray-700 dark:text-primary-gray-100 text-sm'\r\n                              style={{\r\n                                width: `calc(${\r\n                                  (100 * (d.columnWidth || 1)) /\r\n                                  TotalWidth(columnData.map(cd => cd.columnWidth || 1))\r\n                                }%`,\r\n                              }}\r\n                              key={i}\r\n                            >\r\n                              <div className='flex gap-2 justify-between items-center p-4'>\r\n                                <P\r\n                                  size='sm'\r\n                                  marginBottom='none'\r\n                                  className={`w-fit grow text-${d.align || 'left'} font-bold`}\r\n                                >\r\n                                  {d.columnTitle || d.columnId}\r\n                                </P>\r\n                                {d.sortable ? (\r\n                                  <button\r\n                                    type='button'\r\n                                    className='bg-transparent cursor-pointer p-0 m-0 border-0'\r\n                                    onClick={() => {\r\n                                      if (columnSortBy === d.columnId) {\r\n                                        if (sortDirection === 'asc') {\r\n                                          setSortDirection('desc');\r\n                                        }\r\n                                        if (sortDirection === 'desc') {\r\n                                          setColumnSortBy(undefined);\r\n                                        }\r\n                                      } else {\r\n                                        setColumnSortBy(d.columnId);\r\n                                        setSortDirection('asc');\r\n                                      }\r\n                                    }}\r\n                                  >\r\n                                    {columnSortBy === d.columnId ? (\r\n                                      sortDirection === 'asc' ? (\r\n                                        <SortingIconAscending />\r\n                                      ) : (\r\n                                        <SortingIconDescending />\r\n                                      )\r\n                                    ) : (\r\n                                      <SortingIcon />\r\n                                    )}\r\n                                  </button>\r\n                                ) : null}\r\n                                {d.filterOptions && d.filterOptions.length ? (\r\n                                  <button\r\n                                    type='button'\r\n                                    className='bg-transparent cursor-pointer m-0 p-0 border-0'\r\n                                    onClick={event => {\r\n                                      if (popupVisible === d.columnId) {\r\n                                        setPopupVisible(undefined);\r\n                                      } else if (event.currentTarget) {\r\n                                        setPopupVisible(d.columnId);\r\n                                        const rect = event.currentTarget.getBoundingClientRect();\r\n                                        setPopupStyle({\r\n                                          top: rect.bottom + window.scrollY,\r\n                                          left:\r\n                                            rect.left + window.scrollX - 160 < 0\r\n                                              ? rect.left + window.scrollX\r\n                                              : rect.left + window.scrollX - 160,\r\n                                          width: '10rem',\r\n                                        });\r\n                                      }\r\n                                    }}\r\n                                  >\r\n                                    {filterOption[\r\n                                      filterOption.findIndex(el => el.id === d.columnId)\r\n                                    ].option.length === d.filterOptions?.length ? (\r\n                                      <FilterIcon />\r\n                                    ) : (\r\n                                      <FilterIconApplied />\r\n                                    )}\r\n                                  </button>\r\n                                ) : null}\r\n                              </div>\r\n                            </th>\r\n                          ))}\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody>\r\n                        {sortedData?.map((d: any, i: number) => (\r\n                          <tr\r\n                            key={i}\r\n                            className={`cursor-${\r\n                              onSeriesMouseClick ? 'pointer' : 'auto'\r\n                            } border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${\r\n                              isEqual(mouseClickData, d)\r\n                                ? 'bg-primary-gray-200 dark:bg-primary-gray-600'\r\n                                : 'bg-transparent'\r\n                            }`}\r\n                            style={d.rowStyle}\r\n                            onClick={() => {\r\n                              if (onSeriesMouseClick) {\r\n                                if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                                  setMouseClickData(undefined);\r\n                                  onSeriesMouseClick(undefined);\r\n                                } else {\r\n                                  setMouseClickData(d);\r\n                                  onSeriesMouseClick(d);\r\n                                }\r\n                              }\r\n                            }}\r\n                          >\r\n                            {columnData.map((el, j) => (\r\n                              <td\r\n                                key={j}\r\n                                className={`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${\r\n                                  el.align || 'left'\r\n                                }`}\r\n                                style={{\r\n                                  width: `calc(${\r\n                                    (100 * (d.columnWidth || 1)) /\r\n                                    TotalWidth(columnData.map(cd => cd.columnWidth || 1))\r\n                                  }%`,\r\n                                }}\r\n                              >\r\n                                <div\r\n                                  className={`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${\r\n                                    el.align === 'right'\r\n                                      ? 'justify-end'\r\n                                      : el.align === 'center'\r\n                                        ? 'justify-center'\r\n                                        : 'justify-start'\r\n                                  }`}\r\n                                >\r\n                                  {typeof d[el.columnId] === 'number' ? (\r\n                                    <P\r\n                                      marginBottom='none'\r\n                                      size='sm'\r\n                                      className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\r\n                                        el.chip ? 'grow-0 rounded-sm p-2' : 'grow rounded-none p-0'\r\n                                      } text-${el.align || 'left'} ${\r\n                                        el.chip\r\n                                          ? !el.chipColors\r\n                                            ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\r\n                                            : ''\r\n                                          : 'bg-transparent'\r\n                                      }`}\r\n                                      style={{\r\n                                        ...(el.chip && el.chipColors\r\n                                          ? {\r\n                                              backgroundColor:\r\n                                                el.chipColors[\r\n                                                  el.chipColors.findIndex(\r\n                                                    c =>\r\n                                                      c.value === d[el.chipColumnId || el.columnId],\r\n                                                  )\r\n                                                ].color,\r\n                                              color: getTextColorBasedOnBgColor(\r\n                                                el.chipColors[\r\n                                                  el.chipColors.findIndex(\r\n                                                    c =>\r\n                                                      c.value === d[el.chipColumnId || el.columnId],\r\n                                                  )\r\n                                                ].color,\r\n                                              ),\r\n                                            }\r\n                                          : {}),\r\n                                      }}\r\n                                    >\r\n                                      {numberFormattingFunction(\r\n                                        d[el.columnId],\r\n                                        naLabel,\r\n                                        precision,\r\n                                        el.prefix,\r\n                                        el.suffix,\r\n                                      )}\r\n                                    </P>\r\n                                  ) : typeof d[el.columnId] === 'string' ? (\r\n                                    el.separator ? (\r\n                                      <div className='text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2'>\r\n                                        {d[el.columnId]\r\n                                          .split(el.separator)\r\n                                          .map((element: string, indx: number) => (\r\n                                            <P\r\n                                              key={indx}\r\n                                              marginBottom='none'\r\n                                              size='sm'\r\n                                              className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\r\n                                                el.chip\r\n                                                  ? 'grow-0 rounded-sm p-2'\r\n                                                  : 'grow rounded-none p-0'\r\n                                              } text-${el.align || 'left'} ${\r\n                                                el.chip\r\n                                                  ? !el.chipColors\r\n                                                    ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\r\n                                                    : ''\r\n                                                  : 'bg-transparent'\r\n                                              }`}\r\n                                              style={{\r\n                                                ...(el.chip && el.chipColors\r\n                                                  ? {\r\n                                                      backgroundColor:\r\n                                                        el.chipColors[\r\n                                                          el.chipColors.findIndex(\r\n                                                            c =>\r\n                                                              c.value ===\r\n                                                              (el.chipColumnId\r\n                                                                ? d[el.chipColumnId]\r\n                                                                : element),\r\n                                                          )\r\n                                                        ].color,\r\n                                                      color: getTextColorBasedOnBgColor(\r\n                                                        el.chipColors[\r\n                                                          el.chipColors.findIndex(\r\n                                                            c =>\r\n                                                              c.value ===\r\n                                                              (el.chipColumnId\r\n                                                                ? d[el.chipColumnId]\r\n                                                                : element),\r\n                                                          )\r\n                                                        ].color,\r\n                                                      ),\r\n                                                    }\r\n                                                  : {}),\r\n                                              }}\r\n                                            >\r\n                                              {numberFormattingFunction(\r\n                                                element,\r\n                                                naLabel,\r\n                                                precision,\r\n                                                el.prefix,\r\n                                                el.suffix,\r\n                                              )}\r\n                                            </P>\r\n                                          ))}\r\n                                      </div>\r\n                                    ) : (\r\n                                      <P\r\n                                        marginBottom='none'\r\n                                        size='sm'\r\n                                        className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\r\n                                          el.chip\r\n                                            ? 'grow-0 rounded-sm p-2'\r\n                                            : 'grow rounded-none p-0'\r\n                                        } text-${el.align || 'left'} ${\r\n                                          el.chip\r\n                                            ? !el.chipColors\r\n                                              ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\r\n                                              : ''\r\n                                            : 'bg-transparent'\r\n                                        }`}\r\n                                        style={{\r\n                                          ...(el.chip && el.chipColors\r\n                                            ? {\r\n                                                backgroundColor:\r\n                                                  el.chipColors[\r\n                                                    el.chipColors.findIndex(\r\n                                                      c =>\r\n                                                        c.value ===\r\n                                                        d[el.chipColumnId || el.columnId],\r\n                                                    )\r\n                                                  ].color,\r\n                                                color: getTextColorBasedOnBgColor(\r\n                                                  el.chipColors[\r\n                                                    el.chipColors.findIndex(\r\n                                                      c =>\r\n                                                        c.value ===\r\n                                                        d[el.chipColumnId || el.columnId],\r\n                                                    )\r\n                                                  ].color,\r\n                                                ),\r\n                                              }\r\n                                            : {}),\r\n                                        }}\r\n                                      >\r\n                                        {numberFormattingFunction(\r\n                                          d[el.columnId],\r\n                                          naLabel,\r\n                                          precision,\r\n                                          el.prefix,\r\n                                          el.suffix,\r\n                                        )}\r\n                                      </P>\r\n                                    )\r\n                                  ) : (\r\n                                    <div>\r\n                                      {numberFormattingFunction(\r\n                                        d[el.columnId],\r\n                                        naLabel,\r\n                                        precision,\r\n                                        el.prefix,\r\n                                        el.suffix,\r\n                                      )}\r\n                                    </div>\r\n                                  )}\r\n                                </div>\r\n                              </td>\r\n                            ))}\r\n                          </tr>\r\n                        ))}\r\n                      </tbody>\r\n                    </table>\r\n                  ) : null}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n          {popupVisible && (\r\n            <div\r\n              style={popupStyle}\r\n              className='absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550'\r\n            >\r\n              <div className='max-w-60'>\r\n                <P size='sm' marginBottom='2xs' className='font-bold'>\r\n                  Filter data by\r\n                </P>\r\n                <div className='flex flex-col gap-2'>\r\n                  {columnData[\r\n                    columnData.findIndex(d => d.columnId === popupVisible)\r\n                  ].filterOptions?.map((el, i) => (\r\n                    <div key={i}>\r\n                      <label key={i} className='undp-viz-label'>\r\n                        <input\r\n                          type='checkbox'\r\n                          className='undp-viz-checkbox'\r\n                          checked={\r\n                            filterOption[\r\n                              filterOption.findIndex(d => d.id === popupVisible)\r\n                            ].option.indexOf(el) !== -1\r\n                          }\r\n                          onChange={() => {\r\n                            const indx = filterOption.findIndex(d => d.id === popupVisible);\r\n                            const opt = [...filterOption[indx].option];\r\n                            if (opt.indexOf(el) !== -1) {\r\n                              opt.splice(opt.indexOf(el), 1);\r\n                              const filterOptionDuplicate = [...filterOption];\r\n                              filterOptionDuplicate[indx].option = opt;\r\n                              setFilterOption(filterOptionDuplicate);\r\n                            } else {\r\n                              opt.push(el);\r\n                              const filterOptionDuplicate = [...filterOption];\r\n                              filterOptionDuplicate[indx].option = opt;\r\n                              setFilterOption(filterOptionDuplicate);\r\n                            }\r\n                          }}\r\n                        />\r\n                        {el}\r\n                      </label>\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["TotalWidth","columns","d","acc","cur","DataTable","props","width","height","graphTitle","sources","graphDescription","footNote","graphID","data","columnData","onSeriesMouseClick","language","theme","ariaLabel","backgroundColor","padding","resetSelectionOnDoubleClick","styles","classNames","minWidth","naLabel","precision","columnSortBy","setColumnSortBy","useState","mouseClickData","setMouseClickData","sortDirection","setSortDirection","popupVisible","setPopupVisible","popupStyle","setPopupStyle","filterOption","setFilterOption","sortedData","setSortedData","useEffect","dataFiltered","filter","el","cd","arr","intersection","orderBy","jsx","cn","jsxs","GraphHeader","i","P","SortingIconAscending","SortingIconDescending","SortingIcon","event","rect","FilterIcon","FilterIconApplied","isEqual","j","c","getTextColorBasedOnBgColor","numberFormattingFunction","element","indx","GraphFooter","opt","filterOptionDuplicate"],"mappings":"8eAqFMA,EAAcC,GACEA,EAAQ,IAAIC,GAAKA,GAAK,CAAC,EACnB,OAAO,CAACC,EAAKC,IAAQD,EAAMC,EAAK,CAAC,EAIpD,SAASC,GAAUC,EAAc,CACtC,KAAM,CACJ,MAAAC,EACA,OAAAC,EACA,WAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,SAAAC,EAAW,KACX,MAAAC,EAAQ,QACR,UAAAC,EACA,gBAAAC,EAAkB,GAClB,QAAAC,EACA,4BAAAC,EAA8B,GAC9B,OAAAC,EACA,WAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,KACV,UAAAC,EAAY,CAAA,EACVrB,EACE,CAACsB,EAAcC,CAAe,EAAIC,EAAAA,SAA6B,MAAS,EAExE,CAACC,EAAgBC,CAAiB,EAAIF,EAAAA,SAAc,MAAS,EAC7D,CAACG,EAAeC,CAAgB,EAAIJ,EAAAA,SAAyB,KAAK,EAClE,CAACK,EAAcC,CAAe,EAAIN,EAAAA,SAA6B,MAAS,EACxE,CAACO,EAAYC,CAAa,EAAIR,EAAAA,SAAS,CAAA,CAAE,EACzC,CAACS,EAAcC,CAAe,EAAIV,EAAAA,SACtCf,EACG,OAAOb,GAAKA,EAAE,eAAiBA,EAAE,cAAc,OAAS,CAAC,EACzD,IAAIA,IAAM,CAAE,GAAIA,EAAE,SAAU,OAAQA,EAAE,eAA4B,CAAA,EAEjE,CAACuC,EAAYC,CAAa,EAAIZ,EAAAA,SAAShB,CAAI,EACjD6B,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoB,CAAA,EAE1B9B,EAAK,QAASZ,GAAW,CACvB,IAAI2C,EAAS,GACbN,EAAa,QAAQO,GAAM,CACzB,GACE,OAAO5C,EAAE4C,EAAG,EAAE,GAAM,UACpB,OAAO5C,EAAE4C,EAAG,EAAE,GAAM,YACpB,OAAO5C,EAAE4C,EAAG,EAAE,GAAM,SAEpB,GAAI/B,EAAWA,EAAW,UAAUgC,GAAMA,EAAG,WAAaD,EAAG,EAAE,CAAC,EAAE,UAAW,CAC3E,MAAME,EAAM9C,EAAE4C,EAAG,EAAE,EAAE,MACnB/B,EAAWA,EAAW,UAAUgC,GAAMA,EAAG,WAAaD,EAAG,EAAE,CAAC,EAAE,SAAA,EAE5DG,EAAAA,aAAaD,EAAKF,EAAG,MAAM,EAAE,SAAW,IAAGD,EAAS,GAC1D,MAAWC,EAAG,OAAO,QAAQ5C,EAAE4C,EAAG,EAAE,CAAC,IAAM,KAAID,EAAS,GAE5D,CAAC,EACGA,GAAQD,EAAa,KAAK1C,CAAC,CACjC,CAAC,EAECwC,EADEd,GAAgBd,EACJoC,EAAAA,QAAQN,EAAc,CAAChB,CAAY,EAAG,CAACK,CAAa,CAAC,EAErDW,CAFsD,CAIxE,EAAG,CAAChB,EAAcK,EAAenB,EAAMyB,EAAcxB,CAAU,CAAC,EAE9DoC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAW,GAAGjC,GAAS,OAAO,UAAUX,EAAQ,eAAiB,aAAa,GAC9E,IAAKU,IAAa,MAAQA,IAAa,KAAO,MAAQ,OAEtD,SAAAkC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,GACGhC,EAEGA,IAAoB,GAClB,gDACA,GAHF,iBAIN,gDAAgDH,GAAY,IAAI,UAChEV,EAAQ,QAAU,SAClBiB,GAAY,cAAA,EAEd,MAAO,CACL,GAAID,GAAQ,gBAAkB,CAAA,EAC9B,GAAIH,GAAmBA,IAAoB,GAAO,CAAE,gBAAAA,CAAA,EAAoB,CAAA,CAAC,EAE3E,GAAIP,EACJ,aACEM,GACA,GAAGV,EAAa,mBAAmBA,CAAU,KAAO,EAAE,0BACpDE,EAAmB,IAAIA,CAAgB,GAAK,EAC9C,GAGF,SAAA0C,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAU,YACV,MAAO,CAAE,QAASjC,EAAkBC,GAAW,OAASA,GAAW,CAAA,EAEnE,SAAA,CAAAgC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,kDACZ,SAAA,CAAA5C,GAAcE,EACbwC,EAAAA,kBAAAA,IAACG,GAAAA,YAAA,CACC,OAAQ,CACN,MAAO/B,GAAQ,MACf,YAAaA,GAAQ,WAAA,EAEvB,WAAY,CACV,MAAOC,GAAY,MACnB,YAAaA,GAAY,WAAA,EAE3B,WAAAf,EACA,iBAAAE,EACA,MAAAJ,CAAA,CAAA,EAEA,KACJ4C,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCACb,SAAAA,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAU,iBACV,MAAO,CACL,MAAO5C,EAAQ,GAAGA,CAAK,KAAO,OAC9B,OAAQC,EAAS,GAAGA,CAAM,KAAO,MAAA,EAGnC,iCAAC,MAAA,CAAI,MAAOiB,EAAW,CAAE,SAAAA,GAAa,OACnC,SAAAX,EACCuC,yBAAC,SAAM,UAAU,SAAS,MAAO,CAAE,eAAgB,YACjD,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,QAAA,CAAM,UAAU,yDACf,SAAAA,EAAAA,kBAAAA,IAAC,MACE,SAAApC,GAAY,IAAI,CAACb,EAAGqD,IACnBJ,EAAAA,kBAAAA,IAAC,KAAA,CACC,UAAU,2DACV,MAAO,CACL,MAAO,QACJ,KAAOjD,EAAE,aAAe,GACzBF,EAAWe,EAAW,IAAIgC,GAAMA,EAAG,aAAe,CAAC,CAAC,CACtD,GAAA,EAIF,SAAAM,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,8CACb,SAAA,CAAAF,EAAAA,kBAAAA,IAACK,EAAAA,EAAA,CACC,KAAK,KACL,aAAa,OACb,UAAW,mBAAmBtD,EAAE,OAAS,MAAM,aAE9C,SAAAA,EAAE,aAAeA,EAAE,QAAA,CAAA,EAErBA,EAAE,SACDiD,EAAAA,kBAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,iDACV,QAAS,IAAM,CACTvB,IAAiB1B,EAAE,UACjB+B,IAAkB,OACpBC,EAAiB,MAAM,EAErBD,IAAkB,QACpBJ,EAAgB,MAAS,IAG3BA,EAAgB3B,EAAE,QAAQ,EAC1BgC,EAAiB,KAAK,EAE1B,EAEC,SAAAN,IAAiB1B,EAAE,SAClB+B,IAAkB,MAChBkB,wBAACM,EAAAA,qBAAA,CAAA,CAAqB,EAEtBN,EAAAA,kBAAAA,IAACO,EAAAA,sBAAA,CAAA,CAAsB,EAGzBP,EAAAA,kBAAAA,IAACQ,EAAAA,YAAA,CAAA,CAAY,CAAA,CAAA,EAGf,KACHzD,EAAE,eAAiBA,EAAE,cAAc,OAClCiD,EAAAA,kBAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,iDACV,QAASS,GAAS,CAChB,GAAIzB,IAAiBjC,EAAE,SACrBkC,EAAgB,MAAS,UAChBwB,EAAM,cAAe,CAC9BxB,EAAgBlC,EAAE,QAAQ,EAC1B,MAAM2D,EAAOD,EAAM,cAAc,sBAAA,EACjCtB,EAAc,CACZ,IAAKuB,EAAK,OAAS,OAAO,QAC1B,KACEA,EAAK,KAAO,OAAO,QAAU,IAAM,EAC/BA,EAAK,KAAO,OAAO,QACnBA,EAAK,KAAO,OAAO,QAAU,IACnC,MAAO,OAAA,CACR,CACH,CACF,EAEC,WACCtB,EAAa,aAAgBO,EAAG,KAAO5C,EAAE,QAAQ,CACnD,EAAE,OAAO,SAAWA,EAAE,eAAe,+BAClC4D,EAAAA,WAAA,EAAW,0BAEXC,EAAAA,kBAAA,CAAA,CAAkB,CAAA,CAAA,EAGrB,IAAA,CAAA,CACN,CAAA,EArEKR,CAAA,CAuER,EACH,CAAA,CACF,0BACC,QAAA,CACE,SAAAd,GAAY,IAAI,CAACvC,EAAQqD,IACxBJ,EAAAA,kBAAAA,IAAC,KAAA,CAEC,UAAW,UACTnC,EAAqB,UAAY,MACnC,sEACEgD,EAAAA,QAAQjC,EAAgB7B,CAAC,EACrB,+CACA,gBACN,GACA,MAAOA,EAAE,SACT,QAAS,IAAM,CACTc,IACEgD,UAAQjC,EAAgB7B,CAAC,GAAKoB,GAChCU,EAAkB,MAAS,EAC3BhB,EAAmB,MAAS,IAE5BgB,EAAkB9B,CAAC,EACnBc,EAAmBd,CAAC,GAG1B,EAEC,SAAAa,EAAW,IAAI,CAAC+B,EAAImB,IACnBd,EAAAA,kBAAAA,IAAC,KAAA,CAEC,UAAW,iEACTL,EAAG,OAAS,MACd,GACA,MAAO,CACL,MAAO,QACJ,KAAO5C,EAAE,aAAe,GACzBF,EAAWe,EAAW,IAAIgC,GAAMA,EAAG,aAAe,CAAC,CAAC,CACtD,GAAA,EAGF,SAAAI,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAW,6DACTL,EAAG,QAAU,QACT,cACAA,EAAG,QAAU,SACX,iBACA,eACR,GAEC,SAAA,OAAO5C,EAAE4C,EAAG,QAAQ,GAAM,SACzBK,EAAAA,kBAAAA,IAACK,EAAAA,EAAA,CACC,aAAa,OACb,KAAK,KACL,UAAW,0DACTV,EAAG,KAAO,wBAA0B,uBACtC,SAASA,EAAG,OAAS,MAAM,IACzBA,EAAG,KACEA,EAAG,WAEF,GADA,+CAEF,gBACN,GACA,MAAO,CACL,GAAIA,EAAG,MAAQA,EAAG,WACd,CACE,gBACEA,EAAG,WACDA,EAAG,WAAW,aAEVoB,EAAE,QAAUhE,EAAE4C,EAAG,cAAgBA,EAAG,QAAQ,CAAA,CAElD,EAAE,MACJ,MAAOqB,EAAAA,2BACLrB,EAAG,WACDA,EAAG,WAAW,aAEVoB,EAAE,QAAUhE,EAAE4C,EAAG,cAAgBA,EAAG,QAAQ,CAAA,CAElD,EAAE,KAAA,CACJ,EAEF,CAAA,CAAC,EAGN,SAAAsB,EAAAA,yBACClE,EAAE4C,EAAG,QAAQ,EACbpB,EACAC,EACAmB,EAAG,OACHA,EAAG,MAAA,CACL,CAAA,EAEA,OAAO5C,EAAE4C,EAAG,QAAQ,GAAM,SAC5BA,EAAG,UACDK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,wEACZ,SAAAjD,EAAE4C,EAAG,QAAQ,EACX,MAAMA,EAAG,SAAS,EAClB,IAAI,CAACuB,EAAiBC,IACrBnB,EAAAA,kBAAAA,IAACK,EAAAA,EAAA,CAEC,aAAa,OACb,KAAK,KACL,UAAW,0DACTV,EAAG,KACC,wBACA,uBACN,SAASA,EAAG,OAAS,MAAM,IACzBA,EAAG,KACEA,EAAG,WAEF,GADA,+CAEF,gBACN,GACA,MAAO,CACL,GAAIA,EAAG,MAAQA,EAAG,WACd,CACE,gBACEA,EAAG,WACDA,EAAG,WAAW,UACZoB,GACEA,EAAE,SACDpB,EAAG,aACA5C,EAAE4C,EAAG,YAAY,EACjBuB,EAAA,CAEV,EAAE,MACJ,MAAOF,EAAAA,2BACLrB,EAAG,WACDA,EAAG,WAAW,UACZoB,GACEA,EAAE,SACDpB,EAAG,aACA5C,EAAE4C,EAAG,YAAY,EACjBuB,EAAA,CAEV,EAAE,KAAA,CACJ,EAEF,CAAA,CAAC,EAGN,SAAAD,EAAAA,yBACCC,EACA3C,EACAC,EACAmB,EAAG,OACHA,EAAG,MAAA,CACL,EAhDKwB,CAAA,CAkDR,EACL,EAEAnB,EAAAA,kBAAAA,IAACK,EAAAA,EAAA,CACC,aAAa,OACb,KAAK,KACL,UAAW,0DACTV,EAAG,KACC,wBACA,uBACN,SAASA,EAAG,OAAS,MAAM,IACzBA,EAAG,KACEA,EAAG,WAEF,GADA,+CAEF,gBACN,GACA,MAAO,CACL,GAAIA,EAAG,MAAQA,EAAG,WACd,CACE,gBACEA,EAAG,WACDA,EAAG,WAAW,aAEVoB,EAAE,QACFhE,EAAE4C,EAAG,cAAgBA,EAAG,QAAQ,CAAA,CAEtC,EAAE,MACJ,MAAOqB,EAAAA,2BACLrB,EAAG,WACDA,EAAG,WAAW,aAEVoB,EAAE,QACFhE,EAAE4C,EAAG,cAAgBA,EAAG,QAAQ,CAAA,CAEtC,EAAE,KAAA,CACJ,EAEF,CAAA,CAAC,EAGN,SAAAsB,EAAAA,yBACClE,EAAE4C,EAAG,QAAQ,EACbpB,EACAC,EACAmB,EAAG,OACHA,EAAG,MAAA,CACL,CAAA,0BAIH,MAAA,CACE,SAAAsB,EAAAA,yBACClE,EAAE4C,EAAG,QAAQ,EACbpB,EACAC,EACAmB,EAAG,OACHA,EAAG,MAAA,CACL,CACF,CAAA,CAAA,CAEJ,EArLKmB,CAAA,CAuLR,CAAA,EA9MIV,CAAA,CAgNR,CAAA,CACH,CAAA,CAAA,CACF,EACE,IAAA,CACN,CAAA,CAAA,EAEJ,EACC7C,GAAWE,EACVuC,EAAAA,kBAAAA,IAACoB,EAAAA,YAAA,CACC,OAAQ,CAAE,SAAUhD,GAAQ,SAAU,OAAQA,GAAQ,MAAA,EACtD,WAAY,CACV,SAAUC,GAAY,SACtB,OAAQA,GAAY,MAAA,EAEtB,QAAAd,EACA,SAAAE,EACA,MAAAL,CAAA,CAAA,EAEA,IAAA,EACN,EACC4B,GACCgB,EAAAA,kBAAAA,IAAC,MAAA,CACC,MAAOd,EACP,UAAU,yIAEV,SAAAgB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAF,EAAAA,kBAAAA,IAACK,EAAAA,GAAE,KAAK,KAAK,aAAa,MAAM,UAAU,YAAY,SAAA,gBAAA,CAEtD,EACAL,EAAAA,kBAAAA,IAAC,OAAI,UAAU,sBACZ,WACCpC,EAAW,UAAUb,GAAKA,EAAE,WAAaiC,CAAY,CACvD,EAAE,eAAe,IAAI,CAACW,EAAIS,4BACvB,MAAA,CACC,SAAAF,EAAAA,kBAAAA,KAAC,QAAA,CAAc,UAAU,iBACvB,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAK,WACL,UAAU,oBACV,QACEZ,EACEA,EAAa,UAAUrC,GAAKA,EAAE,KAAOiC,CAAY,CACnD,EAAE,OAAO,QAAQW,CAAE,IAAM,GAE3B,SAAU,IAAM,CACd,MAAMwB,EAAO/B,EAAa,UAAUrC,GAAKA,EAAE,KAAOiC,CAAY,EACxDqC,EAAM,CAAC,GAAGjC,EAAa+B,CAAI,EAAE,MAAM,EACzC,GAAIE,EAAI,QAAQ1B,CAAE,IAAM,GAAI,CAC1B0B,EAAI,OAAOA,EAAI,QAAQ1B,CAAE,EAAG,CAAC,EAC7B,MAAM2B,EAAwB,CAAC,GAAGlC,CAAY,EAC9CkC,EAAsBH,CAAI,EAAE,OAASE,EACrChC,EAAgBiC,CAAqB,CACvC,KAAO,CACLD,EAAI,KAAK1B,CAAE,EACX,MAAM2B,EAAwB,CAAC,GAAGlC,CAAY,EAC9CkC,EAAsBH,CAAI,EAAE,OAASE,EACrChC,EAAgBiC,CAAqB,CACvC,CACF,CAAA,CAAA,EAED3B,CAAA,CAAA,EAzBSS,CA0BZ,GA3BQA,CA4BV,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,CAGN"}
+{"version":3,"file":"DataTable.cjs","sources":["../src/Components/Graphs/DataTable/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport isEqual from 'fast-deep-equal';\r\nimport { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  DataTableColumnDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  FilterIcon,\r\n  FilterIconApplied,\r\n  SortingIcon,\r\n  SortingIconAscending,\r\n  SortingIconDescending,\r\n} from '@/Components/Icons';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects. If the data have a object for ket `rowStyle` then that is use to style the row of the table. */\r\n  data: object[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Minimum width of the table as string in px */\r\n  minWidth?: string;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Column settings for each column shown in the table. */\r\n  columnData: DataTableColumnDataType[];\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Callback for mouse click event */\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nconst TotalWidth = (columns: (number | undefined)[]) => {\r\n  const columnWidth = columns.map(d => d || 1);\r\n  const sum = columnWidth.reduce((acc, cur) => acc + cur, 0);\r\n  return sum;\r\n};\r\n\r\nexport function DataTable(props: Props) {\r\n  const {\r\n    width,\r\n    height,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    graphID,\r\n    data,\r\n    columnData,\r\n    onSeriesMouseClick,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    backgroundColor = false,\r\n    padding,\r\n    resetSelectionOnDoubleClick = true,\r\n    styles,\r\n    classNames,\r\n    minWidth,\r\n    naLabel = 'NA',\r\n    precision = 2,\r\n  } = props;\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const [columnSortBy, setColumnSortBy] = useState<string | undefined>(undefined);\r\n\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');\r\n  const [popupVisible, setPopupVisible] = useState<string | undefined>(undefined);\r\n  const [popupStyle, setPopupStyle] = useState({});\r\n  const [filterOption, setFilterOption] = useState(\r\n    columnData\r\n      .filter(d => d.filterOptions && d.filterOptions.length > 0)\r\n      .map(d => ({ id: d.columnId, option: d.filterOptions as string[] })),\r\n  );\r\n  const [sortedData, setSortedData] = useState(data);\r\n\r\n  const sortDataEvent = useEffectEvent((data: object[]) => {\r\n    setSortedData(data);\r\n  });\r\n\r\n  useEffect(() => {\r\n    const dataFiltered: any = [];\r\n\r\n    data.forEach((d: any) => {\r\n      let filter = true;\r\n      filterOption.forEach(el => {\r\n        if (\r\n          typeof d[el.id] !== 'object' &&\r\n          typeof d[el.id] !== 'function' &&\r\n          typeof d[el.id] !== 'symbol'\r\n        ) {\r\n          if (columnData[columnData.findIndex(cd => cd.columnId === el.id)].separator) {\r\n            const arr = d[el.id].split(\r\n              columnData[columnData.findIndex(cd => cd.columnId === el.id)].separator,\r\n            );\r\n            if (intersection(arr, el.option).length === 0) filter = false;\r\n          } else if (el.option.indexOf(d[el.id]) === -1) filter = false;\r\n        }\r\n      });\r\n      if (filter) dataFiltered.push(d);\r\n    });\r\n    if (columnSortBy && data) {\r\n      sortDataEvent(orderBy(dataFiltered, [columnSortBy], [sortDirection]));\r\n    } else {\r\n      sortDataEvent(dataFiltered);\r\n    }\r\n  }, [columnSortBy, sortDirection, data, filterOption, columnData]);\r\n\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      width={width}\r\n      height={height}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <div className='grow flex flex-col justify-center'>\r\n        <div\r\n          className='undp-scrollbar'\r\n          style={{\r\n            width: width ? `${width}px` : '100%',\r\n            height: height ? `${height}px` : 'auto',\r\n          }}\r\n        >\r\n          <div style={minWidth ? { minWidth } : undefined}>\r\n            {data ? (\r\n              <table className='w-full' style={{ borderCollapse: 'collapse' }}>\r\n                <thead className='text-left bg-primary-gray-300 dark:bg-primary-gray-550'>\r\n                  <tr>\r\n                    {columnData?.map((d, i) => (\r\n                      <th\r\n                        className='text-primary-gray-700 dark:text-primary-gray-100 text-sm'\r\n                        style={{\r\n                          width: `calc(${\r\n                            (100 * (d.columnWidth || 1)) /\r\n                            TotalWidth(columnData.map(cd => cd.columnWidth || 1))\r\n                          }%`,\r\n                        }}\r\n                        key={i}\r\n                      >\r\n                        <div className='flex gap-2 justify-between items-center p-4'>\r\n                          <P\r\n                            size='sm'\r\n                            marginBottom='none'\r\n                            className={`w-fit grow text-${d.align || 'left'} font-bold`}\r\n                          >\r\n                            {d.columnTitle || d.columnId}\r\n                          </P>\r\n                          {d.sortable ? (\r\n                            <button\r\n                              type='button'\r\n                              className='bg-transparent cursor-pointer p-0 m-0 border-0'\r\n                              onClick={() => {\r\n                                if (columnSortBy === d.columnId) {\r\n                                  if (sortDirection === 'asc') {\r\n                                    setSortDirection('desc');\r\n                                  }\r\n                                  if (sortDirection === 'desc') {\r\n                                    setColumnSortBy(undefined);\r\n                                  }\r\n                                } else {\r\n                                  setColumnSortBy(d.columnId);\r\n                                  setSortDirection('asc');\r\n                                }\r\n                              }}\r\n                            >\r\n                              {columnSortBy === d.columnId ? (\r\n                                sortDirection === 'asc' ? (\r\n                                  <SortingIconAscending />\r\n                                ) : (\r\n                                  <SortingIconDescending />\r\n                                )\r\n                              ) : (\r\n                                <SortingIcon />\r\n                              )}\r\n                            </button>\r\n                          ) : null}\r\n                          {d.filterOptions && d.filterOptions.length ? (\r\n                            <button\r\n                              type='button'\r\n                              className='bg-transparent cursor-pointer m-0 p-0 border-0'\r\n                              onClick={event => {\r\n                                if (popupVisible === d.columnId) {\r\n                                  setPopupVisible(undefined);\r\n                                } else if (event.currentTarget) {\r\n                                  setPopupVisible(d.columnId);\r\n                                  const rect = event.currentTarget.getBoundingClientRect();\r\n                                  setPopupStyle({\r\n                                    top: rect.bottom + window.scrollY,\r\n                                    left:\r\n                                      rect.left + window.scrollX - 160 < 0\r\n                                        ? rect.left + window.scrollX\r\n                                        : rect.left + window.scrollX - 160,\r\n                                    width: '10rem',\r\n                                  });\r\n                                }\r\n                              }}\r\n                            >\r\n                              {filterOption[filterOption.findIndex(el => el.id === d.columnId)]\r\n                                .option.length === d.filterOptions?.length ? (\r\n                                <FilterIcon />\r\n                              ) : (\r\n                                <FilterIconApplied />\r\n                              )}\r\n                            </button>\r\n                          ) : null}\r\n                        </div>\r\n                      </th>\r\n                    ))}\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  {sortedData?.map((d: any, i: number) => (\r\n                    <tr\r\n                      key={i}\r\n                      className={`cursor-${\r\n                        onSeriesMouseClick ? 'pointer' : 'auto'\r\n                      } border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${\r\n                        isEqual(mouseClickData, d)\r\n                          ? 'bg-primary-gray-200 dark:bg-primary-gray-600'\r\n                          : 'bg-transparent'\r\n                      }`}\r\n                      style={d.rowStyle}\r\n                      onClick={() => {\r\n                        if (onSeriesMouseClick) {\r\n                          if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick(undefined);\r\n                          } else {\r\n                            setMouseClickData(d);\r\n                            onSeriesMouseClick(d);\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      {columnData.map((el, j) => (\r\n                        <td\r\n                          key={j}\r\n                          className={`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${\r\n                            el.align || 'left'\r\n                          }`}\r\n                          style={{\r\n                            width: `calc(${\r\n                              (100 * (d.columnWidth || 1)) /\r\n                              TotalWidth(columnData.map(cd => cd.columnWidth || 1))\r\n                            }%`,\r\n                          }}\r\n                        >\r\n                          <div\r\n                            className={`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${\r\n                              el.align === 'right'\r\n                                ? 'justify-end'\r\n                                : el.align === 'center'\r\n                                  ? 'justify-center'\r\n                                  : 'justify-start'\r\n                            }`}\r\n                          >\r\n                            {typeof d[el.columnId] === 'number' ? (\r\n                              <P\r\n                                marginBottom='none'\r\n                                size='sm'\r\n                                className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\r\n                                  el.chip ? 'grow-0 rounded-sm p-2' : 'grow rounded-none p-0'\r\n                                } text-${el.align || 'left'} ${\r\n                                  el.chip\r\n                                    ? !el.chipColors\r\n                                      ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\r\n                                      : ''\r\n                                    : 'bg-transparent'\r\n                                }`}\r\n                                style={{\r\n                                  ...(el.chip && el.chipColors\r\n                                    ? {\r\n                                        backgroundColor:\r\n                                          el.chipColors[\r\n                                            el.chipColors.findIndex(\r\n                                              c => c.value === d[el.chipColumnId || el.columnId],\r\n                                            )\r\n                                          ].color,\r\n                                        color: getTextColorBasedOnBgColor(\r\n                                          el.chipColors[\r\n                                            el.chipColors.findIndex(\r\n                                              c => c.value === d[el.chipColumnId || el.columnId],\r\n                                            )\r\n                                          ].color,\r\n                                        ),\r\n                                      }\r\n                                    : {}),\r\n                                }}\r\n                              >\r\n                                {numberFormattingFunction(\r\n                                  d[el.columnId],\r\n                                  naLabel,\r\n                                  precision,\r\n                                  el.prefix,\r\n                                  el.suffix,\r\n                                )}\r\n                              </P>\r\n                            ) : typeof d[el.columnId] === 'string' ? (\r\n                              el.separator ? (\r\n                                <div className='text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2'>\r\n                                  {d[el.columnId]\r\n                                    .split(el.separator)\r\n                                    .map((element: string, indx: number) => (\r\n                                      <P\r\n                                        key={indx}\r\n                                        marginBottom='none'\r\n                                        size='sm'\r\n                                        className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\r\n                                          el.chip\r\n                                            ? 'grow-0 rounded-sm p-2'\r\n                                            : 'grow rounded-none p-0'\r\n                                        } text-${el.align || 'left'} ${\r\n                                          el.chip\r\n                                            ? !el.chipColors\r\n                                              ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\r\n                                              : ''\r\n                                            : 'bg-transparent'\r\n                                        }`}\r\n                                        style={{\r\n                                          ...(el.chip && el.chipColors\r\n                                            ? {\r\n                                                backgroundColor:\r\n                                                  el.chipColors[\r\n                                                    el.chipColors.findIndex(\r\n                                                      c =>\r\n                                                        c.value ===\r\n                                                        (el.chipColumnId\r\n                                                          ? d[el.chipColumnId]\r\n                                                          : element),\r\n                                                    )\r\n                                                  ].color,\r\n                                                color: getTextColorBasedOnBgColor(\r\n                                                  el.chipColors[\r\n                                                    el.chipColors.findIndex(\r\n                                                      c =>\r\n                                                        c.value ===\r\n                                                        (el.chipColumnId\r\n                                                          ? d[el.chipColumnId]\r\n                                                          : element),\r\n                                                    )\r\n                                                  ].color,\r\n                                                ),\r\n                                              }\r\n                                            : {}),\r\n                                        }}\r\n                                      >\r\n                                        {numberFormattingFunction(\r\n                                          element,\r\n                                          naLabel,\r\n                                          precision,\r\n                                          el.prefix,\r\n                                          el.suffix,\r\n                                        )}\r\n                                      </P>\r\n                                    ))}\r\n                                </div>\r\n                              ) : (\r\n                                <P\r\n                                  marginBottom='none'\r\n                                  size='sm'\r\n                                  className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\r\n                                    el.chip ? 'grow-0 rounded-sm p-2' : 'grow rounded-none p-0'\r\n                                  } text-${el.align || 'left'} ${\r\n                                    el.chip\r\n                                      ? !el.chipColors\r\n                                        ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\r\n                                        : ''\r\n                                      : 'bg-transparent'\r\n                                  }`}\r\n                                  style={{\r\n                                    ...(el.chip && el.chipColors\r\n                                      ? {\r\n                                          backgroundColor:\r\n                                            el.chipColors[\r\n                                              el.chipColors.findIndex(\r\n                                                c => c.value === d[el.chipColumnId || el.columnId],\r\n                                              )\r\n                                            ].color,\r\n                                          color: getTextColorBasedOnBgColor(\r\n                                            el.chipColors[\r\n                                              el.chipColors.findIndex(\r\n                                                c => c.value === d[el.chipColumnId || el.columnId],\r\n                                              )\r\n                                            ].color,\r\n                                          ),\r\n                                        }\r\n                                      : {}),\r\n                                  }}\r\n                                >\r\n                                  {numberFormattingFunction(\r\n                                    d[el.columnId],\r\n                                    naLabel,\r\n                                    precision,\r\n                                    el.prefix,\r\n                                    el.suffix,\r\n                                  )}\r\n                                </P>\r\n                              )\r\n                            ) : (\r\n                              <div>\r\n                                {numberFormattingFunction(\r\n                                  d[el.columnId],\r\n                                  naLabel,\r\n                                  precision,\r\n                                  el.prefix,\r\n                                  el.suffix,\r\n                                )}\r\n                              </div>\r\n                            )}\r\n                          </div>\r\n                        </td>\r\n                      ))}\r\n                    </tr>\r\n                  ))}\r\n                </tbody>\r\n              </table>\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      {popupVisible && (\r\n        <div\r\n          style={popupStyle}\r\n          className='absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550'\r\n        >\r\n          <div className='max-w-60'>\r\n            <P size='sm' marginBottom='2xs' className='font-bold'>\r\n              Filter data by\r\n            </P>\r\n            <div className='flex flex-col gap-2'>\r\n              {columnData[\r\n                columnData.findIndex(d => d.columnId === popupVisible)\r\n              ].filterOptions?.map((el, i) => (\r\n                <div key={i}>\r\n                  <label key={i} className='undp-viz-label'>\r\n                    <input\r\n                      type='checkbox'\r\n                      className='undp-viz-checkbox'\r\n                      checked={\r\n                        filterOption[\r\n                          filterOption.findIndex(d => d.id === popupVisible)\r\n                        ].option.indexOf(el) !== -1\r\n                      }\r\n                      onChange={() => {\r\n                        const indx = filterOption.findIndex(d => d.id === popupVisible);\r\n                        const opt = [...filterOption[indx].option];\r\n                        if (opt.indexOf(el) !== -1) {\r\n                          opt.splice(opt.indexOf(el), 1);\r\n                          const filterOptionDuplicate = [...filterOption];\r\n                          filterOptionDuplicate[indx].option = opt;\r\n                          setFilterOption(filterOptionDuplicate);\r\n                        } else {\r\n                          opt.push(el);\r\n                          const filterOptionDuplicate = [...filterOption];\r\n                          filterOptionDuplicate[indx].option = opt;\r\n                          setFilterOption(filterOptionDuplicate);\r\n                        }\r\n                      }}\r\n                    />\r\n                    {el}\r\n                  </label>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["TotalWidth","columns","map","d","reduce","acc","cur","DataTable","props","$","_c","width","height","graphTitle","sources","graphDescription","footNote","graphID","data","columnData","onSeriesMouseClick","language","t0","theme","t1","ariaLabel","backgroundColor","t2","padding","resetSelectionOnDoubleClick","t3","styles","classNames","minWidth","naLabel","t4","precision","t5","undefined","graphParentDiv","useRef","columnSortBy","setColumnSortBy","useState","mouseClickData","setMouseClickData","sortDirection","setSortDirection","popupVisible","setPopupVisible","t6","Symbol","for","popupStyle","setPopupStyle","t7","filter","_temp","_temp2","filterOption","setFilterOption","sortedData","setSortedData","t8","data_0","sortDataEvent","useEffectEvent","t9","dataFiltered","forEach","d_1","el","id","findIndex","cd_0","cd","columnId","separator","arr","split","intersection","option","length","indexOf","push","orderBy","t10","useEffect","t11","graphContainer","t12","t13","description","title","jsx","GraphHeader","t14","t15","t16","t17","t18","jsxs","borderCollapse","d_2","i","columnWidth","_temp3","P","align","columnTitle","sortable","SortingIconAscending","SortingIconDescending","SortingIcon","filterOptions","event","currentTarget","rect","getBoundingClientRect","top","bottom","window","scrollY","left","scrollX","FilterIcon","FilterIconApplied","d_3","i_0","isEqual","rowStyle","el_1","j","_temp4","chip","chipColors","c","value","chipColumnId","color","getTextColorBasedOnBgColor","c_0","numberFormattingFunction","prefix","suffix","element","indx","c_1","c_2","c_3","c_4","t19","t20","t21","footnote","source","GraphFooter","t22","d_4","el_2","i_1","d_5","indx_0","d_6","opt","splice","filterOptionDuplicate","filterOptionDuplicate_0","t23","GraphContainer","cd_2","cd_1","d_0"],"mappings":"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"}

package/dist/DataTable.d.ts

@@ -29,6 +29,7 @@ declare interface ClassNameObject {
     mouseOverLine?: string;
     regLine?: string;
     dataCards?: string;
+    colorLegend?: string;
 }
 
 export declare function DataTable(props: Props): JSX.Element;