@undp/data-viz 1.4.1 → 1.4.2

package/dist/DataCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCards.js","sources":["../node_modules/@undp/design-system-react/dist/chevron-left-CYk8BtgP.js","../node_modules/@undp/design-system-react/dist/ellipsis-DI18Y_N_.js","../node_modules/@undp/design-system-react/dist/chevron-right-C7tecYKo.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-C8GTh_Qx.js\";\n/**\n * @license lucide-react v0.488.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-CYk8BtgP.js.map\n","import { c } from \"./createLucideIcon-C8GTh_Qx.js\";\n/**\n * @license lucide-react v0.488.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-DI18Y_N_.js.map\n","import { c as o } from \"./createLucideIcon-C8GTh_Qx.js\";\n/**\n * @license lucide-react v0.488.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-C7tecYKo.js.map\n","import { j as e } from \"./jsx-runtime-OVHDjVDe.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-CYk8BtgP.js\";\nimport { E } from \"./ellipsis-DI18Y_N_.js\";\nimport { C as R } from \"./chevron-right-C7tecYKo.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-OVHDjVDe.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-OVHDjVDe.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-C8GTh_Qx.js\";\n/**\n * @license lucide-react v0.488.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 q = [\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }],\n  [\"path\", { d: \"m21 21-4.3-4.3\", key: \"1qie3q\" }]\n], l = _(\"search\", q), F = t.forwardRef(\n  ({\n    className: n,\n    inputClassName: m,\n    buttonClassName: p,\n    onSearch: r,\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, i] = 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: (s) => {\n              v(s.target.value), u || r?.(s.target.value);\n            },\n            inputSize: o,\n            onKeyDown: (s) => {\n              s.key === \"Enter\" && r?.(a);\n            },\n            onFocus: () => i(!0),\n            onBlur: () => i(!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(l, { 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            r?.(a);\n          },\n          children: c || /* @__PURE__ */ e.jsx(l, { className: \"stroke-2\" })\n        }\n      )\n    ] });\n  }\n);\nF.displayName = \"Search\";\nexport {\n  F 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 sortBy from 'lodash.sortby';\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\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(sortBy(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          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","q","_","F","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","sortBy","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/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-OVHDjVDe.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-OVHDjVDe.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-OVHDjVDe.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 sortBy from 'lodash.sortby';\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\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(sortBy(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          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","sortBy","cn","GraphHeader","DropdownSelect","createFilter","prev","Search","Pagination","GraphFooter"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/DifferenceLineChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DDoeWRVt.cjs"),d=require("react"),m=require("./parse-hMnG_lRV.cjs"),qt=require("./index-BzeLQvXk.cjs"),Et=require("./numberFormattingFunction-02t-wJta.cjs"),Tt=require("./Tooltip-n8z5bfav.cjs"),T=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),bt=require("./customArea-BYNyxAkm.cjs"),Mt=require("./AxisTitle-CK9YeovX.cjs"),Ft=require("./Axis-DE7dSn1_.cjs"),Pt=require("./XTicksAndGridLines-CCzXIV8d.cjs"),Gt=require("./ReferenceLine-CuFMk0cI.cjs"),Ht=require("./YTicksAndGridLines-DBDuz6vb.cjs"),Wt=require("./index-CylX-pWB.cjs"),Yt=require("./use-in-view-BCmzDU2O.cjs"),Xt=require("./time-Byw_jYQ7.cjs"),Ut=require("./linear-BVckp9RD.cjs"),At=require("./line-DHV4JwCR.cjs"),ht=require("./step-BZ3C8QFW.cjs"),Ct=require("./area-D3Qx7k7K.cjs"),Bt=require("./select-Bnfk0lJx.cjs"),g=require("./proxy-PQd2AItT.cjs"),zt=require("./init-DU0ybBc_.cjs"),Jt=require("./pointer-Dkq5NV1q.cjs"),Kt=require("./GraphFooter.cjs"),Qt=require("./GraphHeader.cjs"),Zt=require("./ColorLegend.cjs"),pt=require("./Colors.cjs"),_t=require("./generateRandomString-B5zBiJzS.cjs"),te=require("./EmptyState-d8_8SxeW.cjs");function ee(dt){const{data:V,width:O,height:G,lineColors:f,suffix:D,prefix:w,dateFormat:o,showValues:l,noOfXTicks:z,rightMargin:yt,leftMargin:R,topMargin:gt,bottomMargin:J,tooltip:H,highlightAreaSettings:N,onSeriesMouseOver:W,animate:n,rtl:K,showColorLegendAtTop:ft,colorDomain:M,diffAreaColors:Q,idSuffix:E,strokeWidth:Z,showDots:_,refValues:Y,minValue:k,maxValue:X,annotations:L,customHighlightAreaSettings:F,yAxisTitle:U,noOfYTicks:tt,minDate:et,maxDate:it,curveType:P,styles:h,classNames:p,precision:S,customLayers:nt}=dt,at=d.useRef(null),r=Yt.useInView(at,{once:n.once,amount:n.amount}),[c,jt]=d.useState(!1);d.useEffect(()=>{if(r&&!c){const t=setTimeout(()=>{jt(!0)},(n.duration+.5)*1e3);return()=>clearTimeout(t)}},[r,c,n.duration]);const $=P==="linear"?At.curveLinear:P==="step"?ht.curveStep:P==="stepAfter"?ht.stepAfter:P==="stepBefore"?ht.stepBefore:ht.monotoneX,[q,st]=d.useState(void 0),[ot,rt]=d.useState(void 0),[b,A]=d.useState(void 0),j={top:gt,bottom:J,left:U?R+30:R,right:yt},lt=d.useRef(null),i=qt.sortBy(V.map(t=>({...t,date:m.parse(`${t.date}`,o,new Date)})),"date"),ct=N.map(t=>({...t,coordinates:[t.coordinates[0]===null?null:m.parse(`${t.coordinates[0]}`,o,new Date),t.coordinates[1]===null?null:m.parse(`${t.coordinates[1]}`,o,new Date)]})),xt=F.map(t=>({...t,coordinates:t.coordinates.map((v,I)=>I%2===0?m.parse(`${v}`,o,new Date):v)})),x=O-j.left-j.right,y=G-j.top-j.bottom,ut=et?m.parse(`${et}`,o,new Date):i[0].date,u=it?m.parse(`${it}`,o,new Date):i[i.length-1].date,B=Math.min(...i.map(t=>t.y1))!==1/0?Math.min(...i.map(t=>t.y1))>0?0:Math.min(...i.map(t=>t.y1)):0,Ot=Math.min(...i.map(t=>t.y2))!==1/0?Math.min(...i.map(t=>t.y2))>0?0:Math.min(...i.map(t=>t.y2)):0,Nt=Math.max(...i.map(t=>t.y1))!==1/0?Math.max(...i.map(t=>t.y1)):0,It=Math.max(...i.map(t=>t.y2))!==1/0?Math.max(...i.map(t=>t.y2)):0,C=T.checkIfNullOrUndefined(k)?B<Ot?B:Ot:k,wt=Nt>It?Nt:It,a=Xt.time().domain([ut,u]).range([0,x]),s=Ut.linear().domain([T.checkIfNullOrUndefined(k)?C:k,T.checkIfNullOrUndefined(X)?wt>0?wt:0:X]).range([y,0]).nice(),vt=At.line().x(t=>a(t.date)).y(t=>s(t.y1)).curve($),Vt=At.line().x(t=>a(t.date)).y(t=>s(t.y2)).curve($),Dt=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y1)).y0(t=>s(t.y2)).curve($),St=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y1)).y0(0).curve($),$t=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y2)).y0(0).curve($),kt=s.ticks(tt),Lt=a.ticks(z);return d.useEffect(()=>{const t=I=>{const mt=i[zt.bisectCenter(i.map(Rt=>Rt.date),a.invert(Jt.pointer(I)[0]),1)];st(mt||i[i.length-1]),W?.(mt||i[i.length-1]),A(I.clientY),rt(I.clientX)},v=()=>{st(void 0),rt(void 0),A(void 0),W?.(void 0)};Bt.select(lt.current).on("mousemove",t).on("mouseout",v)},[a,i,W]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(g.motion.svg,{width:`${O}px`,height:`${G}px`,viewBox:`0 0 ${O} ${G}`,direction:"ltr",ref:at,children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${j.left},${j.top})`,children:[e.jsxRuntimeExports.jsx("clipPath",{id:`above${E}`,children:e.jsxRuntimeExports.jsx("path",{d:$t(i),style:{fill:"none"}})}),e.jsxRuntimeExports.jsx("clipPath",{id:`below${E}`,children:e.jsxRuntimeExports.jsx("path",{d:St(i),style:{fill:"none"}})}),e.jsxRuntimeExports.jsx(Wt.HighlightArea,{areaSettings:ct,width:x,height:y,scale:a,animate:n,isInView:r}),e.jsxRuntimeExports.jsx(bt.CustomArea,{areaSettings:xt,scaleX:a,scaleY:s,animate:n,isInView:r}),e.jsxRuntimeExports.jsx("g",{children:e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(Ht.YTicksAndGridLines,{values:kt.filter(t=>t!==0),y:kt.filter(t=>t!==0).map(t=>s(t)),x1:0-R,x2:x+j.right,styles:{gridLines:h?.yAxis?.gridLines,labels:h?.yAxis?.labels},classNames:{gridLines:p?.yAxis?.gridLines,labels:p?.yAxis?.labels},suffix:D,prefix:w,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:S}),e.jsxRuntimeExports.jsx(Ft.Axis,{y1:s(C<0?0:C),y2:s(C<0?0:C),x1:0-R,x2:x+j.right,label:Et.numberFormattingFunction(C<0?0:C,"NA",S,w,D),labelPos:{x:0-R,y:s(C<0?0:C),dx:0,dy:wt<0?"1rem":-5},classNames:{axis:p?.xAxis?.axis,label:p?.yAxis?.labels},styles:{axis:h?.xAxis?.axis,label:h?.yAxis?.labels}}),e.jsxRuntimeExports.jsx(Mt.AxisTitle,{x:0-R-15,y:y/2,style:h?.yAxis?.title,className:p?.yAxis?.title,text:U,rotate90:!0})]})}),e.jsxRuntimeExports.jsx(Pt.XTicksAndGridLines,{values:Lt.map(t=>m.format(t,o)),x:Lt.map(t=>a(t)),y1:0,y2:y,styles:{gridLines:h?.xAxis?.gridLines,labels:h?.xAxis?.labels},classNames:{gridLines:e.mo("opacity-0",p?.xAxis?.gridLines),labels:e.mo("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",p?.xAxis?.labels)},suffix:D,prefix:w,labelType:"primary",showGridLines:!0,precision:S}),nt.filter(t=>t.position==="before").map(t=>t.layer),e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(g.motion.path,{clipPath:`url(#below${E})`,d:Dt(i)||"",style:{fill:Q[1]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:1},whileInView:{opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),e.jsxRuntimeExports.jsx(g.motion.path,{clipPath:`url(#above${E})`,d:Dt(i)||"",style:{fill:Q[0]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"})]}),e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(g.motion.path,{d:vt(i)||"",style:{fill:"none",stroke:f[0],strokeWidth:Z},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:vt(i)||"",opacity:1},whileInView:{pathLength:1,d:vt(i)||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),e.jsxRuntimeExports.jsx(g.motion.path,{style:{fill:"none",stroke:f[1],strokeWidth:Z},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:Vt(i)||"",opacity:1},whileInView:{pathLength:1,d:Vt(i)||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),ft?null:e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(g.motion.text,{style:{fill:f[0]},className:"text-xs",dx:5,dy:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(i[i.length-1].date),y:s(i[i.length-1].y1)},whileInView:{opacity:1,x:a(i[i.length-1].date),y:s(i[i.length-1].y1),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:M[0]},M[0]),e.jsxRuntimeExports.jsx(g.motion.text,{style:{fill:f[1]},className:"text-xs",dx:5,dy:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(i[i.length-1].date),y:s(i[i.length-1].y2)},whileInView:{opacity:1,x:a(i[i.length-1].date),y:s(i[i.length-1].y2),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:M[1]},M[1])]}),q?e.jsxRuntimeExports.jsx("line",{y1:0,y2:y,x1:a(q.date),x2:a(q.date),className:e.mo("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",p?.mouseOverLine),style:h?.mouseOverLine}):null,i.map((t,v)=>e.jsxRuntimeExports.jsxs(g.motion.g,{children:[T.checkIfNullOrUndefined(t.y1)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[_?e.jsxRuntimeExports.jsx(g.motion.circle,{r:x/i.length<5?0:x/i.length<20?2:4,style:{fill:f[0]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:a(t.date),cy:s(t.y1)},whileInView:{opacity:1,transition:{duration:.5,delay:n.duration},cx:a(t.date),cy:s(t.y1)}},initial:"initial",animate:r?"whileInView":"initial"}):null,l?e.jsxRuntimeExports.jsx(g.motion.text,{dy:t.y2<t.y1?-8:"1em",style:{fill:f[0],textAnchor:"middle",...h?.graphObjectValues||{}},className:e.mo("graph-value graph-value-line-1 text-xs font-bold",p?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(t.date),y:s(t.y1)},whileInView:{opacity:1,x:a(t.date),y:s(t.y1),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:Et.numberFormattingFunction(t.y1,"NA",S,w,D)}):null]}),T.checkIfNullOrUndefined(t.y2)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[_?e.jsxRuntimeExports.jsx(g.motion.circle,{r:x/i.length<5?0:x/i.length<20?2:4,style:{fill:f[1]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:a(t.date),cy:s(t.y2)},whileInView:{opacity:1,transition:{duration:c?n.duration:.5,delay:c?0:n.duration},cx:a(t.date),cy:s(t.y2)}},initial:"initial",animate:r?"whileInView":"initial"}):null,l?e.jsxRuntimeExports.jsx(g.motion.text,{dy:t.y2>t.y1?-8:"1em",style:{fill:f[1],textAnchor:"middle",...h?.graphObjectValues||{}},className:e.mo("graph-value graph-value-line-2 text-xs font-bold",p?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(t.date),y:s(t.y2)},whileInView:{opacity:1,x:a(t.date),y:s(t.y2),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:Et.numberFormattingFunction(t.y2,"NA",S,w,D)}):null]})]},v))]}),Y?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Y.map((t,v)=>e.jsxRuntimeExports.jsx(Gt.RefLineY,{text:t.text,color:t.color,y:s(t.value),x1:0-R,x2:x+j.right,classNames:t.classNames,styles:t.styles,animate:n,isInView:r},v))}):null,e.jsxRuntimeExports.jsx("g",{children:L.map((t,v)=>{const I=bt.getLineEndPoint({x:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),y:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8},{x:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date)):0,y:t.yCoordinate?s(t.yCoordinate):0},T.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius),mt=t.showConnector?{y1:I.y,x1:I.x,y2:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0):0+(t.yOffset||0),x2:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),cy:t.yCoordinate?s(t.yCoordinate):0,cx:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date)):0,circleRadius:T.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius,strokeWidth:t.showConnector===!0?2:Math.min(t.showConnector||0,1)}:void 0,Rt={y:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8,x:K?0:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),width:K?t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0):x-(t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0)),maxWidth:t.maxWidth,fontWeight:t.fontWeight,align:t.align};return e.jsxRuntimeExports.jsx(bt.Annotation,{color:t.color,connectorsSettings:mt,labelSettings:Rt,text:t.text,classNames:t.classNames,styles:t.styles,animate:n,isInView:r},v)})}),nt.filter(t=>t.position==="after").map(t=>t.layer),e.jsxRuntimeExports.jsx("rect",{ref:lt,style:{fill:"none",pointerEvents:"all"},width:x,height:y})]})}),q&&H&&ot&&b?e.jsxRuntimeExports.jsx(Tt.Tooltip,{data:q,body:H,xPos:ot,yPos:b,backgroundStyle:h?.tooltip,className:p?.tooltip}):null]})}function ie(dt){const{data:V,graphTitle:O,suffix:G="",sources:f,prefix:D="",graphDescription:w,height:o,width:l,footNote:z,noOfXTicks:yt=10,dateFormat:R="yyyy",showValues:gt=!1,padding:J,lineColors:H=[pt.Colors.light.categoricalColors.colors[0],pt.Colors.light.categoricalColors.colors[1]],backgroundColor:N=!1,leftMargin:W=30,rightMargin:n=50,topMargin:K=20,bottomMargin:ft=25,tooltip:M,highlightAreaSettings:Q=[],relativeHeight:E,onSeriesMouseOver:Z,graphID:_,graphDownload:Y=!1,dataDownload:k=!1,animate:X=!1,language:L="en",minHeight:F=0,labels:U,showColorLegendAtTop:tt=!1,colorLegendTitle:et,diffAreaColors:it=[pt.Colors.alerts.red,pt.Colors.alerts.darkGreen],strokeWidth:P=2,showDots:h=!0,refValues:p=[],minValue:S,maxValue:nt,annotations:at=[],customHighlightAreaSettings:r=[],theme:c="light",ariaLabel:jt,yAxisTitle:$,noOfYTicks:q=5,minDate:st,maxDate:ot,curveType:rt="curve",styles:b,classNames:A,precision:j=2,customLayers:lt=[]}=dt,[i,ct]=d.useState(0),[xt,x]=d.useState(0),y=d.useRef(null),ut=d.useRef(null);return d.useEffect(()=>{const u=new ResizeObserver(B=>{ct(l||B[0].target.clientWidth||620),x(o||B[0].target.clientHeight||480)});return y.current&&(x(y.current.clientHeight||480),ct(y.current.clientWidth||620),l||u.observe(y.current)),()=>u.disconnect()},[l,o]),e.jsxRuntimeExports.jsx("div",{className:`${c||"light"} flex  ${l?"w-fit grow-0":"w-full grow"}`,dir:L==="he"||L==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:e.mo(`${N?N===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${L||"en"}`,A?.graphContainer),style:{...b?.graphContainer||{},...N&&N!==!0?{backgroundColor:N}:{}},id:_,ref:ut,"aria-label":jt||`${O?`The graph shows ${O}. `:""}This is a line chart that highlights the difference between two datasets over time.${w?` ${w}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:N?J||"1rem":J||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[O||w||Y||k?e.jsxRuntimeExports.jsx(Qt.GraphHeader,{styles:{title:b?.title,description:b?.description},classNames:{title:A?.title,description:A?.description},graphTitle:O,graphDescription:w,width:l,graphDownload:Y?ut.current:void 0,dataDownload:k?V.map(u=>u.data).filter(u=>u!==void 0).length>0?V.map(u=>u.data).filter(u=>u!==void 0):V.filter(u=>u!==void 0):null}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:V.length===0?e.jsxRuntimeExports.jsx(te.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[tt?e.jsxRuntimeExports.jsx(Zt.ColorLegend,{colorDomain:U,colorLegendTitle:et,colors:H,showNAColor:!1}):null,e.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:y,"aria-label":"Graph area",children:(l||i)&&(o||xt)?e.jsxRuntimeExports.jsx(ee,{data:V,lineColors:H,colorDomain:U,width:l||i,height:Math.max(F,o||(E?F?(l||i)*E>F?(l||i)*E:F:(l||i)*E:xt)),suffix:G,prefix:D,dateFormat:R,showValues:gt,noOfXTicks:yt,leftMargin:W,rightMargin:n,topMargin:K,bottomMargin:ft,highlightAreaSettings:Q,tooltip:M,onSeriesMouseOver:Z,showColorLegendAtTop:tt,animate:X===!0?{duration:.5,once:!0,amount:.5}:X||{duration:0,once:!0,amount:0},rtl:L==="he"||L==="ar",diffAreaColors:it,idSuffix:_t.generateRandomString(8),strokeWidth:P,showDots:h,refValues:p,minValue:S,maxValue:nt,annotations:at,customHighlightAreaSettings:r,yAxisTitle:$,noOfYTicks:q,minDate:st,maxDate:ot,curveType:rt,styles:b,classNames:A,precision:j,customLayers:lt}):null})]})}),f||z?e.jsxRuntimeExports.jsx(Kt.GraphFooter,{styles:{footnote:b?.footnote,source:b?.source},classNames:{footnote:A?.footnote,source:A?.source},sources:f,footNote:z,width:l}):null]})})})})}exports.DifferenceLineChart=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DDoeWRVt.cjs"),d=require("react"),m=require("./parse-hMnG_lRV.cjs"),qt=require("./index-BzeLQvXk.cjs"),Et=require("./numberFormattingFunction-02t-wJta.cjs"),Tt=require("./Tooltip-n8z5bfav.cjs"),T=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),bt=require("./customArea-CK768gCn.cjs"),Mt=require("./AxisTitle-CK9YeovX.cjs"),Ft=require("./Axis-DE7dSn1_.cjs"),Pt=require("./XTicksAndGridLines-CCzXIV8d.cjs"),Gt=require("./ReferenceLine-CFVBBN__.cjs"),Ht=require("./YTicksAndGridLines-DBDuz6vb.cjs"),Wt=require("./index-DNj994Pv.cjs"),Yt=require("./time-Byw_jYQ7.cjs"),Xt=require("./linear-BVckp9RD.cjs"),At=require("./line-DHV4JwCR.cjs"),ht=require("./step-BZ3C8QFW.cjs"),Ct=require("./area-D3Qx7k7K.cjs"),Ut=require("./select-Bnfk0lJx.cjs"),Bt=require("./init-DU0ybBc_.cjs"),zt=require("./pointer-Dkq5NV1q.cjs"),Jt=require("./use-in-view-sQJZ_xDO.cjs"),g=require("./proxy-BHRoeZgd.cjs"),Kt=require("./GraphFooter.cjs"),Qt=require("./GraphHeader.cjs"),Zt=require("./ColorLegend.cjs"),pt=require("./Colors.cjs"),_t=require("./generateRandomString-B5zBiJzS.cjs"),te=require("./EmptyState-d8_8SxeW.cjs");function ee(dt){const{data:V,width:O,height:G,lineColors:f,suffix:D,prefix:w,dateFormat:o,showValues:l,noOfXTicks:z,rightMargin:yt,leftMargin:R,topMargin:gt,bottomMargin:J,tooltip:H,highlightAreaSettings:N,onSeriesMouseOver:W,animate:n,rtl:K,showColorLegendAtTop:ft,colorDomain:M,diffAreaColors:Q,idSuffix:E,strokeWidth:Z,showDots:_,refValues:Y,minValue:k,maxValue:X,annotations:L,customHighlightAreaSettings:F,yAxisTitle:U,noOfYTicks:tt,minDate:et,maxDate:it,curveType:P,styles:h,classNames:p,precision:S,customLayers:nt}=dt,at=d.useRef(null),r=Jt.useInView(at,{once:n.once,amount:n.amount}),[c,jt]=d.useState(!1);d.useEffect(()=>{if(r&&!c){const t=setTimeout(()=>{jt(!0)},(n.duration+.5)*1e3);return()=>clearTimeout(t)}},[r,c,n.duration]);const $=P==="linear"?At.curveLinear:P==="step"?ht.curveStep:P==="stepAfter"?ht.stepAfter:P==="stepBefore"?ht.stepBefore:ht.monotoneX,[q,st]=d.useState(void 0),[ot,rt]=d.useState(void 0),[b,A]=d.useState(void 0),j={top:gt,bottom:J,left:U?R+30:R,right:yt},lt=d.useRef(null),i=qt.sortBy(V.map(t=>({...t,date:m.parse(`${t.date}`,o,new Date)})),"date"),ct=N.map(t=>({...t,coordinates:[t.coordinates[0]===null?null:m.parse(`${t.coordinates[0]}`,o,new Date),t.coordinates[1]===null?null:m.parse(`${t.coordinates[1]}`,o,new Date)]})),xt=F.map(t=>({...t,coordinates:t.coordinates.map((v,I)=>I%2===0?m.parse(`${v}`,o,new Date):v)})),x=O-j.left-j.right,y=G-j.top-j.bottom,ut=et?m.parse(`${et}`,o,new Date):i[0].date,u=it?m.parse(`${it}`,o,new Date):i[i.length-1].date,B=Math.min(...i.map(t=>t.y1))!==1/0?Math.min(...i.map(t=>t.y1))>0?0:Math.min(...i.map(t=>t.y1)):0,Ot=Math.min(...i.map(t=>t.y2))!==1/0?Math.min(...i.map(t=>t.y2))>0?0:Math.min(...i.map(t=>t.y2)):0,Nt=Math.max(...i.map(t=>t.y1))!==1/0?Math.max(...i.map(t=>t.y1)):0,It=Math.max(...i.map(t=>t.y2))!==1/0?Math.max(...i.map(t=>t.y2)):0,C=T.checkIfNullOrUndefined(k)?B<Ot?B:Ot:k,wt=Nt>It?Nt:It,a=Yt.time().domain([ut,u]).range([0,x]),s=Xt.linear().domain([T.checkIfNullOrUndefined(k)?C:k,T.checkIfNullOrUndefined(X)?wt>0?wt:0:X]).range([y,0]).nice(),vt=At.line().x(t=>a(t.date)).y(t=>s(t.y1)).curve($),Vt=At.line().x(t=>a(t.date)).y(t=>s(t.y2)).curve($),Dt=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y1)).y0(t=>s(t.y2)).curve($),St=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y1)).y0(0).curve($),$t=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y2)).y0(0).curve($),kt=s.ticks(tt),Lt=a.ticks(z);return d.useEffect(()=>{const t=I=>{const mt=i[Bt.bisectCenter(i.map(Rt=>Rt.date),a.invert(zt.pointer(I)[0]),1)];st(mt||i[i.length-1]),W?.(mt||i[i.length-1]),A(I.clientY),rt(I.clientX)},v=()=>{st(void 0),rt(void 0),A(void 0),W?.(void 0)};Ut.select(lt.current).on("mousemove",t).on("mouseout",v)},[a,i,W]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(g.motion.svg,{width:`${O}px`,height:`${G}px`,viewBox:`0 0 ${O} ${G}`,direction:"ltr",ref:at,children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${j.left},${j.top})`,children:[e.jsxRuntimeExports.jsx("clipPath",{id:`above${E}`,children:e.jsxRuntimeExports.jsx("path",{d:$t(i),style:{fill:"none"}})}),e.jsxRuntimeExports.jsx("clipPath",{id:`below${E}`,children:e.jsxRuntimeExports.jsx("path",{d:St(i),style:{fill:"none"}})}),e.jsxRuntimeExports.jsx(Wt.HighlightArea,{areaSettings:ct,width:x,height:y,scale:a,animate:n,isInView:r}),e.jsxRuntimeExports.jsx(bt.CustomArea,{areaSettings:xt,scaleX:a,scaleY:s,animate:n,isInView:r}),e.jsxRuntimeExports.jsx("g",{children:e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(Ht.YTicksAndGridLines,{values:kt.filter(t=>t!==0),y:kt.filter(t=>t!==0).map(t=>s(t)),x1:0-R,x2:x+j.right,styles:{gridLines:h?.yAxis?.gridLines,labels:h?.yAxis?.labels},classNames:{gridLines:p?.yAxis?.gridLines,labels:p?.yAxis?.labels},suffix:D,prefix:w,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:S}),e.jsxRuntimeExports.jsx(Ft.Axis,{y1:s(C<0?0:C),y2:s(C<0?0:C),x1:0-R,x2:x+j.right,label:Et.numberFormattingFunction(C<0?0:C,"NA",S,w,D),labelPos:{x:0-R,y:s(C<0?0:C),dx:0,dy:wt<0?"1rem":-5},classNames:{axis:p?.xAxis?.axis,label:p?.yAxis?.labels},styles:{axis:h?.xAxis?.axis,label:h?.yAxis?.labels}}),e.jsxRuntimeExports.jsx(Mt.AxisTitle,{x:0-R-15,y:y/2,style:h?.yAxis?.title,className:p?.yAxis?.title,text:U,rotate90:!0})]})}),e.jsxRuntimeExports.jsx(Pt.XTicksAndGridLines,{values:Lt.map(t=>m.format(t,o)),x:Lt.map(t=>a(t)),y1:0,y2:y,styles:{gridLines:h?.xAxis?.gridLines,labels:h?.xAxis?.labels},classNames:{gridLines:e.mo("opacity-0",p?.xAxis?.gridLines),labels:e.mo("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",p?.xAxis?.labels)},suffix:D,prefix:w,labelType:"primary",showGridLines:!0,precision:S}),nt.filter(t=>t.position==="before").map(t=>t.layer),e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(g.motion.path,{clipPath:`url(#below${E})`,d:Dt(i)||"",style:{fill:Q[1]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:1},whileInView:{opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),e.jsxRuntimeExports.jsx(g.motion.path,{clipPath:`url(#above${E})`,d:Dt(i)||"",style:{fill:Q[0]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"})]}),e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(g.motion.path,{d:vt(i)||"",style:{fill:"none",stroke:f[0],strokeWidth:Z},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:vt(i)||"",opacity:1},whileInView:{pathLength:1,d:vt(i)||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),e.jsxRuntimeExports.jsx(g.motion.path,{style:{fill:"none",stroke:f[1],strokeWidth:Z},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:Vt(i)||"",opacity:1},whileInView:{pathLength:1,d:Vt(i)||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),ft?null:e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(g.motion.text,{style:{fill:f[0]},className:"text-xs",dx:5,dy:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(i[i.length-1].date),y:s(i[i.length-1].y1)},whileInView:{opacity:1,x:a(i[i.length-1].date),y:s(i[i.length-1].y1),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:M[0]},M[0]),e.jsxRuntimeExports.jsx(g.motion.text,{style:{fill:f[1]},className:"text-xs",dx:5,dy:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(i[i.length-1].date),y:s(i[i.length-1].y2)},whileInView:{opacity:1,x:a(i[i.length-1].date),y:s(i[i.length-1].y2),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:M[1]},M[1])]}),q?e.jsxRuntimeExports.jsx("line",{y1:0,y2:y,x1:a(q.date),x2:a(q.date),className:e.mo("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",p?.mouseOverLine),style:h?.mouseOverLine}):null,i.map((t,v)=>e.jsxRuntimeExports.jsxs(g.motion.g,{children:[T.checkIfNullOrUndefined(t.y1)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[_?e.jsxRuntimeExports.jsx(g.motion.circle,{r:x/i.length<5?0:x/i.length<20?2:4,style:{fill:f[0]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:a(t.date),cy:s(t.y1)},whileInView:{opacity:1,transition:{duration:.5,delay:n.duration},cx:a(t.date),cy:s(t.y1)}},initial:"initial",animate:r?"whileInView":"initial"}):null,l?e.jsxRuntimeExports.jsx(g.motion.text,{dy:t.y2<t.y1?-8:"1em",style:{fill:f[0],textAnchor:"middle",...h?.graphObjectValues||{}},className:e.mo("graph-value graph-value-line-1 text-xs font-bold",p?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(t.date),y:s(t.y1)},whileInView:{opacity:1,x:a(t.date),y:s(t.y1),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:Et.numberFormattingFunction(t.y1,"NA",S,w,D)}):null]}),T.checkIfNullOrUndefined(t.y2)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[_?e.jsxRuntimeExports.jsx(g.motion.circle,{r:x/i.length<5?0:x/i.length<20?2:4,style:{fill:f[1]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:a(t.date),cy:s(t.y2)},whileInView:{opacity:1,transition:{duration:c?n.duration:.5,delay:c?0:n.duration},cx:a(t.date),cy:s(t.y2)}},initial:"initial",animate:r?"whileInView":"initial"}):null,l?e.jsxRuntimeExports.jsx(g.motion.text,{dy:t.y2>t.y1?-8:"1em",style:{fill:f[1],textAnchor:"middle",...h?.graphObjectValues||{}},className:e.mo("graph-value graph-value-line-2 text-xs font-bold",p?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(t.date),y:s(t.y2)},whileInView:{opacity:1,x:a(t.date),y:s(t.y2),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:Et.numberFormattingFunction(t.y2,"NA",S,w,D)}):null]})]},v))]}),Y?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Y.map((t,v)=>e.jsxRuntimeExports.jsx(Gt.RefLineY,{text:t.text,color:t.color,y:s(t.value),x1:0-R,x2:x+j.right,classNames:t.classNames,styles:t.styles,animate:n,isInView:r},v))}):null,e.jsxRuntimeExports.jsx("g",{children:L.map((t,v)=>{const I=bt.getLineEndPoint({x:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),y:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8},{x:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date)):0,y:t.yCoordinate?s(t.yCoordinate):0},T.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius),mt=t.showConnector?{y1:I.y,x1:I.x,y2:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0):0+(t.yOffset||0),x2:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),cy:t.yCoordinate?s(t.yCoordinate):0,cx:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date)):0,circleRadius:T.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius,strokeWidth:t.showConnector===!0?2:Math.min(t.showConnector||0,1)}:void 0,Rt={y:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8,x:K?0:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),width:K?t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0):x-(t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0)),maxWidth:t.maxWidth,fontWeight:t.fontWeight,align:t.align};return e.jsxRuntimeExports.jsx(bt.Annotation,{color:t.color,connectorsSettings:mt,labelSettings:Rt,text:t.text,classNames:t.classNames,styles:t.styles,animate:n,isInView:r},v)})}),nt.filter(t=>t.position==="after").map(t=>t.layer),e.jsxRuntimeExports.jsx("rect",{ref:lt,style:{fill:"none",pointerEvents:"all"},width:x,height:y})]})}),q&&H&&ot&&b?e.jsxRuntimeExports.jsx(Tt.Tooltip,{data:q,body:H,xPos:ot,yPos:b,backgroundStyle:h?.tooltip,className:p?.tooltip}):null]})}function ie(dt){const{data:V,graphTitle:O,suffix:G="",sources:f,prefix:D="",graphDescription:w,height:o,width:l,footNote:z,noOfXTicks:yt=10,dateFormat:R="yyyy",showValues:gt=!1,padding:J,lineColors:H=[pt.Colors.light.categoricalColors.colors[0],pt.Colors.light.categoricalColors.colors[1]],backgroundColor:N=!1,leftMargin:W=30,rightMargin:n=50,topMargin:K=20,bottomMargin:ft=25,tooltip:M,highlightAreaSettings:Q=[],relativeHeight:E,onSeriesMouseOver:Z,graphID:_,graphDownload:Y=!1,dataDownload:k=!1,animate:X=!1,language:L="en",minHeight:F=0,labels:U,showColorLegendAtTop:tt=!1,colorLegendTitle:et,diffAreaColors:it=[pt.Colors.alerts.red,pt.Colors.alerts.darkGreen],strokeWidth:P=2,showDots:h=!0,refValues:p=[],minValue:S,maxValue:nt,annotations:at=[],customHighlightAreaSettings:r=[],theme:c="light",ariaLabel:jt,yAxisTitle:$,noOfYTicks:q=5,minDate:st,maxDate:ot,curveType:rt="curve",styles:b,classNames:A,precision:j=2,customLayers:lt=[]}=dt,[i,ct]=d.useState(0),[xt,x]=d.useState(0),y=d.useRef(null),ut=d.useRef(null);return d.useEffect(()=>{const u=new ResizeObserver(B=>{ct(l||B[0].target.clientWidth||620),x(o||B[0].target.clientHeight||480)});return y.current&&(x(y.current.clientHeight||480),ct(y.current.clientWidth||620),l||u.observe(y.current)),()=>u.disconnect()},[l,o]),e.jsxRuntimeExports.jsx("div",{className:`${c||"light"} flex  ${l?"w-fit grow-0":"w-full grow"}`,dir:L==="he"||L==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:e.mo(`${N?N===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${L||"en"}`,A?.graphContainer),style:{...b?.graphContainer||{},...N&&N!==!0?{backgroundColor:N}:{}},id:_,ref:ut,"aria-label":jt||`${O?`The graph shows ${O}. `:""}This is a line chart that highlights the difference between two datasets over time.${w?` ${w}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:N?J||"1rem":J||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[O||w||Y||k?e.jsxRuntimeExports.jsx(Qt.GraphHeader,{styles:{title:b?.title,description:b?.description},classNames:{title:A?.title,description:A?.description},graphTitle:O,graphDescription:w,width:l,graphDownload:Y?ut.current:void 0,dataDownload:k?V.map(u=>u.data).filter(u=>u!==void 0).length>0?V.map(u=>u.data).filter(u=>u!==void 0):V.filter(u=>u!==void 0):null}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:V.length===0?e.jsxRuntimeExports.jsx(te.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[tt?e.jsxRuntimeExports.jsx(Zt.ColorLegend,{colorDomain:U,colorLegendTitle:et,colors:H,showNAColor:!1}):null,e.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:y,"aria-label":"Graph area",children:(l||i)&&(o||xt)?e.jsxRuntimeExports.jsx(ee,{data:V,lineColors:H,colorDomain:U,width:l||i,height:Math.max(F,o||(E?F?(l||i)*E>F?(l||i)*E:F:(l||i)*E:xt)),suffix:G,prefix:D,dateFormat:R,showValues:gt,noOfXTicks:yt,leftMargin:W,rightMargin:n,topMargin:K,bottomMargin:ft,highlightAreaSettings:Q,tooltip:M,onSeriesMouseOver:Z,showColorLegendAtTop:tt,animate:X===!0?{duration:.5,once:!0,amount:.5}:X||{duration:0,once:!0,amount:0},rtl:L==="he"||L==="ar",diffAreaColors:it,idSuffix:_t.generateRandomString(8),strokeWidth:P,showDots:h,refValues:p,minValue:S,maxValue:nt,annotations:at,customHighlightAreaSettings:r,yAxisTitle:$,noOfYTicks:q,minDate:st,maxDate:ot,curveType:rt,styles:b,classNames:A,precision:j,customLayers:lt}):null})]})}),f||z?e.jsxRuntimeExports.jsx(Kt.GraphFooter,{styles:{footnote:b?.footnote,source:b?.source},classNames:{footnote:A?.footnote,source:A?.source},sources:f,footNote:z,width:l}):null]})})})})}exports.DifferenceLineChart=ie;
 //# sourceMappingURL=DifferenceLineChart.cjs.map

