@syncfusion/ej2-filemanager 27.1.51 → 27.1.53

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.51
+*  version : 27.1.53
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@27.1.50",
+  "_id": "@syncfusion/ej2-filemanager@27.1.52",
   "_inBundle": false,
-  "_integrity": "sha512-lQcbSmuhubN8h3u3rT6htJR/YPvo8ukcq3fp1W+F7fd6k4rDjkpqdtqkGB7+dI50eR9wlVjWFu70Dpiv3OK3yA==",
+  "_integrity": "sha512-U0UQRAbfvPPuY5OCEXBnXOQ7iluYVdm4XEPLYmPbGyDdMFcnBlJThLH+vswhSwYthmyajeP0BiwH+WKtr7QD5Q==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-27.1.50.tgz",
-  "_shasum": "07d479afde33def32353db2fd1079f16ca48dffd",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-27.1.52.tgz",
+  "_shasum": "2e674b99a75e0464193ccd790c6f4653f48be4a8",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -36,15 +36,15 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-buttons": "~27.1.51",
-    "@syncfusion/ej2-data": "~27.1.51",
-    "@syncfusion/ej2-grids": "~27.1.51",
+    "@syncfusion/ej2-base": "~27.1.53",
+    "@syncfusion/ej2-buttons": "~27.1.53",
+    "@syncfusion/ej2-data": "~27.1.52",
+    "@syncfusion/ej2-grids": "~27.1.53",
     "@syncfusion/ej2-inputs": "~27.1.50",
-    "@syncfusion/ej2-layouts": "~27.1.51",
+    "@syncfusion/ej2-layouts": "~27.1.53",
     "@syncfusion/ej2-lists": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.51",
-    "@syncfusion/ej2-popups": "~27.1.50",
+    "@syncfusion/ej2-navigations": "~27.1.53",
+    "@syncfusion/ej2-popups": "~27.1.53",
     "@syncfusion/ej2-splitbuttons": "~27.1.50"
   },
   "deprecated": false,
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.51",
+  "version": "27.1.53",
   "sideEffects": false
 }

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

@@ -1,4 +1,4 @@
-import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest, Collection, detach, selectAll, setStyleAttribute } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, Complex, select } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, setStyleAttribute as setAttr, getUniqueID } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Event, EventHandler, getValue, setValue } from '@syncfusion/ej2-base';import { Splitter, PanePropertiesModel } from '@syncfusion/ej2-layouts';import { Dialog, createSpinner, hideSpinner, showSpinner, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import { createDialog, createExtDialog } from '../pop-up/dialog';import { ToolbarSettings, ToolbarSettingsModel, AjaxSettings, NavigationPaneSettings, DetailsViewSettings } from '../models/index';import { ToolbarItem, ToolbarItemModel } from'../models/index' ;import { NavigationPaneSettingsModel, DetailsViewSettingsModel } from '../models/index';import { AjaxSettingsModel, SearchSettings, SearchSettingsModel } from '../models/index';import { Toolbar } from '../actions/toolbar';import { DetailsView } from '../layout/details-view';import { LargeIconsView } from '../layout/large-icons-view';import { Uploader, UploadingEventArgs, SelectedEventArgs, FileInfo, CancelEventArgs } from '@syncfusion/ej2-inputs';import { UploadSettingsModel } from '../models/upload-settings-model';import { UploadSettings } from '../models/upload-settings';import * as events from './constant';import * as CLS from './classes';import { read, filter, createFolder } from '../common/operations';import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, ReadArgs, FileSelectionEventArgs } from './interface';import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs, FolderCreateEventArgs, DeleteEventArgs, RenameEventArgs, MoveEventArgs, SearchEventArgs } from './interface';import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs, MenuCloseEventArgs } from './interface';import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';import { refresh, getPathObject, getLocaleText, setNextPath, createDeniedDialog, getCssClass } from '../common/utility';import { hasContentAccess, hasUploadAccess, updateLayout, createNewFolder, uploadItem, closePopup } from '../common/utility';import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';import { ContextMenuSettingsModel } from '../models/contextMenu-settings-model';import { ContextMenuSettings } from '../models/contextMenu-settings';import { BreadCrumbBar } from '../actions/breadcrumb-bar';import { ContextMenu } from '../pop-up/context-menu';import { defaultLocale } from '../models/default-locale';import { PositionModel } from '@syncfusion/ej2-base/src/draggable-model';import { Virtualization } from '../actions/virtualization';import { SortComparer } from './interface';
+import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest, Collection, detach, selectAll, setStyleAttribute } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, Complex, select } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, setStyleAttribute as setAttr, getUniqueID } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Event, EventHandler, getValue, setValue } from '@syncfusion/ej2-base';import { Splitter, PanePropertiesModel } from '@syncfusion/ej2-layouts';import { Dialog, createSpinner, hideSpinner, showSpinner, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import { createDialog, createExtDialog } from '../pop-up/dialog';import { ToolbarSettings, ToolbarSettingsModel, AjaxSettings, NavigationPaneSettings, DetailsViewSettings } from '../models/index';import { ToolbarItem, ToolbarItemModel } from'../models/index' ;import { NavigationPaneSettingsModel, DetailsViewSettingsModel } from '../models/index';import { AjaxSettingsModel, SearchSettings, SearchSettingsModel } from '../models/index';import { Toolbar } from '../actions/toolbar';import { DetailsView } from '../layout/details-view';import { LargeIconsView } from '../layout/large-icons-view';import { Uploader, UploadingEventArgs, SelectedEventArgs, FileInfo, CancelEventArgs } from '@syncfusion/ej2-inputs';import { UploadSettingsModel } from '../models/upload-settings-model';import { UploadSettings } from '../models/upload-settings';import * as events from './constant';import * as CLS from './classes';import { read, filter, createFolder } from '../common/operations';import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, ReadArgs, FileSelectionEventArgs } from './interface';import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs, FolderCreateEventArgs, DeleteEventArgs, RenameEventArgs, MoveEventArgs, SearchEventArgs } from './interface';import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs, MenuCloseEventArgs } from './interface';import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';import { refresh, getPathObject, getLocaleText, setNextPath, createDeniedDialog, getCssClass } from '../common/utility';import { hasContentAccess, hasUploadAccess, updateLayout, createNewFolder, uploadItem, closePopup } from '../common/utility';import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';import { ColumnModel } from '@syncfusion/ej2-grids';import { ContextMenuSettingsModel } from '../models/contextMenu-settings-model';import { ContextMenuSettings } from '../models/contextMenu-settings';import { BreadCrumbBar } from '../actions/breadcrumb-bar';import { ContextMenu } from '../pop-up/context-menu';import { defaultLocale } from '../models/default-locale';import { PositionModel } from '@syncfusion/ej2-base/src/draggable-model';import { Virtualization } from '../actions/virtualization';import { SortComparer } from './interface';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**

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

