{"version":3,"file":"reactTable-D4yoLO7y.js","sources":["../../../client/app/bundles/Shared/components/reactTable/reactTable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  useExpanded,\n  useFilters,\n  useGroupBy,\n  usePagination,\n  useSortBy,\n  useTable,\n} from \"react-table\";\n\nimport ReactTablePagination from \"./reactTablePagination\";\n\nimport { NumberFilterInputProps } from \"../../interfaces\";\n\nconst DEFAULT_PAGE_SIZE = 100;\n\nfunction columnClassName(isSorted, isSortedDesc) {\n  const defaultClassName = \"rt-th -cursor-pointer\";\n  if (!isSorted) {\n    return defaultClassName;\n  }\n  if (isSortedDesc) {\n    return `${defaultClassName} -sort-desc`;\n  }\n  return `${defaultClassName} -sort-asc`;\n}\n\nexport const TextFilter = ({ column, setFilter }) => {\n  return (\n    <input\n      aria-label=\"text-filter\"\n      onChange={(event) => setFilter(column.id, event.target.value)}\n      style={{ width: \"100%\" }}\n      value={column.filterValue}\n    />\n  );\n};\n\nexport const NumberFilterInput = ({\n  handleChange,\n  label,\n  column,\n}: NumberFilterInputProps) => {\n  return (\n    <div style={{ display: \"flex\" }}>\n      <input\n        aria-label={label}\n        onChange={(e) => handleChange(column.id, e.target.value)}\n        placeholder=\"0-5, >1, <1\"\n        style={{ marginRight: \"0.5rem\", width: \"100px\" }}\n        type=\"text\"\n        value={column.filterValue || \"\"}\n      />\n    </div>\n  );\n};\n\nexport const expanderColumn = {\n  Cell: ({ row }) => {\n    return (\n      <div\n        {...row.getToggleRowExpandedProps()}\n        className=\"rt-td rt-expandable p-0\"\n        title=\"Click here to see more information\"\n      >\n        <div className={`rt-expander ${row.isExpanded ? \"-open\" : \"\"}`}>•</div>\n      </div>\n    );\n  },\n  Header: \"\",\n  className: \"text-center\",\n  id: \"expander\",\n  resizable: false,\n};\n\ninterface ReactTableProps {\n  SubComponent?: any;\n  className?: string;\n  columns: any[];\n  currentPage?: number;\n  data: any[];\n  defaultGroupBy?: string;\n  defaultPageSize?: number;\n  defaultSorted?: string | { id: string; desc: boolean }[];\n  disableSortBy?: boolean;\n  filterable?: boolean;\n  manualFilters?: boolean;\n  manualPagination?: boolean;\n  manualSortBy?: boolean;\n  manualPageCount?: boolean;\n  minRows?: number;\n  onFiltersChange?: (filters: []) => void;\n  onPageChange?: (pageIndex: number) => void;\n  onSortedChange?: (sortBy: string) => void;\n  showPagination?: boolean;\n  showPaginationBottom?: boolean;\n}\n\nexport const ReactTable = ({\n  SubComponent,\n  className,\n  columns,\n  currentPage,\n  data,\n  defaultGroupBy,\n  defaultPageSize,\n  defaultSorted,\n  disableSortBy,\n  filterable,\n  manualFilters,\n  manualPagination,\n  manualPageCount,\n  manualSortBy,\n  onFiltersChange,\n  onPageChange,\n  onSortedChange,\n  showPaginationBottom,\n}: ReactTableProps) => {\n  const defaultColumn = {\n    width: \"min-content\",\n  };\n\n  const {\n    getTableBodyProps,\n    getTableProps,\n    gotoPage,\n    headerGroups,\n    page,\n    canNextPage,\n    canPreviousPage,\n    pageCount,\n    prepareRow,\n    state: { filters, pageIndex, sortBy },\n  } = useTable(\n    {\n      autoResetSortBy: false,\n      columns,\n      data,\n      defaultColumn,\n      disableSortBy,\n      filters: [],\n      groupBy: defaultGroupBy || [],\n      initialState: {\n        filters: [],\n        groupBy: defaultGroupBy || [],\n        pageIndex: currentPage || 0,\n        pageSize: defaultPageSize || data.length || DEFAULT_PAGE_SIZE,\n        sortBy: defaultSorted || [],\n      },\n      manualFilters,\n      manualPagination,\n      manualSortBy,\n      pageCount: manualPageCount,\n      SubComponent,\n    },\n    useFilters,\n    useGroupBy,\n    useSortBy,\n    useExpanded,\n    usePagination\n  );\n\n  React.useEffect(() => {\n    if (manualSortBy && onSortedChange) {\n      onSortedChange(sortBy);\n    }\n  }, [sortBy]);\n\n  React.useEffect(() => {\n    if (manualPagination && onPageChange) {\n      onPageChange(pageIndex);\n    }\n  }, [pageIndex]);\n\n  React.useEffect(() => {\n    if (manualFilters && onFiltersChange) {\n      onFiltersChange(filters);\n    }\n  }, [filters]);\n\n  function handleRowClick(row) {\n    if (!row.original?.link) { return }\n\n    window.location = row.original.link\n  }\n\n  return (\n    <div className={`${className} ReactTable`}>\n      <table className=\"rt-table\" {...getTableProps()}>\n        <thead className=\"rt-thead -header\">\n          {headerGroups.map((headerGroup) => (\n            <tr className=\"rt-tr\" {...headerGroup.getHeaderGroupProps()}>\n              {headerGroup.headers.map((column) => (\n                <th\n                  className={columnClassName(column.isSorted, column.isSortedDesc)}\n                  scope=\"col\"\n                  {...column.getHeaderProps({\n                    style: {\n                      maxWidth: column.maxWidth,\n                      minWidth: column.minWidth,\n                      width: column.width,\n                    },\n                  })}\n                >\n                  <div\n                    {...column.getSortByToggleProps({\n                      \"aria-label\": column.render(\"Header\"),\n                      className: \"focus-on-light\",\n                      tabIndex: 0,\n                    })}\n                    className=\"sortable-header focus-on-light\"\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\" || e.key === \" \") {\n                        e.preventDefault();\n                        column.toggleSortBy();\n                      }\n                    }}\n                  >\n                    {column.render(\"Header\")}\n                  </div>\n                  <div className=\"column-filter\">\n                    {filterable && column.canFilter ? column.render(\"Filter\") : null}\n                  </div>\n                </th>\n              ))}\n            </tr>\n          ))}\n        </thead>\n        <tbody className=\"rt-tbody\" {...getTableBodyProps()}>\n          {page.map((row) => {\n            prepareRow(row);\n            return (\n              <div className=\"rt-tr-group\" key={row.id}>\n                <tr {...row.getRowProps()} className={`rt-tr ${row.original?.link ? 'show-pointer' : ''}`} onClick={() => {handleRowClick(row)}}>\n                  {row.cells.map((cell) => (\n                    <td\n                      className=\"rt-td\"\n                      {...cell.getCellProps({\n                        style: {\n                          maxWidth: cell.column.maxWidth,\n                          minWidth: cell.column.minWidth,\n                          width: cell.column.width,\n                          ...cell.column.style,\n                        },\n                      })}\n                    >\n                      {cell.isAggregated ? cell.render(\"Aggregated\") : cell.render(\"Cell\")}\n                    </td>\n                  ))}\n                </tr>\n                {row.isExpanded && row.original && SubComponent\n                  ? SubComponent(row)\n                  : null}\n              </div>\n            );\n          })}\n        </tbody>\n      </table>\n      {showPaginationBottom && (\n        <ReactTablePagination\n          canNext={canNextPage}\n          canPrevious={canPreviousPage}\n          onPageChange={gotoPage}\n          page={pageIndex}\n          pages={pageCount}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PAGE_SIZE","columnClassName","isSorted","isSortedDesc","defaultClassName","TextFilter","column","setFilter","React.createElement","event","NumberFilterInput","handleChange","label","e","expanderColumn","row","ReactTable","SubComponent","className","columns","currentPage","data","defaultGroupBy","defaultPageSize","defaultSorted","disableSortBy","filterable","manualFilters","manualPagination","manualPageCount","manualSortBy","onFiltersChange","onPageChange","onSortedChange","showPaginationBottom","defaultColumn","getTableBodyProps","getTableProps","gotoPage","headerGroups","page","canNextPage","canPreviousPage","pageCount","prepareRow","filters","pageIndex","sortBy","useTable","useFilters","useGroupBy","useSortBy","useExpanded","usePagination","React.useEffect","handleRowClick","_a","headerGroup","cell","ReactTablePagination"],"mappings":"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"}