package/dist/DifferenceLineChart.js

@@ -5,23 +5,23 @@ import { s as Rt } from "./index-DxagiOHo.js";
 import { n as Ct } from "./numberFormattingFunction-14YCbkN2.js";
 import { T as Ft } from "./Tooltip-DyM5snqx.js";
 import { c as P } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { C as Gt, g as Wt, A as Yt } from "./customArea-CaxScFmW.js";
+import { C as Gt, g as Wt, A as Yt } from "./customArea-B-dWU0zZ.js";
 import { A as Xt } from "./AxisTitle-BmHLMRJZ.js";
 import { A as Et } from "./Axis-Ddg-seDi.js";
 import { X as Bt } from "./XTicksAndGridLines-Bn9u5gOM.js";
-import { R as zt } from "./ReferenceLine-C1GpoG9d.js";
+import { R as zt } from "./ReferenceLine-CfAW3vKJ.js";
 import { Y as Ut } from "./YTicksAndGridLines-B6ah7CRf.js";
-import { H as qt } from "./index-n_RI8T0n.js";
-import { u as Jt } from "./use-in-view-BAHrBy6b.js";
-import { t as Kt } from "./time-BzJP5SPC.js";
-import { a as Qt } from "./linear-DUdu7l2G.js";
-import { l as Mt, c as Zt } from "./line-CPfhohvF.js";
-import { c as _t, s as ti, a as ii, m as ei } from "./step-BrDul-H4.js";
+import { H as qt } from "./index-Cdcfp4nk.js";
+import { t as Jt } from "./time-BzJP5SPC.js";
+import { a as Kt } from "./linear-DUdu7l2G.js";
+import { l as Mt, c as Qt } from "./line-CPfhohvF.js";
+import { c as Zt, s as _t, a as ti, m as ii } from "./step-BrDul-H4.js";
 import { a as Ot } from "./area-BE2wo7fv.js";
