@syncfusion/ej2-lists 23.1.42 → 23.1.43

package/dist/es6/ej2-lists.es5.js

@@ -2794,17 +2794,18 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
      *
      * @param  {Fields} fields - Target item to add the given data as its children (can be null).
      *
+     * @param {number} index - Indicates the index where the data to be added.
      */
-    ListView.prototype.addItem = function (data, fields) {
+    ListView.prototype.addItem = function (data, fields, index) {
         if (fields === void 0) { fields = undefined; }
         var dataSource = this.dataSource instanceof DataManager
             ? this.localData : this.dataSource;
-        this.addItemInternally(data, fields, dataSource);
+        this.addItemInternally(data, fields, dataSource, index);
     };
-    ListView.prototype.addItemInternally = function (data, fields, dataSource) {
+    ListView.prototype.addItemInternally = function (data, fields, dataSource, index) {
         if (data instanceof Array) {
             if (this.enableVirtualization) {
-                this.virtualizationModule.addItem(data, fields, dataSource);
+                this.virtualizationModule.addItem(data, fields, dataSource, index);
             }
             else {
                 var ds = this.findItemFromDS(dataSource, fields);
@@ -2820,7 +2821,7 @@ var ListView = /** @__PURE__ @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.push(data[i]);
+                        dataSource = this.addItemAtIndex(index, dataSource, data[i]);
                         this.setViewDataSource(dataSource);
                         // since it is top level target, get the content container's first child
                         // as it is always the top level UL
@@ -2848,6 +2849,16 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    ListView.prototype.addItemAtIndex = function (index, newDataSource, itemData) {
+        var isIndexValid = !(isNullOrUndefined(index)) && index >= 0 && index < newDataSource.length && isNullOrUndefined(this.listBaseOption.fields.groupBy);
+        if (isIndexValid) {
+            newDataSource.splice(index, 0, itemData);
+        }
+        else {
+            newDataSource.push(itemData);
+        }
+        return newDataSource;
+    };
     ListView.prototype.addItemInNestedList = function (targetItemData, itemQueue) {
         // eslint-disable-next-line
         var targetItemId = targetItemData[this.fields.id];
@@ -3817,11 +3828,11 @@ var Virtualization = /** @__PURE__ @class */ (function () {
             });
         }
     };
-    Virtualization.prototype.addItem = function (data, fields, dataSource) {
+    Virtualization.prototype.addItem = function (data, fields, dataSource, index) {
         for (var i = 0; i < data.length; i++) {
             var currentItem = data[i];
             // push the given data to main data array
-            dataSource.push(currentItem);
+            dataSource = this.listViewInstance.addItemAtIndex(index, dataSource, currentItem);
             // recalculate all the group data or other datasource related things
             this.listViewInstance.setViewDataSource(dataSource);
             // render list items for first time due to no datasource present earlier
@@ -3839,16 +3850,16 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                 var ds = this.listViewInstance.findItemFromDS(dataSource, fields);
                 if (ds instanceof Array) {
                     if (this.listViewInstance.ulElement) {
-                        var index = this.listViewInstance.curViewDS.indexOf(currentItem);
+                        var index_1 = this.listViewInstance.curViewDS.indexOf(currentItem);
                         // inject new list item into DOM
-                        this.createAndInjectNewItem(currentItem, index);
+                        this.createAndInjectNewItem(currentItem, index_1);
                         // check for group header item
-                        var curViewDS = this.listViewInstance.curViewDS[index - 1];
+                        var curViewDS = this.listViewInstance.curViewDS[index_1 - 1];
                         if (curViewDS && curViewDS.isHeader && curViewDS.items.length === 1) {
                             // target group item index in datasource
-                            --index;
+                            --index_1;
                             // inject new group header into DOM for previously created list item
-                            this.createAndInjectNewItem(curViewDS, index);
+                            this.createAndInjectNewItem(curViewDS, index_1);
                         }
                     }
                     // recollect all the list item into collection
@@ -3858,13 +3869,13 @@ var Virtualization = /** @__PURE__ @class */ (function () {
             }
             else {
                 // eslint-disable-next-line
-                var index = this.listViewInstance.curViewDS.indexOf(currentItem);
+                var index_2 = this.listViewInstance.curViewDS.indexOf(currentItem);
                 // virtually new add list item based on the scollbar position
-                this.addUiItem(index);
+                this.addUiItem(index_2);
                 // check for group header item needs to be added
-                var curViewDS = this.listViewInstance.curViewDS[index - 1];
+                var curViewDS = this.listViewInstance.curViewDS[index_2 - 1];
                 if (curViewDS && curViewDS.isHeader && curViewDS.items.length === 1) {
-                    this.addUiItem(index - 1);
+                    this.addUiItem(index_2 - 1);
                 }
             }
         }