@undp/data-viz 2.6.0 → 2.6.1

package/dist/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../src/Components/Graphs/DataTable/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport isEqual from 'fast-deep-equal';\r\nimport { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  DataTableColumnDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  FilterIcon,\r\n  FilterIconApplied,\r\n  SortingIcon,\r\n  SortingIconAscending,\r\n  SortingIconDescending,\r\n} from '@/Components/Icons';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects. If the data have a object for ket `rowStyle` then that is use to style the row of the table. */\r\n  data: object[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Minimum width of the table as string in px */\r\n  minWidth?: string;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Column settings for each column shown in the table. */\r\n  columnData: DataTableColumnDataType[];\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Callback for mouse click event */\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nconst TotalWidth = (columns: (number | undefined)[]) => {\r\n  const columnWidth = columns.map(d => d || 1);\r\n  const sum = columnWidth.reduce((acc, cur) => acc + cur, 0);\r\n  return sum;\r\n};\r\n\r\nexport function DataTable(props: Props) {\r\n  const {\r\n    width,\r\n    height,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    graphID,\r\n    data,\r\n    columnData,\r\n    onSeriesMouseClick,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    backgroundColor = false,\r\n    padding,\r\n    resetSelectionOnDoubleClick = true,\r\n    styles,\r\n    classNames,\r\n    minWidth,\r\n    naLabel = 'NA',\r\n  } = props;\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const [columnSortBy, setColumnSortBy] = useState<string | undefined>(undefined);\r\n\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');\r\n  const [popupVisible, setPopupVisible] = useState<string | undefined>(undefined);\r\n  const [popupStyle, setPopupStyle] = useState({});\r\n  const [filterOption, setFilterOption] = useState(\r\n    columnData\r\n      .filter(d => d.filterOptions && d.filterOptions.length > 0)\r\n      .map(d => ({ id: d.columnId, option: d.filterOptions as string[] })),\r\n  );\r\n  const [sortedData, setSortedData] = useState(data);\r\n\r\n  const sortDataEvent = useEffectEvent((data: object[]) => {\r\n    setSortedData(data);\r\n  });\r\n\r\n  useEffect(() => {\r\n    const dataFiltered: any = [];\r\n\r\n    data.forEach((d: any) => {\r\n      let filter = true;\r\n      filterOption.forEach(el => {\r\n        if (\r\n          typeof d[el.id] !== 'object' &&\r\n          typeof d[el.id] !== 'function' &&\r\n          typeof d[el.id] !== 'symbol'\r\n        ) {\r\n          if (columnData[columnData.findIndex(cd => cd.columnId === el.id)].separator) {\r\n            const arr = d[el.id].split(\r\n              columnData[columnData.findIndex(cd => cd.columnId === el.id)].separator,\r\n            );\r\n            if (intersection(arr, el.option).length === 0) filter = false;\r\n          } else if (el.option.indexOf(d[el.id]) === -1) filter = false;\r\n        }\r\n      });\r\n      if (filter) dataFiltered.push(d);\r\n    });\r\n    if (columnSortBy && data) {\r\n      sortDataEvent(orderBy(dataFiltered, [columnSortBy], [sortDirection]));\r\n    } else {\r\n      sortDataEvent(dataFiltered);\r\n    }\r\n  }, [columnSortBy, sortDirection, data, filterOption, columnData]);\r\n\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      width={width}\r\n      height={height}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <div className='grow flex flex-col justify-center'>\r\n        <div\r\n          className='undp-scrollbar'\r\n          style={{\r\n            width: width ? `${width}px` : '100%',\r\n            height: height ? `${height}px` : 'auto',\r\n          }}\r\n        >\r\n          <div style={minWidth ? { minWidth } : undefined}>\r\n            {data ? (\r\n              <table className='w-full' style={{ borderCollapse: 'collapse' }}>\r\n                <thead className='text-left bg-primary-gray-300 dark:bg-primary-gray-550'>\r\n                  <tr>\r\n                    {columnData?.map((d, i) => (\r\n                      <th\r\n                        className='text-primary-gray-700 dark:text-primary-gray-100 text-sm'\r\n                        style={{\r\n                          width: `calc(${\r\n                            (100 * (d.columnWidth || 1)) /\r\n                            TotalWidth(columnData.map(cd => cd.columnWidth || 1))\r\n                          }%`,\r\n                        }}\r\n                        key={i}\r\n                      >\r\n                        <div className='flex gap-2 justify-between items-center p-4'>\r\n                          <P\r\n                            size='sm'\r\n                            marginBottom='none'\r\n                            className={`w-fit grow text-${d.align || 'left'} font-bold`}\r\n                          >\r\n                            {d.columnTitle || d.columnId}\r\n                          </P>\r\n                          {d.sortable ? (\r\n                            <button\r\n                              type='button'\r\n                              className='bg-transparent cursor-pointer p-0 m-0 border-0'\r\n                              onClick={() => {\r\n                                if (columnSortBy === d.columnId) {\r\n                                  if (sortDirection === 'asc') {\r\n                                    setSortDirection('desc');\r\n                                  }\r\n                                  if (sortDirection === 'desc') {\r\n                                    setColumnSortBy(undefined);\r\n                                  }\r\n                                } else {\r\n                                  setColumnSortBy(d.columnId);\r\n                                  setSortDirection('asc');\r\n                                }\r\n                              }}\r\n                            >\r\n                              {columnSortBy === d.columnId ? (\r\n                                sortDirection === 'asc' ? (\r\n                                  <SortingIconAscending />\r\n                                ) : (\r\n                                  <SortingIconDescending />\r\n                                )\r\n                              ) : (\r\n                                <SortingIcon />\r\n                              )}\r\n                            </button>\r\n                          ) : null}\r\n                          {d.filterOptions && d.filterOptions.length ? (\r\n                            <button\r\n                              type='button'\r\n                              className='bg-transparent cursor-pointer m-0 p-0 border-0'\r\n                              onClick={event => {\r\n                                if (popupVisible === d.columnId) {\r\n                                  setPopupVisible(undefined);\r\n                                } else if (event.currentTarget) {\r\n                                  setPopupVisible(d.columnId);\r\n                                  const rect = event.currentTarget.getBoundingClientRect();\r\n                                  setPopupStyle({\r\n                                    top: rect.bottom + window.scrollY,\r\n                                    left:\r\n                                      rect.left + window.scrollX - 160 < 0\r\n                                        ? rect.left + window.scrollX\r\n                                        : rect.left + window.scrollX - 160,\r\n                                    width: '10rem',\r\n                                  });\r\n                                }\r\n                              }}\r\n                            >\r\n                              {filterOption[filterOption.findIndex(el => el.id === d.columnId)]\r\n                                .option.length === d.filterOptions?.length ? (\r\n                                <FilterIcon />\r\n                              ) : (\r\n                                <FilterIconApplied />\r\n                              )}\r\n                            </button>\r\n                          ) : null}\r\n                        </div>\r\n                      </th>\r\n                    ))}\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  {sortedData?.map((d: any, i: number) => (\r\n                    <tr\r\n                      key={i}\r\n                      className={`cursor-${\r\n                        onSeriesMouseClick ? 'pointer' : 'auto'\r\n                      } border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${\r\n                        isEqual(mouseClickData, d)\r\n                          ? 'bg-primary-gray-200 dark:bg-primary-gray-600'\r\n                          : 'bg-transparent'\r\n                      }`}\r\n                      style={d.rowStyle}\r\n                      onClick={() => {\r\n                        if (onSeriesMouseClick) {\r\n                          if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick(undefined);\r\n                          } else {\r\n                            setMouseClickData(d);\r\n                            onSeriesMouseClick(d);\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      {columnData.map((el, j) => (\r\n                        <td\r\n                          key={j}\r\n                          className={`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${\r\n                            el.align || 'left'\r\n                          }`}\r\n                          style={{\r\n                            width: `calc(${\r\n                              (100 * (d.columnWidth || 1)) /\r\n                              TotalWidth(columnData.map(cd => cd.columnWidth || 1))\r\n                            }%`,\r\n                          }}\r\n                        >\r\n                          <div\r\n                            className={`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${\r\n                              el.align === 'right'\r\n                                ? 'justify-end'\r\n                                : el.align === 'center'\r\n                                  ? 'justify-center'\r\n                                  : 'justify-start'\r\n                            }`}\r\n                          >\r\n                            {typeof d[el.columnId] === 'number' ? (\r\n                              <P\r\n                                marginBottom='none'\r\n                                size='sm'\r\n                                className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\r\n                                  el.chip ? 'grow-0 rounded-sm p-2' : 'grow rounded-none p-0'\r\n                                } text-${el.align || 'left'} ${\r\n                                  el.chip\r\n                                    ? !el.chipColors\r\n                                      ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\r\n                                      : ''\r\n                                    : 'bg-transparent'\r\n                                }`}\r\n                                style={{\r\n                                  ...(el.chip && el.chipColors\r\n                                    ? {\r\n                                        backgroundColor:\r\n                                          el.chipColors[\r\n                                            el.chipColors.findIndex(\r\n                                              c => c.value === d[el.chipColumnId || el.columnId],\r\n                                            )\r\n                                          ].color,\r\n                                        color: getTextColorBasedOnBgColor(\r\n                                          el.chipColors[\r\n                                            el.chipColors.findIndex(\r\n                                              c => c.value === d[el.chipColumnId || el.columnId],\r\n                                            )\r\n                                          ].color,\r\n                                        ),\r\n                                      }\r\n                                    : {}),\r\n                                }}\r\n                              >\r\n                                {numberFormattingFunction(\r\n                                  d[el.columnId],\r\n                                  naLabel,\r\n                                  el.precision,\r\n                                  el.prefix,\r\n                                  el.suffix,\r\n                                  el.locale,\r\n                                  el.padZeros,\r\n                                )}\r\n                              </P>\r\n                            ) : typeof d[el.columnId] === 'string' ? (\r\n                              el.separator ? (\r\n                                <div className='text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2'>\r\n                                  {d[el.columnId]\r\n                                    .split(el.separator)\r\n                                    .map((element: string, indx: number) => (\r\n                                      <P\r\n                                        key={indx}\r\n                                        marginBottom='none'\r\n                                        size='sm'\r\n                                        className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\r\n                                          el.chip\r\n                                            ? 'grow-0 rounded-sm p-2'\r\n                                            : 'grow rounded-none p-0'\r\n                                        } text-${el.align || 'left'} ${\r\n                                          el.chip\r\n                                            ? !el.chipColors\r\n                                              ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\r\n                                              : ''\r\n                                            : 'bg-transparent'\r\n                                        }`}\r\n                                        style={{\r\n                                          ...(el.chip && el.chipColors\r\n                                            ? {\r\n                                                backgroundColor:\r\n                                                  el.chipColors[\r\n                                                    el.chipColors.findIndex(\r\n                                                      c =>\r\n                                                        c.value ===\r\n                                                        (el.chipColumnId\r\n                                                          ? d[el.chipColumnId]\r\n                                                          : element),\r\n                                                    )\r\n                                                  ].color,\r\n                                                color: getTextColorBasedOnBgColor(\r\n                                                  el.chipColors[\r\n                                                    el.chipColors.findIndex(\r\n                                                      c =>\r\n                                                        c.value ===\r\n                                                        (el.chipColumnId\r\n                                                          ? d[el.chipColumnId]\r\n                                                          : element),\r\n                                                    )\r\n                                                  ].color,\r\n                                                ),\r\n                                              }\r\n                                            : {}),\r\n                                        }}\r\n                                      >\r\n                                        {numberFormattingFunction(\r\n                                          element,\r\n                                          naLabel,\r\n                                          el.precision,\r\n                                          el.prefix,\r\n                                          el.suffix,\r\n                                          el.locale,\r\n                                          el.padZeros,\r\n                                        )}\r\n                                      </P>\r\n                                    ))}\r\n                                </div>\r\n                              ) : (\r\n                                <P\r\n                                  marginBottom='none'\r\n                                  size='sm'\r\n                                  className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\r\n                                    el.chip ? 'grow-0 rounded-sm p-2' : 'grow rounded-none p-0'\r\n                                  } text-${el.align || 'left'} ${\r\n                                    el.chip\r\n                                      ? !el.chipColors\r\n                                        ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\r\n                                        : ''\r\n                                      : 'bg-transparent'\r\n                                  }`}\r\n                                  style={{\r\n                                    ...(el.chip && el.chipColors\r\n                                      ? {\r\n                                          backgroundColor:\r\n                                            el.chipColors[\r\n                                              el.chipColors.findIndex(\r\n                                                c => c.value === d[el.chipColumnId || el.columnId],\r\n                                              )\r\n                                            ].color,\r\n                                          color: getTextColorBasedOnBgColor(\r\n                                            el.chipColors[\r\n                                              el.chipColors.findIndex(\r\n                                                c => c.value === d[el.chipColumnId || el.columnId],\r\n                                              )\r\n                                            ].color,\r\n                                          ),\r\n                                        }\r\n                                      : {}),\r\n                                  }}\r\n                                >\r\n                                  {numberFormattingFunction(\r\n                                    d[el.columnId],\r\n                                    naLabel,\r\n                                    el.precision,\r\n                                    el.prefix,\r\n                                    el.suffix,\r\n                                    el.locale,\r\n                                    el.padZeros,\r\n                                  )}\r\n                                </P>\r\n                              )\r\n                            ) : (\r\n                              <div>\r\n                                {numberFormattingFunction(\r\n                                  d[el.columnId],\r\n                                  naLabel,\r\n                                  el.precision,\r\n                                  el.prefix,\r\n                                  el.suffix,\r\n                                  el.locale,\r\n                                  el.padZeros,\r\n                                )}\r\n                              </div>\r\n                            )}\r\n                          </div>\r\n                        </td>\r\n                      ))}\r\n                    </tr>\r\n                  ))}\r\n                </tbody>\r\n              </table>\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      {popupVisible && (\r\n        <div\r\n          style={popupStyle}\r\n          className='absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550'\r\n        >\r\n          <div className='max-w-60'>\r\n            <P size='sm' marginBottom='2xs' className='font-bold'>\r\n              Filter data by\r\n            </P>\r\n            <div className='flex flex-col gap-2'>\r\n              {columnData[\r\n                columnData.findIndex(d => d.columnId === popupVisible)\r\n              ].filterOptions?.map((el, i) => (\r\n                <div key={i}>\r\n                  <label key={i} className='undp-viz-label'>\r\n                    <input\r\n                      type='checkbox'\r\n                      className='undp-viz-checkbox'\r\n                      checked={\r\n                        filterOption[\r\n                          filterOption.findIndex(d => d.id === popupVisible)\r\n                        ].option.indexOf(el) !== -1\r\n                      }\r\n                      onChange={() => {\r\n                        const indx = filterOption.findIndex(d => d.id === popupVisible);\r\n                        const opt = [...filterOption[indx].option];\r\n                        if (opt.indexOf(el) !== -1) {\r\n                          opt.splice(opt.indexOf(el), 1);\r\n                          const filterOptionDuplicate = [...filterOption];\r\n                          filterOptionDuplicate[indx].option = opt;\r\n                          setFilterOption(filterOptionDuplicate);\r\n                        } else {\r\n                          opt.push(el);\r\n                          const filterOptionDuplicate = [...filterOption];\r\n                          filterOptionDuplicate[indx].option = opt;\r\n                          setFilterOption(filterOptionDuplicate);\r\n                        }\r\n                      }}\r\n                    />\r\n                    {el}\r\n                  </label>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["TotalWidth","columns","map","d","reduce","acc","cur","DataTable","props","$","_c","width","height","graphTitle","sources","graphDescription","footNote","graphID","data","columnData","onSeriesMouseClick","language","t0","theme","t1","ariaLabel","backgroundColor","t2","padding","resetSelectionOnDoubleClick","t3","styles","classNames","minWidth","naLabel","t4","undefined","graphParentDiv","useRef","columnSortBy","setColumnSortBy","useState","mouseClickData","setMouseClickData","sortDirection","setSortDirection","popupVisible","setPopupVisible","t5","Symbol","for","popupStyle","setPopupStyle","t6","filter","_temp","_temp2","filterOption","setFilterOption","sortedData","setSortedData","t7","data_0","sortDataEvent","useEffectEvent","t8","dataFiltered","forEach","d_1","el","id","findIndex","cd_0","cd","columnId","separator","arr","split","intersection","option","length","indexOf","push","orderBy","t9","useEffect","t10","graphContainer","t11","t12","description","title","jsx","GraphHeader","t13","t14","t15","t16","t17","jsxs","borderCollapse","d_2","i","columnWidth","_temp3","P","align","columnTitle","sortable","SortingIconAscending","SortingIconDescending","SortingIcon","filterOptions","event","currentTarget","rect","getBoundingClientRect","top","bottom","window","scrollY","left","scrollX","el_0","FilterIcon","FilterIconApplied","d_3","i_0","isEqual","rowStyle","el_1","j","_temp4","chip","chipColors","c","value","chipColumnId","color","getTextColorBasedOnBgColor","c_0","numberFormattingFunction","precision","prefix","suffix","locale","padZeros","element","indx","c_1","c_2","c_3","c_4","t18","t19","t20","footnote","source","GraphFooter","t21","d_4","el_2","i_1","d_5","indx_0","d_6","opt","splice","filterOptionDuplicate","filterOptionDuplicate_0","t22","GraphContainer","cd_2","cd_1","d_0"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","names":[],"sources":["../src/Components/Graphs/DataTable/index.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\nimport isEqual from 'fast-deep-equal';\nimport intersection from 'lodash.intersection';\nimport orderBy from 'lodash.orderby';\nimport { useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport {\n  FilterIcon,\n  FilterIconApplied,\n  SortingIcon,\n  SortingIconAscending,\n  SortingIconDescending,\n} from '@/Components/Icons';\nimport type {\n  ClassNameObject,\n  DataTableColumnDataType,\n  Languages,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  // Data\n  /** Array of data objects. If the data have a object for ket `rowStyle` then that is use to style the row of the table. */\n  data: object[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Minimum width of the table as string in px */\n  minWidth?: string;\n  /** Height of the graph */\n  height?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n\n  // Graph Parameters\n  /** Column settings for each column shown in the table. */\n  columnData: DataTableColumnDataType[];\n  /** Defines how “NA” values should be displayed/labelled in the graph */\n  naLabel?: string;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nconst TotalWidth = (columns: (number | undefined)[]) => {\n  const columnWidth = columns.map((d) => d || 1);\n  const sum = columnWidth.reduce((acc, cur) => acc + cur, 0);\n  return sum;\n};\n\nexport function DataTable(props: Props) {\n  const {\n    width,\n    height,\n    graphTitle,\n    sources,\n    graphDescription,\n    footNote,\n    graphID,\n    data,\n    columnData,\n    onSeriesMouseClick,\n    language = 'en',\n    theme = 'light',\n    ariaLabel,\n    backgroundColor = false,\n    padding,\n    resetSelectionOnDoubleClick = true,\n    styles,\n    classNames,\n    minWidth,\n    naLabel = 'NA',\n  } = props;\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  const [columnSortBy, setColumnSortBy] = useState<string | undefined>(undefined);\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');\n  const [popupVisible, setPopupVisible] = useState<string | undefined>(undefined);\n  const [popupStyle, setPopupStyle] = useState({});\n  const [filterOption, setFilterOption] = useState(\n    columnData\n      .filter((d) => d.filterOptions && d.filterOptions.length > 0)\n      .map((d) => ({ id: d.columnId, option: d.filterOptions as string[] })),\n  );\n  const [sortedData, setSortedData] = useState(data);\n\n  const sortDataEvent = useEffectEvent((data: object[]) => {\n    setSortedData(data);\n  });\n\n  useEffect(() => {\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    const dataFiltered: any = [];\n\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    data.forEach((d: any) => {\n      let filter = true;\n      filterOption.forEach((el) => {\n        if (\n          typeof d[el.id] !== 'object' &&\n          typeof d[el.id] !== 'function' &&\n          typeof d[el.id] !== 'symbol'\n        ) {\n          if (columnData[columnData.findIndex((cd) => cd.columnId === el.id)].separator) {\n            const arr = d[el.id].split(\n              columnData[columnData.findIndex((cd) => cd.columnId === el.id)].separator,\n            );\n            if (intersection(arr, el.option).length === 0) filter = false;\n          } else if (el.option.indexOf(d[el.id]) === -1) filter = false;\n        }\n      });\n      if (filter) dataFiltered.push(d);\n    });\n    if (columnSortBy && data) {\n      sortDataEvent(orderBy(dataFiltered, [columnSortBy], [sortDirection]));\n    } else {\n      sortDataEvent(dataFiltered);\n    }\n  }, [columnSortBy, sortDirection, data, filterOption, columnData]);\n\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      width={width}\n      height={height}\n      padding={padding}\n    >\n      {graphTitle || graphDescription ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n        />\n      ) : null}\n      <div className='grow flex flex-col justify-center'>\n        <div\n          className='undp-scrollbar'\n          style={{\n            width: width ? `${width}px` : '100%',\n            height: height ? `${height}px` : 'auto',\n          }}\n        >\n          <div style={minWidth ? { minWidth } : undefined}>\n            {data ? (\n              <table className='w-full' style={{ borderCollapse: 'collapse' }}>\n                <thead className='text-left bg-primary-gray-300 dark:bg-primary-gray-550'>\n                  <tr>\n                    {columnData?.map((d) => (\n                      <th\n                        className='text-primary-gray-700 dark:text-primary-gray-100 text-sm'\n                        style={{\n                          width: `calc(${\n                            (100 * (d.columnWidth || 1)) /\n                            TotalWidth(columnData.map((cd) => cd.columnWidth || 1))\n                          }%`,\n                        }}\n                        key={d.columnId}\n                      >\n                        <div className='flex gap-2 justify-between items-center p-4'>\n                          <P\n                            size='sm'\n                            marginBottom='none'\n                            className={`w-fit grow text-${d.align || 'left'} font-bold`}\n                          >\n                            {d.columnTitle || d.columnId}\n                          </P>\n                          {d.sortable ? (\n                            <button\n                              type='button'\n                              className='bg-transparent cursor-pointer p-0 m-0 border-0'\n                              onClick={() => {\n                                if (columnSortBy === d.columnId) {\n                                  if (sortDirection === 'asc') {\n                                    setSortDirection('desc');\n                                  }\n                                  if (sortDirection === 'desc') {\n                                    setColumnSortBy(undefined);\n                                  }\n                                } else {\n                                  setColumnSortBy(d.columnId);\n                                  setSortDirection('asc');\n                                }\n                              }}\n                            >\n                              {columnSortBy === d.columnId ? (\n                                sortDirection === 'asc' ? (\n                                  <SortingIconAscending />\n                                ) : (\n                                  <SortingIconDescending />\n                                )\n                              ) : (\n                                <SortingIcon />\n                              )}\n                            </button>\n                          ) : null}\n                          {d.filterOptions?.length ? (\n                            <button\n                              type='button'\n                              className='bg-transparent cursor-pointer m-0 p-0 border-0'\n                              onClick={(event) => {\n                                if (popupVisible === d.columnId) {\n                                  setPopupVisible(undefined);\n                                } else if (event.currentTarget) {\n                                  setPopupVisible(d.columnId);\n                                  const rect = event.currentTarget.getBoundingClientRect();\n                                  setPopupStyle({\n                                    top: rect.bottom + window.scrollY,\n                                    left:\n                                      rect.left + window.scrollX - 160 < 0\n                                        ? rect.left + window.scrollX\n                                        : rect.left + window.scrollX - 160,\n                                    width: '10rem',\n                                  });\n                                }\n                              }}\n                            >\n                              {filterOption[filterOption.findIndex((el) => el.id === d.columnId)]\n                                .option.length === d.filterOptions?.length ? (\n                                <FilterIcon />\n                              ) : (\n                                <FilterIconApplied />\n                              )}\n                            </button>\n                          ) : null}\n                        </div>\n                      </th>\n                    ))}\n                  </tr>\n                </thead>\n                <tbody>\n                  {/* biome-ignore lint/suspicious/noExplicitAny: undefined data type */}\n                  {sortedData?.map((d: any, i: number) => (\n                    <tr\n                      // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                      key={i}\n                      className={`cursor-${\n                        onSeriesMouseClick ? 'pointer' : 'auto'\n                      } border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${\n                        isEqual(mouseClickData, d)\n                          ? 'bg-primary-gray-200 dark:bg-primary-gray-600'\n                          : 'bg-transparent'\n                      }`}\n                      style={d.rowStyle}\n                      onClick={() => {\n                        if (onSeriesMouseClick) {\n                          if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                            setMouseClickData(undefined);\n                            onSeriesMouseClick(undefined);\n                          } else {\n                            setMouseClickData(d);\n                            onSeriesMouseClick(d);\n                          }\n                        }\n                      }}\n                    >\n                      {columnData.map((el) => (\n                        <td\n                          key={el.columnId}\n                          className={`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${\n                            el.align || 'left'\n                          }`}\n                          style={{\n                            width: `calc(${\n                              (100 * (d.columnWidth || 1)) /\n                              TotalWidth(columnData.map((cd) => cd.columnWidth || 1))\n                            }%`,\n                          }}\n                        >\n                          <div\n                            className={`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${\n                              el.align === 'right'\n                                ? 'justify-end'\n                                : el.align === 'center'\n                                  ? 'justify-center'\n                                  : 'justify-start'\n                            }`}\n                          >\n                            {typeof d[el.columnId] === 'number' ? (\n                              <P\n                                marginBottom='none'\n                                size='sm'\n                                className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\n                                  el.chip ? 'grow-0 rounded-sm p-2' : 'grow rounded-none p-0'\n                                } text-${el.align || 'left'} ${\n                                  el.chip\n                                    ? !el.chipColors\n                                      ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\n                                      : ''\n                                    : 'bg-transparent'\n                                }`}\n                                style={{\n                                  ...(el.chip && el.chipColors\n                                    ? {\n                                        backgroundColor:\n                                          el.chipColors[\n                                            el.chipColors.findIndex(\n                                              (c) => c.value === d[el.chipColumnId || el.columnId],\n                                            )\n                                          ].color,\n                                        color: getTextColorBasedOnBgColor(\n                                          el.chipColors[\n                                            el.chipColors.findIndex(\n                                              (c) => c.value === d[el.chipColumnId || el.columnId],\n                                            )\n                                          ].color,\n                                        ),\n                                      }\n                                    : {}),\n                                }}\n                              >\n                                {numberFormattingFunction(\n                                  d[el.columnId],\n                                  naLabel,\n                                  el.precision,\n                                  el.prefix,\n                                  el.suffix,\n                                  el.locale,\n                                  el.padZeros,\n                                )}\n                              </P>\n                            ) : typeof d[el.columnId] === 'string' ? (\n                              el.separator ? (\n                                <div className='text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2'>\n                                  {d[el.columnId].split(el.separator).map((element: string) => (\n                                    <P\n                                      key={element}\n                                      marginBottom='none'\n                                      size='sm'\n                                      className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\n                                        el.chip ? 'grow-0 rounded-sm p-2' : 'grow rounded-none p-0'\n                                      } text-${el.align || 'left'} ${\n                                        el.chip\n                                          ? !el.chipColors\n                                            ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\n                                            : ''\n                                          : 'bg-transparent'\n                                      }`}\n                                      style={{\n                                        ...(el.chip && el.chipColors\n                                          ? {\n                                              backgroundColor:\n                                                el.chipColors[\n                                                  el.chipColors.findIndex(\n                                                    (c) =>\n                                                      c.value ===\n                                                      (el.chipColumnId\n                                                        ? d[el.chipColumnId]\n                                                        : element),\n                                                  )\n                                                ].color,\n                                              color: getTextColorBasedOnBgColor(\n                                                el.chipColors[\n                                                  el.chipColors.findIndex(\n                                                    (c) =>\n                                                      c.value ===\n                                                      (el.chipColumnId\n                                                        ? d[el.chipColumnId]\n                                                        : element),\n                                                  )\n                                                ].color,\n                                              ),\n                                            }\n                                          : {}),\n                                      }}\n                                    >\n                                      {numberFormattingFunction(\n                                        element,\n                                        naLabel,\n                                        el.precision,\n                                        el.prefix,\n                                        el.suffix,\n                                        el.locale,\n                                        el.padZeros,\n                                      )}\n                                    </P>\n                                  ))}\n                                </div>\n                              ) : (\n                                <P\n                                  marginBottom='none'\n                                  size='sm'\n                                  className={`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${\n                                    el.chip ? 'grow-0 rounded-sm p-2' : 'grow rounded-none p-0'\n                                  } text-${el.align || 'left'} ${\n                                    el.chip\n                                      ? !el.chipColors\n                                        ? 'bg-primary-gray-300 dark:bg-primary-gray-500'\n                                        : ''\n                                      : 'bg-transparent'\n                                  }`}\n                                  style={{\n                                    ...(el.chip && el.chipColors\n                                      ? {\n                                          backgroundColor:\n                                            el.chipColors[\n                                              el.chipColors.findIndex(\n                                                (c) =>\n                                                  c.value === d[el.chipColumnId || el.columnId],\n                                              )\n                                            ].color,\n                                          color: getTextColorBasedOnBgColor(\n                                            el.chipColors[\n                                              el.chipColors.findIndex(\n                                                (c) =>\n                                                  c.value === d[el.chipColumnId || el.columnId],\n                                              )\n                                            ].color,\n                                          ),\n                                        }\n                                      : {}),\n                                  }}\n                                >\n                                  {numberFormattingFunction(\n                                    d[el.columnId],\n                                    naLabel,\n                                    el.precision,\n                                    el.prefix,\n                                    el.suffix,\n                                    el.locale,\n                                    el.padZeros,\n                                  )}\n                                </P>\n                              )\n                            ) : (\n                              <div>\n                                {numberFormattingFunction(\n                                  d[el.columnId],\n                                  naLabel,\n                                  el.precision,\n                                  el.prefix,\n                                  el.suffix,\n                                  el.locale,\n                                  el.padZeros,\n                                )}\n                              </div>\n                            )}\n                          </div>\n                        </td>\n                      ))}\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            ) : null}\n          </div>\n        </div>\n      </div>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n      {popupVisible && (\n        <div\n          style={popupStyle}\n          className='absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550'\n        >\n          <div className='max-w-60'>\n            <P size='sm' marginBottom='2xs' className='font-bold'>\n              Filter data by\n            </P>\n            <div className='flex flex-col gap-2'>\n              {columnData[\n                columnData.findIndex((d) => d.columnId === popupVisible)\n              ].filterOptions?.map((el) => (\n                <div key={el}>\n                  <label className='undp-viz-label'>\n                    <input\n                      type='checkbox'\n                      className='undp-viz-checkbox'\n                      checked={\n                        filterOption[\n                          filterOption.findIndex((d) => d.id === popupVisible)\n                        ].option.indexOf(el) !== -1\n                      }\n                      onChange={() => {\n                        const indx = filterOption.findIndex((d) => d.id === popupVisible);\n                        const opt = [...filterOption[indx].option];\n                        if (opt.indexOf(el) !== -1) {\n                          opt.splice(opt.indexOf(el), 1);\n                          const filterOptionDuplicate = [...filterOption];\n                          filterOptionDuplicate[indx].option = opt;\n                          setFilterOption(filterOptionDuplicate);\n                        } else {\n                          opt.push(el);\n                          const filterOptionDuplicate = [...filterOption];\n                          filterOptionDuplicate[indx].option = opt;\n                          setFilterOption(filterOptionDuplicate);\n                        }\n                      }}\n                    />\n                    {el}\n                  </label>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      )}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/DetailsModal-CtGqGcX9.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./string2HTML-CyL1MYMB.cjs`);let n=require(`@undp/design-system-react/Modal`);var r=e.t();function i(e){let{body:i,data:a,setData:o,className:s}=e;return typeof i==`function`&&(i(a)===null||i(a)===void 0)||i===``?null:(0,r.jsx)(n.Modal,{open:a!==void 0,onClose:()=>{o(void 0)},className:s,children:(0,r.jsx)(`div`,{className:`graph-modal-content m-0`,dangerouslySetInnerHTML:typeof i==`string`?{__html:t.t(i,a)}:void 0,children:typeof i==`function`?i(a):null})})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=DetailsModal-CtGqGcX9.cjs.map

package/dist/DetailsModal-CtGqGcX9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsModal-CtGqGcX9.cjs","names":[],"sources":["../src/Components/Elements/DetailsModal.tsx"],"sourcesContent":["import { Modal } from '@undp/design-system-react/Modal';\n\nimport { string2HTML } from '@/Utils/string2HTML';\n\ninterface Props {\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  body: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  setData: (_d: any) => void;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  data: any;\n  className?: string;\n}\n\nexport function DetailsModal(props: Props) {\n  const { body, data, setData, className } = props;\n  if (\n    (typeof body === 'function' && (body(data) === null || body(data) === undefined)) ||\n    body === ''\n  ) {\n    return null;\n  }\n  return (\n    <Modal\n      open={data !== undefined}\n      onClose={() => {\n        setData(undefined);\n      }}\n      className={className}\n    >\n      <div\n        className='graph-modal-content m-0'\n        // biome-ignore lint/security/noDangerouslySetInnerHtmlWithChildren: Allow setInnerHTML here\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: Allow setInnerHTML here\n        dangerouslySetInnerHTML={\n          typeof body === 'string' ? { __html: string2HTML(body, data) } : undefined\n        }\n      >\n        {typeof body === 'function' ? body(data) : null}\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"mLAcA,SAAgB,EAAa,EAAc,CACzC,GAAM,CAAE,OAAM,OAAM,UAAS,aAAc,EAO3C,OALG,OAAO,GAAS,aAAe,EAAK,CAAI,IAAM,MAAQ,EAAK,CAAI,IAAM,IAAA,KACtE,IAAS,GAEF,MAGP,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,KAAM,IAAS,IAAA,GACf,YAAe,CACb,EAAQ,IAAA,EAAS,CACnB,EACW,sBAEX,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,0BAGV,wBACE,OAAO,GAAS,SAAW,CAAE,OAAQ,EAAA,EAAY,EAAM,CAAI,CAAE,EAAI,IAAA,YAGlE,OAAO,GAAS,WAAa,EAAK,CAAI,EAAI,IACxC,CAAA,CACA,CAAA,CAEX"}

package/dist/DetailsModal-DxUowfkg.js

@@ -0,0 +1,24 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { t } from "./string2HTML-CvbtZnul.js";
+import { Modal as n } from "@undp/design-system-react/Modal";
+//#region src/Components/Elements/DetailsModal.tsx
+var r = e();
+function i(e) {
+	let { body: i, data: a, setData: o, className: s } = e;
+	return typeof i == "function" && (i(a) === null || i(a) === void 0) || i === "" ? null : /* @__PURE__ */ (0, r.jsx)(n, {
+		open: a !== void 0,
+		onClose: () => {
+			o(void 0);
+		},
+		className: s,
+		children: /* @__PURE__ */ (0, r.jsx)("div", {
+			className: "graph-modal-content m-0",
+			dangerouslySetInnerHTML: typeof i == "string" ? { __html: t(i, a) } : void 0,
+			children: typeof i == "function" ? i(a) : null
+		})
+	});
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=DetailsModal-DxUowfkg.js.map

package/dist/DetailsModal-DxUowfkg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsModal-DxUowfkg.js","names":[],"sources":["../src/Components/Elements/DetailsModal.tsx"],"sourcesContent":["import { Modal } from '@undp/design-system-react/Modal';\n\nimport { string2HTML } from '@/Utils/string2HTML';\n\ninterface Props {\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  body: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  setData: (_d: any) => void;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  data: any;\n  className?: string;\n}\n\nexport function DetailsModal(props: Props) {\n  const { body, data, setData, className } = props;\n  if (\n    (typeof body === 'function' && (body(data) === null || body(data) === undefined)) ||\n    body === ''\n  ) {\n    return null;\n  }\n  return (\n    <Modal\n      open={data !== undefined}\n      onClose={() => {\n        setData(undefined);\n      }}\n      className={className}\n    >\n      <div\n        className='graph-modal-content m-0'\n        // biome-ignore lint/security/noDangerouslySetInnerHtmlWithChildren: Allow setInnerHTML here\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: Allow setInnerHTML here\n        dangerouslySetInnerHTML={\n          typeof body === 'string' ? { __html: string2HTML(body, data) } : undefined\n        }\n      >\n        {typeof body === 'function' ? body(data) : null}\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAa,GAAc;CACzC,IAAM,EAAE,SAAM,SAAM,YAAS,iBAAc;CAO3C,OALG,OAAO,KAAS,eAAe,EAAK,CAAI,MAAM,QAAQ,EAAK,CAAI,MAAM,KAAA,MACtE,MAAS,KAEF,OAGP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,MAAM,MAAS,KAAA;EACf,eAAe;GACb,EAAQ,KAAA,CAAS;EACnB;EACW;YAEX,iBAAA,GAAA,EAAA,KAAC,OAAD;GACE,WAAU;GAGV,yBACE,OAAO,KAAS,WAAW,EAAE,QAAQ,EAAY,GAAM,CAAI,EAAE,IAAI,KAAA;aAGlE,OAAO,KAAS,aAAa,EAAK,CAAI,IAAI;EACxC,CAAA;CACA,CAAA;AAEX"}