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

package/dist/es/header/GridHeaderCell.js

@@ -1,101 +0,0 @@
-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);
-};
-import { classNames } from '@progress/kendo-react-common';
-import * as React from 'react';
-import { GridColumnMenuWrapper } from '../columnMenu/GridColumnMenuWrapper';
-/**
- * @example
- * ```jsx
- * class App extends React.PureComponent {
- *    state = {
- *        details: false,
- *        data: [
- *               { foo: 'A1', bar: 'B1', b1: 1, b2:2 },
- *               { foo: 'A2', bar: 'B2', b1: 3, b2:4 },
- *               { foo: 'A3', bar: 'B2', b1: 5, b2:6 }
- *           ]
- *    };
- *
- *    CustomHeaderCell = (props) =>
- *        <span>
- *            {props.title || props.field + ' '}
- *            <button onClick={() => this.setState({ barDetails: !this.state.barDetails })}>
- *                {this.state.barDetails ? 'collapse' : 'expand'}
- *            </button>
- *            {props.children}
- *        </span>
- *
- *    render() {
- *        return (
- *            <Grid
- *                style={{ height: '420px' }}
- *                data={this.state.data}
- *                reorderable={true}
- *            >
- *                <GridColumn field="foo" />
- *                <GridColumn field="bar" headerCell={this.CustomHeaderCell}>
- *                    {this.state.barDetails && [
- *                        <GridColumn field="b1" />,
- *                        <GridColumn field="b2" />
- *                    ]}
- *                </GridColumn>
- *            </Grid>
- *        );
- *    }
- * }
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var GridHeaderCell = /** @class */ (function (_super) {
-    __extends(GridHeaderCell, _super);
-    function GridHeaderCell() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    GridHeaderCell.prototype.render = function () {
-        var columnMenuWrapperProps = this.props.columnMenuWrapperProps;
-        var clickProps = this.props.onClick ? {
-            onClick: this.props.onClick
-        } : {};
-        var defaultRendering = (React.createElement("span", { className: 'k-cell-inner' },
-            React.createElement("span", __assign({ className: classNames('k-link', {
-                    '!k-cursor-default': !this.props.columnMenuWrapperProps.sortable
-                }) }, clickProps),
-                React.createElement("span", { className: 'k-column-title' }, this.props.title || this.props.field || '\u00A0'),
-                this.props.children),
-            columnMenuWrapperProps.columnMenu && React.createElement(GridColumnMenuWrapper, __assign({}, columnMenuWrapperProps))));
-        if (this.props.render) {
-            return this.props.render.call(undefined, defaultRendering, this.props);
-        }
-        return defaultRendering;
-    };
-    return GridHeaderCell;
-}(React.Component));
-export { GridHeaderCell };

package/dist/es/header/GridHeaderSelectionCell.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps';
-/**
- * @hidden
- */
-export declare class GridHeaderSelectionCell extends React.Component<GridHeaderCellProps> {
-    private _inputId;
-    render(): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | (JSX.Element | null | undefined)[] | null | undefined;
-}

package/dist/es/header/GridHeaderSelectionCell.js

@@ -1,59 +0,0 @@
-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);
-};
-import * as React from 'react';
-import { guid } from '@progress/kendo-react-common';
-import { GridColumnMenuWrapper } from '../columnMenu/GridColumnMenuWrapper';
-/**
- * @hidden
- */
-var GridHeaderSelectionCell = /** @class */ (function (_super) {
-    __extends(GridHeaderSelectionCell, _super);
-    function GridHeaderSelectionCell() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._inputId = guid();
-        return _this;
-    }
-    GridHeaderSelectionCell.prototype.render = function () {
-        var _this = this;
-        var columnMenuWrapperProps = this.props.columnMenuWrapperProps;
-        var defaultRendering = [
-            (React.createElement("input", { key: 0, checked: this.props.selectionValue, id: this._inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: function (e) {
-                    return _this.props.selectionChange({
-                        field: _this.props.field,
-                        syntheticEvent: e
-                    });
-                } })),
-            (React.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: this._inputId })),
-            columnMenuWrapperProps.columnMenu && React.createElement(GridColumnMenuWrapper, __assign({}, columnMenuWrapperProps))
-        ];
-        return this.props.render ?
-            this.props.render.call(undefined, defaultRendering, this.props) :
-            defaultRendering;
-    };
-    return GridHeaderSelectionCell;
-}(React.Component));
-export { GridHeaderSelectionCell };

