@syncfusion/ej2-lists 19.2.60 → 19.3.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.2.60
+*  version : 19.3.48
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-lists@*",
-  "_id": "@syncfusion/ej2-lists@19.2.49",
+  "_id": "@syncfusion/ej2-lists@19.3.45",
   "_inBundle": false,
-  "_integrity": "sha512-re2uyqgJnkCajWezcKJC2aQErFX29SSmZlVKbgyseJJqT7y+gDonZRTfPWSKijbDSuA+kssEjZs8Ct/SJ0o6DQ==",
+  "_integrity": "sha512-GT5gLmp/nT4bKydUCumvFVDylUeQKRO0p9Fv9LPHl6d8qU8+ES1tMOsQ3DRkataMJ2UG5y/i1Uc/QkkuXuB9wg==",
   "_location": "/@syncfusion/ej2-lists",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-lists"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-lists/-/ej2-lists-19.2.49.tgz",
-  "_shasum": "86bb02e372955f1afe1577df0330fd870c8c7ff4",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-lists/-/ej2-lists-19.3.45.tgz",
+  "_shasum": "85c528c399c66a61cba765f98b5cb81e204fb983",
   "_spec": "@syncfusion/ej2-lists@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -43,9 +43,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.2.60",
-    "@syncfusion/ej2-buttons": "~19.2.60",
-    "@syncfusion/ej2-data": "~19.2.60"
+    "@syncfusion/ej2-base": "~19.3.47",
+    "@syncfusion/ej2-buttons": "~19.3.44",
+    "@syncfusion/ej2-data": "~19.3.47"
   },
   "deprecated": false,
   "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
@@ -85,6 +85,6 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
   },
   "typings": "index.d.ts",
-  "version": "19.2.60",
+  "version": "19.3.48",
   "sideEffects": false
 }

package/src/common/list-base.d.ts

