@progress/kendo-react-grid 6.1.1 → 7.0.0-develop.10

package/dist/npm/columnMenu/GridColumnMenuFilter.js

@@ -1,382 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridColumnMenuFilter = exports.filterGroupByField = exports.rootFilterOrDefault = void 0;
-var React = require("react");
-var kendo_data_query_1 = require("@progress/kendo-data-query");
-var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
-var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
-var GridColumnMenuItemContent_1 = require("./GridColumnMenuItemContent");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var filterCommon_1 = require("../filterCommon");
-var messages_1 = require("../messages");
-var GridColumnMenuFilterUI_1 = require("./GridColumnMenuFilterUI");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var rootFilterOrDefault = function (rootFilter) {
-    return (rootFilter || { filters: [], logic: 'and' });
-};
-exports.rootFilterOrDefault = rootFilterOrDefault;
-/**
- * @hidden
- */
-var filterGroupByField = function (field, filter) {
-    var rootFilter = (0, exports.rootFilterOrDefault)(filter);
-    var compositeFilters = rootFilter.filters
-        .filter(function (f) {
-        if ((0, kendo_data_query_1.isCompositeFilterDescriptor)(f)) {
-            return f.filters &&
-                f.filters.length &&
-                f.filters.length <= 2 &&
-                !f.filters.find(function (nf) { return (0, kendo_data_query_1.isCompositeFilterDescriptor)(nf) || nf.field !== field; });
-        }
-        return false;
-    });
-    return compositeFilters[0] || null;
-};
-exports.filterGroupByField = filterGroupByField;
-/**
- * @example
- * ```jsx-no-run
- * class TextColumnMenu extends React.Component {
- *     render() {
- *         return (
- *         <div>
- *             <GridColumnMenuSort {...this.props} />
- *             <GridColumnMenuFilter {...this.props} />
- *         </div>);
- *     }
- * }
- *
- * class App extends React.PureComponent {
- *     constructor(props) {
- *         super(props);
- *
- *         this.state = this.createAppState({
- *             take: 10,
- *             skip: 0
- *         });
- *     }
- *
- *     createAppState(dataState) {
- *         return {
- *             result: process(products.slice(0), dataState),
- *             dataState: dataState
- *         };
- *     }
- *
- *     dataStateChange = (event) => {
- *         this.setState(this.createAppState(event.dataState));
- *     }
- *
- *     render() {
- *         return (
- *             <div>
- *                 <Grid
- *                     data={this.state.result}
- *                     {...this.state.dataState}
- *                     onDataStateChange={this.dataStateChange}
- *                     sortable={true}
- *                     pageable={true}
- *                 >
- *                     <Column field="ProductID" title="Product ID" />
- *                     <Column field="ProductName" columnMenu={TextColumnMenu} />
- *                 </Grid>
- *                 <br />
- *             </div>
- *         );
- *     }
- * }
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var GridColumnMenuFilter = /** @class */ (function (_super) {
-    __extends(GridColumnMenuFilter, _super);
-    function GridColumnMenuFilter(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * @hidden
-         */
-        _this.removeGroup = function (group, rootFilter) {
-            var filters = __spreadArray([], rootFilter.filters, true);
-            var groupIndex = filters
-                .findIndex(function (f) { return f === group; });
-            if (groupIndex > -1) {
-                filters.splice(groupIndex, 1);
-            }
-            return __assign(__assign({}, rootFilter), { filters: filters });
-        };
-        /**
-         * @hidden
-         */
-        _this.insertGroup = function (group, rootFilter) {
-            return __assign(__assign({}, rootFilter), { filters: __spreadArray([
-                    group
-                ], rootFilter.filters, true) });
-        };
-        /**
-         * @hidden
-         */
-        _this.isControlled = function () { return _this.props.expanded !== undefined; };
-        /**
-         * @hidden
-         */
-        _this.onFilterExpand = function () {
-            var isControlled = _this.isControlled();
-            var nextValue = !(isControlled ? _this.props.expanded : _this.state.expanded);
-            if (_this.props.onExpandChange) {
-                _this.props.onExpandChange(nextValue);
-            }
-            if (!isControlled) {
-                _this.setState({
-                    expanded: nextValue
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.firstFilterChange = function (event) {
-            _this.filterChange(0, event);
-        };
-        /**
-         * @hidden
-         */
-        _this.secondFilterChange = function (event) {
-            _this.filterChange(1, event);
-        };
-        /**
-         * @hidden
-         */
-        _this.filterChange = function (filterIndex, e) {
-            var filters = _this.state.filterGroup.filters.map(function (f, i) {
-                if (i === filterIndex) {
-                    return __assign(__assign({}, f), { value: e.value, operator: e.operator });
-                }
-                return f;
-            });
-            _this.setState({
-                filterGroup: __assign(__assign({}, _this.state.filterGroup), { filters: filters })
-            });
-        };
-        /**
-         * @hidden
-         */
-        _this.logicChange = function (event) {
-            _this.setState({
-                filterGroup: __assign(__assign({}, _this.state.filterGroup), { logic: event.target.value.operator })
-            });
-        };
-        /**
-         * @hidden
-         */
-        _this.clear = function (event) {
-            event.preventDefault();
-            if (!_this.props.onFilterChange) {
-                return;
-            }
-            var field = _this.props.column.field;
-            var rootFilter = (0, exports.rootFilterOrDefault)(_this.props.filter);
-            var filterGroup = (0, exports.filterGroupByField)(field, _this.props.filter);
-            var rootFilters = rootFilter.filters.filter(function (f) { return f !== filterGroup; });
-            if (!rootFilters.length) {
-                _this.props.onFilterChange(null, event);
-            }
-            else {
-                _this.props.onFilterChange(__assign(__assign({}, rootFilter), { filters: rootFilters }), event);
-            }
-            if (_this.props.onCloseMenu) {
-                _this.props.onCloseMenu();
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.currentFilterGroup = function () {
-            return __assign(__assign({}, _this.state.filterGroup), { filters: _this.state
-                    .filterGroup
-                    .filters
-                    .filter(function (nf) {
-                    return (nf.value !== undefined && nf.value !== null && nf.value !== '') ||
-                        (nf.value === null && nf.operator);
-                }) });
-        };
-        /**
-         * @hidden
-         */
-        _this.submit = function (event) {
-            event.preventDefault();
-            if (!_this.props.onFilterChange) {
-                return;
-            }
-            var field = _this.props.column.field;
-            var rootFilter = (0, exports.rootFilterOrDefault)(_this.props.filter);
-            var filterGroup = (0, exports.filterGroupByField)(field, _this.props.filter);
-            var currentFilterGroup = _this.currentFilterGroup();
-            var updatedFilter = null;
-            if (filterGroup && currentFilterGroup.filters.length > 0) {
-                var rootFilters = rootFilter.filters.map(function (f) {
-                    if (f === filterGroup) {
-                        return currentFilterGroup;
-                    }
-                    return f;
-                });
-                updatedFilter = __assign(__assign({}, rootFilter), { filters: rootFilters });
-            }
-            else if (currentFilterGroup.filters.length === 0) {
-                var rootFilters = rootFilter
-                    .filters
-                    .filter(function (f) { return f !== filterGroup; });
-                if (rootFilters.length) {
-                    updatedFilter = __assign(__assign({}, rootFilter), { filters: rootFilters });
-                }
-            }
-            else {
-                updatedFilter = __assign(__assign({}, rootFilter), { filters: __spreadArray(__spreadArray([], rootFilter.filters, true), [currentFilterGroup], false) });
-            }
-            _this.props.onFilterChange(updatedFilter, event);
-            if (_this.props.onCloseMenu) {
-                _this.props.onCloseMenu();
-            }
-        };
-        var filterGroup;
-        if (props.column && props.column.field) {
-            var filterType = (0, filterCommon_1.getFilterType)(props.column.filter);
-            var defaultOperator = (0, filterCommon_1.getDefaultOperator)(props.filterOperators, filterType);
-            filterGroup = (0, exports.filterGroupByField)(props.column.field, props.filter);
-            filterGroup = filterGroup ? __assign(__assign({}, filterGroup), { filters: filterGroup.filters.map(function (f) {
-                    return __assign({}, f);
-                }) }) : {
-                logic: 'and',
-                filters: [
-                    { field: props.column.field, operator: defaultOperator, value: (0, filterCommon_1.IsUnaryFilter)(defaultOperator) ? null : undefined },
-                    { field: props.column.field, operator: defaultOperator, value: (0, filterCommon_1.IsUnaryFilter)(defaultOperator) ? null : undefined }
-                ]
-            };
-            if (filterGroup.filters.filter(function (x) { return x.field === props.column.field; }).length === 1) {
-                filterGroup.filters.splice(1, 0, { field: props.column.field, operator: defaultOperator });
-            }
-        }
-        _this.state = {
-            expanded: props.expanded || false,
-            filterGroup: filterGroup
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    GridColumnMenuFilter.prototype.render = function () {
-        var _a = this.props, column = _a.column, filterUI = _a.filterUI, hideSecondFilter = _a.hideSecondFilter, filterOperators = _a.filterOperators;
-        if (!column || !column.field) {
-            return React.createElement("div", null);
-        }
-        var filterType = (0, filterCommon_1.getFilterType)(column.filter);
-        var currentHideSecondFilter = hideSecondFilter !== undefined ?
-            hideSecondFilter : filterCommon_1.defaultHideSecondFilter[filterType];
-        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        var filters = this.state.filterGroup.filters;
-        var currentOperators = (0, filterCommon_1.operatorMap)(filterOperators[filterType], localizationService);
-        var booleanValues = (0, filterCommon_1.operatorMap)(filterCommon_1.booleanFilterValues, localizationService);
-        var firstFilterCellProps = {
-            field: column.field,
-            value: filters[0].value,
-            operator: filters[0].operator,
-            operators: currentOperators,
-            booleanValues: booleanValues,
-            onChange: this.firstFilterChange,
-            filterType: filterType
-        };
-        var secondFilterCellProps = {
-            field: column.field,
-            value: filters[1].value,
-            operator: filters[1].operator,
-            operators: currentOperators,
-            booleanValues: booleanValues,
-            onChange: this.secondFilterChange,
-            filterType: filterType
-        };
-        var filterLogic = this.state.filterGroup.logic;
-        var logicData = (0, filterCommon_1.operatorMap)(filterCommon_1.filterLogicList, localizationService);
-        var logicProps = {
-            value: logicData.find(function (item) { return item.operator === (filterLogic === null ? '' : filterLogic); }),
-            onChange: this.logicChange,
-            data: logicData
-        };
-        var FilterUI = filterUI;
-        var filterUIProps = {
-            firstFilterProps: firstFilterCellProps,
-            secondFilterProps: secondFilterCellProps,
-            logicData: logicProps.data,
-            logicValue: logicProps.value,
-            onLogicChange: logicProps.onChange,
-            hideSecondFilter: currentHideSecondFilter
-        };
-        var isFilterValid = this.currentFilterGroup().filters.length !== 0 ||
-            (0, filterCommon_1.IsUnaryFilter)(filters[0].operator) ||
-            (0, filterCommon_1.IsUnaryFilter)(filters[1].operator);
-        var expandState = this.isControlled() ? this.props.expanded : this.state.expanded;
-        var alwaysExpand = this.props.alwaysExpand;
-        return (React.createElement(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, null,
-            !alwaysExpand && React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.filterTitle, messages_1.messages[messages_1.filterTitle]), iconClass: 'k-i-filter', svgIcon: kendo_svg_icons_1.filterIcon, onClick: this.onFilterExpand }),
-            React.createElement(GridColumnMenuItemContent_1.GridColumnMenuItemContent, { show: alwaysExpand || !!expandState },
-                React.createElement("div", { className: 'kendo-grid-filter-menu-container' },
-                    React.createElement("form", { className: 'k-filter-menu k-group k-reset k-state-border-up', onSubmit: this.submit, onReset: this.clear, onKeyDown: function (e) { return e.stopPropagation(); } },
-                        React.createElement("div", { className: 'k-filter-menu-container' },
-                            FilterUI ?
-                                React.createElement(FilterUI, __assign({}, filterUIProps)) :
-                                React.createElement(GridColumnMenuFilterUI_1.GridColumnMenuFilterUI, __assign({}, filterUIProps)),
-                            React.createElement("div", { className: 'k-actions k-actions-stretched' },
-                                React.createElement(kendo_react_buttons_1.Button, { themeColor: "primary", disabled: !isFilterValid }, localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])),
-                                React.createElement(kendo_react_buttons_1.Button, { type: 'reset' }, localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])))))))));
-    };
-    /* eslint-disable max-len */
-    /**
-     * Can be used to check if filtering is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active filter indicators.
-     */
-    // tslint:enable:max-line-length
-    GridColumnMenuFilter.active = function (field, filter) {
-        return !!(0, exports.filterGroupByField)(field, filter);
-    };
-    return GridColumnMenuFilter;
-}(React.Component));
-exports.GridColumnMenuFilter = GridColumnMenuFilter;
-(0, kendo_react_intl_1.registerForLocalization)(GridColumnMenuFilter);

package/dist/npm/columnMenu/GridColumnMenuFilterCell.js

@@ -1,75 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridColumnMenuFilterCell = void 0;
-var React = require("react");
-var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
-var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
-var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
-var filterCommon_1 = require("../filterCommon");
-/**
- * @hidden
- */
-var GridColumnMenuFilterCell = /** @class */ (function (_super) {
-    __extends(GridColumnMenuFilterCell, _super);
-    function GridColumnMenuFilterCell(props) {
-        var _this = _super.call(this, props) || this;
-        _this.renderOperatorEditor = function () {
-            if (_this.props.filterType === 'boolean') {
-                return;
-            }
-            var value = _this.props.operators.find(function (item) { return item.operator === _this.props.operator; }) || null;
-            return (React.createElement(kendo_react_dropdowns_1.DropDownList, { value: value, onChange: _this.operatorChange, data: _this.props.operators, textField: "text" }));
-        };
-        _this.inputChange = _this.inputChange.bind(_this);
-        _this.operatorChange = _this.operatorChange.bind(_this);
-        _this.boolDropdownChange = _this.boolDropdownChange.bind(_this);
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    GridColumnMenuFilterCell.prototype.render = function () {
-        return (React.createElement(React.Fragment, null,
-            this.renderOperatorEditor(),
-            this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues)));
-    };
-    GridColumnMenuFilterCell.prototype.inputChange = function (value, e) {
-        (0, filterCommon_1.cellInputChange)(value, e, this.props);
-    };
-    GridColumnMenuFilterCell.prototype.operatorChange = function (event) {
-        (0, filterCommon_1.cellOperatorChange)(event, this.props.value, this.props.onChange);
-    };
-    GridColumnMenuFilterCell.prototype.boolDropdownChange = function (event) {
-        (0, filterCommon_1.cellBoolDropdownChange)(event, this.props.onChange);
-    };
-    GridColumnMenuFilterCell.prototype.filterComponent = function (filterType, value, booleanValues) {
-        var _this = this;
-        switch (filterType) {
-            case 'numeric':
-                return (React.createElement(kendo_react_inputs_1.NumericTextBox, { value: value, onChange: function (e) { _this.inputChange(e.value, e.syntheticEvent); }, rangeOnEnter: false }));
-            case 'date':
-                return (React.createElement(kendo_react_dateinputs_1.DatePicker, { value: value, onChange: function (e) { _this.inputChange(e.value, e.syntheticEvent); } }));
-            case 'boolean':
-                var noFilterSet_1 = function (filter) { return filter === null || filter === undefined; };
-                return (React.createElement(kendo_react_dropdowns_1.DropDownList, { onChange: this.boolDropdownChange, value: booleanValues.find(function (item) { return item.operator === (noFilterSet_1(value) ? '' : value); }), data: booleanValues, textField: "text" }));
-            default: return (React.createElement(kendo_react_inputs_1.Input, { value: value || '', onChange: function (e) { _this.inputChange(e.target.value, e.syntheticEvent); } }));
-        }
-    };
-    return GridColumnMenuFilterCell;
-}(React.Component));
-exports.GridColumnMenuFilterCell = GridColumnMenuFilterCell;

package/dist/npm/columnMenu/GridColumnMenuFilterUI.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuFilterUIProps } from '../interfaces/GridColumnMenuFilterUIProps';
-/**
- * @hidden
- */
-export declare class GridColumnMenuFilterUI extends React.Component<GridColumnMenuFilterUIProps, {}> {
-    render(): JSX.Element;
-}

