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

package/dist/npm/drag/CommonDragLogic.js

@@ -1,212 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommonDragLogic = void 0;
-var React = require("react");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-/**
- * @hidden
- */
-var CommonDragLogic = /** @class */ (function () {
-    function CommonDragLogic(columnReorder, groupReorder, columnToGroup) {
-        var _this = this;
-        this.refDragElementClue = React.createRef();
-        this.refDropElementClue = React.createRef();
-        this.columns = [];
-        this.reorderable = false;
-        this.groupable = false;
-        this.startColumn = -1;
-        this.startGroup = -1;
-        this.currentColumn = -1;
-        this.currentGroup = -1;
-        this.groupPanelDivElement = null;
-        this.refGroupPanelDiv = function (e) {
-            _this.groupPanelDivElement = (e && e.children) ? e.children[0] : e;
-        };
-        this.pressHandler = function (event, element) {
-            var startColumn = _this.getColumnIndex(event, element);
-            _this.startGroup = _this.getGroupIndex(event);
-            if (startColumn >= 0) {
-                var col = _this.columns[startColumn];
-                if (col.reorderable && _this.reorderable || col.groupable && _this.groupable) {
-                    _this.startColumn = startColumn;
-                }
-            }
-        };
-        this.dragHandler = function (event, element) {
-            if (!event.isTouch) {
-                event.originalEvent.preventDefault();
-            }
-            event.originalEvent.stopPropagation();
-            if (_this.startColumn === -1 && _this.startGroup === -1) {
-                return;
-            }
-            _this.currentColumn = _this.getColumnIndex(event, element);
-            var groupPanelChildren = _this.groupPanelDivElement && _this.groupPanelDivElement.children;
-            _this.currentGroup = _this.isTargetGroupingContainer(event)
-                ? groupPanelChildren && groupPanelChildren.length
-                    ? groupPanelChildren.length
-                    : 0
-                : _this.getGroupIndex(event);
-            var invalidIndex = !_this.isValid();
-            if (invalidIndex) {
-                _this.currentColumn = -1;
-                _this.currentGroup = -1;
-            }
-            var targetElement = (_this.currentColumn >= 0) ?
-                element.children[_this.columns[_this.currentColumn].index] :
-                _this.isTargetGroupingContainer(event)
-                    ? event.originalEvent.target
-                    : _this.groupPanelDivElement && _this.groupPanelDivElement.children[_this.currentGroup];
-            _this.updateDragElementClue(event, element, targetElement, invalidIndex);
-            _this.updateDropElementClue(event, element, targetElement, invalidIndex);
-        };
-        this.releaseHandler = function (event) {
-            var prevColumnIndex = _this.startColumn;
-            var nextColumnIndex = _this.currentColumn;
-            var prevGroupIndex = _this.startGroup;
-            var nextGroupIndex = _this.currentGroup;
-            event.originalEvent.preventDefault();
-            if (_this.dropElementClue) {
-                _this.dropElementClue.setState({ visible: false });
-            }
-            if (_this.dragElementClue) {
-                _this.dragElementClue.setState({ visible: false });
-            }
-            var isValid = _this.isValid();
-            _this.startColumn = _this.startGroup = _this.currentColumn = _this.currentGroup = -1;
-            if (!isValid) {
-                return;
-            }
-            if (prevColumnIndex >= 0 && nextColumnIndex >= 0) {
-                _this.columnReorder(prevColumnIndex, nextColumnIndex, event.originalEvent);
-            }
-            else if (prevGroupIndex >= 0 && nextGroupIndex >= 0) {
-                _this.groupReorder(prevGroupIndex, nextGroupIndex, event.originalEvent);
-            }
-            else if (prevColumnIndex >= 0 && nextGroupIndex >= 0) {
-                _this.columnToGroup(prevColumnIndex, nextGroupIndex, event.originalEvent);
-            }
-        };
-        this.columnReorder = columnReorder;
-        this.groupReorder = groupReorder;
-        this.columnToGroup = columnToGroup;
-    }
-    Object.defineProperty(CommonDragLogic.prototype, "dragClueRef", {
-        get: function () {
-            return this.refDragElementClue;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CommonDragLogic.prototype, "dropClueRef", {
-        get: function () {
-            return this.refDropElementClue;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CommonDragLogic.prototype, "dragElementClue", {
-        get: function () {
-            return this.refDragElementClue.current;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CommonDragLogic.prototype, "dropElementClue", {
-        get: function () {
-            return this.refDropElementClue.current;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CommonDragLogic.prototype.getColumnIndex = function (event, parent) {
-        if (!parent || (parent.parentElement === this.groupPanelDivElement)) {
-            return -1;
-        }
-        var index = (0, kendo_react_data_tools_1.getIndex)(event, parent);
-        if (index === -1) {
-            return -1;
-        }
-        var _loop_1 = function (i) {
-            if (parent.parentNode.children[i] === parent) {
-                return { value: this_1.columns.findIndex(function (c) { return ((c.index === index) && (c.depth === i)); }) };
-            }
-        };
-        var this_1 = this;
-        for (var i = 0; i < parent.parentNode.children.length; i++) {
-            var state_1 = _loop_1(i);
-            if (typeof state_1 === "object")
-                return state_1.value;
-        }
-        return -1;
-    };
-    CommonDragLogic.prototype.isTargetGroupingContainer = function (event) {
-        var target = event.originalEvent.target;
-        return target.className.indexOf
-            ? target.className.indexOf('k-grouping-drop-container') !== -1
-            : false;
-    };
-    CommonDragLogic.prototype.getGroupIndex = function (event) {
-        return (0, kendo_react_data_tools_1.getIndex)(event, this.groupPanelDivElement);
-    };
-    CommonDragLogic.prototype.isValid = function () {
-        if (this.startGroup >= 0) {
-            // group can be moved into group only
-            return this.currentGroup >= 0 && this.currentGroup !== this.startGroup;
-        }
-        if (this.startColumn === -1) {
-            return false;
-        }
-        if (this.currentGroup >= 0) {
-            // column to group is possible
-            return this.columns[this.startColumn].groupable === true && this.groupable === true;
-        }
-        // reorder is possible
-        return this.reorderable === true &&
-            this.currentColumn >= 0 &&
-            this.currentColumn !== this.startColumn &&
-            this.columns[this.startColumn].reorderable === true &&
-            this.columns[this.currentColumn].parentIndex === this.columns[this.startColumn].parentIndex;
-    };
-    CommonDragLogic.prototype.updateDragElementClue = function (event, element, targetElement, invalidIndex) {
-        if (!this.dragElementClue) {
-            return;
-        }
-        var innerText = this.startColumn >= 0 ?
-            element.children[this.columns[this.startColumn].index].innerText :
-            element.innerText;
-        this.dragElementClue.setState({
-            visible: true,
-            top: (event.pageY + 10),
-            left: event.pageX,
-            innerText: innerText,
-            status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus'
-        });
-    };
-    CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
-        if (!this.dropElementClue) {
-            return;
-        }
-        if (invalidIndex || !targetElement) {
-            this.dropElementClue.setState({ visible: false });
-            return;
-        }
-        var rect = targetElement.getBoundingClientRect();
-        var groupElement = targetElement.closest('.k-grouping-header');
-        var rectParent = (groupElement || targetElement).getBoundingClientRect();
-        var left = rect.left + event.pageX - event.clientX - 6;
-        if (!this.isTargetGroupingContainer(event) && (this.currentColumn > this.startColumn
-            || this.currentGroup > this.startGroup && this.startGroup !== -1)) {
-            left += rect.width;
-        }
-        var top = rectParent.top + event.pageY - event.clientY;
-        this.dropElementClue.setState({
-            visible: true,
-            top: top,
-            left: left,
-            height: (this.currentColumn >= 0) ? element.clientHeight : rectParent.height
-        });
-    };
-    return CommonDragLogic;
-}());
-exports.CommonDragLogic = CommonDragLogic;

package/dist/npm/drag/GroupingIndicator.js

@@ -1,110 +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.GroupingIndicator = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var GroupingIndicator = /** @class */ (function (_super) {
-    __extends(GroupingIndicator, _super);
-    function GroupingIndicator() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.draggable = null;
-        /**
-         * @hidden
-         */
-        _this.onPress = function (data) {
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.onPress) {
-                _this.props.onPress(data.event, element);
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onDrag = function (data) {
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.onDrag) {
-                _this.props.onDrag(data.event, element);
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onRelease = function (data) {
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.onRelease) {
-                _this.props.onRelease(data.event);
-            }
-        };
-        _this.sortChange = function (event) {
-            event.preventDefault();
-            if (_this.props.onSortChange) {
-                var sort = (_this.props.dir === 'asc') ? 'desc' : 'asc';
-                _this.props.onSortChange(event, sort);
-            }
-        };
-        _this.groupRemove = function (event) {
-            event.preventDefault();
-            event.stopPropagation();
-            if (_this.props.onRemove) {
-                _this.props.onRemove(event);
-            }
-        };
-        _this.onContextMenu = function (event) {
-            var dataItem = {
-                title: _this.props.title,
-                dir: _this.props.dir,
-                index: _this.props.index
-            };
-            if (_this.props.onContextMenu) {
-                _this.props.onContextMenu.call(undefined, event, { dataItem: __assign({}, dataItem) });
-            }
-        };
-        return _this;
-    }
-    GroupingIndicator.prototype.render = function () {
-        var _this = this;
-        var dir = this.props.dir;
-        return (React.createElement(kendo_react_common_1.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
-            React.createElement("div", { className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md", onClick: this.sortChange, onContextMenu: this.onContextMenu, role: "button", style: { touchAction: 'none' } },
-                React.createElement("span", null,
-                    React.createElement(kendo_react_common_1.IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? kendo_svg_icons_1.sortAscSmallIcon : kendo_svg_icons_1.sortDescSmallIcon, size: 'small' })),
-                React.createElement("span", { className: 'k-chip-content' }, this.props.title),
-                React.createElement("span", { className: "k-chip-actions" },
-                    React.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: this.groupRemove },
-                        React.createElement(kendo_react_common_1.IconWrap, { name: 'x-circle', icon: kendo_svg_icons_1.xCircleIcon, size: 'small' }))))));
-    };
-    return GroupingIndicator;
-}(React.Component));
-exports.GroupingIndicator = GroupingIndicator;
-(0, kendo_react_intl_1.registerForLocalization)(GroupingIndicator);

package/dist/npm/filterCommon.d.ts

@@ -1,69 +0,0 @@
-import * as React from 'react';
-import { LocalizationService } from '@progress/kendo-react-intl';
-import { GridFilterOperators } from './interfaces/GridFilterOperators';
-import { GridFilterOperator } from './interfaces/GridFilterOperator';
-/**
- * @hidden
- */
-export declare const filterLogicList: {
-    text: string;
-    operator: string;
-}[];
-/**
- * @hidden
- */
-export declare const operators: GridFilterOperators;
-/**
- * @hidden
- */
-export declare const IsUnaryFilter: (operator: string) => boolean;
-/**
- * @hidden
- */
-export declare const operatorMap: (iterable: Array<any>, service: LocalizationService) => {
-    text: string;
-    operator: any;
-}[];
-/**
- * @hidden
- */
-export declare const defaultBooleanOperator: string;
-/**
- * @hidden
- */
-export declare const booleanFilterValues: ({
-    text: string;
-    operator: string;
-} | {
-    text: string;
-    operator: boolean;
-})[];
-/**
- * @hidden
- */
-export declare const defaultHideSecondFilter: {
-    text: boolean;
-    numeric: boolean;
-    date: boolean;
-    boolean: boolean;
-};
-/**
- * @hidden
- */
-export declare const cellInputChange: (value: any, e: React.SyntheticEvent<any>, props: any) => void;
-/**
- * @hidden
- */
-export declare const getDefaultOperator: (filterOperators: GridFilterOperators | GridFilterOperator[], filterType?: string) => any;
-/**
- * @hidden
- */
-export declare const getFilterType: (filterType: 'text' | 'numeric' | 'boolean' | 'date' | undefined) => "boolean" | "numeric" | "text" | "date";
-/**
- * @hidden
- */
-export declare const cellBoolDropdownChange: (event: any, onChange: Function) => void;
-/**
- * @hidden
- */
-export declare const cellOperatorChange: (event: any, currentValue: any, onChange: Function) => void;

package/dist/npm/filterCommon.js

@@ -1,175 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cellOperatorChange = exports.cellBoolDropdownChange = exports.getFilterType = exports.getDefaultOperator = exports.cellInputChange = exports.defaultHideSecondFilter = exports.booleanFilterValues = exports.defaultBooleanOperator = exports.operatorMap = exports.IsUnaryFilter = exports.operators = exports.filterLogicList = void 0;
-var messages_1 = require("./messages");
-/**
- * @hidden
- */
-exports.filterLogicList = [
-    { text: 'grid.filterAndLogic', operator: 'and' },
-    { text: 'grid.filterOrLogic', operator: 'or' }
-];
-/**
- * @hidden
- */
-exports.operators = {
-    'text': [
-        { text: 'grid.filterContainsOperator', operator: 'contains' },
-        { text: 'grid.filterNotContainsOperator', operator: 'doesnotcontain' },
-        { text: 'grid.filterEqOperator', operator: 'eq' },
-        { text: 'grid.filterNotEqOperator', operator: 'neq' },
-        { text: 'grid.filterStartsWithOperator', operator: 'startswith' },
-        { text: 'grid.filterEndsWithOperator', operator: 'endswith' },
-        { text: 'grid.filterIsNullOperator', operator: 'isnull' },
-        { text: 'grid.filterIsNotNullOperator', operator: 'isnotnull' },
-        { text: 'grid.filterIsEmptyOperator', operator: 'isempty' },
-        { text: 'grid.filterIsNotEmptyOperator', operator: 'isnotempty' }
-    ],
-    'numeric': [
-        { text: 'grid.filterEqOperator', operator: 'eq' },
-        { text: 'grid.filterNotEqOperator', operator: 'neq' },
-        { text: 'grid.filterGteOperator', operator: 'gte' },
-        { text: 'grid.filterGtOperator', operator: 'gt' },
-        { text: 'grid.filterLteOperator', operator: 'lte' },
-        { text: 'grid.filterLtOperator', operator: 'lt' },
-        { text: 'grid.filterIsNullOperator', operator: 'isnull' },
-        { text: 'grid.filterIsNotNullOperator', operator: 'isnotnull' }
-    ],
-    'date': [
-        { text: 'grid.filterEqOperator', operator: 'eq' },
-        { text: 'grid.filterNotEqOperator', operator: 'neq' },
-        { text: 'grid.filterAfterOrEqualOperator', operator: 'gte' },
-        { text: 'grid.filterAfterOperator', operator: 'gt' },
-        { text: 'grid.filterBeforeOperator', operator: 'lt' },
-        { text: 'grid.filterBeforeOrEqualOperator', operator: 'lte' },
-        { text: 'grid.filterIsNullOperator', operator: 'isnull' },
-        { text: 'grid.filterIsNotNullOperator', operator: 'isnotnull' }
-    ],
-    'boolean': [
-        { text: 'grid.filterEqOperator', operator: 'eq' }
-    ]
-};
-/**
- * @hidden
- */
-var IsUnaryFilter = function (operator) {
-    return operator === 'isnull' || operator === 'isnotnull' || operator === 'isempty' || operator === 'isnotempty';
-};
-exports.IsUnaryFilter = IsUnaryFilter;
-/**
- * @hidden
- */
-var operatorMap = function (iterable, service) { return iterable.map(function (operator) { return ({
-    text: service.toLanguageString(operator.text, messages_1.messages[operator.text]),
-    operator: operator.operator
-}); }); };
-exports.operatorMap = operatorMap;
-/**
- * @hidden
- */
-exports.defaultBooleanOperator = 'eq';
-/**
- * @hidden
- */
-exports.booleanFilterValues = [
-    { text: 'grid.filterBooleanAll', operator: '' },
-    { text: 'grid.filterIsTrue', operator: true },
-    { text: 'grid.filterIsFalse', operator: false }
-];
-/**
- * @hidden
- */
-exports.defaultHideSecondFilter = {
-    text: false,
-    numeric: false,
-    date: false,
-    boolean: true
-};
-/**
- * @hidden
- */
-var cellInputChange = function (value, e, props) {
-    var defaultOperator = (0, exports.getDefaultOperator)(props.operators);
-    var operator = props.operator;
-    switch (props.filterType) {
-        case 'numeric':
-            if (!operator || (0, exports.IsUnaryFilter)(operator)) {
-                // change the operator to default
-                operator = defaultOperator;
-            }
-            if (value === null && operator === defaultOperator) {
-                // clear only the default operator
-                operator = '';
-            }
-            break;
-        case 'date':
-            if (!operator || (0, exports.IsUnaryFilter)(operator)) {
-                operator = defaultOperator;
-            }
-            if (value === null && operator === defaultOperator) {
-                operator = '';
-            }
-            break;
-        case 'text':
-            if (!operator || (0, exports.IsUnaryFilter)(operator)) {
-                operator = defaultOperator;
-            }
-            if (!value && operator === defaultOperator) {
-                operator = '';
-            }
-            break;
-        default: return;
-    }
-    props.onChange({ value: value, operator: operator, syntheticEvent: e });
-};
-exports.cellInputChange = cellInputChange;
-/**
- * @hidden
- */
-var getDefaultOperator = function (filterOperators, filterType) {
-    if (filterType) {
-        return filterOperators[filterType][0].operator;
-    }
-    else {
-        return filterOperators[0].operator;
-    }
-};
-exports.getDefaultOperator = getDefaultOperator;
-/**
- * @hidden
- */
-var getFilterType = function (filterType) {
-    return filterType || 'text';
-};
-exports.getFilterType = getFilterType;
-/**
- * @hidden
- */
-var cellBoolDropdownChange = function (event, onChange) {
-    var item = event.target.value;
-    onChange({
-        value: item.operator,
-        operator: item.operator === '' ? '' : exports.defaultBooleanOperator,
-        syntheticEvent: event.syntheticEvent
-    });
-};
-exports.cellBoolDropdownChange = cellBoolDropdownChange;
-/**
- * @hidden
- */
-var cellOperatorChange = function (event, currentValue, onChange) {
-    var value = currentValue;
-    var item = event.target.value;
-    if (!event.target.state.opened) {
-        return;
-    }
-    if ((0, exports.IsUnaryFilter)(item.operator)) {
-        // clear the value to avoid confusion on what is filtered
-        value = null;
-    }
-    if (currentValue === null && !(0, exports.IsUnaryFilter)(item.operator)) {
-        value = undefined;
-    }
-    onChange({ value: value, operator: item.operator, syntheticEvent: event.syntheticEvent });
-};
-exports.cellOperatorChange = cellOperatorChange;

package/dist/npm/footer/Footer.js

@@ -1,73 +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.Footer = void 0;
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var React = require("react");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-var Footer = /** @class */ (function (_super) {
-    __extends(Footer, _super);
-    function Footer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.footerWrap = null;
-        _this.table = null;
-        _this.scrollbarWidth = (0, kendo_react_common_1.getScrollbarWidth)();
-        return _this;
-    }
-    Footer.prototype.componentDidMount = function () {
-        this.setState({});
-    };
-    /**
-     *
-     * @param scrollLeft - Scrolls to the left (in pixels).
-     */
-    Footer.prototype.setScrollLeft = function (scrollLeft) {
-        if (this.footerWrap) {
-            this.footerWrap.scrollLeft = scrollLeft;
-        }
-    };
-    /**
-     *
-     * @param width - Scrolls the width (in pixels).
-     */
-    Footer.prototype.setWidth = function (width) {
-        if (this.table) {
-            this.table.style.width = width + 'px';
-        }
-    };
-    Footer.prototype.render = function () {
-        var _a;
-        var _this = this;
-        if (!this.props.staticHeaders) {
-            return (React.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row));
-        }
-        return (React.createElement("div", { className: "k-grid-footer", role: "presentation" },
-            React.createElement("div", { ref: function (div) { _this.footerWrap = div; }, className: "k-grid-footer-wrap", style: this.scrollbarWidth ? {} : { borderWidth: 0 }, role: "presentation" },
-                React.createElement("table", { ref: function (table) { _this.table = table; }, className: (0, kendo_react_common_2.classNames)('k-table k-grid-footer-table', (_a = {
-                            'k-table-md': !this.props.size
-                        },
-                        _a["k-table-".concat(kendo_react_common_2.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
-                        _a), this.props.className), role: "presentation" },
-                    React.createElement("colgroup", { ref: function (e) { _this.props.columnResize.colGroupFooter = e; }, role: "presentation" }, this.props.cols),
-                    React.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, this.props.row)))));
-    };
-    return Footer;
-}(React.Component));
-exports.Footer = Footer;