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

package/dist/es/VirtualScroll.js

@@ -1,243 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-var VirtualScroll = /** @class */ (function () {
-    function VirtualScroll(cached) {
-        var _this = this;
-        this.table = null;
-        this.containerHeight = 0;
-        this.topCacheCount = 0; // 4;
-        this.attendedSkip = 0; // -4;
-        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.prevScrollPos = 0;
-        this.tableTranslate = 0;
-        this.scrollSyncing = false;
-        this.reactVersion = Number.parseFloat(React.version);
-        this.topItems = function (heights, skipTopBuffer) {
-            if (!_this.container || skipTopBuffer) {
-                return { topItemsCount: 0, topItemsHeight: 0 };
-            }
-            var screenHeight = _this.container.clientHeight;
-            var itemsOnScreen = Math.ceil(screenHeight / heights[0].line);
-            var topItemsCount = Math.ceil((heights.length - itemsOnScreen) / 2);
-            var topItemsHeight = 0;
-            for (var i = 0; i < topItemsCount; i++) {
-                topItemsHeight += heights[i].line + heights[i].acc;
-            }
-            return {
-                topItemsCount: topItemsCount,
-                topItemsHeight: topItemsHeight,
-                itemsNeededOnScreen: itemsOnScreen + itemsOnScreen / 2
-            };
-        };
-        this.horizontalScrollbarHeight = function () {
-            if (!_this.container) {
-                return 0;
-            }
-            return _this.container.offsetHeight - _this.container.clientHeight;
-        };
-        if (cached) {
-            this.topCacheCount = 4;
-            this.attendedSkip = -this.topCacheCount;
-        }
-        this.scrollHandler = this.scrollHandler.bind(this);
-    }
-    Object.defineProperty(VirtualScroll.prototype, "container", {
-        get: function () {
-            return this.containerRef.current;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(VirtualScroll.prototype, "rowHeights", {
-        /**
-         * @return - The row heights in an array.
-         */
-        get: function () {
-            var result = [];
-            var allRows = this.tableBodyRef.current && this.tableBodyRef.current.children || [];
-            var accumulate = 0;
-            for (var i = 0; i < allRows.length; i++) {
-                if (allRows[i].className.indexOf('k-grouping-row') > -1) {
-                    accumulate += allRows[i].scrollHeight;
-                    continue;
-                }
-                if (allRows[i].className.indexOf('k-detail-row') > -1) {
-                    result[result.length - 1].line += allRows[i].scrollHeight;
-                }
-                else {
-                    result.push({
-                        line: allRows[i].scrollHeight,
-                        acc: accumulate
-                    });
-                    accumulate = 0;
-                }
-            }
-            return result;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    VirtualScroll.prototype.changePage = function (skip, e) {
-        this.attendedSkip = skip - this.topCacheCount;
-        if (this.PageChange) {
-            this.PageChange({
-                skip: Math.max(0, skip - this.topCacheCount),
-                take: this.pageSize
-            }, e);
-        }
-    };
-    VirtualScroll.prototype.translate = function (dY, forceSet) {
-        this.tableTranslate = dY;
-        if (this.scrollableVirtual && this.table) {
-            if (this.reactVersion <= 17 || forceSet) {
-                this.table.style.transform = 'translateY(' + dY + 'px)';
-            }
-            else {
-                this.tableTransform = 'translateY(' + dY + 'px)';
-            }
-        }
-    };
-    VirtualScroll.prototype.reset = function () {
-        this.scrollSyncing = true;
-        if (this.fixedScroll) {
-            return;
-        }
-        if (this.container) {
-            this.container.scrollTop = 0;
-        }
-        this.translate(0, true);
-    };
-    VirtualScroll.prototype.localScrollUp = function (e) {
-        if (!this.container) {
-            return;
-        }
-        var heights = this.rowHeights;
-        var scrollTop = this.container.scrollTop;
-        var targetTranslate = this.tableTranslate;
-        var rowsCount = 0;
-        var _a = this.topItems(heights, Boolean(this.topCacheCount)), topItemsCount = _a.topItemsCount, topItemsHeight = _a.topItemsHeight, itemsNeededOnScreen = _a.itemsNeededOnScreen;
-        var additionalOnTop = scrollTop - targetTranslate;
-        if ((additionalOnTop > topItemsHeight) || heights.length <= itemsNeededOnScreen) {
-            return;
-        }
-        while ((rowsCount < this.topCacheCount + this.attendedSkip - this.realSkip + topItemsCount)
-            && this.propsSkip - rowsCount > 0 &&
-            !(targetTranslate + (heights[heights.length - 1 - rowsCount].line + heights[heights.length - 1 - rowsCount].acc) + additionalOnTop <= scrollTop)) {
-            targetTranslate -= heights[heights.length - 1 - rowsCount].line +
-                heights[heights.length - 1 - rowsCount].acc;
-            rowsCount++;
-        }
-        if (rowsCount === 0 && this.topCacheCount === 0 && this.attendedSkip > 0) {
-            // allows local scrolling up, when top caching is disabled
-            // for variable heights 'topCacheCount' should be atleast 1 to avoid flickering
-            targetTranslate = Math.max(targetTranslate - heights[0].line, 0);
-            rowsCount = 1;
-        }
-        if (this.propsSkip - rowsCount <= 0 && targetTranslate > scrollTop) {
-            this.translate(0);
-            this.changePage(0, e);
-            this.container.scrollTop = 0;
-            return;
-        }
-        if (targetTranslate > scrollTop) {
-            targetTranslate = scrollTop;
-            // need to handle these cases
-            // if the item height is not available:
-            //    floor the translate to beginning of the item in absolute value
-        }
-        if (targetTranslate !== this.tableTranslate) {
-            this.translate(Math.max(0, targetTranslate - topItemsHeight));
-            var nextSkip = Math.max(0, this.propsSkip - rowsCount - topItemsCount);
-            this.changePage(nextSkip, e);
-        }
-    };
-    VirtualScroll.prototype.localScrollDown = function (e) {
-        if (!this.container) {
-            return;
-        }
-        var heights = this.rowHeights;
-        var scrollTop = this.container.scrollTop;
-        var targetTranslate = this.tableTranslate;
-        var rowsCount = 0;
-        var _a = this.topItems(heights, Boolean(this.topCacheCount)), topItemsCount = _a.topItemsCount, topItemsHeight = _a.topItemsHeight, itemsNeededOnScreen = _a.itemsNeededOnScreen;
-        while (rowsCount < heights.length - this.topCacheCount &&
-            !(targetTranslate + heights[rowsCount].line + heights[rowsCount].acc > scrollTop)) {
-            targetTranslate += heights[rowsCount].line + heights[rowsCount].acc;
-            rowsCount++;
-        }
-        if ((topItemsCount > this.propsSkip + rowsCount) || heights.length <= itemsNeededOnScreen) {
-            return;
-        }
-        if (rowsCount >= heights.length - this.topCacheCount && this.propsSkip + rowsCount >= this.total) {
-            this.translate(targetTranslate - topItemsHeight);
-            this.changePage(this.total - 1 - topItemsCount, e);
-        }
-        else if (targetTranslate !== this.tableTranslate && this.propsSkip + rowsCount - topItemsCount !== this.propsSkip) {
-            this.translate(targetTranslate - topItemsHeight);
-            this.changePage(this.propsSkip + rowsCount - topItemsCount, e);
-        }
-    };
-    VirtualScroll.prototype.scrollNonStrict = function (e) {
-        var floatRowIndex = this.total * this.prevScrollPos / (this.containerHeight);
-        var rowIndex = Math.floor(floatRowIndex);
-        if (rowIndex >= this.total) {
-            rowIndex = this.total - 1;
-        }
-        var rowpercentage = Math.min(floatRowIndex - rowIndex, 1);
-        var microAdjust = 0;
-        var rowIndexOffset = rowIndex - this.propsSkip;
-        var heights = this.rowHeights;
-        if (rowIndexOffset >= 0 && rowIndexOffset <= 1) {
-            microAdjust = -((heights[0].line + heights[0].acc) * rowpercentage);
-        }
-        else if (rowIndexOffset === -1) {
-            microAdjust = -((heights[heights.length - 1].line + heights[heights.length - 1].acc) * rowpercentage);
-        }
-        var _a = this.topItems(heights, Boolean(this.topCacheCount)), topItemsCount = _a.topItemsCount, topItemsHeight = _a.topItemsHeight;
-        this.translate(Math.max(0, microAdjust - topItemsHeight - this.horizontalScrollbarHeight() + this.containerHeight * floatRowIndex / this.total));
-        this.changePage(rowIndex - topItemsCount, e);
-    };
-    VirtualScroll.prototype.scrollHandler = function (e) {
-        if (!this.scrollableVirtual) {
-            return;
-        }
-        if (this.scrollSyncing || !this.container || !this.table) {
-            this.scrollSyncing = false;
-            return;
-        }
-        var scrollTop = this.container.scrollTop;
-        var prev = this.prevScrollPos;
-        this.prevScrollPos = scrollTop;
-        if (this.askedSkip !== undefined) {
-            this.translate(this.containerHeight * this.askedSkip / this.total);
-            this.changePage(this.askedSkip, e);
-            this.prevScrollPos = scrollTop;
-            this.askedSkip = undefined;
-            return;
-        }
-        if (scrollTop - prev < 0 && scrollTop > this.tableTranslate - this.table.scrollHeight / 10) {
-            this.localScrollUp(e);
-        }
-        else if (scrollTop - prev > 0 && scrollTop < this.tableTranslate + this.table.scrollHeight * 2 / 3) {
-            this.localScrollDown(e);
-        }
-        else {
-            this.scrollNonStrict(e);
-        }
-        this.prevScrollPos = scrollTop;
-    };
-    return VirtualScroll;
-}());
-export { VirtualScroll };

package/dist/es/VirtualScrollFixed.js

@@ -1,153 +0,0 @@
-import * as React from 'react';
-import { firefox } from './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;
-}());
-export { 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 (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;
-}());
-export { VirtualScrollFixed };

package/dist/es/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/es/cells/GridCell.js

@@ -1,59 +0,0 @@
-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);
-};
-import * as React from 'react';
-import { getNestedValue } from './../utils';
-import { useInternationalization } from '@progress/kendo-react-intl';
-import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
-import { GRID_COL_INDEX_ATTRIBUTE } from '../constants';
-import { classNames } from '@progress/kendo-react-common';
-export var GridCell = function (props) {
-    var _a;
-    var defaultRendering = null;
-    var intl = useInternationalization();
-    var navigationAttributes = 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 = getNestedValue(props.field, props.dataItem);
-            if (data !== undefined && data !== null) {
-                content = props.format ?
-                    intl.format(props.format, data) :
-                    data.toString();
-            }
-        }
-        var className = 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[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;
-};

package/dist/es/cells/GridDetailCell.js

@@ -1,25 +0,0 @@
-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);
-};
-import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
-import * as React from 'react';
-/** @hidden */
-export var GridDetailCell = function (props) {
-    var colSpan = props.colSpan, ariaColIndex = props.ariaColIndex, dataItem = props.dataItem, dataIndex = props.dataIndex, id = props.id;
-    var navigationAttributes = 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 })));
-};

