\n
\n
{\n if (!canPrevious) return\n this.changePage(page - 1)\n }}\n disabled={!canPrevious}\n >\n {this.props.previousText}\n \n
\n
\n \n {this.props.pageText}{' '}\n {showPageJump ? renderPageJump(this.getPageJumpProperties()) : renderCurrentPage(page)}{' '}\n {this.props.ofText} {renderTotalPagesCount(pages)}\n \n {showPageSizeOptions &&\n renderPageSizeOptions({\n pageSize,\n rowsSelectorText: this.props.rowsSelectorText,\n pageSizeOptions,\n onPageSizeChange,\n rowsText: this.props.rowsText,\n })}\n
\n
\n {\n if (!canNext) return\n this.changePage(page + 1)\n }}\n disabled={!canNext}\n >\n {this.props.nextText}\n \n
\n
\n )\n }\n}\n","import React from 'react'\nimport classnames from 'classnames'\n//\nimport _ from './utils'\nimport Pagination from './pagination'\n\nconst emptyObj = () => ({})\n\nexport default {\n // General\n data: [],\n resolveData: data => data,\n loading: false,\n showPagination: true,\n showPaginationTop: false,\n showPaginationBottom: true,\n showPageSizeOptions: true,\n pageSizeOptions: [5, 10, 20, 25, 50, 100],\n defaultPage: 0,\n defaultPageSize: 20,\n showPageJump: true,\n collapseOnSortingChange: true,\n collapseOnPageChange: true,\n collapseOnDataChange: true,\n freezeWhenExpanded: false,\n sortable: true,\n multiSort: true,\n resizable: true,\n filterable: false,\n defaultSortDesc: false,\n defaultSorted: [],\n defaultFiltered: [],\n defaultResized: [],\n defaultExpanded: {},\n // eslint-disable-next-line no-unused-vars\n defaultFilterMethod: (filter, row, column) => {\n const id = filter.pivotId || filter.id\n return row[id] !== undefined ? String(row[id]).startsWith(filter.value) : true\n },\n // eslint-disable-next-line no-unused-vars\n defaultSortMethod: (a, b, desc) => {\n // force null and undefined to the bottom\n a = a === null || a === undefined ? '' : a\n b = b === null || b === undefined ? '' : b\n // force any string values to lowercase\n a = typeof a === 'string' ? a.toLowerCase() : a\n b = typeof b === 'string' ? b.toLowerCase() : b\n // Return either 1 or -1 to indicate a sort priority\n if (a > b) {\n return 1\n }\n if (a < b) {\n return -1\n }\n // returning 0, undefined or any falsey value will use subsequent sorts or\n // the index as a tiebreaker\n return 0\n },\n\n // Controlled State Props\n // page: undefined,\n // pageSize: undefined,\n // sorted: [],\n // filtered: [],\n // resized: [],\n // expanded: {},\n\n // Controlled State Callbacks\n onPageChange: undefined,\n onPageSizeChange: undefined,\n onSortedChange: undefined,\n onFilteredChange: undefined,\n onResizedChange: undefined,\n onExpandedChange: undefined,\n\n // Pivoting\n pivotBy: undefined,\n\n // Key Constants\n pivotValKey: '_pivotVal',\n pivotIDKey: '_pivotID',\n subRowsKey: '_subRows',\n aggregatedKey: '_aggregated',\n nestingLevelKey: '_nestingLevel',\n originalKey: '_original',\n indexKey: '_index',\n groupedByPivotKey: '_groupedByPivot',\n\n // Server-side Callbacks\n onFetchData: () => null,\n\n // Classes\n className: '',\n style: {},\n\n // Component decorators\n getProps: emptyObj,\n getTableProps: emptyObj,\n getTheadGroupProps: emptyObj,\n getTheadGroupTrProps: emptyObj,\n getTheadGroupThProps: emptyObj,\n getTheadProps: emptyObj,\n getTheadTrProps: emptyObj,\n getTheadThProps: emptyObj,\n getTheadFilterProps: emptyObj,\n getTheadFilterTrProps: emptyObj,\n getTheadFilterThProps: emptyObj,\n getTbodyProps: emptyObj,\n getTrGroupProps: emptyObj,\n getTrProps: emptyObj,\n getTdProps: emptyObj,\n getTfootProps: emptyObj,\n getTfootTrProps: emptyObj,\n getTfootTdProps: emptyObj,\n getPaginationProps: emptyObj,\n getLoadingProps: emptyObj,\n getNoDataProps: emptyObj,\n getResizerProps: emptyObj,\n\n // Global Column Defaults\n column: {\n // Renderers\n Cell: undefined,\n Header: undefined,\n Footer: undefined,\n Aggregated: undefined,\n Pivot: undefined,\n PivotValue: undefined,\n Expander: undefined,\n Filter: undefined,\n Placeholder: undefined,\n // All Columns\n sortable: undefined, // use table default\n resizable: undefined, // use table default\n filterable: undefined, // use table default\n show: true,\n minWidth: 100,\n minResizeWidth: 11,\n // Cells only\n className: '',\n style: {},\n getProps: emptyObj,\n // Pivot only\n aggregate: undefined,\n // Headers only\n headerClassName: '',\n headerStyle: {},\n getHeaderProps: emptyObj,\n // Footers only\n footerClassName: '',\n footerStyle: {},\n getFooterProps: emptyObj,\n filterMethod: undefined,\n filterAll: false,\n sortMethod: undefined,\n },\n\n // Global Expander Column Defaults\n expanderDefaults: {\n sortable: false,\n resizable: false,\n filterable: false,\n width: 35,\n },\n\n pivotDefaults: {\n // extend the defaults for pivoted columns here\n },\n\n // Text\n previousText: 'Previous',\n nextText: 'Next',\n loadingText: 'Loading...',\n noDataText: 'No rows found',\n pageText: 'Page',\n ofText: 'of',\n rowsText: 'rows',\n pageJumpText: 'jump to page',\n rowsSelectorText: 'rows per page',\n\n // Components\n TableComponent: ({ children, className, ...rest }) => (\n toggleSort && toggleSort(e)}\n role=\"columnheader\"\n tabIndex=\"-1\" // Resolves eslint issues without implementing keyboard navigation incorrectly\n {...rest}\n >\n {children}\n
\n ),\n TdComponent: ({\n toggleSort, className, children, ...rest\n }) => (\n