@@ -804,7 +804,9 @@ var FileManager = /** @class */ (function (_super) {
      */
     /* istanbul ignore next */
     FileManager.prototype.onPropertyChanged = function (newProp, oldProp) {
+        var _this = this;
         var height;
+        var requiresRefresh = false;
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
             var prop = _a[_i];
             switch (prop) {
@@ -815,6 +817,14 @@ var FileManager = /** @class */ (function (_super) {
                     this.allowDragAndDrop = newProp.allowDragAndDrop;
                     this.notify(events.modelChanged, { module: 'common', newProp: newProp, oldProp: oldProp });
                     break;
+                case 'showItemCheckBoxes':
+                    this.showItemCheckBoxes = newProp.showItemCheckBoxes;
+                    this.notify(events.modelChanged, { module: 'common', newProp: newProp, oldProp: oldProp });
+                    break;
+                case 'enableVirtualization':
+                    this.enableVirtualization = newProp.enableVirtualization;
+                    requiresRefresh = true;
+                    break;
                 case 'allowMultiSelection':
                     if (this.allowMultiSelection) {
                         addClass([this.element], CLS.CHECK_SELECT);
@@ -842,11 +852,11 @@ var FileManager = /** @class */ (function (_super) {
                     break;
                 case 'enableRtl':
                     this.enableRtl = newProp.enableRtl;
-                    this.refresh();
+                    requiresRefresh = true;
                     break;
                 case 'rootAliasName':
                     this.rootAliasName = newProp.rootAliasName;
-                    this.refresh();
+                    requiresRefresh = true;
                     break;
                 case 'height':
                     height = !isNOU(newProp.height) ? formatUnit(newProp.height) : newProp.height;
@@ -921,11 +931,21 @@ var FileManager = /** @class */ (function (_super) {
                     this.notify(events.sortByChange, {});
                     break;
                 case 'sortBy':
-                    refresh(this);
-                    this.notify(events.sortByChange, {});
                     if (this.view === 'Details') {
+                        var columns = this.detailsViewSettings.columns;
+                        var isValidSortField = !isNullOrUndefined(columns) &&
+                            columns.findIndex(function (col) { return col.field === _this.sortBy; }) !== -1;
+                        if (!isValidSortField) {
+                            return;
+                        }
+                        refresh(this);
+                        this.notify(events.sortByChange, {});
                         this.notify(events.sortColumn, {});
                     }
+                    else {
+                        refresh(this);
+                        this.notify(events.sortByChange, {});
+                    }
                     break;
                 case 'popupTarget':
                     if (this.uploadDialogObj) {
@@ -943,10 +963,13 @@ var FileManager = /** @class */ (function (_super) {
                     break;
                 case 'fileSystemData':
                     this.fileSystemData = newProp.fileSystemData;
-                    this.refresh();
+                    requiresRefresh = true;
                     break;
             }
         }
+        if (requiresRefresh) {
+            this.refresh();
+        }
     };
     /* istanbul ignore next */
     FileManager.prototype.ajaxSettingSetModel = function (newProp) {

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

@@ -846,13 +846,18 @@ function readSuccess(parent, result, event) {
  * @private
  */
 function filterSuccess(parent, result, event, action) {
-    if (!isNOU(result.files)) {
-        parent.notify(event, result);
-        var args = { action: action, result: result };
-        parent.trigger('success', args);
+    try {
+        if (!isNOU(result.files)) {
+            parent.notify(event, result);
+            var args = { action: action, result: result };
+            parent.trigger('success', args);
+        }
+        else {
+            onFailure(parent, result, action);
+        }
     }
-    else {
-        onFailure(parent, result, action);
+    catch (error) {
+        handleCatchError(parent, error, action);
     }
 }
 /* istanbul ignore next */
@@ -866,51 +871,59 @@ function filterSuccess(parent, result, event, action) {
  * @private
  */
 function createSuccess(parent, result, itemName) {
-    if (!isNOU(result.files)) {
-        if (parent.dialogObj && parent.dialogObj.visible) {
-            parent.dialogObj.hide();
-        }
-        parent.createdItem = isFileSystemData(parent) ? result.files[result.files.length - 1] : result.files[0];
-        parent.breadcrumbbarModule.searchObj.value = '';
-        var createEventArgs = {
-            folderName: itemName,
-            path: parent.path,
-            parentFolder: parent.itemData
-        };
-        parent.trigger('folderCreate', createEventArgs);
-        var args = { action: 'create', result: result };
-        parent.trigger('success', args);
-        parent.itemData = [getPathObject(parent)];
-        read(parent, events.createEnd, parent.path);
-    }
-    else {
-        if (result.error.code === '400') {
+    try {
+        if (!isNOU(result.files)) {
             if (parent.dialogObj && parent.dialogObj.visible) {
-                var ele = select('#newname', parent.dialogObj.element);
-                var error = getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + ele.value + '"');
-                ele.parentElement.nextElementSibling.innerHTML = error;
-            }
-            else {
-                var result_2 = {
-                    files: null,
-                    error: {
-                        code: '400',
-                        message: getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + itemName + '"'),
-                        fileExists: null
-                    }
-                };
-                createDialog(parent, 'Error', result_2);
+                parent.dialogObj.hide();
             }
-            var args = { action: 'create', error: result.error };
-            parent.trigger('failure', args);
+            parent.createdItem = isFileSystemData(parent) ? result.files[result.files.length - 1] : result.files[0];
+            parent.breadcrumbbarModule.searchObj.value = '';
+            var createEventArgs = {
+                folderName: itemName,
+                path: parent.path,
+                parentFolder: parent.itemData
+            };
+            parent.trigger('folderCreate', createEventArgs);
+            var args = { action: 'create', result: result };
+            parent.trigger('success', args);
+            parent.itemData = [getPathObject(parent)];
+            read(parent, events.createEnd, parent.path);
         }
         else {
-            if (parent.dialogObj && parent.dialogObj.visible) {
-                parent.dialogObj.hide();
+            if (result.error.code === '400') {
+                if (parent.dialogObj && parent.dialogObj.visible) {
+                    var ele = select('#newname', parent.dialogObj.element);
+                    var error = getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + ele.value + '"');
+                    ele.parentElement.nextElementSibling.innerHTML = error;
+                }
+                else {
+                    var result_2 = {
+                        files: null,
+                        error: {
+                            code: '400',
+                            message: getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + itemName + '"'),
+                            fileExists: null
+                        }
+                    };
+                    createDialog(parent, 'Error', result_2);
+                }
+                var args = { action: 'create', error: result.error };
+                parent.trigger('failure', args);
+            }
+            else {
+                if (parent.dialogObj && parent.dialogObj.visible) {
+                    parent.dialogObj.hide();
+                }
+                onFailure(parent, result, 'create');
             }
-            onFailure(parent, result, 'create');
         }
     }
+    catch (error) {
+        if (parent.dialogObj && parent.dialogObj.visible) {
+            parent.dialogObj.hide();
+        }
+        handleCatchError(parent, error, 'create');
+    }
 }
 /* istanbul ignore next */
 /**

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

@@ -455,12 +455,11 @@ export declare function removeItemClass(parent: IFileManager, value: string): vo
  * @param {Element} scrollParent - specifies the scrolling target.
  * @param {IFileManager} parent - specifies the parent.
  * @param {string} nodeClass - specifies the node class.
- * @param {number} screenY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the entire screen.
  * @param {number} clientY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the target element.
  * @returns {void}
  * @private
  */
-export declare function scrollHandler(scrollParent: Element, parent: IFileManager, nodeClass: string, screenY: number, clientY: number): void;
+export declare function scrollHandler(scrollParent: Element, parent: IFileManager, nodeClass: string, clientY: number): void;
 /**
  * Dragging handler
  *

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

@@ -602,9 +602,8 @@ export function getSortedData(parent, items) {
  */
 export function getObject(parent, key, value) {
     var currFiles = getValue(parent.pathId[parent.pathId.length - 1], parent.feFiles);
-    var query = new Query().where(key, 'equal', value);
-    var lists = new DataManager(currFiles).executeLocal(query);
-    return lists[0];
+    var result = currFiles.filter(function (data) { return data[key].toString() === value; });
+    return result.length > 0 ? result[0] : null;
 }
 /**
  * Creates empty element
@@ -1289,16 +1288,15 @@ export function removeItemClass(parent, value) {
  * @param {Element} scrollParent - specifies the scrolling target.
  * @param {IFileManager} parent - specifies the parent.
  * @param {string} nodeClass - specifies the node class.
- * @param {number} screenY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the entire screen.
  * @param {number} clientY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the target element.
  * @returns {void}
  * @private
  */
-export function scrollHandler(scrollParent, parent, nodeClass, screenY, clientY) {
+export function scrollHandler(scrollParent, parent, nodeClass, clientY) {
     var position;
     var elementData = scrollParent.getBoundingClientRect();
     var node = select('.' + nodeClass, scrollParent);
-    if ((screenY >= (elementData.top + scrollParent.clientHeight - 30)) && !isNullOrUndefined(node)) {
+    if ((clientY >= (elementData.top + scrollParent.clientHeight - 30)) && !isNullOrUndefined(node)) {
         position = (parent.targetModule === 'navigationpane' || parent.targetModule === 'detailsview') ? node.offsetHeight / 2.5 : node.offsetHeight / 4.5;
         scrollParent.scrollBy(0, position);
     }
@@ -1335,7 +1333,7 @@ export function draggingHandler(parent, args) {
         /* istanbul ignore next */
         parent.treeExpandTimer = window.setTimeout(function () { parent.notify(events.dragging, args); }, 800);
         scrollParent = parent.navigationpaneModule.treeObj.element.parentElement;
-        scrollHandler(scrollParent, parent, 'e-level-2', args.event.screenY, args.event.y);
+        scrollHandler(scrollParent, parent, 'e-level-2', args.event.y);
     }
     else if (parent.targetModule === 'detailsview') {
         node = closest(args.target, 'tr');
@@ -1347,7 +1345,7 @@ export function draggingHandler(parent, args) {
         }
         canDrop = true;
         scrollParent = parent.detailsviewModule.gridObj.element.querySelector('.e-content');
-        scrollHandler(scrollParent, parent, 'e-row', args.event.screenY, args.event.y);
+        scrollHandler(scrollParent, parent, 'e-row', args.event.y);
     }
     else if (parent.targetModule === 'largeiconsview') {
         node = closest(args.target, 'li');
@@ -1356,7 +1354,7 @@ export function draggingHandler(parent, args) {
         }
         canDrop = true;
         scrollParent = parent.largeiconsviewModule.element.firstElementChild;
-        scrollHandler(scrollParent, parent, 'e-large-icon', args.event.screenY, args.event.y);
+        scrollHandler(scrollParent, parent, 'e-large-icon', args.event.y);
         /* istanbul ignore next */
     }
     else if (parent.targetModule === 'breadcrumbbar') {

package/src/file-manager/layout/details-view.d.ts

@@ -27,6 +27,7 @@ export declare class DetailsView {
     private isRendered;
     private isLoaded;
     private isNameWidth;
+    private isMultiSelect;
     gridObj: Grid;
     pasteOperation: boolean;
     uploadOperation: boolean;

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

@@ -39,6 +39,7 @@ var DetailsView = /** @class */ (function () {
         this.isRendered = true;
         this.isLoaded = false;
         this.isNameWidth = false;
+        this.isMultiSelect = false;
         this.pasteOperation = false;
         this.uploadOperation = false;
         Grid.Inject(Resize, ContextMenu, Sort, VirtualScroll);
@@ -86,6 +87,7 @@ var DetailsView = /** @class */ (function () {
     }
     /* istanbul ignore next */
     DetailsView.prototype.render = function (args) {
+        var _this = this;
         showSpinner(this.parent.element);
         if (this.parent.view === 'Details') {
             removeClass([this.parent.element], CLS.MULTI_SELECT);
@@ -93,7 +95,9 @@ var DetailsView = /** @class */ (function () {
             this.checkNameWidth();
             var columns = this.getColumns();
             var sortSettings = void 0;
-            if (this.parent.isMobile) {
+            var isValidSortField = !isNullOrUndefined(columns) &&
+                columns.findIndex(function (col) { return col.field === _this.parent.sortBy; }) !== -1;
+            if (this.parent.isMobile || !isValidSortField) {
                 sortSettings = [];
             }
             else {
@@ -304,7 +308,9 @@ var DetailsView = /** @class */ (function () {
             if (textEle) {
                 var name_1 = getValue('name', args.data);
                 var type = getValue('type', args.data);
-                textEle.innerHTML = name_1.substr(0, name_1.length - type.length);
+                if (name_1.indexOf(type) !== -1) {
+                    textEle.innerHTML = name_1.substr(0, name_1.length - type.length);
+                }
             }
         }
         if (getValue('size', args.data) !== undefined && args.row.querySelector('.e-fe-size')) {
@@ -567,6 +573,7 @@ var DetailsView = /** @class */ (function () {
                 case 'showHiddenItems':
                     read(this.parent, events.pathChanged, this.parent.path);
                     break;
+                case 'showItemCheckBoxes':
                 case 'allowMultiSelection':
                     if (!isNullOrUndefined(this.gridObj)) {
                         this.currentSelectedItem = this.parent.selectedItems;
@@ -1130,6 +1137,17 @@ var DetailsView = /** @class */ (function () {
         };
         this.parent.trigger('fileSelection', eventArgs);
         args.cancel = eventArgs.cancel;
+        if (!this.isMultiSelect) {
+            this.isMultiSelect = true;
+            if ((args.isShiftPressed || args.isCtrlPressed) && !this.parent.allowMultiSelection && (args.target && args.target.parentElement && !args.target.parentElement.classList.contains('e-checkbox-wrapper'))) {
+                args.cancel = true;
+                var rowIndex = (args && args.rowIndexes)
+                    ? args.rowIndexes[args.rowIndexes.length - 1]
+                    : args.rowIndex;
+                this.gridObj.selectRow(rowIndex);
+            }
+            this.isMultiSelect = false;
+        }
     };
     /* istanbul ignore next */
     DetailsView.prototype.onSelected = function (args) {

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

@@ -269,7 +269,9 @@ var LargeIconsView = /** @class */ (function () {
             var textEle = args.item.querySelector('.' + CLS.LIST_TEXT);
             var txt = getValue('name', args.curData);
             var type = getValue('type', args.curData);
-            textEle.innerHTML = txt.substr(0, txt.length - type.length);
+            if (txt.indexOf(type) !== -1) {
+                textEle.innerHTML = txt.substr(0, txt.length - type.length);
+            }
         }
         this.renderCheckbox(args);
         var eventArgs = {
@@ -637,6 +639,7 @@ var LargeIconsView = /** @class */ (function () {
                     read(this.parent, events.pathChanged, this.parent.path);
                     break;
                 case 'allowMultiSelection':
+                case 'showItemCheckBoxes':
                     if (this.parent.view !== 'LargeIcons') {
                         break;
                     }
@@ -692,7 +695,6 @@ var LargeIconsView = /** @class */ (function () {
         if (toBind) {
             this.clickObj = new Touch(this.element, {
                 tap: function (eve) {
-                    eve.originalEvent.preventDefault();
                     if (_this.parent.isDevice) {
                         _this.tapCount = eve.tapCount;
                         _this.tapEvent = eve;