devextreme 22.2.5 → 22.2.6

package/{esm/ui → cjs/__internal/grids}/grid_core/keyboard_navigation/module.js

@@ -1,50 +1,77 @@
 /**
- * DevExtreme (esm/ui/grid_core/keyboard_navigation/module.js)
- * Version: 22.2.5
- * Build date: Mon Mar 27 2023
+ * DevExtreme (cjs/__internal/grids/grid_core/keyboard_navigation/module.js)
+ * Version: 22.2.6
+ * Build date: Tue Apr 18 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
  */
-import {
-    getOuterHeight,
-    getHeight,
-    getWidth,
-    getOuterWidth
-} from "../../../core/utils/size";
-import $ from "../../../core/renderer";
-import domAdapter from "../../../core/dom_adapter";
-import eventsEngine from "../../../events/core/events_engine";
-import core from "../ui.grid_core.modules";
-import gridCoreUtils from "../ui.grid_core.utils";
-import {
-    isDefined,
-    isEmptyObject
-} from "../../../core/utils/type";
-import {
-    focused
-} from "../../widget/selectors";
-import {
-    addNamespace,
-    createEvent,
-    isCommandKeyPressed
-} from "../../../events/utils/index";
-import pointerEvents from "../../../events/pointer";
-import {
-    name as clickEventName
-} from "../../../events/click";
-import {
-    noop
-} from "../../../core/utils/common";
-import * as accessibility from "../../shared/accessibility";
-import browser from "../../../core/utils/browser";
-import {
-    keyboard
-} from "../../../events/short";
-import devices from "../../../core/devices";
-import {
-    GridCoreKeyboardNavigationDom
-} from "./dom";
+"use strict";
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (void 0 === k2) {
+        k2 = k
+    }
+    Object.defineProperty(o, k2, {
+        enumerable: true,
+        get: function() {
+            return m[k]
+        }
+    })
+} : function(o, m, k, k2) {
+    if (void 0 === k2) {
+        k2 = k
+    }
+    o[k2] = m[k]
+});
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: true,
+        value: v
+    })
+} : function(o, v) {
+    o.default = v
+});
+var __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) {
+        return mod
+    }
+    var result = {};
+    if (null != mod) {
+        for (var k in mod) {
+            if ("default" !== k && Object.prototype.hasOwnProperty.call(mod, k)) {
+                __createBinding(result, mod, k)
+            }
+        }
+    }
+    __setModuleDefault(result, mod);
+    return result
+};
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    }
+};
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.keyboardNavigationModule = void 0;
+var size_1 = require("../../../../core/utils/size");
+var renderer_1 = __importDefault(require("../../../../core/../core/renderer"));
+var dom_adapter_1 = __importDefault(require("../../../../core/../core/dom_adapter"));
+var events_engine_1 = __importDefault(require("../../../../core/../events/core/events_engine"));
+var type_1 = require("../../../../core/../core/utils/type");
+var selectors_1 = require("../../../../ui/widget/selectors");
+var index_1 = require("../../../../core/../events/utils/index");
+var pointer_1 = __importDefault(require("../../../../events/pointer"));
+var click_1 = require("../../../../core/../events/click");
+var common_1 = require("../../../../core/../core/utils/common");
+var accessibility = __importStar(require("../../../../ui/shared/accessibility"));
+var browser_1 = __importDefault(require("../../../../core/utils/browser"));
+var short_1 = require("../../../../events/short");
+var devices_1 = __importDefault(require("../../../../core/devices"));
+var module_utils_1 = __importDefault(require("../module_utils"));
+var modules_1 = __importDefault(require("../modules"));
+var dom_1 = require("./dom");
 var ROWS_VIEW_CLASS = "rowsview";
 var EDIT_FORM_CLASS = "edit-form";
 var GROUP_FOOTER_CLASS = "group-footer";
@@ -70,7 +97,7 @@ var WIDGET_CLASS = "dx-widget";
 var REVERT_BUTTON_CLASS = "dx-revert-button";
 var FAST_EDITING_DELETE_KEY = "delete";
 var INTERACTIVE_ELEMENTS_SELECTOR = "input:not([type='hidden']), textarea, a, select, button, [tabindex], .dx-checkbox";
-var NON_FOCUSABLE_ELEMENTS_SELECTOR = "".concat(INTERACTIVE_ELEMENTS_SELECTOR, ", .dx-dropdowneditor-icon");
+var NON_FOCUSABLE_ELEMENTS_SELECTOR = INTERACTIVE_ELEMENTS_SELECTOR + ", .dx-dropdowneditor-icon";
 var EDIT_MODE_ROW = "row";
 var EDIT_MODE_FORM = "form";
 var EDIT_MODE_BATCH = "batch";
@@ -101,24 +128,24 @@ function isEditorCell(that, $cell) {
 }
 
 function isElementDefined($element) {
-    return isDefined($element) && $element.length > 0
+    return type_1.isDefined($element) && $element.length > 0
 }
 
 function isMobile() {
-    return "desktop" !== devices.current().deviceType
+    return "desktop" !== devices_1.default.current().deviceType
 }
 
 function isCellInHeaderRow($cell) {
-    return !!$cell.parent(".".concat(HEADER_ROW_CLASS)).length
+    return !!$cell.parent("." + HEADER_ROW_CLASS).length
 }
 
 function isFixedColumnIndexOffsetRequired(that, column) {
     var rtlEnabled = that.option("rtlEnabled");
     var result = false;
     if (rtlEnabled) {
-        result = !("right" === column.fixedPosition || isDefined(column.command) && !isDefined(column.fixedPosition))
+        result = !("right" === column.fixedPosition || type_1.isDefined(column.command) && !type_1.isDefined(column.fixedPosition))
     } else {
-        result = !(!isDefined(column.fixedPosition) || "left" === column.fixedPosition)
+        result = !(!type_1.isDefined(column.fixedPosition) || "left" === column.fixedPosition)
     }
     return result
 }
