@syncfusion/ej2-filemanager 20.1.60 → 20.2.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.60
+*  version : 20.2.39
 *  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/helpers/e2e/filemanagerHelper.js

@@ -1,167 +1,184 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-/**
- * E2E test helpers for FileManager to easily interact and the test the component
- */
-class FileManagerHelpers extends e2e_1.TestHelper {
-    /**
-     * Initialize the FileManager E2E helpers
-     * @param id Element id of the FileManager element
-     * @param wrapperFn Pass the wrapper function
-     */
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * E2E test helpers for FileManager to easily interact and the test the component
+     */
+    var FileManagerHelpers = /** @class */ (function (_super) {
+        __extends(FileManagerHelpers, _super);
+        /**
+         * Initialize the FileManager E2E helpers
+         * @param id Element id of the FileManager element
+         * @param wrapperFn Pass the wrapper function
+         */
+        function FileManagerHelpers(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    selector(arg) {
-        return (this.wrapperFn ? this.wrapperFn(arg) : arg);
-    }
-    /**
-     * Returns the root element of the FileManager component.
-     */
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    /**
-     * Returns the toolbar items from the FileManager component.
-     */
-    getToolbarItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item');
-    }
-    /**
-     * Returns the active toolbar item element from the FileManager component.
-     */
-    getToolbarItemsActive() {
-        return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-active');
-    }
-    getTreeviewItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item');
-    }
-    /**
-     * Returns the collapsed treeview node element from the FileManager component.
-     */
-    getTreeviewCollapsedItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-node-collapsed');
-    }
-    /**
-     * Returns the collapsed icon of treeview node element from the FileManager component.
-     */
-    getTreeviewCollapsedIcon() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-collapsible');
-    }
-    /**
-     * Returns the expanded icon of treeview node element from the FileManager component.
-     */
-    getTreeviewExpandedIcon() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-expandable');
-    }
-    /**
-     * Returns the active treeview node element from the FileManager component.
-     */
-    getTreeviewActiveItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-active');
-    }
-    /**
-     * Returns the treeview items folder icon from the FileManager component.
-     */
-    getTreeviewItemsFolderIcon() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-icon.e-fe-folder');
-    }
-    /**
-     * Returns the treeview items text from the FileManager component.
-     */
-    getTreeviewItemsText() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-text');
-    }
-    /**
-     * Returns the largeIcon element from the FileManager component.
-     */
-    getlargeIconsItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item"');
-    }
-    /**
-     * Returns the active list element in largeIcon view from the FileManager component.
-     */
-    getlargeIconsActiveItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item.e-active');
-    }
-    /**
-     * Returns the checked element in largeIcon view from the FileManager component.
-     */
-    getlargeIconsCheckedItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper .e-check');
-    }
-    /**
-     * Returns the grid element from the FileManager component.
-     */
-    getGridElement() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid');
-    }
-    /**
-     * Returns the active element in grid view from the FileManager component.
-     */
-    getGridActiveElements() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell.e-active');
-    }
-    /**
-     * Returns the checked element in grid view from the FileManager component.
-     */
-    getGridCheckedElements() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell .e-checkbox-wrapper .e-check');
-    }
-    /**
-     * Returns the dialog element from the FileManager component.
-     */
-    getDialogElement() {
-        return this.selector('#' + this.id + '.e-filemanager .e-dialog.e-popup.e-popup-open');
-    }
-    /**
-     * Returns the breadcrumbBar element from the FileManager component.
-     */
-    getBreadCrumbBarElement() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-address .e-addressbar-ul .e-address-list-item');
-    }
-    /**
-     * Returns the splitter element from the FileManager component.
-     */
-    getSplitterElement() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter.e-splitter-horizontal');
-    }
-    /**
-     * Returns the contextmenu element from the FileManager component.
-     */
-    getContextMenuElement() {
-        return this.selector('.e-fe-popup .e-contextmenu');
-    }
-    /**
-     * Returns the sortby popup element from the FileManager component.
-     */
-    getSortByPopupElement() {
-        return this.selector('.e-dropdown-popup.e-fe-popup.e-popup-open');
-    }
-    setModel(property, value) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property] = value;
-        });
-    }
-    getModel(property) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property];
-        });
-    }
-    invoke(fName, args = []) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            var inst = ele[0].ej2_instances[0];
-            return inst[fName].apply(inst, args);
-        });
-    }
-}
-exports.FileManagerHelpers = FileManagerHelpers;
+        FileManagerHelpers.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        /**
+         * Returns the root element of the FileManager component.
+         */
+        FileManagerHelpers.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        /**
+         * Returns the toolbar items from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getToolbarItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item');
+        };
+        /**
+         * Returns the active toolbar item element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getToolbarItemsActive = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-active');
+        };
+        FileManagerHelpers.prototype.getTreeviewItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item');
+        };
+        /**
+         * Returns the collapsed treeview node element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewCollapsedItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-node-collapsed');
+        };
+        /**
+         * Returns the collapsed icon of treeview node element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewCollapsedIcon = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-collapsible');
+        };
+        /**
+         * Returns the expanded icon of treeview node element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewExpandedIcon = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-expandable');
+        };
+        /**
+         * Returns the active treeview node element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewActiveItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-active');
+        };
+        /**
+         * Returns the treeview items folder icon from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewItemsFolderIcon = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-icon.e-fe-folder');
+        };
+        /**
+         * Returns the treeview items text from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewItemsText = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-text');
+        };
+        /**
+         * Returns the largeIcon element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getlargeIconsItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item"');
+        };
+        /**
+         * Returns the active list element in largeIcon view from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getlargeIconsActiveItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item.e-active');
+        };
+        /**
+         * Returns the checked element in largeIcon view from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getlargeIconsCheckedItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper .e-check');
+        };
+        /**
+         * Returns the grid element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getGridElement = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid');
+        };
+        /**
+         * Returns the active element in grid view from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getGridActiveElements = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell.e-active');
+        };
+        /**
+         * Returns the checked element in grid view from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getGridCheckedElements = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell .e-checkbox-wrapper .e-check');
+        };
+        /**
+         * Returns the dialog element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getDialogElement = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-dialog.e-popup.e-popup-open');
+        };
+        /**
+         * Returns the breadcrumbBar element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getBreadCrumbBarElement = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-address .e-addressbar-ul .e-address-list-item');
+        };
+        /**
+         * Returns the splitter element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getSplitterElement = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter.e-splitter-horizontal');
+        };
+        /**
+         * Returns the contextmenu element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getContextMenuElement = function () {
+            return this.selector('.e-fe-popup .e-contextmenu');
+        };
+        /**
+         * Returns the sortby popup element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getSortByPopupElement = function () {
+            return this.selector('.e-dropdown-popup.e-fe-popup.e-popup-open');
+        };
+        FileManagerHelpers.prototype.setModel = function (property, value) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property] = value;
+            });
+        };
+        FileManagerHelpers.prototype.getModel = function (property) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property];
+            });
+        };
+        FileManagerHelpers.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                var inst = ele[0].ej2_instances[0];
+                return inst[fName].apply(inst, args);
+            });
+        };
+        return FileManagerHelpers;
+    }(e2e_1.TestHelper));
+    exports.FileManagerHelpers = FileManagerHelpers;
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@20.1.59",
+  "_id": "@syncfusion/ej2-filemanager@20.2.38",
   "_inBundle": false,
-  "_integrity": "sha512-GKSG0I4KYNsIZmplFuk0h/iMV49wguz7e7X7rXpvBZaak5+UfmQJP5wjCyXvsrpoM5pjkmEycZhmZJ4Mi6WPiA==",
+  "_integrity": "sha512-XKJgkInkwZdMy+eCT3vEXDjqwC8S7on/WO+F00P58XoUgzt7pdqNAzGByLWbybVS80FYSmg9FdXqGSJLqUYceg==",
   "_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.59.tgz",
-  "_shasum": "85a3fbc896ccba77bafb4668f35ec5d89e185e24",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.2.38.tgz",
+  "_shasum": "f5819f8e2f08c9aff1edb59f408d005a96f6b3b5",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -37,16 +37,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.60",
-    "@syncfusion/ej2-buttons": "~20.1.55",
-    "@syncfusion/ej2-data": "~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.60",
-    "@syncfusion/ej2-popups": "~20.1.58",
-    "@syncfusion/ej2-splitbuttons": "~20.1.57"
+    "@syncfusion/ej2-base": "~20.2.38",
+    "@syncfusion/ej2-buttons": "~20.2.38",
+    "@syncfusion/ej2-data": "~20.2.38",
+    "@syncfusion/ej2-grids": "~20.2.39",
+    "@syncfusion/ej2-inputs": "~20.2.38",
+    "@syncfusion/ej2-layouts": "~20.2.39",
+    "@syncfusion/ej2-lists": "~20.2.39",
+    "@syncfusion/ej2-navigations": "~20.2.39",
+    "@syncfusion/ej2-popups": "~20.2.39",
+    "@syncfusion/ej2-splitbuttons": "~20.2.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
@@ -67,6 +67,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.1.60",
+  "version": "20.2.39",
   "sideEffects": false
 }

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

@@ -231,12 +231,7 @@ var Toolbar = /** @class */ (function () {
                     items[itemCount].iconCss = this.parent.sortBy === 'size' ? CLS.TB_OPTION_DOT : '';
                 }
                 else if (items[itemCount].id === this.getPupupId('date')) {
-                    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 : '';
-                    }
+                    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

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

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

@@ -102,7 +102,7 @@ var FileManager = /** @class */ (function (_super) {
         _this.droppedObjects = [];
         _this.uploadingCount = 0;
         _this.uploadedCount = 0;
-        //Specifies whether the operating system is MAC or not
+        //Specifies whether the operating system is MAC or not 
         _this.isMac = false;
         FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu);
         return _this;

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

@@ -2,7 +2,6 @@ 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';
@@ -494,7 +493,6 @@ export interface IFileManager extends Component<HTMLElement> {
     feFiles: Object[];
     ajaxSettings: AjaxSettingsModel;
     toolbarSettings: ToolbarSettingsModel;
-    detailsViewSettings: DetailsViewSettingsModel;
     dialogObj: Dialog;
     viewerObj: Dialog;
     extDialogObj: Dialog;
@@ -596,6 +594,7 @@ export interface IFileManager extends Component<HTMLElement> {
     enableHtmlSanitizer: boolean;
     refreshLayout(): void;
     isMac: boolean;
+    oldView: string;
 }
 /** @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, parent?: IFileManager): string;
+export declare function getSortField(id: string): string;
 /**
  * Sets the next path
  *

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

@@ -268,7 +268,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
     else {
         if (!parent.isFiltered) {
             if (parent.isSortByClicked) {
-                parent.notify(events.layoutChange, { files: parent.largeiconsviewModule.items });
+                parent.notify(events.layoutChange, { files: (parent.oldView === 'Details') ? parent.detailsviewModule.gridObj.dataSource : parent.largeiconsviewModule.items });
                 parent.isSortByClicked = false;
             }
             else {
@@ -289,6 +289,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
  * @private
  */
 export function updateLayout(parent, view) {
+    parent.oldView = parent.view;
     parent.setProperties({ view: view }, true);
     if (parent.breadcrumbbarModule.searchObj.element.value !== '' || parent.isFiltered) {
         parent.layoutSelectedItems = parent.selectedItems;
@@ -692,7 +693,7 @@ export function sortbyClickHandler(parent, args) {
         tick = false;
     }
     if (!tick) {
-        parent.sortBy = getSortField(args.item.id, parent);
+        parent.sortBy = getSortField(args.item.id);
     }
     else {
         parent.sortOrder = getSortField(args.item.id);
@@ -706,7 +707,9 @@ export function sortbyClickHandler(parent, args) {
             parent.notify(events.sortColumn, { module: 'detailsview' });
         }
     }
-    updateLayout(parent, parent.view);
+    if (parent.view === 'LargeIcons') {
+        updateLayout(parent, 'LargeIcons');
+    }
     parent.notify(events.sortByChange, {});
 }
 /**
@@ -716,24 +719,12 @@ export function sortbyClickHandler(parent, args) {
  * @returns {string} - returns the sorted fields
  * @private
  */
-export function getSortField(id, parent) {
+export function getSortField(id) {
     var text = id.substring(id.lastIndexOf('_') + 1);
     var field = text;
-    var column;
-    if (parent) {
-        column = parent.detailsViewSettings.columns;
-    }
     switch (text) {
         case 'date':
-            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';
-                }
-            }
+            field = '_fm_modified';
             break;
         case 'ascending':
             field = 'Ascending';

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

@@ -302,7 +302,7 @@ var NavigationPane = /** @class */ (function () {
         var currFiles = getValue(this.parent.pathId[this.parent.pathId.length - 1], this.parent.feFiles);
         if (this.expandNodeTarget === 'add') {
             var sNode = select('[data-uid="' + this.treeObj.selectedNodes[0] + '"]', this.treeObj.element);
-            var ul = select('.' + CLS.LIST_PARENT, sNode);
+            var ul = (!isNOU(sNode)) ? select('.' + CLS.LIST_PARENT, sNode) : null;
             if (isNOU(ul)) {
                 this.addChild(args.files, this.treeObj.selectedNodes[0], !this.expandTree);
             }

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

@@ -653,11 +653,18 @@ function getOptions(parent, text, e, details, replaceItems) {
             ];
             break;
         case 'MultipleFileDetails':
+            var index_1;
             options.dialogName = 'File Details';
-            strArr = details.name.split(',').map(function (val) {
-                var index = val.indexOf('.') + 1;
-                return (index === 0) ? 'Folder' : val.substr(index).replace(' ', '');
+            strArr = parent.itemData.map(function (val) {
+                index_1 = val.name.indexOf('.') + 1;
+                return (index_1 === 0 && (!val.isFile)) ? 'Folder' : ((index_1 !== 0) ? val.name.substr(index_1).replace(' ', '') : 'undetermined');
             });
+            if (strArr[0] == undefined) {
+                strArr = details.name.split(',').map(function (val) {
+                    index_1 = val.indexOf('.') + 1;
+                    return (index_1 === 0) ? 'Folder' : val.substr(index_1).replace(' ', '');
+                });
+            }
             fileType = strArr.every(function (val, i, arr) { return val === arr[0]; }) ?
                 ((strArr[0] === 'Folder') ? 'Folder' : strArr[0].toLocaleUpperCase() + ' Type') : 'Multiple Types';
             location = details.location;