diff --git a/example/table/main.js b/example/table/main.js index 6123f9c..c4e131f 100644 --- a/example/table/main.js +++ b/example/table/main.js @@ -26,6 +26,8 @@ function buildTable(data) { initialPageLength={5} initialSortBy={{ prop: 'city', order: 'descending' }} pageLengthOptions={[ 5, 20, 50 ]} + searchText='Search Everything' + pageSizeText='Per page' /> ); } diff --git a/src/PartialTable.js b/src/PartialTable.js index c358e81..2b1dc03 100644 --- a/src/PartialTable.js +++ b/src/PartialTable.js @@ -7,7 +7,8 @@ export default class PartialTable extends Component { render() { const { onFilter, onPageSizeChange, onPageNumberChange, onSort, - pageLengthOptions, columns, keys, buildRowOptions, + pageLengthOptions, columns, keys, searchText, + pageSizeText, buildRowOptions, } = this.props; const { @@ -20,7 +21,7 @@ export default class PartialTable extends Component {
- + { pageNumber: 0, pageSize: 5, totalPages: 1, + searchText: 'Search', + pageSizeText: 'Page size', }; expect(dataReducer(undefined, action)).toEqual(expected); diff --git a/src/dataReducer.js b/src/dataReducer.js index 0dd1e18..823f5b6 100644 --- a/src/dataReducer.js +++ b/src/dataReducer.js @@ -15,6 +15,8 @@ const initialState: State = { sortBy: null, pageNumber: 0, pageSize: 5, + searchText: 'Search', + pageSizeText: 'Page size', }; function calculatePage(data, pageSize, pageNumber) { diff --git a/src/enhanceDataTable.js b/src/enhanceDataTable.js index 241f9e9..da71d19 100644 --- a/src/enhanceDataTable.js +++ b/src/enhanceDataTable.js @@ -15,6 +15,8 @@ type Props = { keys: Array; buildRowOptions: any; filters: any; + searchText: string; + pageSizeText: string; }; const mapPropsToState = (props) => ({ @@ -30,6 +32,8 @@ export default function enhanceDataTable(ComposedComponent) { filters: { globalSearch: { filter: containsIgnoreCase }, }, + searchText: 'Search', + pageSizeText: 'Page size', }; constructor(props: Props) { diff --git a/src/types.js b/src/types.js index 2b9ba86..37b5594 100644 --- a/src/types.js +++ b/src/types.js @@ -24,6 +24,8 @@ export type State = { pageSize: number; pageNumber: number; totalPages: number; + searchText: string; + pageSizeText: string; filterValues: { [key: string]: string; };