@progress/kendo-react-grid 4.11.0 → 4.13.0-dev.202111231559

package/dist/npm/drag/CommonDragLogic.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 /**
  * @hidden
@@ -7,24 +8,18 @@ var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 var CommonDragLogic = /** @class */ (function () {
     function CommonDragLogic(columnReorder, groupReorder, columnToGroup) {
         var _this = this;
+        this.refDragElementClue = React.createRef();
+        this.refDropElementClue = React.createRef();
         this.reorderable = false;
         this.groupable = false;
         this.startColumn = -1;
         this.startGroup = -1;
         this.currentColumn = -1;
         this.currentGroup = -1;
-        this.dropElementClue = null;
-        this.dragElementClue = null;
         this.groupPanelDivElement = null;
         this.refGroupPanelDiv = function (e) {
             _this.groupPanelDivElement = e;
         };
-        this.refDropElementClue = function (e) {
-            _this.dropElementClue = e;
-        };
-        this.refDragElementClue = function (e) {
-            _this.dragElementClue = e;
-        };
         this.pressHandler = function (event, element) {
             var startColumn = _this.getColumnIndex(event, element);
             _this.startGroup = _this.getGroupIndex(event);
@@ -90,6 +85,34 @@ var CommonDragLogic = /** @class */ (function () {
         this.groupReorder = groupReorder;
         this.columnToGroup = columnToGroup;
     }
+    Object.defineProperty(CommonDragLogic.prototype, "dragClueRef", {
+        get: function () {
+            return this.refDragElementClue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommonDragLogic.prototype, "dropClueRef", {
+        get: function () {
+            return this.refDropElementClue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommonDragLogic.prototype, "dragElementClue", {
+        get: function () {
+            return this.refDragElementClue.current;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommonDragLogic.prototype, "dropElementClue", {
+        get: function () {
+            return this.refDropElementClue.current;
+        },
+        enumerable: true,
+        configurable: true
+    });
     CommonDragLogic.prototype.getColumnIndex = function (event, parent) {
         if (!parent || (parent.parentElement === this.groupPanelDivElement)) {
             return -1;

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

@@ -18,11 +18,12 @@ export interface HeaderProps {
  * @hidden
  */
 export declare class Header extends React.Component<HeaderProps, {}> {
-    private element;
+    private elementRef;
     private headerWrap;
     private table;
     private syncScroll;
     private scrollbarWidth;
+    readonly element: HTMLDivElement | null;
     componentDidMount(): void;
     /**
      *

package/dist/npm/header/Header.js

@@ -34,7 +34,7 @@ var Header = /** @class */ (function (_super) {
     __extends(Header, _super);
     function Header() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.element = null;
+        _this.elementRef = React.createRef();
         _this.headerWrap = null;
         _this.table = null;
         _this.syncScroll = false;
@@ -55,6 +55,13 @@ var Header = /** @class */ (function (_super) {
         };
         return _this;
     }
+    Object.defineProperty(Header.prototype, "element", {
+        get: function () {
+            return this.elementRef.current;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Header.prototype.componentDidMount = function () {
         var rtl = kendo_react_data_tools_1.isRtl(this.element);
         if (this.props.columnResize) {
@@ -88,7 +95,7 @@ var Header = /** @class */ (function (_super) {
                 this.props.headerRow,
                 this.props.filterRow));
         }
-        return (React.createElement("div", { ref: function (div) { _this.element = div; }, className: kendo_react_common_1.classNames('k-grid-header', { 'k-grid-draggable-header': this.props.draggable }), role: "presentation" },
+        return (React.createElement("div", { ref: this.elementRef, className: kendo_react_common_1.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; }, role: "presentation" }, this.props.cols),

package/dist/npm/header/HeaderRow.js

@@ -164,7 +164,7 @@ var HeaderRow = /** @class */ (function (_super) {
         this.serviceIndex = 0;
         this.index = -1;
         return this.props.columnsMap.map(function (rowIndexes, i) {
-            return _this.props.pressHandler && (React.createElement(ColumnDraggable_1.ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1 }, _this.cells(rowIndexes))) || React.createElement("tr", { role: "row", "aria-rowindex": i + 1 }, _this.cells(rowIndexes));
+            return _this.props.pressHandler && (React.createElement(ColumnDraggable_1.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", { role: "row", "aria-rowindex": i + 1 }, _this.cells(rowIndexes));
         });
     };
     return HeaderRow;

package/dist/npm/package-metadata.js

@@ -7,7 +7,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-grid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1637236452,
+    publishDate: 1637682566,
     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'
 };