@@ -260,6 +260,7 @@ export interface FieldsMapping {
     urlAttributes?: string;
     imageUrl?: string;
     imageAttributes?: string;
+    sortBy?: string;
 }
 /**
  * An enum type that denotes the Expand Icon Position. Available options are as follows Right, Left;

package/src/common/list-base.js

@@ -52,7 +52,8 @@ export var ListBase;
         urlAttributes: 'urlAttributes',
         imageAttributes: 'imageAttributes',
         imageUrl: 'imageUrl',
-        groupBy: null
+        groupBy: null,
+        sortBy: null
     };
     var defaultAriaAttributes = {
         level: 1,
@@ -212,7 +213,8 @@ export var ListBase;
     options, level, isSingleLevel, componentInstance) {
         var curOpt = extend({}, defaultListBaseOptions, options);
         cssClass = getModuleClass(curOpt.moduleName);
-        var fields = extend({}, ListBase.defaultMappedFields, curOpt.fields);
+        var fields = (componentInstance &&
+            (componentInstance.getModuleName() == "listview" || componentInstance.getModuleName() == "multiselect")) ? curOpt.fields : extend({}, ListBase.defaultMappedFields, curOpt.fields);
         var ariaAttributes = extend({}, defaultAriaAttributes, curOpt.ariaAttributes);
         var id;
         var checkboxElement = [];
@@ -586,7 +588,7 @@ export var ListBase;
         var curOpt = extend({}, defaultListBaseOptions, options);
         var curFields = extend({}, ListBase.defaultMappedFields, fields);
         // eslint-disable-next-line
-        var compiledString = compile(template);
+        var compiledString = compileTemplate(template);
         var liCollection = [];
         var value;
         var id = generateId(); // generate id for drop-down-list option.
@@ -634,17 +636,27 @@ export var ListBase;
             else {
                 var currentID = isHeader ? curOpt.groupTemplateID : curOpt.templateID;
                 if (isHeader) {
-                    // eslint-disable-next-line
-                    var compiledElement = compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate, null, li);
-                    if (compiledElement) {
-                        append(compiledElement, li);
+                    if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                        // eslint-disable-next-line
+                        var compiledElement = compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate, null, li);
+                        if (compiledElement) {
+                            append(compiledElement, li);
+                        }
+                    }
+                    else {
+                        append(compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate), li);
                     }
                 }
                 else {
-                    // eslint-disable-next-line
-                    var compiledElement = compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate, null, li);
-                    if (compiledElement) {
-                        append(compiledElement, li);
+                    if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                        // eslint-disable-next-line
+                        var compiledElement = compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate, null, li);
+                        if (compiledElement) {
+                            append(compiledElement, li);
+                        }
+                    }
+                    else {
+                        append(compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate), li);
                     }
                 }
                 li.setAttribute('data-value', isNullOrUndefined(value) ? 'null' : value);
@@ -683,7 +695,7 @@ export var ListBase;
     // eslint-disable-next-line
     headerItems, options, componentInstance) {
         // eslint-disable-next-line @typescript-eslint/ban-types
-        var compiledString = compile(groupTemplate);
+        var compiledString = compileTemplate(groupTemplate);
         var curFields = extend({}, ListBase.defaultMappedFields, fields);
         var curOpt = extend({}, defaultListBaseOptions, options);
         var category = curFields.groupBy;
@@ -692,10 +704,15 @@ export var ListBase;
             var headerData = {};
             headerData[category] = header.textContent;
             header.innerHTML = '';
-            // eslint-disable-next-line
-            var compiledElement = compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, header);
-            if (compiledElement) {
-                append(compiledElement, header);
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                // eslint-disable-next-line
+                var compiledElement = compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, header);
+                if (compiledElement) {
+                    append(compiledElement, header);
+                }
+            }
+            else {
+                append(compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate), header);
             }
         }
         return headerItems;
@@ -870,20 +887,30 @@ export var ListBase;
         }
         if (grpLI && options && options.groupTemplate) {
             // eslint-disable-next-line @typescript-eslint/ban-types
-            var compiledString = compile(options.groupTemplate);
-            // eslint-disable-next-line
-            var compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
-            if (compiledElement) {
-                append(compiledElement, li);
+            var compiledString = compileTemplate(options.groupTemplate);
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                // eslint-disable-next-line
+                var compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
+                if (compiledElement) {
+                    append(compiledElement, li);
+                }
+            }
+            else {
+                append(compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate), li);
             }
         }
         else if (!grpLI && options && options.template) {
             // eslint-disable-next-line @typescript-eslint/ban-types
-            var compiledString = compile(options.template);
-            // eslint-disable-next-line
-            var compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
-            if (compiledElement) {
-                append(compiledElement, li);
+            var compiledString = compileTemplate(options.template);
+            if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                // eslint-disable-next-line
+                var compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
+                if (compiledElement) {
+                    append(compiledElement, li);
+                }
+            }
+            else {
+                append(compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate), li);
             }
         }
         else {
@@ -981,3 +1008,16 @@ export function getFieldValues(dataItem, fields) {
     }
     return fieldData;
 }
+function compileTemplate(template) {
+    if (template) {
+        try {
+            if (document.querySelector(template)) {
+                return compile(document.querySelector(template).innerHTML.trim());
+            }
+        }
+        catch (e) {
+            return compile(template);
+        }
+    }
+    return undefined;
+}

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

@@ -1175,14 +1175,14 @@ var ListView = /** @class */ (function (_super) {
         if (dataSource === void 0) { dataSource = this.localData; }
         if (dataSource && this.fields.groupBy) {
             if (this.sortOrder !== 'None') {
-                this.curViewDS = ListBase.groupDataSource(ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, this.fields.sortBy)), this.listBaseOption.fields, this.sortOrder);
+                this.curViewDS = ListBase.groupDataSource(ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy)), this.listBaseOption.fields, this.sortOrder);
             }
             else {
                 this.curViewDS = ListBase.groupDataSource(dataSource, this.listBaseOption.fields, this.sortOrder);
             }
         }
         else if (dataSource && this.sortOrder !== 'None') {
-            this.curViewDS = ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, this.fields.sortBy));
+            this.curViewDS = ListBase.getDataSource(dataSource, ListBase.addSorting(this.sortOrder, (isNullOrUndefined(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy));
         }
         else {
             this.curViewDS = dataSource;

package/src/sortable/sortable-model.d.ts

@@ -1,4 +1,4 @@
-import { Base, Event, getUniqueID, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { closest, Draggable, DragPosition, MouseEventArgs, remove, compareElementParent } from '@syncfusion/ej2-base';import { addClass, removeClass, isNullOrUndefined, getComponent, isBlazor, BlazorDragEventArgs } from '@syncfusion/ej2-base';
+import { Base, Event, getUniqueID, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { closest, Draggable, DragPosition, MouseEventArgs, remove, compareElementParent } from '@syncfusion/ej2-base';import { addClass, isNullOrUndefined, getComponent, isBlazor, BlazorDragEventArgs } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class Sortable

package/src/sortable/sortable.js

@@ -20,7 +20,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Base, Event, getUniqueID, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
 import { closest, Draggable, remove, compareElementParent } from '@syncfusion/ej2-base';
-import { addClass, removeClass, isNullOrUndefined, getComponent, isBlazor } from '@syncfusion/ej2-base';
+import { addClass, isNullOrUndefined, getComponent, isBlazor } from '@syncfusion/ej2-base';
 /**
  * Sortable Module provides support to enable sortable functionality in Dom Elements.
  * ```html
@@ -59,10 +59,6 @@ var Sortable = /** @class */ (function (_super) {
                 element.style.height = target.offsetHeight + "px";
             }
             addClass([element], ['e-sortableclone']);
-            removeClass([element], ['e-listboxtool-container']);
-            if (element && element.className.indexOf("e-listbox-wrapper") < 0) {
-                addClass([element], ['e-listbox-wrapper']);
-            }
             document.body.appendChild(element);
             return element;
         };
@@ -175,9 +171,8 @@ var Sortable = /** @class */ (function (_super) {
             var isPlaceHolderPresent = _this.isPlaceHolderPresent(dropInst);
             if (isPlaceHolderPresent) {
                 var curIdx_1 = _this.getIndex(dropInst.placeHolderElement, dropInst);
-                var prevIndx = _this === dropInst && (prevIdx - curIdx_1) > 0 ? prevIdx - 1 : prevIdx;
                 var args = {
-                    previousIndex: prevIndx, currentIndex: _this.curTarget === _this.target ? prevIndx : curIdx_1, target: e.target, droppedElement: _this.target,
+                    previousIndex: prevIdx, currentIndex: curIdx_1, target: e.target, droppedElement: _this.target,
                     helper: e.helper, cancel: false, handled: false
                 };
                 _this.trigger('beforeDrop', args, function (observedArgs) {
@@ -204,8 +199,7 @@ var Sortable = /** @class */ (function (_super) {
             // eslint-disable-next-line prefer-const
             curIdx = dropInst.element.childElementCount;
             prevIdx = _this.getIndex(_this.target);
-            var target = (e.target.className.indexOf("e-list-nrt") > -1) ? e.target.parentElement : e.target;
-            if (dropInst.element === target || (!isPlaceHolderPresent && _this.curTarget === _this.target)) {
+            if (dropInst.element === e.target || (!isPlaceHolderPresent && _this.curTarget === _this.target)) {
                 var beforeDropArgs = {
                     previousIndex: prevIdx, currentIndex: _this.curTarget === _this.target ? prevIdx : curIdx,
                     target: e.target, droppedElement: _this.target, helper: e.helper, cancel: false