@syncfusion/ej2-filemanager 20.1.52-10459 → 20.1.52-10460

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

@@ -19,7 +19,6 @@ var ContextMenu = /** @class */ (function () {
      * @hidden
      */
     function ContextMenu(parent) {
-        this.isMenuItemClicked = false;
         this.currentItems = [];
         this.currentElement = null;
         this.disabledItems = [];
@@ -61,46 +60,16 @@ var ContextMenu = /** @class */ (function () {
             iconSpan.setAttribute('class', CLS.ICON_GRID + ' ' + CLS.MENU_ICON);
         }
     };
-    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;
-            }
-        });
+    ContextMenu.prototype.onBeforeClose = function () {
         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;
@@ -111,9 +80,6 @@ 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 */
@@ -121,6 +87,7 @@ 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')) {
@@ -129,33 +96,34 @@ 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('data-rowindex'), 10)]);
+                    this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('aria-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 */
@@ -173,17 +141,8 @@ 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);
@@ -196,15 +155,7 @@ 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')) {
-            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);
-            }
+            this.disabledItems.push('Paste');
         }
         if (args.cancel) {
             this.menuTarget = this.currentElement = null;
@@ -290,46 +241,17 @@ 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') {
-                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);
-                }
-            }
+            this.disabledItems.push('Open');
         }
-        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');
-            }
+        else if (this.parent.selectedItems.length !== 1) {
+            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) {
-            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');
         }
     };
@@ -343,13 +265,8 @@ 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) {
-            if (this.disabledItems.indexOf('Paste') === -1) {
-                this.disabledItems.push('Paste');
-            }
+            this.disabledItems.push('Paste');
         }
         this.contextMenu.dataBind();
     };
@@ -364,11 +281,13 @@ 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];
@@ -381,6 +300,7 @@ 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)];
@@ -404,7 +324,7 @@ var ContextMenu = /** @class */ (function () {
         this.parent.trigger('menuClick', eventArgs, function (menuClickArgs) {
             var sItems;
             if (!menuClickArgs.cancel) {
-                _this.isMenuItemClicked = true;
+                // eslint:disable-next-line
                 switch (itemText) {
                     case 'cut':
                         cutFiles(_this.parent);
@@ -414,12 +334,11 @@ var ContextMenu = /** @class */ (function () {
                         break;
                     case 'paste':
                         if (_this.menuType === 'folder') {
-                            if (_this.parent.activeModule === 'navigationpane') {
-                                _this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(_this.targetNodeElement, 'li'));
-                                _this.parent.folderPath = _this.parent.path;
+                            if ((_this.parent.activeModule === 'largeiconsview') || (_this.parent.activeModule === 'detailsview')) {
+                                _this.parent.folderPath = getFullPath(_this.parent, _this.menuItemData, _this.parent.path);
                             }
                             else {
-                                _this.parent.folderPath = getFullPath(_this.parent, _this.menuItemData, _this.parent.path);
+                                _this.parent.folderPath = '';
                             }
                         }
                         else {
@@ -468,13 +387,10 @@ var ContextMenu = /** @class */ (function () {
                         refresh(_this.parent);
                         break;
                     case 'open':
-                        if (_this.parent.visitedItem && _this.parent.activeModule !== 'navigationpane') {
+                        if (_this.parent.visitedItem) {
                             _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;
@@ -483,7 +399,6 @@ 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;
@@ -493,10 +408,19 @@ 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);
@@ -507,10 +431,12 @@ 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;
@@ -568,7 +494,6 @@ var ContextMenu = /** @class */ (function () {
         }
         this.removeEventListener();
         this.contextMenu.destroy();
-        this.targetElement = null;
     };
     /* istanbul ignore next */
     ContextMenu.prototype.getItemData = function (data) {
@@ -676,7 +601,7 @@ var ContextMenu = /** @class */ (function () {
         return items;
     };
     ContextMenu.prototype.getMenuId = function (id) {
-        return this.parent.element.id + '_cm_' + id.split(' ').join('').toLowerCase();
+        return this.parent.element.id + '_cm_' + id.toLowerCase();
     };
     return ContextMenu;
 }());

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

@@ -6,10 +6,11 @@ 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): void;
+export declare function createDialog(parent: IFileManager, text: string, e?: ReadArgs | SelectedEventArgs, details?: FileDetails, replaceItems?: string[]): void;
 /**
  *
  * @param {IFileManager} parent - Specifies the parent element.

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

@@ -5,20 +5,22 @@ 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, getParentPath, 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) {
-    var options = getOptions(parent, text, e, details);
+export function createDialog(parent, text, e, details, replaceItems) {
+    var options = getOptions(parent, text, e, details, replaceItems);
     if (isNOU(parent.dialogObj)) {
         parent.dialogObj = new Dialog({
             beforeOpen: keydownAction.bind(this, parent, options.dialogName),
@@ -166,6 +168,7 @@ 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.
@@ -385,6 +388,7 @@ function retryDlgClose(parent) {
  * @returns {void}
  * @private
  */
+// eslint-disable-next-line
 function onRetryOpen(parent, args) {
     parent.isRetryOpened = true;
     var dialogEle = getValue('element', args);
@@ -533,16 +537,19 @@ 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) {
+function getOptions(parent, text, e, details, replaceItems) {
     var options = {
         header: '', content: '', buttons: [], dialogName: ''
     };
@@ -555,7 +562,6 @@ function getOptions(parent, text, e, details) {
     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';
@@ -588,7 +594,7 @@ function getOptions(parent, text, e, details) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Yes') },
-                    click: function () {
+                    click: function (e) {
                         onDeleteSubmit(parent);
                     }
                 },
@@ -640,7 +646,7 @@ function getOptions(parent, text, e, details) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Ok') },
-                    click: function () {
+                    click: function (e) {
                         parent.dialogObj.hide();
                     }
                 }
@@ -648,16 +654,10 @@ function getOptions(parent, text, e, details) {
             break;
         case 'MultipleFileDetails':
             options.dialogName = 'File Details';
-            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');
+            strArr = details.name.split(',').map(function (val) {
+                var index = val.indexOf('.') + 1;
+                return (index === 0) ? 'Folder' : val.substr(index).replace(' ', '');
             });
-            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) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Ok') },
-                    click: function () {
+                    click: function (e) {
                         parent.dialogObj.hide();
                     }
                 }
@@ -753,6 +753,27 @@ 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.
@@ -812,7 +833,7 @@ function onReSubmit(parent) {
         parent.dialogObj.hide();
         return;
     }
-    var newPath = (parent.activeModule === 'navigationpane') ? getValue('filterPath', parent.itemData[0]).replace(/\\/g, '/') : parent.path;
+    var newPath = (parent.activeModule === 'navigationpane') ? getParentPath(parent.path) : parent.path;
     parent.renamedId = getValue('id', parent.itemData[0]);
     if (parent.isFile) {
         var oldExtension = (oIndex === -1) ? '' : parent.currentItemText.substr(oIndex);
@@ -868,7 +889,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 || (ele.value.lastIndexOf('.') === -1 || ele.value.substring(ele.value.indexOf('.') + 1).length === 0))) {
+        (parent.showFileExtension || (parent.currentItemText.lastIndexOf('.') === -1))) {
         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.Virtualization);
+index.FileManager.Inject(index.DetailsView, index.NavigationPane, index.LargeIconsView, index.Toolbar, index.ContextMenu, index.BreadCrumbBar);
 export * from './index';