package/dist/es/header/GroupPanel.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { GroupDescriptor } from '@progress/kendo-data-query';
-import { ColumnDraggableProps } from '../drag/ColumnDraggable';
-/**
- * @hidden
- */
-export interface GroupPanelProps extends ColumnDraggableProps {
-    group: GroupDescriptor[];
-    groupChange: (groups: GroupDescriptor[], event: React.MouseEvent<HTMLElement>) => void;
-    refCallback: (e: HTMLDivElement | null) => void;
-    resolveTitle: (field: string) => string;
-    onContextMenu?: (event: React.MouseEvent<HTMLElement>, dataItem: any, field?: string) => void;
-    ariaControls: string;
-}
-/**
- * @hidden
- */
-export declare class GroupPanel extends React.Component<GroupPanelProps, {}> {
-    onGroupRemove: (event: React.MouseEvent<HTMLButtonElement>, index: number) => void;
-    onGroupSortChange: (event: React.MouseEvent<HTMLDivElement>, index: number, groupDesc: GroupDescriptor, dir: string) => void;
-    render(): JSX.Element;
-}

package/dist/es/header/GroupPanel.js

@@ -1,57 +0,0 @@
-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 __());
-    };
-})();
-import * as React from 'react';
-import { GroupingIndicator } from '../drag/GroupingIndicator';
-import { registerForLocalization, provideLocalizationService as intl } from '@progress/kendo-react-intl';
-import { messages, groupPanelEmpty as messageKey, groupPanelAriaLabel } from './../messages';
-/**
- * @hidden
- */
-var GroupPanel = /** @class */ (function (_super) {
-    __extends(GroupPanel, _super);
-    function GroupPanel() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.onGroupRemove = function (event, index) {
-            var newGroups = _this.props.group.slice();
-            newGroups.splice(index, 1);
-            _this.props.groupChange(newGroups, event);
-        };
-        _this.onGroupSortChange = function (event, index, groupDesc, dir) {
-            var group = Object.assign({}, groupDesc, { dir: dir });
-            var newGroups = _this.props.group.slice();
-            newGroups.splice(index, 1, group);
-            _this.props.groupChange(newGroups, event);
-        };
-        return _this;
-    }
-    GroupPanel.prototype.render = function () {
-        var _this = this;
-        var groupsProp = this.props.group || [];
-        var groups = groupsProp.map(function (groupDesc, index) { return (React.createElement(GroupingIndicator, { key: index, index: index, dir: groupDesc.dir || 'asc', title: _this.props.resolveTitle(groupDesc.field), onRemove: function (event) {
-                _this.onGroupRemove(event, index);
-            }, onSortChange: function (event, dir) {
-                _this.onGroupSortChange(event, index, groupDesc, dir);
-            }, onPress: _this.props.pressHandler, onDrag: _this.props.dragHandler, onRelease: _this.props.releaseHandler, onContextMenu: _this.props.onContextMenu })); });
-        return (React.createElement("div", { ref: this.props.refCallback, className: "k-grouping-header", role: "toolbar", "aria-label": intl(this).toLanguageString(groupPanelAriaLabel, messages[groupPanelAriaLabel]), "aria-controls": this.props.ariaControls || '' },
-            React.createElement("div", { className: "k-chip-list k-chip-list-md", role: "none" }, groups),
-            React.createElement("div", { className: "k-grouping-drop-container" },
-                !groups.length && intl(this).toLanguageString(messageKey, messages[messageKey]),
-                "\u00A0")));
-    };
-    return GroupPanel;
-}(React.Component));
-export { GroupPanel };
-registerForLocalization(GroupPanel);

package/dist/es/header/Header.js

