@syncfusion/ej2-filemanager 22.1.34 → 22.1.38

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

@@ -2581,7 +2581,7 @@ function renameSuccess(parent, result, path) {
         }
         const args = { action: 'rename', result: result };
         parent.trigger('success', args);
-        parent.renamedItem = result.files[0];
+        parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
         if (getValue('filterPath', parent.renamedItem) === getValue('filterPath', parent.itemData[0]) && parent.pathNames.length > 1) {
             parent.pathNames[parent.pathNames.length - 1] = parent.renameText;
         }
@@ -3607,8 +3607,6 @@ function onReSubmit(parent) {
     }
     const newPath = (parent.activeModule === 'navigationpane') ? getValue('filterPath', parent.itemData[0]).replace(/\\/g, '/') : parent.path;
     parent.renamedId = getValue('id', parent.itemData[0]);
-    parent.renamedId = getValue('id', parent.itemData[0]);
-    parent.renamedId = getValue('id', parent.itemData[0]);
     if (parent.isFile) {
         const oldExtension = (oIndex === -1) ? '' : parent.currentItemText.substr(oIndex);
         const nIndex = text.lastIndexOf('.');
@@ -8632,7 +8630,8 @@ class NavigationPane {
     addChild(files, target, prevent) {
         // eslint-disable-next-line
         const directories = getDirectories(files);
-        if (directories.length > 0) {
+        if (directories.length > 0 &&
+            (directories[0].filterPath == null || this.getTreeData(target)[0].filterPath == null || directories[0].filterPath !== this.getTreeData(target)[0].filterPath)) {
             let length = 0;
             // eslint-disable-next-line
             const folders = directories;
@@ -9487,6 +9486,11 @@ class DetailsView {
                 },
                 locale: this.parent.locale
             });
+            if (this.parent.isReact) {
+                this.gridObj.isReact = true;
+                this.gridObj.portals = [];
+                this.gridObj.on('reactTemplateRender', this.reactTemplateRender, this);
+            }
             this.gridObj.isStringTemplate = true;
             this.gridObj.appendTo('#' + this.parent.element.id + GRID_ID);
             this.wireEvents();
@@ -9494,6 +9498,11 @@ class DetailsView {
             this.emptyArgs = args;
         }
     }
+    reactTemplateRender(args) {
+        this.parent[`portals`] = args;
+        this.parent.notify('renderReactTemplate', this.parent[`portals`]);
+        this.parent[`renderReactTemplates`]();
+    }
     /**
      * Gets the grid height.
      * @returns The grid height.
@@ -9925,6 +9934,9 @@ class DetailsView {
             this.parent.setProperties({ selectedItems: [] }, true);
             this.gridObj.dataSource = getSortedData(this.parent, args.files);
             this.gridObj.freezeRefresh();
+            if (this.parent.isReact) {
+                this.gridObj.on('reactTemplateRender', this.reactTemplateRender, this);
+            }
         }
         this.emptyArgs = args;
     }
@@ -10439,6 +10451,9 @@ class DetailsView {
         }
         this.removeEventListener();
         if (this.gridObj) {
+            if (this.parent.isReact) {
+                this.gridObj.off('reactTemplateRender', this.reactTemplateRender);
+            }
             this.unWireEvents();
             this.gridObj.destroy();
         }