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

package/dist/npm/cells/GridHierarchyCell.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { GridCellProps } from '../interfaces/GridCellProps';
-/**
- * @hidden
- */
-export declare const GridHierarchyCell: (props: GridCellProps) => JSX.Element | null;

package/dist/npm/cells/GridHierarchyCell.js

@@ -1,81 +0,0 @@
-"use strict";
-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.GridHierarchyCell = void 0;
-var React = require("react");
-var utils_1 = require("./../utils");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var messages_1 = require("../messages");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var GridHierarchyCell = function (props) {
-    var defaultRendering = null;
-    var tdProps = null;
-    var content = null;
-    var expanded = (0, utils_1.getNestedValue)(props.field, props.dataItem);
-    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
-    var localization = (0, kendo_react_intl_1.useLocalization)();
-    var onKeyDownHandler = React.useCallback(function (event) {
-        if (event.isDefaultPrevented()) {
-            return;
-        }
-        if (event.keyCode === kendo_react_common_1.Keys.enter && props.onChange) {
-            event.preventDefault();
-            props.onChange({
-                dataItem: props.dataItem,
-                dataIndex: props.dataIndex,
-                syntheticEvent: event,
-                field: props.field,
-                value: !expanded
-            });
-        }
-    }, [props.dataItem, props.dataIndex, props.field, props.onChange, expanded]);
-    if (props.rowType === 'groupFooter') {
-        tdProps = __assign({ className: 'k-table-td k-hierarchy-cell', role: 'gridcell' }, navigationAttributes);
-        defaultRendering =
-            React.createElement("td", __assign({}, tdProps));
-    }
-    else if (props.rowType !== 'groupHeader') {
-        var baseMessage = expanded ? messages_1.detailCollapse : messages_1.detailExpand;
-        var message = localization.toLanguageString(baseMessage, messages_1.messages[baseMessage]);
-        tdProps = __assign({ className: 'k-table-td k-hierarchy-cell', onKeyDown: onKeyDownHandler, 'aria-expanded': expanded ? true : false, role: 'gridcell', 'aria-colindex': props.ariaColumnIndex }, navigationAttributes);
-        content = (React.createElement("a", { onClick: function (e) {
-                e.preventDefault();
-                if (props.onChange) {
-                    props.onChange({
-                        dataItem: props.dataItem,
-                        dataIndex: props.dataIndex,
-                        syntheticEvent: e,
-                        field: props.field,
-                        value: !expanded
-                    });
-                }
-            }, "aria-label": message, href: "#", tabIndex: -1 },
-            React.createElement(kendo_react_common_1.IconWrap, { name: expanded ? 'minus' : 'plus', icon: expanded ? kendo_svg_icons_1.minusIcon : kendo_svg_icons_1.plusIcon })));
-        defaultRendering = (React.createElement("td", __assign({}, tdProps), content));
-    }
-    var rowTypeSetting = props.rowType || 'data';
-    var customCells = props.cells;
-    if (customCells && customCells.hierarchy && customCells.hierarchy[rowTypeSetting]) {
-        var CustomCell = customCells.hierarchy[rowTypeSetting];
-        return (React.createElement(CustomCell, __assign({}, props, { tdProps: tdProps }), content));
-    }
-    return props.render ?
-        props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
-};
-exports.GridHierarchyCell = GridHierarchyCell;

package/dist/npm/cells/GridSelectionCell.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { GridCellProps } from '../interfaces/GridCellProps';
-/**
- * @hidden
- */
-export declare const GridSelectionCell: (props: GridCellProps) => JSX.Element | null;

package/dist/npm/cells/GridSelectionCell.js

