@syncfusion/ej2-lists 23.1.42 → 23.1.43

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

@@ -2758,16 +2758,17 @@ let ListView = class ListView extends Component {
      *
      * @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.
      */
-    addItem(data, fields = undefined) {
+    addItem(data, fields = undefined, index) {
         const dataSource = this.dataSource instanceof DataManager
             ? this.localData : this.dataSource;
-        this.addItemInternally(data, fields, dataSource);
+        this.addItemInternally(data, fields, dataSource, index);
     }
-    addItemInternally(data, fields, dataSource) {
+    addItemInternally(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 {
                 const ds = this.findItemFromDS(dataSource, fields);
@@ -2783,7 +2784,7 @@ let ListView = class ListView extends Component {
                 // check for whether target is nested level or top level in list
                 if (ds instanceof Array) {
                     for (let 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
@@ -2811,6 +2812,16 @@ let ListView = class ListView extends Component {
             }
         }
     }
+    addItemAtIndex(index, newDataSource, itemData) {
+        let 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;
+    }
     addItemInNestedList(targetItemData, itemQueue) {
         // eslint-disable-next-line
         const targetItemId = targetItemData[this.fields.id];
@@ -3771,11 +3782,11 @@ class Virtualization {
             });
         }
     }
-    addItem(data, fields, dataSource) {
+    addItem(data, fields, dataSource, index) {
         for (let i = 0; i < data.length; i++) {
             const 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