@syncfusion/ej2-filemanager 27.2.5 → 28.1.33

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

@@ -254,6 +254,9 @@ __decorate$6([
 __decorate$6([
     Property(30000000)
 ], UploadSettings.prototype, "maxFileSize", void 0);
+__decorate$6([
+    Property(0)
+], UploadSettings.prototype, "chunkSize", void 0);
 
 var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1579,7 +1582,7 @@ function pasteHandler(parent) {
     if (parent.selectedNodes.length !== 0 && parent.enablePaste) {
         const 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]);
         }
         const subFolder = validateSubFolder(parent, parent.actionRecords, path, parent.path);
         if (!subFolder) {
@@ -2320,6 +2323,22 @@ 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
+ */
+function getTargetPath(parent, itemData) {
+    if (parent.hasId && !isNullOrUndefined(getValue('filterId', itemData))) {
+        return getValue('filterId', itemData).replace(/\\/g, '/').replace(/^[^/]+\//, '/');
+    }
+    else {
+        return getValue('filterPath', itemData).replace(/\\/g, '/');
+    }
+}
 /**
  * Access control handler
  *
@@ -2977,9 +2996,9 @@ function createAjax(parent, data, fn, event, operation, targetPath) {
                     const isMultipleFiles = itemData.length > 1;
                     const itemNames = itemData.map((item) => item.name);
                     const totalSize = isMultipleFiles ? getSize(itemData.reduce((accumulator, currentObject) => accumulator + (currentObject.size || 0), 0)) : getSize(details.size);
-                    const path = (parent.pathNames.includes(details.name) ? parent.pathNames.join('/') : parent.pathNames.join('/') + '/' + details.name);
+                    const 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
@@ -3108,6 +3127,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.indexOf('\\') === -1) {
                 location = rootName;
             }
             else {
@@ -3326,7 +3347,8 @@ function renameSuccess(parent, result) {
                 const 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, renameEndParent, getValue('filterPath', parent.renamedItem).replace(/\\/g, '/'));
+                const renamePath = getTargetPath(parent, parent.renamedItem);
+                read(parent, renameEndParent, renamePath);
                 if (!isNullOrUndefined(pathObject) && parent.pathNames.length > 1 && pathLevel <= parent.pathNames.length - 1) {
                     parent.pathNames[pathLevel] = parent.renameText;
                     if (!parent.hasId) {
@@ -4461,7 +4483,13 @@ function onReSubmit(parent) {
         parent.dialogObj.hide();
         return;
     }
-    const newPath = (parent.activeModule === 'navigationpane') ? getValue('filterPath', parent.itemData[0]).replace(/\\/g, '/') : parent.path;
+    let 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) {
         const oldExtension = (oIndex === -1) ? '' : parent.currentItemText.substr(oIndex);
@@ -5389,31 +5417,33 @@ class LargeIconsView {
      * @hidden
      */
     doSelection(target, e) {
+        const ctrlKey = this.parent.isMac ? e.metaKey : e.ctrlKey;
+        const isMacRightClick = this.parent.isMac && e.ctrlKey && e.shiftKey;
         const item = closest(target, '.' + LIST_ITEM);
         const cList = target.classList;
         this.parent.isFile = false;
         let action = 'select';
-        if (e.which === 3 && !isNullOrUndefined(item) && item.classList.contains(ACTIVE)) {
+        if ((e.which === 3 || isMacRightClick) && !isNullOrUndefined(item) && item.classList.contains(ACTIVE)) {
             this.addActive(item);
             this.updateType(item);
             return;
         }
         else if (!isNullOrUndefined(item)) {
             if (this.parent.allowMultiSelection && item.classList.contains(ACTIVE)
-                && (e.ctrlKey || target.classList.contains(CHECK))) {
+                && (ctrlKey || target.classList.contains(CHECK))) {
                 action = 'unselect';
             }
-            if (e.ctrlKey && e.shiftKey) {
+            if (e.ctrlKey && e.shiftKey && !isMacRightClick) {
                 this.isSelectAllCalled = true;
             }
             const 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(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();
                     }
@@ -6762,7 +6792,7 @@ class ContextMenu {
             else if (closest(target, '#' + this.parent.element.id + TREE_ID)) {
                 uid = closest(target, 'li').getAttribute('data-uid');
                 if (!isNullOrUndefined(uid)) {
-                    this.parent.navigationpaneModule.treeObj.setProperties({ selectedNodes: [uid] });
+                    this.navUid = uid;
                 }
                 treeFolder = true;
             }
@@ -6898,8 +6928,9 @@ class ContextMenu {
         this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.folder.map((item) => item.trim()));
         this.contextMenu.dataBind();
         if (isTree) {
-            const 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') {
+            const selectedTreeNode = select('[data-uid="' + this.navUid + '"]', this.parent.navigationpaneModule.treeObj.element);
+            if (!isNullOrUndefined(selectedTreeNode) &&
+                this.parent.pathNames[this.parent.pathNames.length - 1] === selectedTreeNode.querySelector('.e-list-text').innerHTML && this.parent.activeModule === 'navigationpane') {
                 this.disabledItems.push('Open');
             }
             else {
@@ -7768,11 +7799,14 @@ let FileManager = FileManager_1 = class FileManager extends Component {
             dropArea: select('#' + this.element.id + 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),
@@ -7834,19 +7868,34 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         this.trigger('popupClose', args);
     }
     /* istanbul ignore next */
+    onChunkUploading(args) {
+        let action = 'save';
+        if ((this.retryArgs.length !== 0)) {
+            for (let i = 0; i < this.retryArgs.length; i++) {
+                if (args.fileData.name === this.retryArgs[i].file.name) {
+                    action = this.retryArgs[i].action;
+                }
+            }
+        }
+        const 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 */
     onUploading(args) {
         let action = 'save';
         if ((this.retryArgs.length !== 0)) {
             for (let 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;
+                    }
                 }
             }
         }
         const 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 }];
         const uploadUrl = this.ajaxSettings.uploadUrl ? this.ajaxSettings.uploadUrl : this.ajaxSettings.url;
         const ajaxSettings = {
             url: uploadUrl,
@@ -7913,8 +7962,22 @@ let FileManager = FileManager_1 = class FileManager extends Component {
             this.uploadDialogObj.hide();
         }
     }
+    onChunkUploadComplete(files) {
+        if ((this.retryArgs.length !== 0)) {
+            for (let i = 0; i < this.retryArgs.length; i++) {
+                const 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 */
     onUploadSuccess(files) {
+        if (this.uploadSettings.chunkSize > 0) {
+            this.onChunkUploadComplete(files);
+        }
         const args = { action: 'Upload', result: files };
         this.trigger('success', args);
         this.itemData = [getValue(this.pathId[this.pathId.length - 1], this.feParent)];
@@ -7926,6 +7989,9 @@ let FileManager = FileManager_1 = class FileManager extends Component {
     }
     /* istanbul ignore next */
     onUploadFailure(files) {
+        if (this.uploadSettings.chunkSize > 0) {
+            this.onChunkUploadComplete(files);
+        }
         const response = getValue('response', files);
         const statusText = getValue('statusText', response);
         if (statusText !== '') {
@@ -10656,6 +10722,16 @@ class DetailsView {
     }
     /* istanbul ignore next */
     render(args) {
+        if (this.parent.enablePersistence) {
+            const gridPersistenceValue = window.localStorage.getItem('grid' + this.parent.element.id + '_grid');
+            if (!isNullOrUndefined(gridPersistenceValue)) {
+                const model = JSON.parse(gridPersistenceValue);
+                if (!isNullOrUndefined(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], MULTI_SELECT);
@@ -12518,5 +12594,5 @@ class DetailsView {
     }
 }
 
-export { ACTIVE, ALT_DIALOG_ID, AjaxSettings, BLUR, BREADCRUMBBAR_ID, BREADCRUMBS, BreadCrumbBar, CB_WRAP, CHECK, CHECK_SELECT, CLONE, COLLAPSED, CONTENT_ID, CONTEXT_MENU_ID, CONTROL, Column, ContextMenu, ContextMenuSettings, DETAILS_LABEL, DIALOG_ID, DISPLAY_NONE, DROP_FILE, DROP_FOLDER, Delete, DetailsView, DetailsViewSettings, Download, EMPTY, EMPTY_CONTENT, EMPTY_INNER_CONTENT, ERROR_CONTENT, EXTN_DIALOG_ID, FILTER, FOCUS, FOCUSED, FOLDER, FRAME, FULLROW, FileManager, GRID_CONTENT, GRID_HEADER, GRID_ID, GRID_VIEW, GetDetails, HEADER_CHECK, HOVER, ICONS, ICON_BREADCRUMB, ICON_CLEAR, ICON_COLLAPSIBLE, ICON_COPY, ICON_CUT, ICON_DELETE, ICON_DETAILS, ICON_DOWNLOAD, ICON_DROP_IN, ICON_DROP_OUT, ICON_GRID, ICON_IMAGE, ICON_LARGE, ICON_MUSIC, ICON_NEWFOLDER, ICON_NO_DROP, ICON_OPEN, ICON_OPTIONS, ICON_PASTE, ICON_REFRESH, ICON_RENAME, ICON_SELECTALL, ICON_SHORTBY, ICON_UPLOAD, ICON_VIDEO, ICON_VIEW, IMG_DIALOG_ID, LARGEICON_ID, LARGE_EMPTY_FOLDER, LARGE_EMPTY_FOLDER_TWO, LARGE_ICON, LARGE_ICONS, LARGE_ICON_FOLDER, LAYOUT, LAYOUT_CONTENT, LAYOUT_ID, LIST_ITEM, LIST_PARENT, LIST_TEXT, LargeIconsView, MENU_ICON, MENU_ITEM, MOBILE, MOB_POPUP, MULTI_SELECT, NAVIGATION, NAVIGATION_ID, NavigationPane, NavigationPaneSettings, OVERLAY, RETRY_DIALOG_ID, RETRY_ID, ROOT, ROOT_POPUP, ROW, ROWCELL, RTL, SEARCH_ID, SELECTED_ITEMS, SORTBY_ID, SPLITTER_ID, SPLIT_BAR, STATUS, SUBMENU_ICON, Search, SearchSettings, TB_ITEM, TB_OPTION_DOT, TB_OPTION_TICK, TEMPLATE_CELL, TEXT_CONTENT, TOOLBAR_ID, TREE_ID, TREE_VIEW, Toolbar, ToolbarItem, ToolbarSettings, UPLOAD_DIALOG_ID, UPLOAD_ID, UploadSettings, VALUE, VIEW_ID, Virtualization, actionFailure, activeElement, addBlur, afterRequest, beforeDelete, beforeDownload, beforeRequest, clearAllInit, clearPathInit, closePopup, columnArray, copyFiles, createDeniedDialog, createDialog, createEmptyElement, createEnd, createExtDialog, createFolder, createImageDialog, createNewFolder, createVirtualDragElement, cutCopyInit, cutEnd, cutFiles, defaultToolbarItems, deleteEnd, deleteInit, destroy, detailsInit, doDeleteFiles, doDownload, doDownloadFiles, doPasteUpdate, doRename, download, downloadInit, dragCancel, dragEnd, dragHelper, dragStartHandler, dragStopHandler, dragging, draggingHandler, dropHandler, dropInit, dropPath, fileItems, fileType, filter, filterEnd, finalizeEnd, folderItems, generatePath, getAccessClass, getAccessDetails, getAllChildItems, getCssClass, getDirectories, getDirectoryPath, getDuplicateData, getFullPath, getImageUrl, getItemName, getLocaleText, getModule, getName, getObject, getParentPath, getParents, getPath, getPathId, getPathNames, getPathObject, getSortField, getSortedData, getTargetModule, hasContentAccess, hasDownloadAccess, hasEditAccess, hasReadAccess, hasUploadAccess, hideLayout, hidePaste, initialEnd, isFile, isFileSystemData, layoutChange, layoutItems, layoutRefresh, menuItemData, methodCall, modelChanged, nodeExpand, objectToString, openAction, openEnd, openInit, openSearchFolder, paste, pasteEnd, pasteHandler, pasteInit, pathChanged, pathColumn, pathDrag, permissionCopy, permissionDownload, permissionEdit, permissionEditContents, permissionRead, permissionUpload, read, readDropPath, refresh, refreshEnd, removeActive, removeBlur, removeDropTarget, removeItemClass, rename, renameEnd, renameEndParent, renameInit, resizeEnd, scrollHandler, search, searchTextChange, searchWordHandler, selectAllInit, selectedData, selectionChanged, setDateObject, setNextPath, setNodeId, showPaste, skipUpload, sortByChange, sortColumn, sortComparer, sortbyClickHandler, splitterResize, treeSelect, updateLayout, updatePath, updateRenamingData, updateSelectionData, updateTreeSelection, upload, uploadItem, validateSubFolder };
+export { ACTIVE, ALT_DIALOG_ID, AjaxSettings, BLUR, BREADCRUMBBAR_ID, BREADCRUMBS, BreadCrumbBar, CB_WRAP, CHECK, CHECK_SELECT, CLONE, COLLAPSED, CONTENT_ID, CONTEXT_MENU_ID, CONTROL, Column, ContextMenu, ContextMenuSettings, DETAILS_LABEL, DIALOG_ID, DISPLAY_NONE, DROP_FILE, DROP_FOLDER, Delete, DetailsView, DetailsViewSettings, Download, EMPTY, EMPTY_CONTENT, EMPTY_INNER_CONTENT, ERROR_CONTENT, EXTN_DIALOG_ID, FILTER, FOCUS, FOCUSED, FOLDER, FRAME, FULLROW, FileManager, GRID_CONTENT, GRID_HEADER, GRID_ID, GRID_VIEW, GetDetails, HEADER_CHECK, HOVER, ICONS, ICON_BREADCRUMB, ICON_CLEAR, ICON_COLLAPSIBLE, ICON_COPY, ICON_CUT, ICON_DELETE, ICON_DETAILS, ICON_DOWNLOAD, ICON_DROP_IN, ICON_DROP_OUT, ICON_GRID, ICON_IMAGE, ICON_LARGE, ICON_MUSIC, ICON_NEWFOLDER, ICON_NO_DROP, ICON_OPEN, ICON_OPTIONS, ICON_PASTE, ICON_REFRESH, ICON_RENAME, ICON_SELECTALL, ICON_SHORTBY, ICON_UPLOAD, ICON_VIDEO, ICON_VIEW, IMG_DIALOG_ID, LARGEICON_ID, LARGE_EMPTY_FOLDER, LARGE_EMPTY_FOLDER_TWO, LARGE_ICON, LARGE_ICONS, LARGE_ICON_FOLDER, LAYOUT, LAYOUT_CONTENT, LAYOUT_ID, LIST_ITEM, LIST_PARENT, LIST_TEXT, LargeIconsView, MENU_ICON, MENU_ITEM, MOBILE, MOB_POPUP, MULTI_SELECT, NAVIGATION, NAVIGATION_ID, NavigationPane, NavigationPaneSettings, OVERLAY, RETRY_DIALOG_ID, RETRY_ID, ROOT, ROOT_POPUP, ROW, ROWCELL, RTL, SEARCH_ID, SELECTED_ITEMS, SORTBY_ID, SPLITTER_ID, SPLIT_BAR, STATUS, SUBMENU_ICON, Search, SearchSettings, TB_ITEM, TB_OPTION_DOT, TB_OPTION_TICK, TEMPLATE_CELL, TEXT_CONTENT, TOOLBAR_ID, TREE_ID, TREE_VIEW, Toolbar, ToolbarItem, ToolbarSettings, UPLOAD_DIALOG_ID, UPLOAD_ID, UploadSettings, VALUE, VIEW_ID, Virtualization, actionFailure, activeElement, addBlur, afterRequest, beforeDelete, beforeDownload, beforeRequest, clearAllInit, clearPathInit, closePopup, columnArray, copyFiles, createDeniedDialog, createDialog, createEmptyElement, createEnd, createExtDialog, createFolder, createImageDialog, createNewFolder, createVirtualDragElement, cutCopyInit, cutEnd, cutFiles, defaultToolbarItems, deleteEnd, deleteInit, destroy, detailsInit, doDeleteFiles, doDownload, doDownloadFiles, doPasteUpdate, doRename, download, downloadInit, dragCancel, dragEnd, dragHelper, dragStartHandler, dragStopHandler, dragging, draggingHandler, dropHandler, dropInit, dropPath, fileItems, fileType, filter, filterEnd, finalizeEnd, folderItems, generatePath, getAccessClass, getAccessDetails, getAllChildItems, getCssClass, getDirectories, getDirectoryPath, getDuplicateData, getFullPath, getImageUrl, getItemName, getLocaleText, getModule, getName, getObject, getParentPath, getParents, getPath, getPathId, getPathNames, getPathObject, getSortField, getSortedData, getTargetModule, getTargetPath, hasContentAccess, hasDownloadAccess, hasEditAccess, hasReadAccess, hasUploadAccess, hideLayout, hidePaste, initialEnd, isFile, isFileSystemData, layoutChange, layoutItems, layoutRefresh, menuItemData, methodCall, modelChanged, nodeExpand, objectToString, openAction, openEnd, openInit, openSearchFolder, paste, pasteEnd, pasteHandler, pasteInit, pathChanged, pathColumn, pathDrag, permissionCopy, permissionDownload, permissionEdit, permissionEditContents, permissionRead, permissionUpload, read, readDropPath, refresh, refreshEnd, removeActive, removeBlur, removeDropTarget, removeItemClass, rename, renameEnd, renameEndParent, renameInit, resizeEnd, scrollHandler, search, searchTextChange, searchWordHandler, selectAllInit, selectedData, selectionChanged, setDateObject, setNextPath, setNodeId, showPaste, skipUpload, sortByChange, sortColumn, sortComparer, sortbyClickHandler, splitterResize, treeSelect, updateLayout, updatePath, updateRenamingData, updateSelectionData, updateTreeSelection, upload, uploadItem, validateSubFolder };
 //# sourceMappingURL=ej2-filemanager.es2015.js.map