@syncfusion/ej2-filemanager 27.2.5 → 28.1.33

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.2.5
-*  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.3",
+  "_id": "@syncfusion/ej2-filemanager@18.28.1",
   "_inBundle": false,
-  "_integrity": "sha512-MGo4pWIt087+DhmLwvHM602yus8DIse92opOOTEPKMXp2igmvsCMQSiCWWQK9PIyt9RAMRmAx8fWSl5hezOrfw==",
+  "_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.3.tgz",
-  "_shasum": "d3c2b67dab2a63cfb4c725588a764145472bcc4d",
+  "_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.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.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.5",
+  "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/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 */
 /**
@@ -613,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
@@ -744,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 {
@@ -962,7 +964,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) {
@@ -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/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);