package/dist/es/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/es/cells/GridDetailHierarchyCell.js

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

package/dist/es/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/es/cells/GridEditCell.js

@@ -1,96 +0,0 @@
-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);
-};
-import * as React from 'react';
-import { getNestedValue } from './../utils';
-import { NumericTextBox } from '@progress/kendo-react-inputs';
-import { DatePicker } from '@progress/kendo-react-dateinputs';
-import { guid, classNames } from '@progress/kendo-react-common';
-import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
-import { GRID_COL_INDEX_ATTRIBUTE } from '../constants';
-/**
- * @hidden
- */
-export var GridEditCell = function (props) {
-    var _a, _b, _c, _d, _e;
-    var data = getNestedValue(props.field, props.dataItem);
-    var defaultRendering = null;
-    var editCellClasses = classNames('k-table-td', 'k-grid-edit-cell', (_a = {},
-        _a['k-selected'] = props.isSelected,
-        _a), props.className);
-    var inputId = React.useMemo(function () { return guid(); }, []);
-    var navigationAttributes = 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[GRID_COL_INDEX_ATTRIBUTE] = props.columnIndex, _b.role = 'gridcell', _b), navigationAttributes);
-            content = (React.createElement(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[GRID_COL_INDEX_ATTRIBUTE] = props.columnIndex, _c.role = 'gridcell', _c), navigationAttributes);
-            content = (React.createElement(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[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[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;
-};

package/dist/es/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;
-}