@@ -129,6 +156,7 @@ function shouldPreventScroll(that) {
 }
 var keyboardNavigationMembers = {
     init: function() {
+        var _this = this;
         this._dataController = this.getController("data");
         this._selectionController = this.getController("selection");
         this._editingController = this.getController("editing");
@@ -141,70 +169,72 @@ var keyboardNavigationMembers = {
             this._fastEditingStarted = false;
             this._focusedCellPosition = {};
             this._canceledCellPosition = null;
-            this._editorFactory.focused.add($element => {
-                this.setupFocusedView();
-                if (this._isNeedScroll) {
-                    if ($element.is(":visible") && this._focusedView && this._focusedView.getScrollable) {
-                        this._focusedView._scrollToElement($element);
-                        this._isNeedScroll = false
+            this._editorFactory.focused.add((function($element) {
+                _this.setupFocusedView();
+                if (_this._isNeedScroll) {
+                    if ($element.is(":visible") && _this._focusedView && _this._focusedView.getScrollable) {
+                        _this._focusedView._scrollToElement($element);
+                        _this._isNeedScroll = false
                     }
                 }
-            });
+            }));
             this._initViewHandlers();
             this._initDocumentHandlers();
             this.createAction("onKeyDown")
         }
     },
     _initViewHandlers: function() {
+        var _this = this;
         var rowsView = this.getView("rowsView");
-        var rowsViewFocusHandler = event => {
-            var $element = $(event.target);
-            var isRelatedTargetInRowsView = $(event.relatedTarget).closest(rowsView.element()).length;
+        var rowsViewFocusHandler = function(event) {
+            var $element = renderer_1.default(event.target);
+            var isRelatedTargetInRowsView = renderer_1.default(event.relatedTarget).closest(rowsView.element()).length;
             var isLink = $element.is("a");
-            if (event.relatedTarget && isLink && !isRelatedTargetInRowsView && this._isEventInCurrentGrid(event)) {
-                var $focusedCell = this._getFocusedCell();
+            if (event.relatedTarget && isLink && !isRelatedTargetInRowsView && _this._isEventInCurrentGrid(event)) {
+                var $focusedCell = _this._getFocusedCell();
                 $focusedCell = !isElementDefined($focusedCell) ? rowsView.getCellElements(0).filter("[tabindex]").eq(0) : $focusedCell;
                 if (!$element.closest($focusedCell).length) {
                     event.preventDefault();
-                    eventsEngine.trigger($focusedCell, "focus")
+                    events_engine_1.default.trigger($focusedCell, "focus")
                 }
             }
         };
-        rowsView.renderCompleted.add(e => {
+        rowsView.renderCompleted.add((function(e) {
             var $rowsView = rowsView.element();
             var isFullUpdate = !e || "refresh" === e.changeType;
-            var isFocusedViewCorrect = this._focusedView && this._focusedView.name === rowsView.name;
+            var isFocusedViewCorrect = _this._focusedView && _this._focusedView.name === rowsView.name;
             var needUpdateFocus = false;
             var isAppend = e && ("append" === e.changeType || "prepend" === e.changeType);
-            var root = $(domAdapter.getRootNode($rowsView.get && $rowsView.get(0)));
+            var root = renderer_1.default(dom_adapter_1.default.getRootNode($rowsView.get && $rowsView.get(0)));
             var $focusedElement = root.find(":focus");
             var isFocusedElementCorrect = !$focusedElement.length || $focusedElement.closest($rowsView).length;
-            eventsEngine.off($rowsView, "focusin", rowsViewFocusHandler);
-            eventsEngine.on($rowsView, "focusin", rowsViewFocusHandler);
-            this._initPointerEventHandler();
-            this._initKeyDownHandler();
-            this._setRowsViewAttributes();
+            events_engine_1.default.off($rowsView, "focusin", rowsViewFocusHandler);
+            events_engine_1.default.on($rowsView, "focusin", rowsViewFocusHandler);
+            _this._initPointerEventHandler();
+            _this._initKeyDownHandler();
+            _this._setRowsViewAttributes();
             if (isFocusedViewCorrect && isFocusedElementCorrect) {
-                needUpdateFocus = this._isNeedFocus ? !isAppend : this._isHiddenFocus && isFullUpdate && !(null !== e && void 0 !== e && e.virtualColumnsScrolling);
-                needUpdateFocus && this._updateFocus(true)
+                needUpdateFocus = _this._isNeedFocus ? !isAppend : _this._isHiddenFocus && isFullUpdate && !(null === e || void 0 === e ? void 0 : e.virtualColumnsScrolling);
+                needUpdateFocus && _this._updateFocus(true)
             }
-        })
+        }))
     },
     _initDocumentHandlers: function() {
-        var document = domAdapter.getDocument();
-        this._documentClickHandler = this.createAction(e => {
-            var $target = $(e.event.target);
-            var isCurrentRowsViewClick = this._isEventInCurrentGrid(e.event) && $target.closest(".".concat(this.addWidgetPrefix(ROWS_VIEW_CLASS))).length;
-            var isEditorOverlay = $target.closest(".".concat(DROPDOWN_EDITOR_OVERLAY_CLASS)).length;
-            var columnsResizerController = this.getController("columnsResizer");
+        var _this = this;
+        var document = dom_adapter_1.default.getDocument();
+        this._documentClickHandler = this.createAction((function(e) {
+            var $target = renderer_1.default(e.event.target);
+            var isCurrentRowsViewClick = _this._isEventInCurrentGrid(e.event) && $target.closest("." + _this.addWidgetPrefix(ROWS_VIEW_CLASS)).length;
+            var isEditorOverlay = $target.closest("." + DROPDOWN_EDITOR_OVERLAY_CLASS).length;
+            var columnsResizerController = _this.getController("columnsResizer");
             var isColumnResizing = !!columnsResizerController && columnsResizerController.isResizing();
             if (!isCurrentRowsViewClick && !isEditorOverlay && !isColumnResizing) {
-                var targetInsideFocusedView = this._focusedView ? $target.parents().filter(this._focusedView.element()).length > 0 : false;
-                !targetInsideFocusedView && this._resetFocusedCell(true);
-                this._resetFocusedView()
+                var targetInsideFocusedView = _this._focusedView ? $target.parents().filter(_this._focusedView.element()).length > 0 : false;
+                !targetInsideFocusedView && _this._resetFocusedCell(true);
+                _this._resetFocusedView()
             }
-        });
-        eventsEngine.on(document, addNamespace(pointerEvents.down, "dxDataGridKeyboardNavigation"), this._documentClickHandler)
+        }));
+        events_engine_1.default.on(document, index_1.addNamespace(pointer_1.default.down, "dxDataGridKeyboardNavigation"), this._documentClickHandler)
     },
     _setRowsViewAttributes: function() {
         var $rowsView = this._getRowsViewElement();
@@ -214,25 +244,28 @@ var keyboardNavigationMembers = {
         }
     },
     _initPointerEventHandler: function() {
-        var pointerEventName = !isMobile() ? pointerEvents.down : clickEventName;
-        var clickSelector = ".".concat(ROW_CLASS, " > td, .").concat(ROW_CLASS);
+        var pointerEventName = !isMobile() ? pointer_1.default.down : click_1.name;
+        var clickSelector = "." + ROW_CLASS + " > td, ." + ROW_CLASS;
         var $rowsView = this._getRowsViewElement();
-        if (!isDefined(this._pointerEventAction)) {
+        if (!type_1.isDefined(this._pointerEventAction)) {
             this._pointerEventAction = this.createAction(this._pointerEventHandler)
         }
-        eventsEngine.off($rowsView, addNamespace(pointerEventName, "dxDataGridKeyboardNavigation"), this._pointerEventAction);
-        eventsEngine.on($rowsView, addNamespace(pointerEventName, "dxDataGridKeyboardNavigation"), clickSelector, this._pointerEventAction)
+        events_engine_1.default.off($rowsView, index_1.addNamespace(pointerEventName, "dxDataGridKeyboardNavigation"), this._pointerEventAction);
+        events_engine_1.default.on($rowsView, index_1.addNamespace(pointerEventName, "dxDataGridKeyboardNavigation"), clickSelector, this._pointerEventAction)
     },
     _initKeyDownHandler: function() {
+        var _this = this;
         var $rowsView = this._getRowsViewElement();
-        keyboard.off(this._keyDownListener);
-        this._keyDownListener = keyboard.on($rowsView, null, e => this._keyDownHandler(e))
+        short_1.keyboard.off(this._keyDownListener);
+        this._keyDownListener = short_1.keyboard.on($rowsView, null, (function(e) {
+            return _this._keyDownHandler(e)
+        }))
     },
     dispose: function() {
         this.callBase();
         this._resetFocusedView();
-        keyboard.off(this._keyDownListener);
-        eventsEngine.off(domAdapter.getDocument(), addNamespace(pointerEvents.down, "dxDataGridKeyboardNavigation"), this._documentClickHandler);
+        short_1.keyboard.off(this._keyDownListener);
+        events_engine_1.default.off(dom_adapter_1.default.getDocument(), index_1.addNamespace(pointer_1.default.down, "dxDataGridKeyboardNavigation"), this._documentClickHandler);
         clearTimeout(this._updateFocusTimeout);
         accessibility.unsubscribeVisibilityChange()
     },
@@ -261,19 +294,18 @@ var keyboardNavigationMembers = {
         this.focusType = FOCUS_TYPE_CELL
     },
     _keyDownHandler: function(e) {
-        var _this$_editingControl;
+        var _a;
         var needStopPropagation = true;
         this._isNeedFocus = true;
         this._isNeedScroll = true;
         var isHandled = this._processOnKeyDown(e);
-        var isEditing = null === (_this$_editingControl = this._editingController) || void 0 === _this$_editingControl ? void 0 : _this$_editingControl.isEditing();
+        var isEditing = null === (_a = this._editingController) || void 0 === _a ? void 0 : _a.isEditing();
         var originalEvent = e.originalEvent;
         if (originalEvent.isDefaultPrevented()) {
             this._isNeedFocus = false;
             this._isNeedScroll = false;
             return
-        }
-        FUNCTIONAL_KEYS.indexOf(e.keyName) < 0 && this._updateFocusedCellPositionByTarget(originalEvent.target);
+        }!FUNCTIONAL_KEYS.includes(e.keyName) && this._updateFocusedCellPositionByTarget(originalEvent.target);
         if (!isHandled) {
             switch (e.keyName) {
                 case "leftArrow":
@@ -299,7 +331,7 @@ var keyboardNavigationMembers = {
                     isHandled = this._spaceKeyHandler(e, isEditing);
                     break;
                 case "A":
-                    if (isCommandKeyPressed(e.originalEvent)) {
+                    if (index_1.isCommandKeyPressed(e.originalEvent)) {
                         this._ctrlAKeyHandler(e, isEditing);
                         isHandled = true
                     } else {
@@ -319,7 +351,7 @@ var keyboardNavigationMembers = {
                     isHandled = true;
                     break;
                 case "F":
-                    if (isCommandKeyPressed(e.originalEvent)) {
+                    if (index_1.isCommandKeyPressed(e.originalEvent)) {
                         this._ctrlFKeyHandler(e);
                         isHandled = true
                     } else {
@@ -359,9 +391,10 @@ var keyboardNavigationMembers = {
         return !!args.handled
     },
     _closeEditCell: function() {
-        setTimeout(() => {
-            this._editingController.closeEditCell()
-        })
+        var _this = this;
+        setTimeout((function() {
+            _this._editingController.closeEditCell()
+        }))
     },
     _leftRightKeysHandler: function(eventArgs, isEditing) {
         var rowIndex = this.getVisibleRowIndex();
@@ -384,20 +417,20 @@ var keyboardNavigationMembers = {
         }
     },
     _upDownKeysHandler: function(eventArgs, isEditing) {
-        var _this$_editingControl2, _this$_editingControl3;
+        var _a, _b;
         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$_editingControl2 = this._editingController) || void 0 === _this$_editingControl2 ? void 0 : null === (_this$_editingControl3 = _this$_editingControl2.isEditRowByIndex) || void 0 === _this$_editingControl3 ? void 0 : _this$_editingControl3.call(_this$_editingControl2, visibleRowIndex);
+        var isRowEditingInCurrentRow = null === (_b = null === (_a = this._editingController) || void 0 === _a ? void 0 : _a.isEditRowByIndex) || void 0 === _b ? void 0 : _b.call(_a, visibleRowIndex);
         var isEditingNavigationMode = this._isFastEditingStarted();
         var allowNavigate = (!isRowEditingInCurrentRow || !isEditing || isEditingNavigationMode) && $row && !isDetailRow($row);
         if (allowNavigate) {
             isEditingNavigationMode && this._closeEditCell();
             if (!this._navigateNextCell($event, eventArgs.keyName)) {
                 if (this._isVirtualRowRender() && isUpArrow && dataSource && !dataSource.isLoading()) {
-                    var rowHeight = getOuterHeight($row);
+                    var rowHeight = size_1.getOuterHeight($row);
                     var rowIndex = this._focusedCellPosition.rowIndex - 1;
                     this._scrollBy(0, -rowHeight, rowIndex, $event)
                 }
@@ -417,14 +450,14 @@ var keyboardNavigationMembers = {
                 this._dataController.pageIndex(pageIndex + pageStep);
                 eventArgs.originalEvent.preventDefault()
             }
-        } else if (scrollable && getHeight(scrollable.container()) < getHeight(scrollable.$content())) {
-            this._scrollBy(0, getHeight(scrollable.container()) * pageStep);
+        } else if (scrollable && size_1.getHeight(scrollable.container()) < size_1.getHeight(scrollable.$content())) {
+            this._scrollBy(0, size_1.getHeight(scrollable.container()) * pageStep);
             eventArgs.originalEvent.preventDefault()
         }
     },
     _spaceKeyHandler: function(eventArgs, isEditing) {
         var rowIndex = this.getVisibleRowIndex();
-        var $target = $(eventArgs.originalEvent && eventArgs.originalEvent.target);
+        var $target = renderer_1.default(eventArgs.originalEvent && eventArgs.originalEvent.target);
         if (this.option("selection") && "none" !== this.option("selection").mode && !isEditing) {
             var isFocusedRowElement = "row" === this._getElementType($target) && this.isRowFocusType() && isDataRow($target);
             var isFocusedSelectionCell = $target.hasClass(COMMAND_SELECT_CLASS);
@@ -440,9 +473,8 @@ var keyboardNavigationMembers = {
                 return true
             }
             return false
-        } else {
-            return this._beginFastEditing(eventArgs.originalEvent)
         }
+        return this._beginFastEditing(eventArgs.originalEvent)
     },
     _ctrlAKeyHandler: function(eventArgs, isEditing) {
         if (!isEditing && !eventArgs.alt && "multiple" === this.option("selection.mode") && this.option("selection.allowSelectAll")) {
@@ -453,16 +485,16 @@ var keyboardNavigationMembers = {
     _tabKeyHandler: function(eventArgs, isEditing) {
         var editingOptions = this.option("editing");
         var direction = eventArgs.shift ? "previous" : "next";
-        var isCellPositionDefined = isDefined(this._focusedCellPosition) && !isEmptyObject(this._focusedCellPosition);
+        var isCellPositionDefined = type_1.isDefined(this._focusedCellPosition) && !type_1.isEmptyObject(this._focusedCellPosition);
         var isOriginalHandlerRequired = !isCellPositionDefined || !eventArgs.shift && this._isLastValidCell(this._focusedCellPosition) || eventArgs.shift && this._isFirstValidCell(this._focusedCellPosition);
         var eventTarget = eventArgs.originalEvent.target;
         var focusedViewElement = this._focusedView && this._focusedView.element();
         if (this._handleTabKeyOnMasterDetailCell(eventTarget, direction)) {
             return
         }
-        $(focusedViewElement).addClass(FOCUS_STATE_CLASS);
+        renderer_1.default(focusedViewElement).addClass(FOCUS_STATE_CLASS);
         if (editingOptions && eventTarget && !isOriginalHandlerRequired) {
-            if ($(eventTarget).hasClass(this.addWidgetPrefix(ROWS_VIEW_CLASS))) {
+            if (renderer_1.default(eventTarget).hasClass(this.addWidgetPrefix(ROWS_VIEW_CLASS))) {
                 this._resetFocusedCell()
             }
             if (this._isVirtualColumnRender()) {
@@ -490,7 +522,7 @@ var keyboardNavigationMembers = {
     _getMaxHorizontalOffset: function() {
         var scrollable = this.component.getScrollable();
         var rowsView = this.getView("rowsView");
-        var offset = scrollable ? scrollable.scrollWidth() - getWidth(rowsView.element()) : 0;
+        var offset = scrollable ? scrollable.scrollWidth() - size_1.getWidth(rowsView.element()) : 0;
         return offset
     },
     _isColumnRendered: function(columnIndex) {
@@ -548,7 +580,7 @@ var keyboardNavigationMembers = {
             scrollable.scrollTo({
                 left: horizontalScrollPosition
             })
-        } else if (isDefined(nextColumnIndex) && isDefined(direction) && this._isColumnVirtual(nextColumnIndex)) {
+        } else if (type_1.isDefined(nextColumnIndex) && type_1.isDefined(direction) && this._isColumnVirtual(nextColumnIndex)) {
             horizontalScrollPosition = this._getHorizontalScrollPositionOffset(direction);
             0 !== horizontalScrollPosition && scrollable.scrollBy({
                 left: horizontalScrollPosition,
@@ -559,7 +591,7 @@ var keyboardNavigationMembers = {
     _getHorizontalScrollPositionOffset: function(direction) {
         var positionOffset = 0;
         var $currentCell = this._getCell(this._focusedCellPosition);
-        var currentCellWidth = $currentCell && getOuterWidth($currentCell);
+        var currentCellWidth = $currentCell && size_1.getOuterWidth($currentCell);
         if (currentCellWidth > 0) {
             var rtlMultiplier = this.option("rtlEnabled") ? -1 : 1;
             positionOffset = "nextInRow" === direction || "next" === direction ? currentCellWidth * rtlMultiplier : currentCellWidth * rtlMultiplier * -1
@@ -590,10 +622,10 @@ var keyboardNavigationMembers = {
         var row = this._dataController.items()[rowIndex];
         var editingController = this._editingController;
         if (column && column.allowEditing) {
-            var _isDataRow = !row || "data" === row.rowType;
+            var isDataRow_1 = !row || "data" === row.rowType;
             isEditingAllowed = editingController.allowUpdating({
                 row: row
-            }) ? _isDataRow : row && row.isNewRow
+            }) ? isDataRow_1 : row && row.isNewRow
         }
         if (!isEditingAllowed) {
             this._closeEditCell()
@@ -617,14 +649,14 @@ var keyboardNavigationMembers = {
         if (!isEditorCell(this, $cell) && $lastInteractiveElement.length && eventTarget !== $lastInteractiveElement.get(0)) {
             isOriginalHandlerRequired = true
         } else {
-            if (void 0 === this._focusedCellPosition.rowIndex && $(eventTarget).hasClass(ROW_CLASS)) {
+            if (void 0 === this._focusedCellPosition.rowIndex && renderer_1.default(eventTarget).hasClass(ROW_CLASS)) {
                 this._updateFocusedCellPosition($cell)
             }
             elementType = this._getElementType(eventTarget);
             if (this.isRowFocusType()) {
                 this.setCellFocusType();
-                if ("row" === elementType && isDataRow($(eventTarget))) {
-                    eventTarget = this.getFirstValidCellInRow($(eventTarget));
+                if ("row" === elementType && isDataRow(renderer_1.default(eventTarget))) {
+                    eventTarget = this.getFirstValidCellInRow(renderer_1.default(eventTarget));
                     elementType = this._getElementType(eventTarget)
                 }
             }
@@ -711,6 +743,7 @@ var keyboardNavigationMembers = {
         if ("row" === enterKeyDirection) {
             return isShift ? "previous" : "next"
         }
+        return
     },
     _handleEnterKeyEditingCell: function(event) {
         var target = event.target;
@@ -721,7 +754,7 @@ var keyboardNavigationMembers = {
             this._focusEditFormCell($cell);
             setTimeout(this._editingController.saveEditData.bind(this._editingController))
         } else {
-            eventsEngine.trigger($(target), "change");
+            events_engine_1.default.trigger(renderer_1.default(target), "change");
             this._closeEditCell();
             event.preventDefault()
         }
@@ -799,20 +832,20 @@ var keyboardNavigationMembers = {
     },
     _pointerEventHandler: function(e) {
         var event = e.event || e;
-        var $target = $(event.currentTarget);
+        var $target = renderer_1.default(event.currentTarget);
         var rowsView = this.getView("rowsView");
         var focusedViewElement = rowsView && rowsView.element();
         var $parent = $target.parent();
-        var isInteractiveElement = $(event.target).is(INTERACTIVE_ELEMENTS_SELECTOR);
-        var isRevertButton = !!$(event.target).closest(".".concat(REVERT_BUTTON_CLASS)).length;
+        var isInteractiveElement = renderer_1.default(event.target).is(INTERACTIVE_ELEMENTS_SELECTOR);
+        var isRevertButton = !!renderer_1.default(event.target).closest("." + REVERT_BUTTON_CLASS).length;
         var isExpandCommandCell = $target.hasClass(COMMAND_EXPAND_CLASS);
         if (!this._isEventInCurrentGrid(event)) {
             return
         }
         if (!isRevertButton && (this._isCellValid($target, !isInteractiveElement) || isExpandCommandCell)) {
-            $target = this._isInsideEditForm($target) ? $(event.target) : $target;
+            $target = this._isInsideEditForm($target) ? renderer_1.default(event.target) : $target;
             this._focusView();
-            $(focusedViewElement).removeClass(FOCUS_STATE_CLASS);
+            renderer_1.default(focusedViewElement).removeClass(FOCUS_STATE_CLASS);
             if ($parent.hasClass(FREESPACE_ROW_CLASS)) {
                 this._updateFocusedCellPosition($target);
                 this._applyTabIndexToElement(this._focusedView.element());
@@ -850,7 +883,7 @@ var keyboardNavigationMembers = {
                 this._isHiddenFocus = false
             } else {
                 $cell = this._getFocusedCell();
-                var $target = event && $(event.target).closest(NON_FOCUSABLE_ELEMENTS_SELECTOR + ", td");
+                var $target = event && renderer_1.default(event.target).closest(NON_FOCUSABLE_ELEMENTS_SELECTOR + ", td");
                 var skipFocusEvent = $target && $target.not($cell).is(NON_FOCUSABLE_ELEMENTS_SELECTOR);
                 var isEditor = !!column && !column.command && $cell.hasClass(EDITOR_CELL_CLASS);
                 var isDisabled = !isEditor && (!args.isHighlighted || skipFocusEvent);
@@ -874,7 +907,7 @@ var keyboardNavigationMembers = {
     focus: function(element) {
         var activeElementSelector;
         var focusedRowEnabled = this.option("focusedRowEnabled");
-        var isHighlighted = this._isCellElement($(element));
+        var isHighlighted = this._isCellElement(renderer_1.default(element));
         if (!element) {
             activeElementSelector = ".dx-datagrid-rowsview .dx-row[tabindex]";
             if (!focusedRowEnabled) {
@@ -882,18 +915,18 @@ var keyboardNavigationMembers = {
             }
             element = this.component.$element().find(activeElementSelector).first()
         }
-        element && this._focusElement($(element), isHighlighted)
+        element && this._focusElement(renderer_1.default(element), isHighlighted)
     },
     getFocusedView: function() {
         return this._focusedView
     },
     setupFocusedView: function() {
-        if (this.isKeyboardEnabled() && !isDefined(this._focusedView)) {
+        if (this.isKeyboardEnabled() && !type_1.isDefined(this._focusedView)) {
             this._focusView()
         }
     },
     _focusElement: function($element, isHighlighted) {
-        var rowsViewElement = $(this._getRowsViewElement());
+        var rowsViewElement = renderer_1.default(this._getRowsViewElement());
         var $focusedView = $element.closest(rowsViewElement);
         var isRowFocusType = this.isRowFocusType();
         var args = {};
@@ -918,7 +951,7 @@ var keyboardNavigationMembers = {
     },
     _getFocusedViewByElement: function($element) {
         var view = this.getFocusedView();
-        var $view = view && $(view.element());
+        var $view = view && renderer_1.default(view.element());
         return $element && 0 !== $element.closest($view).length
     },
     _focusView: function() {
@@ -933,10 +966,11 @@ var keyboardNavigationMembers = {
             return
         }
         var $focusedElement = this._getInteractiveElement($cell, isLast);
-        gridCoreUtils.focusAndSelectElement(this, $focusedElement)
+        this._testInteractiveElement = $focusedElement;
+        module_utils_1.default.focusAndSelectElement(this, $focusedElement)
     },
     _focus: function($cell, disableFocus, skipFocusEvent) {
-        var $row = $cell && !$cell.hasClass(ROW_CLASS) ? $cell.closest(".".concat(ROW_CLASS)) : $cell;
+        var $row = $cell && !$cell.hasClass(ROW_CLASS) ? $cell.closest("." + ROW_CLASS) : $cell;
         if ($row && isNotFocusedRow($row)) {
             return
         }
@@ -958,14 +992,14 @@ var keyboardNavigationMembers = {
             if ($focusViewElement) {
                 $focusViewElement.find(".dx-row[tabindex], .dx-row > td[tabindex]").not($focusElement).removeClass(CELL_FOCUS_DISABLED_CLASS).removeAttr("tabindex")
             }
-            eventsEngine.one($focusElement, "blur", e => {
+            events_engine_1.default.one($focusElement, "blur", (function(e) {
                 if (e.relatedTarget) {
                     $focusElement.removeClass(CELL_FOCUS_DISABLED_CLASS)
                 }
-            });
+            }));
             if (!skipFocusEvent) {
                 this._applyTabIndexToElement($focusElement);
-                eventsEngine.trigger($focusElement, "focus")
+                events_engine_1.default.trigger($focusElement, "focus")
             }
             if (disableFocus) {
                 $focusElement.addClass(CELL_FOCUS_DISABLED_CLASS);
@@ -978,52 +1012,53 @@ var keyboardNavigationMembers = {
         }
     },
     _updateFocus: function(isRenderView) {
-        this._updateFocusTimeout = setTimeout(() => {
-            var editingController = this._editingController;
+        var _this = this;
+        this._updateFocusTimeout = setTimeout((function() {
+            var editingController = _this._editingController;
             var isCellEditMode = editingController.getEditMode() === EDIT_MODE_CELL;
             var isBatchEditMode = editingController.getEditMode() === EDIT_MODE_BATCH;
             if (isCellEditMode && editingController.hasChanges() || isBatchEditMode && editingController.isNewRowInEditMode()) {
                 editingController._focusEditingCell();
                 return
             }
-            var $cell = this._getFocusedCell();
+            var $cell = _this._getFocusedCell();
             var isEditing = editingController.isEditing();
-            if ($cell && !(this._isMasterDetailCell($cell) && !this._isRowEditMode())) {
-                if (this._hasSkipRow($cell.parent())) {
-                    var direction = this._focusedCellPosition && this._focusedCellPosition.rowIndex > 0 ? "upArrow" : "downArrow";
-                    $cell = this._getNextCell(direction)
+            if ($cell && !(_this._isMasterDetailCell($cell) && !_this._isRowEditMode())) {
+                if (_this._hasSkipRow($cell.parent())) {
+                    var direction = _this._focusedCellPosition && _this._focusedCellPosition.rowIndex > 0 ? "upArrow" : "downArrow";
+                    $cell = _this._getNextCell(direction)
                 }
                 if (isElementDefined($cell)) {
-                    if ($cell.is("td") || $cell.hasClass(this.addWidgetPrefix(EDIT_FORM_ITEM_CLASS))) {
+                    if ($cell.is("td") || $cell.hasClass(_this.addWidgetPrefix(EDIT_FORM_ITEM_CLASS))) {
                         var isCommandCell = $cell.is(COMMAND_CELL_SELECTOR);
                         var $focusedElementInsideCell = $cell.find(":focus");
                         var isFocusedElementDefined = isElementDefined($focusedElementInsideCell);
-                        if ((isRenderView || !isCommandCell) && this._editorFactory.focus()) {
+                        if ((isRenderView || !isCommandCell) && _this._editorFactory.focus()) {
                             if (isCommandCell && isFocusedElementDefined) {
-                                gridCoreUtils.focusAndSelectElement(this, $focusedElementInsideCell);
+                                module_utils_1.default.focusAndSelectElement(_this, $focusedElementInsideCell);
                                 return
-                            }!isFocusedElementDefined && this._focus($cell)
-                        } else if (!isFocusedElementDefined && (this._isNeedFocus || this._isHiddenFocus)) {
-                            this._focus($cell, this._isHiddenFocus)
+                            }!isFocusedElementDefined && _this._focus($cell)
+                        } else if (!isFocusedElementDefined && (_this._isNeedFocus || _this._isHiddenFocus)) {
+                            _this._focus($cell, _this._isHiddenFocus)
                         }
                         if (isEditing) {
-                            this._focusInteractiveElement.bind(this)($cell)
+                            _this._focusInteractiveElement.bind(_this)($cell)
                         }
                     } else {
-                        eventsEngine.trigger($cell, "focus")
+                        events_engine_1.default.trigger($cell, "focus")
                     }
                 }
             }
-        })
+        }))
     },
     _getFocusedCell: function() {
-        return $(this._getCell(this._focusedCellPosition))
+        return renderer_1.default(this._getCell(this._focusedCellPosition))
     },
     _updateFocusedCellPositionByTarget: function(target) {
-        var _this$_focusedCellPos;
+        var _a;
         var elementType = this._getElementType(target);
-        if ("row" === elementType && isDefined(null === (_this$_focusedCellPos = this._focusedCellPosition) || void 0 === _this$_focusedCellPos ? void 0 : _this$_focusedCellPos.columnIndex)) {
-            var $row = $(target);
+        if ("row" === elementType && type_1.isDefined(null === (_a = this._focusedCellPosition) || void 0 === _a ? void 0 : _a.columnIndex)) {
+            var $row = renderer_1.default(target);
             this._focusedView && isGroupRow($row) && this.setFocusedRowIndex(this._getRowIndex($row))
         } else {
             this._updateFocusedCellPosition(this._getCellElementFromTarget(target))
@@ -1069,12 +1104,14 @@ var keyboardNavigationMembers = {
                 columnIndex: columnIndex
             }
         }
+        return
     },
     _focusCell: function($cell, isDisabled) {
         if (this._isCellValid($cell)) {
             this._focus($cell, isDisabled);
             return true
         }
+        return
     },
     _focusEditFormCell: function($cell) {
         if ($cell.hasClass(MASTER_DETAIL_CELL_CLASS)) {
@@ -1082,21 +1119,21 @@ var keyboardNavigationMembers = {
         }
     },
     _resetFocusedCell: function(preventScroll) {
-        var _this$_focusedView;
+        var _a;
         var $cell = this._getFocusedCell();
         isElementDefined($cell) && $cell.removeAttr("tabindex");
         this._isNeedFocus = false;
         this._isNeedScroll = false;
         this._focusedCellPosition = {};
         clearTimeout(this._updateFocusTimeout);
-        null === (_this$_focusedView = this._focusedView) || void 0 === _this$_focusedView ? void 0 : _this$_focusedView.renderFocusState({
+        null === (_a = this._focusedView) || void 0 === _a ? void 0 : _a.renderFocusState({
             preventScroll: preventScroll
         })
     },
     restoreFocusableElement: function(rowIndex, $event) {
         var args;
         var $rowElement;
-        var isUpArrow = isDefined(rowIndex);
+        var isUpArrow = type_1.isDefined(rowIndex);
         var rowsView = this.getView("rowsView");
         var $rowsViewElement = rowsView.element();
         var columnIndex = this._focusedCellPosition.columnIndex;
@@ -1105,7 +1142,7 @@ var keyboardNavigationMembers = {
         if (!isUpArrow) {
             this._editorFactory.loseFocus();
             this._applyTabIndexToElement($rowsViewElement);
-            eventsEngine.trigger($rowsViewElement, "focus")
+            events_engine_1.default.trigger($rowsViewElement, "focus")
         } else {
             $rowElement = rowsView.getRow(rowIndex - rowIndexOffset);
             args = this._fireFocusedRowChanging($event, $rowElement);
@@ -1190,14 +1227,14 @@ var keyboardNavigationMembers = {
     },
     getVisibleRowIndex: function() {
         var rowIndex = this._focusedCellPosition && this._focusedCellPosition.rowIndex;
-        if (!isDefined(rowIndex) || rowIndex < 0) {
+        if (!type_1.isDefined(rowIndex) || rowIndex < 0) {
             return -1
         }
         return rowIndex - this._dataController.getRowIndexOffset()
     },
     getVisibleColumnIndex: function() {
         var columnIndex = this._focusedCellPosition && this._focusedCellPosition.columnIndex;
-        if (!isDefined(columnIndex)) {
+        if (!type_1.isDefined(columnIndex)) {
             return -1
         }
         return columnIndex - this._columnsController.getColumnIndexOffset()
@@ -1212,12 +1249,14 @@ var keyboardNavigationMembers = {
         return columnIndex
     },
     _isCellByPositionValid: function(cellPosition) {
-        var $cell = $(this._getCell(cellPosition));
+        var $cell = renderer_1.default(this._getCell(cellPosition));
         return this._isCellValid($cell)
     },
     _isLastRow: function(rowIndex) {
         var dataController = this._dataController;
-        var visibleItems = dataController.items().filter(item => false !== item.visible);
+        var visibleItems = dataController.items().filter((function(item) {
+            return false !== item.visible
+        }));
         if (this._isVirtualRowRender()) {
             return rowIndex >= dataController.getMaxRowIndex()
         }
@@ -1285,42 +1324,42 @@ var keyboardNavigationMembers = {
             var $row = $cell.parent();
             var columnsController = this._columnsController;
             var columnIndex = rowsView.getCellIndex($cell) + columnsController.getColumnIndexOffset();
-            var column = columnsController.getVisibleColumns(null, true)[columnIndex];
+            var column_1 = columnsController.getVisibleColumns(null, true)[columnIndex];
             var visibleColumnCount = this._getVisibleColumnCount();
             var editingController = this._editingController;
-            var isMasterDetailRow = isDetailRow($row);
-            var isShowWhenGrouped = column && column.showWhenGrouped;
-            var isDataCell = column && !$cell.hasClass(COMMAND_EXPAND_CLASS) && isDataRow($row);
-            var isDragCell = GridCoreKeyboardNavigationDom.isDragCell($cell);
+            var isMasterDetailRow_1 = isDetailRow($row);
+            var isShowWhenGrouped_1 = column_1 && column_1.showWhenGrouped;
+            var isDataCell_1 = column_1 && !$cell.hasClass(COMMAND_EXPAND_CLASS) && isDataRow($row);
+            var isDragCell = dom_1.GridCoreKeyboardNavigationDom.isDragCell($cell);
             if (isDragCell) {
                 return false
             }
             if (this._isMasterDetailCell($cell)) {
                 return true
             }
-            if (visibleColumnCount > columnIndex && (!isMasterDetailRow && column && (!isDefined(column.groupIndex) || isShowWhenGrouped && isDataCell) || parseInt($cell.attr("colspan")) > 1)) {
+            if (visibleColumnCount > columnIndex && (!isMasterDetailRow_1 && column_1 && (!type_1.isDefined(column_1.groupIndex) || isShowWhenGrouped_1 && isDataCell_1) || parseInt($cell.attr("colspan")) > 1)) {
                 var rowItems = this._dataController.items();
                 var visibleRowIndex = rowsView.getRowIndex($row);
                 var row = rowItems[visibleRowIndex];
                 var isCellEditing = editingController && this._isCellEditMode() && editingController.isEditing();
                 var isRowEditingInCurrentRow = editingController && editingController.isEditRow(visibleRowIndex);
                 var isEditing = isRowEditingInCurrentRow || isCellEditing;
-                if (column.command) {
+                if (column_1.command) {
                     if (this._isLegacyNavigation()) {
-                        return !isEditing && "expand" === column.command
+                        return !isEditing && "expand" === column_1.command
                     }
                     if (isCellEditing) {
                         return false
                     }
                     if (isRowEditingInCurrentRow) {
-                        return "select" !== column.command
+                        return "select" !== column_1.command
                     }
                     return !isEditing
                 }
                 if (isCellEditing && row && "data" !== row.rowType) {
                     return false
                 }
-                return !isEditing || column.allowEditing || isClick
+                return !isEditing || column_1.allowEditing || isClick
             }
         }
     },
@@ -1346,7 +1385,7 @@ var keyboardNavigationMembers = {
         var $row;
         if (this._focusedView && focusedCellPosition) {
             var newFocusedCellPosition = this._getNewPositionByCode(focusedCellPosition, elementType, keyCode);
-            $cell = $(this._getCell(newFocusedCellPosition));
+            $cell = renderer_1.default(this._getCell(newFocusedCellPosition));
             var isLastCellOnDirection = "previous" === keyCode ? this._isFirstValidCell(newFocusedCellPosition) : this._isLastValidCell(newFocusedCellPosition);
             if (isElementDefined($cell) && !this._isCellValid($cell) && this._isCellInRow(newFocusedCellPosition, includeCommandCells) && !isLastCellOnDirection) {
                 if (isRowFocusType) {
@@ -1396,52 +1435,55 @@ var keyboardNavigationMembers = {
         return this._editingController.editCell(rowIndex, colIndex)
     },
     _startEditCell: function(eventArgs, fastEditingKey) {
-        this._fastEditingStarted = isDefined(fastEditingKey);
+        var _this = this;
+        this._fastEditingStarted = type_1.isDefined(fastEditingKey);
         var editResult = this._editFocusedCell();
         if (this._isFastEditingStarted()) {
             if (true === editResult) {
                 this._editingCellHandler(eventArgs, fastEditingKey)
             } else if (editResult && editResult.done) {
-                var editorValue = fastEditingKey !== FAST_EDITING_DELETE_KEY ? fastEditingKey : "";
-                editResult.done(() => this._editingCellHandler(eventArgs, editorValue))
+                var editorValue_1 = fastEditingKey !== FAST_EDITING_DELETE_KEY ? fastEditingKey : "";
+                editResult.done((function() {
+                    return _this._editingCellHandler(eventArgs, editorValue_1)
+                }))
             }
         }
     },
     _editingCellHandler: function(eventArgs, editorValue) {
-        var _$input$get$select, _$input$get;
+        var _a, _b;
         var $input = this._getFocusedCell().find(INTERACTIVE_ELEMENTS_SELECTOR).eq(0);
-        var keyDownEvent = createEvent(eventArgs, {
+        var keyDownEvent = index_1.createEvent(eventArgs, {
             type: "keydown",
             target: $input.get(0)
         });
-        var keyPressEvent = createEvent(eventArgs, {
+        var keyPressEvent = index_1.createEvent(eventArgs, {
             type: "keypress",
             target: $input.get(0)
         });
-        var inputEvent = createEvent(eventArgs, {
+        var inputEvent = index_1.createEvent(eventArgs, {
             type: "input",
             target: $input.get(0)
         });
         if (inputEvent.originalEvent) {
-            inputEvent.originalEvent = createEvent(inputEvent.originalEvent, {
+            inputEvent.originalEvent = index_1.createEvent(inputEvent.originalEvent, {
                 data: editorValue
             })
         }
-        null === (_$input$get$select = (_$input$get = $input.get(0)).select) || void 0 === _$input$get$select ? void 0 : _$input$get$select.call(_$input$get);
-        eventsEngine.trigger($input, keyDownEvent);
+        null === (_b = (_a = $input.get(0)).select) || void 0 === _b ? void 0 : _b.call(_a);
+        events_engine_1.default.trigger($input, keyDownEvent);
         if (!keyDownEvent.isDefaultPrevented()) {
-            eventsEngine.trigger($input, keyPressEvent);
+            events_engine_1.default.trigger($input, keyPressEvent);
             if (!keyPressEvent.isDefaultPrevented()) {
-                var timeout = browser.mozilla ? 25 : 0;
-                setTimeout(() => {
+                var timeout = browser_1.default.mozilla ? 25 : 0;
+                setTimeout((function() {
                     $input.val(editorValue);
-                    var $widgetContainer = $input.closest(".".concat(WIDGET_CLASS));
-                    eventsEngine.off($widgetContainer, "focusout");
-                    eventsEngine.one($widgetContainer, "focusout", (function() {
-                        eventsEngine.trigger($input, "change")
+                    var $widgetContainer = $input.closest("." + WIDGET_CLASS);
+                    events_engine_1.default.off($widgetContainer, "focusout");
+                    events_engine_1.default.one($widgetContainer, "focusout", (function() {
+                        events_engine_1.default.trigger($input, "change")
                     }));
-                    eventsEngine.trigger($input, inputEvent)
-                }, timeout)
+                    events_engine_1.default.trigger($input, inputEvent)
+                }), timeout)
             }
         }
     },
@@ -1454,7 +1496,7 @@ var keyboardNavigationMembers = {
                 cellPosition.columnIndex = args.newColumnIndex;
                 cellPosition.rowIndex = args.newRowIndex;
                 isHighlighted = args.isHighlighted;
-                $cell = $(this._getCell(cellPosition))
+                $cell = renderer_1.default(this._getCell(cellPosition))
             }
         }
         if (!args.cancel && fireRowEvent && $cell) {
@@ -1464,7 +1506,7 @@ var keyboardNavigationMembers = {
                 args.isHighlighted = isHighlighted
             }
         }
-        args.$newCellElement = $(this._getCell(cellPosition));
+        args.$newCellElement = renderer_1.default(this._getCell(cellPosition));
         if (!args.$newCellElement.length) {
             args.$newCellElement = $cell
         }
@@ -1491,7 +1533,7 @@ var keyboardNavigationMembers = {
         this._canceledCellPosition = null;
         this.executeAction("onFocusedCellChanging", args);
         if (args.newColumnIndex !== columnIndex || args.newRowIndex !== rowIndex) {
-            args.$newCellElement = $(this._getCell({
+            args.$newCellElement = renderer_1.default(this._getCell({
                 columnIndex: args.newColumnIndex,
                 rowIndex: args.newRowIndex
             }))
@@ -1568,7 +1610,7 @@ var keyboardNavigationMembers = {
         }
     },
     _isEventInCurrentGrid: function(event) {
-        return gridCoreUtils.isElementInCurrentGrid(this, $(event.target))
+        return module_utils_1.default.isElementInCurrentGrid(this, renderer_1.default(event.target))
     },
     _isRowEditMode: function() {
         var editMode = this._editingController.getEditMode();
@@ -1587,7 +1629,7 @@ var keyboardNavigationMembers = {
     },
     _applyTabIndexToElement: function($element) {
         var tabIndex = this.option("tabIndex") || 0;
-        $element.attr("tabindex", isDefined(tabIndex) ? tabIndex : 0)
+        $element.attr("tabindex", type_1.isDefined(tabIndex) ? tabIndex : 0)
     },
     _getCell: function(cellPosition) {
         if (this._focusedView && cellPosition) {
@@ -1642,7 +1684,7 @@ var keyboardNavigationMembers = {
         return "virtual" === scrollingMode || "infinite" === scrollingMode
     },
     _isVirtualRowRender: function() {
-        return this._isVirtualScrolling() || gridCoreUtils.isVirtualRowRendering(this)
+        return this._isVirtualScrolling() || module_utils_1.default.isVirtualRowRendering(this)
     },
     _isVirtualColumnRender: function() {
         return "virtual" === this.option("scrolling.columnRenderingMode")
@@ -1651,10 +1693,11 @@ var keyboardNavigationMembers = {
         var that = this;
         var scrollable = this.getView("rowsView").getScrollable();
         if (that._focusedCellPosition) {
-            scrollable.on("scroll", (function scrollHandler() {
-                scrollable.off("scroll", scrollHandler);
+            var scrollHandler_1 = function() {
+                scrollable.off("scroll", scrollHandler_1);
                 setTimeout(that.restoreFocusableElement.bind(that, rowIndex, $event))
-            }))
+            };
+            scrollable.on("scroll", scrollHandler_1)
         }
         return scrollable.scrollBy({
             left: left,
@@ -1662,11 +1705,11 @@ var keyboardNavigationMembers = {
         })
     },
     _isInsideEditForm: function(element) {
-        var $editForm = $(element).closest("." + this.addWidgetPrefix(EDIT_FORM_CLASS));
+        var $editForm = renderer_1.default(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 $masterDetailCell = renderer_1.default(element).closest("." + MASTER_DETAIL_CELL_CLASS);
         return $masterDetailCell.length && this.elementIsInsideGrid($masterDetailCell)
     },
     _processNextCellInMasterDetail: function($nextCell) {
@@ -1676,15 +1719,15 @@ var keyboardNavigationMembers = {
     },
     _handleTabKeyOnMasterDetailCell: function(target, direction) {
         if (this._isMasterDetailCell(target)) {
-            this._updateFocusedCellPosition($(target), direction);
+            this._updateFocusedCellPosition(renderer_1.default(target), direction);
             var $nextCell = this._getNextCell(direction, "row");
-            this._processNextCellInMasterDetail($nextCell, $(target));
+            this._processNextCellInMasterDetail($nextCell, renderer_1.default(target));
             return true
         }
         return false
     },
     _getElementType: function(target) {
-        return $(target).is("tr") ? "row" : "cell"
+        return renderer_1.default(target).is("tr") ? "row" : "cell"
     },
     _isFastEditingStarted: function() {
         return this._isFastEditingAllowed() && this._fastEditingStarted
@@ -1702,10 +1745,10 @@ var keyboardNavigationMembers = {
     },
     _getCellElementFromTarget: function(target) {
         var elementType = this._getElementType(target);
-        var $targetElement = $(target);
+        var $targetElement = renderer_1.default(target);
         var $cell;
         if ("cell" === elementType) {
-            $cell = $targetElement.closest(".".concat(ROW_CLASS, " > td"))
+            $cell = $targetElement.closest("." + ROW_CLASS + " > td")
         } else {
             $cell = $targetElement.children().not("." + COMMAND_EXPAND_CLASS).first()
         }
@@ -1724,6 +1767,7 @@ var keyboardNavigationMembers = {
             this._canceledCellPosition = null;
             return isCanceled
         }
+        return
     },
     updateFocusedRowIndex: function() {
         var dataController = this._dataController;
@@ -1734,8 +1778,8 @@ var keyboardNavigationMembers = {
         lastVisibleIndex >= 0 && visibleRowIndex > lastVisibleIndex && this.setFocusedRowIndex(lastVisibleIndex + rowIndexOffset)
     }
 };
-var KeyboardNavigationController = core.ViewController.inherit(keyboardNavigationMembers);
-export var keyboardNavigationModule = {
+var KeyboardNavigationController = modules_1.default.ViewController.inherit(keyboardNavigationMembers);
+exports.keyboardNavigationModule = {
     defaultOptions: function() {
         return {
             useLegacyKeyboardNavigation: false,
@@ -1770,12 +1814,12 @@ export var keyboardNavigationModule = {
                     var originalEvent = e.event.originalEvent;
                     if (originalEvent) {
                         var keyboardController = this.getController("keyboardNavigation");
-                        var $cell = $(originalEvent.target);
+                        var $cell = renderer_1.default(originalEvent.target);
                         var columnIndex = this.getCellIndex($cell);
                         var column = this.getController("columns").getVisibleColumns()[columnIndex];
                         var row = this.getController("data").items()[e.rowIndex];
                         if (keyboardController._isAllowEditing(row, column) || force) {
-                            var eventArgs = createEvent(originalEvent, {
+                            var eventArgs = index_1.createEvent(originalEvent, {
                                 currentTarget: originalEvent.target
                             });
                             keyboardController._pointerEventHandler(eventArgs)
@@ -1783,18 +1827,17 @@ export var keyboardNavigationModule = {
                     }
                 },
                 renderFocusState: function(params) {
-                    var {
-                        preventScroll: preventScroll,
-                        pageSizeChanged: pageSizeChanged
-                    } = null !== params && void 0 !== params ? params : {};
+                    var _a = null !== params && void 0 !== params ? params : {},
+                        preventScroll = _a.preventScroll,
+                        pageSizeChanged = _a.pageSizeChanged;
                     var keyboardController = this.getController("keyboardNavigation");
                     var $rowsViewElement = this.element();
-                    if ($rowsViewElement && !focused($rowsViewElement)) {
+                    if ($rowsViewElement && !selectors_1.focused($rowsViewElement)) {
                         $rowsViewElement.attr("tabindex", null)
                     }
                     pageSizeChanged && keyboardController.updateFocusedRowIndex();
                     var rowIndex = keyboardController.getVisibleRowIndex();
-                    if (!isDefined(rowIndex) || rowIndex < 0) {
+                    if (!type_1.isDefined(rowIndex) || rowIndex < 0) {
                         rowIndex = 0
                     }
                     var cellElements = this.getCellElements(rowIndex);
@@ -1809,7 +1852,7 @@ export var keyboardNavigationModule = {
                         keyboardController._applyTabIndexToElement($row)
                     } else {
                         var columnIndex = keyboardController.getColumnIndex();
-                        if (!isDefined(columnIndex) || columnIndex < 0) {
+                        if (!type_1.isDefined(columnIndex) || columnIndex < 0) {
                             columnIndex = 0
                         }
                         this._updateFocusedCellTabIndex(cellElements, columnIndex)
@@ -1826,8 +1869,9 @@ export var keyboardNavigationModule = {
                             keyboardController.setCellFocusType();
                             return true
                         }
+                        return
                     };
-                    var $cell = GridCoreKeyboardNavigationDom.getCellToFocus(cellElements, columnIndex);
+                    var $cell = dom_1.GridCoreKeyboardNavigationDom.getCellToFocus(cellElements, columnIndex);
                     if ($cell.length) {
                         updateCellTabIndex($cell)
                     } else {
@@ -1835,7 +1879,7 @@ export var keyboardNavigationModule = {
                             columnIndex = cellElementsLength - 1
                         }
                         for (var i = columnIndex; i < cellElementsLength; ++i) {
-                            if (updateCellTabIndex($(cellElements[i]))) {
+                            if (updateCellTabIndex(renderer_1.default(cellElements[i]))) {
                                 break
                             }
                         }
@@ -1845,15 +1889,13 @@ export var keyboardNavigationModule = {
                     this.callBase.apply(this, arguments);
                     this._renderFocusByChange(change)
                 },
-                _renderFocusByChange(change) {
-                    var {
-                        operationTypes: operationTypes,
-                        repaintChangesOnly: repaintChangesOnly
-                    } = null !== change && void 0 !== change ? change : {};
-                    var {
-                        fullReload: fullReload,
-                        pageSize: pageSize
-                    } = null !== operationTypes && void 0 !== operationTypes ? operationTypes : {};
+                _renderFocusByChange: function(change) {
+                    var _a = null !== change && void 0 !== change ? change : {},
+                        operationTypes = _a.operationTypes,
+                        repaintChangesOnly = _a.repaintChangesOnly;
+                    var _b = null !== operationTypes && void 0 !== operationTypes ? operationTypes : {},
+                        fullReload = _b.fullReload,
+                        pageSize = _b.pageSize;
                     if (!change || !repaintChangesOnly || fullReload || pageSize) {
                         var preventScroll = shouldPreventScroll(this);
                         this.renderFocusState({
@@ -1879,23 +1921,23 @@ export var keyboardNavigationModule = {
                 _handleEditingNavigationMode: function(editorInstance) {
                     ["downArrow", "upArrow"].forEach((function(keyName) {
                         var originalKeyHandler = editorInstance._supportedKeys()[keyName];
-                        editorInstance.registerKeyHandler(keyName, e => {
+                        editorInstance.registerKeyHandler(keyName, (function(e) {
                             var isDropDownOpened = "true" === editorInstance._input().attr("aria-expanded");
                             if (isDropDownOpened) {
                                 return originalKeyHandler && originalKeyHandler.call(editorInstance, e)
                             }
-                        })
+                        }))
                     }));
-                    editorInstance.registerKeyHandler("leftArrow", noop);
-                    editorInstance.registerKeyHandler("rightArrow", noop);
+                    editorInstance.registerKeyHandler("leftArrow", common_1.noop);
+                    editorInstance.registerKeyHandler("rightArrow", common_1.noop);
                     var isDateBoxWithMask = editorInstance.NAME === DATEBOX_WIDGET_NAME && editorInstance.option("useMaskBehavior");
                     if (isDateBoxWithMask) {
-                        editorInstance.registerKeyHandler("enter", noop)
+                        editorInstance.registerKeyHandler("enter", common_1.noop)
                     }
                 },
                 _getEditorInstance: function($cell) {
                     var $editor = $cell.find(".dx-texteditor").eq(0);
-                    return gridCoreUtils.getWidgetInstance($editor)
+                    return module_utils_1.default.getWidgetInstance($editor)
                 }
             }
         },
@@ -1939,10 +1981,11 @@ export var keyboardNavigationModule = {
                     return $cell
                 },
                 _processCanceledEditingCell: function() {
-                    this.closeEditCell().done(() => {
-                        var keyboardNavigation = this.getController("keyboardNavigation");
+                    var _this = this;
+                    this.closeEditCell().done((function() {
+                        var keyboardNavigation = _this.getController("keyboardNavigation");
                         keyboardNavigation._updateFocus()
-                    })
+                    }))
                 },
                 init: function() {
                     this.callBase();
@@ -1995,24 +2038,20 @@ export var keyboardNavigationModule = {
                 }
             },
             adaptiveColumns: {
-                _showHiddenCellsInView: function(_ref) {
-                    var {
-                        viewName: viewName,
-                        $cells: $cells,
-                        isCommandColumn: isCommandColumn
-                    } = _ref;
+                _showHiddenCellsInView: function(_a) {
+                    var viewName = _a.viewName,
+                        $cells = _a.$cells,
+                        isCommandColumn = _a.isCommandColumn;
                     this.callBase.apply(this, arguments);
-                    viewName === COLUMN_HEADERS_VIEW && !isCommandColumn && $cells.each((_, cellElement) => {
-                        var $cell = $(cellElement);
+                    viewName === COLUMN_HEADERS_VIEW && !isCommandColumn && $cells.each((function(_, cellElement) {
+                        var $cell = renderer_1.default(cellElement);
                         isCellInHeaderRow($cell) && $cell.attr("tabindex", 0)
-                    })
+                    }))
                 },
-                _hideVisibleCellInView: function(_ref2) {
-                    var {
-                        viewName: viewName,
-                        $cell: $cell,
-                        isCommandColumn: isCommandColumn
-                    } = _ref2;
+                _hideVisibleCellInView: function(_a) {
+                    var viewName = _a.viewName,
+                        $cell = _a.$cell,
+                        isCommandColumn = _a.isCommandColumn;
                     this.callBase.apply(this, arguments);
                     if (viewName === COLUMN_HEADERS_VIEW && !isCommandColumn && isCellInHeaderRow($cell)) {
                         $cell.removeAttr("tabindex")