@@ -1,48 +0,0 @@
-"use strict";
-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.GridSelectionCell = void 0;
-var React = require("react");
-var utils_1 = require("./../utils");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-/**
- * @hidden
- */
-var GridSelectionCell = function (props) {
-    var _a;
-    var handleOnChange = React.useCallback(function (syntheticEvent) {
-        if (props.selectionChange) {
-            props.selectionChange({ syntheticEvent: syntheticEvent });
-        }
-    }, [props.selectionChange]);
-    var inputId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
-    var selectedValue = (0, utils_1.getNestedValue)(props.field, props.dataItem);
-    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
-    var tdProps = __assign((_a = { colSpan: props.colSpan, style: props.style, className: props.className }, _a['aria-colindex'] = props.ariaColumnIndex, _a.role = 'gridcell', _a), navigationAttributes);
-    var content = [
-        (React.createElement("input", { key: "1", checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange })),
-        (React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId, key: "2" }))
-    ];
-    var defaultRendering = props.rowType !== 'groupHeader' ? (React.createElement("td", __assign({}, tdProps), content)) : null;
-    var rowTypeSetting = props.rowType || 'data';
-    var customCells = props.cells;
-    if (customCells && customCells.select && customCells.select[rowTypeSetting]) {
-        var CustomCell = customCells.select[rowTypeSetting];
-        return (React.createElement(CustomCell, __assign({}, props, { tdProps: tdProps }), content));
-    }
-    return props.render ?
-        props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
-};
-exports.GridSelectionCell = GridSelectionCell;

