@syncfusion/ej2-filemanager 27.2.5 → 28.1.36

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 27.2.5
-*  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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _filemanager from '@syncfusion/ej2-filemanager';
 
 export declare namespace ej {

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@27.2.3",
+  "_id": "@syncfusion/ej2-filemanager@28.1.33",
   "_inBundle": false,
-  "_integrity": "sha512-MGo4pWIt087+DhmLwvHM602yus8DIse92opOOTEPKMXp2igmvsCMQSiCWWQK9PIyt9RAMRmAx8fWSl5hezOrfw==",
+  "_integrity": "sha512-YC0/Yxh34dCNbHhc8GlueONPkYBzkK//zTCOIplztS/ThVIs8lbp+5G5jCTdDG6VdCHiexPwUTV5uneKFWDNDQ==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -18,16 +18,15 @@
   },
   "_requiredBy": [
     "/",
-    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-filemanager",
     "/@syncfusion/ej2-react-filemanager",
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-27.2.3.tgz",
-  "_shasum": "d3c2b67dab2a63cfb4c725588a764145472bcc4d",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-28.1.33.tgz",
+  "_shasum": "2067fc573960580b9fa858834b89558ff39edf13",
   "_spec": "@syncfusion/ej2-filemanager@*",
-  "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -36,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.2.5",
-    "@syncfusion/ej2-buttons": "~27.2.4",
-    "@syncfusion/ej2-data": "~27.2.2",
-    "@syncfusion/ej2-grids": "~27.2.5",
-    "@syncfusion/ej2-inputs": "~27.2.4",
-    "@syncfusion/ej2-layouts": "~27.2.3",
-    "@syncfusion/ej2-lists": "~27.2.5",
-    "@syncfusion/ej2-navigations": "~27.2.5",
-    "@syncfusion/ej2-popups": "~27.2.2",
-    "@syncfusion/ej2-splitbuttons": "~27.2.2"
+    "@syncfusion/ej2-base": "~28.1.33",
+    "@syncfusion/ej2-buttons": "~28.1.36",
+    "@syncfusion/ej2-data": "~28.1.33",
+    "@syncfusion/ej2-grids": "~28.1.36",
+    "@syncfusion/ej2-inputs": "~28.1.33",
+    "@syncfusion/ej2-layouts": "~28.1.33",
+    "@syncfusion/ej2-lists": "~28.1.33",
+    "@syncfusion/ej2-navigations": "~28.1.36",
+    "@syncfusion/ej2-popups": "~28.1.33",
+    "@syncfusion/ej2-splitbuttons": "~28.1.33"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
@@ -75,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.2.5",
+  "version": "28.1.36",
   "sideEffects": false
 }

package/src/file-manager/base/file-manager-model.d.ts