@@ -1,112 +0,0 @@
-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);
-};
-import * as React from 'react';
-import { classNames, getScrollbarWidth, kendoThemeMaps } from '@progress/kendo-react-common';
-import { isRtl, tableKeyboardNavigationHeaderAttributes } from '@progress/kendo-react-data-tools';
-/**
- * @hidden
- */
-var Header = /** @class */ (function (_super) {
-    __extends(Header, _super);
-    function Header() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.headerWrap = null;
-        _this.table = null;
-        _this.syncScroll = false;
-        _this.scrollbarWidth = getScrollbarWidth();
-        _this.onScroll = function (_event) {
-            if (_this.syncScroll) {
-                _this.syncScroll = false;
-                return;
-            }
-            if (!_this.headerWrap) {
-                return;
-            }
-            var scrollLeft = _this.headerWrap.scrollLeft;
-            var scrollableDataElement = _this.props.scrollableDataElement();
-            if (scrollableDataElement && scrollableDataElement.scrollLeft !== scrollLeft) {
-                scrollableDataElement.scrollLeft = scrollLeft;
-            }
-        };
-        return _this;
-    }
-    Object.defineProperty(Header.prototype, "element", {
-        get: function () {
-            return this.props.elemRef.current;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Header.prototype.componentDidMount = function () {
-        var rtl = isRtl(this.element);
-        if (this.props.columnResize) {
-            this.props.columnResize.setIsRtl(rtl);
-        }
-        this.forceUpdate();
-    };
-    /**
-     *
-     * @param scrollLeft - Scrolls to the left (in pixels).
-     */
-    Header.prototype.setScrollLeft = function (scrollLeft) {
-        if (this.headerWrap && this.headerWrap.scrollLeft !== scrollLeft) {
-            this.syncScroll = true;
-            this.headerWrap.scrollLeft = scrollLeft;
-        }
-    };
-    /**
-     *
-     * @param width - Scrolls the width (in pixels).
-     */
-    Header.prototype.setWidth = function (width) {
-        if (this.table) {
-            this.table.style.width = width + 'px';
-        }
-    };
-    Header.prototype.render = function () {
-        var _a;
-        var _this = this;
-        if (!this.props.staticHeaders) {
-            return (React.createElement("thead", __assign({ role: "presentation", className: classNames('k-table-thead', { 'k-grid-draggable-header': this.props.draggable }) }, tableKeyboardNavigationHeaderAttributes),
-                this.props.headerRow,
-                this.props.filterRow));
-        }
-        return (React.createElement("div", { ref: this.props.elemRef, className: classNames('k-grid-header', { 'k-grid-draggable-header': this.props.draggable }), role: "presentation" },
-            React.createElement("div", { ref: function (div) { _this.headerWrap = div; }, className: "k-grid-header-wrap", style: this.scrollbarWidth ? {} : { borderWidth: 0 }, onScroll: this.onScroll, role: "presentation" },
-                React.createElement("table", { ref: function (table) { _this.table = table; }, className: classNames('k-table k-grid-header-table', (_a = {
-                            'k-table-md': !this.props.size
-                        },
-                        _a["k-table-".concat(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.colGroupHeader = e; } }, this.props.cols),
-                    React.createElement("thead", __assign({ className: 'k-table-thead', role: "rowgroup" }, tableKeyboardNavigationHeaderAttributes),
-                        this.props.headerRow,
-                        this.props.filterRow)))));
-    };
-    return Header;
-}(React.Component));
-export { Header };

package/dist/es/header/HeaderRow.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { GridSortSettings } from '../interfaces/GridSortSettings';
-import { SortDescriptor, CompositeFilterDescriptor, GroupDescriptor } from '@progress/kendo-data-query';
-import { ColumnResize } from '../drag/ColumnResize';
-import { ColumnDraggableProps } from '../drag/ColumnDraggable';
-import { ExtendedColumnProps } from '../GridColumn';
-import { GridColumnProps } from '../interfaces/GridColumnProps';
-import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps';
-import { GridColumnMenuProps } from '../interfaces/GridColumnMenuProps';
-import { GridFilterOperators } from '../interfaces/GridFilterOperators';
-import { GridCellsSettings } from '../interfaces/GridCellsSettings';
-/**
- * @hidden
- */
-export interface HeaderRowProps extends ColumnDraggableProps {
-    cells?: GridCellsSettings;
-    sortable?: GridSortSettings;
-    sortChange?: (descriptors: SortDescriptor[], e: React.SyntheticEvent<any>) => void;
-    sort?: SortDescriptor[];
-    group: GroupDescriptor[];
-    groupable: boolean;
-    groupChange: (groups: GroupDescriptor[], event: React.MouseEvent<HTMLAnchorElement>) => void;
-    filter?: CompositeFilterDescriptor;
-    filterable?: boolean | undefined;
-    filterOperators: GridFilterOperators;
-    filterChange: (filter: CompositeFilterDescriptor | null, syntheticEvent: React.SyntheticEvent<any>) => any;
-    columns: ExtendedColumnProps[];
-    columnResize?: ColumnResize;
-    columnsMap: number[][];
-    selectionChange: (e: any) => void;
-    cellRender?: (defaultRendering: React.ReactNode | null, props: GridHeaderCellProps) => React.ReactNode;
-    columnMenu?: null | React.ComponentType<GridColumnMenuProps>;
-    isRtl?: boolean;
-}
-/**
- * @hidden
- */
-export declare class HeaderRow extends React.Component<HeaderRowProps, {}> {
-    private serviceIndex;
-    private index;
-    constructor(props: HeaderRowProps);
-    cellClick(e: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLElement>, column: GridColumnProps): void;
-    cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: GridColumnProps) => void;
-    sortIcon(sortIndex: number): false | (false | JSX.Element)[] | null;
-    render(): JSX.Element[];
-    private cells;
-}

package/dist/es/header/HeaderRow.js

@@ -1,180 +0,0 @@
-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);
-};
-import * as React from 'react';
-import { normalize } from '../interfaces/GridSortSettings';
-import { ColumnDraggable } from '../drag/ColumnDraggable';
-import { GridHeaderCell } from './GridHeaderCell';
-import { classNames, IconWrap, Keys } from '@progress/kendo-react-common';
-import { HeaderThElement, ColumnResizer } from '@progress/kendo-react-data-tools';
-import { registerForLocalization, provideLocalizationService as intl } from '@progress/kendo-react-intl';
-import { messages, sortAriaLabel } from '../messages';
-import { sortAscSmallIcon, sortDescSmallIcon } from '@progress/kendo-svg-icons';
-import { resolveCells } from '../utils';
-/**
- * @hidden
- */
-var sortSeqMap = {
-    true: { 'asc': 'desc', 'desc': '', '': 'asc' },
-    false: { 'asc': 'desc', 'desc': 'asc', '': 'asc' }
-};
-/**
- * @hidden
- */
-var ariaSortMap = {
-    'none': 'none',
-    'asc': 'ascending',
-    'desc': 'descending'
-};
-/**
- * @hidden
- */
-var HeaderRow = /** @class */ (function (_super) {
-    __extends(HeaderRow, _super);
-    function HeaderRow(props) {
-        var _this = _super.call(this, props) || this;
-        _this.serviceIndex = 0;
-        _this.index = -1;
-        _this.cellKeyDown = function (event, column) {
-            if (event.isDefaultPrevented()) {
-                return;
-            }
-            if (event.keyCode === Keys.enter) {
-                _this.cellClick(event, column);
-            }
-        };
-        _this.cells = function (rowIndexes) { return rowIndexes.map(function (columnIndex) {
-            var column = _this.props.columns[columnIndex];
-            var sortable = _this.props.sortable && column.sortable;
-            var sortIndex = _this.props.sort ? _this.props.sort.findIndex(function (s) { return s.field === column.field; }) : -1;
-            var sortDir = sortIndex >= 0 ? ((_this.props.sort)[sortIndex].dir || 'none') : 'none';
-            var columnMenu = (column.columnMenu === null) ? null : (column.columnMenu || _this.props.columnMenu);
-            var className = classNames({
-                'k-first': column.kFirst,
-                'k-filterable': Boolean(columnMenu),
-                'k-table-th': true,
-                'k-header': true,
-                'k-grid-header-sticky': column.locked,
-                'k-sorted': _this.props.sort && _this.props.sort.some(function (descriptor) { return descriptor.field === column.field; })
-            }, column.headerClassName);
-            var style = column.left !== undefined
-                ? !_this.props.isRtl
-                    ? { left: column.left, right: column.right }
-                    : { left: column.right, right: column.left }
-                : {};
-            var sortLabel = intl(_this).toLanguageString(sortAriaLabel, messages[sortAriaLabel]);
-            var ariaAttrs = column.isAccessible ? {
-                ariaSort: ariaSortMap[sortDir],
-                role: 'columnheader',
-                ariaColumnIndex: column.ariaColumnIndex,
-                ariaSelected: false,
-                ariaDescription: sortable ? sortLabel : ''
-            } : {
-                'role': 'presentation'
-            };
-            var key = (column.declarationIndex >= 0) ? ++_this.index : --_this.serviceIndex;
-            var HeaderCell = column.headerCell ? column.headerCell : GridHeaderCell;
-            var headerCell = (React.createElement(HeaderCell, { key: 1, field: column.field, onClick: sortable && (function (e) { return _this.cellClick(e, column); }) || undefined, selectionChange: _this.props.selectionChange, title: column.title, selectionValue: column.headerSelectionValue, render: _this.props.cellRender, children: _this.sortIcon(sortIndex), columnMenuWrapperProps: {
-                    column: {
-                        field: column.field,
-                        title: column.title,
-                        locked: column.locked,
-                        filter: column.filter,
-                        id: column.id
-                    },
-                    sortable: sortable && _this.props.sortable,
-                    sort: _this.props.sort,
-                    onSortChange: _this.props.sortChange,
-                    filter: _this.props.filter,
-                    filterable: _this.props.filterable && column.filterable,
-                    filterOperators: _this.props.filterOperators,
-                    onFilterChange: _this.props.filterChange,
-                    group: _this.props.group,
-                    groupable: _this.props.groupable,
-                    onGroupChange: _this.props.groupChange,
-                    columnMenu: columnMenu
-                } }));
-            var thProps = __assign(__assign({}, ariaAttrs), { key: key, colSpan: column.colSpan, rowSpan: column.rowSpan, className: className, style: style, columnId: column.id, navigatable: column.navigatable, onKeyDown: sortable && (function (e) { return _this.cellKeyDown(e, column); }) || undefined, role: 'columnheader' });
-            var content = [
-                headerCell,
-                (_this.props.columnResize && _this.props.columnResize.resizable && column.resizable
-                    && React.createElement(ColumnResizer, { key: 2, resize: function (e, element, end) {
-                            return _this.props.columnResize &&
-                                _this.props.columnResize.dragHandler(e, column, element, end);
-                        }, autofit: function (e) {
-                            return _this.props.columnResize &&
-                                _this.props.columnResize.dblClickHandler(e, [column.id]);
-                        } }))
-            ];
-            var customCells = resolveCells(_this.props.cells, column.cells);
-            if (customCells && customCells.headerCell) {
-                var CustomCell = customCells.headerCell;
-                return (React.createElement(CustomCell, { key: key, thProps: thProps, index: columnIndex }, content));
-            }
-            return (React.createElement(HeaderThElement, __assign({}, thProps, { key: key }), content));
-        }); };
-        _this.cellClick = _this.cellClick.bind(_this);
-        return _this;
-    }
-    HeaderRow.prototype.cellClick = function (e, column) {
-        e.preventDefault();
-        if (!this.props.sortChange) {
-            return;
-        }
-        var _a = normalize(this.props.sortable || false, column.sortable || false), allowUnsort = _a.allowUnsort, mode = _a.mode;
-        var oldDescriptor = (this.props.sort || []).filter(function (d) { return d.field === column.field; })[0];
-        var dir = sortSeqMap[allowUnsort][oldDescriptor && oldDescriptor.dir || ''];
-        var newDescriptor = (mode === 'single') ?
-            [] : (this.props.sort || []).filter(function (d) { return d.field !== column.field; });
-        if (dir !== '' && column.field) {
-            newDescriptor.push({ field: column.field, dir: dir });
-        }
-        this.props.sortChange(newDescriptor, e);
-    };
-    HeaderRow.prototype.sortIcon = function (sortIndex) {
-        if (!this.props.sort) {
-            return null;
-        }
-        return sortIndex >= 0 && [
-            React.createElement("span", { key: 1, className: 'k-sort-icon' },
-                React.createElement(IconWrap, { name: 'sort-' + this.props.sort[sortIndex].dir + '-small', icon: this.props.sort[sortIndex].dir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon })),
-            this.props.sort.length > 1 &&
-                React.createElement("span", { key: 2, className: 'k-sort-icon' },
-                    React.createElement("span", { className: "k-sort-order" }, sortIndex + 1))
-        ];
-    };
-    HeaderRow.prototype.render = function () {
-        var _this = this;
-        this.serviceIndex = 0;
-        this.index = -1;
-        return this.props.columnsMap.map(function (rowIndexes, i) {
-            return _this.props.pressHandler && (React.createElement(ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1, dragClue: _this.props.dragClue, headerRef: _this.props.headerRef, containerRef: _this.props.containerRef }, _this.cells(rowIndexes))) || React.createElement("tr", { className: 'k-table-row', role: "row", "aria-rowindex": i + 1 }, _this.cells(rowIndexes));
-        });
-    };
-    return HeaderRow;
-}(React.Component));
-export { HeaderRow };
-registerForLocalization(HeaderRow);

