@syncfusion/ej2-filemanager 27.1.50 → 27.1.52

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.50
+*  version : 27.1.52
 *  Copyright Syncfusion Inc. 2001 - 2023. 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-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@27.1.48",
+  "_id": "@syncfusion/ej2-filemanager@27.1.51",
   "_inBundle": false,
-  "_integrity": "sha512-m1z1F9NxEiSPf2J6xF/CJvIjtSkQxRkLloOcvdVySsFyXPnt7itaXlV2pSKcU4MKtyZjfdZTgSXUFsH09eP9QA==",
+  "_integrity": "sha512-zvq338TUENAwjdxhgETsgV5wXO7ghEx5eaAl8gcoOG7utuYrJqsunX0XoIp976gv89rwB3TrWV7cuwc9Q9uSKA==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-27.1.48.tgz",
-  "_shasum": "0f7641c429ee833c9a5089591f5388d7f5e7b42d",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-27.1.51.tgz",
+  "_shasum": "f6e4914ca5297cf0bf20445da3ab2fb52a85433d",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -36,14 +36,14 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-buttons": "~27.1.50",
-    "@syncfusion/ej2-data": "~27.1.50",
-    "@syncfusion/ej2-grids": "~27.1.50",
+    "@syncfusion/ej2-base": "~27.1.52",
+    "@syncfusion/ej2-buttons": "~27.1.51",
+    "@syncfusion/ej2-data": "~27.1.52",
+    "@syncfusion/ej2-grids": "~27.1.52",
     "@syncfusion/ej2-inputs": "~27.1.50",
-    "@syncfusion/ej2-layouts": "~27.1.50",
+    "@syncfusion/ej2-layouts": "~27.1.51",
     "@syncfusion/ej2-lists": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.50",
+    "@syncfusion/ej2-navigations": "~27.1.52",
     "@syncfusion/ej2-popups": "~27.1.50",
     "@syncfusion/ej2-splitbuttons": "~27.1.50"
   },
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.50",
+  "version": "27.1.52",
   "sideEffects": false
 }

package/src/file-manager/common/operations.js

@@ -823,14 +823,7 @@ function readSuccess(parent, result, event) {
         }
     }
     catch (error) {
-        var errorResult = {
-            files: null,
-            error: {
-                message: error.message,
-                fileExists: null
-            }
-        };
-        onFailure(parent, errorResult, 'read');
+        handleCatchError(parent, error, 'read');
         parent.setProperties({ path: parent.oldPath }, true);
         parent.pathNames.pop();
     }