@@ -184,7 +184,8 @@ export interface FileManagerModel extends ComponentModel{
     rootAliasName?: string;
 
     /**
-     * Shows or hides the files and folders that are marked as hidden.
+     * Determines whether to show or hide hidden files and folders.
+     * This is applicable only for storage systems that support attributes for controlling the visibility of data, including physical file directories and custom flat data handlers.
      *
      * @default false
      */

package/src/file-manager/base/file-manager.d.ts

@@ -318,7 +318,8 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
      */
     rootAliasName: string;
     /**
-     * Shows or hides the files and folders that are marked as hidden.
+     * Determines whether to show or hide hidden files and folders.
+     * This is applicable only for storage systems that support attributes for controlling the visibility of data, including physical file directories and custom flat data handlers.
      *
      * @default false
      */
@@ -660,12 +661,14 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
     private onBeforeClose;
     private onOpen;
     private onClose;
+    private onChunkUploading;
     private onUploading;
     private onRemoving;
     private onCancel;
     private onClearing;
     private onSelected;
     private onFileUploadSuccess;
+    private onChunkUploadComplete;
     private onUploadSuccess;
     private onUploadFailure;
     private onInitialEnd;

package/src/file-manager/base/file-manager.js

@@ -417,11 +417,14 @@ var FileManager = /** @class */ (function (_super) {
             dropArea: select('#' + this.element.id + CLS.CONTENT_ID, this.element),
             asyncSettings: {
                 saveUrl: uploadUrl,
-                removeUrl: uploadUrl
+                removeUrl: uploadUrl,
+                chunkSize: this.uploadSettings.chunkSize,
+                retryCount: 0
             },
             locale: this.locale,
             enableRtl: this.enableRtl,
             uploading: this.onUploading.bind(this),
+            chunkUploading: this.onChunkUploading.bind(this),
             removing: this.onRemoving.bind(this),
             canceling: this.onCancel.bind(this),
             clearing: this.onClearing.bind(this),
@@ -483,19 +486,34 @@ var FileManager = /** @class */ (function (_super) {
         this.trigger('popupClose', args);
     };
     /* istanbul ignore next */
+    FileManager.prototype.onChunkUploading = function (args) {
+        var action = 'save';
+        if ((this.retryArgs.length !== 0)) {
+            for (var i = 0; i < this.retryArgs.length; i++) {
+                if (args.fileData.name === this.retryArgs[i].file.name) {
+                    action = this.retryArgs[i].action;
+                }
+            }
+        }
+        var data = JSON.stringify(getValue(this.pathId[this.pathId.length - 1], this.feParent));
+        args.customFormData = [{ 'path': this.path }, { 'size': args.fileData.size }, { 'action': action }, { 'data': data }, { 'filename': args.fileData.name }];
+    };
+    /* istanbul ignore next */
     FileManager.prototype.onUploading = function (args) {
         var action = 'save';
         if ((this.retryArgs.length !== 0)) {
             for (var i = 0; i < this.retryArgs.length; i++) {
                 if (args.fileData.name === this.retryArgs[i].file.name) {
                     action = this.retryArgs[i].action;
-                    this.retryArgs.splice(i, 1);
-                    i = this.retryArgs.length;
+                    if (this.uploadSettings.chunkSize === 0) {
+                        this.retryArgs.splice(i, 1);
+                        i = this.retryArgs.length;
+                    }
                 }
             }
         }
         var data = JSON.stringify(getValue(this.pathId[this.pathId.length - 1], this.feParent));
-        args.customFormData = [{ 'path': this.path }, { 'action': action }, { 'data': data }, { 'filename': args.fileData.name }];
+        args.customFormData = [{ 'path': this.path }, { 'size': args.fileData.size }, { 'action': action }, { 'data': data }, { 'filename': args.fileData.name }];
         var uploadUrl = this.ajaxSettings.uploadUrl ? this.ajaxSettings.uploadUrl : this.ajaxSettings.url;
         var ajaxSettings = {
             url: uploadUrl,
@@ -562,8 +580,22 @@ var FileManager = /** @class */ (function (_super) {
             this.uploadDialogObj.hide();
         }
     };
+    FileManager.prototype.onChunkUploadComplete = function (files) {
+        if ((this.retryArgs.length !== 0)) {
+            for (var i = 0; i < this.retryArgs.length; i++) {
+                var uploadFile = !isNullOrUndefined(files) ? getValue('file', files).name : '';
+                if (uploadFile === this.retryArgs[i].file.name) {
+                    this.retryArgs.splice(i, 1);
+                    i = this.retryArgs.length;
+                }
+            }
+        }
+    };
     /* istanbul ignore next */
     FileManager.prototype.onUploadSuccess = function (files) {
+        if (this.uploadSettings.chunkSize > 0) {
+            this.onChunkUploadComplete(files);
+        }
         var args = { action: 'Upload', result: files };
         this.trigger('success', args);
         this.itemData = [getValue(this.pathId[this.pathId.length - 1], this.feParent)];
@@ -575,6 +607,9 @@ var FileManager = /** @class */ (function (_super) {
     };
     /* istanbul ignore next */
     FileManager.prototype.onUploadFailure = function (files) {
+        if (this.uploadSettings.chunkSize > 0) {
+            this.onChunkUploadComplete(files);
+        }
         var response = getValue('response', files);
         var statusText = getValue('statusText', response);
         if (statusText !== '') {

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

@@ -3,7 +3,7 @@ import { isNullOrUndefined as isNOU, setValue, getValue } from '@syncfusion/ej2-
 import * as events from '../base/constant';
 import { createDialog, createExtDialog } from '../pop-up/dialog';
 import { fileType, setNodeId, getLocaleText, setDateObject, doPasteUpdate, getPathObject } from '../common/utility';
-import { generatePath, getAccessDetails } from '../common/utility';
+import { generatePath, getAccessDetails, getTargetPath } from '../common/utility';
 import { getUid } from '@syncfusion/ej2-grids';
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
@@ -236,7 +236,7 @@ function createNewItem(data, target, itemName, isCopy) {
         }
     }
     var currentDate = new Date();
-    var folderPath = target.id !== 0 ? target.filterPath + target.name : '\\';
+    var folderPath = String(target.id) !== String(0) && !isNOU(target.parentId) ? target.filterPath + target.name + '\\' : '\\';
     Object.assign(newItem, {
         dateCreated: currentDate,
         dateModified: currentDate,
@@ -370,7 +370,9 @@ function triggerRenameOperation(parent, data, eventArgs) {
         if (isFileSystemData(parent)) {
             if (!isFileExists(parent.fileSystemData, args.newName)) {
                 var fileData = filterById(parent, args.itemData[0].id);
+                var oldName = fileData.name;
                 fileData.name = args.newName;
+                updateChildrenFilterPath(parent, fileData.id, oldName, args.newName);
             }
             else {
                 var message = 'Cannot rename' + args.itemData[0].name + 'to' + args.newName + ': destination already exists.';
@@ -379,6 +381,26 @@ function triggerRenameOperation(parent, data, eventArgs) {
         }
     });
 }
+/**
+ * Function to update child item filter path.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string | number} parentId - specifies the parent id.
+ * @param {string} oldName - specifies the previous name.
+ * @param {string} newName - specifies the new name.
+ * @returns {void}
+ * @private
+ */
+function updateChildrenFilterPath(parent, parentId, oldName, newName) {
+    parent.fileSystemData.forEach(function (item) {
+        if (String(item.parentId) === String(parentId)) {
+            var oldPath = item.filterPath;
+            var newPath = oldPath.replace(oldName + '\\', newName + '\\');
+            item.filterPath = newPath;
+            updateChildrenFilterPath(parent, item.id, oldName, newName);
+        }
+    });
+}
 /**
  * Function to trigger move or copy operation.
  *
@@ -434,18 +456,23 @@ function triggerMoveOrCopyOperation(parent, data, eventArgs) {
                     }
                     return;
                 }
-                var target = args.targetData;
-                var getTargetFiles = filterByParent(parent, target.id);
+                var target_1 = args.targetData;
+                var getTargetFiles = filterByParent(parent, target_1.id);
                 for (var i = 0; i < args.itemData.length; i++) {
                     var currItem = args.itemData[i];
                     if (!isFileExists(getTargetFiles, currItem.name) || getValue('renameFiles', data).length > 0) {
-                        if (!target.hasChild) {
-                            target.hasChild = !currItem.isFile;
+                        if (!target_1.hasChild) {
+                            target_1.hasChild = !currItem.isFile;
+                            var targetItem = parent.fileSystemData
+                                .filter(function (item) { return String(item.id) === String(target_1.id); });
+                            if (targetItem.length > 0) {
+                                targetItem[0].hasChild = target_1.hasChild;
+                            }
                         }
                         if (!currItem.isFile) {
                             //Check whether the source folder include other sub folders or not.
                             var subItems = currItem.parentId !== 0
-                                ? filterByParent(parent, currItem.parentID) : [];
+                                ? filterByParent(parent, currItem.parentId) : [];
                             var itemData = filterById(parent, currItem.parentId);
                             itemData.hasChild = subItems.length > 1 ? true : false;
                         }
@@ -456,13 +483,13 @@ function triggerMoveOrCopyOperation(parent, data, eventArgs) {
                             fileData.name = currItem.name;
                             parent.responseData.error = null;
                             parent.existingFileCount++;
-                            parent.dropData = target;
+                            parent.dropData = target_1;
                             parent.dropPath = args.path;
                             var pathArray = args.targetPath.replace(/^\/|\/$/g, '').split('/');
-                            target = filterById(parent, pathArray[pathArray.length - 1]);
+                            target_1 = filterById(parent, pathArray[pathArray.length - 1]);
                         }
-                        fileData.parentId = target.id;
-                        fileData.filterPath = target.id === 0 ? '\\' : target.filterPath + target.name + '\\';
+                        fileData.parentId = target_1.id;
+                        fileData.filterPath = target_1.id === 0 ? '\\' : target_1.filterPath + target_1.name + '\\';
                     }
                     else {
                         file_1.push(currItem.name);
@@ -568,7 +595,6 @@ function createAjax(parent, data, fn, event, operation, targetPath) {
                     ? getValue('path', data) : parent.path;
                 var pathArray = filePath.replace(/^\/|\/$/g, '').split('/');
                 var idValue = event === 'rename-end-parent' || (event === 'path-changed' && getValue('data', data).length !== 0 && isNOU(parent.renamedItem))
-                    || (event === 'paste-end' && (parent.targetModule === 'largeiconsview' || parent.targetModule === 'detailsview'))
                     ? getValue('data', data)[0].id : pathArray[pathArray.length - 1];
                 var action = getValue('action', data);
                 var isFileOperation = (action === 'move' || action === 'rename' || action === 'copy' || action === 'delete' || action === 'search') && event !== 'rename-end';
@@ -613,9 +639,9 @@ function createAjax(parent, data, fn, event, operation, targetPath) {
                     var isMultipleFiles = itemData.length > 1;
                     var itemNames = itemData.map(function (item) { return item.name; });
                     var totalSize = isMultipleFiles ? getSize(itemData.reduce(function (accumulator, currentObject) { return accumulator + (currentObject.size || 0); }, 0)) : getSize(details.size);
-                    var path = (parent.pathNames.includes(details.name) ? parent.pathNames.join('/') : parent.pathNames.join('/') + '/' + details.name);
+                    var path = (parent.pathNames.includes(details.name) || isMultipleFiles ? parent.pathNames.join('/') : parent.pathNames.join('/') + '/' + details.name);
                     parent.responseData.details = Object.assign({
-                        location: isMultipleFiles ? null : path,
+                        location: path,
                         multipleFiles: isMultipleFiles,
                         name: itemNames.join(', '),
                         size: totalSize
@@ -744,6 +770,8 @@ function performReadOperation(parent, result, fn, data, event, operation, target
         if ((getValue('path', data) === '/') || (parent.hasId && getValue('path', data).match(/[/]/g).length === 1)) {
             if (getValue('names', data).length === 0) {
                 setValue('name', rootName, result.details);
+            }
+            if (location_1.indexOf('\\') === -1) {
                 location_1 = rootName;
             }
             else {
@@ -962,7 +990,8 @@ function renameSuccess(parent, result) {
                 var pathLevel = parent.pathId[parent.pathId.length - 1].split('_').length - 2;
                 parent.pathId.pop();
                 parent.itemData = [getValue(parent.pathId[parent.pathId.length - 1], parent.feParent)];
-                read(parent, events.renameEndParent, getValue('filterPath', parent.renamedItem).replace(/\\/g, '/'));
+                var renamePath = getTargetPath(parent, parent.renamedItem);
+                read(parent, events.renameEndParent, renamePath);
                 if (!isNOU(pathObject) && parent.pathNames.length > 1 && pathLevel <= parent.pathNames.length - 1) {
                     parent.pathNames[pathLevel] = parent.renameText;
                     if (!parent.hasId) {

package/src/file-manager/common/utility.d.ts

@@ -624,6 +624,15 @@ export declare function uploadItem(parent: IFileManager): void;
  * @private
  */
 export declare function closePopup(parent: IFileManager): void;
+/**
+ * Get target path from item data.
+ *
+ * @param {IFileManager} parent - specifies the parent.
+ * @param {Object} itemData - specifies the item elements.
+ * @returns {string} returns the path.
+ * @private
+ */
+export declare function getTargetPath(parent: IFileManager, itemData: Object): string;
 /**
  * Access control handler
  *

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

@@ -902,7 +902,7 @@ export function pasteHandler(parent) {
     if (parent.selectedNodes.length !== 0 && parent.enablePaste) {
         var path = (parent.folderPath === '') ? parent.path : parent.folderPath;
         if (parent.activeModule === 'navigationpane' && !parent.selectedNodes[0].includes('/')) {
-            parent.targetPath = getValue('filterPath', parent.actionRecords[0]).replace(/\\/g, '/');
+            parent.targetPath = getTargetPath(parent, parent.actionRecords[0]);
         }
         var subFolder = validateSubFolder(parent, parent.actionRecords, path, parent.path);
         if (!subFolder) {
@@ -1032,9 +1032,9 @@ export function getDirectoryPath(parent, args) {
     var fPath = getValue(parent.hasId && !isNullOrUndefined(parent.ajaxSettings.url) ? 'filterId' : 'filterPath', args.cwd);
     if (!isNOU(fPath)) {
         if (fPath === '') {
-            return parent.hasId && !isNullOrUndefined(parent.ajaxSettings.url) ? filePath : '/';
+            return '/';
         }
-        return fPath.replace(/\\/g, '/') + filePath;
+        return fPath.replace(/\\/g, '/').replace(/^.*?(?=\/)/, '') + filePath;
     }
     else {
         return isFileSystemData(parent) ? filePath : parent.path + filePath;
@@ -1643,6 +1643,22 @@ export function closePopup(parent) {
         parent.dialogObj.hide();
     }
 }
+/**
+ * Get target path from item data.
+ *
+ * @param {IFileManager} parent - specifies the parent.
+ * @param {Object} itemData - specifies the item elements.
+ * @returns {string} returns the path.
+ * @private
+ */
+export function getTargetPath(parent, itemData) {
+    if (parent.hasId && !isNOU(getValue('filterId', itemData))) {
+        return getValue('filterId', itemData).replace(/\\/g, '/').replace(/^[^/]+\//, '/');
+    }
+    else {
+        return getValue('filterPath', itemData).replace(/\\/g, '/');
+    }
+}
 /**
  * Access control handler
  *

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

@@ -88,6 +88,16 @@ var DetailsView = /** @class */ (function () {
     /* istanbul ignore next */
     DetailsView.prototype.render = function (args) {
         var _this = this;
+        if (this.parent.enablePersistence) {
+            var gridPersistenceValue = window.localStorage.getItem('grid' + this.parent.element.id + '_grid');
+            if (!isNOU(gridPersistenceValue)) {
+                var model = JSON.parse(gridPersistenceValue);
+                if (!isNOU(model) && Object.keys(model).length > 0 && 'sortSettings' in model) {
+                    delete model.sortSettings;
+                    window.localStorage.setItem('grid' + this.parent.element.id + '_grid', JSON.stringify(model));
+                }
+            }
+        }
         showSpinner(this.parent.element);
         if (this.parent.view === 'Details') {
             removeClass([this.parent.element], CLS.MULTI_SELECT);

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

@@ -766,31 +766,33 @@ var LargeIconsView = /** @class */ (function () {
      * @hidden
      */
     LargeIconsView.prototype.doSelection = function (target, e) {
+        var ctrlKey = this.parent.isMac ? e.metaKey : e.ctrlKey;
+        var isMacRightClick = this.parent.isMac && e.ctrlKey && e.shiftKey;
         var item = closest(target, '.' + CLS.LIST_ITEM);
         var cList = target.classList;
         this.parent.isFile = false;
         var action = 'select';
-        if (e.which === 3 && !isNOU(item) && item.classList.contains(CLS.ACTIVE)) {
+        if ((e.which === 3 || isMacRightClick) && !isNOU(item) && item.classList.contains(CLS.ACTIVE)) {
             this.addActive(item);
             this.updateType(item);
             return;
         }
         else if (!isNOU(item)) {
             if (this.parent.allowMultiSelection && item.classList.contains(CLS.ACTIVE)
-                && (e.ctrlKey || target.classList.contains(CLS.CHECK))) {
+                && (ctrlKey || target.classList.contains(CLS.CHECK))) {
                 action = 'unselect';
             }
-            if (e.ctrlKey && e.shiftKey) {
+            if (e.ctrlKey && e.shiftKey && !isMacRightClick) {
                 this.isSelectAllCalled = true;
             }
             var fileSelectionArgs = this.triggerSelection(action, item);
             if (fileSelectionArgs.cancel !== true) {
-                if ((!this.parent.allowMultiSelection || (!this.multiSelect && (e && !e.ctrlKey)))
+                if ((!this.parent.allowMultiSelection || (!this.multiSelect && (e && !ctrlKey)))
                     && !cList.contains(CLS.FRAME)) {
                     this.updateType(item);
                     this.clearSelect();
                 }
-                if (this.parent.allowMultiSelection && e.shiftKey) {
+                if (this.parent.allowMultiSelection && e.shiftKey && !isMacRightClick) {
                     if (!(e && e.ctrlKey)) {
                         this.clearSelect();
                     }

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

@@ -521,6 +521,15 @@ var NavigationPane = /** @class */ (function () {
         this.removeChildNodes(e.selectedNode);
     };
     NavigationPane.prototype.onDragEnd = function (args) {
+        if (isFileSystemData(this.parent)) {
+            this.moveNames = [];
+            var obj = this.parent.dragData;
+            for (var i = 0; i < obj.length; i++) {
+                if (getValue('isFile', obj[i]) === false) {
+                    this.moveNames.push(getValue('_fm_id', obj[i]));
+                }
+            }
+        }
         var moveNames = [];
         if (this.parent.isPasteError || this.parent.isSearchDrag) {
             moveNames = this.getMoveNames(args.files, this.parent.isSearchDrag, this.parent.dragPath);
@@ -626,11 +635,6 @@ var NavigationPane = /** @class */ (function () {
         if (isFileSystemData(this.parent) && (this.parent.path === this.parent.dropPath || this.parent.targetModule === 'navigationpane')) {
             return;
         }
-        if (this.parent.hasId) {
-            this.parent.isDropEnd = !this.parent.isPasteError;
-            readDropPath(this.parent);
-            return;
-        }
         if ((this.parent.dropPath.indexOf(getDirectoryPath(this.parent, args)) === -1)) {
             this.parent.isDropEnd = false;
             readDropPath(this.parent);

package/src/file-manager/models/upload-settings-model.d.ts

@@ -58,4 +58,13 @@ export interface UploadSettingsModel {
      */
     maxFileSize?: number;
 
+    /**
+     * Specifies the chunk size to split the large file into chunks, and upload it to the server in a sequential order.
+     * If the chunk size property has value, the FileManager enables the chunk upload by default.
+     * It must be specified in bytes value.
+     *
+     * @default 0
+     */
+    chunkSize?: number;
+
 }

package/src/file-manager/models/upload-settings.d.ts

@@ -50,4 +50,12 @@ export declare class UploadSettings extends ChildProperty<UploadSettings> {
      * @default 30000000
      */
     maxFileSize: number;
+    /**
+     * Specifies the chunk size to split the large file into chunks, and upload it to the server in a sequential order.
+     * If the chunk size property has value, the FileManager enables the chunk upload by default.
+     * It must be specified in bytes value.
+     *
+     * @default 0
+     */
+    chunkSize: number;
 }

package/src/file-manager/models/upload-settings.js

@@ -44,6 +44,9 @@ var UploadSettings = /** @class */ (function (_super) {
     __decorate([
         Property(30000000)
     ], UploadSettings.prototype, "maxFileSize", void 0);
+    __decorate([
+        Property(0)
+    ], UploadSettings.prototype, "chunkSize", void 0);
     return UploadSettings;
 }(ChildProperty));
 export { UploadSettings };

package/src/file-manager/pop-up/context-menu.d.ts

@@ -17,6 +17,7 @@ export declare class ContextMenu {
     private currentElement;
     private disabledItems;
     private targetNodeElement;
+    private navUid;
     menuItemData: object;
     /**
      * Constructor for the ContextMenu module

package/src/file-manager/pop-up/context-menu.js

@@ -154,7 +154,7 @@ var ContextMenu = /** @class */ (function () {
             else if (closest(target, '#' + this.parent.element.id + CLS.TREE_ID)) {
                 uid = closest(target, 'li').getAttribute('data-uid');
                 if (!isNOU(uid)) {
-                    this.parent.navigationpaneModule.treeObj.setProperties({ selectedNodes: [uid] });
+                    this.navUid = uid;
                 }
                 treeFolder = true;
             }
@@ -290,8 +290,9 @@ var ContextMenu = /** @class */ (function () {
         this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.folder.map(function (item) { return item.trim(); }));
         this.contextMenu.dataBind();
         if (isTree) {
-            var selectedTreeNode = select('[data-uid="' + this.parent.navigationpaneModule.treeObj.selectedNodes[0] + '"]', this.parent.navigationpaneModule.treeObj.element);
-            if (this.parent.pathNames[this.parent.pathNames.length - 1] === selectedTreeNode.querySelector('.e-list-text').innerHTML && this.parent.activeModule === 'navigationpane') {
+            var selectedTreeNode = select('[data-uid="' + this.navUid + '"]', this.parent.navigationpaneModule.treeObj.element);
+            if (!isNOU(selectedTreeNode) &&
+                this.parent.pathNames[this.parent.pathNames.length - 1] === selectedTreeNode.querySelector('.e-list-text').innerHTML && this.parent.activeModule === 'navigationpane') {
                 this.disabledItems.push('Open');
             }
             else {

package/src/file-manager/pop-up/dialog.js

@@ -5,7 +5,7 @@ import { createFolder } from '../common/operations';
 import * as CLS from '../base/classes';
 import * as events from '../base/constant';
 import { paste, rename } from '../common/operations';
-import { getLocaleText, getDuplicateData, objectToString, getCssClass } from '../common/utility';
+import { getLocaleText, getDuplicateData, objectToString, getCssClass, getTargetPath } from '../common/utility';
 import { Input } from '@syncfusion/ej2-inputs';
 import { CheckBox } from '@syncfusion/ej2-buttons';
 /**
@@ -812,7 +812,13 @@ function onReSubmit(parent) {
         parent.dialogObj.hide();
         return;
     }
-    var newPath = (parent.activeModule === 'navigationpane') ? getValue('filterPath', parent.itemData[0]).replace(/\\/g, '/') : parent.path;
+    var newPath = '';
+    if (parent.activeModule === 'navigationpane') {
+        newPath = getTargetPath(parent, parent.itemData[0]);
+    }
+    else {
+        newPath = parent.path;
+    }
     parent.renamedId = getValue('id', parent.itemData[0]);
     if (parent.isFile) {
         var oldExtension = (oIndex === -1) ? '' : parent.currentItemText.substr(oIndex);