@undp/data-viz 2.3.17 → 2.4.0

package/dist/DataTable.cjs.map

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

package/dist/DataTable.d.ts

@@ -98,6 +98,8 @@ declare interface Props {
     theme?: 'light' | 'dark';
     /** Unique ID for the graph */
     graphID?: string;
+    /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */
+    locale?: string;
 }
 
 declare interface SourcesDataType {

package/dist/DataTable.js

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