package/dist/npm/columnMenu/GridColumnMenuFilterUI.js

@@ -1,51 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridColumnMenuFilterUI = void 0;
-var React = require("react");
-var GridColumnMenuFilterCell_1 = require("./GridColumnMenuFilterCell");
-var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
-/**
- * @hidden
- */
-var GridColumnMenuFilterUI = /** @class */ (function (_super) {
-    __extends(GridColumnMenuFilterUI, _super);
-    function GridColumnMenuFilterUI() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    GridColumnMenuFilterUI.prototype.render = function () {
-        var _a = this.props, firstFilterProps = _a.firstFilterProps, hideSecondFilter = _a.hideSecondFilter, secondFilterProps = _a.secondFilterProps, logicData = _a.logicData, logicValue = _a.logicValue, onLogicChange = _a.onLogicChange;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(GridColumnMenuFilterCell_1.GridColumnMenuFilterCell, __assign({}, firstFilterProps)),
-            !hideSecondFilter && (React.createElement(React.Fragment, null,
-                React.createElement(kendo_react_dropdowns_1.DropDownList, { data: logicData, value: logicValue, onChange: onLogicChange, className: 'k-filter-and', textField: "text" }),
-                React.createElement(GridColumnMenuFilterCell_1.GridColumnMenuFilterCell, __assign({}, secondFilterProps))))));
-    };
-    return GridColumnMenuFilterUI;
-}(React.Component));
-exports.GridColumnMenuFilterUI = GridColumnMenuFilterUI;