-import { s as ai } from "./select-DKy99ogv.js";
-import { m as p } from "./proxy-DJxJg1kD.js";
-import { a as ni } from "./init-BhZylTFx.js";
-import { p as oi } from "./pointer-CWRWOsrb.js";
+import { s as ei } from "./select-DKy99ogv.js";
+import { a as ai } from "./init-BhZylTFx.js";
+import { p as ni } from "./pointer-CWRWOsrb.js";
+import { u as oi } from "./use-in-view-yS6jzJAp.js";
+import { m as p } from "./proxy-CkpFesk1.js";
 import { GraphFooter as ri } from "./GraphFooter.js";
 import { GraphHeader as si } from "./GraphHeader.js";
 import { ColorLegend as li } from "./ColorLegend.js";
@@ -68,7 +68,7 @@ function hi(pt) {
     classNames: y,
     precision: T,
     customLayers: nt
-  } = pt, ot = ut(null), s = Jt(ot, {
+  } = pt, ot = ut(null), s = oi(ot, {
     once: a.once,
     amount: a.amount
   }), [c, vt] = W(!1);
@@ -83,7 +83,7 @@ function hi(pt) {
       return () => clearTimeout(t);
     }
   }, [s, c, a.duration]);
-  const M = F === "linear" ? Zt : F === "step" ? _t : F === "stepAfter" ? ti : F === "stepBefore" ? ii : ei, [S, rt] = W(void 0), [st, lt] = W(void 0), [A, C] = W(void 0), g = {
+  const M = F === "linear" ? Qt : F === "step" ? Zt : F === "stepAfter" ? _t : F === "stepBefore" ? ti : ii, [S, rt] = W(void 0), [st, lt] = W(void 0), [A, C] = W(void 0), g = {
     top: gt,
     bottom: K,
     left: U ? j + 30 : j,
@@ -105,22 +105,22 @@ function hi(pt) {
     coordinates: t.coordinates.map(
       (v, $) => $ % 2 === 0 ? d(`${v}`, r, /* @__PURE__ */ new Date()) : v
     )
-  })), m = D - g.left - g.right, u = Y - g.top - g.bottom, xt = et ? d(`${et}`, r, /* @__PURE__ */ new Date()) : i[0].date, h = at ? d(`${at}`, r, /* @__PURE__ */ new Date()) : i[i.length - 1].date, q = Math.min(...i.map((t) => t.y1)) !== 1 / 0 ? Math.min(...i.map((t) => t.y1)) > 0 ? 0 : Math.min(...i.map((t) => t.y1)) : 0, Vt = Math.min(...i.map((t) => t.y2)) !== 1 / 0 ? Math.min(...i.map((t) => t.y2)) > 0 ? 0 : Math.min(...i.map((t) => t.y2)) : 0, $t = Math.max(...i.map((t) => t.y1)) !== 1 / 0 ? Math.max(...i.map((t) => t.y1)) : 0, Nt = Math.max(...i.map((t) => t.y2)) !== 1 / 0 ? Math.max(...i.map((t) => t.y2)) : 0, O = P(I) ? q < Vt ? q : Vt : I, jt = $t > Nt ? $t : Nt, n = Kt().domain([xt, h]).range([0, m]), o = Qt().domain([
+  })), m = D - g.left - g.right, u = Y - g.top - g.bottom, xt = et ? d(`${et}`, r, /* @__PURE__ */ new Date()) : i[0].date, h = at ? d(`${at}`, r, /* @__PURE__ */ new Date()) : i[i.length - 1].date, q = Math.min(...i.map((t) => t.y1)) !== 1 / 0 ? Math.min(...i.map((t) => t.y1)) > 0 ? 0 : Math.min(...i.map((t) => t.y1)) : 0, Vt = Math.min(...i.map((t) => t.y2)) !== 1 / 0 ? Math.min(...i.map((t) => t.y2)) > 0 ? 0 : Math.min(...i.map((t) => t.y2)) : 0, $t = Math.max(...i.map((t) => t.y1)) !== 1 / 0 ? Math.max(...i.map((t) => t.y1)) : 0, Nt = Math.max(...i.map((t) => t.y2)) !== 1 / 0 ? Math.max(...i.map((t) => t.y2)) : 0, O = P(I) ? q < Vt ? q : Vt : I, jt = $t > Nt ? $t : Nt, n = Jt().domain([xt, h]).range([0, m]), o = Kt().domain([
     P(I) ? O : I,
     P(z) ? jt > 0 ? jt : 0 : z
   ]).range([u, 0]).nice(), bt = Mt().x((t) => n(t.date)).y((t) => o(t.y1)).curve(M), Lt = Mt().x((t) => n(t.date)).y((t) => o(t.y2)).curve(M), It = Ot().x((t) => n(t.date)).y1((t) => o(t.y1)).y0((t) => o(t.y2)).curve(M), St = Ot().x((t) => n(t.date)).y1((t) => o(t.y1)).y0(0).curve(M), Pt = Ot().x((t) => n(t.date)).y1((t) => o(t.y2)).y0(0).curve(M), kt = o.ticks(it), Tt = n.ticks(J);
   return Dt(() => {
     const t = ($) => {
-      const yt = i[ni(
+      const yt = i[ai(
         i.map((At) => At.date),
-        n.invert(oi($)[0]),
+        n.invert(ni($)[0]),
         1
       )];
       rt(yt || i[i.length - 1]), E?.(yt || i[i.length - 1]), C($.clientY), lt($.clientX);
     }, v = () => {
       rt(void 0), lt(void 0), C(void 0), E?.(void 0);
     };
-    ai(ct.current).on("mousemove", t).on("mouseout", v);
+    ei(ct.current).on("mousemove", t).on("mouseout", v);
   }, [n, i, E]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       p.svg,

package/dist/DonutChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CHPV5EwG-DDoeWRVt.cjs"),G=require("react"),ae=require("./index-BzeLQvXk.cjs"),le=require("./Typography-k-kOjICQ.cjs"),fe=require("./index-BXns0-ng.cjs"),he=require("./Modal-C_dl0EtQ.cjs"),ye=require("./Tooltip-n8z5bfav.cjs"),se=require("./Colors.cjs"),pe=require("./numberFormattingFunction-02t-wJta.cjs"),ve=require("./string2HTML-D2Avudmb.cjs"),S=require("./array-DKbXV8lR.cjs"),je=require("./GraphFooter.cjs"),Re=require("./GraphHeader.cjs"),be=require("./EmptyState-d8_8SxeW.cjs"),ge=Math.abs,$=Math.atan2,V=Math.cos,Ee=Math.max,xe=Math.min,B=Math.sin,te=Math.sqrt,O=1e-12,ie=Math.PI,ce=ie/2,ue=2*ie;function Me(s){return s>1?0:s<-1?ie:Math.acos(s)}function me(s){return s>=1?ce:s<=-1?-ce:Math.asin(s)}function we(s){return s.innerRadius}function Ae(s){return s.outerRadius}function Ne(s){return s.startAngle}function Ce(s){return s.endAngle}function Se(s){return s&&s.padAngle}function De(s,a,v,x,N,b,g,e){var m=v-s,i=x-a,t=g-N,E=e-b,n=E*m-t*i;if(!(n*n<O))return n=(t*(a-b)-E*(s-N))/n,[s+n*m,a+n*i]}function oe(s,a,v,x,N,b,g){var e=s-v,m=a-x,i=(g?b:-b)/te(e*e+m*m),t=i*m,E=-i*e,n=s+t,u=a+E,y=v+t,p=x+E,k=(n+y)/2,c=(u+p)/2,w=y-n,j=p-u,R=w*w+j*j,C=N-b,A=n*p-y*u,q=(j<0?-1:1)*te(Ee(0,C*C*R-A*A)),D=(A*j-w*q)/R,d=(-A*w-j*q)/R,T=(A*j+w*q)/R,M=(-A*w+j*q)/R,f=D-k,r=d-c,o=T-k,z=M-c;return f*f+r*r>o*o+z*z&&(D=T,d=M),{cx:D,cy:d,x01:-t,y01:-E,x11:D*(N/C-1),y11:d*(N/C-1)}}function Te(){var s=we,a=Ae,v=S.constant(0),x=null,N=Ne,b=Ce,g=Se,e=null,m=S.withPath(i);function i(){var t,E,n=+s.apply(this,arguments),u=+a.apply(this,arguments),y=N.apply(this,arguments)-ce,p=b.apply(this,arguments)-ce,k=ge(p-y),c=p>y;if(e||(e=t=m()),u<n&&(E=u,u=n,n=E),!(u>O))e.moveTo(0,0);else if(k>ue-O)e.moveTo(u*V(y),u*B(y)),e.arc(0,0,u,y,p,!c),n>O&&(e.moveTo(n*V(p),n*B(p)),e.arc(0,0,n,p,y,c));else{var w=y,j=p,R=y,C=p,A=k,q=k,D=g.apply(this,arguments)/2,d=D>O&&(x?+x.apply(this,arguments):te(n*n+u*u)),T=xe(ge(u-n)/2,+v.apply(this,arguments)),M=T,f=T,r,o;if(d>O){var z=me(d/n*B(D)),J=me(d/u*B(D));(A-=z*2)>O?(z*=c?1:-1,R+=z,C-=z):(A=0,R=C=(y+p)/2),(q-=J*2)>O?(J*=c?1:-1,w+=J,j-=J):(q=0,w=j=(y+p)/2)}var I=u*V(w),L=u*B(w),K=n*V(C),F=n*B(C);if(T>O){var W=u*V(j),X=u*B(j),Q=n*V(R),U=n*B(R),H;if(k<ie)if(H=De(I,L,Q,U,W,X,K,F)){var Z=I-H[0],ne=L-H[1],_=W-H[0],P=X-H[1],re=1/B(Me((Z*_+ne*P)/(te(Z*Z+ne*ne)*te(_*_+P*P)))/2),Y=te(H[0]*H[0]+H[1]*H[1]);M=xe(T,(n-Y)/(re-1)),f=xe(T,(u-Y)/(re+1))}else M=f=0}q>O?f>O?(r=oe(Q,U,I,L,u,f,c),o=oe(W,X,K,F,u,f,c),e.moveTo(r.cx+r.x01,r.cy+r.y01),f<T?e.arc(r.cx,r.cy,f,$(r.y01,r.x01),$(o.y01,o.x01),!c):(e.arc(r.cx,r.cy,f,$(r.y01,r.x01),$(r.y11,r.x11),!c),e.arc(0,0,u,$(r.cy+r.y11,r.cx+r.x11),$(o.cy+o.y11,o.cx+o.x11),!c),e.arc(o.cx,o.cy,f,$(o.y11,o.x11),$(o.y01,o.x01),!c))):(e.moveTo(I,L),e.arc(0,0,u,w,j,!c)):e.moveTo(I,L),!(n>O)||!(A>O)?e.lineTo(K,F):M>O?(r=oe(K,F,W,X,n,-M,c),o=oe(I,L,Q,U,n,-M,c),e.lineTo(r.cx+r.x01,r.cy+r.y01),M<T?e.arc(r.cx,r.cy,M,$(r.y01,r.x01),$(o.y01,o.x01),!c):(e.arc(r.cx,r.cy,M,$(r.y01,r.x01),$(r.y11,r.x11),!c),e.arc(0,0,n,$(r.cy+r.y11,r.cx+r.x11),$(o.cy+o.y11,o.cx+o.x11),c),e.arc(o.cx,o.cy,M,$(o.y11,o.x11),$(o.y01,o.x01),!c))):e.arc(0,0,n,C,R,c)}if(e.closePath(),t)return e=null,t+""||null}return i.centroid=function(){var t=(+s.apply(this,arguments)+ +a.apply(this,arguments))/2,E=(+N.apply(this,arguments)+ +b.apply(this,arguments))/2-ie/2;return[V(E)*t,B(E)*t]},i.innerRadius=function(t){return arguments.length?(s=typeof t=="function"?t:S.constant(+t),i):s},i.outerRadius=function(t){return arguments.length?(a=typeof t=="function"?t:S.constant(+t),i):a},i.cornerRadius=function(t){return arguments.length?(v=typeof t=="function"?t:S.constant(+t),i):v},i.padRadius=function(t){return arguments.length?(x=t==null?null:typeof t=="function"?t:S.constant(+t),i):x},i.startAngle=function(t){return arguments.length?(N=typeof t=="function"?t:S.constant(+t),i):N},i.endAngle=function(t){return arguments.length?(b=typeof t=="function"?t:S.constant(+t),i):b},i.padAngle=function(t){return arguments.length?(g=typeof t=="function"?t:S.constant(+t),i):g},i.context=function(t){return arguments.length?(e=t??null,i):e},i}function $e(s,a){return a<s?-1:a>s?1:a>=s?0:NaN}function ke(s){return s}function qe(){var s=ke,a=$e,v=null,x=S.constant(0),N=S.constant(ue),b=S.constant(0);function g(e){var m,i=(e=S.array(e)).length,t,E,n=0,u=new Array(i),y=new Array(i),p=+x.apply(this,arguments),k=Math.min(ue,Math.max(-ue,N.apply(this,arguments)-p)),c,w=Math.min(Math.abs(k)/i,b.apply(this,arguments)),j=w*(k<0?-1:1),R;for(m=0;m<i;++m)(R=y[u[m]=m]=+s(e[m],m,e))>0&&(n+=R);for(a!=null?u.sort(function(C,A){return a(y[C],y[A])}):v!=null&&u.sort(function(C,A){return v(e[C],e[A])}),m=0,E=n?(k-i*j)/n:0;m<i;++m,p=c)t=u[m],R=y[t],c=p+(R>0?R*E:0)+j,y[t]={data:e[t],index:m,value:R,startAngle:p,endAngle:c,padAngle:w};return y}return g.value=function(e){return arguments.length?(s=typeof e=="function"?e:S.constant(+e),g):s},g.sortValues=function(e){return arguments.length?(a=e,v=null,g):a},g.sort=function(e){return arguments.length?(v=e,a=null,g):v},g.startAngle=function(e){return arguments.length?(x=typeof e=="function"?e:S.constant(+e),g):x},g.endAngle=function(e){return arguments.length?(N=typeof e=="function"?e:S.constant(+e),g):N},g.padAngle=function(e){return arguments.length?(b=typeof e=="function"?e:S.constant(+e),g):b},g}function Oe(s){const{mainText:a,data:v,radius:x,colors:N,subNote:b,strokeWidth:g,tooltip:e,onSeriesMouseOver:m,onSeriesMouseClick:i,colorDomain:t,resetSelectionOnDoubleClick:E,detailsOnClick:n,styles:u,classNames:y,precision:p}=s,k=qe().sort(null).startAngle(0).value(d=>d.size),[c,w]=G.useState(void 0),[j,R]=G.useState(void 0),[C,A]=G.useState(void 0),[q,D]=G.useState(void 0);return l.jsxRuntimeExports.jsxs(l.jsxRuntimeExports.Fragment,{children:[l.jsxRuntimeExports.jsx("svg",{width:`${x*2}px`,height:`${x*2}px`,viewBox:`0 0 ${x*2} ${x*2}`,direction:"ltr",children:l.jsxRuntimeExports.jsxs("g",{transform:`translate(${x} ${x})`,children:[a||b?l.jsxRuntimeExports.jsx("foreignObject",{y:0-(x-g),x:0-(x-g),width:2*(x-g),height:2*(x-g),children:l.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4",children:[a?l.jsxRuntimeExports.jsx(le.f,{marginBottom:"none",className:"donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center",children:typeof a=="string"?a:v.findIndex(d=>d.label===a.label)!==-1?pe.numberFormattingFunction(v[v.findIndex(d=>d.label===a.label)].size,"NA",p,a.prefix,a.suffix):"NA"}):null,b?l.jsxRuntimeExports.jsx(le.u,{marginBottom:"none",size:"base",leading:"none",className:"donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",children:b}):typeof a=="string"||!a?null:l.jsxRuntimeExports.jsx(le.u,{size:"base",marginBottom:"none",leading:"none",className:"donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",children:a.label})]})}):null,k(v).map((d,T)=>l.jsxRuntimeExports.jsx("path",{d:Te()({innerRadius:x-g,outerRadius:x,startAngle:d.startAngle,endAngle:d.endAngle}),style:{fill:t.indexOf(d.data.label)!==-1?N[t.indexOf(d.data.label)%N.length]:se.Colors.gray,opacity:c?c.label===d.data.label?1:.3:1},onMouseEnter:M=>{w(d.data),D(M.clientY),A(M.clientX),m?.(d)},onClick:()=>{(i||n)&&(fe.isEqual(j,d.data)&&E?(R(void 0),i?.(void 0)):(R(d.data),i&&i(d.data)))},onMouseMove:M=>{w(d.data),D(M.clientY),A(M.clientX)},onMouseLeave:()=>{w(void 0),A(void 0),D(void 0),m?.(void 0)}},T))]})}),c&&e&&C&&q?l.jsxRuntimeExports.jsx(ye.Tooltip,{data:c,body:e,xPos:C,yPos:q,backgroundStyle:u?.tooltip,className:y?.tooltip}):null,n&&j!==void 0?l.jsxRuntimeExports.jsx(he.X,{open:j!==void 0,onClose:()=>{R(void 0)},children:l.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof n=="string"?{__html:ve.string2HTML(n,j)}:void 0,children:typeof n=="function"?n(j):null})}):null]})}function He(s){const{mainText:a,graphTitle:v,colors:x=se.Colors.light.categoricalColors.colors,suffix:N="",sources:b,prefix:g="",strokeWidth:e=50,graphDescription:m,subNote:i,footNote:t,radius:E,data:n,showColorScale:u=!0,padding:y,backgroundColor:p=!1,tooltip:k,onSeriesMouseOver:c,graphID:w,onSeriesMouseClick:j,topMargin:R=0,bottomMargin:C=0,graphDownload:A=!1,dataDownload:q=!1,colorDomain:D,sortData:d,language:T="en",theme:M="light",width:f,height:r,minHeight:o=0,relativeHeight:z,ariaLabel:J,resetSelectionOnDoubleClick:I=!0,colorScaleMaxWidth:L,detailsOnClick:K,styles:F,classNames:W,precision:X=2}=s,[Q,U]=G.useState(0),[H,Z]=G.useState(0),[ne,_]=G.useState(0),P=G.useRef(null),re=G.useRef(null);G.useEffect(()=>{const h=new ResizeObserver(ee=>{Z(f||ee[0].target.clientWidth||420),_(r||ee[0].target.clientHeight||420),U((Math.min(f||ee[0].target.clientWidth||620,r||ee[0].target.clientHeight||480)||420)/2)});return P.current&&(_(P.current.clientHeight||420),Z(P.current.clientWidth||420),U((Math.min(P.current.clientWidth,P.current.clientHeight)||420)/2),(!f||!E)&&h.observe(P.current)),()=>h.disconnect()},[f,r,E]);const Y=d==="asc"?ae.sortBy(n,h=>h.size):d==="desc"?ae.sortBy(n,h=>h.size).reverse():n;return l.jsxRuntimeExports.jsx("div",{className:`${M||"light"} flex  ${f?"w-fit grow-0":"w-full grow"}`,dir:T==="he"||T==="ar"?"rtl":void 0,children:l.jsxRuntimeExports.jsx("div",{className:l.mo(`${p?p===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${T||"en"}`,W?.graphContainer),style:{...F?.graphContainer||{},minHeight:"inherit",...p&&p!==!0?{backgroundColor:p}:{}},id:w,ref:re,"aria-label":J||`${v?`The graph shows ${v}. `:""}This is a donut or pie chart chart. ${m?` ${m}`:""}`,children:l.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:p?y||"1rem":y||0},children:l.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2 w-full grow justify-between",children:[v||m||A||q?l.jsxRuntimeExports.jsx(Re.GraphHeader,{styles:{title:F?.title,description:F?.description},classNames:{title:W?.title,description:W?.description},graphTitle:v,graphDescription:m,width:f,graphDownload:A?re.current:void 0,dataDownload:q?n.map(h=>h.data).filter(h=>h!==void 0).length>0?n.map(h=>h.data).filter(h=>h!==void 0):n.filter(h=>h!==void 0):null}):null,l.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center items-stretch gap-8 flex-wrap",style:{width:f?`${f}px`:"100%",padding:`${R}px 0 ${C}px 0`},children:n.length===0?l.jsxRuntimeExports.jsx(be.EmptyState,{}):l.jsxRuntimeExports.jsxs(l.jsxRuntimeExports.Fragment,{children:[u?l.jsxRuntimeExports.jsx("div",{className:"leading-0","aria-label":"Color legend",children:l.jsxRuntimeExports.jsx("div",{className:"flex mb-0 ml-auto mr-auto justify-center gap-3.5 flex-wrap",style:{maxWidth:L},children:Y.map((h,ee)=>l.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[l.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:(D||Y.map(de=>de.label)).indexOf(h.label)!==-1?(x||se.Colors[M].categoricalColors.colors)[(D||Y.map(de=>de.label)).indexOf(h.label)%(x||se.Colors[M].categoricalColors.colors).length]:se.Colors.gray}}),l.jsxRuntimeExports.jsxs(le.u,{marginBottom:"none",size:"sm",className:"text-primary-gray-700 dark:text-primary-gray-100",children:[h.label,":"," ",l.jsxRuntimeExports.jsx("span",{className:"font-bold",style:{fontSize:"inherit"},children:pe.numberFormattingFunction(h.size,"NA",X,g,N)})]})]},ee))})}):null,l.jsxRuntimeExports.jsx("div",{className:`flex ${f?"grow-0":"grow"} items-center justify-center leading-0`,style:{width:f?`${f}px`:"100%",height:r?`${Math.max(o,r||(z?o?(f||H)*z>o?(f||H)*z:o:(f||H)*z:ne))}px`:"auto"},ref:P,"aria-label":"Graph area",children:l.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center leading-0",children:E||Q?l.jsxRuntimeExports.jsx(Oe,{mainText:a,data:d==="asc"?ae.sortBy(n,h=>h.size):d==="desc"?ae.sortBy(n,h=>h.size).reverse():n,colors:x,radius:E||Q,subNote:i,strokeWidth:e,tooltip:k,colorDomain:D||Y.map(h=>h.label),onSeriesMouseOver:c,onSeriesMouseClick:j,resetSelectionOnDoubleClick:I,styles:F,detailsOnClick:K,precision:X}):null})})]})}),b||t?l.jsxRuntimeExports.jsx(je.GraphFooter,{styles:{footnote:F?.footnote,source:F?.source},classNames:{footnote:W?.footnote,source:W?.source},sources:b,footNote:t,width:f}):l.jsxRuntimeExports.jsx("div",{})]})})})})}exports.DonutChart=He;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CHPV5EwG-DDoeWRVt.cjs"),G=require("react"),ae=require("./index-BzeLQvXk.cjs"),le=require("./Typography-k-kOjICQ.cjs"),fe=require("./index-BXns0-ng.cjs"),he=require("./Modal-tXZlLE5s.cjs"),ye=require("./Tooltip-n8z5bfav.cjs"),se=require("./Colors.cjs"),pe=require("./numberFormattingFunction-02t-wJta.cjs"),ve=require("./string2HTML-D2Avudmb.cjs"),S=require("./array-DKbXV8lR.cjs"),je=require("./GraphFooter.cjs"),Re=require("./GraphHeader.cjs"),be=require("./EmptyState-d8_8SxeW.cjs"),ge=Math.abs,$=Math.atan2,V=Math.cos,Ee=Math.max,xe=Math.min,B=Math.sin,te=Math.sqrt,O=1e-12,ie=Math.PI,ce=ie/2,ue=2*ie;function Me(s){return s>1?0:s<-1?ie:Math.acos(s)}function me(s){return s>=1?ce:s<=-1?-ce:Math.asin(s)}function we(s){return s.innerRadius}function Ae(s){return s.outerRadius}function Ne(s){return s.startAngle}function Ce(s){return s.endAngle}function Se(s){return s&&s.padAngle}function De(s,a,v,x,N,b,g,e){var m=v-s,i=x-a,t=g-N,E=e-b,n=E*m-t*i;if(!(n*n<O))return n=(t*(a-b)-E*(s-N))/n,[s+n*m,a+n*i]}function oe(s,a,v,x,N,b,g){var e=s-v,m=a-x,i=(g?b:-b)/te(e*e+m*m),t=i*m,E=-i*e,n=s+t,u=a+E,y=v+t,p=x+E,k=(n+y)/2,c=(u+p)/2,w=y-n,j=p-u,R=w*w+j*j,C=N-b,A=n*p-y*u,q=(j<0?-1:1)*te(Ee(0,C*C*R-A*A)),D=(A*j-w*q)/R,d=(-A*w-j*q)/R,T=(A*j+w*q)/R,M=(-A*w+j*q)/R,f=D-k,r=d-c,o=T-k,z=M-c;return f*f+r*r>o*o+z*z&&(D=T,d=M),{cx:D,cy:d,x01:-t,y01:-E,x11:D*(N/C-1),y11:d*(N/C-1)}}function Te(){var s=we,a=Ae,v=S.constant(0),x=null,N=Ne,b=Ce,g=Se,e=null,m=S.withPath(i);function i(){var t,E,n=+s.apply(this,arguments),u=+a.apply(this,arguments),y=N.apply(this,arguments)-ce,p=b.apply(this,arguments)-ce,k=ge(p-y),c=p>y;if(e||(e=t=m()),u<n&&(E=u,u=n,n=E),!(u>O))e.moveTo(0,0);else if(k>ue-O)e.moveTo(u*V(y),u*B(y)),e.arc(0,0,u,y,p,!c),n>O&&(e.moveTo(n*V(p),n*B(p)),e.arc(0,0,n,p,y,c));else{var w=y,j=p,R=y,C=p,A=k,q=k,D=g.apply(this,arguments)/2,d=D>O&&(x?+x.apply(this,arguments):te(n*n+u*u)),T=xe(ge(u-n)/2,+v.apply(this,arguments)),M=T,f=T,r,o;if(d>O){var z=me(d/n*B(D)),J=me(d/u*B(D));(A-=z*2)>O?(z*=c?1:-1,R+=z,C-=z):(A=0,R=C=(y+p)/2),(q-=J*2)>O?(J*=c?1:-1,w+=J,j-=J):(q=0,w=j=(y+p)/2)}var I=u*V(w),L=u*B(w),K=n*V(C),F=n*B(C);if(T>O){var W=u*V(j),X=u*B(j),Q=n*V(R),U=n*B(R),H;if(k<ie)if(H=De(I,L,Q,U,W,X,K,F)){var Z=I-H[0],ne=L-H[1],_=W-H[0],P=X-H[1],re=1/B(Me((Z*_+ne*P)/(te(Z*Z+ne*ne)*te(_*_+P*P)))/2),Y=te(H[0]*H[0]+H[1]*H[1]);M=xe(T,(n-Y)/(re-1)),f=xe(T,(u-Y)/(re+1))}else M=f=0}q>O?f>O?(r=oe(Q,U,I,L,u,f,c),o=oe(W,X,K,F,u,f,c),e.moveTo(r.cx+r.x01,r.cy+r.y01),f<T?e.arc(r.cx,r.cy,f,$(r.y01,r.x01),$(o.y01,o.x01),!c):(e.arc(r.cx,r.cy,f,$(r.y01,r.x01),$(r.y11,r.x11),!c),e.arc(0,0,u,$(r.cy+r.y11,r.cx+r.x11),$(o.cy+o.y11,o.cx+o.x11),!c),e.arc(o.cx,o.cy,f,$(o.y11,o.x11),$(o.y01,o.x01),!c))):(e.moveTo(I,L),e.arc(0,0,u,w,j,!c)):e.moveTo(I,L),!(n>O)||!(A>O)?e.lineTo(K,F):M>O?(r=oe(K,F,W,X,n,-M,c),o=oe(I,L,Q,U,n,-M,c),e.lineTo(r.cx+r.x01,r.cy+r.y01),M<T?e.arc(r.cx,r.cy,M,$(r.y01,r.x01),$(o.y01,o.x01),!c):(e.arc(r.cx,r.cy,M,$(r.y01,r.x01),$(r.y11,r.x11),!c),e.arc(0,0,n,$(r.cy+r.y11,r.cx+r.x11),$(o.cy+o.y11,o.cx+o.x11),c),e.arc(o.cx,o.cy,M,$(o.y11,o.x11),$(o.y01,o.x01),!c))):e.arc(0,0,n,C,R,c)}if(e.closePath(),t)return e=null,t+""||null}return i.centroid=function(){var t=(+s.apply(this,arguments)+ +a.apply(this,arguments))/2,E=(+N.apply(this,arguments)+ +b.apply(this,arguments))/2-ie/2;return[V(E)*t,B(E)*t]},i.innerRadius=function(t){return arguments.length?(s=typeof t=="function"?t:S.constant(+t),i):s},i.outerRadius=function(t){return arguments.length?(a=typeof t=="function"?t:S.constant(+t),i):a},i.cornerRadius=function(t){return arguments.length?(v=typeof t=="function"?t:S.constant(+t),i):v},i.padRadius=function(t){return arguments.length?(x=t==null?null:typeof t=="function"?t:S.constant(+t),i):x},i.startAngle=function(t){return arguments.length?(N=typeof t=="function"?t:S.constant(+t),i):N},i.endAngle=function(t){return arguments.length?(b=typeof t=="function"?t:S.constant(+t),i):b},i.padAngle=function(t){return arguments.length?(g=typeof t=="function"?t:S.constant(+t),i):g},i.context=function(t){return arguments.length?(e=t??null,i):e},i}function $e(s,a){return a<s?-1:a>s?1:a>=s?0:NaN}function ke(s){return s}function qe(){var s=ke,a=$e,v=null,x=S.constant(0),N=S.constant(ue),b=S.constant(0);function g(e){var m,i=(e=S.array(e)).length,t,E,n=0,u=new Array(i),y=new Array(i),p=+x.apply(this,arguments),k=Math.min(ue,Math.max(-ue,N.apply(this,arguments)-p)),c,w=Math.min(Math.abs(k)/i,b.apply(this,arguments)),j=w*(k<0?-1:1),R;for(m=0;m<i;++m)(R=y[u[m]=m]=+s(e[m],m,e))>0&&(n+=R);for(a!=null?u.sort(function(C,A){return a(y[C],y[A])}):v!=null&&u.sort(function(C,A){return v(e[C],e[A])}),m=0,E=n?(k-i*j)/n:0;m<i;++m,p=c)t=u[m],R=y[t],c=p+(R>0?R*E:0)+j,y[t]={data:e[t],index:m,value:R,startAngle:p,endAngle:c,padAngle:w};return y}return g.value=function(e){return arguments.length?(s=typeof e=="function"?e:S.constant(+e),g):s},g.sortValues=function(e){return arguments.length?(a=e,v=null,g):a},g.sort=function(e){return arguments.length?(v=e,a=null,g):v},g.startAngle=function(e){return arguments.length?(x=typeof e=="function"?e:S.constant(+e),g):x},g.endAngle=function(e){return arguments.length?(N=typeof e=="function"?e:S.constant(+e),g):N},g.padAngle=function(e){return arguments.length?(b=typeof e=="function"?e:S.constant(+e),g):b},g}function Oe(s){const{mainText:a,data:v,radius:x,colors:N,subNote:b,strokeWidth:g,tooltip:e,onSeriesMouseOver:m,onSeriesMouseClick:i,colorDomain:t,resetSelectionOnDoubleClick:E,detailsOnClick:n,styles:u,classNames:y,precision:p}=s,k=qe().sort(null).startAngle(0).value(d=>d.size),[c,w]=G.useState(void 0),[j,R]=G.useState(void 0),[C,A]=G.useState(void 0),[q,D]=G.useState(void 0);return l.jsxRuntimeExports.jsxs(l.jsxRuntimeExports.Fragment,{children:[l.jsxRuntimeExports.jsx("svg",{width:`${x*2}px`,height:`${x*2}px`,viewBox:`0 0 ${x*2} ${x*2}`,direction:"ltr",children:l.jsxRuntimeExports.jsxs("g",{transform:`translate(${x} ${x})`,children:[a||b?l.jsxRuntimeExports.jsx("foreignObject",{y:0-(x-g),x:0-(x-g),width:2*(x-g),height:2*(x-g),children:l.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4",children:[a?l.jsxRuntimeExports.jsx(le.f,{marginBottom:"none",className:"donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center",children:typeof a=="string"?a:v.findIndex(d=>d.label===a.label)!==-1?pe.numberFormattingFunction(v[v.findIndex(d=>d.label===a.label)].size,"NA",p,a.prefix,a.suffix):"NA"}):null,b?l.jsxRuntimeExports.jsx(le.u,{marginBottom:"none",size:"base",leading:"none",className:"donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",children:b}):typeof a=="string"||!a?null:l.jsxRuntimeExports.jsx(le.u,{size:"base",marginBottom:"none",leading:"none",className:"donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",children:a.label})]})}):null,k(v).map((d,T)=>l.jsxRuntimeExports.jsx("path",{d:Te()({innerRadius:x-g,outerRadius:x,startAngle:d.startAngle,endAngle:d.endAngle}),style:{fill:t.indexOf(d.data.label)!==-1?N[t.indexOf(d.data.label)%N.length]:se.Colors.gray,opacity:c?c.label===d.data.label?1:.3:1},onMouseEnter:M=>{w(d.data),D(M.clientY),A(M.clientX),m?.(d)},onClick:()=>{(i||n)&&(fe.isEqual(j,d.data)&&E?(R(void 0),i?.(void 0)):(R(d.data),i&&i(d.data)))},onMouseMove:M=>{w(d.data),D(M.clientY),A(M.clientX)},onMouseLeave:()=>{w(void 0),A(void 0),D(void 0),m?.(void 0)}},T))]})}),c&&e&&C&&q?l.jsxRuntimeExports.jsx(ye.Tooltip,{data:c,body:e,xPos:C,yPos:q,backgroundStyle:u?.tooltip,className:y?.tooltip}):null,n&&j!==void 0?l.jsxRuntimeExports.jsx(he.X,{open:j!==void 0,onClose:()=>{R(void 0)},children:l.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof n=="string"?{__html:ve.string2HTML(n,j)}:void 0,children:typeof n=="function"?n(j):null})}):null]})}function He(s){const{mainText:a,graphTitle:v,colors:x=se.Colors.light.categoricalColors.colors,suffix:N="",sources:b,prefix:g="",strokeWidth:e=50,graphDescription:m,subNote:i,footNote:t,radius:E,data:n,showColorScale:u=!0,padding:y,backgroundColor:p=!1,tooltip:k,onSeriesMouseOver:c,graphID:w,onSeriesMouseClick:j,topMargin:R=0,bottomMargin:C=0,graphDownload:A=!1,dataDownload:q=!1,colorDomain:D,sortData:d,language:T="en",theme:M="light",width:f,height:r,minHeight:o=0,relativeHeight:z,ariaLabel:J,resetSelectionOnDoubleClick:I=!0,colorScaleMaxWidth:L,detailsOnClick:K,styles:F,classNames:W,precision:X=2}=s,[Q,U]=G.useState(0),[H,Z]=G.useState(0),[ne,_]=G.useState(0),P=G.useRef(null),re=G.useRef(null);G.useEffect(()=>{const h=new ResizeObserver(ee=>{Z(f||ee[0].target.clientWidth||420),_(r||ee[0].target.clientHeight||420),U((Math.min(f||ee[0].target.clientWidth||620,r||ee[0].target.clientHeight||480)||420)/2)});return P.current&&(_(P.current.clientHeight||420),Z(P.current.clientWidth||420),U((Math.min(P.current.clientWidth,P.current.clientHeight)||420)/2),(!f||!E)&&h.observe(P.current)),()=>h.disconnect()},[f,r,E]);const Y=d==="asc"?ae.sortBy(n,h=>h.size):d==="desc"?ae.sortBy(n,h=>h.size).reverse():n;return l.jsxRuntimeExports.jsx("div",{className:`${M||"light"} flex  ${f?"w-fit grow-0":"w-full grow"}`,dir:T==="he"||T==="ar"?"rtl":void 0,children:l.jsxRuntimeExports.jsx("div",{className:l.mo(`${p?p===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${T||"en"}`,W?.graphContainer),style:{...F?.graphContainer||{},minHeight:"inherit",...p&&p!==!0?{backgroundColor:p}:{}},id:w,ref:re,"aria-label":J||`${v?`The graph shows ${v}. `:""}This is a donut or pie chart chart. ${m?` ${m}`:""}`,children:l.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:p?y||"1rem":y||0},children:l.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2 w-full grow justify-between",children:[v||m||A||q?l.jsxRuntimeExports.jsx(Re.GraphHeader,{styles:{title:F?.title,description:F?.description},classNames:{title:W?.title,description:W?.description},graphTitle:v,graphDescription:m,width:f,graphDownload:A?re.current:void 0,dataDownload:q?n.map(h=>h.data).filter(h=>h!==void 0).length>0?n.map(h=>h.data).filter(h=>h!==void 0):n.filter(h=>h!==void 0):null}):null,l.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center items-stretch gap-8 flex-wrap",style:{width:f?`${f}px`:"100%",padding:`${R}px 0 ${C}px 0`},children:n.length===0?l.jsxRuntimeExports.jsx(be.EmptyState,{}):l.jsxRuntimeExports.jsxs(l.jsxRuntimeExports.Fragment,{children:[u?l.jsxRuntimeExports.jsx("div",{className:"leading-0","aria-label":"Color legend",children:l.jsxRuntimeExports.jsx("div",{className:"flex mb-0 ml-auto mr-auto justify-center gap-3.5 flex-wrap",style:{maxWidth:L},children:Y.map((h,ee)=>l.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[l.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:(D||Y.map(de=>de.label)).indexOf(h.label)!==-1?(x||se.Colors[M].categoricalColors.colors)[(D||Y.map(de=>de.label)).indexOf(h.label)%(x||se.Colors[M].categoricalColors.colors).length]:se.Colors.gray}}),l.jsxRuntimeExports.jsxs(le.u,{marginBottom:"none",size:"sm",className:"text-primary-gray-700 dark:text-primary-gray-100",children:[h.label,":"," ",l.jsxRuntimeExports.jsx("span",{className:"font-bold",style:{fontSize:"inherit"},children:pe.numberFormattingFunction(h.size,"NA",X,g,N)})]})]},ee))})}):null,l.jsxRuntimeExports.jsx("div",{className:`flex ${f?"grow-0":"grow"} items-center justify-center leading-0`,style:{width:f?`${f}px`:"100%",height:r?`${Math.max(o,r||(z?o?(f||H)*z>o?(f||H)*z:o:(f||H)*z:ne))}px`:"auto"},ref:P,"aria-label":"Graph area",children:l.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center leading-0",children:E||Q?l.jsxRuntimeExports.jsx(Oe,{mainText:a,data:d==="asc"?ae.sortBy(n,h=>h.size):d==="desc"?ae.sortBy(n,h=>h.size).reverse():n,colors:x,radius:E||Q,subNote:i,strokeWidth:e,tooltip:k,colorDomain:D||Y.map(h=>h.label),onSeriesMouseOver:c,onSeriesMouseClick:j,resetSelectionOnDoubleClick:I,styles:F,detailsOnClick:K,precision:X}):null})})]})}),b||t?l.jsxRuntimeExports.jsx(je.GraphFooter,{styles:{footnote:F?.footnote,source:F?.source},classNames:{footnote:W?.footnote,source:W?.source},sources:b,footNote:t,width:f}):l.jsxRuntimeExports.jsx("div",{})]})})})})}exports.DonutChart=He;
 //# sourceMappingURL=DonutChart.cjs.map

