@syncfusion/ej2-filemanager 27.2.2 → 27.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.2.2
+*  version : 27.2.5
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@27.1.55",
+  "_id": "@syncfusion/ej2-filemanager@27.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-mXHh/mT0JHDzdy0W7uOfch/Nh1+8YsD/66iR5ZPiWYq4meYSVdjV0KUh8nDoBsjt7bC30QoPdLK23PCpifDNjQ==",
+  "_integrity": "sha512-MGo4pWIt087+DhmLwvHM602yus8DIse92opOOTEPKMXp2igmvsCMQSiCWWQK9PIyt9RAMRmAx8fWSl5hezOrfw==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-27.1.55.tgz",
-  "_shasum": "f115703417214ffe376fda5ff562fa5db915eb6b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-27.2.3.tgz",
+  "_shasum": "d3c2b67dab2a63cfb4c725588a764145472bcc4d",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -36,14 +36,14 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.2.2",
-    "@syncfusion/ej2-buttons": "~27.2.2",
+    "@syncfusion/ej2-base": "~27.2.5",
+    "@syncfusion/ej2-buttons": "~27.2.4",
     "@syncfusion/ej2-data": "~27.2.2",
-    "@syncfusion/ej2-grids": "~27.2.2",
-    "@syncfusion/ej2-inputs": "~27.2.2",
-    "@syncfusion/ej2-layouts": "~27.2.2",
-    "@syncfusion/ej2-lists": "~27.2.2",
-    "@syncfusion/ej2-navigations": "~27.2.2",
+    "@syncfusion/ej2-grids": "~27.2.5",
+    "@syncfusion/ej2-inputs": "~27.2.4",
+    "@syncfusion/ej2-layouts": "~27.2.3",
+    "@syncfusion/ej2-lists": "~27.2.5",
+    "@syncfusion/ej2-navigations": "~27.2.5",
     "@syncfusion/ej2-popups": "~27.2.2",
     "@syncfusion/ej2-splitbuttons": "~27.2.2"
   },
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.2.2",
+  "version": "27.2.5",
   "sideEffects": false
 }

package/src/file-manager/base/interface.d.ts

