@syncfusion/ej2-filemanager 27.1.51 → 27.1.53

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

@@ -1430,9 +1430,8 @@ function getSortedData(parent, items) {
  */
 function getObject(parent, key, value) {
     var currFiles = getValue(parent.pathId[parent.pathId.length - 1], parent.feFiles);
-    var query = new Query().where(key, 'equal', value);
-    var lists = new DataManager(currFiles).executeLocal(query);
-    return lists[0];
+    var result = currFiles.filter(function (data) { return data[key].toString() === value; });
+    return result.length > 0 ? result[0] : null;
 }
 /**
  * Creates empty element
@@ -2117,16 +2116,15 @@ function removeItemClass(parent, value) {
  * @param {Element} scrollParent - specifies the scrolling target.
  * @param {IFileManager} parent - specifies the parent.
  * @param {string} nodeClass - specifies the node class.
- * @param {number} screenY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the entire screen.
  * @param {number} clientY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the target element.
  * @returns {void}
  * @private
  */
-function scrollHandler(scrollParent, parent, nodeClass, screenY, clientY) {
+function scrollHandler(scrollParent, parent, nodeClass, clientY) {
     var position;
     var elementData = scrollParent.getBoundingClientRect();
     var node = select('.' + nodeClass, scrollParent);
-    if ((screenY >= (elementData.top + scrollParent.clientHeight - 30)) && !isNullOrUndefined(node)) {
+    if ((clientY >= (elementData.top + scrollParent.clientHeight - 30)) && !isNullOrUndefined(node)) {
         position = (parent.targetModule === 'navigationpane' || parent.targetModule === 'detailsview') ? node.offsetHeight / 2.5 : node.offsetHeight / 4.5;
         scrollParent.scrollBy(0, position);
     }
@@ -2163,7 +2161,7 @@ function draggingHandler(parent, args) {
         /* istanbul ignore next */
         parent.treeExpandTimer = window.setTimeout(function () { parent.notify(dragging, args); }, 800);
         scrollParent = parent.navigationpaneModule.treeObj.element.parentElement;
-        scrollHandler(scrollParent, parent, 'e-level-2', args.event.screenY, args.event.y);
+        scrollHandler(scrollParent, parent, 'e-level-2', args.event.y);
     }
     else if (parent.targetModule === 'detailsview') {
         node = closest(args.target, 'tr');
@@ -2175,7 +2173,7 @@ function draggingHandler(parent, args) {
         }
         canDrop = true;
         scrollParent = parent.detailsviewModule.gridObj.element.querySelector('.e-content');
-        scrollHandler(scrollParent, parent, 'e-row', args.event.screenY, args.event.y);
+        scrollHandler(scrollParent, parent, 'e-row', args.event.y);
     }
     else if (parent.targetModule === 'largeiconsview') {
         node = closest(args.target, 'li');
@@ -2184,7 +2182,7 @@ function draggingHandler(parent, args) {
         }
         canDrop = true;
         scrollParent = parent.largeiconsviewModule.element.firstElementChild;
-        scrollHandler(scrollParent, parent, 'e-large-icon', args.event.screenY, args.event.y);
+        scrollHandler(scrollParent, parent, 'e-large-icon', args.event.y);
         /* istanbul ignore next */
     }
     else if (parent.targetModule === 'breadcrumbbar') {
@@ -3343,13 +3341,18 @@ function readSuccess(parent, result, event) {
  * @private
  */
 function filterSuccess(parent, result, event, action) {
-    if (!isNullOrUndefined(result.files)) {
-        parent.notify(event, result);
-        var args = { action: action, result: result };
-        parent.trigger('success', args);
+    try {
+        if (!isNullOrUndefined(result.files)) {
+            parent.notify(event, result);
+            var args = { action: action, result: result };
+            parent.trigger('success', args);
+        }
+        else {
+            onFailure(parent, result, action);
+        }
     }
-    else {
-        onFailure(parent, result, action);
+    catch (error) {
+        handleCatchError(parent, error, action);
     }
 }
 /* istanbul ignore next */
@@ -3363,50 +3366,58 @@ function filterSuccess(parent, result, event, action) {
  * @private
  */
 function createSuccess(parent, result, itemName) {
-    if (!isNullOrUndefined(result.files)) {
-        if (parent.dialogObj && parent.dialogObj.visible) {
-            parent.dialogObj.hide();
-        }
-        parent.createdItem = isFileSystemData(parent) ? result.files[result.files.length - 1] : result.files[0];
-        parent.breadcrumbbarModule.searchObj.value = '';
-        var createEventArgs = {
-            folderName: itemName,
-            path: parent.path,
-            parentFolder: parent.itemData
-        };
-        parent.trigger('folderCreate', createEventArgs);
-        var args = { action: 'create', result: result };
-        parent.trigger('success', args);
-        parent.itemData = [getPathObject(parent)];
-        read(parent, createEnd, parent.path);
-    }
-    else {
-        if (result.error.code === '400') {
+    try {
+        if (!isNullOrUndefined(result.files)) {
             if (parent.dialogObj && parent.dialogObj.visible) {
-                var ele = select('#newname', parent.dialogObj.element);
-                var error = getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + ele.value + '"');
-                ele.parentElement.nextElementSibling.innerHTML = error;
-            }
-            else {
-                var result_2 = {
-                    files: null,
-                    error: {
-                        code: '400',
-                        message: getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + itemName + '"'),
-                        fileExists: null
-                    }
-                };
-                createDialog(parent, 'Error', result_2);
+                parent.dialogObj.hide();
             }
-            var args = { action: 'create', error: result.error };
-            parent.trigger('failure', args);
+            parent.createdItem = isFileSystemData(parent) ? result.files[result.files.length - 1] : result.files[0];
+            parent.breadcrumbbarModule.searchObj.value = '';
+            var createEventArgs = {
+                folderName: itemName,
+                path: parent.path,
+                parentFolder: parent.itemData
+            };
+            parent.trigger('folderCreate', createEventArgs);
+            var args = { action: 'create', result: result };
+            parent.trigger('success', args);
+            parent.itemData = [getPathObject(parent)];
+            read(parent, createEnd, parent.path);
         }
         else {
-            if (parent.dialogObj && parent.dialogObj.visible) {
-                parent.dialogObj.hide();
+            if (result.error.code === '400') {
+                if (parent.dialogObj && parent.dialogObj.visible) {
+                    var ele = select('#newname', parent.dialogObj.element);
+                    var error = getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + ele.value + '"');
+                    ele.parentElement.nextElementSibling.innerHTML = error;
+                }
+                else {
+                    var result_2 = {
+                        files: null,
+                        error: {
+                            code: '400',
+                            message: getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + itemName + '"'),
+                            fileExists: null
+                        }
+                    };
+                    createDialog(parent, 'Error', result_2);
+                }
+                var args = { action: 'create', error: result.error };
+                parent.trigger('failure', args);
             }
-            onFailure(parent, result, 'create');
+            else {
+                if (parent.dialogObj && parent.dialogObj.visible) {
+                    parent.dialogObj.hide();
+                }
+                onFailure(parent, result, 'create');
+            }
+        }
+    }
+    catch (error) {
+        if (parent.dialogObj && parent.dialogObj.visible) {
+            parent.dialogObj.hide();
         }
+        handleCatchError(parent, error, 'create');
     }
 }
 /* istanbul ignore next */
@@ -5003,7 +5014,9 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
             var textEle = args.item.querySelector('.' + LIST_TEXT);
             var txt = getValue('name', args.curData);
             var type = getValue('type', args.curData);
-            textEle.innerHTML = txt.substr(0, txt.length - type.length);
+            if (txt.indexOf(type) !== -1) {
+                textEle.innerHTML = txt.substr(0, txt.length - type.length);
+            }
         }
         this.renderCheckbox(args);
         var eventArgs = {
@@ -5371,6 +5384,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
                     read(this.parent, pathChanged, this.parent.path);
                     break;
                 case 'allowMultiSelection':
+                case 'showItemCheckBoxes':
                     if (this.parent.view !== 'LargeIcons') {
                         break;
                     }
@@ -5426,7 +5440,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         if (toBind) {
             this.clickObj = new Touch(this.element, {
                 tap: function (eve) {
-                    eve.originalEvent.preventDefault();
                     if (_this.parent.isDevice) {
                         _this.tapCount = eve.tapCount;
                         _this.tapEvent = eve;
@@ -8290,7 +8303,9 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
      */
     /* istanbul ignore next */
     FileManager.prototype.onPropertyChanged = function (newProp, oldProp) {
+        var _this = this;
         var height;
+        var requiresRefresh = false;
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
             var prop = _a[_i];
             switch (prop) {
@@ -8301,6 +8316,14 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
                     this.allowDragAndDrop = newProp.allowDragAndDrop;
                     this.notify(modelChanged, { module: 'common', newProp: newProp, oldProp: oldProp });
                     break;
+                case 'showItemCheckBoxes':
+                    this.showItemCheckBoxes = newProp.showItemCheckBoxes;
+                    this.notify(modelChanged, { module: 'common', newProp: newProp, oldProp: oldProp });
+                    break;
+                case 'enableVirtualization':
+                    this.enableVirtualization = newProp.enableVirtualization;
+                    requiresRefresh = true;
+                    break;
                 case 'allowMultiSelection':
                     if (this.allowMultiSelection) {
                         addClass([this.element], CHECK_SELECT);
@@ -8328,11 +8351,11 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'enableRtl':
                     this.enableRtl = newProp.enableRtl;
-                    this.refresh();
+                    requiresRefresh = true;
                     break;
                 case 'rootAliasName':
                     this.rootAliasName = newProp.rootAliasName;
-                    this.refresh();
+                    requiresRefresh = true;
                     break;
                 case 'height':
                     height = !isNullOrUndefined(newProp.height) ? formatUnit(newProp.height) : newProp.height;
@@ -8407,11 +8430,21 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
                     this.notify(sortByChange, {});
                     break;
                 case 'sortBy':
-                    refresh(this);
-                    this.notify(sortByChange, {});
                     if (this.view === 'Details') {
+                        var columns = this.detailsViewSettings.columns;
+                        var isValidSortField = !isNullOrUndefined(columns) &&
+                            columns.findIndex(function (col) { return col.field === _this.sortBy; }) !== -1;
+                        if (!isValidSortField) {
+                            return;
+                        }
+                        refresh(this);
+                        this.notify(sortByChange, {});
                         this.notify(sortColumn, {});
                     }
+                    else {
+                        refresh(this);
+                        this.notify(sortByChange, {});
+                    }
                     break;
                 case 'popupTarget':
                     if (this.uploadDialogObj) {
@@ -8429,10 +8462,13 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'fileSystemData':
                     this.fileSystemData = newProp.fileSystemData;
-                    this.refresh();
+                    requiresRefresh = true;
                     break;
             }
         }
+        if (requiresRefresh) {
+            this.refresh();
+        }
     };
     /* istanbul ignore next */
     FileManager.prototype.ajaxSettingSetModel = function (newProp) {
@@ -10736,6 +10772,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         this.isRendered = true;
         this.isLoaded = false;
         this.isNameWidth = false;
+        this.isMultiSelect = false;
         this.pasteOperation = false;
         this.uploadOperation = false;
         Grid.Inject(Resize, ContextMenu$2, Sort, VirtualScroll);
@@ -10783,6 +10820,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
     }
     /* istanbul ignore next */
     DetailsView.prototype.render = function (args) {
+        var _this = this;
         showSpinner(this.parent.element);
         if (this.parent.view === 'Details') {
             removeClass([this.parent.element], MULTI_SELECT);
@@ -10790,7 +10828,9 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             this.checkNameWidth();
             var columns = this.getColumns();
             var sortSettings = void 0;
-            if (this.parent.isMobile) {
+            var isValidSortField = !isNullOrUndefined(columns) &&
+                columns.findIndex(function (col) { return col.field === _this.parent.sortBy; }) !== -1;
+            if (this.parent.isMobile || !isValidSortField) {
                 sortSettings = [];
             }
             else {
@@ -11001,7 +11041,9 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             if (textEle) {
                 var name_1 = getValue('name', args.data);
                 var type = getValue('type', args.data);
-                textEle.innerHTML = name_1.substr(0, name_1.length - type.length);
+                if (name_1.indexOf(type) !== -1) {
+                    textEle.innerHTML = name_1.substr(0, name_1.length - type.length);
+                }
             }
         }
         if (getValue('size', args.data) !== undefined && args.row.querySelector('.e-fe-size')) {
@@ -11264,6 +11306,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 case 'showHiddenItems':
                     read(this.parent, pathChanged, this.parent.path);
                     break;
+                case 'showItemCheckBoxes':
                 case 'allowMultiSelection':
                     if (!isNullOrUndefined(this.gridObj)) {
                         this.currentSelectedItem = this.parent.selectedItems;
@@ -11827,6 +11870,17 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         };
         this.parent.trigger('fileSelection', eventArgs);
         args.cancel = eventArgs.cancel;
+        if (!this.isMultiSelect) {
+            this.isMultiSelect = true;
+            if ((args.isShiftPressed || args.isCtrlPressed) && !this.parent.allowMultiSelection && (args.target && args.target.parentElement && !args.target.parentElement.classList.contains('e-checkbox-wrapper'))) {
+                args.cancel = true;
+                var rowIndex = (args && args.rowIndexes)
+                    ? args.rowIndexes[args.rowIndexes.length - 1]
+                    : args.rowIndex;
+                this.gridObj.selectRow(rowIndex);
+            }
+            this.isMultiSelect = false;
+        }
     };
     /* istanbul ignore next */
     DetailsView.prototype.onSelected = function (args) {