@syncfusion/ej2-lists 25.2.3 → 26.1.35-750253

package/src/list-view/list-view.js

@@ -26,6 +26,7 @@ import { Animation, rippleEffect, Touch, animationMode } from '@syncfusion/ej2-b
 import { DataManager, Query } from '@syncfusion/ej2-data';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
 import { ListBase, getFieldValues } from '../common/list-base';
+/* eslint-disable @typescript-eslint/no-explicit-any */
 // Effect Configuration Effect[] =  [fromViewBackward,fromViewForward,toViewBackward,toviewForward];
 var effectsConfig = {
     'None': [],
@@ -187,7 +188,6 @@ var ListView = /** @class */ (function (_super) {
                     this.setEnableRTL();
                     break;
                 case 'fields':
-                    // eslint-disable-next-line
                     this.listBaseOption.fields = this.fields.properties;
                     if (this.enableVirtualization) {
                         this.virtualizationModule.reRenderUiVirtualization();
@@ -258,7 +258,7 @@ var ListView = /** @class */ (function (_super) {
     };
     // Model Changes
     ListView.prototype.setHTMLAttribute = function () {
-        if (Object.keys(this.htmlAttributes).length) {
+        if (!isNullOrUndefined(this.htmlAttributes) && Object.keys(this.htmlAttributes).length) {
             attributes(this.element, this.htmlAttributes);
         }
     };
@@ -316,13 +316,11 @@ var ListView = /** @class */ (function (_super) {
             if (this.headerTemplate) {
                 var compiledString = compile(this.headerTemplate);
                 var headerTemplateEle = this.createElement('div', { className: classNames.headerTemplateText });
-                // eslint-disable-next-line
                 var compiledElement = compiledString({}, this, prop, this.LISTVIEW_HEADERTEMPLATE_ID, null, null, this.headerEle);
                 if (compiledElement) {
                     append(compiledElement, headerTemplateEle);
                 }
                 append([headerTemplateEle], this.headerEle);
-                // eslint-disable-next-line
                 if (this.isReact) {
                     this.renderReactTemplates();
                 }
@@ -387,8 +385,7 @@ var ListView = /** @class */ (function (_super) {
                 name: (reverse === true ? anim[0] : anim[1]),
                 duration: (duration === 0 && animationMode === 'Enable') ? 400 : duration,
                 timingFunction: this.animation.easing,
-                // eslint-disable-next-line
-                end: function (model) {
+                end: function () {
                     fromView.style.display = 'none';
                     _this.element.style.overflow = overflow_1;
                     fromView.style.position = fPos_1;
@@ -426,7 +423,6 @@ var ListView = /** @class */ (function (_super) {
                 itemRole: 'listitem', listRole: 'list', itemText: '',
                 groupItemRole: 'presentation', wrapperRole: 'presentation'
             },
-            // eslint-disable-next-line
             fields: (this.fields.properties),
             sortOrder: this.sortOrder,
             showIcon: this.showIcon,
@@ -461,10 +457,8 @@ var ListView = /** @class */ (function (_super) {
             this.isNestedList = true;
         }
         if (this.showCheckBox && args.item.classList.contains(classNames.listItem)) {
-            var checkboxElement = void 0;
             var fieldData_1;
-            // eslint-disable-next-line prefer-const
-            checkboxElement = createCheckBox(this.createElement, false, {
+            var checkboxElement = createCheckBox(this.createElement, false, {
                 checked: false, enableRtl: this.enableRtl,
                 cssClass: classNames.listviewCheckbox
             });
@@ -601,7 +595,6 @@ var ListView = /** @class */ (function (_super) {
             for (var i = 0; i < liCollection.length; i++) {
                 var element = liCollection[i];
                 args.item = element;
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 args.curData = this.getItemData(element);
                 if (element.querySelector('.' + classNames.checkboxWrapper)) {
                     this.removeElement(element.querySelector('.' + classNames.checkboxWrapper));
@@ -716,8 +709,7 @@ var ListView = /** @class */ (function (_super) {
         var curLi = closest(e.target.parentNode, '.' + classNames.listItem);
         this.setHoverLI(curLi);
     };
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ListView.prototype.leaveHandler = function (e) {
+    ListView.prototype.leaveHandler = function () {
         this.removeHover();
     };
     ListView.prototype.homeKeyHandler = function (e, end) {
@@ -971,7 +963,8 @@ var ListView = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.scroll)) {
             EventHandler.remove(this.element, 'scroll', this.onListScroll);
         }
-        this.touchModule.destroy();
+        if (this.touchModule)
+            this.touchModule.destroy();
         this.touchModule = null;
     };
     ListView.prototype.removeFocus = function () {
@@ -1056,7 +1049,6 @@ var ListView = /** @class */ (function (_super) {
             selectedItem =
                 {
                     item: li, text: fieldData && fieldData[this.listBaseOption.fields.text],
-                    // eslint-disable-next-line
                     data: data
                 };
         }
@@ -1074,7 +1066,6 @@ var ListView = /** @class */ (function (_super) {
     };
     ListView.prototype.setSelectedItemData = function (li) {
         var data = this.getItemData(li);
-        // eslint-disable-next-line
         var fieldData = getFieldValues(data, this.listBaseOption.fields);
         if (!isNullOrUndefined(data) && ((typeof this.dataSource[0] === 'string') ||
             (typeof this.dataSource[0] === 'number'))) {
@@ -1087,9 +1078,7 @@ var ListView = /** @class */ (function (_super) {
         else {
             this.selectedItems = {
                 item: li,
-                // eslint-disable-next-line
                 text: fieldData && fieldData[this.listBaseOption.fields.text],
-                // eslint-disable-next-line
                 data: data
             };
         }
@@ -1134,7 +1123,6 @@ var ListView = /** @class */ (function (_super) {
             for (var _i = 0, levelKeys_1 = levelKeys; _i < levelKeys_1.length; _i++) {
                 var key = levelKeys_1[_i];
                 var field = {};
-                // eslint-disable-next-line
                 field[this.fields.id] = key;
                 this.curDSJSON = this.findItemFromDS(ds, field);
                 var fieldData = getFieldValues(this.curDSJSON, this.listBaseOption.fields);
@@ -1162,9 +1150,7 @@ var ListView = /** @class */ (function (_super) {
         var resultJSON;
         if (dataSource && dataSource.length && fields) {
             dataSource.some(function (data) {
-                var fieldData = 
-                // eslint-disable-next-line
-                getFieldValues(data, _this.listBaseOption.fields);
+                var fieldData = getFieldValues(data, _this.listBaseOption.fields);
                 //(!(fid) || id === fid) && (!(ftext) || text === ftext) && (!!fid || !!ftext)
                 if ((fields[_this.fields.id] || fields[_this.fields.text]) &&
                     (!fields[_this.fields.id] || (!isNullOrUndefined(fieldData[_this.fields.id]) &&
@@ -1178,13 +1164,12 @@ var ListView = /** @class */ (function (_super) {
                 else if (!isNullOrUndefined(fields[_this.fields.id]) && isNullOrUndefined(fieldData[_this.fields.id])) {
                     var li = _this.element.querySelector('[data-uid="'
                         + fields[_this.fields.id] + '"]');
-                    // eslint-disable-next-line
                     if (li && li.innerText.trim() === fieldData[_this.fields.text]) {
                         resultJSON = data;
                     }
-                    // eslint-disable-next-line
                 }
-                else if (fieldData.hasOwnProperty(_this.fields.child) && fieldData[_this.fields.child].length) {
+                else if (Object.prototype.hasOwnProperty.call(fieldData, _this.fields.child) &&
+                    fieldData[_this.fields.child].length) {
                     resultJSON = _this.findItemFromDS(fieldData[_this.fields.child], fields, parent);
                 }
                 return !!resultJSON;
@@ -1199,7 +1184,6 @@ var ListView = /** @class */ (function (_super) {
         var columns = [];
         var query = (this.query ? this.query : new Query());
         if (!this.query) {
-            // eslint-disable-next-line
             for (var _i = 0, _a = Object.keys(this.fields.properties); _i < _a.length; _i++) {
                 var column = _a[_i];
                 if (column !== 'tableName' && !!(this.fields["" + column]) &&
@@ -1210,8 +1194,7 @@ var ListView = /** @class */ (function (_super) {
                 }
             }
             query.select(columns);
-            // eslint-disable-next-line
-            if (this.fields.properties.hasOwnProperty('tableName')) {
+            if (Object.prototype.hasOwnProperty.call(this.fields.properties, 'tableName')) {
                 query.from(this.fields.tableName);
             }
         }
@@ -1219,7 +1202,6 @@ var ListView = /** @class */ (function (_super) {
     };
     ListView.prototype.setViewDataSource = function (dataSource) {
         if (dataSource === void 0) { dataSource = this.localData; }
-        // eslint-disable-next-line
         var fieldValue = (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy;
         var query = ListBase.addSorting(this.sortOrder, fieldValue);
         if (dataSource && this.fields.groupBy) {
@@ -1258,15 +1240,12 @@ var ListView = /** @class */ (function (_super) {
     ListView.prototype.setLocalData = function () {
         var _this = this;
         this.trigger('actionBegin');
-        // eslint-disable-next-line
-        var listViewComponent = this;
         if (this.dataSource instanceof DataManager) {
             if (this.dataSource.ready) {
                 this.dataSource.ready.then(function (e) {
-                    /* eslint-disable */
                     _this.isOffline = _this.dataSource.dataSource.offline;
                     if (_this.dataSource instanceof DataManager && _this.isOffline) {
-                        _this.renderRemoteLists(e, listViewComponent);
+                        _this.renderRemoteLists(e, _this);
                     }
                 }).catch(function (e) {
                     _this.triggerActionFailure(e);
@@ -1274,7 +1253,7 @@ var ListView = /** @class */ (function (_super) {
             }
             else {
                 this.dataSource.executeQuery(this.getQuery()).then(function (e) {
-                    _this.renderRemoteLists(e, listViewComponent);
+                    _this.renderRemoteLists(e, _this);
                 }).catch(function (e) {
                     _this.triggerActionFailure(e);
                 });
@@ -1318,7 +1297,7 @@ var ListView = /** @class */ (function (_super) {
     };
     ListView.prototype.setAttributes = function (liElements) {
         for (var i = 0; i < liElements.length; i++) {
-            var element = liElements[i];
+            var element = liElements[parseInt(i.toString(), 10)];
             if (element.classList.contains('e-list-item')) {
                 element.setAttribute('id', this.element.id + '_' + element.getAttribute('data-uid'));
                 element.setAttribute('tabindex', '-1');
@@ -1332,15 +1311,6 @@ var ListView = /** @class */ (function (_super) {
         this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
         this.setAttributes(this.liCollection);
     };
-    ListView.prototype.exceptionEvent = function (e) {
-        this.trigger('actionFailure', e);
-    };
-    ListView.prototype.UpdateCurrentUL = function () {
-        this.ulElement = this.curUL = this.element.querySelector('.' + classNames.parentItem);
-        if (this.curUL) {
-            this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
-        }
-    };
     ListView.prototype.renderSubList = function (li) {
         this.liElement = li;
         var uID = li.getAttribute('data-uid');
@@ -1432,7 +1402,7 @@ var ListView = /** @class */ (function (_super) {
         }
         this.unWireEvents();
         var classAr = [classNames.root, classNames.disable, 'e-rtl',
-            'e-has-header', 'e-lib'].concat(this.cssClass.split(' ').filter(function (css) { return css; }));
+            'e-has-header', 'e-lib'].concat(this.cssClass ? this.cssClass.split(' ').filter(function (css) { return css; }) : []);
         removeClass([this.element], classAr);
         this.element.removeAttribute('role');
         this.element.removeAttribute('tabindex');
@@ -1529,8 +1499,8 @@ var ListView = /** @class */ (function (_super) {
                 if (obj instanceof Element) {
                     var uid = obj.getAttribute('data-uid').toString();
                     for (var i = 0; i < this.liCollection.length; i++) {
-                        if (this.liCollection[i].getAttribute('data-uid').toString() === uid) {
-                            li = this.liCollection[i];
+                        if (this.liCollection[parseInt(i.toString(), 10)].getAttribute('data-uid').toString() === uid) {
+                            li = this.liCollection[parseInt(i.toString(), 10)];
                             break;
                         }
                     }
@@ -1556,8 +1526,9 @@ var ListView = /** @class */ (function (_super) {
                     if (!this.enableVirtualization && isNullOrUndefined(li)) {
                         var curLi = this.element.querySelectorAll('.' + classNames.listItem);
                         for (var i = 0; i < curLi.length; i++) {
-                            if (curLi[i].innerText.trim() === fieldData[this.fields.text]) {
-                                li = curLi[i];
+                            if (curLi[parseInt(i.toString(), 10)].innerText.trim() ===
+                                fieldData[this.fields.text]) {
+                                li = curLi[parseInt(i.toString(), 10)];
                             }
                         }
                     }
@@ -1575,8 +1546,8 @@ var ListView = /** @class */ (function (_super) {
     ListView.prototype.selectMultipleItems = function (item) {
         if (!isNullOrUndefined(item)) {
             for (var i = 0; i < item.length; i++) {
-                if (!isNullOrUndefined(item[i])) {
-                    this.selectItem(item[i]);
+                if (!isNullOrUndefined(item[parseInt(i.toString(), 10)])) {
+                    this.selectItem(item[parseInt(i.toString(), 10)]);
                 }
             }
         }
@@ -1585,7 +1556,7 @@ var ListView = /** @class */ (function (_super) {
         var parentId = [];
         if (this.isNestedList) {
             for (var i = this.curDSLevel.length - 1; i >= 0; i--) {
-                parentId.push(this.curDSLevel[i]);
+                parentId.push(this.curDSLevel[parseInt(i.toString(), 10)]);
             }
         }
         return parentId;
@@ -1594,7 +1565,7 @@ var ListView = /** @class */ (function (_super) {
         this.selectedId = [];
         var liCollection = this.curUL.getElementsByClassName(classNames.selected);
         for (var i = 0; i < liCollection.length; i++) {
-            var tempData = this.getItemData(liCollection[i]);
+            var tempData = this.getItemData(liCollection[parseInt(i.toString(), 10)]);
             if (!isNullOrUndefined(tempData) && tempData[this.listBaseOption.fields.id]) {
                 this.selectedId.push(tempData[this.listBaseOption.fields.id]);
             }
@@ -1622,10 +1593,10 @@ var ListView = /** @class */ (function (_super) {
             var dataParent = [];
             for (var i = 0; i < liCollection.length; i++) {
                 if (typeof dataSource[0] === 'string' || typeof dataSource[0] === 'number') {
-                    liTextCollection.push(liCollection[i].innerText.trim());
+                    liTextCollection.push(liCollection[parseInt(i.toString(), 10)].innerText.trim());
                 }
                 else {
-                    var tempData = this.getItemData(liCollection[i]);
+                    var tempData = this.getItemData(liCollection[parseInt(i.toString(), 10)]);
                     var fieldData = getFieldValues(tempData, this.listBaseOption.fields);
                     if (this.isNestedList) {
                         dataParent.push({ data: tempData, parentId: this.getParentId() });
@@ -1812,7 +1783,7 @@ var ListView = /** @class */ (function (_super) {
                 // check for whether target is nested level or top level in list
                 if (ds instanceof Array) {
                     for (var i = 0; i < data.length; i++) {
-                        dataSource = this.addItemAtIndex(index, dataSource, data[i]);
+                        dataSource = this.addItemAtIndex(index, dataSource, data[parseInt(i.toString(), 10)]);
                         this.setViewDataSource(dataSource);
                         // since it is top level target, get the content container's first child
                         // as it is always the top level UL
@@ -1822,7 +1793,7 @@ var ListView = /** @class */ (function (_super) {
                         // check for whether the list was previously empty or not, if it is
                         // proceed to call initial render
                         if (this.contentContainer && targetUL) {
-                            this.addItemIntoDom(data[i], targetUL, this.curViewDS);
+                            this.addItemIntoDom(data[parseInt(i.toString(), 10)], targetUL, this.curViewDS);
                         }
                         else {
                             this.reRender();
@@ -1841,7 +1812,8 @@ var ListView = /** @class */ (function (_super) {
         }
     };
     ListView.prototype.addItemAtIndex = function (index, newDataSource, itemData) {
-        var isIndexValid = !(isNullOrUndefined(index)) && index >= 0 && index < newDataSource.length && isNullOrUndefined(this.listBaseOption.fields.groupBy);
+        var isIndexValid = !(isNullOrUndefined(index)) && index >= 0 &&
+            index < newDataSource.length && isNullOrUndefined(this.listBaseOption.fields.groupBy);
         if (isIndexValid) {
             newDataSource.splice(index, 0, itemData);
         }
@@ -1862,7 +1834,6 @@ var ListView = /** @class */ (function (_super) {
                 : null;
         var targetDS = isAlreadyRenderedUL ? targetChildDS : [targetItemData];
         var isTargetEmptyChild = targetLi ? !targetLi.classList.contains(classNames.hasChild) : false;
-        var isRefreshTemplateNeeded = false;
         // if li element is already rendered, that element needs to be refreshed so that
         // it becomes child viewable due to new child items are added now
         if (isTargetEmptyChild) {
@@ -1870,15 +1841,13 @@ var ListView = /** @class */ (function (_super) {
             this.setAttributes(targetRefreshedElement);
             targetUL.insertBefore(targetRefreshedElement[0], targetLi);
             detach(targetLi);
-            isRefreshTemplateNeeded = true;
         }
         // if it is already rendered element, we need to create and append new elements
         if (isAlreadyRenderedUL && itemQueue) {
             for (var i = 0; i < itemQueue.length; i++) {
-                targetDS.push(itemQueue[i]);
-                this.addItemIntoDom(itemQueue[i], targetUL, targetDS);
+                targetDS.push(itemQueue[parseInt(i.toString(), 10)]);
+                this.addItemIntoDom(itemQueue[parseInt(i.toString(), 10)], targetUL, targetDS);
             }
-            isRefreshTemplateNeeded = true;
         }
     };
     ListView.prototype.addItemIntoDom = function (currentItem, targetUL, curViewDS) {
@@ -1925,11 +1894,9 @@ var ListView = /** @class */ (function (_super) {
         var _this = this;
         var curViewDS = this.curViewDS;
         var fields = obj instanceof Element ? this.getElementUID(obj) : obj;
-        var dataSource;
-        dataSource = this.findItemFromDS(listDataSource, fields, true);
+        var dataSource = this.findItemFromDS(listDataSource, fields, true);
         if (dataSource) {
-            var data_1;
-            data_1 = this.findItemFromDS(dataSource, fields);
+            var data_1 = this.findItemFromDS(dataSource, fields);
             var index = curViewDS.indexOf(data_1);
             var li = this.getLiFromObjOrElement(obj);
             var groupLi = void 0;
@@ -1989,18 +1956,18 @@ var ListView = /** @class */ (function (_super) {
     ListView.prototype.removeMultipleItems = function (item) {
         if (item.length) {
             for (var i = 0; i < item.length; i++) {
-                this.removeItem(item[i]);
+                this.removeItem(item[parseInt(i.toString(), 10)]);
             }
         }
     };
     ListView.prototype.findParent = function (dataSource, id, callback, parent) {
-        if (dataSource.hasOwnProperty(id) && callback(dataSource[id]) === true) {
+        if (Object.prototype.hasOwnProperty.call(dataSource, id) && callback(dataSource[id]) === true) {
             return extend({}, dataSource);
         }
         for (var i = 0; i < Object.keys(dataSource).length; i++) {
-            if (dataSource[Object.keys(dataSource)[i]]
-                && typeof dataSource[Object.keys(dataSource)[i]] === 'object') {
-                var result = this.findParent(dataSource[Object.keys(dataSource)[i]], id, callback, dataSource);
+            if (dataSource[Object.keys(dataSource)[parseInt(i.toString(), 10)]]
+                && typeof dataSource[Object.keys(dataSource)[parseInt(i.toString(), 10)]] === 'object') {
+                var result = this.findParent(dataSource[Object.keys(dataSource)[parseInt(i.toString(), 10)]], id, callback, dataSource);
                 if (result != null) {
                     if (!result.parent) {
                         result.parent = parent;
@@ -2023,15 +1990,15 @@ var ListView = /** @class */ (function (_super) {
         return modules;
     };
     ListView.prototype.onListScroll = function (e) {
-        var args = { originalEvent: e, scrollDirection: "Bottom", distanceY: this.element.scrollHeight - this.element.scrollTop };
+        var args = { originalEvent: e, scrollDirection: 'Bottom', distanceY: this.element.scrollHeight - this.element.scrollTop };
         var currentScrollTop = this.element.scrollTop;
         if (currentScrollTop > this.previousScrollTop) {
-            args.scrollDirection = "Bottom";
+            args.scrollDirection = 'Bottom';
             args.distanceY = this.element.scrollHeight - this.element.clientHeight - this.element.scrollTop;
             this.trigger('scroll', args);
         }
         else if (this.previousScrollTop > currentScrollTop) {
-            args.scrollDirection = "Top";
+            args.scrollDirection = 'Top';
             args.distanceY = this.element.scrollTop;
             this.trigger('scroll', args);
         }

package/src/list-view/virtualization.d.ts

@@ -49,7 +49,6 @@ export declare class Virtualization {
      */
     uiVirtualization(): void;
     private wireScrollEvent;
-    private updateUlContainer;
     private ValidateItemCount;
     private uiIndicesInitialization;
     refreshItemHeight(): void;