@syncfusion/ej2-filemanager 19.4.43 → 19.4.51

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

@@ -266,6 +266,9 @@ var NavigationPaneSettings = /** @__PURE__ @class */ (function (_super) {
     __decorate$5([
         Property(true)
     ], NavigationPaneSettings.prototype, "visible", void 0);
+    __decorate$5([
+        Property('None')
+    ], NavigationPaneSettings.prototype, "sortOrder", void 0);
     return NavigationPaneSettings;
 }(ChildProperty));
 
@@ -1019,7 +1022,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);
@@ -1430,6 +1439,7 @@ function getCssClass(parent, css) {
  */
 function sortbyClickHandler(parent, args) {
     var 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;
     }
@@ -5862,9 +5872,6 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             target = this.parent.navigationpaneModule.activeNode.getElementsByClassName(FULLROW)[0];
             this.menuTarget = this.targetNodeElement = target;
         }
-        if (target.classList.contains(FULLROW)) {
-            this.parent.selectedItems.length = 0;
-        }
         this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr.e-row') : target;
         var view = this.getTargetView(target);
         this.updateActiveModule();
@@ -6551,6 +6558,8 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         _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 = [];
@@ -6881,6 +6890,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
             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),
@@ -6988,6 +6998,11 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         }
     };
     /* istanbul ignore next */
+    FileManager.prototype.onCancel = function (args) {
+        var data = JSON.stringify(getValue(this.pathId[this.pathId.length - 1], this.feParent));
+        args.customFormData = [{ 'path': this.path }, { 'action': 'remove' }, { 'data': data }];
+    };
+    /* istanbul ignore next */
     FileManager.prototype.onClearing = function () {
         if (this.isOpened) {
             this.uploadDialogObj.hide();
@@ -8288,6 +8303,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                 hasChildren: 'hasChild', iconCss: '_fm_icon', htmlAttributes: '_fm_htmlAttr', tooltip: 'name'
             },
             enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
+            sortOrder: this.parent.navigationPaneSettings.sortOrder,
             nodeSelecting: this.onNodeSelecting.bind(this),
             nodeSelected: this.onNodeSelected.bind(this),
             nodeExpanding: this.onNodeExpand.bind(this),
@@ -8398,6 +8414,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
     NavigationPane.prototype.onNodeSelecting = function (args) {
         if (!args.isInteracted && !this.isRightClick && !this.isPathDragged && !this.isRenameParent || this.restrictSelecting) {
             this.restrictSelecting = false;
+            this.isNodeClickCalled = false;
             return;
         }
         if (!this.renameParent) {
@@ -8405,13 +8422,12 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
             // eslint-disable-next-line
             var nodeData = this.getTreeData(getValue('id', args.nodeData));
             var eventArgs = { cancel: false, fileDetails: nodeData[0], module: 'NavigationPane' };
-            delete eventArgs.cancel;
             this.parent.trigger('fileOpen', eventArgs);
             args.cancel = eventArgs.cancel;
             if (args.cancel) {
-                this.restrictSelecting = true;
+                this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] != args.node.getAttribute('data-uid') : false;
                 this.treeObj.selectedNodes = this.isNodeClickCalled ? this.previousSelected : this.treeObj.selectedNodes;
-                this.isNodeClickCalled = false;
+                this.previousSelected = this.treeObj.selectedNodes;
                 if (!isNullOrUndefined(this.parent) && !isNullOrUndefined(this.parent.contextmenuModule)) {
                     this.parent.contextmenuModule.contextMenu.enableItems(['Open'], true);
                 }
@@ -8447,13 +8463,16 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         var nodeData = this.getTreeData(getValue('id', args.nodeData));
         this.parent.selectedItems = [];
         this.parent.itemData = nodeData;
+        var 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 */
@@ -8486,11 +8505,11 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
     };
     NavigationPane.prototype.onNodeClicked = function (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.previousSelected = this.treeObj.selectedNodes;
             this.treeObj.selectedNodes = [args.node.getAttribute('data-uid')];
         }
         else if (args.node.getAttribute('data-uid') === this.treeObj.selectedNodes[0] && this.parent.selectedItems.length !== 0) {
@@ -8677,6 +8696,9 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                     break;
                 case 'navigationPaneSettings':
                     read(this.parent, finalizeEnd, '/');
+                    if (e.oldProp.navigationPaneSettings.sortOrder !== e.newProp.navigationPaneSettings.sortOrder) {
+                        this.treeObj.sortOrder = e.newProp.navigationPaneSettings.sortOrder;
+                    }
                     break;
             }
         }
@@ -8969,13 +8991,15 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                 removeActive(this.parent);
                 break;
             case 'del':
-                this.updateItemData();
-                if (!hasEditAccess(this.parent.itemData[0])) {
-                    createDeniedDialog(this.parent, this.parent.itemData[0], permissionEdit);
-                }
-                else {
-                    this.removeNodes = [];
-                    createDialog(this.parent, 'Delete');
+                if (this.parent.pathId[0] !== this.activeNode.getAttribute('data-uid')) {
+                    this.updateItemData();
+                    if (!hasEditAccess(this.parent.itemData[0])) {
+                        createDeniedDialog(this.parent, this.parent.itemData[0], permissionEdit);
+                    }
+                    else {
+                        this.removeNodes = [];
+                        createDialog(this.parent, 'Delete');
+                    }
                 }
                 break;
             case 'ctrlC':