@@ -929,6 +929,7 @@ export interface ITreeView extends Component<HTMLElement> {
     rootID: string;
     activeNode: Element;
     openFileOnContextMenuClick: Function;
+    previousSelected: string[];
 }
 /** @hidden */
 export interface IContextMenu extends Component<HTMLElement> {

package/src/file-manager/common/operations.js

@@ -188,7 +188,9 @@ function isFileExists(fileSystemData, name) {
  * @private
  */
 function findIndexById(parent, id) {
-    var index = parent.fileSystemData.findIndex(function (item) { return String(item.id) === String(id); });
+    var index = parent.fileSystemData.findIndex(function (item) {
+        return !isNOU(item) && String(item.id) === String(id);
+    });
     return index;
 }
 /**
@@ -562,9 +564,10 @@ function createAjax(parent, data, fn, event, operation, targetPath) {
         if (!beforeSendArgs.cancel) {
             parent.notify(events.beforeRequest, {});
             if (isFileSystemData(parent)) {
-                var filePath = event === 'node-expand' || event === 'finalize-end' ? getValue('path', data) : parent.path;
+                var filePath = event === 'node-expand' || event === 'finalize-end' || event === 'rename-end-parent'
+                    ? getValue('path', data) : parent.path;
                 var pathArray = filePath.replace(/^\/|\/$/g, '').split('/');
-                var idValue = event === 'rename-end-parent' || (event === 'path-changed' && getValue('data', data).length !== 0)
+                var idValue = event === 'rename-end-parent' || (event === 'path-changed' && getValue('data', data).length !== 0 && isNOU(parent.renamedItem))
                     || (event === 'paste-end' && (parent.targetModule === 'largeiconsview' || parent.targetModule === 'detailsview'))
                     ? getValue('data', data)[0].id : pathArray[pathArray.length - 1];
                 var action = getValue('action', data);
@@ -590,7 +593,12 @@ function createAjax(parent, data, fn, event, operation, targetPath) {
                 else if (isFileOperation && parent.responseData.error === null) {
                     var itemData = action === 'search' || action === 'delete' ? getValue('data', data) : [];
                     if (itemData.length === 0) {
-                        itemData = getValue('data', data).map(function (item) { return filterById(parent, item.id); });
+                        if (action === 'copy') {
+                            itemData = parent.pasteNodes.map(function (item) { return filterById(parent, item); });
+                        }
+                        else {
+                            itemData = getValue('data', data).map(function (item) { return filterById(parent, item.id); });
+                        }
                     }
                     parent.responseData = {
                         cwd: null,
@@ -950,14 +958,21 @@ function renameSuccess(parent, result) {
             };
             parent.trigger('rename', renameEventArgs);
             if (parent.activeModule === 'navigationpane') {
+                var pathObject = getPathObject(parent);
+                var 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, events.renameEndParent, getValue('filterPath', parent.renamedItem).replace(/\\/g, '/'));
-                parent.itemData[0] = parent.renamedItem;
-                if (getValue('filterPath', parent.renamedItem) === getValue('filterPath', parent.itemData[0]) && parent.pathNames.length > 1) {
-                    parent.pathNames[parent.pathNames.length - 1] = parent.renameText;
+                if (!isNOU(pathObject) && parent.pathNames.length > 1 && pathLevel <= parent.pathNames.length - 1) {
+                    parent.pathNames[pathLevel] = parent.renameText;
+                    if (!parent.hasId) {
+                        parent.setProperties({ path: "/" + parent.pathNames.slice(1).join('/') + "/" }, true);
+                    }
                 }
-                read(parent, events.pathChanged, parent.path === '/' ? parent.path : getValue('filterPath', parent.renamedItem).replace(/\\/g, '/') + parent.renamedItem.name + '/');
+                parent.itemData = parent.navigationpaneModule.previousSelected.length > 0
+                    ? parent.navigationpaneModule.treeObj.getTreeData(parent.navigationpaneModule.previousSelected[0]) : parent.itemData;
+                read(parent, events.pathChanged, parent.path);
+                parent.itemData[0] = parent.renamedItem;
                 parent.renamedItem = null;
             }
             else {

package/src/file-manager/common/utility.d.ts

@@ -110,6 +110,17 @@ export declare function removeBlur(parent?: IFileManager, hover?: string): void;
  * @private
  */
 export declare function getModule(parent: IFileManager, element: Element): void;
+/**
+ * Get all child items
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string | number} parentId - specifies the parent ID.
+ * @returns {Object[]} An array of child items
+ * @private
+ */
+export declare function getAllChildItems(parent: IFileManager, parentId: number | string): {
+    [key: string]: Object;
+}[];
 /**
  * Gets module name
  *

package/src/file-manager/common/utility.js

@@ -270,6 +270,25 @@ export function getModule(parent, element) {
         }
     }
 }
+/**
+ * Get all child items
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string | number} parentId - specifies the parent ID.
+ * @returns {Object[]} An array of child items
+ * @private
+ */
+export function getAllChildItems(parent, parentId) {
+    var children = parent.fileSystemData.filter(function (item) {
+        return String(item.parentId) === String(parentId);
+    });
+    var allChildren = children.slice();
+    children.forEach(function (child) {
+        var childId = child.id;
+        allChildren = allChildren.concat(getAllChildItems(parent, childId));
+    });
+    return allChildren;
+}
 /**
  * Gets module name
  *
@@ -291,7 +310,9 @@ export function searchWordHandler(parent, value, isLayoutChange) {
         }
         else {
             parent.searchSettings.filterType = isNOU(parent.searchSettings.filterType) ? 'contains' : parent.searchSettings.filterType;
-            var filteredData = parent.fileSystemData.filter(function (obj) { return obj.parentId !== null; });
+            var currData = getValue(parent.pathId[parent.pathId.length - 1], parent.feParent);
+            var parentId = getValue('id', currData);
+            var filteredData = getAllChildItems(parent, parentId);
             var data = new DataManager(filteredData).
                 executeLocal(new Query().where('name', parent.searchSettings.filterType, value, parent.searchSettings.ignoreCase));
             var searchValue = parent.searchSettings.ignoreCase ? value.toLowerCase() : value;
@@ -1057,6 +1078,7 @@ export function doPasteUpdate(parent, operation, result) {
     else {
         parent.isDropEnd = false;
     }
+    parent.trigger('success', { action: operation, result: result });
     if (!parent.isDragDrop || (parent.path === parent.dragPath) || (parent.path === parent.dropPath)
         || parent.isSearchDrag) {
         parent.isPathDrag = false;
@@ -1065,7 +1087,6 @@ export function doPasteUpdate(parent, operation, result) {
     else {
         readDropPath(parent);
     }
-    parent.trigger('success', { action: operation, result: result });
 }
 /**
  * Reads the drop path

package/src/file-manager/layout/details-view.js

@@ -408,7 +408,7 @@ var DetailsView = /** @class */ (function () {
                 this.element.querySelector('.e-content').scrollTop === 0))) {
             this.selectRecords(this.parent.selectedItems);
         }
-        if (this.isPasteOperation === true) {
+        if (this.isPasteOperation === true && (!isNullOrUndefined(this.gridObj.getDataRows()) && this.gridObj.getDataRows().length > 0)) {
             if (!this.isColumnRefresh) {
                 this.selectRecords(this.parent.pasteNodes);
                 this.isPasteOperation = false;

package/src/file-manager/layout/large-icons-view.js

@@ -412,7 +412,7 @@ var LargeIconsView = /** @class */ (function () {
             removeBlur(this.parent);
             this.parent.setProperties({ selectedItems: [] }, true);
             this.onLayoutChange(args);
-            if (this.parent.renamedItem) {
+            if (this.parent.renamedItem && this.parent.activeModule === 'largeiconsview') {
                 this.clearSelect();
                 this.addSelection(this.parent.renamedItem);
             }

package/src/file-manager/layout/navigation-pane.d.ts

@@ -14,6 +14,7 @@ export declare class NavigationPane {
     removeNodes: string[];
     moveNames: string[];
     touchClickObj: Touch;
+    previousSelected: string[];
     private expandTree;
     private isDrag;
     private dragObj;
@@ -23,7 +24,6 @@ export declare class NavigationPane {
     private isSameNodeClicked;
     private isNodeExpandCalled;
     private renameParent;
-    private previousSelected;
     private isNodeClickCalled;
     private restrictSelecting;
     /**

package/src/file-manager/layout/navigation-pane.js

@@ -24,6 +24,8 @@ var NavigationPane = /** @class */ (function () {
     function NavigationPane(parent) {
         this.removeNodes = [];
         this.moveNames = [];
+        // Specifies the previously selected nodes in the treeview control.
+        this.previousSelected = [];
         this.expandTree = false;
         this.isDrag = false;
         this.isPathDragged = false;
@@ -32,8 +34,6 @@ var NavigationPane = /** @class */ (function () {
         this.isSameNodeClicked = false;
         this.isNodeExpandCalled = 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.
@@ -212,7 +212,7 @@ var NavigationPane = /** @class */ (function () {
                     this.isNodeClickCalled = true;
                     this.isSameNodeClicked = false;
                     this.previousSelected = this.treeObj.selectedNodes;
-                    this.treeObj.selectedNodes = [args.node.getAttribute('data-uid')];
+                    this.treeObj.setProperties({ selectedNodes: [args.node.getAttribute('data-uid')] });
                 }
             }
             else if (this.previousSelected[0] !== args.node.getAttribute('data-uid')) {
@@ -236,7 +236,7 @@ var NavigationPane = /** @class */ (function () {
             read(this.parent, this.isPathDragged ? events.pasteEnd : events.pathChanged, this.parent.path);
             this.parent.visitedItem = node;
             this.isPathDragged = this.isRenameParent = this.isRightClick = false;
-            this.treeObj.selectedNodes = [node.getAttribute('data-uid')];
+            this.treeObj.setProperties({ selectedNodes: [node.getAttribute('data-uid')] });
         }
     };
     NavigationPane.prototype.onNodeSelected = function (args) {
@@ -312,7 +312,7 @@ var NavigationPane = /** @class */ (function () {
         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')];
+            this.treeObj.setProperties({ selectedNodes: [args.node.getAttribute('data-uid')] });
         }
         else if (args.node.getAttribute('data-uid') === this.treeObj.selectedNodes[0] && this.parent.selectedItems.length !== 0) {
             this.parent.setProperties({ selectedItems: [] }, true);
@@ -325,7 +325,7 @@ var NavigationPane = /** @class */ (function () {
             }
             this.isSameNodeClicked = true;
             this.isNodeClickCalled = true;
-            this.treeObj.selectedNodes = [args.node.getAttribute('data-uid')];
+            this.treeObj.setProperties({ selectedNodes: [args.node.getAttribute('data-uid')] });
         }
     };
     /* istanbul ignore next */
@@ -375,7 +375,7 @@ var NavigationPane = /** @class */ (function () {
     NavigationPane.prototype.onOpenEnd = function (args) {
         var sleId = this.parent.pathId[this.parent.pathId.length - 1];
         this.treeObj.expandAll(this.treeObj.selectedNodes);
-        this.treeObj.selectedNodes = [sleId];
+        this.treeObj.setProperties({ selectedNodes: [sleId] });
         this.expandNodeTarget = 'add';
         this.onPathChanged(args);
     };
@@ -394,7 +394,7 @@ var NavigationPane = /** @class */ (function () {
         this.onInit();
         var id = getValue('_fm_id', args.cwd);
         this.addChild(args.files, id, false);
-        this.treeObj.selectedNodes = [this.parent.pathId[this.parent.pathId.length - 1]];
+        this.treeObj.setProperties({ selectedNodes: [this.parent.pathId[this.parent.pathId.length - 1]] });
     };
     NavigationPane.prototype.onCreateEnd = function (args) {
         this.updateTree(args);
@@ -454,9 +454,11 @@ var NavigationPane = /** @class */ (function () {
                 }
             }
             if (resultData.length > 0) {
-                var id_1 = getValue(this.treeObj.fields.id, resultData[0]);
+                var id_1 = this.previousSelected.length > 0 && this.treeObj.getTreeData(this.previousSelected[0]).length !== 0
+                    ? this.previousSelected[0] : getValue(this.treeObj.fields.id, resultData[0]);
                 this.treeObj.selectedNodes = [id_1];
                 this.treeObj.dataBind();
+                this.updateItemData();
             }
         }
     };
@@ -513,7 +515,7 @@ var NavigationPane = /** @class */ (function () {
         this.doDownload();
     };
     NavigationPane.prototype.onSelectionChanged = function (e) {
-        this.treeObj.selectedNodes = [e.selectedNode];
+        this.treeObj.setProperties({ selectedNodes: [e.selectedNode] });
     };
     NavigationPane.prototype.onClearPathInit = function (e) {
         this.removeChildNodes(e.selectedNode);
@@ -855,6 +857,8 @@ var NavigationPane = /** @class */ (function () {
     };
     NavigationPane.prototype.updateActionData = function () {
         this.updateItemData();
+        var node = select('[data-uid="' + this.parent.pathId[this.parent.pathId.length - 1] + '"]', this.treeObj.element);
+        updatePath(node, this.parent.itemData[0], this.parent);
         var newPath = getParentPath(this.parent.path);
         this.parent.setProperties({ path: newPath }, true);
         this.parent.pathId.pop();

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

@@ -92,7 +92,7 @@ var ContextMenu = /** @class */ (function () {
                 }
             }
             this.parent.pathId.push(parentKey[parentKey.length - 1]);
-            this.parent.navigationpaneModule.treeObj.selectedNodes = [this.parent.pathId[this.parent.pathId.length - 1]];
+            this.parent.navigationpaneModule.treeObj.setProperties({ selectedNodes: [this.parent.pathId[this.parent.pathId.length - 1]] });
         }
         this.isMenuItemClicked = false;
     };
@@ -154,7 +154,7 @@ var ContextMenu = /** @class */ (function () {
             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];
+                    this.parent.navigationpaneModule.treeObj.setProperties({ selectedNodes: [uid] });
                 }
                 treeFolder = true;
             }