@adaptabletools/adaptable
Version:
Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
31 lines (30 loc) • 2.44 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import FormLayout, { FormRow } from '../../../components/FormLayout';
import { CheckBox } from '../../../components/CheckBox';
import HelpBlock from '../../../components/HelpBlock';
import { Box } from '../../../components/Flex';
const GridOptionsForm = (props) => {
let { gridOptions } = props;
return (_jsxs(Box, { className: "twa:p-2", children: [_jsx(HelpBlock, { children: "Grid Options" }), _jsxs(FormLayout, { className: "twa:m-2", columns: [{ name: 'children' }, { name: 'label', style: { textAlign: 'start' } }], children: [_jsx(FormRow, { label: "Enable Cell Selection", children: _jsx(CheckBox, { checked: !!gridOptions.cellSelection, onChange: (enableCellSelection) => {
gridOptions = { ...gridOptions, cellSelection: enableCellSelection };
props.onChangedGridOptions(gridOptions);
} }) }), _jsx(FormRow, { label: "Show Filter Bar", children: _jsx(CheckBox, { checked: gridOptions.defaultColDef?.floatingFilter, onChange: (floatingFilter) => {
gridOptions = {
...gridOptions,
defaultColDef: {
floatingFilter,
},
};
props.onChangedGridOptions(gridOptions);
} }) }), _jsx(FormRow, { label: "Suppress Column Virtualisation", children: _jsx(CheckBox, { checked: gridOptions.suppressColumnVirtualisation, onChange: (suppressColumnVirtualisation) => {
gridOptions = {
...gridOptions,
suppressColumnVirtualisation: suppressColumnVirtualisation,
};
props.onChangedGridOptions(gridOptions);
} }) }), _jsx(FormRow, { label: "Show Column Menu Button", children: _jsx(CheckBox, { checked: gridOptions.suppressMenuHide, onChange: (suppressMenuHide) => {
gridOptions = { ...gridOptions, suppressMenuHide: suppressMenuHide };
props.onChangedGridOptions(gridOptions);
} }) })] })] }));
};
export default GridOptionsForm;