@progress/kendo-react-grid 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

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

@@ -14,7 +14,7 @@ export interface GroupPanelProps extends ColumnDraggableProps {
  * @hidden
  */
 export declare class GroupPanel extends React.Component<GroupPanelProps, {}> {
-    onGroupRemove: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, index: number) => void;
-    onGroupSortChange: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, index: number, groupDesc: GroupDescriptor, dir: string) => void;
+    onGroupRemove: (event: React.MouseEvent<HTMLButtonElement>, index: number) => void;
+    onGroupSortChange: (event: React.MouseEvent<HTMLAnchorElement>, index: number, groupDesc: GroupDescriptor, dir: string) => void;
     render(): JSX.Element;
 }

package/dist/es/header/GroupPanel.js

@@ -2,10 +2,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());

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

@@ -13,17 +13,17 @@ export interface HeaderProps {
     };
     cols: React.ReactElement<HTMLTableColElement>[];
     draggable?: boolean | undefined;
+    elemRef: React.RefObject<HTMLDivElement>;
 }
 /**
  * @hidden
  */
 export declare class Header extends React.Component<HeaderProps, {}> {
-    private elementRef;
     private headerWrap;
     private table;
     private syncScroll;
     private scrollbarWidth;
-    readonly element: HTMLDivElement | null;
+    get element(): HTMLDivElement | null;
     componentDidMount(): void;
     /**
      *

package/dist/es/header/Header.js

@@ -2,10 +2,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());
@@ -32,7 +34,6 @@ var Header = /** @class */ (function (_super) {
     __extends(Header, _super);
     function Header() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.elementRef = React.createRef();
         _this.headerWrap = null;
         _this.table = null;
         _this.syncScroll = false;
@@ -55,9 +56,9 @@ var Header = /** @class */ (function (_super) {
     }
     Object.defineProperty(Header.prototype, "element", {
         get: function () {
-            return this.elementRef.current;
+            return this.props.elemRef.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Header.prototype.componentDidMount = function () {
@@ -93,7 +94,7 @@ var Header = /** @class */ (function (_super) {
                 this.props.headerRow,
                 this.props.filterRow));
         }
-        return (React.createElement("div", { ref: this.elementRef, className: classNames('k-grid-header', { 'k-grid-draggable-header': this.props.draggable }), role: "presentation" },
+        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; }, role: "presentation" },
                     React.createElement("colgroup", { ref: function (e) { _this.props.columnResize.colGroupHeader = e; } }, this.props.cols),

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

@@ -39,7 +39,7 @@ export declare class HeaderRow extends React.Component<HeaderRowProps, {}> {
     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): JSX.Element[];
+    sortIcon(sortIndex: number): false | (false | JSX.Element)[] | null;
     render(): JSX.Element[];
     private cells;
 }

package/dist/es/header/HeaderRow.js

@@ -2,10 +2,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());

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

@@ -5,7 +5,7 @@ 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 CellProps {
+export interface GridCellProps extends Omit<CellProps, 'onChange' | 'render'> {
     /**
      * Zero-based index of the dataItem.
      */

package/dist/es/interfaces/GridCellProps.js

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

package/dist/es/interfaces/GridColumnMenuBaseProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuColumnProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuFilterBaseProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuFilterUIProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuGroupBaseProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridColumnMenuSortBaseProps.js

@@ -0,0 +1 @@
+export {};

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

@@ -9,7 +9,7 @@ import { ColumnBaseProps } from '@progress/kendo-react-data-tools';
 /**
  * The props of the GridColumn component.
  */
-export interface GridColumnProps extends ColumnBaseProps {
+export interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
     /**
      * Allows the column headers to be clicked and the `sortChange` event emitted.
      * You have to handle the `sortChange` event yourself and sort the data.

package/dist/es/interfaces/GridColumnProps.js

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

package/dist/es/interfaces/GridDetailRowProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridFilterCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridFilterOperator.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridFilterOperators.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridFooterCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridGroupableSettings.js

@@ -0,0 +1 @@
+export {};

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

@@ -5,7 +5,7 @@ import { GridColumnMenuWrapperProps } from '../columnMenu/GridColumnMenuWrapper'
  * The props of the GridHeaderCell component
  * ([more information]({% slug cells_grid %}#toc-header-cells)).
  */
-export interface GridHeaderCellProps extends HeaderCellBaseProps {
+export interface GridHeaderCellProps extends Omit<HeaderCellBaseProps, 'render'> {
     /**
      * A function for overriding the default rendering of the header cell.
      */

package/dist/es/interfaces/GridHeaderCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridNoRecordsProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridProps.js

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

package/dist/es/interfaces/GridRowProps.js

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

package/dist/es/interfaces/GridRowType.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/GridSelectableSettings.js

@@ -1 +1,2 @@
 ;
+export {};

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

@@ -10,14 +10,4 @@ export declare type GridSortSettings = SortSettings;
 /**
  * @hidden
  */
-export declare const normalize: (...settings: (boolean | {
-    allowUnsort?: boolean;
-} | (false & {
-    mode?: "multiple" | "single";
-}) | (true & {
-    mode?: "multiple" | "single";
-}) | ({
-    allowUnsort?: boolean;
-} & {
-    mode?: "multiple" | "single";
-}))[]) => any;
+export declare const normalize: (...settings: (GridSortSettings | GridColumnSortSettings)[]) => any;

package/dist/es/interfaces/GridSortSettings.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 /**
  * @hidden
  */
@@ -6,5 +15,5 @@ export var normalize = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         settings[_i] = arguments[_i];
     }
-    return Object.assign.apply(Object, [{ allowUnsort: true, mode: 'single' }].concat(settings));
+    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
 };

package/dist/es/interfaces/GridToolbarProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/events.js

@@ -0,0 +1 @@
+export {};

package/dist/es/main.js

@@ -17,6 +17,7 @@ import { GridDetailRow } from './rows/GridDetailRow';
 import { GridRow } from './rows/GridRow';
 import { GridToolbar } from './GridToolbar';
 import { GridNoRecords } from './GridNoRecords';
+export * from './interfaces/events';
 import { GridColumnMenuItem } from './columnMenu/GridColumnMenuItem';
 import { GridColumnMenuItemContent } from './columnMenu/GridColumnMenuItemContent';
 import { GridColumnMenuItemGroup } from './columnMenu/GridColumnMenuItemGroup';

package/dist/es/messages/index.d.ts

@@ -114,34 +114,34 @@ export declare const detailCollapse = "grid.detailCollapse";
  * @hidden
  */
 export declare const messages: {
-    [detailExpand]: string;
-    [detailCollapse]: string;
-    [groupExpand]: string;
-    [groupCollapse]: string;
-    [noRecords]: string;
-    [groupPanelEmpty]: string;
-    [filterClearButton]: string;
-    [filterSubmitButton]: string;
-    [filterTitle]: string;
-    [sortAscending]: string;
-    [sortDescending]: string;
-    [sortAriaLabel]: string;
-    [groupColumn]: string;
-    [ungroupColumn]: string;
-    [pagerItemPerPage]: string;
-    [pagerInfo]: string;
-    [pagerFirstPage]: string;
-    [pagerPreviousPage]: string;
-    [pagerNextPage]: string;
-    [pagerLastPage]: string;
-    [pagerPage]: string;
-    [pagerOf]: string;
-    [pagerTotalPages]: string;
-    [searchPlaceholder]: string;
-    [filterCheckAll]: string;
-    [filterChooseOperator]: string;
-    [filterSelectedItems]: string;
-    [filterAriaLabel]: string;
+    "grid.detailExpand": string;
+    "grid.detailCollapse": string;
+    "grid.groupExpand": string;
+    "grid.groupCollapse": string;
+    "grid.noRecords": string;
+    "grid.groupPanelEmpty": string;
+    "grid.filterClearButton": string;
+    "grid.filterSubmitButton": string;
+    "grid.filterTitle": string;
+    "grid.sortAscending": string;
+    "grid.sortDescending": string;
+    "grid.sortAriaLabel": string;
+    "grid.groupColumn": string;
+    "grid.ungroupColumn": string;
+    "grid.pagerItemsPerPage": string;
+    "grid.pagerInfo": string;
+    "grid.pagerFirstPage": string;
+    "grid.pagerPreviousPage": string;
+    "grid.pagerNextPage": string;
+    "grid.pagerLastPage": string;
+    "grid.pagerPage": string;
+    "grid.pagerOf": string;
+    "grid.pagerTotalPages": string;
+    "grid.searchPlaceholder": string;
+    "grid.filterCheckAll": string;
+    "grid.filterChooseOperator": string;
+    "grid.filterSelectedItems": string;
+    "grid.filterAriaLabel": string;
     'grid.filterEqOperator': string;
     'grid.filterNotEqOperator': string;
     'grid.filterIsNullOperator': string;

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-grid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653030502,
+    publishDate: 1654509537,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/paging/Page.js

@@ -0,0 +1 @@
+export {};

package/dist/es/rows/GridDetailRow.js

@@ -2,10 +2,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());

package/dist/es/rows/GridRow.d.ts

@@ -7,5 +7,5 @@ export declare class GridRow extends React.Component<GridRowProps, {}> {
     /**
      * @hidden
      */
-    render(): any;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }

package/dist/es/rows/GridRow.js

@@ -2,10 +2,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());

package/dist/es/utils/index.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 /**
@@ -90,8 +92,8 @@ var eventKeys = [
     'columnResize',
     'columnReorder'
 ];
-var deprecatedHandlerMessage = function (oldKey, newKey) { return ("The " + oldKey + " event handler property is deprecated, " +
-    ("use https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-" + newKey + " instead")); };
+var deprecatedHandlerMessage = function (oldKey, newKey) { return ("The ".concat(oldKey, " event handler property is deprecated, ") +
+    "use https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-".concat(newKey, " instead")); };
 /**
  * @hidden
  */
@@ -123,7 +125,7 @@ export function readColumns(elements, oldColumns, idInfo, depth) {
         var oldColumn = oldColumns[index] || null;
         var children = readColumns(columnProps.children, oldColumn && oldColumn.children || [], idInfo, depth + 1);
         columns.push(Object.assign({ depth: depth }, GridColumn.defaultProps, (children.length) ? { cell: function () { return null; }, filterCell: function () { return null; } } : {}, oldColumn ? { width: oldColumn.width, orderIndex: oldColumn.orderIndex } : {}, columnProps, {
-            id: columnProps.id ? columnProps.id : navigationTools.generateNavigatableId("" + idInfo.prevId++, idInfo.idPrefix, 'column'),
+            id: columnProps.id ? columnProps.id : navigationTools.generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
             declarationIndex: columns.length,
             children: children,
             rowSpan: 0,
@@ -173,7 +175,7 @@ export function autoGenerateColumns(data, group, expandField, idInfo) {
         fields.forEach(function (field) {
             if (field !== expandField) {
                 columns.push(Object.assign({
-                    id: navigationTools.generateNavigatableId("" + idInfo.prevId++, idInfo.idPrefix, 'column'),
+                    id: navigationTools.generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
                     declarationIndex: -1,
                     parentIndex: -1,
                     depth: 0,

package/dist/npm/Grid.d.ts

@@ -65,7 +65,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
             buttonCount: PropTypes.Requireable<number>;
             info: PropTypes.Requireable<boolean>;
             type: PropTypes.Requireable<string>;
-            pageSizes: PropTypes.Requireable<boolean | number[]>;
+            pageSizes: PropTypes.Requireable<boolean | (number | null)[]>;
             previousNext: PropTypes.Requireable<boolean>;
         }>>;
         pageSize: PropTypes.Requireable<number>;
@@ -102,7 +102,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
         navigatable: PropTypes.Requireable<boolean>;
     };
     /** @hidden */
-    static contextType: React.Context<TableKeyboardNavigationContextType>;
+    static contextType: React.Context<TableKeyboardNavigationContextType | undefined>;
     protected dragLogic: CommonDragLogic;
     private _columns;
     private _columnsMap;
@@ -148,10 +148,15 @@ export declare class Grid extends React.Component<GridProps, {}> {
      * ReactDOM.render(<App />, document.querySelector('my-app'));
      * ```
      */
-    readonly columns: GridColumnProps[];
-    private readonly document;
+    get columns(): GridColumnProps[];
+    /**
+     * Returns the HTML element of the Grid component.
+     */
+    get element(): HTMLDivElement | null;
+    private get document();
     private headerRef;
-    private element;
+    private headerElementRef;
+    private _element;
     private tableElement;
     private vs;
     private columnResize;
@@ -159,7 +164,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
     private forceUpdateTimeout;
     private isRtl;
     private _gridId;
-    private readonly _header;
+    private get _header();
     constructor(props: GridProps);
     /**
      * Method to allow the scroll to be set to a specific row index.
@@ -182,7 +187,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
     /**
      * @hidden
      */
-    getSnapshotBeforeUpdate(): any;
+    getSnapshotBeforeUpdate(): null;
     /**
      * @hidden
      */