package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -1,331 +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.GridColumnMenuCheckboxFilter = void 0;
-var React = require("react");
-var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
-var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
-var GridColumnMenuItemContent_1 = require("./GridColumnMenuItemContent");
-var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var messages_1 = require("../messages");
-var kendo_data_query_1 = require("@progress/kendo-data-query");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var utils_1 = require("../utils");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var isArrayEqual = function (firstArray, secondArray) {
-    if (firstArray.length !== secondArray.length) {
-        return false;
-    }
-    return firstArray.every(function (ex, i) { return ex === secondArray[i]; });
-};
-var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
-    __extends(GridColumnMenuCheckboxFilter, _super);
-    function GridColumnMenuCheckboxFilter(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * @hidden
-         */
-        _this.defaultFilter = function () {
-            if (_this.props.filter) {
-                return (0, kendo_react_common_1.clone)(_this.props.filter);
-            }
-            return { filters: [], logic: 'and' };
-        };
-        /**
-         * @hidden
-         */
-        _this.isControlled = function () { return _this.props.expanded !== undefined; };
-        /**
-         * @hidden
-         */
-        _this.parseData = function (originalData, isUnique) {
-            var field = _this.props.column.field || '';
-            var data = originalData.map(function (item) { return (0, utils_1.getNestedValue)(field, item); });
-            if (isUnique) {
-                return data.filter(function (item, index) { return data.indexOf(item) === index; });
-            }
-            return data;
-        };
-        /**
-         * @hidden
-         */
-        _this.getFilterIndex = function () {
-            var field = _this.props.column.field;
-            var currentFilter = _this.defaultFilter();
-            var compositeFilterIndex = currentFilter.filters.findIndex(function (filter) {
-                return filter.filters && filter.filters.length > 0 && filter.filters[0].field === field;
-            });
-            return compositeFilterIndex;
-        };
-        /**
-         * @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.handleSearchChange = function (e) {
-            var filterOperator = _this.props.searchBoxFilterOperator ? _this.props.searchBoxFilterOperator : 'startswith';
-            var filterExpression = {
-                logic: 'and',
-                filters: [
-                    { field: _this.props.column.field, operator: filterOperator, value: e.target.value, ignoreCase: true }
-                ]
-            };
-            _this.setState({
-                value: e.target.value,
-                data: _this.parseData((0, kendo_data_query_1.filterBy)(_this.props.data || [], filterExpression), _this.props.uniqueData)
-            });
-        };
-        /**
-         * @hidden
-         */
-        _this.handleClear = function () {
-            var filterOperator = _this.props.searchBoxFilterOperator ? _this.props.searchBoxFilterOperator : 'startswith';
-            var filterExpression = {
-                logic: 'and',
-                filters: [
-                    { field: _this.props.column.field, operator: filterOperator, value: '', ignoreCase: true }
-                ]
-            };
-            _this.setState({
-                value: '',
-                data: _this.parseData((0, kendo_data_query_1.filterBy)(_this.props.data || [], filterExpression), _this.props.uniqueData)
-            });
-        };
-        /**
-         * @hidden
-         */
-        _this.clear = function (e) {
-            e.preventDefault();
-            if (!_this.props.onFilterChange) {
-                return;
-            }
-            var updatedFilter = _this.state.currentFilter || null;
-            if (updatedFilter !== null && updatedFilter.filters.length > 0) {
-                if (_this.compositeFilterIndex >= 0) {
-                    updatedFilter.filters.splice(_this.compositeFilterIndex, 1);
-                }
-                _this.props.onFilterChange(updatedFilter, e);
-            }
-            else {
-                _this.props.onFilterChange(null, e);
-            }
-            if (_this.props.onCloseMenu) {
-                _this.props.onCloseMenu();
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.submit = function (e) {
-            e.preventDefault();
-            if (!_this.props.onFilterChange) {
-                return;
-            }
-            var updatedFilter = _this.state.currentFilter || null;
-            _this.props.onFilterChange(updatedFilter, e);
-            if (_this.props.onCloseMenu) {
-                _this.props.onCloseMenu();
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.handleCheckBoxChange = function (e, value) {
-            var field = _this.props.column.field || '';
-            var newFilter = __assign({}, _this.state.currentFilter);
-            var filters = __spreadArray([], _this.state.currentFilter.filters, true) || [];
-            var fieldFilters = [];
-            if (_this.compositeFilterIndex !== -1 && newFilter.filters[_this.compositeFilterIndex].filters && value !== 'all') {
-                fieldFilters = newFilter.filters[_this.compositeFilterIndex].filters;
-            }
-            if (e.value && value === 'all') {
-                _this.state.data.forEach(function (item) {
-                    fieldFilters.push({ field: field, operator: 'eq', value: item });
-                });
-            }
-            else if (e.value) {
-                fieldFilters.push({ field: field, operator: 'eq', value: value });
-            }
-            else if (_this.state.currentFilter) {
-                var index = fieldFilters.findIndex(function (filter) { return filter.value === value; });
-                fieldFilters.splice(index, 1);
-            }
-            newFilter.logic = 'and';
-            if (_this.compositeFilterIndex !== -1) {
-                filters[_this.compositeFilterIndex] = {
-                    logic: 'or',
-                    filters: fieldFilters
-                };
-            }
-            else {
-                filters.push({
-                    logic: 'or',
-                    filters: fieldFilters
-                });
-            }
-            if (!e.value && value === 'all' || fieldFilters.length === 0) {
-                filters.splice(_this.compositeFilterIndex, 1);
-            }
-            newFilter.filters = filters;
-            _this.setState({ currentFilter: newFilter });
-        };
-        /**
-         * @hidden
-         */
-        _this.isAllSelected = function () {
-            var isAllChecked = false;
-            if (_this.state.currentFilter) {
-                var filters_1 = __spreadArray([], _this.state.currentFilter.filters, true);
-                if (_this.compositeFilterIndex === -1) {
-                    return false;
-                }
-                isAllChecked = _this.state.data.every(function (item) {
-                    if (_this.compositeFilterIndex !== -1 && filters_1[_this.compositeFilterIndex].filters) {
-                        var index = filters_1[_this.compositeFilterIndex].filters.findIndex(function (filter) { return filter.value === item; });
-                        return index >= 0;
-                    }
-                    return false;
-                });
-                return isAllChecked;
-            }
-            return isAllChecked;
-        };
-        _this.compositeFilterIndex = _this.getFilterIndex();
-        _this.state = {
-            expanded: props.expanded || false,
-            value: '',
-            data: _this.parseData(_this.props.data, _this.props.uniqueData) || [],
-            dataFromProps: _this.parseData(_this.props.data, false) || [],
-            currentFilter: _this.defaultFilter()
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    GridColumnMenuCheckboxFilter.prototype.componentDidUpdate = function () {
-        var field = this.props.column.field || '';
-        var data = this.props.data.map(function (item) { return (0, utils_1.getNestedValue)(field, item); });
-        if (!isArrayEqual(data, this.state.dataFromProps)) {
-            this.setState({
-                data: data,
-                dataFromProps: data
-            });
-        }
-    };
-    /**
-     * @hidden
-     */
-    GridColumnMenuCheckboxFilter.prototype.render = function () {
-        var _this = this;
-        var column = this.props.column;
-        if (!column || !column.field) {
-            return React.createElement("div", null);
-        }
-        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        var expandState = this.isControlled() ? this.props.expanded : this.state.expanded;
-        var filterValues = [];
-        if (this.state.currentFilter) {
-            var currentFilter = __spreadArray([], this.state.currentFilter.filters, true);
-            this.compositeFilterIndex = currentFilter.findIndex(function (filter) {
-                if (filter.filters && filter.filters.length > 0) {
-                    return filter.filters[0].field === column.field;
-                }
-                return false;
-            });
-            if (this.compositeFilterIndex !== -1 && currentFilter[this.compositeFilterIndex].filters.length > 0) {
-                currentFilter[this.compositeFilterIndex].filters.forEach(function (filterItem) {
-                    if (filterItem.field === _this.props.column.field) {
-                        filterValues.push(filterItem.value);
-                    }
-                });
-            }
-        }
-        var searchBox = this.props.searchBox ?
-            React.createElement(this.props.searchBox, { value: this.state.value, onChange: this.handleSearchChange }) :
-            (React.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" },
-                React.createElement(kendo_react_common_1.IconWrap, { className: "k-input-icon", name: 'search', icon: kendo_svg_icons_1.searchIcon }),
-                React.createElement(kendo_react_inputs_1.Input, { className: "k-input-inner", type: "text", placeholder: localizationService.toLanguageString(messages_1.searchPlaceholder, messages_1.messages[messages_1.searchPlaceholder]), value: this.state.value, onChange: function (e) { return _this.handleSearchChange(e.nativeEvent); } }),
-                React.createElement(kendo_react_buttons_1.Button, { type: "button", rounded: null, className: "k-input-button", onClick: this.handleClear, icon: "x", svgIcon: kendo_svg_icons_1.xIcon })));
-        var uniqueFilterValues = filterValues.filter(function (item, index) { return filterValues.indexOf(item) === index; });
-        return (React.createElement(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, null,
-            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: !!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 },
-                        React.createElement("div", { className: "k-filter-menu-container" },
-                            searchBox,
-                            React.createElement("ul", { className: "k-reset k-multicheck-wrap" },
-                                React.createElement("li", { className: "k-item k-check-all-wrap" },
-                                    React.createElement(kendo_react_inputs_1.Checkbox, { label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]), onChange: function (e) { return _this.handleCheckBoxChange(e, 'all'); }, checked: this.isAllSelected() })),
-                                this.state.data.map(function (item, index) {
-                                    return (React.createElement("li", { className: "k-item", key: index },
-                                        React.createElement(kendo_react_inputs_1.Checkbox, { label: String(item), onChange: function (e) { return _this.handleCheckBoxChange(e, item); }, checked: uniqueFilterValues.includes(item) })));
-                                })),
-                            React.createElement("div", { className: "k-filter-selected-items" }, uniqueFilterValues.length + ' ' + localizationService.toLanguageString(messages_1.filterSelectedItems, messages_1.messages[messages_1.filterSelectedItems])),
-                            React.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" },
-                                React.createElement(kendo_react_buttons_1.Button, { themeColor: "primary", type: 'submit' }, localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])),
-                                React.createElement(kendo_react_buttons_1.Button, { className: "k-button", type: 'reset' }, localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])))))))));
-    };
-    /**
-     * @hidden
-     */
-    GridColumnMenuCheckboxFilter.defaultProps = {
-        uniqueData: true
-    };
-    return GridColumnMenuCheckboxFilter;
-}(React.Component));
-exports.GridColumnMenuCheckboxFilter = GridColumnMenuCheckboxFilter;
-(0, kendo_react_intl_1.registerForLocalization)(GridColumnMenuCheckboxFilter);

