@syncfusion/ej2-filemanager 27.1.52 → 27.1.55

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
@@ -1676,7 +1675,8 @@ function setNextPath(parent, path) {
 function openSearchFolder(parent, data) {
     parent.originalPath = getFullPath(parent, data, parent.path);
     var root = getValue(parent.pathId[0], parent.feParent);
-    var isRoot = getValue('_fm_id', parent.itemData[0]) === 'fe_tree';
+    var navData = parent.feParent[getValue('_fm_id', parent.itemData[0])];
+    var isRoot = isNullOrUndefined(navData) || getValue('_fm_id', navData) === 'fe_tree';
     var key = isNullOrUndefined(getValue('id', root)) ? 'name' : 'id';
     var searchData = getObject(parent, key, isFileSystemData(parent) ? getValue('id', data) : getValue('name', data));
     if (isNullOrUndefined(searchData)) {
@@ -2117,16 +2117,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 +2162,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 +2174,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 +2183,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') {
@@ -3222,7 +3221,7 @@ function performReadOperation(parent, result, fn, data, event, operation, target
             var item = result.files[i];
             setValue('_fm_iconClass', fileType(item), item);
         }
-        if (getValue('action', data) === 'read' || isFileSystemData(parent) && getValue('action', data) === 'search') {
+        if (getValue('action', data) === 'read') {
             setNodeId(result, id);
             setValue(id, result.files, parent.feFiles);
         }
@@ -3343,13 +3342,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,51 +3367,59 @@ 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);
+            }
+            else {
+                if (parent.dialogObj && parent.dialogObj.visible) {
+                    parent.dialogObj.hide();
+                }
+                onFailure(parent, result, 'create');
             }
-            onFailure(parent, result, 'create');
         }
     }
+    catch (error) {
+        if (parent.dialogObj && parent.dialogObj.visible) {
+            parent.dialogObj.hide();
+        }
+        handleCatchError(parent, error, 'create');
+    }
 }
 /* istanbul ignore next */
 /**
@@ -3429,7 +3441,7 @@ function renameSuccess(parent, result) {
             parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
             var renameEventArgs = {
                 newName: parent.renamedItem.name,
-                itemData: parent.renamedItem,
+                itemData: [parent.renamedItem],
                 path: parent.path
             };
             parent.trigger('rename', renameEventArgs);
@@ -5003,7 +5015,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 +5385,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
                     read(this.parent, pathChanged, this.parent.path);
                     break;
                 case 'allowMultiSelection':
+                case 'showItemCheckBoxes':
                     if (this.parent.view !== 'LargeIcons') {
                         break;
                     }
@@ -8289,7 +8304,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) {
@@ -8300,6 +8317,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);
@@ -8327,11 +8352,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;
@@ -8406,11 +8431,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) {
@@ -8428,10 +8463,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) {
@@ -10783,6 +10821,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 +10829,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 +11042,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 +11307,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;