@syncfusion/ej2-filemanager 19.4.42 → 19.4.50

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

@@ -875,7 +875,13 @@ function searchWordHandler(parent, value, isLayoutChange) {
     }
     else {
         if (!parent.isFiltered) {
-            read(parent, isLayoutChange ? layoutChange : search, parent.path);
+            if (parent.isSortByClicked) {
+                parent.notify(layoutChange, { files: parent.largeiconsviewModule.items });
+                parent.isSortByClicked = false;
+            }
+            else {
+                read(parent, isLayoutChange ? layoutChange : search, parent.path);
+            }
         }
         else {
             filter(parent, layoutChange);
@@ -1286,6 +1292,7 @@ function getCssClass(parent, css) {
  */
 function sortbyClickHandler(parent, args) {
     let tick;
+    parent.isSortByClicked = true;
     if (args.item.id.indexOf('ascending') !== -1 || args.item.id.indexOf('descending') !== -1 || args.item.id.indexOf('none') !== -1) {
         tick = true;
     }
@@ -5701,14 +5708,11 @@ class ContextMenu$2 {
         let data;
         let treeFolder = false;
         let target = args.event.target;
-        this.menuTarget = target;
+        this.menuTarget = this.targetNodeElement = target;
         this.currentElement = args.element;
         if (target.classList.contains('e-spinner-pane')) {
             target = this.parent.navigationpaneModule.activeNode.getElementsByClassName(FULLROW)[0];
-            this.menuTarget = target;
-        }
-        if (target.classList.contains(FULLROW)) {
-            this.parent.selectedItems.length = 0;
+            this.menuTarget = this.targetNodeElement = target;
         }
         this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr.e-row') : target;
         const view = this.getTargetView(target);
@@ -5819,7 +5823,7 @@ class ContextMenu$2 {
             this.enableItems(this.disabledItems, false, true);
             args.cancel = menuOpenArgs.cancel;
             if (menuOpenArgs.cancel) {
-                this.menuTarget = this.currentElement = null;
+                this.menuTarget = this.targetNodeElement = this.currentElement = null;
             }
         });
     }
@@ -5938,7 +5942,12 @@ class ContextMenu$2 {
         }
         else {
             this.parent.notify(selectedData, {});
-            details = this.parent.itemData;
+            if (this.parent.activeModule === 'navigationpane' && itemText === 'open') {
+                details = [this.menuItemData];
+            }
+            else {
+                details = this.parent.itemData;
+            }
         }
         const eventArgs = {
             cancel: false,
@@ -6015,6 +6024,9 @@ class ContextMenu$2 {
                         if (this.parent.visitedItem) {
                             this.parent.notify(openInit, { target: this.parent.visitedItem });
                         }
+                        else if (this.parent.activeModule === 'navigationpane') {
+                            this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(this.targetNodeElement, 'li'));
+                        }
                         break;
                     case 'details':
                         this.parent.notify(detailsInit, {});
@@ -6372,6 +6384,8 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         this.folderPath = '';
         this.isSameAction = false;
         this.isFiltered = false;
+        // Specifies whether the sort by option is clicked or not.
+        this.isSortByClicked = false;
         this.enablePaste = false;
         this.persistData = false;
         this.retryArgs = [];
@@ -6700,6 +6714,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
             enableRtl: this.enableRtl,
             uploading: this.onUploading.bind(this),
             removing: this.onRemoving.bind(this),
+            canceling: this.onCancel.bind(this),
             clearing: this.onClearing.bind(this),
             selected: this.onSelected.bind(this),
             success: this.onUploadSuccess.bind(this),
@@ -6807,6 +6822,11 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         }
     }
     /* istanbul ignore next */
+    onCancel(args) {
+        const data = JSON.stringify(getValue(this.pathId[this.pathId.length - 1], this.feParent));
+        args.customFormData = [{ 'path': this.path }, { 'action': 'remove' }, { 'data': data }];
+    }
+    /* istanbul ignore next */
     onClearing() {
         if (this.isOpened) {
             this.uploadDialogObj.hide();
@@ -8051,6 +8071,12 @@ class NavigationPane {
         this.isRenameParent = false;
         this.isRightClick = false;
         this.renameParent = null;
+        // Specifies the previously selected nodes in the treeview control.
+        this.previousSelected = null;
+        // Specifies whether the nodeClicked event of the treeview control is triggered or not.
+        this.isNodeClickCalled = false;
+        // Specifies whether to restrict node selection in the treeview control.
+        this.restrictSelecting = false;
         this.parent = parent;
         this.addEventListener();
         this.keyConfigs = {
@@ -8090,6 +8116,7 @@ class NavigationPane {
                 hasChildren: 'hasChild', iconCss: '_fm_icon', htmlAttributes: '_fm_htmlAttr', tooltip: 'name'
             },
             enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
+            nodeSelecting: this.onNodeSelecting.bind(this),
             nodeSelected: this.onNodeSelected.bind(this),
             nodeExpanding: this.onNodeExpand.bind(this),
             nodeClicked: this.onNodeClicked.bind(this),
@@ -8194,6 +8221,44 @@ class NavigationPane {
             this.treeObj.addNodes(directories, target, null, prevent);
         }
     }
+    // Node Selecting event handler
+    onNodeSelecting(args) {
+        if (!args.isInteracted && !this.isRightClick && !this.isPathDragged && !this.isRenameParent || this.restrictSelecting) {
+            this.restrictSelecting = false;
+            this.isNodeClickCalled = false;
+            return;
+        }
+        if (!this.renameParent) {
+            this.parent.activeModule = 'navigationpane';
+            // eslint-disable-next-line
+            const nodeData = this.getTreeData(getValue('id', args.nodeData));
+            const eventArgs = { cancel: false, fileDetails: nodeData[0], module: 'NavigationPane' };
+            this.parent.trigger('fileOpen', eventArgs);
+            args.cancel = eventArgs.cancel;
+            if (args.cancel) {
+                this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] != args.node.getAttribute('data-uid') : false;
+                this.treeObj.selectedNodes = this.isNodeClickCalled ? this.previousSelected : this.treeObj.selectedNodes;
+                this.previousSelected = this.treeObj.selectedNodes;
+                if (!isNullOrUndefined(this.parent) && !isNullOrUndefined(this.parent.contextmenuModule)) {
+                    this.parent.contextmenuModule.contextMenu.enableItems(['Open'], true);
+                }
+            }
+        }
+    }
+    // Opens the folder while clicking open context menu item in the treeview.
+    openFileOnContextMenuClick(node) {
+        const data = this.treeObj.getTreeData(node);
+        // eslint-disable-next-line
+        this.parent.selectedItems = [];
+        this.parent.itemData = data;
+        this.activeNode = node;
+        this.parent.activeModule = 'navigationpane';
+        updatePath(node, this.parent.itemData[0], this.parent);
+        read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
+        this.parent.visitedItem = node;
+        this.isPathDragged = this.isRenameParent = this.isRightClick = false;
+        this.treeObj.selectedNodes = [node.getAttribute('data-uid')];
+    }
     onNodeSelected(args) {
         if (this.parent.breadcrumbbarModule && this.parent.breadcrumbbarModule.searchObj && !this.renameParent) {
             this.parent.breadcrumbbarModule.searchObj.element.value = '';
@@ -8207,20 +8272,18 @@ class NavigationPane {
         this.parent.activeModule = 'navigationpane';
         // eslint-disable-next-line
         const nodeData = this.getTreeData(getValue('id', args.nodeData));
-        if (!this.renameParent) {
-            const eventArgs = { cancel: false, fileDetails: nodeData[0], module: 'NavigationPane' };
-            delete eventArgs.cancel;
-            this.parent.trigger('fileOpen', eventArgs);
-        }
         this.parent.selectedItems = [];
         this.parent.itemData = nodeData;
+        let previousPath = this.parent.path;
         updatePath(args.node, this.parent.itemData[0], this.parent);
-        this.expandNodeTarget = null;
-        if (args.node.querySelector('.' + ICONS) && args.node.querySelector('.' + LIST_ITEM) === null) {
-            this.expandNodeTarget = 'add';
+        if (previousPath !== this.parent.path) {
+            this.expandNodeTarget = null;
+            if (args.node.querySelector('.' + ICONS) && args.node.querySelector('.' + LIST_ITEM) === null) {
+                this.expandNodeTarget = 'add';
+            }
+            read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
+            this.parent.visitedItem = args.node;
         }
-        read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
-        this.parent.visitedItem = args.node;
         this.isPathDragged = this.isRenameParent = this.isRightClick = false;
     }
     /* istanbul ignore next */
@@ -8253,9 +8316,11 @@ class NavigationPane {
     }
     onNodeClicked(args) {
         this.parent.activeModule = 'navigationpane';
+        this.previousSelected = this.treeObj.selectedNodes;
         this.activeNode = args.node;
         if ((args.event.which === 3) && (args.node.getAttribute('data-uid') !== this.treeObj.selectedNodes[0])) {
             this.isRightClick = true;
+            this.isNodeClickCalled = true;
             this.treeObj.selectedNodes = [args.node.getAttribute('data-uid')];
         }
         else if (args.node.getAttribute('data-uid') === this.treeObj.selectedNodes[0] && this.parent.selectedItems.length !== 0) {