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

package/dist/npm/VirtualScrollFixed.js

@@ -1,156 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualScrollFixed = exports.RowHeightService = void 0;
-var React = require("react");
-var utils_1 = require("./utils");
-/**
- * @hidden
- */
-var RowHeightService = /** @class */ (function () {
-    function RowHeightService(total, rowHeight, detailRowHeight, data) {
-        if (total === void 0) { total = 0; }
-        this.total = total;
-        this.offsets = [];
-        this.heights = [];
-        var agg = 0;
-        for (var idx = 0; idx < total; idx++) {
-            this.offsets.push(agg);
-            var currHeight = (data && data[idx].expanded && data[idx].rowType === 'data') ? detailRowHeight : rowHeight;
-            agg += currHeight;
-            this.heights.push(currHeight);
-        }
-    }
-    RowHeightService.prototype.height = function (rowIndex) {
-        return this.heights[rowIndex];
-    };
-    RowHeightService.prototype.index = function (position) {
-        if (position < 0) {
-            return undefined;
-        }
-        var result = this.offsets.reduce(function (prev, current, idx) {
-            if (prev !== undefined) {
-                return prev;
-            }
-            else if (current === position) {
-                return idx;
-            }
-            else if (current > position) {
-                return idx - 1;
-            }
-            return undefined;
-        }, undefined);
-        return result === undefined ? this.total - 1 : result;
-    };
-    RowHeightService.prototype.offset = function (rowIndex) {
-        return this.offsets[rowIndex];
-    };
-    RowHeightService.prototype.totalHeight = function () {
-        var lastOffset = this.offsets[this.offsets.length - 1];
-        var lastHeight = this.heights[this.heights.length - 1];
-        return lastOffset + lastHeight;
-        // return this.heights.reduce((prev, curr) => prev + curr, 0);
-    };
-    return RowHeightService;
-}());
-exports.RowHeightService = RowHeightService;
-/**
- * @hidden
- */
-var VirtualScrollFixed = /** @class */ (function () {
-    function VirtualScrollFixed(_cached) {
-        this.table = null;
-        this.containerHeight = 0;
-        this.topCacheCount = 0;
-        this.attendedSkip = 0;
-        this.propsSkip = 0;
-        this.total = 0;
-        this.scrollableVirtual = false;
-        this.realSkip = 0;
-        this.pageSize = 0;
-        this.PageChange = null;
-        this.tableBodyRef = React.createRef();
-        this.fixedScroll = false;
-        this.askedSkip = undefined;
-        this.containerRef = React.createRef();
-        this.tableTransform = '';
-        this.scrollSyncing = false;
-        this.lastLoaded = 0;
-        this.firstLoaded = 0;
-        this.lastScrollTop = 0;
-        this.reactVersion = Number.parseFloat(React.version);
-        this.firstLoaded = this.pageSize;
-        this.lastLoaded = this.realSkip + this.pageSize;
-        this.scrollHandler = this.scrollHandler.bind(this);
-    }
-    Object.defineProperty(VirtualScrollFixed.prototype, "container", {
-        get: function () {
-            return this.containerRef.current;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    VirtualScrollFixed.prototype.translate = function (dY, forceSet) {
-        if (this.scrollableVirtual && this.table) {
-            if (utils_1.firefox || this.reactVersion <= 17 || forceSet) {
-                this.table.style.transform = 'translateY(' + dY + 'px)';
-            }
-            else {
-                this.tableTransform = 'translateY(' + dY + 'px)';
-            }
-        }
-    };
-    VirtualScrollFixed.prototype.changePage = function (skip, e) {
-        if (this.PageChange) {
-            this.PageChange({ skip: Math.max(0, skip), take: this.pageSize }, e);
-        }
-    };
-    VirtualScrollFixed.prototype.reset = function () {
-        this.scrollSyncing = true;
-        if (this.fixedScroll) {
-            return;
-        }
-        if (this.container) {
-            this.container.scrollTop = 0;
-        }
-        this.translate(0, true);
-    };
-    VirtualScrollFixed.prototype.scrollHandler = function (e) {
-        if (!this.scrollableVirtual || !this.container || !this.table ||
-            !this.rowHeightService || !this.containerRef.current) {
-            return;
-        }
-        if (this.scrollSyncing) {
-            this.scrollSyncing = false;
-            return;
-        }
-        var scrollTop = this.container.scrollTop;
-        var up = this.lastScrollTop >= scrollTop;
-        var down = !up;
-        this.lastScrollTop = scrollTop;
-        var firstItemIndex = this.rowHeightService.index(scrollTop);
-        var firstItemOffset = this.rowHeightService.offset(firstItemIndex);
-        var offsetHeight = this.containerRef.current.offsetHeight;
-        var lastItemIndex = this.rowHeightService.index(scrollTop + offsetHeight);
-        if (down && lastItemIndex >= this.lastLoaded && this.lastLoaded < this.total) {
-            var overflow = (firstItemIndex + this.pageSize) - this.total;
-            if (overflow > 0) {
-                firstItemIndex = firstItemIndex - overflow;
-                firstItemOffset = this.rowHeightService.offset(firstItemIndex);
-            }
-            this.firstLoaded = firstItemIndex;
-            this.translate(firstItemOffset);
-            var nextTake = this.firstLoaded + this.pageSize;
-            this.lastLoaded = Math.min(nextTake, this.total);
-            this.changePage(this.firstLoaded, e);
-        }
-        else if (up && firstItemIndex < this.firstLoaded) {
-            var nonVisibleBuffer = Math.floor(this.pageSize * 0.3);
-            this.firstLoaded = Math.max(firstItemIndex - nonVisibleBuffer, 0);
-            this.translate(this.rowHeightService.offset(this.firstLoaded));
-            this.lastLoaded = Math.min(this.firstLoaded + this.pageSize, this.total);
-            this.changePage(this.firstLoaded, e);
-        }
-    };
-    return VirtualScrollFixed;
-}());
-exports.VirtualScrollFixed = VirtualScrollFixed;

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

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

package/dist/npm/cells/GridCell.js

@@ -1,63 +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.GridCell = void 0;
-var React = require("react");
-var utils_1 = require("./../utils");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-var constants_1 = require("../constants");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var GridCell = function (props) {
-    var _a;
-    var defaultRendering = null;
-    var intl = (0, kendo_react_intl_1.useInternationalization)();
-    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
-    var onContextMenu = React.useCallback(function (event) {
-        if (props.onContextMenu) {
-            props.onContextMenu.call(undefined, event, props.dataItem, props.field);
-        }
-    }, [props.onContextMenu, props.dataItem, props.field]);
-    var tdProps = null;
-    var content = null;
-    if (props.rowType === 'groupFooter') {
-        tdProps = {
-            onContextMenu: onContextMenu,
-            className: props.className
-        };
-        defaultRendering = React.createElement("td", __assign({}, tdProps));
-    }
-    else if (props.rowType !== 'groupHeader') {
-        if (props.field !== undefined) {
-            var data = (0, utils_1.getNestedValue)(props.field, props.dataItem);
-            if (data !== undefined && data !== null) {
-                content = props.format ?
-                    intl.format(props.format, data) :
-                    data.toString();
-            }
-        }
-        var className = (0, kendo_react_common_1.classNames)('k-table-td', props.className, { 'k-selected': props.isSelected });
-        tdProps = __assign((_a = { onContextMenu: onContextMenu, colSpan: props.colSpan, style: props.style, className: className, role: 'gridcell', 'aria-colindex': props.ariaColumnIndex, 'aria-selected': props.isSelected }, _a[constants_1.GRID_COL_INDEX_ATTRIBUTE] = props.columnIndex, _a), navigationAttributes);
-        defaultRendering = (React.createElement("td", __assign({}, tdProps), content));
-    }
-    var rowTypeSetting = props.rowType || 'data';
-    var customCells = props.cells;
-    if (customCells && customCells[rowTypeSetting]) {
-        var CustomCell = customCells[rowTypeSetting];
-        return (React.createElement(CustomCell, __assign({}, props, { tdProps: tdProps }), content));
-    }
-    return props.render ?
-        props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
-};
-exports.GridCell = GridCell;

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { GridDetailRowProps } from '../interfaces/GridDetailRowProps';
-/** @hidden */
-export interface GridDetailCellProps {
-    colSpan: number;
-    ariaColIndex: number;
-    dataItem: any;
-    dataIndex: number;
-    detail: React.ComponentType<GridDetailRowProps>;
-    id: string;
-    onContextMenu?: (event: React.MouseEvent<HTMLElement>, dataItem: any) => void;
-}
-/** @hidden */
-export declare const GridDetailCell: (props: GridDetailCellProps) => JSX.Element;

package/dist/npm/cells/GridDetailCell.js

@@ -1,29 +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.GridDetailCell = void 0;
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-var React = require("react");
-/** @hidden */
-var GridDetailCell = function (props) {
-    var colSpan = props.colSpan, ariaColIndex = props.ariaColIndex, dataItem = props.dataItem, dataIndex = props.dataIndex, id = props.id;
-    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(id);
-    var onContextMenu = React.useCallback(function (event) {
-        if (props.onContextMenu) {
-            props.onContextMenu.call(undefined, event, props.dataItem);
-        }
-    }, [props.onContextMenu, props.dataItem]);
-    return (React.createElement("td", __assign({ onContextMenu: onContextMenu, className: "k-table-td k-detail-cell", colSpan: colSpan, "aria-colindex": ariaColIndex, role: 'gridcell' }, navigationAttributes),
-        React.createElement(props.detail, { dataItem: dataItem, dataIndex: dataIndex })));
-};
-exports.GridDetailCell = GridDetailCell;

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-/** @hidden */
-export interface GridDetailHierarchyCellProps {
-    id: string;
-}
-/** @hidden */
-export declare const GridDetailHierarchyCell: (props: GridDetailHierarchyCellProps) => JSX.Element;

package/dist/npm/cells/GridDetailHierarchyCell.js

@@ -1,22 +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.GridDetailHierarchyCell = void 0;
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-var React = require("react");
-/** @hidden */
-var GridDetailHierarchyCell = function (props) {
-    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
-    return (React.createElement("td", __assign({ className: "k-table-td k-hierarchy-cell" }, navigationAttributes, { role: 'gridcell' })));
-};
-exports.GridDetailHierarchyCell = GridDetailHierarchyCell;

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

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

package/dist/npm/cells/GridEditCell.js

@@ -1,100 +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.GridEditCell = void 0;
-var React = require("react");
-var utils_1 = require("./../utils");
-var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
-var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-var constants_1 = require("../constants");
-/**
- * @hidden
- */
-var GridEditCell = function (props) {
-    var _a, _b, _c, _d, _e;
-    var data = (0, utils_1.getNestedValue)(props.field, props.dataItem);
-    var defaultRendering = null;
-    var editCellClasses = (0, kendo_react_common_1.classNames)('k-table-td', 'k-grid-edit-cell', (_a = {},
-        _a['k-selected'] = props.isSelected,
-        _a), props.className);
-    var inputId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
-    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
-    var tdProps = null;
-    var content = null;
-    var handleOnChange = React.useCallback(function (syntheticEvent) {
-        if (props.onChange) {
-            var value = syntheticEvent.target.type === 'checkbox' ?
-                syntheticEvent.target.checked :
-                syntheticEvent.target.value;
-            props.onChange({
-                dataItem: props.dataItem,
-                dataIndex: props.dataIndex,
-                field: props.field,
-                syntheticEvent: syntheticEvent,
-                value: value
-            });
-        }
-    }, [props.onChange, props.dataItem, props.dataIndex, props.field]);
-    var onContextMenu = React.useCallback(function (event) {
-        if (props.onContextMenu) {
-            props.onContextMenu.call(undefined, event, props.dataItem, props.field);
-        }
-    }, [props.onContextMenu, props.dataItem, props.field]);
-    var inputChange = React.useCallback(function (e) {
-        if (props.onChange) {
-            props.onChange({
-                dataItem: props.dataItem,
-                dataIndex: props.dataIndex,
-                field: props.field,
-                syntheticEvent: e.syntheticEvent,
-                value: e.value
-            });
-        }
-    }, [props.onChange, props.dataItem, props.dataIndex, props.field]);
-    switch (props.editor) {
-        case 'numeric':
-            tdProps = __assign((_b = { onContextMenu: onContextMenu, colSpan: props.colSpan, style: props.style, className: editCellClasses }, _b['aria-colindex'] = props.ariaColumnIndex, _b['aria-selected'] = props.isSelected, _b[constants_1.GRID_COL_INDEX_ATTRIBUTE] = props.columnIndex, _b.role = 'gridcell', _b), navigationAttributes);
-            content = (React.createElement(kendo_react_inputs_1.NumericTextBox, { width: "100%", value: (data === undefined) ? null : data, onChange: inputChange }));
-            defaultRendering = (React.createElement("td", __assign({}, tdProps), content));
-            break;
-        case 'date':
-            tdProps = __assign((_c = { onContextMenu: onContextMenu, colSpan: props.colSpan, style: props.style, className: editCellClasses }, _c['aria-colindex'] = props.ariaColumnIndex, _c['aria-selected'] = props.isSelected, _c[constants_1.GRID_COL_INDEX_ATTRIBUTE] = props.columnIndex, _c.role = 'gridcell', _c), navigationAttributes);
-            content = (React.createElement(kendo_react_dateinputs_1.DatePicker, { width: "100%", value: data, onChange: inputChange }));
-            defaultRendering = (React.createElement("td", __assign({}, tdProps), content));
-            break;
-        case 'boolean':
-            tdProps = __assign((_d = { onContextMenu: onContextMenu, colSpan: props.colSpan, style: props.style, className: editCellClasses }, _d['aria-colindex'] = props.ariaColumnIndex, _d['aria-selected'] = props.isSelected, _d[constants_1.GRID_COL_INDEX_ATTRIBUTE] = props.columnIndex, _d.role = 'gridcell', _d), navigationAttributes);
-            content = ([
-                React.createElement("input", { checked: data || false, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange, key: 1 }),
-                React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId, key: 2 })
-            ]);
-            defaultRendering = (React.createElement("td", __assign({}, tdProps), content));
-            break;
-        default:
-            tdProps = __assign((_e = { onContextMenu: onContextMenu, colSpan: props.colSpan, style: props.style, className: editCellClasses }, _e['aria-colindex'] = props.ariaColumnIndex, _e['aria-selected'] = props.isSelected, _e[constants_1.GRID_COL_INDEX_ATTRIBUTE] = props.columnIndex, _e.role = 'gridcell', _e), navigationAttributes);
-            content = (React.createElement("input", { style: { width: '100%' }, className: "k-input", value: data || '', onChange: handleOnChange }));
-            defaultRendering = (React.createElement("td", __assign({}, tdProps), content));
-    }
-    var editorSetting = props.editor || 'text';
-    var customCells = props.cells;
-    if (customCells && customCells.edit && customCells.edit[editorSetting]) {
-        var CustomCell = customCells.edit[editorSetting];
-        return (React.createElement(CustomCell, __assign({}, props, { tdProps: tdProps }), content));
-    }
-    return props.render ?
-        props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
-};
-exports.GridEditCell = GridEditCell;

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

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { GridFilterCellProps } from '../interfaces/GridFilterCellProps';
-export declare class GridFilterCell extends React.Component<GridFilterCellProps, {}> {
-    private _inputRef;
-    constructor(props: GridFilterCellProps);
-    /**
-     * @hidden
-     */
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-    private renderOperatorEditor;
-    private inputChange;
-    private operatorChange;
-    private boolDropdownChange;
-    private clear;
-    private filterComponent;
-}

package/dist/npm/cells/GridFilterCell.js

@@ -1,105 +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.GridFilterCell = void 0;
-var React = require("react");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-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 messages_1 = require("../messages");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var filterCommon_1 = require("../filterCommon");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var GridFilterCell = /** @class */ (function (_super) {
-    __extends(GridFilterCell, _super);
-    function GridFilterCell(props) {
-        var _this = _super.call(this, props) || this;
-        _this._inputRef = React.createRef();
-        _this.renderOperatorEditor = function (localization) {
-            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, { size: _this.props.size, value: value, onChange: _this.operatorChange, className: "k-dropdown-operator", iconClassName: "k-i-filter k-icon", svgIcon: kendo_svg_icons_1.filterIcon, data: _this.props.operators, textField: "text", title: localization.toLanguageString(messages_1.filterChooseOperator, messages_1.messages[messages_1.filterChooseOperator]), popupSettings: {
-                    width: ''
-                } }));
-        };
-        _this.inputChange = _this.inputChange.bind(_this);
-        _this.clear = _this.clear.bind(_this);
-        _this.operatorChange = _this.operatorChange.bind(_this);
-        _this.boolDropdownChange = _this.boolDropdownChange.bind(_this);
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    GridFilterCell.prototype.render = function () {
-        var _a;
-        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        var defaultRendering = (React.createElement("div", { className: "k-filtercell" },
-            React.createElement("div", { className: "k-filtercell-wrapper" },
-                this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues),
-                React.createElement("div", { className: "k-filtercell-operator" },
-                    this.renderOperatorEditor(localizationService),
-                    "\u00A0",
-                    React.createElement(kendo_react_buttons_1.Button, { size: this.props.size, icon: 'filter-clear', svgIcon: kendo_svg_icons_1.filterClearIcon, className: (0, kendo_react_common_1.classNames)((_a = {},
-                            _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
-                            _a)), title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) })))));
-        if (this.props.render) {
-            return this.props.render.call(undefined, defaultRendering, this.props);
-        }
-        return defaultRendering;
-    };
-    GridFilterCell.prototype.inputChange = function (value, e) {
-        (0, filterCommon_1.cellInputChange)(value, e, this.props);
-    };
-    GridFilterCell.prototype.operatorChange = function (event) {
-        (0, filterCommon_1.cellOperatorChange)(event, this.props.value, this.props.onChange);
-    };
-    GridFilterCell.prototype.boolDropdownChange = function (event) {
-        (0, filterCommon_1.cellBoolDropdownChange)(event, this.props.onChange);
-    };
-    GridFilterCell.prototype.clear = function (e) {
-        var _this = this;
-        e.preventDefault();
-        this.props.onChange({ value: '', operator: '', syntheticEvent: e });
-        if (this._inputRef.current) {
-            this._inputRef.current.element.value = '';
-            setTimeout(function () {
-                _this._inputRef.current.element.focus();
-            }, 0);
-        }
-    };
-    GridFilterCell.prototype.filterComponent = function (filterType, value, booleanValues) {
-        var _this = this;
-        switch (filterType) {
-            case 'numeric':
-                return (React.createElement(kendo_react_inputs_1.NumericTextBox, { ref: this._inputRef, size: this.props.size, value: value, onChange: function (e) { _this.inputChange(e.value, e.syntheticEvent); }, title: this.props.title, ariaLabel: this.props.ariaLabel }));
-            case 'date':
-                return (React.createElement(kendo_react_dateinputs_1.DatePicker, { ref: this._inputRef, size: this.props.size, value: value, onChange: function (e) { _this.inputChange(e.value, e.syntheticEvent); }, title: this.props.title, ariaLabel: this.props.ariaLabel }));
-            case 'boolean':
-                var noFilterSet_1 = function (filter) { return filter === null || filter === undefined; };
-                return (React.createElement(kendo_react_dropdowns_1.DropDownList, { ref: this._inputRef, size: this.props.size, onChange: this.boolDropdownChange, value: booleanValues.find(function (item) { return item.operator === (noFilterSet_1(value) ? '' : value); }), data: booleanValues, textField: "text", title: this.props.title, ariaLabel: this.props.ariaLabel }));
-            default: return (React.createElement(kendo_react_inputs_1.TextBox, { ref: this._inputRef, size: this.props.size, value: value || '', onChange: function (e) { _this.inputChange(e.target.value, e.syntheticEvent); }, title: this.props.title, "aria-label": this.props.ariaLabel }));
-        }
-    };
-    return GridFilterCell;
-}(React.Component));
-exports.GridFilterCell = GridFilterCell;
-(0, kendo_react_intl_1.registerForLocalization)(GridFilterCell);

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

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

