@syncfusion/ej2-filemanager 20.1.57 → 20.1.60

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.57
+*  version : 20.1.60
 *  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@20.1.56",
+  "_id": "@syncfusion/ej2-filemanager@20.1.59",
   "_inBundle": false,
-  "_integrity": "sha512-5klqK8jUaeGd1POKzMnf7k5Cq0xAJhHKiHFjIRglWODFTTLRvsm6QNVCeXTvaMMqgiR3BPc6OV5Kn7NN38KQsw==",
+  "_integrity": "sha512-GKSG0I4KYNsIZmplFuk0h/iMV49wguz7e7X7rXpvBZaak5+UfmQJP5wjCyXvsrpoM5pjkmEycZhmZJ4Mi6WPiA==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.1.56.tgz",
-  "_shasum": "3a9b367682218607a8297fa6938de2886e1d3e98",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.1.59.tgz",
+  "_shasum": "85a3fbc896ccba77bafb4668f35ec5d89e185e24",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -37,15 +37,15 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.56",
+    "@syncfusion/ej2-base": "~20.1.60",
     "@syncfusion/ej2-buttons": "~20.1.55",
     "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-grids": "~20.1.57",
-    "@syncfusion/ej2-inputs": "~20.1.55",
-    "@syncfusion/ej2-layouts": "~20.1.55",
+    "@syncfusion/ej2-grids": "~20.1.60",
+    "@syncfusion/ej2-inputs": "~20.1.59",
+    "@syncfusion/ej2-layouts": "~20.1.58",
     "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-navigations": "~20.1.57",
-    "@syncfusion/ej2-popups": "~20.1.57",
+    "@syncfusion/ej2-navigations": "~20.1.60",
+    "@syncfusion/ej2-popups": "~20.1.58",
     "@syncfusion/ej2-splitbuttons": "~20.1.57"
   },
   "deprecated": false,
@@ -67,6 +67,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.1.57",
+  "version": "20.1.60",
   "sideEffects": false
 }

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

@@ -194,7 +194,6 @@ var Toolbar = /** @class */ (function () {
                 cssClass: getCssClass(this.parent, 'e-caret-hide ' + CLS.ROOT_POPUP),
                 items: layoutItems, select: this.layoutChange.bind(this),
                 enableRtl: this.parent.enableRtl,
-                enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
                 content: '<span class="e-tbar-btn-text">' + getLocaleText(this.parent, 'View') + '</span>'
             });
             this.layoutBtnObj.isStringTemplate = true;
@@ -232,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/file-manager.d.ts

@@ -141,6 +141,7 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
     destinationPath: string;
     uploadingCount: number;
     uploadedCount: number;
+    isMac: boolean;
     /**
      * Specifies the AJAX settings of the file manager.
      *

package/src/file-manager/base/file-manager.js

@@ -102,6 +102,8 @@ var FileManager = /** @class */ (function (_super) {
         _this.droppedObjects = [];
         _this.uploadingCount = 0;
         _this.uploadedCount = 0;
+        //Specifies whether the operating system is MAC or not
+        _this.isMac = false;
         FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu);
         return _this;
     }
