mirror of
https://github.com/getredash/redash.git
synced 2026-03-23 13:00:10 -04:00
7157244eec
* Migrate table editor to React: skeleton, Grid tab * Columns tab * Cleanup * Columns tab: DnD column sorting * Columns types should be JSX * New Columns tab UI/X * Use Sortable component on Columns tab * Tests: Grid Settings * Tests: Columns Settings * Tests: Editors for Text, Number, Boolean and Date/Time columns * Tests: Editors for Image and Link columns * Minor UI fix * Trigger build * Debounce inputs
28 lines
909 B
JavaScript
28 lines
909 B
JavaScript
import { map } from 'lodash';
|
|
import React from 'react';
|
|
import Select from 'antd/lib/select';
|
|
import { EditorPropTypes } from '@/visualizations';
|
|
|
|
const ALLOWED_ITEM_PER_PAGE = [5, 10, 15, 20, 25, 50, 100, 150, 200, 250];
|
|
|
|
export default function GridSettings({ options, onOptionsChange }) {
|
|
return (
|
|
<div className="m-b-15">
|
|
<label htmlFor="table-editor-items-per-page">Items per page</label>
|
|
<Select
|
|
id="table-editor-items-per-page"
|
|
data-test="Table.ItemsPerPage"
|
|
className="w-100"
|
|
defaultValue={options.itemsPerPage}
|
|
onChange={itemsPerPage => onOptionsChange({ itemsPerPage })}
|
|
>
|
|
{map(ALLOWED_ITEM_PER_PAGE, value => (
|
|
<Select.Option key={`ipp${value}`} value={value} data-test={`Table.ItemsPerPage.${value}`}>{value}</Select.Option>
|
|
))}
|
|
</Select>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
GridSettings.propTypes = EditorPropTypes;
|