@syncfusion/ej2-filemanager 21.1.37 → 21.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.37
+*  version : 21.1.41
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@21.1.35",
+  "_id": "@syncfusion/ej2-filemanager@21.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-b8o3DLdPrFmsp2eE1LBmHWO/D3qousnaq+rQHbMtWK3naYPMhtJ0q6CfnUgWDaz3nhpFdwt9M6NTwII8fy5xIQ==",
+  "_integrity": "sha512-AfUJAG9clB2hStgQ2IUVojPADrEa3e8Jmf+Mlg5+0BCKeCzDmHBBLTQeW0LHP9qhaPqZNevkgUmlluIDlrS+Qw==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-21.1.35.tgz",
-  "_shasum": "9d1b9e84738e6bac0e265695df0c843f4937e01c",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-21.1.39.tgz",
+  "_shasum": "af6dba133104dd8f57bc190b55d0c55642eab717",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -37,16 +37,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.37",
+    "@syncfusion/ej2-base": "~21.1.40",
     "@syncfusion/ej2-buttons": "~21.1.37",
-    "@syncfusion/ej2-data": "~21.1.37",
-    "@syncfusion/ej2-grids": "~21.1.37",
-    "@syncfusion/ej2-inputs": "~21.1.37",
+    "@syncfusion/ej2-data": "~21.1.38",
+    "@syncfusion/ej2-grids": "~21.1.41",
+    "@syncfusion/ej2-inputs": "~21.1.39",
     "@syncfusion/ej2-layouts": "~21.1.37",
-    "@syncfusion/ej2-lists": "~21.1.37",
-    "@syncfusion/ej2-navigations": "~21.1.37",
-    "@syncfusion/ej2-popups": "~21.1.37",
-    "@syncfusion/ej2-splitbuttons": "~21.1.37"
+    "@syncfusion/ej2-lists": "~21.1.41",
+    "@syncfusion/ej2-navigations": "~21.1.39",
+    "@syncfusion/ej2-popups": "~21.1.41",
+    "@syncfusion/ej2-splitbuttons": "~21.1.41"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
@@ -76,6 +76,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.1.37",
+  "version": "21.1.41",
   "sideEffects": false
 }

package/src/file-manager/actions/toolbar.js

