@syncfusion/ej2-filemanager 27.2.3 → 28.1.33

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.2.3
-*  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
+*  version : 28.1.33
+*  Copyright Syncfusion Inc. 2001 - 2024. 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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@27.2.2",
+  "_id": "@syncfusion/ej2-filemanager@18.28.1",
   "_inBundle": false,
-  "_integrity": "sha512-V2KoRE+JPgfAheFWW3Cm3i1CyXeozIR8SIP8EuRp331qsAURmGiR1vRnWNBnYAmtAGOIQAIryBReBl9CjAapog==",
+  "_integrity": "sha512-zzol2ppCnpFvRpdwhzxa8R7RfF84vklbeFH9hYlEzOhSxLzCBxL3eNFfOoQB6Q9DbB3gtUBkw1arYRoJOQ4oBA==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -24,10 +24,10 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-27.2.2.tgz",
-  "_shasum": "f3f1d09154ac3f2b09c6796f4e5352a5eae45333",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-filemanager/-/ej2-filemanager-18.28.1.tgz",
+  "_shasum": "26aebb2c4d38529bf6bc755a869b1a1b4ea5fbba",
   "_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 +36,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.2.2",
-    "@syncfusion/ej2-buttons": "~27.2.2",
-    "@syncfusion/ej2-data": "~27.2.2",
-    "@syncfusion/ej2-grids": "~27.2.3",
-    "@syncfusion/ej2-inputs": "~27.2.2",
-    "@syncfusion/ej2-layouts": "~27.2.3",
-    "@syncfusion/ej2-lists": "~27.2.3",
-    "@syncfusion/ej2-navigations": "~27.2.3",
-    "@syncfusion/ej2-popups": "~27.2.2",
-    "@syncfusion/ej2-splitbuttons": "~27.2.2"
+    "@syncfusion/ej2-base": "~28.1.33",
+    "@syncfusion/ej2-buttons": "~28.1.33",
+    "@syncfusion/ej2-data": "~28.1.33",
+    "@syncfusion/ej2-grids": "~28.1.33",
+    "@syncfusion/ej2-inputs": "~28.1.33",
+    "@syncfusion/ej2-layouts": "~28.1.33",
+    "@syncfusion/ej2-lists": "~28.1.33",
+    "@syncfusion/ej2-navigations": "~28.1.33",
+    "@syncfusion/ej2-popups": "~28.1.33",
+    "@syncfusion/ej2-splitbuttons": "~28.1.33"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.2.3",
+  "version": "28.1.33",
   "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/base/interface.d.ts

