@syncfusion/ej2-filemanager 19.4.47 → 19.4.50-117124

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

@@ -40,6 +40,9 @@ var DetailsView = /** @class */ (function () {
         this.isNameWidth = false;
         this.pasteOperation = false;
         this.uploadOperation = false;
+        /* istanbul ignore next */
+        // eslint:disable-next-line
+        this.actionDivert = false;
         Grid.Inject(Resize, ContextMenu, Sort, VirtualScroll);
         this.parent = parent;
         this.element = select('#' + this.parent.element.id + CLS.GRID_ID, this.parent.element);
@@ -71,9 +74,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',
@@ -114,6 +117,10 @@ var DetailsView = /** @class */ (function () {
                 },
                 enableRtl: this.parent.enableRtl,
                 pageSettings: { pageSize: 20 },
+                // enableVirtualization: this.parent.virtualizationSettings.enable,
+                enablePersistence: this.parent.enablePersistence,
+                // enableVirtualMaskRow: true,
+                // pageSettings: { pageSize: this.parent.virtualizationSettings.detailsViewItemsCount },
                 sortSettings: { allowUnsort: false, columns: sortSettings },
                 columns: columns,
                 recordDoubleClick: this.DblClickEvents.bind(this),
@@ -322,14 +329,19 @@ var DetailsView = /** @class */ (function () {
         }
     };
     DetailsView.prototype.onBeforeDataBound = function (args) {
+        // if (!this.parent.virtualizationSettings.enable) {
         showSpinner(this.parent.element);
         // eslint-disable-next-line
         var items = getSortedData(this.parent, this.gridObj.dataSource);
         args.result = items;
+        // }
     };
     /* istanbul ignore next */
     DetailsView.prototype.onDataBound = function () {
         this.createDragObj();
+        // if ((this.parent.selectedItems.length !== 0 && !this.parent.virtualizationSettings.enable) || 
+        //         ((this.parent.selectedItems.length !== 0 && this.parent.virtualizationSettings.enable && 
+        //         this.element.querySelector('.e-content').scrollTop == 0))) {
         if (this.parent.selectedItems.length !== 0) {
             this.selectRecords(this.parent.selectedItems);
         }
@@ -599,6 +611,7 @@ var DetailsView = /** @class */ (function () {
                     var val = _this.parent.breadcrumbbarModule.searchObj.element.value;
                     if (val === '' && !_this.parent.isFiltered) {
                         var id = getValue('id', data);
+                        _this.parent.oldPath = _this.parent.path;
                         var newPath = _this.parent.path + (isNOU(id) ? name_2 : id) + '/';
                         _this.parent.setProperties({ path: newPath }, true);
                         _this.parent.pathNames.push(name_2);
@@ -884,7 +897,13 @@ var DetailsView = /** @class */ (function () {
         if (!dragLi) {
             return null;
         }
-        var name = dragLi.getElementsByClassName('e-fe-text')[0].innerText;
+        var name;
+        if (dragLi.getElementsByClassName('e-fe-text')[0]) {
+            name = dragLi.getElementsByClassName('e-fe-text')[0].innerText;
+        }
+        else if (dragLi.getElementsByClassName("e-rowcell e-templatecell")[0].nextElementSibling) {
+            name = dragLi.getElementsByClassName("e-rowcell e-templatecell")[0].nextElementSibling.innerText;
+        }
         if (dragLi && !dragLi.querySelector('.e-active')) {
             this.selectRecords([name]);
         }
@@ -1085,6 +1104,10 @@ var DetailsView = /** @class */ (function () {
         }
         var len = rows.length;
         if (len > 0) {
+            // if (this.parent.virtualizationSettings.enable) {
+            //     this.parent.currentItemText = getValue('name', args.data);
+            // }
+            // else if (len > 0) {
             // eslint-disable-next-line
             var data = this.gridObj.getRowsObject()[rows[len - 1]].data;
             this.parent.currentItemText = getValue('name', data);
@@ -1228,7 +1251,7 @@ var DetailsView = /** @class */ (function () {
     };
     DetailsView.prototype.getFocusedItemIndex = function () {
         return (!isNOU(this.getFocusedItem())) ?
-            parseInt(this.getFocusedItem().getAttribute('aria-rowindex'), 10) : null;
+            parseInt(this.getFocusedItem().getAttribute('data-rowindex'), 10) : null;
     };
     /* istanbul ignore next */
     // eslint:disable-next-line
@@ -1267,14 +1290,13 @@ var DetailsView = /** @class */ (function () {
             case 'f2':
             case 'moveDown':
             case 'moveUp':
+            case 'ctrlD':
                 e.preventDefault();
                 break;
             default:
                 break;
         }
     };
-    /* istanbul ignore next */
-    // eslint:disable-next-line
     DetailsView.prototype.keyupHandler = function (e) {
         if (!this.isRendered) {
             return;
@@ -1351,8 +1373,13 @@ var DetailsView = /** @class */ (function () {
                     else if (this.gridObj.selectedRowIndex !== -1 && e.action === 'tab') {
                         return;
                     }
+                    else if (!this.actionDivert) {
+                        this.addHeaderFocus();
+                        this.actionDivert = true;
+                    }
                     else {
                         this.addFocus(0);
+                        this.actionDivert = false;
                     }
                 }
                 break;
@@ -1639,6 +1666,18 @@ var DetailsView = /** @class */ (function () {
             addClass([itemElement], [CLS.FOCUS, CLS.FOCUSED]);
         }
     };
+    DetailsView.prototype.addHeaderFocus = function () {
+        var treeFocus = select('.e-row', this.element);
+        this.gridObj.element.setAttribute('tabindex', '-1');
+        var nameFocus = select('th.e-fe-grid-name', this.element);
+        nameFocus.setAttribute('tabindex', '0');
+        nameFocus.focus();
+        addClass([nameFocus], [CLS.FOCUS, CLS.FOCUSED]);
+        treeFocus.setAttribute('tabindex', '0');
+        if (treeFocus.tabIndex === 0 && nameFocus.tabIndex === 0) {
+            removeClass([treeFocus], [CLS.FOCUS, CLS.FOCUSED]);
+        }
+    };
     DetailsView.prototype.getFocusedItem = function () {
         return select('.' + CLS.FOCUSED, this.element);
     };

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

@@ -12,8 +12,9 @@ export declare class LargeIconsView {
     private keyboardDownModule;
     private keyConfigs;
     private isInteraction;
-    private itemList;
+    itemList: HTMLElement[];
     items: Object[];
+    allItems: Object[];
     private clickObj;
     private perRow;
     private startItem;

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',
@@ -111,7 +111,10 @@ var LargeIconsView = /** @class */ (function () {
             };
             this.items = [];
             this.items = this.renderList(args);
-            this.items = getSortedData(this.parent, this.items);
+            this.items = this.allItems = getSortedData(this.parent, this.items);
+            // if (this.parent.virtualizationSettings.enable) {
+            //     this.items = this.allItems.slice(0, this.parent.virtualizationSettings.largeIconsViewItemsCount);
+            // }
             // eslint-disable-next-line
             this.listElements = ListBase.createListFromJson(createElement, this.items, this.listObj);
             this.itemList = Array.prototype.slice.call(selectAll('.' + CLS.LIST_ITEM, this.listElements));
@@ -153,6 +156,10 @@ var LargeIconsView = /** @class */ (function () {
             this.getItemCount();
             this.addEventListener();
             this.wireEvents();
+            // if (this.parent.virtualizationSettings.enable && this.allItems.length > 0) {
+            //     this.parent.virtualizationModule.setUlElementHeight();
+            //     this.parent.virtualizationModule.wireScrollEvent(false);
+            // }
             this.isRendered = true;
             hideSpinner(this.parent.element);
             if (this.parent.selectedItems.length) {
@@ -855,6 +862,7 @@ var LargeIconsView = /** @class */ (function () {
                         var val = _this.parent.breadcrumbbarModule.searchObj.element.value;
                         if (val === '' && !_this.parent.isFiltered) {
                             var id = getValue('id', details_1);
+                            _this.parent.oldPath = _this.parent.path;
                             var newPath = _this.parent.path + (isNOU(id) ? text : id) + '/';
                             _this.parent.setProperties({ path: newPath }, true);
                             _this.parent.pathNames.push(text);
@@ -1474,7 +1482,7 @@ var LargeIconsView = /** @class */ (function () {
         else {
             for (var i = 0, len = this.items.length; i < len; i++) {
                 var name_2 = getValue('filterPath', this.items[i]) + getValue('name', this.items[i]);
-                if (items.indexOf(name_2) !== -1) {
+                if ((items.indexOf(name_2) !== -1) || (items.indexOf(getValue(filterName, this.items[i])) !== -1)) {
                     indexes.push(i);
                 }
             }

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'
@@ -74,6 +75,7 @@ var NavigationPane = /** @class */ (function () {
                 hasChildren: 'hasChild', iconCss: '_fm_icon', htmlAttributes: '_fm_htmlAttr', tooltip: 'name'
             },
             enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
+            sortOrder: this.parent.navigationPaneSettings.sortOrder,
             nodeSelecting: this.onNodeSelecting.bind(this),
             nodeSelected: this.onNodeSelected.bind(this),
             nodeExpanding: this.onNodeExpand.bind(this),
@@ -195,7 +197,7 @@ var NavigationPane = /** @class */ (function () {
             this.parent.trigger('fileOpen', eventArgs);
             args.cancel = eventArgs.cancel;
             if (args.cancel) {
-                this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] != args.node.getAttribute('data-uid') : false;
+                this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] !== args.node.getAttribute('data-uid') : false;
                 this.treeObj.selectedNodes = this.isNodeClickCalled ? this.previousSelected : this.treeObj.selectedNodes;
                 this.previousSelected = this.treeObj.selectedNodes;
                 if (!isNOU(this.parent) && !isNOU(this.parent.contextmenuModule)) {
@@ -233,13 +235,16 @@ var NavigationPane = /** @class */ (function () {
         var nodeData = this.getTreeData(getValue('id', args.nodeData));
         this.parent.selectedItems = [];
         this.parent.itemData = nodeData;
+        var previousPath = this.parent.path;
         updatePath(args.node, this.parent.itemData[0], this.parent);
-        this.expandNodeTarget = null;
-        if (args.node.querySelector('.' + CLS.ICONS) && args.node.querySelector('.' + CLS.LIST_ITEM) === null) {
-            this.expandNodeTarget = 'add';
+        if (previousPath !== this.parent.path) {
+            this.expandNodeTarget = null;
+            if (args.node.querySelector('.' + CLS.ICONS) && args.node.querySelector('.' + CLS.LIST_ITEM) === null) {
+                this.expandNodeTarget = 'add';
+            }
+            read(this.parent, this.isPathDragged ? events.pasteEnd : events.pathChanged, this.parent.path);
+            this.parent.visitedItem = args.node;
         }
-        read(this.parent, this.isPathDragged ? events.pasteEnd : events.pathChanged, this.parent.path);
-        this.parent.visitedItem = args.node;
         this.isPathDragged = this.isRenameParent = this.isRightClick = false;
     };
     /* istanbul ignore next */
@@ -297,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);
             }
@@ -307,6 +312,8 @@ var NavigationPane = /** @class */ (function () {
         if (isNOU(currFiles)) {
             setValue(this.parent.pathId[this.parent.pathId.length - 1], args.files, this.parent.feFiles);
         }
+        if (this.parent.uploadObj.directoryUpload)
+            this.updateTree(args);
     };
     NavigationPane.prototype.updateTree = function (args) {
         if (this.treeObj) {
@@ -463,6 +470,9 @@ var NavigationPane = /** @class */ (function () {
                     break;
                 case 'navigationPaneSettings':
                     read(this.parent, events.finalizeEnd, '/');
+                    if (e.oldProp.navigationPaneSettings.sortOrder !== e.newProp.navigationPaneSettings.sortOrder) {
+                        this.treeObj.sortOrder = e.newProp.navigationPaneSettings.sortOrder;
+                    }
                     break;
             }
         }
@@ -755,13 +765,15 @@ var NavigationPane = /** @class */ (function () {
                 removeActive(this.parent);
                 break;
             case 'del':
-                this.updateItemData();
-                if (!hasEditAccess(this.parent.itemData[0])) {
-                    createDeniedDialog(this.parent, this.parent.itemData[0], events.permissionEdit);
-                }
-                else {
-                    this.removeNodes = [];
-                    createDialog(this.parent, 'Delete');
+                if (this.parent.pathId[0] !== this.activeNode.getAttribute('data-uid')) {
+                    this.updateItemData();
+                    if (!hasEditAccess(this.parent.itemData[0])) {
+                        createDeniedDialog(this.parent, this.parent.itemData[0], events.permissionEdit);
+                    }
+                    else {
+                        this.removeNodes = [];
+                        createDialog(this.parent, 'Delete');
+                    }
                 }
                 break;
             case 'ctrlC':

package/src/file-manager/models/index.d.ts

@@ -9,6 +9,8 @@ export * from './search-settings';
 export * from './search-settings-model';
 export * from './details-view-settings-model';
 export * from './details-view-settings';
+export * from './virtualization-settings-model';
+export * from './virtualization-settings';
 export * from './contextMenu-settings';
 export * from './contextMenu-settings-model';
 export * from './navigation-pane-settings-model';

package/src/file-manager/models/index.js

@@ -5,6 +5,7 @@ export * from './ajax-settings';
 export * from './toolbar-settings';
 export * from './search-settings';
 export * from './details-view-settings';
+export * from './virtualization-settings';
 export * from './contextMenu-settings';
 export * from './navigation-pane-settings';
 export * from './upload-settings';

package/src/file-manager/models/navigation-pane-settings-model.d.ts

@@ -26,4 +26,15 @@ export interface NavigationPaneSettingsModel {
      */
     visible?: boolean;
 
+    /**
+     * Specifies a value that indicates how to sort the folders in the navigation pane of the file manager component.
+     *
+     * If the sortOrder is Ascending, the folders are sorted in ascending order.
+     * If the sortOrder is Descending, the folders are sorted in descending order.
+     * If the sortOrder is None, the folders are not sorted.
+     *
+     * @default 'None'
+     */
+    sortOrder?: 'None' | 'Ascending' | 'Descending';
+
 }

package/src/file-manager/models/navigation-pane-settings.d.ts

@@ -21,4 +21,14 @@ export declare class NavigationPaneSettings extends ChildProperty<NavigationPane
      * @default true
      */
     visible: boolean;
+    /**
+     * Specifies a value that indicates how to sort the folders in the navigation pane of the file manager component.
+     *
+     * If the sortOrder is Ascending, the folders are sorted in ascending order.
+     * If the sortOrder is Descending, the folders are sorted in descending order.
+     * If the sortOrder is None, the folders are not sorted.
+     *
+     * @default 'None'
+     */
+    sortOrder: 'None' | 'Ascending' | 'Descending';
 }

package/src/file-manager/models/navigation-pane-settings.js

@@ -35,6 +35,9 @@ var NavigationPaneSettings = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], NavigationPaneSettings.prototype, "visible", void 0);
+    __decorate([
+        Property('None')
+    ], NavigationPaneSettings.prototype, "sortOrder", void 0);
     return NavigationPaneSettings;
 }(ChildProperty));
 export { NavigationPaneSettings };

package/src/file-manager/models/upload-settings-model.d.ts

@@ -29,6 +29,19 @@ export interface UploadSettingsModel {
      */
     autoClose?: boolean;
 
+    /**
+     * Specifies a Boolean value that indicates whether the folder (directory) can be browsed and uploaded in the FileManager component.
+     * This property allows to select or drop to upload the folders (directories) instead of files. When folder upload is enabled, all the folder contents including hierarchy folders and files are considered to upload.
+     * Folder (directory) upload is supported for the following file system providers,
+     * - Physical provider
+     * - NodeJS provider
+     * - Azure provider
+     * - Amazon S3 provider
+     *
+     * @default false
+     */
+    directoryUpload?: boolean;
+
     /**
      * Specifies the minimum file size to be uploaded in bytes.
      * The property is used to make sure that you cannot upload empty files and small files.

package/src/file-manager/models/upload-settings.d.ts

@@ -24,6 +24,18 @@ export declare class UploadSettings extends ChildProperty<UploadSettings> {
      * @default false
      */
     autoClose: boolean;
+    /**
+     * Specifies a Boolean value that indicates whether the folder (directory) can be browsed and uploaded in the FileManager component.
+     * This property allows to select or drop to upload the folders (directories) instead of files. When folder upload is enabled, all the folder contents including hierarchy folders and files are considered to upload.
+     * Folder (directory) upload is supported for the following file system providers,
+     * - Physical provider
+     * - NodeJS provider
+     * - Azure provider
+     * - Amazon S3 provider
+     *
+     * @default false
+     */
+    directoryUpload: boolean;
     /**
      * Specifies the minimum file size to be uploaded in bytes.
      * The property is used to make sure that you cannot upload empty files and small files.

package/src/file-manager/models/upload-settings.js

@@ -35,6 +35,9 @@ var UploadSettings = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], UploadSettings.prototype, "autoClose", void 0);
+    __decorate([
+        Property(false)
+    ], UploadSettings.prototype, "directoryUpload", void 0);
     __decorate([
         Property(0)
     ], UploadSettings.prototype, "minFileSize", void 0);

package/src/file-manager/models/virtualization-settings-model.d.ts

@@ -0,0 +1,29 @@
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+
+/**
+ * Interface for a class VirtualizationSettings
+ */
+export interface VirtualizationSettingsModel {
+
+    /**
+     * If `enable` is set to true, it will increase the FileManager performance, while loading a large number of files/folders.
+     *
+     * @default false
+     */
+    enable?: boolean;
+
+    /**
+     * Defines the number of records to be displayed in the details view.
+     *
+     * @default 20
+     */
+    detailsViewItemsCount?: number;
+
+    /**
+     * Defines the number of records to be displayed in large icons view.
+     *
+     * @default 40
+     */
+    largeIconsViewItemsCount?: number;
+
+}

package/src/file-manager/models/virtualization-settings.d.ts

@@ -0,0 +1,24 @@
+import { ChildProperty } from '@syncfusion/ej2-base';
+/**
+ * Specifies the virtualization settings of the File Manager.
+ */
+export declare class VirtualizationSettings extends ChildProperty<VirtualizationSettings> {
+    /**
+     * If `enable` is set to true, it will increase the FileManager performance, while loading a large number of files/folders.
+     *
+     * @default false
+     */
+    private enable;
+    /**
+     * Defines the number of records to be displayed in the details view.
+     *
+     * @default 20
+     */
+    private detailsViewItemsCount;
+    /**
+     * Defines the number of records to be displayed in large icons view.
+     *
+     * @default 40
+     */
+    private largeIconsViewItemsCount;
+}

package/src/file-manager/models/virtualization-settings.js

@@ -0,0 +1,40 @@
+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 __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+/**
+ * Specifies the virtualization settings of the File Manager.
+ */
+var VirtualizationSettings = /** @class */ (function (_super) {
+    __extends(VirtualizationSettings, _super);
+    function VirtualizationSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property(false)
+    ], VirtualizationSettings.prototype, "enable", void 0);
+    __decorate([
+        Property(20)
+    ], VirtualizationSettings.prototype, "detailsViewItemsCount", void 0);
+    __decorate([
+        Property(40)
+    ], VirtualizationSettings.prototype, "largeIconsViewItemsCount", void 0);
+    return VirtualizationSettings;
+}(ChildProperty));
+export { VirtualizationSettings };

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

@@ -117,7 +117,7 @@ var ContextMenu = /** @class */ (function () {
                 data = this.parent.detailsviewModule.gridObj.getRowObjectFromUID(uid).data;
                 if (isNOU(this.targetElement.getAttribute('aria-selected'))) {
                     /* istanbul ignore next */
-                    this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('aria-rowindex'), 10)]);
+                    this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('data-rowindex'), 10)]);
                 }
                 selected = true;
                 /* istanbul ignore next */

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;
@@ -889,7 +896,7 @@ function onSubmitValidate(parent, ele) {
     onValidate(parent, ele);
     var len = ele.value.length - 1;
     if (ele.value !== '' && ((ele.value.lastIndexOf('.') === len) || (ele.value.lastIndexOf(' ') === len)) &&
-        (parent.showFileExtension || (parent.currentItemText.lastIndexOf('.') === -1))) {
+        (parent.showFileExtension || (ele.value.lastIndexOf('.') === -1 || ele.value.substring(ele.value.indexOf('.') + 1).length === 0))) {
         addInvalid(parent, ele);
     }
 }

package/src/global.js

@@ -1,3 +1,3 @@
 import * as index from './index';
-index.FileManager.Inject(index.DetailsView, index.NavigationPane, index.LargeIconsView, index.Toolbar, index.ContextMenu, index.BreadCrumbBar);
+index.FileManager.Inject(index.DetailsView, index.NavigationPane, index.LargeIconsView, index.Toolbar, index.ContextMenu, index.BreadCrumbBar, index.Virtualization);
 export * from './index';