@@ -231,7 +231,12 @@ var Toolbar = /** @class */ (function () {
                     items[itemCount].iconCss = this.parent.sortBy === 'size' ? CLS.TB_OPTION_DOT : '';
                 }
                 else if (items[itemCount].id === this.getPupupId('date')) {
-                    items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? CLS.TB_OPTION_DOT : '';
+                    if (this.parent.sortBy === 'dateModified' || this.parent.sortBy === 'dateCreated') {
+                        items[itemCount].iconCss = this.parent.sortBy === this.parent.sortBy ? CLS.TB_OPTION_DOT : '';
+                    }
+                    else {
+                        items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? CLS.TB_OPTION_DOT : '';
+                    }
                 }
                 else if (items[itemCount].id === this.getPupupId('ascending')) {
                     items[itemCount].iconCss = this.parent.sortOrder === 'Ascending' ? CLS.TB_OPTION_TICK : '';

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

@@ -2,6 +2,7 @@ import { Component, EmitType, L10n } from '@syncfusion/ej2-base';
 import { Dialog, ButtonPropsModel } from '@syncfusion/ej2-popups';
 import { FileManagerModel } from '../base/file-manager-model';
 import { ToolbarSettingsModel, AjaxSettingsModel } from '../models/index';
+import { DetailsViewSettingsModel } from '../models/details-view-settings-model';
 import { TreeView, ContextMenu, MenuItemModel, ItemModel } from '@syncfusion/ej2-navigations';
 import { DetailsView } from '../layout/details-view';
 import { Toolbar } from '../actions/toolbar';
@@ -638,6 +639,7 @@ export interface IFileManager extends Component<HTMLElement> {
     breadcrumbbarModule: BreadCrumbBar;
     virtualizationModule: Virtualization;
     toolbarSelection: boolean;
+    detailsViewSettings: DetailsViewSettingsModel;
     duplicateItems: string[];
     duplicateRecords: Object[];
     fileAction: string;

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

@@ -2,7 +2,7 @@ import { Ajax, createElement, select, extend } from '@syncfusion/ej2-base';
 import { isNullOrUndefined as isNOU, setValue, getValue } from '@syncfusion/ej2-base';
 import * as events from '../base/constant';
 import { createDialog, createExtDialog } from '../pop-up/dialog';
-import { fileType, setNodeId, getLocaleText, setDateObject, doPasteUpdate, getParentPath, getPathObject } from '../common/utility';
+import { fileType, setNodeId, getLocaleText, setDateObject, doPasteUpdate, getPathObject } from '../common/utility';
 import { generatePath } from '../common/utility';
 /**
  * Function to read the content from given path in File Manager.
@@ -415,10 +415,15 @@ function renameSuccess(parent, result, path) {
         var args = { action: 'rename', result: result };
         parent.trigger('success', args);
         parent.renamedItem = result.files[0];
+        if (getValue('filterPath', parent.renamedItem) === getValue('filterPath', parent.itemData[0]) && parent.pathNames.length > 1) {
+            parent.pathNames[parent.pathNames.length - 1] = parent.renameText;
+        }
         if (parent.activeModule === 'navigationpane') {
             parent.pathId.pop();
             parent.itemData = [getValue(parent.pathId[parent.pathId.length - 1], parent.feParent)];
-            read(parent, events.renameEndParent, getParentPath(parent.path));
+            read(parent, events.renameEndParent, getValue('filterPath', parent.renamedItem).replace(/\\/g, '/'));
+            parent.itemData[0] = parent.renamedItem;
+            read(parent, events.pathChanged, parent.path === '/' ? parent.path : getValue('filterPath', parent.renamedItem).replace(/\\/g, '/') + parent.renamedItem.name + '/');
         }
         else {
             parent.itemData = [getPathObject(parent)];

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

@@ -293,7 +293,7 @@ export declare function sortbyClickHandler(parent: IFileManager, args: MenuEvent
  * @returns {string} - returns the sorted fields
  * @private
  */
-export declare function getSortField(id: string): string;
+export declare function getSortField(id: string, parent?: IFileManager): string;
 /**
  * Sets the next path
  *

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

@@ -694,7 +694,7 @@ export function sortbyClickHandler(parent, args) {
         tick = false;
     }
     if (!tick) {
-        parent.sortBy = getSortField(args.item.id);
+        parent.sortBy = getSortField(args.item.id, parent);
     }
     else {
         parent.sortOrder = getSortField(args.item.id);
@@ -721,12 +721,24 @@ export function sortbyClickHandler(parent, args) {
  * @returns {string} - returns the sorted fields
  * @private
  */
-export function getSortField(id) {
+export function getSortField(id, parent) {
     var text = id.substring(id.lastIndexOf('_') + 1);
     var field = text;
+    var column;
+    if (parent) {
+        column = parent.detailsViewSettings.columns;
+    }
     switch (text) {
         case 'date':
-            field = '_fm_modified';
+            for (var i = 0, len = column.length; i < len; i++) {
+                if (column[i].field === 'dateModified' || column[i].field === 'dateCreated') {
+                    field = column[i].field;
+                    break;
+                }
+                else {
+                    field = '_fm_modified';
+                }
+            }
             break;
         case 'ascending':
             field = 'Ascending';

package/src/file-manager/layout/large-icons-view.d.ts

@@ -24,6 +24,7 @@ export declare class LargeIconsView {
     private count;
     private isRendered;
     private tapCount;
+    private isSelectAllCalled;
     private tapEvent;
     private isPasteOperation;
     private dragObj;

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

@@ -31,6 +31,7 @@ var LargeIconsView = /** @class */ (function () {
         this.count = 0;
         this.isRendered = true;
         this.tapCount = 0;
+        this.isSelectAllCalled = false;
         this.isPasteOperation = false;
         this.isInteracted = true;
         this.parent = parent;
@@ -779,6 +780,9 @@ var LargeIconsView = /** @class */ (function () {
                 && (e.ctrlKey || target.classList.contains(CLS.CHECK))) {
                 action = 'unselect';
             }
+            if (e.ctrlKey && e.shiftKey) {
+                this.isSelectAllCalled = true;
+            }
             var fileSelectionArgs = this.triggerSelection(action, item);
             if (fileSelectionArgs.cancel !== true) {
                 if ((!this.parent.allowMultiSelection || (!this.multiSelect && (e && !e.ctrlKey)))
@@ -825,9 +829,13 @@ var LargeIconsView = /** @class */ (function () {
             }
         }
         else {
+            if (this.parent.selectedItems.length === this.itemList.length) {
+                this.isSelectAllCalled = true;
+            }
             this.clearSelection();
         }
         if (!isNOU(item)) {
+            this.isSelectAllCalled = false;
             this.updateType(item);
         }
     };
@@ -1392,9 +1400,17 @@ var LargeIconsView = /** @class */ (function () {
     };
     LargeIconsView.prototype.triggerSelection = function (action, item) {
         // eslint-disable-next-line
-        var data = this.getItemObject(item);
+        var data = [];
+        if (this.isSelectAllCalled) {
+            for (var i = 0, len = this.itemList.length; i < len; i++) {
+                data[i] = this.getItemObject(this.itemList[i]);
+            }
+        }
+        else {
+            data[0] = this.getItemObject(item);
+        }
         var eventArgs = {
-            action: action, fileDetails: data, isInteracted: this.isInteraction, cancel: false, target: item
+            action: action, fileDetails: data.length > 1 ? data : data[0], isInteracted: this.isInteraction, cancel: false, target: this.isSelectAllCalled ? null : item
         };
         this.parent.trigger('fileSelection', eventArgs);
         this.isInteraction = true;
@@ -1402,9 +1418,18 @@ var LargeIconsView = /** @class */ (function () {
     };
     LargeIconsView.prototype.triggerSelect = function (action, item) {
         // eslint-disable-next-line
-        var data = this.getItemObject(item);
-        this.parent.visitedData = data;
-        var eventArgs = { action: action, fileDetails: data, isInteracted: this.isInteracted };
+        var data = [];
+        if (this.isSelectAllCalled) {
+            for (var i = 0, len = this.itemList.length; i < len; i++) {
+                data[i] = this.getItemObject(this.itemList[i]);
+            }
+            this.isSelectAllCalled = false;
+        }
+        else {
+            data[0] = this.getItemObject(item);
+        }
+        this.parent.visitedData = data.length > 1 ? data[data.length - 1] : data[0];
+        var eventArgs = { action: action, fileDetails: data.length > 1 ? data : data[0], isInteracted: this.isInteracted };
         this.parent.trigger('fileSelect', eventArgs);
         this.isInteracted = true;
     };

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

@@ -21,6 +21,7 @@ export declare class NavigationPane {
     private isRenameParent;
     private isRightClick;
     private isSameNodeClicked;
+    private isNodeExpandCalled;
     private renameParent;
     private previousSelected;
     private isNodeClickCalled;

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

@@ -30,6 +30,7 @@ var NavigationPane = /** @class */ (function () {
         this.isRenameParent = false;
         this.isRightClick = false;
         this.isSameNodeClicked = false;
+        this.isNodeExpandCalled = false;
         this.renameParent = null;
         // Specifies the previously selected nodes in the treeview control.
         this.previousSelected = null;
@@ -201,7 +202,7 @@ var NavigationPane = /** @class */ (function () {
                     var selecEventArgs = { action: args.action, fileDetails: nodeData[0], isInteracted: args.isInteracted };
                     this.parent.trigger('fileSelect', selecEventArgs);
                 }
-                if (!this.isRightClick) {
+                if (!this.isRightClick && args.node.getAttribute('data-uid') !== this.parent.pathId[this.parent.pathId.length - 1]) {
                     var eventArgs = { cancel: false, fileDetails: nodeData[0], module: 'NavigationPane' };
                     this.parent.trigger('fileOpen', eventArgs);
                     args.cancel = eventArgs.cancel;
@@ -299,12 +300,14 @@ var NavigationPane = /** @class */ (function () {
             this.parent.expandedId = this.expandNodeTarget;
             this.parent.itemData = this.getTreeData(getValue('id', args.nodeData));
             read(this.parent, events.nodeExpand, path);
+            this.isNodeExpandCalled = true;
         }
     };
     /* istanbul ignore next */
     NavigationPane.prototype.onNodeExpanded = function (args) {
         this.addChild(args.files, this.expandNodeTarget, false);
         this.parent.expandedId = null;
+        this.isNodeExpandCalled = false;
     };
     NavigationPane.prototype.onNodeClicked = function (args) {
         this.parent.activeModule = 'navigationpane';
@@ -320,7 +323,7 @@ var NavigationPane = /** @class */ (function () {
             var layout = (this.parent.view === 'LargeIcons') ? 'largeiconsview' : 'detailsview';
             this.parent.notify(events.modelChanged, { module: layout, newProp: { selectedItems: [] } });
         }
-        else if (args.node.getAttribute('data-uid') === this.treeObj.selectedNodes[0] && !this.isNodeClickCalled) {
+        else if (args.node.getAttribute('data-uid') === this.treeObj.selectedNodes[0] && !this.isNodeClickCalled && !this.isNodeExpandCalled) {
             if (args.event.which === 3) {
                 this.isRightClick = true;
             }

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

@@ -5,7 +5,7 @@ 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, getParentPath, objectToString, getCssClass } from '../common/utility';
+import { getLocaleText, getDuplicateData, objectToString, getCssClass } from '../common/utility';
 import { Input } from '@syncfusion/ej2-inputs';
 import { CheckBox } from '@syncfusion/ej2-buttons';
 // eslint:disable-next-line
@@ -840,7 +840,8 @@ function onReSubmit(parent) {
         parent.dialogObj.hide();
         return;
     }
-    var newPath = (parent.activeModule === 'navigationpane') ? getParentPath(parent.path) : parent.path;
+    var 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]);
     if (parent.isFile) {
         var oldExtension = (oIndex === -1) ? '' : parent.currentItemText.substr(oIndex);