@syncfusion/ej2-grids 18.3.44 → 18.3.50-85492

package/src/grid/actions/selection.js

@@ -1,17 +1,17 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { Browser, EventHandler, createElement, isBlazor } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, isUndefined, addClass, removeClass } from '@syncfusion/ej2-base';
-import { remove, closest } from '@syncfusion/ej2-base';
+import { remove, closest, select } from '@syncfusion/ej2-base';
 import { Query } from '@syncfusion/ej2-data';
 import { setCssInGridPopUp, getPosition, isGroupAdaptive, parentsUntil, addRemoveActiveClasses, removeAddCboxClasses } from '../base/util';
 import * as events from '../base/constant';
@@ -249,8 +249,6 @@ var Selection = /** @class */ (function () {
             _this.removed = isRemoved;
             if (isRowSelected && _this.selectionSettings.persistSelection && !(_this.selectionSettings.checkboxMode === 'ResetOnRowClick')) {
                 _this.clearSelectedRow(index);
-                isRemoved = true;
-                _this.removed = isRemoved;
                 _this.selectRowCallBack();
             }
             else if (!isRowSelected && _this.selectionSettings.persistSelection &&
@@ -260,7 +258,8 @@ var Selection = /** @class */ (function () {
             if (_this.selectionSettings.checkboxMode === 'ResetOnRowClick') {
                 _this.clearSelection();
             }
-            if (!_this.selectionSettings.persistSelection || _this.selectionSettings.checkboxMode === 'ResetOnRowClick') {
+            if (!_this.selectionSettings.persistSelection || _this.selectionSettings.checkboxMode === 'ResetOnRowClick' ||
+                (!_this.parent.isCheckBoxSelection && _this.selectionSettings.persistSelection)) {
                 _this.selectRowCheck = true;
                 _this.clearRow();
             }
@@ -444,7 +443,7 @@ var Selection = /** @class */ (function () {
         var selectedMovableRow = !this.isSingleSel() ? this.getSelectedMovableRow(rowIndexes[0]) :
             this.getSelectedMovableRow(rowIndexes[rowIndexes.length - 1]);
         var frzCols = gObj.getFrozenColumns();
-        if (!this.isRowType() || this.isEditing()) {
+        if ((!this.isRowType() || this.isEditing()) && !this.selectionSettings.checkboxOnly) {
             return;
         }
         var args;
@@ -575,12 +574,13 @@ var Selection = /** @class */ (function () {
         }
     };
     Selection.prototype.clearSelectedRow = function (index) {
-        if (this.target) {
-            var selectedEle = this.target.parentElement;
+        if (this.toggle) {
+            var selectedEle = this.parent.getRowByIndex(index);
             if (!this.disableUI) {
                 selectedEle.removeAttribute('aria-selected');
                 this.addRemoveClassesForRow(selectedEle, false, true, 'e-selectionbackground', 'e-active');
             }
+            this.removed = true;
             this.updatePersistCollection(selectedEle, false);
             this.updateCheckBoxes(selectedEle);
             this.selectedRowIndexes.splice(this.selectedRowIndexes.indexOf(index), 1);
@@ -1930,9 +1930,9 @@ var Selection = /** @class */ (function () {
             if (rindex < this.parent.frozenRows) {
                 isFrozenRow = true;
             }
-            if (!parentsUntil(this.target, 'e-table').querySelector('#' + this.parent.element.id + '_autofill')) {
-                if (this.parent.element.querySelector('#' + this.parent.element.id + '_autofill')) {
-                    this.parent.element.querySelector('#' + this.parent.element.id + '_autofill').remove();
+            if (!select('#' + this.parent.element.id + '_autofill', parentsUntil(this.target, 'e-table'))) {
+                if (select('#' + this.parent.element.id + '_autofill', this.parent.element)) {
+                    select('#' + this.parent.element.id + '_autofill', this.parent.element).remove();
                 }
                 this.autofill = createElement('div', { className: 'e-autofill', id: this.parent.element.id + '_autofill' });
                 this.autofill.style.display = 'none';
@@ -3037,6 +3037,7 @@ var Selection = /** @class */ (function () {
         this.onDataBoundFunction = this.onDataBound.bind(this);
         this.parent.addEventListener(events.dataBound, this.onDataBoundFunction);
         this.parent.on(events.contentReady, this.checkBoxSelectionChanged, this);
+        this.parent.on(events.beforeRefreshOnDataChange, this.initPerisistSelection, this);
         this.parent.on(events.onEmpty, this.setCheckAllForEmptyGrid, this);
         this.actionCompleteFunc = this.actionCompleteHandler.bind(this);
         this.parent.addEventListener(events.actionComplete, this.actionCompleteFunc);
@@ -3054,6 +3055,7 @@ var Selection = /** @class */ (function () {
         this.parent.removeEventListener(events.actionComplete, this.actionCompleteFunc);
         this.parent.off(events.onEmpty, this.setCheckAllForEmptyGrid);
         this.parent.off(events.click, this.clickHandler);
+        this.parent.off(events.beforeRefreshOnDataChange, this.initPerisistSelection);
     };
     Selection.prototype.setCheckAllForEmptyGrid = function () {
         var checkAllBox = this.getCheckAllBox();

package/src/grid/actions/toolbar.js

@@ -1,5 +1,5 @@
 import { EventHandler, extend, isNullOrUndefined } from '@syncfusion/ej2-base';
-import { remove, isBlazor, updateBlazorTemplate } from '@syncfusion/ej2-base';
+import { remove, isBlazor, updateBlazorTemplate, select } from '@syncfusion/ej2-base';
 import { Toolbar as tool } from '@syncfusion/ej2-navigations';
 import * as events from '../base/constant';
 import { templateCompiler, appendChildren } from '../base/util';
@@ -73,7 +73,7 @@ var Toolbar = /** @class */ (function () {
         }
     };
     Toolbar.prototype.bindSearchEvents = function () {
-        this.searchElement = this.element.querySelector('#' + this.gridID + '_searchbar');
+        this.searchElement = select('#' + this.gridID + '_searchbar', this.element);
         this.wireEvent();
         this.refreshToolbarItems();
         if (this.parent.searchSettings) {
@@ -82,11 +82,11 @@ var Toolbar = /** @class */ (function () {
     };
     Toolbar.prototype.toolbarCreated = function () {
         if (this.element.querySelector('.e-search-wrapper')) {
-            this.element.querySelector('.e-search-wrapper').innerHTML = '<div class="e-input-group e-search" role="search">\
-        <input id="' + this.gridID + '_searchbar" class="e-input" name="input" type="search" \
-        placeholder= \"' + this.l10n.getConstant('Search') + '\"/>\
-        <span id="' + this.gridID + '_searchbutton" class="e-input-group-icon e-search-icon e-icons" \
-        tabindex="-1" title="' + this.l10n.getConstant('Search') + '" aria-label= "search"></span> \
+            this.element.querySelector('.e-search-wrapper').innerHTML = '<div class="e-input-group e-search" role="search">\
+        <input id="' + this.gridID + '_searchbar" class="e-input" name="input" type="search" \
+        placeholder= \"' + this.l10n.getConstant('Search') + '\"/>\
+        <span id="' + this.gridID + '_searchbutton" class="e-input-group-icon e-search-icon e-icons" \
+        tabindex="-1" title="' + this.l10n.getConstant('Search') + '" aria-label= "search"></span> \
         </div>';
         }
         this.bindSearchEvents();
@@ -219,7 +219,7 @@ var Toolbar = /** @class */ (function () {
     Toolbar.prototype.enableItems = function (items, isEnable) {
         for (var _i = 0, items_2 = items; _i < items_2.length; _i++) {
             var item = items_2[_i];
-            var element = this.element.querySelector('#' + item);
+            var element = select('#' + item, this.element);
             if (element) {
                 this.toolbar.enableItems(element.parentElement, isEnable);
             }

package/src/grid/base/constant.d.ts

@@ -449,3 +449,5 @@ export declare const groupCollapse: string;
 export declare const beforeCheckboxRenderer: string;
 /** @hidden */
 export declare const refreshHandlers: string;
+/** @hidden */
+export declare const beforeRefreshOnDataChange: string;

package/src/grid/base/constant.js

@@ -449,3 +449,5 @@ export var groupCollapse = 'group-collapse';
 export var beforeCheckboxRenderer = 'beforeCheckboxRenderer';
 /** @hidden */
 export var refreshHandlers = 'refreshResizeHandlers';
+/** @hidden */
+export var beforeRefreshOnDataChange = 'before-refresh-on-data-change';