@@ -929,60 +922,68 @@ function createSuccess(parent, result, itemName) {
  * @private
  */
 function renameSuccess(parent, result) {
-    if (!isNOU(result.files)) {
-        if (!isNOU(parent.dialogObj)) {
-            parent.dialogObj.hide();
-        }
-        var args = { action: 'rename', result: result };
-        parent.trigger('success', args);
-        parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
-        var renameEventArgs = {
-            newName: parent.renamedItem.name,
-            itemData: parent.renamedItem,
-            path: parent.path
-        };
-        parent.trigger('rename', renameEventArgs);
-        if (parent.activeModule === 'navigationpane') {
-            parent.pathId.pop();
-            parent.itemData = [getValue(parent.pathId[parent.pathId.length - 1], parent.feParent)];
-            read(parent, events.renameEndParent, getValue('filterPath', parent.renamedItem).replace(/\\/g, '/'));
-            parent.itemData[0] = parent.renamedItem;
-            if (getValue('filterPath', parent.renamedItem) === getValue('filterPath', parent.itemData[0]) && parent.pathNames.length > 1) {
-                parent.pathNames[parent.pathNames.length - 1] = parent.renameText;
+    try {
+        if (!isNOU(result.files)) {
+            if (!isNOU(parent.dialogObj)) {
+                parent.dialogObj.hide();
             }
-            read(parent, events.pathChanged, parent.path === '/' ? parent.path : getValue('filterPath', parent.renamedItem).replace(/\\/g, '/') + parent.renamedItem.name + '/');
-            parent.renamedItem = null;
-        }
-        else {
-            parent.itemData = [getPathObject(parent)];
-            if (parent.breadcrumbbarModule.searchObj.value !== '') {
-                Search(parent, events.renameEnd, parent.path, parent.searchWord, parent.showHiddenItems, !parent.searchSettings.ignoreCase);
+            var args = { action: 'rename', result: result };
+            parent.trigger('success', args);
+            parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
+            var renameEventArgs = {
+                newName: parent.renamedItem.name,
+                itemData: parent.renamedItem,
+                path: parent.path
+            };
+            parent.trigger('rename', renameEventArgs);
+            if (parent.activeModule === 'navigationpane') {
+                parent.pathId.pop();
+                parent.itemData = [getValue(parent.pathId[parent.pathId.length - 1], parent.feParent)];
+                read(parent, events.renameEndParent, getValue('filterPath', parent.renamedItem).replace(/\\/g, '/'));
+                parent.itemData[0] = parent.renamedItem;
+                if (getValue('filterPath', parent.renamedItem) === getValue('filterPath', parent.itemData[0]) && parent.pathNames.length > 1) {
+                    parent.pathNames[parent.pathNames.length - 1] = parent.renameText;
+                }
+                read(parent, events.pathChanged, parent.path === '/' ? parent.path : getValue('filterPath', parent.renamedItem).replace(/\\/g, '/') + parent.renamedItem.name + '/');
+                parent.renamedItem = null;
             }
             else {
-                if (parent.isFiltered) {
-                    filter(parent, events.renameEnd);
+                parent.itemData = [getPathObject(parent)];
+                if (parent.breadcrumbbarModule.searchObj.value !== '') {
+                    Search(parent, events.renameEnd, parent.path, parent.searchWord, parent.showHiddenItems, !parent.searchSettings.ignoreCase);
                 }
                 else {
-                    read(parent, events.renameEnd, parent.path);
+                    if (parent.isFiltered) {
+                        filter(parent, events.renameEnd);
+                    }
+                    else {
+                        read(parent, events.renameEnd, parent.path);
+                    }
                 }
             }
         }
-    }
-    else {
-        if (result.error.code === '400' && parent.dialogObj && parent.dialogObj.visible) {
-            var ele = select('#rename', parent.dialogObj.element);
-            var error = getLocaleText(parent, 'Validation-Rename-Exists').replace('{0}', '"' + parent.currentItemText + '"');
-            error = error.replace('{1}', '"' + ele.value + '"');
-            ele.parentElement.nextElementSibling.innerHTML = error;
-            var args = { action: 'rename', error: result.error };
-            parent.trigger('failure', args);
-        }
         else {
-            if (!isNOU(parent.dialogObj)) {
-                parent.dialogObj.hide();
+            if (result.error.code === '400' && parent.dialogObj && parent.dialogObj.visible) {
+                var ele = select('#rename', parent.dialogObj.element);
+                var error = getLocaleText(parent, 'Validation-Rename-Exists').replace('{0}', '"' + parent.currentItemText + '"');
+                error = error.replace('{1}', '"' + ele.value + '"');
+                ele.parentElement.nextElementSibling.innerHTML = error;
+                var args = { action: 'rename', error: result.error };
+                parent.trigger('failure', args);
             }
-            onFailure(parent, result, 'rename');
+            else {
+                if (!isNOU(parent.dialogObj)) {
+                    parent.dialogObj.hide();
+                }
+                onFailure(parent, result, 'rename');
+            }
+        }
+    }
+    catch (error) {
+        if (!isNOU(parent.dialogObj)) {
+            parent.dialogObj.hide();
         }
+        handleCatchError(parent, error, 'rename');
     }
 }
 /* istanbul ignore next */
@@ -997,36 +998,41 @@ function renameSuccess(parent, result) {
  * @private
  */
 function pasteSuccess(parent, result, path, operation) {
-    var moveorcopyEventArgs = {
-        itemData: result.files,
-        isCopy: operation === 'copy' ? true : false,
-        path: path,
-        targetData: parent.itemData[0],
-        targetPath: parent.path
-    };
-    parent.trigger('move', moveorcopyEventArgs);
-    if (result.error && result.error.fileExists) {
-        parent.fileLength = 0;
-        if (!isNOU(result.files)) {
-            parent.isPasteError = true;
+    try {
+        var moveorcopyEventArgs = {
+            itemData: result.files,
+            isCopy: operation === 'copy' ? true : false,
+            path: path,
+            targetData: parent.itemData[0],
+            targetPath: parent.path
+        };
+        parent.trigger('move', moveorcopyEventArgs);
+        if (result.error && result.error.fileExists) {
+            parent.fileLength = 0;
+            if (!isNOU(result.files)) {
+                parent.isPasteError = true;
+                doPasteUpdate(parent, operation, result);
+            }
+            createExtDialog(parent, 'DuplicateItems', result.error.fileExists);
+            if (result.error.code === '404') {
+                createDialog(parent, 'Error', result);
+            }
+        }
+        else if (!result.error && !isNOU(result.files)) {
+            parent.isPasteError = false;
             doPasteUpdate(parent, operation, result);
         }
-        createExtDialog(parent, 'DuplicateItems', result.error.fileExists);
-        if (result.error.code === '404') {
+        else if (result.error && !isNOU(result.files)) {
+            parent.isPasteError = true;
+            doPasteUpdate(parent, operation, result);
             createDialog(parent, 'Error', result);
         }
+        else {
+            onFailure(parent, result, operation);
+        }
     }
-    else if (!result.error && !isNOU(result.files)) {
-        parent.isPasteError = false;
-        doPasteUpdate(parent, operation, result);
-    }
-    else if (result.error && !isNOU(result.files)) {
-        parent.isPasteError = true;
-        doPasteUpdate(parent, operation, result);
-        createDialog(parent, 'Error', result);
-    }
-    else {
-        onFailure(parent, result, operation);
+    catch (error) {
+        handleCatchError(parent, error, operation);
     }
 }
 /**
@@ -1039,25 +1045,30 @@ function pasteSuccess(parent, result, path, operation) {
  * @private
  */
 function deleteSuccess(parent, result, path) {
-    var deleteEventArgs = {
-        itemData: result.files,
-        path: path
-    };
-    parent.trigger('delete', deleteEventArgs);
-    if (!isNOU(result.files)) {
-        parent.setProperties({ path: path }, true);
-        parent.itemData = [getPathObject(parent)];
-        read(parent, events.deleteEnd, parent.path);
-        if (result.error) {
-            onFailure(parent, result, 'delete');
+    try {
+        var deleteEventArgs = {
+            itemData: result.files,
+            path: path
+        };
+        parent.trigger('delete', deleteEventArgs);
+        if (!isNOU(result.files)) {
+            parent.setProperties({ path: path }, true);
+            parent.itemData = [getPathObject(parent)];
+            read(parent, events.deleteEnd, parent.path);
+            if (result.error) {
+                onFailure(parent, result, 'delete');
+            }
+            else {
+                var args = { action: 'delete', result: result };
+                parent.trigger('success', args);
+            }
         }
         else {
-            var args = { action: 'delete', result: result };
-            parent.trigger('success', args);
+            onFailure(parent, result, 'delete');
         }
     }
-    else {
-        onFailure(parent, result, 'delete');
+    catch (error) {
+        handleCatchError(parent, error, 'delete');
     }
 }
 /**
@@ -1073,13 +1084,18 @@ function deleteSuccess(parent, result, path) {
 function detailsSuccess(
 // eslint:disable-next-line
 parent, result, path, operation) {
-    if (!isNOU(result.details)) {
-        createDialog(parent, operation, null, result.details);
-        var args = { action: 'details', result: result };
-        parent.trigger('success', args);
+    try {
+        if (!isNOU(result.details)) {
+            createDialog(parent, operation, null, result.details);
+            var args = { action: 'details', result: result };
+            parent.trigger('success', args);
+        }
+        else {
+            onFailure(parent, result, 'details');
+        }
     }
-    else {
-        onFailure(parent, result, 'details');
+    catch (error) {
+        handleCatchError(parent, error, 'details');
     }
 }
 /**
@@ -1126,13 +1142,18 @@ export function Search(parent, event, path, searchString, showHiddenItems, caseS
  * @private
  */
 function searchSuccess(parent, result, event) {
-    if (!isNOU(result.files)) {
-        parent.notify(event, result);
-        var args = { action: 'search', result: result };
-        parent.trigger('success', args);
+    try {
+        if (!isNOU(result.files)) {
+            parent.notify(event, result);
+            var args = { action: 'search', result: result };
+            parent.trigger('success', args);
+        }
+        else {
+            onFailure(parent, result, 'search');
+        }
     }
-    else {
-        onFailure(parent, result, 'search');
+    catch (error) {
+        handleCatchError(parent, error, 'search');
     }
 }
 /* istanbul ignore next */
@@ -1176,49 +1197,73 @@ export function Download(parent, path, items) {
                 parent.element.removeChild(form);
             }
             else {
-                var contentDisposition_1;
-                var fileName_1;
-                var fetch_1 = new Fetch({
-                    url: getValue('url', downloadArgs.ajaxSettings),
-                    type: getValue('type', downloadArgs.ajaxSettings),
-                    contentType: getValue('contentType', downloadArgs.ajaxSettings),
-                    responseType: getValue('responseType', downloadArgs.ajaxSettings),
-                    beforeSend: getValue('beforeSend', downloadArgs.ajaxSettings),
-                    onLoad: function (e) {
-                        contentDisposition_1 = e.headers.get('Content-Disposition');
-                        if (contentDisposition_1) {
-                            var filenameMatch = contentDisposition_1.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);
-                            var extractedFilename = filenameMatch && filenameMatch[1];
-                            fileName_1 = extractedFilename ? extractedFilename.replace(/['"]/g, '') : fileName_1;
-                        }
-                        else {
-                            fileName_1 = parent.itemData.length > 1 ? 'files.zip' : getValue('isFile', parent.itemData[0]) ? getValue('name', parent.itemData[0]) : getValue('name', parent.itemData[0]) + '.zip';
-                        }
-                    },
-                    onSuccess: function (e) {
-                        parent.trigger('success', downloadArgs);
-                        var blob = e;
-                        var blobUrl = URL.createObjectURL(blob);
-                        var link = document.createElement('a');
-                        link.href = blobUrl;
-                        link.download = fileName_1;
-                        document.body.appendChild(link);
-                        link.click();
-                        document.body.removeChild(link);
-                    },
-                    onFailure: function (e) {
-                        var result = {
-                            error: {
-                                code: e.status.toString(),
-                                message: getLocaleText(parent, 'Network-Error') + ' ' + parent.ajaxSettings.downloadUrl
+                try {
+                    var contentDisposition_1;
+                    var fileName_1;
+                    var fetch_1 = new Fetch({
+                        url: getValue('url', downloadArgs.ajaxSettings),
+                        type: getValue('type', downloadArgs.ajaxSettings),
+                        contentType: getValue('contentType', downloadArgs.ajaxSettings),
+                        responseType: getValue('responseType', downloadArgs.ajaxSettings),
+                        beforeSend: getValue('beforeSend', downloadArgs.ajaxSettings),
+                        onLoad: function (e) {
+                            contentDisposition_1 = e.headers.get('Content-Disposition');
+                            if (contentDisposition_1) {
+                                var filenameMatch = contentDisposition_1.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);
+                                var extractedFilename = filenameMatch && filenameMatch[1];
+                                fileName_1 = extractedFilename ? extractedFilename.replace(/['"]/g, '') : fileName_1;
                             }
-                        };
-                        createDialog(parent, 'Error', result);
-                        parent.trigger('failure', downloadArgs);
-                    }
-                });
-                fetch_1.send(JSON.stringify(downloadArgs.data));
+                            else {
+                                fileName_1 = parent.itemData.length > 1 ? 'files.zip' : getValue('isFile', parent.itemData[0]) ? getValue('name', parent.itemData[0]) : getValue('name', parent.itemData[0]) + '.zip';
+                            }
+                        },
+                        onSuccess: function (e) {
+                            parent.trigger('success', downloadArgs);
+                            var blob = e;
+                            var blobUrl = URL.createObjectURL(blob);
+                            var link = document.createElement('a');
+                            link.href = blobUrl;
+                            link.download = fileName_1;
+                            document.body.appendChild(link);
+                            link.click();
+                            document.body.removeChild(link);
+                        },
+                        onFailure: function (e) {
+                            var result = {
+                                error: {
+                                    code: e.status.toString(),
+                                    message: getLocaleText(parent, 'Network-Error') + ' ' + parent.ajaxSettings.downloadUrl
+                                }
+                            };
+                            createDialog(parent, 'Error', result);
+                            parent.trigger('failure', downloadArgs);
+                        }
+                    });
+                    fetch_1.send(JSON.stringify(downloadArgs.data));
+                }
+                catch (error) {
+                    handleCatchError(parent, error, 'download');
+                }
             }
         }
     });
 }
+/**
+ * Function for on catch handler in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {any} error - specifies the catch error.
+ * @param {string} action - specifies the action.
+ * @returns {void}
+ * @private
+ */
+function handleCatchError(parent, error, action) {
+    var errorResult = {
+        files: null,
+        error: {
+            message: error.message,
+            fileExists: null
+        }
+    };
+    onFailure(parent, errorResult, action);
+}

package/src/file-manager/layout/details-view.d.ts

@@ -27,6 +27,7 @@ export declare class DetailsView {
     private isRendered;
     private isLoaded;
     private isNameWidth;
+    private isMultiSelect;
     gridObj: Grid;
     pasteOperation: boolean;
     uploadOperation: boolean;

package/src/file-manager/layout/details-view.js

@@ -39,6 +39,7 @@ var DetailsView = /** @class */ (function () {
         this.isRendered = true;
         this.isLoaded = false;
         this.isNameWidth = false;
+        this.isMultiSelect = false;
         this.pasteOperation = false;
         this.uploadOperation = false;
         Grid.Inject(Resize, ContextMenu, Sort, VirtualScroll);
@@ -1038,10 +1039,7 @@ var DetailsView = /** @class */ (function () {
     DetailsView.prototype.createDragObj = function () {
         var _this = this;
         if (this.gridObj) {
-            if (this.parent.allowDragAndDrop) {
-                if (this.dragObj) {
-                    this.dragObj.destroy();
-                }
+            if (this.parent.allowDragAndDrop && isNullOrUndefined(this.dragObj)) {
                 this.dragObj = new Draggable(this.gridObj.element, {
                     cursorAt: this.parent.dragCursorPosition,
                     distance: 5,
@@ -1059,6 +1057,7 @@ var DetailsView = /** @class */ (function () {
             }
             else if (!this.parent.allowDragAndDrop && this.dragObj) {
                 this.dragObj.destroy();
+                this.dragObj = null;
             }
         }
     };
@@ -1132,6 +1131,17 @@ var DetailsView = /** @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) {

package/src/file-manager/layout/large-icons-view.js

@@ -692,7 +692,6 @@ var LargeIconsView = /** @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;

package/src/file-manager/layout/navigation-pane.js

@@ -93,10 +93,7 @@ var NavigationPane = /** @class */ (function () {
     NavigationPane.prototype.addDragDrop = function () {
         var _this = this;
         if (!this.parent.isMobile && this.treeObj) {
-            if (this.parent.allowDragAndDrop) {
-                if (this.dragObj) {
-                    this.dragObj.destroy();
-                }
+            if (this.parent.allowDragAndDrop && isNOU(this.dragObj)) {
                 this.dragObj = new Draggable(this.treeObj.element, {
                     cursorAt: this.parent.dragCursorPosition,
                     dragTarget: '.' + CLS.FULLROW,
@@ -114,6 +111,7 @@ var NavigationPane = /** @class */ (function () {
             }
             else if (!this.parent.allowDragAndDrop && this.dragObj) {
                 this.dragObj.destroy();
+                this.dragObj = null;
             }
         }
     };
@@ -623,7 +621,7 @@ var NavigationPane = /** @class */ (function () {
     };
     /* istanbul ignore next */
     NavigationPane.prototype.checkDropPath = function (args) {
-        if (isFileSystemData(this.parent) && this.parent.path === this.parent.dropPath || this.parent.targetModule === 'navigationpane') {
+        if (isFileSystemData(this.parent) && (this.parent.path === this.parent.dropPath || this.parent.targetModule === 'navigationpane')) {
             return;
         }
         if (this.parent.hasId) {