@syncfusion/ej2-filemanager 19.4.56 → 20.1.52-10459

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

@@ -19,6 +19,7 @@ var ContextMenu = /** @class */ (function () {
      * @hidden
      */
     function ContextMenu(parent) {
+        this.isMenuItemClicked = false;
         this.currentItems = [];
         this.currentElement = null;
         this.disabledItems = [];
@@ -60,16 +61,46 @@ var ContextMenu = /** @class */ (function () {
             iconSpan.setAttribute('class', CLS.ICON_GRID + ' ' + CLS.MENU_ICON);
         }
     };
-    ContextMenu.prototype.onBeforeClose = function () {
+    ContextMenu.prototype.onBeforeClose = function (args) {
+        var eventArgs = {
+            cancel: false,
+            element: args.element,
+            event: args.event,
+            isFocused: args.isFocused,
+            fileDetails: [this.menuItemData],
+            items: args.items,
+            parentItem: args.parentItem,
+            menuType: this.menuType
+        };
+        this.parent.trigger('menuClose', eventArgs, function (menuCloseArgs) {
+            if (menuCloseArgs.cancel) {
+                args.cancel = menuCloseArgs.cancel;
+                return;
+            }
+        });
         this.menuTarget = null;
+        if (!this.isMenuItemClicked && this.parent.pathId.length > 1 && this.parent.activeModule === 'navigationpane') {
+            this.parent.pathId.pop();
+            var parentKey = [];
+            var itemKeys = Object.keys(this.parent.feParent);
+            for (var _i = 0, itemKeys_1 = itemKeys; _i < itemKeys_1.length; _i++) {
+                var item = itemKeys_1[_i];
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var itemData = getValue(item, this.parent.feParent);
+                if (this.parent.pathNames.indexOf(itemData.name) !== -1) {
+                    parentKey.push(itemData._fm_id);
+                }
+            }
+            this.parent.pathId.push(parentKey[parentKey.length - 1]);
+            this.parent.navigationpaneModule.treeObj.selectedNodes = [this.parent.pathId[this.parent.pathId.length - 1]];
+        }
+        this.isMenuItemClicked = false;
     };
     /* istanbul ignore next */
     ContextMenu.prototype.onBeforeOpen = function (args) {
         var _this = this;
-        this.disabledItems = [];
         var selected = false;
         var uid;
-        // eslint-disable-next-line
         var data;
         var treeFolder = false;
         var target = args.event.target;
@@ -80,6 +111,9 @@ var ContextMenu = /** @class */ (function () {
             this.menuTarget = this.targetNodeElement = target;
         }
         this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr.e-row') : target;
+        if (this.parent.enableVirtualization && (target.classList.contains('e-virtual-bottom') || target.classList.contains('e-virtualtable'))) {
+            target = target.parentElement.closest('div');
+        }
         var view = this.getTargetView(target);
         this.updateActiveModule();
         /* istanbul ignore next */
@@ -87,7 +121,6 @@ var ContextMenu = /** @class */ (function () {
             (closest(target, '#' + this.parent.element.id + CLS.BREADCRUMBBAR_ID)) ||
             (closest(target, '#' + this.parent.element.id + CLS.TOOLBAR_ID))) {
             args.cancel = true;
-            // eslint:disable-next-line
         }
         else if (!(this.parent.view === 'LargeIcons') && this.targetElement &&
             this.targetElement.classList.contains('e-emptyrow')) {
@@ -96,34 +129,33 @@ var ContextMenu = /** @class */ (function () {
         }
         else if (closest(target, '.' + CLS.EMPTY)) {
             this.setLayoutItem(target);
-            // eslint:disable-next-line
         }
         else if (!target.classList.contains(CLS.MENU_ITEM) &&
             !target.classList.contains(CLS.MENU_ICON) && !target.classList.contains(CLS.SUBMENU_ICON)) {
             /* istanbul ignore next */
-            // eslint:disable-next-line
             if (this.parent.view === 'LargeIcons' && !isNOU(closest(target, 'li')) && !closest(target, '#' + this.parent.element.id + CLS.TREE_ID)) {
                 var eveArgs = { ctrlKey: true, shiftKey: true };
                 if (!closest(target, 'li').classList.contains('e-active')) {
                     this.parent.largeiconsviewModule.doSelection(target, eveArgs);
                 }
-                // eslint-disable-next-line
                 data = this.parent.visitedData;
                 selected = true;
             }
             else if (!isNOU(closest(target, 'tr.e-row'))) {
                 uid = this.targetElement.getAttribute('data-uid');
-                // eslint-disable-next-line
                 data = this.parent.detailsviewModule.gridObj.getRowObjectFromUID(uid).data;
                 if (isNOU(this.targetElement.getAttribute('aria-selected'))) {
                     /* istanbul ignore next */
-                    this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('aria-rowindex'), 10)]);
+                    this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('data-rowindex'), 10)]);
                 }
                 selected = true;
                 /* istanbul ignore next */
             }
             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.selectedNodes = [uid];
+                }
                 treeFolder = true;
             }
             /* istanbul ignore next */
@@ -141,8 +173,17 @@ var ContextMenu = /** @class */ (function () {
                 if (uid === this.parent.pathId[0]) {
                     this.disabledItems.push('Delete', 'Rename', 'Cut', 'Copy');
                 }
+                else {
+                    var itemsToRemove = ['Delete', 'Rename', 'Cut', 'Copy'];
+                    for (var i = 0; i < this.disabledItems.length; i++) {
+                        var item = this.disabledItems[i];
+                        if (itemsToRemove.indexOf(item) !== -1) {
+                            this.disabledItems.splice(i, 1);
+                            i--;
+                        }
+                    }
+                }
                 /* istanbul ignore next */
-                // eslint:disable-next-line
             }
             else if (view === 'TreeView' || view === 'GridView' || view === 'LargeIcon') {
                 this.setLayoutItem(target);
@@ -155,7 +196,15 @@ var ContextMenu = /** @class */ (function () {
         var pasteEle = select('#' + this.getMenuId('Paste'), this.contextMenu.element);
         if (!args.cancel && !this.parent.enablePaste &&
             pasteEle && !pasteEle.classList.contains('e-disabled')) {
-            this.disabledItems.push('Paste');
+            if (this.disabledItems.indexOf('Paste') === -1) {
+                this.disabledItems.push('Paste');
+            }
+        }
+        else {
+            var pasteIndex = this.disabledItems.indexOf('Paste');
+            if (pasteIndex !== -1) {
+                this.disabledItems.splice(pasteIndex, 1);
+            }
         }
         if (args.cancel) {
             this.menuTarget = this.currentElement = null;
@@ -241,17 +290,46 @@ var ContextMenu = /** @class */ (function () {
         this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.folder.map(function (item) { return item.trim(); }));
         this.contextMenu.dataBind();
         if (isTree) {
-            this.disabledItems.push('Open');
+            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') {
+                this.disabledItems.push('Open');
+            }
+            else {
+                var indexToRemove = this.disabledItems.indexOf('Open');
+                if (indexToRemove !== -1) {
+                    this.disabledItems.splice(indexToRemove, 1);
+                }
+            }
+            if (this.parent.selectedItems.length === 0) {
+                var renameIndex = this.disabledItems.indexOf('Rename');
+                if (renameIndex !== -1) {
+                    this.disabledItems.splice(renameIndex, 1);
+                }
+            }
         }
-        else if (this.parent.selectedItems.length !== 1) {
-            this.disabledItems.push('Rename', 'Paste');
+        else if (this.parent.activeModule !== 'navigationpane') {
+            if (this.parent.selectedItems.length === 1) {
+                var renameIndex = this.disabledItems.indexOf('Rename');
+                if (renameIndex !== -1) {
+                    this.disabledItems.splice(renameIndex, 1);
+                }
+            }
+            else {
+                this.disabledItems.push('Rename', 'Paste');
+            }
         }
     };
     ContextMenu.prototype.setFileItem = function () {
         this.menuType = 'file';
         this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.file.map(function (item) { return item.trim(); }));
         this.contextMenu.dataBind();
-        if (this.parent.selectedItems.length !== 1) {
+        if (this.parent.selectedItems.length === 1) {
+            var renameIndex = this.disabledItems.indexOf('Rename');
+            if (renameIndex !== -1) {
+                this.disabledItems.splice(renameIndex, 1);
+            }
+        }
+        else {
             this.disabledItems.push('Rename');
         }
     };
@@ -265,8 +343,13 @@ var ContextMenu = /** @class */ (function () {
                 (closest(target, '#' + this.parent.element.id + CLS.GRID_ID).getElementsByClassName(CLS.EMPTY).length !== 0)))) {
             this.disabledItems.push('SelectAll');
         }
+        else {
+            this.disabledItems = this.disabledItems.filter(function (item) { return item !== 'SelectAll'; });
+        }
         if (this.parent.selectedNodes.length === 0) {
-            this.disabledItems.push('Paste');
+            if (this.disabledItems.indexOf('Paste') === -1) {
+                this.disabledItems.push('Paste');
+            }
         }
         this.contextMenu.dataBind();
     };
@@ -281,13 +364,11 @@ var ContextMenu = /** @class */ (function () {
             return -1;
         }
     };
-    // eslint-disable-next-line
     ContextMenu.prototype.getMenuItemData = function () {
         if (this.menuType === 'layout') {
             return getPathObject(this.parent);
         }
         else {
-            // eslint-disable-next-line
             var args = { target: this.menuTarget };
             this.parent.notify(events.menuItemData, args);
             return this.parent.itemData[0];
@@ -300,7 +381,6 @@ var ContextMenu = /** @class */ (function () {
             return;
         }
         var itemText = args.item.id.substr((this.parent.element.id + '_cm_').length);
-        // eslint-disable-next-line
         var details;
         if (itemText === 'refresh' || itemText === 'newfolder' || itemText === 'upload') {
             details = [getPathObject(this.parent)];
@@ -324,7 +404,7 @@ var ContextMenu = /** @class */ (function () {
         this.parent.trigger('menuClick', eventArgs, function (menuClickArgs) {
             var sItems;
             if (!menuClickArgs.cancel) {
-                // eslint:disable-next-line
+                _this.isMenuItemClicked = true;
                 switch (itemText) {
                     case 'cut':
                         cutFiles(_this.parent);
@@ -334,11 +414,12 @@ var ContextMenu = /** @class */ (function () {
                         break;
                     case 'paste':
                         if (_this.menuType === 'folder') {
-                            if ((_this.parent.activeModule === 'largeiconsview') || (_this.parent.activeModule === 'detailsview')) {
-                                _this.parent.folderPath = getFullPath(_this.parent, _this.menuItemData, _this.parent.path);
+                            if (_this.parent.activeModule === 'navigationpane') {
+                                _this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(_this.targetNodeElement, 'li'));
+                                _this.parent.folderPath = _this.parent.path;
                             }
                             else {
-                                _this.parent.folderPath = '';
+                                _this.parent.folderPath = getFullPath(_this.parent, _this.menuItemData, _this.parent.path);
                             }
                         }
                         else {
@@ -387,10 +468,13 @@ var ContextMenu = /** @class */ (function () {
                         refresh(_this.parent);
                         break;
                     case 'open':
-                        if (_this.parent.visitedItem) {
+                        if (_this.parent.visitedItem && _this.parent.activeModule !== 'navigationpane') {
                             _this.parent.notify(events.openInit, { target: _this.parent.visitedItem });
                         }
                         else if (_this.parent.activeModule === 'navigationpane') {
+                            if (_this.parent.visitedItem) {
+                                _this.parent.notify(events.openInit, { target: _this.parent.visitedItem });
+                            }
                             _this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(_this.targetNodeElement, 'li'));
                         }
                         break;
@@ -399,6 +483,7 @@ var ContextMenu = /** @class */ (function () {
                         sItems = _this.parent.selectedItems;
                         if (_this.parent.activeModule === 'navigationpane') {
                             sItems = [];
+                            _this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(_this.targetNodeElement, 'li'));
                         }
                         GetDetails(_this.parent, sItems, _this.parent.path, 'details');
                         break;
@@ -408,19 +493,10 @@ var ContextMenu = /** @class */ (function () {
                     case 'upload':
                         uploadItem(_this.parent);
                         break;
-                    /* istanbul ignore next */
                     case 'name':
-                    /* istanbul ignore next */
-                    // eslint-disable-next-line no-fallthrough
                     case 'size':
-                    /* istanbul ignore next */
-                    // eslint-disable-next-line no-fallthrough
                     case 'date':
-                    /* istanbul ignore next */
-                    // eslint-disable-next-line no-fallthrough
                     case 'ascending':
-                    /* istanbul ignore next */
-                    // eslint-disable-next-line no-fallthrough
                     case 'descending':
                         /* istanbul ignore next */
                         sortbyClickHandler(_this.parent, args);
@@ -431,12 +507,10 @@ var ContextMenu = /** @class */ (function () {
                         sortbyClickHandler(_this.parent, args);
                         break;
                     /* istanbul ignore next */
-                    // eslint:disable-next-line
                     case 'largeiconsview':
                         updateLayout(_this.parent, 'LargeIcons');
                         break;
                     /* istanbul ignore next */
-                    // eslint:disable-next-line
                     case 'detailsview':
                         updateLayout(_this.parent, 'Details');
                         break;
@@ -494,6 +568,7 @@ var ContextMenu = /** @class */ (function () {
         }
         this.removeEventListener();
         this.contextMenu.destroy();
+        this.targetElement = null;
     };
     /* istanbul ignore next */
     ContextMenu.prototype.getItemData = function (data) {
@@ -601,7 +676,7 @@ var ContextMenu = /** @class */ (function () {
         return items;
     };
     ContextMenu.prototype.getMenuId = function (id) {
-        return this.parent.element.id + '_cm_' + id.toLowerCase();
+        return this.parent.element.id + '_cm_' + id.split(' ').join('').toLowerCase();
     };
     return ContextMenu;
 }());

package/src/file-manager/pop-up/dialog.d.ts

@@ -6,11 +6,10 @@ import { SelectedEventArgs } from '@syncfusion/ej2-inputs';
  * @param {string} text - specifies the text string.
  * @param {ReadArgs | SelectedEventArgs} e - specifies the type of event args.
  * @param {FileDetails} details - specifies the file details.
- * @param {string[]} replaceItems - specifies the replacement.
  * @returns {void}
  * @private
  */
-export declare function createDialog(parent: IFileManager, text: string, e?: ReadArgs | SelectedEventArgs, details?: FileDetails, replaceItems?: string[]): void;
+export declare function createDialog(parent: IFileManager, text: string, e?: ReadArgs | SelectedEventArgs, details?: FileDetails): void;
 /**
  *
  * @param {IFileManager} parent - Specifies the parent element.

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

@@ -5,22 +5,20 @@ 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, getParentPath, objectToString, getCssClass } from '../common/utility';
+import { getLocaleText, getDuplicateData, objectToString, getCssClass } from '../common/utility';
 import { Input } from '@syncfusion/ej2-inputs';
 import { CheckBox } from '@syncfusion/ej2-buttons';
-// eslint:disable-next-line
 /**
  *
  * @param {IFileManager} parent - Specifies the parent element
  * @param {string} text - specifies the text string.
  * @param {ReadArgs | SelectedEventArgs} e - specifies the type of event args.
  * @param {FileDetails} details - specifies the file details.
- * @param {string[]} replaceItems - specifies the replacement.
  * @returns {void}
  * @private
  */
-export function createDialog(parent, text, e, details, replaceItems) {
-    var options = getOptions(parent, text, e, details, replaceItems);
+export function createDialog(parent, text, e, details) {
+    var options = getOptions(parent, text, e, details);
     if (isNOU(parent.dialogObj)) {
         parent.dialogObj = new Dialog({
             beforeOpen: keydownAction.bind(this, parent, options.dialogName),
@@ -168,7 +166,6 @@ function triggerPopupClose(parent, dlgModule, dialogName) {
     var args = { popupModule: dlgModule, element: dlgModule.element, popupName: dialogName };
     parent.trigger('popupClose', args);
 }
-// eslint:disable-next-line
 /**
  *
  * @param {IFileManager} parent - Specifies the parent element.
@@ -388,7 +385,6 @@ function retryDlgClose(parent) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function onRetryOpen(parent, args) {
     parent.isRetryOpened = true;
     var dialogEle = getValue('element', args);
@@ -537,19 +533,16 @@ function createInput(ele, placeholder) {
         }
     });
 }
-/* istanbul ignore next */
-// eslint:disable-next-line
 /**
  *
  * @param {IFileManager} parent - specifies the parent element.
  * @param {string} text - specifies the text string.
  * @param {ReadArgs | SelectedEventArgs} e - specifies the event arguements.
  * @param {FileDetails} details - specifies the file details.
- * @param {string[]} replaceItems - specifies the replacement items.
  * @returns {DialogOptions} - specifies the dialog options.
  * @private
  */
-function getOptions(parent, text, e, details, replaceItems) {
+function getOptions(parent, text, e, details) {
     var options = {
         header: '', content: '', buttons: [], dialogName: ''
     };
@@ -562,6 +555,7 @@ function getOptions(parent, text, e, details, replaceItems) {
     options.open = function () { triggerPopupOpen(parent, parent.dialogObj, options.dialogName); };
     options.close = function () { triggerPopupClose(parent, parent.dialogObj, options.dialogName); };
     text = (details && details.multipleFiles === true) ? 'MultipleFileDetails' : text;
+    var index;
     switch (text) {
         case 'NewFolder':
             options.dialogName = 'Create Folder';
@@ -594,7 +588,7 @@ function getOptions(parent, text, e, details, replaceItems) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Yes') },
-                    click: function (e) {
+                    click: function () {
                         onDeleteSubmit(parent);
                     }
                 },
@@ -646,7 +640,7 @@ function getOptions(parent, text, e, details, replaceItems) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Ok') },
-                    click: function (e) {
+                    click: function () {
                         parent.dialogObj.hide();
                     }
                 }
@@ -654,10 +648,16 @@ function getOptions(parent, text, e, details, replaceItems) {
             break;
         case 'MultipleFileDetails':
             options.dialogName = 'File Details';
-            strArr = details.name.split(',').map(function (val) {
-                var index = val.indexOf('.') + 1;
-                return (index === 0) ? 'Folder' : val.substr(index).replace(' ', '');
+            strArr = parent.itemData.map(function (val) {
+                index = val.name.indexOf('.') + 1;
+                return (index === 0 && (!val.isFile)) ? 'Folder' : ((index !== 0) ? val.name.substr(index).replace(' ', '') : 'undetermined');
             });
+            if (strArr[0] === undefined) {
+                strArr = details.name.split(',').map(function (val) {
+                    index = val.indexOf('.') + 1;
+                    return (index === 0) ? 'Folder' : val.substr(index).replace(' ', '');
+                });
+            }
             fileType = strArr.every(function (val, i, arr) { return val === arr[0]; }) ?
                 ((strArr[0] === 'Folder') ? 'Folder' : strArr[0].toLocaleUpperCase() + ' Type') : 'Multiple Types';
             location = details.location;
@@ -695,7 +695,7 @@ function getOptions(parent, text, e, details, replaceItems) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Ok') },
-                    click: function (e) {
+                    click: function () {
                         parent.dialogObj.hide();
                     }
                 }
@@ -753,27 +753,6 @@ function preventKeydown(btnElement) {
         _loop_1(btnCount);
     }
 }
-/* istanbul ignore next */
-/**
- *
- * @param {SelectedEventArgs} data - specifies the data.
- * @returns {HTMLElement} - returns the HTML element.
- * @private
- */
-function getFilesName(data) {
-    var parent = createElement('div', { id: 'uploadDialog' });
-    var ulElement = createElement('ul');
-    var filesData = data.isModified ? data.modifiedFilesData : data.filesData;
-    for (var fileCount = 0; fileCount < filesData.length; fileCount++) {
-        var liElement = createElement('li', { className: 'dialogFiles' });
-        liElement.innerHTML = filesData[fileCount].name;
-        ulElement.appendChild(liElement);
-    }
-    parent.appendChild(ulElement);
-    var errorTag = createElement('div', { className: 'e-fe-error' });
-    parent.appendChild(errorTag);
-    return parent;
-}
 /**
  *
  * @param {IFileManager} parent - specifies the parent element.
@@ -833,7 +812,7 @@ function onReSubmit(parent) {
         parent.dialogObj.hide();
         return;
     }
-    var newPath = (parent.activeModule === 'navigationpane') ? getParentPath(parent.path) : parent.path;
+    var newPath = (parent.activeModule === 'navigationpane') ? getValue('filterPath', parent.itemData[0]).replace(/\\/g, '/') : parent.path;
     parent.renamedId = getValue('id', parent.itemData[0]);
     if (parent.isFile) {
         var oldExtension = (oIndex === -1) ? '' : parent.currentItemText.substr(oIndex);
@@ -889,7 +868,7 @@ function onSubmitValidate(parent, ele) {
     onValidate(parent, ele);
     var len = ele.value.length - 1;
     if (ele.value !== '' && ((ele.value.lastIndexOf('.') === len) || (ele.value.lastIndexOf(' ') === len)) &&
-        (parent.showFileExtension || (parent.currentItemText.lastIndexOf('.') === -1))) {
+        (parent.showFileExtension || (ele.value.lastIndexOf('.') === -1 || ele.value.substring(ele.value.indexOf('.') + 1).length === 0))) {
         addInvalid(parent, ele);
     }
 }

package/src/global.js

@@ -1,3 +1,3 @@
 import * as index from './index';
-index.FileManager.Inject(index.DetailsView, index.NavigationPane, index.LargeIconsView, index.Toolbar, index.ContextMenu, index.BreadCrumbBar);
+index.FileManager.Inject(index.DetailsView, index.NavigationPane, index.LargeIconsView, index.Toolbar, index.ContextMenu, index.BreadCrumbBar, index.Virtualization);
 export * from './index';