package/dist/es/interfaces/GridCellProps.d.ts

@@ -1,70 +0,0 @@
-/// <reference types="react" />
-import { GridCellsSettings } from './GridCellsSettings';
-import { GridRowType } from './GridRowType';
-import { CellProps } from '@progress/kendo-react-data-tools';
-/**
- * Represents the props of the GridCell component
- * ([more information]({% slug cells_grid %}#toc-grid-cells)).
- */
-export interface GridCellProps extends Omit<CellProps, 'onChange' | 'render'> {
-    /**
-     * Zero-based index of the dataItem.
-     */
-    dataIndex: number;
-    /**
-     * The index of the column in the rendered columns collection.
-     */
-    columnIndex?: number;
-    /**
-     * The number of rendered columns in the Grid.
-     */
-    columnsCount?: number;
-    /**
-     * Sets a set of cells components that the Grid will render instead of the built-in cell.
-     */
-    cells?: GridCellsSettings;
-    /**
-     * The type of the row.
-     */
-    rowType?: GridRowType;
-    /**
-     * @hidden
-     */
-    level?: number;
-    /**
-     * The event that is fired when the cell is selected.
-     */
-    selectionChange?: (event: {
-        syntheticEvent: React.SyntheticEvent<any>;
-    }) => void;
-    /**
-     * The event that is fired when the cell value is changed.
-     */
-    onChange?: (event: {
-        dataItem: any;
-        dataIndex: number;
-        syntheticEvent: React.SyntheticEvent<any>;
-        field?: string;
-        value?: any;
-    }) => void;
-    /**
-     * The type of the editor which will be used when the cell is in edit mode.
-     */
-    editor?: 'text' | 'numeric' | 'boolean' | 'date';
-    /**
-     * A function for overriding the default rendering of the cell.
-     */
-    render?: (defaultRendering: React.ReactElement<HTMLTableCellElement> | null, props: GridCellProps) => React.ReactElement<HTMLTableCellElement> | null;
-    /**
-     * @hidden
-     */
-    locked?: boolean | undefined;
-    /**
-     * The event that is fired when the ContextMenu is activated.
-     */
-    onContextMenu?: (event: React.MouseEvent<HTMLElement>, dataItem: any, field?: string) => void;
-    /**
-     * @hidden
-     */
-    isRtl?: boolean;
-}

package/dist/es/interfaces/GridCellProps.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/interfaces/GridCellsSettings.js

@@ -1 +0,0 @@
-import { TABLE_COL_INDEX_ATTRIBUTE } from '@progress/kendo-react-data-tools';