@@ -211,6 +213,7 @@ var FileManager = /** @class */ (function (_super) {
             this.allowMultiSelection ? this.selectedItems : this.selectedItems.slice(this.selectedItems.length - 1);
         this.setProperties({ selectedItems: slItems }, true);
         this.fileView = this.view;
+        this.isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
         this.setRtl(this.enableRtl);
         this.addEventListeners();
         read(this, (this.path !== this.originalPath) ? events.initialEnd : events.finalizeEnd, this.path);

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';
@@ -493,6 +494,7 @@ export interface IFileManager extends Component<HTMLElement> {
     feFiles: Object[];
     ajaxSettings: AjaxSettingsModel;
     toolbarSettings: ToolbarSettingsModel;
+    detailsViewSettings: DetailsViewSettingsModel;
     dialogObj: Dialog;
     viewerObj: Dialog;
     extDialogObj: Dialog;
@@ -593,6 +595,7 @@ export interface IFileManager extends Component<HTMLElement> {
     destinationPath: string;
     enableHtmlSanitizer: boolean;
     refreshLayout(): void;
+    isMac: boolean;
 }
 /** @hidden */
 export interface ITreeView extends Component<HTMLElement> {

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

@@ -692,7 +692,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);
@@ -706,9 +706,7 @@ export function sortbyClickHandler(parent, args) {
             parent.notify(events.sortColumn, { module: 'detailsview' });
         }
     }
-    if (parent.view === 'LargeIcons') {
-        updateLayout(parent, 'LargeIcons');
-    }
+    updateLayout(parent, parent.view);
     parent.notify(events.sortByChange, {});
 }
 /**
@@ -718,12 +716,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; i < column.length; 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/details-view.js

@@ -71,9 +71,9 @@ var DetailsView = /** @class */ (function () {
             home: 'home',
             moveUp: 'uparrow',
             del: 'delete',
-            ctrlX: 'ctrl+x',
-            ctrlC: 'ctrl+c',
-            ctrlV: 'ctrl+v',
+            ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
+            ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
+            ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
             ctrlShiftN: 'ctrl+shift+n',
             shiftdel: 'shift+delete',
             ctrlD: 'ctrl+d',

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

@@ -72,9 +72,9 @@ var LargeIconsView = /** @class */ (function () {
             altEnter: 'alt+enter',
             esc: 'escape',
             del: 'delete',
-            ctrlX: 'ctrl+x',
-            ctrlC: 'ctrl+c',
-            ctrlV: 'ctrl+v',
+            ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
+            ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
+            ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
             f2: 'f2',
             shiftdel: 'shift+delete',
             back: 'backspace',

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

@@ -20,6 +20,7 @@ var NavigationPane = /** @class */ (function () {
      * @param {IFileManager} parent - specifies the parent element.
      * @hidden
      */
+    /* istanbul ignore next */
     function NavigationPane(parent) {
         this.removeNodes = [];
         this.moveNames = [];
@@ -41,9 +42,9 @@ var NavigationPane = /** @class */ (function () {
             altEnter: 'alt+enter',
             esc: 'escape',
             del: 'delete',
-            ctrlX: 'ctrl+x',
-            ctrlC: 'ctrl+c',
-            ctrlV: 'ctrl+v',
+            ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
+            ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
+            ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
             ctrlShiftN: 'ctrl+shift+n',
             shiftF10: 'shift+F10',
             f2: 'f2'

package/styles/bootstrap.css

@@ -14,9 +14,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
-/*! FileManager's bootstrap theme wise override definitions and variables */
+/*! TreeView's bootstrap theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */ /*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/bootstrap5-dark.css

@@ -20,9 +20,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/bootstrap5.css

@@ -20,9 +20,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/fabric.css

@@ -14,8 +14,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's fabric theme wise override definitions and variables */
-/*! FileManager's fabric theme wise override definitions and variables */
+/*! TreeView's fabric theme wise override definitions and variables */ /*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/bootstrap.css

@@ -14,9 +14,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
-/*! FileManager's bootstrap theme wise override definitions and variables */
+/*! TreeView's bootstrap theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */ /*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/bootstrap5-dark.css

@@ -20,9 +20,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/bootstrap5.css

@@ -20,9 +20,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/fabric.css

@@ -14,8 +14,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's fabric theme wise override definitions and variables */
-/*! FileManager's fabric theme wise override definitions and variables */
+/*! TreeView's fabric theme wise override definitions and variables */ /*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/fluent-dark.css

@@ -20,8 +20,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/fluent.css

@@ -20,8 +20,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/highcontrast.css

@@ -14,8 +14,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's high contrast theme wise override definitions and variables */
-/*! FileManager's highcontrast theme wise override definitions and variables */
+/*! TreeView's high contrast theme wise override definitions and variables */ /*! FileManager's highcontrast theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/material.css

@@ -29,8 +29,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's material theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
+/*! TreeView's material theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
 @keyframes tbar-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
@@ -40,8 +39,7 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's default definitions and variables */
-/*! FileManager's material theme wise override definitions and variables */
+/*! component's default definitions and variables */ /*! FileManager's material theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/tailwind-dark.css

@@ -21,8 +21,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's tailwind theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's tailwind theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/file-manager/tailwind.css

@@ -21,8 +21,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's tailwind theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's tailwind theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/fluent-dark.css

@@ -20,8 +20,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/fluent.css

@@ -20,8 +20,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/highcontrast.css

@@ -14,8 +14,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's high contrast theme wise override definitions and variables */
-/*! FileManager's highcontrast theme wise override definitions and variables */
+/*! TreeView's high contrast theme wise override definitions and variables */ /*! FileManager's highcontrast theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/material.css

@@ -29,8 +29,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's material theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
+/*! TreeView's material theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
 @keyframes tbar-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
@@ -40,8 +39,7 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's default definitions and variables */
-/*! FileManager's material theme wise override definitions and variables */
+/*! component's default definitions and variables */ /*! FileManager's material theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/tailwind-dark.css

@@ -21,8 +21,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's tailwind theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's tailwind theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;

package/styles/tailwind.css

@@ -21,8 +21,7 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's tailwind theme wise override definitions and variables */
-/*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's tailwind theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;