devextreme 21.1.8 → 21.1.9

package/esm/ui/grid_core/ui.grid_core.editing_form_based.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.editing_form_based.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -178,6 +178,7 @@ export var editingFormBasedModule = {
                     var row = this.component.getVisibleRows()[rowIndex];
                     var templateOptions = {
                         row: row,
+                        values: row.values,
                         rowType: row.rowType,
                         key: row.key,
                         rowIndex: rowIndex
@@ -403,11 +404,11 @@ export var editingFormBasedModule = {
                     }
                     this.callBase.apply(this, arguments)
                 },
-                _editRowFromOptionChangedCore: function(rowIndices, rowIndex, oldRowIndex) {
-                    if (this.isPopupEditMode()) {
+                _editRowFromOptionChangedCore: function(rowIndices, rowIndex) {
+                    var isPopupEditMode = this.isPopupEditMode();
+                    this.callBase(rowIndices, rowIndex, isPopupEditMode);
+                    if (isPopupEditMode) {
                         this._showEditPopup(rowIndex)
-                    } else {
-                        this.callBase.apply(this, arguments)
                     }
                 }
             },

package/esm/ui/grid_core/ui.grid_core.editing_row_based.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.editing_row_based.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -60,9 +60,14 @@ export var editingRowBasedModule = {
                     }
                     this.callBase.apply(this, arguments)
                 },
-                _refreshCore: function() {
+                _refreshCore: function(params) {
+                    var {
+                        allowCancelEditing: allowCancelEditing
+                    } = null !== params && void 0 !== params ? params : {};
                     if (this.isRowBasedEditMode()) {
-                        this.init()
+                        var hasUpdateChanges = this.getChanges().filter(it => "update" === it.type).length > 0;
+                        this.init();
+                        allowCancelEditing && hasUpdateChanges && this._cancelEditDataCore()
                     }
                     this.callBase.apply(this, arguments)
                 },

package/esm/ui/grid_core/ui.grid_core.editor_factory.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.editor_factory.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -41,7 +41,8 @@ var EditorFactory = modules.ViewController.inherit({
     _getFocusedElement: function($dataGridElement) {
         var rowSelector = this.option("focusedRowEnabled") ? "tr[tabindex]:focus" : "tr[tabindex]:not(.dx-data-row):focus";
         var focusedElementSelector = "td[tabindex]:focus, ".concat(rowSelector, ", input:focus, textarea:focus, .dx-lookup-field:focus, .dx-checkbox:focus, .dx-switch:focus, .dx-dropdownbutton .dx-buttongroup:focus");
-        return $dataGridElement.find(focusedElementSelector)
+        var $focusedElement = $dataGridElement.find(focusedElementSelector);
+        return this.elementIsInsideGrid($focusedElement) && $focusedElement
     },
     _getFocusCellSelector: function() {
         return ".dx-row > td"
@@ -53,7 +54,7 @@ var EditorFactory = modules.ViewController.inherit({
         var hideBorders;
         if ($dataGridElement) {
             $focus = this._getFocusedElement($dataGridElement);
-            if ($focus.length) {
+            if ($focus && $focus.length) {
                 if (!$focus.hasClass(CELL_FOCUS_DISABLED_CLASS) && !$focus.hasClass(ROW_CLASS)) {
                     $focusCell = $focus.closest(this._getFocusCellSelector() + ", ." + CELL_FOCUS_DISABLED_CLASS);
                     hideBorders = $focusCell.get(0) !== $focus.get(0) && $focusCell.hasClass(EDITOR_INLINE_BLOCK);

package/esm/ui/grid_core/ui.grid_core.error_handling.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.error_handling.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.export_mixin.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.export_mixin.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.filter_builder.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.filter_builder.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.filter_custom_operations.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.filter_custom_operations.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.filter_panel.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.filter_panel.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.filter_row.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.filter_row.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -171,7 +171,7 @@ var ColumnHeadersViewFilterRowExtender = function() {
             var $editorContainer;
             var $editorRangeElements;
             var $menu;
-            if (gridCoreUtils.checkChanges(optionNames, ["filterValue", "bufferedFilterValue", "selectedFilterOperation", "bufferedSelectedFilterOperation"]) && void 0 !== e.columnIndex) {
+            if (gridCoreUtils.checkChanges(optionNames, ["filterValue", "bufferedFilterValue", "selectedFilterOperation", "bufferedSelectedFilterOperation", "filterValues", "filterType"]) && void 0 !== e.columnIndex) {
                 var visibleIndex = this._columnsController.getVisibleIndex(e.columnIndex);
                 var column = this._columnsController.columnOption(e.columnIndex);
                 $cell = this._getCellElement(this.element().find("." + this.addWidgetPrefix(FILTER_ROW_CLASS)).index(), visibleIndex) || $();

package/esm/ui/grid_core/ui.grid_core.filter_sync.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.filter_sync.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.focus.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.focus.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -303,18 +303,22 @@ var FocusController = core.ViewController.inherit({
         var focusedRowIndex = that._dataController.getRowIndexByKey(change.focusedRowKey);
         var rowsView = that.getView("rowsView");
         var $tableElement;
+        var $mainRow;
         each(rowsView.getTableElements(), (function(index, element) {
             var _change$items;
             var isMainTable = 0 === index;
             $tableElement = $(element);
             that._clearPreviousFocusedRow($tableElement, focusedRowIndex);
-            that._prepareFocusedRow({
+            var $row = that._prepareFocusedRow({
                 changedItem: null === change || void 0 === change ? void 0 : null === (_change$items = change.items) || void 0 === _change$items ? void 0 : _change$items[focusedRowIndex],
                 $tableElement: $tableElement,
-                focusedRowIndex: focusedRowIndex,
-                isMainTable: isMainTable
-            })
-        }))
+                focusedRowIndex: focusedRowIndex
+            });
+            if (isMainTable) {
+                $mainRow = $row
+            }
+        }));
+        $mainRow && rowsView.scrollToElementVertically($mainRow)
     },
     _clearPreviousFocusedRow: function($tableElement, focusedRowIndex) {
         var $prevRowFocusedElement = $tableElement.find(FOCUSED_ROW_SELECTOR).filter((_, focusedRow) => {
@@ -334,14 +338,10 @@ var FocusController = core.ViewController.inherit({
         if (changedItem && ("data" === changedItem.rowType || "group" === changedItem.rowType)) {
             var focusedRowIndex = options.focusedRowIndex;
             var $tableElement = options.$tableElement;
-            var isMainTable = options.isMainTable;
             var tabIndex = this.option("tabindex") || 0;
             var rowsView = this.getView("rowsView");
             $row = $(rowsView._getRowElements($tableElement).eq(focusedRowIndex));
-            $row.addClass(ROW_FOCUSED_CLASS).attr("tabindex", tabIndex);
-            if (isMainTable) {
-                rowsView.scrollToElementVertically($row)
-            }
+            $row.addClass(ROW_FOCUSED_CLASS).attr("tabindex", tabIndex)
         }
         return $row
     }
@@ -483,6 +483,8 @@ export var focusModule = {
                             this.processUpdateFocusedRow(e)
                         } else if ("append" === e.changeType || "prepend" === e.changeType) {
                             this._updatePageIndexes()
+                        } else if ("update" === e.changeType && e.repaintChangesOnly) {
+                            this.processUpdateFocusedRow(e)
                         }
                     }
                 },
@@ -749,6 +751,7 @@ export var focusModule = {
                     var scrollable = this.getScrollable();
                     if (scrollable && $row.length) {
                         var position = scrollable.getScrollElementPosition($row, "vertical");
+                        this._dataController.resetFilterApplying();
                         scrollable.scrollTo({
                             top: position
                         })

package/esm/ui/grid_core/ui.grid_core.grid_view.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.grid_view.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.header_filter.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.header_filter.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.header_filter_core.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.header_filter_core.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.header_panel.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.header_panel.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.keyboard_navigation.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.keyboard_navigation.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -72,6 +72,7 @@ var EDIT_MODE_CELL = "cell";
 var FOCUS_TYPE_ROW = "row";
 var FOCUS_TYPE_CELL = "cell";
 var COLUMN_HEADERS_VIEW = "columnHeadersView";
+var FUNCTIONAL_KEYS = ["shift", "control", "alt"];
 
 function isGroupRow($row) {
     return $row && $row.hasClass(GROUP_ROW_CLASS)
@@ -181,7 +182,7 @@ var KeyboardNavigationController = core.ViewController.inherit({
             this._initKeyDownHandler();
             this._setRowsViewAttributes();
             if (isFocusedViewCorrect && isFocusedElementCorrect) {
-                needUpdateFocus = this._isNeedFocus ? !isAppend : this._isHiddenFocus && isFullUpdate;
+                needUpdateFocus = this._isNeedFocus ? !isAppend : this._isHiddenFocus && isFullUpdate && !(null !== e && void 0 !== e && e.virtualColumnsScrolling);
                 needUpdateFocus && this._updateFocus(true)
             }
         })
@@ -257,21 +258,24 @@ var KeyboardNavigationController = core.ViewController.inherit({
         this.focusType = FOCUS_TYPE_CELL
     },
     _keyDownHandler: function(e) {
-        var isEditing = this._editingController.isEditing();
         var needStopPropagation = true;
-        var originalEvent = e.originalEvent;
+        this._isNeedFocus = true;
+        this._isNeedScroll = true;
         var isHandled = this._processOnKeyDown(e);
+        var isEditing = this._editingController.isEditing();
+        var originalEvent = e.originalEvent;
         if (originalEvent.isDefaultPrevented()) {
+            this._isNeedFocus = false;
+            this._isNeedScroll = false;
             return
         }
-        this._isNeedFocus = true;
-        this._isNeedScroll = true;
-        this._updateFocusedCellPositionByTarget(originalEvent.target);
+        FUNCTIONAL_KEYS.indexOf(e.keyName) < 0 && this._updateFocusedCellPositionByTarget(originalEvent.target);
         if (!isHandled) {
             switch (e.keyName) {
                 case "leftArrow":
                 case "rightArrow":
                     this._leftRightKeysHandler(e, isEditing);
+                    isHandled = true;
                     break;
                 case "upArrow":
                 case "downArrow":
@@ -280,53 +284,59 @@ var KeyboardNavigationController = core.ViewController.inherit({
                     } else {
                         this._upDownKeysHandler(e, isEditing)
                     }
+                    isHandled = true;
                     break;
                 case "pageUp":
                 case "pageDown":
                     this._pageUpDownKeyHandler(e);
+                    isHandled = true;
                     break;
                 case "space":
-                    this._spaceKeyHandler(e, isEditing);
+                    isHandled = this._spaceKeyHandler(e, isEditing);
                     break;
                 case "A":
                     if (isCommandKeyPressed(e.originalEvent)) {
-                        this._ctrlAKeyHandler(e, isEditing)
+                        this._ctrlAKeyHandler(e, isEditing);
+                        isHandled = true
                     } else {
-                        this._beginFastEditing(e.originalEvent)
+                        isHandled = this._beginFastEditing(e.originalEvent)
                     }
                     break;
                 case "tab":
                     this._tabKeyHandler(e, isEditing);
+                    isHandled = true;
                     break;
                 case "enter":
                     this._enterKeyHandler(e, isEditing);
+                    isHandled = true;
                     break;
                 case "escape":
                     this._escapeKeyHandler(e, isEditing);
+                    isHandled = true;
                     break;
                 case "F":
                     if (isCommandKeyPressed(e.originalEvent)) {
-                        this._ctrlFKeyHandler(e)
+                        this._ctrlFKeyHandler(e);
+                        isHandled = true
                     } else {
-                        this._beginFastEditing(e.originalEvent)
+                        isHandled = this._beginFastEditing(e.originalEvent)
                     }
                     break;
                 case "F2":
                     this._f2KeyHandler();
+                    isHandled = true;
                     break;
                 case "del":
                 case "backspace":
                     if (this._isFastEditingAllowed() && !this._isFastEditingStarted()) {
-                        this._beginFastEditing(originalEvent, true)
-                    }
-                    break;
-                default:
-                    if (!this._beginFastEditing(originalEvent)) {
-                        this._isNeedFocus = false;
-                        this._isNeedScroll = false;
-                        needStopPropagation = false
+                        isHandled = this._beginFastEditing(originalEvent, true)
                     }
             }
+            if (!isHandled && !this._beginFastEditing(originalEvent)) {
+                this._isNeedFocus = false;
+                this._isNeedScroll = false;
+                needStopPropagation = false
+            }
             if (needStopPropagation) {
                 originalEvent.stopPropagation()
             }
@@ -370,14 +380,16 @@ var KeyboardNavigationController = core.ViewController.inherit({
         }
     },
     _upDownKeysHandler: function(eventArgs, isEditing) {
+        var _this$_editingControl;
         var rowIndex = this._focusedCellPosition.rowIndex;
         var visibleRowIndex = this.getVisibleRowIndex();
         var $row = this._focusedView && this._focusedView.getRow(visibleRowIndex);
         var $event = eventArgs.originalEvent;
         var isUpArrow = "upArrow" === eventArgs.keyName;
         var dataSource = this._dataController.dataSource();
+        var isRowEditingInCurrentRow = null === (_this$_editingControl = this._editingController) || void 0 === _this$_editingControl ? void 0 : _this$_editingControl.isEditRow(visibleRowIndex);
         var isEditingNavigationMode = this._isFastEditingStarted();
-        var allowNavigate = (!isEditing || isEditingNavigationMode) && $row && !isDetailRow($row);
+        var allowNavigate = (!isRowEditingInCurrentRow || !isEditing || isEditingNavigationMode) && $row && !isDetailRow($row);
         if (allowNavigate) {
             isEditingNavigationMode && this._closeEditCell();
             if (!this._navigateNextCell($event, eventArgs.keyName)) {
@@ -421,10 +433,12 @@ var KeyboardNavigationController = core.ViewController.inherit({
                     shift: eventArgs.shift,
                     control: eventArgs.ctrl
                 });
-                eventArgs.originalEvent.preventDefault()
+                eventArgs.originalEvent.preventDefault();
+                return true
             }
+            return false
         } else {
-            this._beginFastEditing(eventArgs.originalEvent)
+            return this._beginFastEditing(eventArgs.originalEvent)
         }
     },
     _ctrlAKeyHandler: function(eventArgs, isEditing) {
@@ -977,9 +991,6 @@ var KeyboardNavigationController = core.ViewController.inherit({
                     $cell = this._getNextCell(direction)
                 }
                 if (isElementDefined($cell)) {
-                    if (isRenderView && !isEditing && this._checkCellOverlapped($cell)) {
-                        return
-                    }
                     if ($cell.is("td") || $cell.hasClass(this.addWidgetPrefix(EDIT_FORM_ITEM_CLASS))) {
                         var isCommandCell = $cell.is(COMMAND_CELL_SELECTOR);
                         var $focusedElementInsideCell = $cell.find(":focus");
@@ -1002,19 +1013,6 @@ var KeyboardNavigationController = core.ViewController.inherit({
             }
         })
     },
-    _checkCellOverlapped: function($cell) {
-        var cellOffset = $cell.offset();
-        var hasScrollable = this.component.getScrollable && this.component.getScrollable();
-        var isOverlapped = false;
-        if (hasScrollable) {
-            if (cellOffset.left < 0) {
-                isOverlapped = $cell.width() + cellOffset.left <= 0
-            } else if (cellOffset.top < 0) {
-                isOverlapped = $cell.height() + cellOffset.top <= 0
-            }
-        }
-        return isOverlapped
-    },
     _getFocusedCell: function() {
         return $(this._getCell(this._focusedCellPosition))
     },
@@ -1655,12 +1653,12 @@ var KeyboardNavigationController = core.ViewController.inherit({
         })
     },
     _isInsideEditForm: function(element) {
-        return $(element).closest("." + this.addWidgetPrefix(EDIT_FORM_CLASS)).length > 0
+        var $editForm = $(element).closest("." + this.addWidgetPrefix(EDIT_FORM_CLASS));
+        return $editForm.length && this.elementIsInsideGrid($editForm)
     },
     _isMasterDetailCell: function(element) {
         var $masterDetailCell = $(element).closest("." + MASTER_DETAIL_CELL_CLASS);
-        var $masterDetailGrid = $masterDetailCell.closest("." + this.getWidgetContainerClass()).parent();
-        return $masterDetailCell.length && $masterDetailGrid.is(this.component.$element())
+        return $masterDetailCell.length && this.elementIsInsideGrid($masterDetailCell)
     },
     _processNextCellInMasterDetail: function($nextCell) {
         if (!this._isInsideEditForm($nextCell) && $nextCell) {

package/esm/ui/grid_core/ui.grid_core.master_detail.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.master_detail.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/

package/esm/ui/grid_core/ui.grid_core.modules.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.modules.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -146,6 +146,10 @@ var ModuleItem = Class.inherit({
     getWidgetContainerClass: function() {
         var containerName = this.component.NAME === WIDGET_WITH_LEGACY_CONTAINER_NAME ? null : "container";
         return this.addWidgetPrefix(containerName)
+    },
+    elementIsInsideGrid: function($element) {
+        var $gridElement = $element.closest("." + this.getWidgetContainerClass()).parent();
+        return $gridElement.is(this.component.$element())
     }
 });
 var Controller = ModuleItem;

package/esm/ui/grid_core/ui.grid_core.pager.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.pager.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -27,7 +27,7 @@ var PagerView = modules.View.inherit({
         var dataController = this.getController("data");
         dataController.changed.add(e => {
             if (e && e.repaintChangesOnly) {
-                var pager = this._getPager();
+                var pager = this._pager;
                 if (pager) {
                     pager.option({
                         pageIndex: getPageIndex(dataController),
@@ -40,14 +40,11 @@ var PagerView = modules.View.inherit({
                     this.render()
                 }
             } else if (!e || "update" !== e.changeType && "updateSelection" !== e.changeType) {
+                this._pager = null;
                 this.render()
             }
         })
     },
-    _getPager: function() {
-        var $element = this.element();
-        return $element && $element.data("dxPager")
-    },
     _renderCore: function() {
         var $element = this.element().addClass(this.addWidgetPrefix(PAGER_CLASS));
         var pagerOptions = this.option("pager") || {};
@@ -85,12 +82,19 @@ var PagerView = modules.View.inherit({
         if (isDefined(pagerOptions.infoText)) {
             options.infoText = pagerOptions.infoText
         }
+        if (this._pager) {
+            this._pager.repaint();
+            return
+        }
         if (hasWindow()) {
-            this._createComponent($element, Pager, options)
+            this._pager = this._createComponent($element, Pager, options)
         } else {
             $element.addClass("dx-pager").html('<div class="dx-pages"><div class="dx-page"></div></div>')
         }
     },
+    getPager: function() {
+        return this._pager
+    },
     getPageSizes: function() {
         var dataController = this.getController("data");
         var pagerOptions = this.option("pager");
@@ -141,12 +145,16 @@ var PagerView = modules.View.inherit({
                 this._pageSizes = null
             }
             if (!isDataSource) {
+                this._pager = null;
                 this._invalidate();
                 if (hasWindow() && isPager && this.component) {
                     this.component.resize()
                 }
             }
         }
+    },
+    dispose: function() {
+        this._pager = null
     }
 });
 export var pagerModule = {

package/esm/ui/grid_core/ui.grid_core.row_dragging.js

@@ -1,7 +1,7 @@
 /**
  * DevExtreme (esm/ui/grid_core/ui.grid_core.row_dragging.js)
- * Version: 21.1.8
- * Build date: Fri Feb 04 2022
+ * Version: 21.1.9
+ * Build date: Fri Apr 22 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -61,6 +61,21 @@ var RowDraggingExtender = {
             this[currentSortableName] = this._createComponent($content, Sortable, extend({
                 component: this.component,
                 contentTemplate: null,
+                cursorOffset: options => {
+                    var event = options.event;
+                    var rowsViewOffset = $(this.element()).offset();
+                    return {
+                        x: event.pageX - rowsViewOffset.left
+                    }
+                },
+                onDraggableElementShown: e => {
+                    if (rowDragging.dragTemplate) {
+                        return
+                    }
+                    var $dragElement = $(e.dragElement);
+                    var gridInstance = $dragElement.children(".dx-widget").data(this.component.NAME);
+                    this._synchronizeScrollLeftPosition(gridInstance)
+                },
                 filter: "> table > tbody > .dx-row:not(.dx-freespace-row):not(.dx-virtual-row)",
                 dragTemplate: this._getDraggableRowTemplate(),
                 handle: rowDragging.showDragIcons && ".".concat(COMMAND_HANDLE_CLASS),
@@ -147,6 +162,12 @@ var RowDraggingExtender = {
             }
         }
     },
+    _synchronizeScrollLeftPosition: function(gridInstance) {
+        var scrollable = null === gridInstance || void 0 === gridInstance ? void 0 : gridInstance.getScrollable();
+        null === scrollable || void 0 === scrollable ? void 0 : scrollable.scrollTo({
+            x: this._scrollLeft
+        })
+    },
     _getDraggableRowTemplate: function() {
         return options => {
             var $rootElement = this.component.$element();