package/dist/npm/columnMenu/GridColumnMenuGroup.d.ts

@@ -1,73 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuGroupBaseProps } from '../interfaces/GridColumnMenuGroupBaseProps';
-/**
- * The props of the GridColumnMenuGroup component.
- */
-export interface GridColumnMenuGroupProps extends GridColumnMenuGroupBaseProps {
-}
-/**
- * @example
- * ```jsx-no-run
- * class TextColumnMenu extends React.Component {
- *     render() {
- *         return (
- *         <div>
- *             <GridColumnMenuSort {...this.props} />
- *             <GridColumnMenuGroup {...this.props} />
- *         </div>);
- *     }
- * }
- *
- * class App extends React.PureComponent {
- *     constructor(props) {
- *         super(props);
- *
- *         this.state = this.createAppState({
- *             take: 10,
- *             skip: 0
- *         });
- *     }
- *
- *     createAppState(dataState) {
- *         return {
- *             result: process(products.slice(0), dataState),
- *             dataState: dataState
- *         };
- *     }
- *
- *     dataStateChange = (event) => {
- *         this.setState(this.createAppState(event.dataState));
- *     }
- *
- *     render() {
- *         return (
- *             <div>
- *                 <Grid
- *                     data={this.state.result}
- *                     {...this.state.dataState}
- *                     onDataStateChange={this.dataStateChange}
- *                     sortable={true}
- *                     pageable={true}
- *                 >
- *                     <Column field="ProductID" title="Product ID" />
- *                     <Column field="ProductName" columnMenu={TextColumnMenu} />
- *                 </Grid>
- *                 <br />
- *             </div>
- *         );
- *     }
- * }
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare class GridColumnMenuGroup extends React.Component<GridColumnMenuGroupProps, {}> {
-    /**
-     * @hidden
-     */
-    onGroupClick: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}