@@ -929,6 +929,7 @@ export interface ITreeView extends Component<HTMLElement> {
     rootID: string;
     activeNode: Element;
     openFileOnContextMenuClick: Function;
+    previousSelected: string[];
 }
 /** @hidden */
 export interface IContextMenu extends Component<HTMLElement> {

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 */
 /**
@@ -188,7 +188,9 @@ function isFileExists(fileSystemData, name) {
  * @private
  */
 function findIndexById(parent, id) {
-    var index = parent.fileSystemData.findIndex(function (item) { return String(item.id) === String(id); });
+    var index = parent.fileSystemData.findIndex(function (item) {
+        return !isNOU(item) && String(item.id) === String(id);
+    });
     return index;
 }
 /**
@@ -562,9 +564,10 @@ function createAjax(parent, data, fn, event, operation, targetPath) {
         if (!beforeSendArgs.cancel) {
             parent.notify(events.beforeRequest, {});
             if (isFileSystemData(parent)) {
-                var filePath = event === 'node-expand' || event === 'finalize-end' ? getValue('path', data) : parent.path;
+                var filePath = event === 'node-expand' || event === 'finalize-end' || event === 'rename-end-parent'
+                    ? 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)
+                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);
@@ -590,7 +593,12 @@ function createAjax(parent, data, fn, event, operation, targetPath) {
                 else if (isFileOperation && parent.responseData.error === null) {
                     var itemData = action === 'search' || action === 'delete' ? getValue('data', data) : [];
                     if (itemData.length === 0) {
-                        itemData = getValue('data', data).map(function (item) { return filterById(parent, item.id); });
+                        if (action === 'copy') {
+                            itemData = parent.pasteNodes.map(function (item) { return filterById(parent, item); });
+                        }
+                        else {
+                            itemData = getValue('data', data).map(function (item) { return filterById(parent, item.id); });
+                        }
                     }
                     parent.responseData = {
                         cwd: null,
@@ -605,9 +613,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
@@ -736,6 +744,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 {
@@ -950,14 +960,22 @@ function renameSuccess(parent, result) {
             };
             parent.trigger('rename', renameEventArgs);
             if (parent.activeModule === 'navigationpane') {
+                var pathObject = getPathObject(parent);
+                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, '/'));
-                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;
+                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) {
+                        parent.setProperties({ path: "/" + parent.pathNames.slice(1).join('/') + "/" }, true);
+                    }
                 }
-                read(parent, events.pathChanged, parent.path === '/' ? parent.path : getValue('filterPath', parent.renamedItem).replace(/\\/g, '/') + parent.renamedItem.name + '/');
+                parent.itemData = parent.navigationpaneModule.previousSelected.length > 0
+                    ? parent.navigationpaneModule.treeObj.getTreeData(parent.navigationpaneModule.previousSelected[0]) : parent.itemData;
+                read(parent, events.pathChanged, parent.path);
+                parent.itemData[0] = parent.renamedItem;
                 parent.renamedItem = null;
             }
             else {

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

@@ -110,6 +110,17 @@ export declare function removeBlur(parent?: IFileManager, hover?: string): void;
  * @private
  */
 export declare function getModule(parent: IFileManager, element: Element): void;
+/**
+ * Get all child items
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string | number} parentId - specifies the parent ID.
+ * @returns {Object[]} An array of child items
+ * @private
+ */
+export declare function getAllChildItems(parent: IFileManager, parentId: number | string): {
+    [key: string]: Object;
+}[];
 /**
  * Gets module name
  *
@@ -613,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

@@ -270,6 +270,25 @@ export function getModule(parent, element) {
         }
     }
 }
+/**
+ * Get all child items
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string | number} parentId - specifies the parent ID.
+ * @returns {Object[]} An array of child items
+ * @private
+ */
+export function getAllChildItems(parent, parentId) {
+    var children = parent.fileSystemData.filter(function (item) {
+        return String(item.parentId) === String(parentId);
+    });
+    var allChildren = children.slice();
+    children.forEach(function (child) {
+        var childId = child.id;
+        allChildren = allChildren.concat(getAllChildItems(parent, childId));
+    });
+    return allChildren;
+}
 /**
  * Gets module name
  *
@@ -291,7 +310,9 @@ export function searchWordHandler(parent, value, isLayoutChange) {
         }
         else {
             parent.searchSettings.filterType = isNOU(parent.searchSettings.filterType) ? 'contains' : parent.searchSettings.filterType;
-            var filteredData = parent.fileSystemData.filter(function (obj) { return obj.parentId !== null; });
+            var currData = getValue(parent.pathId[parent.pathId.length - 1], parent.feParent);
+            var parentId = getValue('id', currData);
+            var filteredData = getAllChildItems(parent, parentId);
             var data = new DataManager(filteredData).
                 executeLocal(new Query().where('name', parent.searchSettings.filterType, value, parent.searchSettings.ignoreCase));
             var searchValue = parent.searchSettings.ignoreCase ? value.toLowerCase() : value;
@@ -881,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) {
@@ -1057,6 +1078,7 @@ export function doPasteUpdate(parent, operation, result) {
     else {
         parent.isDropEnd = false;
     }
+    parent.trigger('success', { action: operation, result: result });
     if (!parent.isDragDrop || (parent.path === parent.dragPath) || (parent.path === parent.dropPath)
         || parent.isSearchDrag) {
         parent.isPathDrag = false;
@@ -1065,7 +1087,6 @@ export function doPasteUpdate(parent, operation, result) {
     else {
         readDropPath(parent);
     }
-    parent.trigger('success', { action: operation, result: result });
 }
 /**
  * Reads the drop path
@@ -1622,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

@@ -412,7 +412,7 @@ var LargeIconsView = /** @class */ (function () {
             removeBlur(this.parent);
             this.parent.setProperties({ selectedItems: [] }, true);
             this.onLayoutChange(args);
-            if (this.parent.renamedItem) {
+            if (this.parent.renamedItem && this.parent.activeModule === 'largeiconsview') {
                 this.clearSelect();
                 this.addSelection(this.parent.renamedItem);
             }
@@ -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.d.ts

@@ -14,6 +14,7 @@ export declare class NavigationPane {
     removeNodes: string[];
     moveNames: string[];
     touchClickObj: Touch;
+    previousSelected: string[];
     private expandTree;
     private isDrag;
     private dragObj;
@@ -23,7 +24,6 @@ export declare class NavigationPane {
     private isSameNodeClicked;
     private isNodeExpandCalled;
     private renameParent;
-    private previousSelected;
     private isNodeClickCalled;
     private restrictSelecting;
     /**

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

@@ -24,6 +24,8 @@ var NavigationPane = /** @class */ (function () {
     function NavigationPane(parent) {
         this.removeNodes = [];
         this.moveNames = [];
+        // Specifies the previously selected nodes in the treeview control.
+        this.previousSelected = [];
         this.expandTree = false;
         this.isDrag = false;
         this.isPathDragged = false;
@@ -32,8 +34,6 @@ var NavigationPane = /** @class */ (function () {
         this.isSameNodeClicked = false;
         this.isNodeExpandCalled = false;
         this.renameParent = null;
-        // Specifies the previously selected nodes in the treeview control.
-        this.previousSelected = null;
         // Specifies whether the nodeClicked event of the treeview control is triggered or not.
         this.isNodeClickCalled = false;
         // Specifies whether to restrict node selection in the treeview control.
@@ -454,9 +454,11 @@ var NavigationPane = /** @class */ (function () {
                 }
             }
             if (resultData.length > 0) {
-                var id_1 = getValue(this.treeObj.fields.id, resultData[0]);
+                var id_1 = this.previousSelected.length > 0 && this.treeObj.getTreeData(this.previousSelected[0]).length !== 0
+                    ? this.previousSelected[0] : getValue(this.treeObj.fields.id, resultData[0]);
                 this.treeObj.selectedNodes = [id_1];
                 this.treeObj.dataBind();
+                this.updateItemData();
             }
         }
     };
@@ -855,6 +857,8 @@ var NavigationPane = /** @class */ (function () {
     };
     NavigationPane.prototype.updateActionData = function () {
         this.updateItemData();
+        var node = select('[data-uid="' + this.parent.pathId[this.parent.pathId.length - 1] + '"]', this.treeObj.element);
+        updatePath(node, this.parent.itemData[0], this.parent);
         var newPath = getParentPath(this.parent.path);
         this.parent.setProperties({ path: newPath }, true);
         this.parent.pathId.pop();

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);