package/dist/npm/cells/GridGroupCell.js

@@ -1,118 +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.GridGroupCell = void 0;
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var React = require("react");
-var messages_1 = require("../messages");
-/**
- * @hidden
- */
-var GridGroupCell = function (props) {
-    var defaultRendering = null;
-    var columnIndex = props.columnIndex, level = props.level, columnsCount = props.columnsCount, rowType = props.rowType, dataItem = props.dataItem, field = props.field, onChange = props.onChange, expanded = props.expanded, render = props.render, dataIndex = props.dataIndex, ariaColumnIndex = props.ariaColumnIndex, isRtl = props.isRtl;
-    var definedField = field || '';
-    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
-    var localization = (0, kendo_react_intl_1.useLocalization)();
-    var tdProps = null;
-    var td2Props = null;
-    var content = null;
-    var onKeyDownHandler = React.useCallback(function (event) {
-        if (event.isDefaultPrevented()) {
-            return;
-        }
-        if (event.keyCode === kendo_react_common_1.Keys.enter && onChange) {
-            event.preventDefault();
-            onChange({
-                dataItem: dataItem,
-                dataIndex: dataIndex,
-                syntheticEvent: event,
-                field: undefined,
-                value: !expanded
-            });
-        }
-    }, [expanded, onChange, dataItem, dataIndex]);
-    var onContextMenu = React.useCallback(function (event) {
-        if (props.onContextMenu) {
-            props.onContextMenu.call(undefined, event, props.dataItem, props.field);
-        }
-    }, [props.onContextMenu, props.dataItem, props.field]);
-    var renderCellCollapse = function (colspan, styles) {
-        var _a;
-        var baseMessage = expanded ? messages_1.groupCollapse : messages_1.groupExpand;
-        var message = localization.toLanguageString(baseMessage, messages_1.messages[baseMessage]);
-        tdProps = __assign((_a = { className: 'k-table-td', style: __assign(__assign({}, props.style), styles), colSpan: colspan, key: 'g-colspan', role: 'gridcell' }, _a['aria-selected'] = false, _a['aria-expanded'] = expanded, _a['aria-colindex'] = ariaColumnIndex, _a.onKeyDown = onKeyDownHandler, _a.onContextMenu = onContextMenu, _a), navigationAttributes);
-        content = (React.createElement("p", { className: "k-reset" },
-            React.createElement("a", { onClick: function (e) {
-                    e.preventDefault();
-                    if (onChange) {
-                        onChange({
-                            dataItem: dataItem,
-                            dataIndex: dataIndex,
-                            syntheticEvent: e,
-                            field: undefined,
-                            value: !expanded
-                        });
-                    }
-                }, href: "#", tabIndex: -1, "aria-label": message },
-                React.createElement(kendo_react_common_1.IconWrap, { name: expanded ?
-                        'caret-alt-down'
-                        : isRtl ? 'caret-alt-left' : 'caret-alt-right', icon: expanded ?
-                        kendo_svg_icons_1.caretAltDownIcon
-                        : isRtl ? kendo_svg_icons_1.caretAltLeftIcon : kendo_svg_icons_1.caretAltRightIcon })),
-            ((dataItem[definedField] instanceof Date) && dataItem[definedField].toString) ?
-                dataItem[definedField].toString() :
-                dataItem[definedField]));
-        return (React.createElement("td", __assign({}, tdProps), content));
-    };
-    if (columnIndex === undefined || level === undefined || columnIndex < level ||
-        columnsCount === undefined || rowType !== 'groupHeader' || dataItem[definedField] === undefined) {
-        tdProps = {
-            style: props.style,
-            key: 'g' + columnIndex,
-            className: (0, kendo_react_common_1.classNames)('k-table-td', 'k-group-cell', { 'k-grid-content-sticky': props.locked }),
-            role: 'gridcell',
-            onContextMenu: onContextMenu
-        };
-        defaultRendering = (React.createElement("td", __assign({}, tdProps)));
-    }
-    else if (columnIndex <= level && !props.locked) {
-        defaultRendering = renderCellCollapse(columnsCount - columnIndex, {});
-    }
-    else if (columnIndex <= level && props.locked) {
-        td2Props = {
-            className: 'k-table-td',
-            role: 'gridcell',
-            colSpan: (columnsCount - columnIndex),
-            style: { borderLeftWidth: 0, borderRightWidth: 0 },
-            onContextMenu: onContextMenu
-        };
-        defaultRendering = (React.createElement(React.Fragment, null,
-            renderCellCollapse(0, { position: 'sticky', zIndex: 2 }),
-            React.createElement("td", __assign({}, td2Props))));
-    }
-    var rowTypeSetting = props.rowType || 'data';
-    var customCells = props.cells;
-    if (customCells && customCells.group
-        && customCells.group[rowTypeSetting]) {
-        var CustomCell = customCells.group[rowTypeSetting];
-        return (React.createElement(CustomCell, __assign({}, props, { tdProps: tdProps, td2Props: td2Props }), content));
-    }
-    return render ?
-        render.call(undefined, defaultRendering, props) :
-        defaultRendering;
-};
-exports.GridGroupCell = GridGroupCell;