package/dist/npm/columnMenu/GridColumnMenuColumnsList.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridColumnMenuColumnsList = void 0;
-var React = require("react");
-var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-/**
- * Represents the KendoReact GridColumnMenuColumnsList component.
- */
-var GridColumnMenuColumnsList = function (props) {
-    var _a = React.useState(''), filter = _a[0], setFilter = _a[1];
-    var selectedColumnsIds = React.useMemo(function () { return new Set(props.columnsState.map(function (c) { return c.id; })); }, [props.columnsState]);
-    var filtered = React.useMemo(function () {
-        return props.columns.filter(function (c) { var _a; return (_a = (c.title || c.field)) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(filter.toLowerCase()); });
-    }, [props.columns, filter]);
-    var state = props.columns.map(function (c) { return React.useState(selectedColumnsIds.has(c.id)); });
-    var onApply = React.useCallback(function () {
-        var nextColumns = props.columns.filter(function (_c, i) { return state[i][0]; });
-        props.onColumnsChange.call(undefined, nextColumns);
-        props.onCloseMenu.call(undefined);
-    }, [state, props.columns, props.onColumnsChange, props.onCloseMenu]);
-    var onReset = React.useCallback(function () {
-        props.columns.forEach(function (c, i) {
-            state[i][1](selectedColumnsIds.has(c.id));
-        });
-    }, [state, selectedColumnsIds, props.columns]);
-    var checkedCount = state.filter(function (st) { return st[0]; }).length;
-    var allSelected = checkedCount === state.length;
-    var onSelectAll = React.useCallback(function () {
-        state.forEach(function (st, i) {
-            if (allSelected && i === 0) {
-                st[1](true);
-            }
-            else {
-                st[1](!allSelected);
-            }
-        });
-    }, [state, allSelected]);
-    return (React.createElement("form", { className: "k-filter-menu k-group k-reset" },
-        React.createElement("div", { className: "k-filter-menu-container" },
-            React.createElement(kendo_react_inputs_1.TextBox, { className: 'k-searchbox', value: filter, onChange: function (e) { return setFilter(String(e.target.value)); }, prefix: function () { return (React.createElement(React.Fragment, null,
-                    React.createElement(kendo_react_inputs_1.InputPrefix, null,
-                        React.createElement(kendo_react_common_1.IconWrap, { name: "search", icon: kendo_svg_icons_1.searchIcon })))); } }),
-            React.createElement("ul", { className: "k-reset k-multicheck-wrap" },
-                !filter && React.createElement("li", { className: "k-item k-check-all-wrap" },
-                    React.createElement(kendo_react_inputs_1.Checkbox, { checked: allSelected, onChange: onSelectAll, label: '(Select all)' })),
-                filtered.map(function (c, i) {
-                    return (React.createElement("li", { key: c.id, className: "k-item" },
-                        React.createElement(kendo_react_inputs_1.Checkbox, { disabled: state[i][0] && checkedCount === 1, checked: state[i][0], onChange: function (e) { var _a; return state[i][1](Boolean((_a = e.target.element) === null || _a === void 0 ? void 0 : _a.checked)); }, label: c.title || c.field })));
-                })),
-            React.createElement("div", { className: "k-filter-selected-items" },
-                checkedCount,
-                " selected items"),
-            React.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" },
-                React.createElement(kendo_react_buttons_1.Button, { type: "button", themeColor: 'primary', onClick: onApply }, "Apply"),
-                React.createElement(kendo_react_buttons_1.Button, { type: "button", onClick: onReset }, "Reset")))));
-};
-exports.GridColumnMenuColumnsList = GridColumnMenuColumnsList;
-exports.GridColumnMenuColumnsList.displayName = 'GridColumnMenuColumnsList';