package/dist/DonutChart.js

@@ -3,7 +3,7 @@ import { useState as V, useRef as fe, useEffect as ye } from "react";
 import { s as se } from "./index-DxagiOHo.js";
 import { f as ve, u as ge } from "./Typography-Ctgfl1J5.js";
 import { i as be } from "./index-27yTRcko.js";
-import { X as je } from "./Modal-CUU6ZK3U.js";
+import { X as je } from "./Modal-DVVwpKhP.js";
 import { T as we } from "./Tooltip-DyM5snqx.js";
 import { Colors as ae } from "./Colors.js";
 import { n as pe } from "./numberFormattingFunction-14YCbkN2.js";

package/dist/DotDensityMap.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-DDoeWRVt.cjs"),n=require("react"),be=require("./index-CZbIGs8q.cjs"),Ee=require("./parse-hMnG_lRV.cjs"),ye=require("./getSliderMarks-CtsEXiLV.cjs"),ke=require("./Spinner-DA6Z5E4n.cjs"),Ce=require("./index-BXns0-ng.cjs"),$=require("./zoom-Lo7IAUfC.cjs"),De=require("./Modal-C_dl0EtQ.cjs"),Se=require("./Typography-k-kOjICQ.cjs"),Ne=require("./Tooltip-n8z5bfav.cjs"),R=require("./Colors.cjs"),$e=require("./string2HTML-D2Avudmb.cjs"),ve=require("./index-BW_-wD2k.cjs"),Me=require("./use-in-view-BCmzDU2O.cjs"),Oe=require("./pow-B5-jkdHU.cjs"),je=require("./select-Bnfk0lJx.cjs"),de=require("./proxy-PQd2AItT.cjs"),qe=require("./index-DVOJ7vxH.cjs"),Pe=require("./GraphFooter.cjs"),Ie=require("./GraphHeader.cjs"),Le=require("./fetchAndParseData-DmgQtB9n.cjs"),we=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Te=require("./init-DU0ybBc_.cjs");function ze(me){const{data:l,colors:c,mapData:k,colorLegendTitle:M,colorDomain:j,radius:v,height:m,width:a,scale:K,centerPoint:O,tooltip:Z,showLabels:pe,mapBorderWidth:J,mapBorderColor:Q,mapNoDataColor:H,onSeriesMouseOver:ee,showColorScale:xe,zoomScaleExtend:C,zoomTranslateExtend:he,highlightedDataPoints:te,onSeriesMouseClick:B,resetSelectionOnDoubleClick:g,detailsOnClick:D,styles:re,classNames:ge,mapProjection:T,zoomInteraction:q,animate:f,dimmedOpacity:oe,customLayers:ae,maxRadiusValue:ie}=me,[A,se]=n.useState(void 0),[F,h]=n.useState(!(a<680)),z=n.useRef(null),[P,G]=n.useState(void 0),[ne,y]=n.useState(void 0),[b,U]=n.useState(void 0),[le,V]=n.useState(void 0),I=n.useRef(null),X=Me.useInView(I,{once:f.once,amount:f.amount}),_=n.useRef(null),d=l.filter(e=>e.radius===void 0||e.radius===null).length!==l.length?Oe.sqrt().domain([0,ie]).range([.25,v]).nice():void 0;n.useEffect(()=>{const e=je.select(_.current),x=je.select(I.current),o=i=>{if(q==="noZoom")return!1;if(q==="button")return!i.type.includes("wheel");const t=i.type==="wheel",u=i.type.startsWith("touch"),w=i.type==="mousedown"||i.type==="mousemove";return u?!0:t?q==="scroll"?!0:i.ctrlKey:w&&!i.button&&!i.ctrlKey},E=$.zoom().scaleExtent(C).translateExtent(he||[[-20,-20],[a+20,m+20]]).filter(o).on("zoom",({transform:i})=>{e.attr("transform",i)});x.call(E),z.current=E},[m,a,q]);const p=$.turf_bbox_default(k),S=$.turf_centroid_default(k),Y=p[2]-p[0],ce=p[3]-p[1],L=a*190/960*360/Y,fe=m*190/678*180/ce,s=K*Math.min(L,fe),N=T==="mercator"?$.geoMercator().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s):T==="equalEarth"?$.geoEqualEarth().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s):T==="naturalEarth"?$.geoNaturalEarth1().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s):T==="orthographic"?$.geoOrthographic().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s):$.geoAlbersUsa().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s),W=e=>{if(!I.current||!z.current)return;je.select(I.current).call(z.current.scaleBy,e==="in"?1.2:1/1.2)};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r.jsxRuntimeExports.jsx(de.motion.svg,{width:`${a}px`,height:`${m}px`,viewBox:`0 0 ${a} ${m}`,ref:I,direction:"ltr",children:r.jsxRuntimeExports.jsxs("g",{ref:_,children:[ae.filter(e=>e.position==="before").map(e=>e.layer),k.features.map((e,x)=>r.jsxRuntimeExports.jsx("g",{children:e.geometry.type==="MultiPolygon"?e.geometry.coordinates.map((o,E)=>{let i="";return o.forEach(t=>{let u=" M";t.forEach((w,Re)=>{const ue=N([w[0],w[1]]);Re!==t.length-1?u=`${u}${ue[0]} ${ue[1]}L`:u=`${u}${ue[0]} ${ue[1]}`}),i+=u}),r.jsxRuntimeExports.jsx("path",{d:i,style:{stroke:Q,strokeWidth:J,fill:H}},E)}):e.geometry.coordinates.map((o,E)=>{let i="M";return o.forEach((t,u)=>{const w=N([t[0],t[1]]);u!==o.length-1?i=`${i}${w[0]} ${w[1]}L`:i=`${i}${w[0]} ${w[1]}`}),r.jsxRuntimeExports.jsx("path",{d:i,style:{stroke:Q,strokeWidth:J,fill:H}},E)})},x)),r.jsxRuntimeExports.jsx(qe.AnimatePresence,{children:l.map(e=>{const x=l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray;return r.jsxRuntimeExports.jsxs(de.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:A?A===x?1:oe:te.length!==0?te.indexOf(e.label||"")!==-1?1:oe:1,transition:{duration:f.duration}}},initial:"initial",animate:X?"whileInView":"initial",exit:{opacity:0,transition:{duration:f.duration}},onMouseEnter:o=>{y(e),V(o.clientY),U(o.clientX),ee?.(e)},onMouseMove:o=>{y(e),V(o.clientY),U(o.clientX)},onMouseLeave:()=>{y(void 0),U(void 0),V(void 0),ee?.(void 0)},onClick:()=>{(B||D)&&(Ce.isEqual(P,e)&&g?(G(void 0),B?.(void 0)):(G(e),B?.(e)))},transform:`translate(${N([e.long,e.lat])[0]},${N([e.long,e.lat])[1]})`,children:[r.jsxRuntimeExports.jsx(de.motion.circle,{cx:0,cy:0,variants:{initial:{r:0,fill:l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray,stroke:l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray},whileInView:{r:d?d(e.radius||0):v,fill:l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray,stroke:l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray,transition:{duration:f.duration}}},initial:"initial",animate:X?"whileInView":"initial",exit:{r:0,transition:{duration:f.duration}},style:{fillOpacity:.8}}),pe&&e.label?r.jsxRuntimeExports.jsx(de.motion.text,{variants:{initial:{opacity:0,x:d?d(e.radius||0):v},whileInView:{opacity:1,x:d?d(e.radius||0):v,transition:{duration:f.duration}}},initial:"initial",animate:X?"whileInView":"initial",exit:{opacity:0,transition:{duration:f.duration}},y:0,className:"fill-primary-gray-600 dark:fill-primary-gray-300 text-sm",style:{textAnchor:"start"},dx:4,dy:5,children:e.label}):null]},e.label||`${e.lat}-${e.long}`)})}),ae.filter(e=>e.position==="after").map(e=>e.layer)]})}),l.filter(e=>e.color).length===0||xe===!1?null:r.jsxRuntimeExports.jsx("div",{className:"absolute left-4 bottom-4",children:F?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx("div",{style:{backgroundColor:"rgba(240,240,240, 0.7)",border:"1px solid var(--gray-400)",borderRadius:"999px",width:"24px",height:"24px",padding:"3px",cursor:"pointer",zIndex:10,position:"absolute",right:"-0.75rem",top:"-0.75rem"},onClick:()=>{h(!1)},children:r.jsxRuntimeExports.jsx(ve.X,{})}),r.jsxRuntimeExports.jsxs("div",{className:"p-2",style:{backgroundColor:"rgba(240,240,240, 0.7)"},children:[M&&M!==""?r.jsxRuntimeExports.jsx("p",{className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:M}):null,r.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:j.map((e,x)=>r.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{se(c[x%c.length])},onMouseLeave:()=>{se(void 0)},children:[r.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:c[x%c.length]}}),r.jsxRuntimeExports.jsx(Se.u,{size:"sm",marginBottom:"none",leading:"none",children:e})]},x))})]})]}):r.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start",onClick:()=>{h(!0)},children:r.jsxRuntimeExports.jsx("div",{className:"items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-550 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}),q==="button"&&r.jsxRuntimeExports.jsxs("div",{className:"absolute left-4 top-4 flex flex-col",children:[r.jsxRuntimeExports.jsx("button",{onClick:()=>W("in"),className:"leading-0 px-2 py-3.5 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"+"}),r.jsxRuntimeExports.jsx("button",{onClick:()=>W("out"),className:"leading-0 px-2 py-3.5 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"–"})]})]}),D&&P!==void 0?r.jsxRuntimeExports.jsx(De.X,{open:P!==void 0,onClose:()=>{G(void 0)},children:r.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof D=="string"?{__html:$e.string2HTML(D,P)}:void 0,children:typeof D=="function"?D(P):null})}):null,ne&&Z&&b&&le?r.jsxRuntimeExports.jsx(Ne.Tooltip,{data:ne,body:Z,xPos:b,yPos:le,backgroundStyle:re?.tooltip,className:ge?.tooltip}):null]})}function Ve(me){const{data:l,mapData:c="https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json",graphTitle:k,colors:M,sources:j,graphDescription:v,height:m,width:a,footNote:K="The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.",colorLegendTitle:O,colorDomain:Z,radius:pe=5,scale:J=.95,centerPoint:Q,padding:H,mapBorderWidth:ee=.5,mapNoDataColor:xe=R.Colors.light.graphNoData,backgroundColor:C=!1,showLabels:he=!1,mapBorderColor:te=R.Colors.light.grays["gray-500"],tooltip:B,relativeHeight:g,onSeriesMouseOver:D,isWorldMap:re=!0,showColorScale:ge=!0,zoomScaleExtend:T=[.8,6],zoomTranslateExtend:q,graphID:f,highlightedDataPoints:oe=[],onSeriesMouseClick:ae,graphDownload:ie=!1,dataDownload:A=!1,showAntarctica:se=!1,language:F="en",minHeight:h=0,theme:z="light",ariaLabel:P,resetSelectionOnDoubleClick:G=!0,detailsOnClick:ne,styles:y,classNames:b,mapProjection:U,zoomInteraction:le="button",animate:V=!1,dimmedOpacity:I=.3,customLayers:X=[],maxRadiusValue:_,timeline:d={enabled:!1,autoplay:!1,showOnlyActiveDate:!0}}=me,[p,S]=n.useState(0),[Y,ce]=n.useState(0),[L,fe]=n.useState(d.autoplay),s=ye.sort(be.uniqBy(l.filter(t=>t.date!==void 0&&t.date!==null),t=>t.date).map(t=>Ee.parse(`${t.date}`,d.dateFormat||"yyyy",new Date).getTime()),(t,u)=>Te.ascending(t,u)),[N,W]=n.useState(d.autoplay?0:s.length-1),[e,x]=n.useState(void 0),o=n.useRef(null),E=n.useRef(null);n.useEffect(()=>{const t=new ResizeObserver(u=>{S(a||u[0].target.clientWidth||760),ce(m||u[0].target.clientHeight||480)});return o.current&&(ce(o.current.clientHeight||480),S(o.current.clientWidth||760),a||t.observe(o.current)),()=>t.disconnect()},[a,m]),n.useEffect(()=>{typeof c=="string"?Le.fetchAndParseJSON(c).then(u=>{x(u)}):x(c)},[c]),n.useEffect(()=>{const t=setInterval(()=>{W(u=>u<s.length-1?u+1:0)},(d.speed||2)*1e3);return L||clearInterval(t),()=>clearInterval(t)},[s,L,d.speed]);const i=ye.getSliderMarks(s,N,d.showOnlyActiveDate,d.dateFormat||"yyyy");return r.jsxRuntimeExports.jsx("div",{className:`${z||"light"} flex  ${a?"w-fit grow-0":"w-full grow"}`,dir:F==="he"||F==="ar"?"rtl":void 0,children:r.jsxRuntimeExports.jsx("div",{className:r.mo(`${C?C===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${F||"en"}`,b?.graphContainer),style:{...y?.graphContainer||{},...C&&C!==!0?{backgroundColor:C}:{}},id:f,ref:E,"aria-label":P||`${k?`The graph shows ${k}. `:""}This is a dot density map showing the distribution of a variable across a region or world, with each dot representing a data point.${v?` ${v}`:""}`,children:r.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:C?H||"1rem":H||0},children:r.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[k||v||ie||A?r.jsxRuntimeExports.jsx(Ie.GraphHeader,{styles:{title:y?.title,description:y?.description},classNames:{title:b?.title,description:b?.description},graphTitle:k,graphDescription:v,width:a,graphDownload:ie?E.current:void 0,dataDownload:A?l.map(t=>t.data).filter(t=>t!==void 0).length>0?l.map(t=>t.data).filter(t=>t!==void 0):l.filter(t=>t!==void 0):null}):null,d.enabled&&s.length>0&&i?r.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[r.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{fe(!L)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":L?"Click to pause animation":"Click to play animation",children:L?r.jsxRuntimeExports.jsx(ve.Pause,{}):r.jsxRuntimeExports.jsx(ve.Play,{})}),r.jsxRuntimeExports.jsx(ye.xr,{min:s[0],max:s[s.length-1],marks:i,step:null,defaultValue:s[s.length-1],value:s[N],onChangeComplete:t=>{W(s.indexOf(t))},onChange:t=>{W(s.indexOf(t))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,r.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:o,"aria-label":"Map area",children:(a||p)&&(m||Y)&&e?r.jsxRuntimeExports.jsx(ze,{data:l.filter(t=>d.enabled?t.date===Ee.format(new Date(s[N]),d.dateFormat||"yyyy"):t),mapData:se?e:{...e,features:e.features.filter(t=>t.properties.NAME!=="Antarctica")},colorDomain:l.filter(t=>t.color).length===0?[]:Z||be.uniqBy(l.filter(t=>!we.checkIfNullOrUndefined(t.color)),"color").map(t=>`${t.color}`),width:a||p,height:Math.max(h,m||(g?h?(a||p)*g>h?(a||p)*g:h:(a||p)*g:Y)),scale:J,centerPoint:Q,colors:l.filter(t=>t.color).length===0?M?[M]:[R.Colors.primaryColors["blue-600"]]:M||R.Colors[z].categoricalColors.colors,colorLegendTitle:O,radius:pe,mapBorderWidth:ee,mapNoDataColor:xe,mapBorderColor:te,tooltip:B,onSeriesMouseOver:D,showLabels:he,isWorldMap:re,showColorScale:ge,zoomScaleExtend:T,zoomTranslateExtend:q,onSeriesMouseClick:ae,highlightedDataPoints:oe,resetSelectionOnDoubleClick:G,styles:y,classNames:b,zoomInteraction:le,detailsOnClick:ne,mapProjection:U||(re?"naturalEarth":"mercator"),animate:V===!0?{duration:.5,once:!0,amount:.5}:V||{duration:0,once:!0,amount:0},dimmedOpacity:I,customLayers:X,maxRadiusValue:we.checkIfNullOrUndefined(_)?Math.max(...l.map(t=>t.radius).filter(t=>t!=null)):_}):r.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(h,m||(g?h?(a||p)*g>h?(a||p)*g:h:(a||p)*g:Y))}px`},className:"flex items-center justify-center",children:r.jsxRuntimeExports.jsx(ke.y,{"aria-label":"Loading graph"})})}),j||K?r.jsxRuntimeExports.jsx(Pe.GraphFooter,{styles:{footnote:y?.footnote,source:y?.source},classNames:{footnote:b?.footnote,source:b?.source},sources:j,footNote:K,width:a}):null]})})})})}exports.DotDensityMap=Ve;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-DDoeWRVt.cjs"),n=require("react"),be=require("./index-CZbIGs8q.cjs"),Ee=require("./parse-hMnG_lRV.cjs"),ye=require("./getSliderMarks-CtsEXiLV.cjs"),ke=require("./Spinner-DA6Z5E4n.cjs"),Ce=require("./index-BXns0-ng.cjs"),$=require("./zoom-Lo7IAUfC.cjs"),De=require("./Modal-tXZlLE5s.cjs"),Se=require("./Typography-k-kOjICQ.cjs"),Ne=require("./Tooltip-n8z5bfav.cjs"),R=require("./Colors.cjs"),$e=require("./string2HTML-D2Avudmb.cjs"),ve=require("./index-BW_-wD2k.cjs"),Me=require("./pow-B5-jkdHU.cjs"),je=require("./select-Bnfk0lJx.cjs"),Oe=require("./use-in-view-sQJZ_xDO.cjs"),de=require("./proxy-BHRoeZgd.cjs"),qe=require("./index-BW8iNx7E.cjs"),Pe=require("./GraphFooter.cjs"),Ie=require("./GraphHeader.cjs"),Le=require("./fetchAndParseData-CQyVGCul.cjs"),we=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Te=require("./init-DU0ybBc_.cjs");function ze(me){const{data:l,colors:c,mapData:k,colorLegendTitle:M,colorDomain:j,radius:v,height:m,width:a,scale:K,centerPoint:O,tooltip:Z,showLabels:pe,mapBorderWidth:J,mapBorderColor:Q,mapNoDataColor:H,onSeriesMouseOver:ee,showColorScale:xe,zoomScaleExtend:C,zoomTranslateExtend:he,highlightedDataPoints:te,onSeriesMouseClick:B,resetSelectionOnDoubleClick:g,detailsOnClick:D,styles:re,classNames:ge,mapProjection:T,zoomInteraction:q,animate:f,dimmedOpacity:oe,customLayers:ae,maxRadiusValue:ie}=me,[A,se]=n.useState(void 0),[F,h]=n.useState(!(a<680)),z=n.useRef(null),[P,G]=n.useState(void 0),[ne,y]=n.useState(void 0),[b,U]=n.useState(void 0),[le,V]=n.useState(void 0),I=n.useRef(null),X=Oe.useInView(I,{once:f.once,amount:f.amount}),_=n.useRef(null),d=l.filter(e=>e.radius===void 0||e.radius===null).length!==l.length?Me.sqrt().domain([0,ie]).range([.25,v]).nice():void 0;n.useEffect(()=>{const e=je.select(_.current),x=je.select(I.current),o=i=>{if(q==="noZoom")return!1;if(q==="button")return!i.type.includes("wheel");const t=i.type==="wheel",u=i.type.startsWith("touch"),w=i.type==="mousedown"||i.type==="mousemove";return u?!0:t?q==="scroll"?!0:i.ctrlKey:w&&!i.button&&!i.ctrlKey},E=$.zoom().scaleExtent(C).translateExtent(he||[[-20,-20],[a+20,m+20]]).filter(o).on("zoom",({transform:i})=>{e.attr("transform",i)});x.call(E),z.current=E},[m,a,q]);const p=$.turf_bbox_default(k),S=$.turf_centroid_default(k),Y=p[2]-p[0],ce=p[3]-p[1],L=a*190/960*360/Y,fe=m*190/678*180/ce,s=K*Math.min(L,fe),N=T==="mercator"?$.geoMercator().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s):T==="equalEarth"?$.geoEqualEarth().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s):T==="naturalEarth"?$.geoNaturalEarth1().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s):T==="orthographic"?$.geoOrthographic().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s):$.geoAlbersUsa().rotate([0,0]).center(O||S.geometry.coordinates).translate([a/2,m/2]).scale(s),W=e=>{if(!I.current||!z.current)return;je.select(I.current).call(z.current.scaleBy,e==="in"?1.2:1/1.2)};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r.jsxRuntimeExports.jsx(de.motion.svg,{width:`${a}px`,height:`${m}px`,viewBox:`0 0 ${a} ${m}`,ref:I,direction:"ltr",children:r.jsxRuntimeExports.jsxs("g",{ref:_,children:[ae.filter(e=>e.position==="before").map(e=>e.layer),k.features.map((e,x)=>r.jsxRuntimeExports.jsx("g",{children:e.geometry.type==="MultiPolygon"?e.geometry.coordinates.map((o,E)=>{let i="";return o.forEach(t=>{let u=" M";t.forEach((w,Re)=>{const ue=N([w[0],w[1]]);Re!==t.length-1?u=`${u}${ue[0]} ${ue[1]}L`:u=`${u}${ue[0]} ${ue[1]}`}),i+=u}),r.jsxRuntimeExports.jsx("path",{d:i,style:{stroke:Q,strokeWidth:J,fill:H}},E)}):e.geometry.coordinates.map((o,E)=>{let i="M";return o.forEach((t,u)=>{const w=N([t[0],t[1]]);u!==o.length-1?i=`${i}${w[0]} ${w[1]}L`:i=`${i}${w[0]} ${w[1]}`}),r.jsxRuntimeExports.jsx("path",{d:i,style:{stroke:Q,strokeWidth:J,fill:H}},E)})},x)),r.jsxRuntimeExports.jsx(qe.AnimatePresence,{children:l.map(e=>{const x=l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray;return r.jsxRuntimeExports.jsxs(de.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:A?A===x?1:oe:te.length!==0?te.indexOf(e.label||"")!==-1?1:oe:1,transition:{duration:f.duration}}},initial:"initial",animate:X?"whileInView":"initial",exit:{opacity:0,transition:{duration:f.duration}},onMouseEnter:o=>{y(e),V(o.clientY),U(o.clientX),ee?.(e)},onMouseMove:o=>{y(e),V(o.clientY),U(o.clientX)},onMouseLeave:()=>{y(void 0),U(void 0),V(void 0),ee?.(void 0)},onClick:()=>{(B||D)&&(Ce.isEqual(P,e)&&g?(G(void 0),B?.(void 0)):(G(e),B?.(e)))},transform:`translate(${N([e.long,e.lat])[0]},${N([e.long,e.lat])[1]})`,children:[r.jsxRuntimeExports.jsx(de.motion.circle,{cx:0,cy:0,variants:{initial:{r:0,fill:l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray,stroke:l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray},whileInView:{r:d?d(e.radius||0):v,fill:l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray,stroke:l.filter(o=>o.color).length===0?c[0]:e.color?c[j.indexOf(`${e.color}`)]:R.Colors.gray,transition:{duration:f.duration}}},initial:"initial",animate:X?"whileInView":"initial",exit:{r:0,transition:{duration:f.duration}},style:{fillOpacity:.8}}),pe&&e.label?r.jsxRuntimeExports.jsx(de.motion.text,{variants:{initial:{opacity:0,x:d?d(e.radius||0):v},whileInView:{opacity:1,x:d?d(e.radius||0):v,transition:{duration:f.duration}}},initial:"initial",animate:X?"whileInView":"initial",exit:{opacity:0,transition:{duration:f.duration}},y:0,className:"fill-primary-gray-600 dark:fill-primary-gray-300 text-sm",style:{textAnchor:"start"},dx:4,dy:5,children:e.label}):null]},e.label||`${e.lat}-${e.long}`)})}),ae.filter(e=>e.position==="after").map(e=>e.layer)]})}),l.filter(e=>e.color).length===0||xe===!1?null:r.jsxRuntimeExports.jsx("div",{className:"absolute left-4 bottom-4",children:F?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx("div",{style:{backgroundColor:"rgba(240,240,240, 0.7)",border:"1px solid var(--gray-400)",borderRadius:"999px",width:"24px",height:"24px",padding:"3px",cursor:"pointer",zIndex:10,position:"absolute",right:"-0.75rem",top:"-0.75rem"},onClick:()=>{h(!1)},children:r.jsxRuntimeExports.jsx(ve.X,{})}),r.jsxRuntimeExports.jsxs("div",{className:"p-2",style:{backgroundColor:"rgba(240,240,240, 0.7)"},children:[M&&M!==""?r.jsxRuntimeExports.jsx("p",{className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:M}):null,r.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:j.map((e,x)=>r.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{se(c[x%c.length])},onMouseLeave:()=>{se(void 0)},children:[r.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:c[x%c.length]}}),r.jsxRuntimeExports.jsx(Se.u,{size:"sm",marginBottom:"none",leading:"none",children:e})]},x))})]})]}):r.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start",onClick:()=>{h(!0)},children:r.jsxRuntimeExports.jsx("div",{className:"items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-550 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}),q==="button"&&r.jsxRuntimeExports.jsxs("div",{className:"absolute left-4 top-4 flex flex-col",children:[r.jsxRuntimeExports.jsx("button",{onClick:()=>W("in"),className:"leading-0 px-2 py-3.5 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"+"}),r.jsxRuntimeExports.jsx("button",{onClick:()=>W("out"),className:"leading-0 px-2 py-3.5 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"–"})]})]}),D&&P!==void 0?r.jsxRuntimeExports.jsx(De.X,{open:P!==void 0,onClose:()=>{G(void 0)},children:r.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof D=="string"?{__html:$e.string2HTML(D,P)}:void 0,children:typeof D=="function"?D(P):null})}):null,ne&&Z&&b&&le?r.jsxRuntimeExports.jsx(Ne.Tooltip,{data:ne,body:Z,xPos:b,yPos:le,backgroundStyle:re?.tooltip,className:ge?.tooltip}):null]})}function Ve(me){const{data:l,mapData:c="https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json",graphTitle:k,colors:M,sources:j,graphDescription:v,height:m,width:a,footNote:K="The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.",colorLegendTitle:O,colorDomain:Z,radius:pe=5,scale:J=.95,centerPoint:Q,padding:H,mapBorderWidth:ee=.5,mapNoDataColor:xe=R.Colors.light.graphNoData,backgroundColor:C=!1,showLabels:he=!1,mapBorderColor:te=R.Colors.light.grays["gray-500"],tooltip:B,relativeHeight:g,onSeriesMouseOver:D,isWorldMap:re=!0,showColorScale:ge=!0,zoomScaleExtend:T=[.8,6],zoomTranslateExtend:q,graphID:f,highlightedDataPoints:oe=[],onSeriesMouseClick:ae,graphDownload:ie=!1,dataDownload:A=!1,showAntarctica:se=!1,language:F="en",minHeight:h=0,theme:z="light",ariaLabel:P,resetSelectionOnDoubleClick:G=!0,detailsOnClick:ne,styles:y,classNames:b,mapProjection:U,zoomInteraction:le="button",animate:V=!1,dimmedOpacity:I=.3,customLayers:X=[],maxRadiusValue:_,timeline:d={enabled:!1,autoplay:!1,showOnlyActiveDate:!0}}=me,[p,S]=n.useState(0),[Y,ce]=n.useState(0),[L,fe]=n.useState(d.autoplay),s=ye.sort(be.uniqBy(l.filter(t=>t.date!==void 0&&t.date!==null),t=>t.date).map(t=>Ee.parse(`${t.date}`,d.dateFormat||"yyyy",new Date).getTime()),(t,u)=>Te.ascending(t,u)),[N,W]=n.useState(d.autoplay?0:s.length-1),[e,x]=n.useState(void 0),o=n.useRef(null),E=n.useRef(null);n.useEffect(()=>{const t=new ResizeObserver(u=>{S(a||u[0].target.clientWidth||760),ce(m||u[0].target.clientHeight||480)});return o.current&&(ce(o.current.clientHeight||480),S(o.current.clientWidth||760),a||t.observe(o.current)),()=>t.disconnect()},[a,m]),n.useEffect(()=>{typeof c=="string"?Le.fetchAndParseJSON(c).then(u=>{x(u)}):x(c)},[c]),n.useEffect(()=>{const t=setInterval(()=>{W(u=>u<s.length-1?u+1:0)},(d.speed||2)*1e3);return L||clearInterval(t),()=>clearInterval(t)},[s,L,d.speed]);const i=ye.getSliderMarks(s,N,d.showOnlyActiveDate,d.dateFormat||"yyyy");return r.jsxRuntimeExports.jsx("div",{className:`${z||"light"} flex  ${a?"w-fit grow-0":"w-full grow"}`,dir:F==="he"||F==="ar"?"rtl":void 0,children:r.jsxRuntimeExports.jsx("div",{className:r.mo(`${C?C===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${F||"en"}`,b?.graphContainer),style:{...y?.graphContainer||{},...C&&C!==!0?{backgroundColor:C}:{}},id:f,ref:E,"aria-label":P||`${k?`The graph shows ${k}. `:""}This is a dot density map showing the distribution of a variable across a region or world, with each dot representing a data point.${v?` ${v}`:""}`,children:r.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:C?H||"1rem":H||0},children:r.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[k||v||ie||A?r.jsxRuntimeExports.jsx(Ie.GraphHeader,{styles:{title:y?.title,description:y?.description},classNames:{title:b?.title,description:b?.description},graphTitle:k,graphDescription:v,width:a,graphDownload:ie?E.current:void 0,dataDownload:A?l.map(t=>t.data).filter(t=>t!==void 0).length>0?l.map(t=>t.data).filter(t=>t!==void 0):l.filter(t=>t!==void 0):null}):null,d.enabled&&s.length>0&&i?r.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[r.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{fe(!L)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":L?"Click to pause animation":"Click to play animation",children:L?r.jsxRuntimeExports.jsx(ve.Pause,{}):r.jsxRuntimeExports.jsx(ve.Play,{})}),r.jsxRuntimeExports.jsx(ye.xr,{min:s[0],max:s[s.length-1],marks:i,step:null,defaultValue:s[s.length-1],value:s[N],onChangeComplete:t=>{W(s.indexOf(t))},onChange:t=>{W(s.indexOf(t))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,r.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:o,"aria-label":"Map area",children:(a||p)&&(m||Y)&&e?r.jsxRuntimeExports.jsx(ze,{data:l.filter(t=>d.enabled?t.date===Ee.format(new Date(s[N]),d.dateFormat||"yyyy"):t),mapData:se?e:{...e,features:e.features.filter(t=>t.properties.NAME!=="Antarctica")},colorDomain:l.filter(t=>t.color).length===0?[]:Z||be.uniqBy(l.filter(t=>!we.checkIfNullOrUndefined(t.color)),"color").map(t=>`${t.color}`),width:a||p,height:Math.max(h,m||(g?h?(a||p)*g>h?(a||p)*g:h:(a||p)*g:Y)),scale:J,centerPoint:Q,colors:l.filter(t=>t.color).length===0?M?[M]:[R.Colors.primaryColors["blue-600"]]:M||R.Colors[z].categoricalColors.colors,colorLegendTitle:O,radius:pe,mapBorderWidth:ee,mapNoDataColor:xe,mapBorderColor:te,tooltip:B,onSeriesMouseOver:D,showLabels:he,isWorldMap:re,showColorScale:ge,zoomScaleExtend:T,zoomTranslateExtend:q,onSeriesMouseClick:ae,highlightedDataPoints:oe,resetSelectionOnDoubleClick:G,styles:y,classNames:b,zoomInteraction:le,detailsOnClick:ne,mapProjection:U||(re?"naturalEarth":"mercator"),animate:V===!0?{duration:.5,once:!0,amount:.5}:V||{duration:0,once:!0,amount:0},dimmedOpacity:I,customLayers:X,maxRadiusValue:we.checkIfNullOrUndefined(_)?Math.max(...l.map(t=>t.radius).filter(t=>t!=null)):_}):r.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(h,m||(g?h?(a||p)*g>h?(a||p)*g:h:(a||p)*g:Y))}px`},className:"flex items-center justify-center",children:r.jsxRuntimeExports.jsx(ke.y,{"aria-label":"Loading graph"})})}),j||K?r.jsxRuntimeExports.jsx(Pe.GraphFooter,{styles:{footnote:y?.footnote,source:y?.source},classNames:{footnote:b?.footnote,source:b?.source},sources:j,footNote:K,width:a}):null]})})})})}exports.DotDensityMap=Ve;
 //# sourceMappingURL=DotDensityMap.cjs.map