@syncfusion/ej2-filemanager 27.1.52 → 27.1.55

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

@@ -1281,9 +1281,8 @@ function getSortedData(parent, items) {
  */
 function getObject(parent, key, value) {
     const currFiles = getValue(parent.pathId[parent.pathId.length - 1], parent.feFiles);
-    const query = new Query().where(key, 'equal', value);
-    const lists = new DataManager(currFiles).executeLocal(query);
-    return lists[0];
+    const result = currFiles.filter((data) => data[key].toString() === value);
+    return result.length > 0 ? result[0] : null;
 }
 /**
  * Creates empty element
@@ -1527,7 +1526,8 @@ function setNextPath(parent, path) {
 function openSearchFolder(parent, data) {
     parent.originalPath = getFullPath(parent, data, parent.path);
     const root = getValue(parent.pathId[0], parent.feParent);
-    const isRoot = getValue('_fm_id', parent.itemData[0]) === 'fe_tree';
+    const navData = parent.feParent[getValue('_fm_id', parent.itemData[0])];
+    const isRoot = isNullOrUndefined(navData) || getValue('_fm_id', navData) === 'fe_tree';
     const key = isNullOrUndefined(getValue('id', root)) ? 'name' : 'id';
     const searchData = getObject(parent, key, isFileSystemData(parent) ? getValue('id', data) : getValue('name', data));
     if (isNullOrUndefined(searchData)) {
@@ -1968,16 +1968,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) {
     let position;
     const elementData = scrollParent.getBoundingClientRect();
     const 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);
     }
@@ -2014,7 +2013,7 @@ function draggingHandler(parent, args) {
         /* istanbul ignore next */
         parent.treeExpandTimer = window.setTimeout(() => { 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');
@@ -2026,7 +2025,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');
@@ -2035,7 +2034,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') {
@@ -3073,7 +3072,7 @@ function performReadOperation(parent, result, fn, data, event, operation, target
             const 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);
         }
@@ -3194,13 +3193,18 @@ function readSuccess(parent, result, event) {
  * @private
  */
 function filterSuccess(parent, result, event, action) {
-    if (!isNullOrUndefined(result.files)) {
-        parent.notify(event, result);
-        const args = { action: action, result: result };
-        parent.trigger('success', args);
+    try {
+        if (!isNullOrUndefined(result.files)) {
+            parent.notify(event, result);
+            const 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 */
@@ -3214,51 +3218,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 = '';
-        const createEventArgs = {
-            folderName: itemName,
-            path: parent.path,
-            parentFolder: parent.itemData
-        };
-        parent.trigger('folderCreate', createEventArgs);
-        const 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) {
-                const ele = select('#newname', parent.dialogObj.element);
-                const error = getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + ele.value + '"');
-                ele.parentElement.nextElementSibling.innerHTML = error;
-            }
-            else {
-                const result = {
-                    files: null,
-                    error: {
-                        code: '400',
-                        message: getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + itemName + '"'),
-                        fileExists: null
-                    }
-                };
-                createDialog(parent, 'Error', result);
+                parent.dialogObj.hide();
             }
-            const 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 = '';
+            const createEventArgs = {
+                folderName: itemName,
+                path: parent.path,
+                parentFolder: parent.itemData
+            };
+            parent.trigger('folderCreate', createEventArgs);
+            const 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) {
+                    const ele = select('#newname', parent.dialogObj.element);
+                    const error = getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + ele.value + '"');
+                    ele.parentElement.nextElementSibling.innerHTML = error;
+                }
+                else {
+                    const result = {
+                        files: null,
+                        error: {
+                            code: '400',
+                            message: getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + itemName + '"'),
+                            fileExists: null
+                        }
+                    };
+                    createDialog(parent, 'Error', result);
+                }
+                const 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 */
 /**
@@ -3280,7 +3292,7 @@ function renameSuccess(parent, result) {
             parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
             const renameEventArgs = {
                 newName: parent.renamedItem.name,
-                itemData: parent.renamedItem,
+                itemData: [parent.renamedItem],
                 path: parent.path
             };
             parent.trigger('rename', renameEventArgs);
@@ -4850,7 +4862,9 @@ class LargeIconsView {
             const textEle = args.item.querySelector('.' + LIST_TEXT);
             const txt = getValue('name', args.curData);
             const 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);
         const eventArgs = {
@@ -5217,6 +5231,7 @@ class LargeIconsView {
                     read(this.parent, pathChanged, this.parent.path);
                     break;
                 case 'allowMultiSelection':
+                case 'showItemCheckBoxes':
                     if (this.parent.view !== 'LargeIcons') {
                         break;
                     }
@@ -8108,6 +8123,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
     /* istanbul ignore next */
     onPropertyChanged(newProp, oldProp) {
         let height;
+        let requiresRefresh = false;
         for (const prop of Object.keys(newProp)) {
             switch (prop) {
                 case 'ajaxSettings':
@@ -8117,6 +8133,14 @@ let FileManager = FileManager_1 = class FileManager extends Component {
                     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);
@@ -8144,11 +8168,11 @@ let FileManager = FileManager_1 = class FileManager extends Component {
                     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;
@@ -8223,11 +8247,21 @@ let FileManager = FileManager_1 = class FileManager extends Component {
                     this.notify(sortByChange, {});
                     break;
                 case 'sortBy':
-                    refresh(this);
-                    this.notify(sortByChange, {});
                     if (this.view === 'Details') {
+                        const columns = this.detailsViewSettings.columns;
+                        const isValidSortField = !isNullOrUndefined(columns) &&
+                            columns.findIndex((col) => 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) {
@@ -8245,10 +8279,13 @@ let FileManager = FileManager_1 = class FileManager extends Component {
                     break;
                 case 'fileSystemData':
                     this.fileSystemData = newProp.fileSystemData;
-                    this.refresh();
+                    requiresRefresh = true;
                     break;
             }
         }
+        if (requiresRefresh) {
+            this.refresh();
+        }
     }
     /* istanbul ignore next */
     ajaxSettingSetModel(newProp) {
@@ -10590,7 +10627,9 @@ class DetailsView {
             this.checkNameWidth();
             const columns = this.getColumns();
             let sortSettings;
-            if (this.parent.isMobile) {
+            const isValidSortField = !isNullOrUndefined(columns) &&
+                columns.findIndex((col) => col.field === this.parent.sortBy) !== -1;
+            if (this.parent.isMobile || !isValidSortField) {
                 sortSettings = [];
             }
             else {
@@ -10797,7 +10836,9 @@ class DetailsView {
             if (textEle) {
                 const name = getValue('name', args.data);
                 const type = getValue('type', args.data);
-                textEle.innerHTML = name.substr(0, name.length - type.length);
+                if (name.indexOf(type) !== -1) {
+                    textEle.innerHTML = name.substr(0, name.length - type.length);
+                }
             }
         }
         if (getValue('size', args.data) !== undefined && args.row.querySelector('.e-fe-size')) {
@@ -11058,6 +11099,7 @@ class DetailsView {
                 case 'showHiddenItems':
                     read(this.parent, pathChanged, this.parent.path);
                     break;
+                case 'showItemCheckBoxes':
                 case 'allowMultiSelection':
                     if (!isNullOrUndefined(this.gridObj)) {
                         this.currentSelectedItem = this.parent.selectedItems;