@syncfusion/ej2-filemanager 27.1.52 → 27.1.55

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.52
+*  version : 27.1.55
 *  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.51",
+  "_id": "@syncfusion/ej2-filemanager@27.1.53",
   "_inBundle": false,
-  "_integrity": "sha512-zvq338TUENAwjdxhgETsgV5wXO7ghEx5eaAl8gcoOG7utuYrJqsunX0XoIp976gv89rwB3TrWV7cuwc9Q9uSKA==",
+  "_integrity": "sha512-4tJ8ruowY8+8ZO/Pd3l95roLJUeYZm2aXtMknO/sD0II3m09P4zofLqDjPETq/rig4kuR0U83mDX/jTUjXo++A==",
   "_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.51.tgz",
-  "_shasum": "f6e4914ca5297cf0bf20445da3ab2fb52a85433d",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-27.1.53.tgz",
+  "_shasum": "96ff00743895b7fe9b38ed5ebd59dc294ec209de",
   "_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.52",
-    "@syncfusion/ej2-buttons": "~27.1.51",
+    "@syncfusion/ej2-base": "~27.1.55",
+    "@syncfusion/ej2-buttons": "~27.1.53",
     "@syncfusion/ej2-data": "~27.1.52",
-    "@syncfusion/ej2-grids": "~27.1.52",
-    "@syncfusion/ej2-inputs": "~27.1.50",
-    "@syncfusion/ej2-layouts": "~27.1.51",
+    "@syncfusion/ej2-grids": "~27.1.55",
+    "@syncfusion/ej2-inputs": "~27.1.55",
+    "@syncfusion/ej2-layouts": "~27.1.53",
     "@syncfusion/ej2-lists": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.52",
-    "@syncfusion/ej2-popups": "~27.1.50",
+    "@syncfusion/ej2-navigations": "~27.1.55",
+    "@syncfusion/ej2-popups": "~27.1.55",
     "@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.52",
+  "version": "27.1.55",
   "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

@@ -725,7 +725,7 @@ function performReadOperation(parent, result, fn, data, event, operation, target
             var item = result.files[i];
             setValue('_fm_iconClass', fileType(item), item);
         }
-        if (getValue('action', data) === 'read' || isFileSystemData(parent) && getValue('action', data) === 'search') {
+        if (getValue('action', data) === 'read') {
             setNodeId(result, id);
             setValue(id, result.files, parent.feFiles);
         }
@@ -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 */
 /**
@@ -932,7 +945,7 @@ function renameSuccess(parent, result) {
             parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
             var renameEventArgs = {
                 newName: parent.renamedItem.name,
-                itemData: parent.renamedItem,
+                itemData: [parent.renamedItem],
                 path: parent.path
             };
             parent.trigger('rename', renameEventArgs);

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
@@ -848,7 +847,8 @@ export function setNextPath(parent, path) {
 export function openSearchFolder(parent, data) {
     parent.originalPath = getFullPath(parent, data, parent.path);
     var root = getValue(parent.pathId[0], parent.feParent);
-    var isRoot = getValue('_fm_id', parent.itemData[0]) === 'fe_tree';
+    var navData = parent.feParent[getValue('_fm_id', parent.itemData[0])];
+    var isRoot = isNullOrUndefined(navData) || getValue('_fm_id', navData) === 'fe_tree';
     var key = isNOU(getValue('id', root)) ? 'name' : 'id';
     var searchData = getObject(parent, key, isFileSystemData(parent) ? getValue('id', data) : getValue('name', data));
     if (isNullOrUndefined(searchData)) {
@@ -1289,16 +1289,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 +1334,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 +1346,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 +1355,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.js

@@ -87,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);
@@ -94,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 {
@@ -305,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')) {
@@ -568,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;

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;
                     }

package/tslint.json

@@ -0,0 +1,111 @@
+{
+  "rules": {
+    "chai-vague-errors": true,
+    "use-isnan": true,
+    "missing-jsdoc": true,
+    "missing-optional-annotation": true,
+    "no-backbone-get-set-outside-model": true,
+    "no-banned-terms": true,
+    "no-constant-condition": true,
+    "no-control-regex": true,
+    "no-cookies": true,
+    "no-delete-expression": true,
+    "no-document-write": true,
+    "no-document-domain": true,
+    "no-disable-auto-sanitization": true,
+    "no-duplicate-case": true,
+    "no-duplicate-parameter-names": true,
+    "no-empty-interfaces": true,
+    "no-exec-script": true,
+    "no-function-constructor-with-string-args": true,
+    "no-function-expression": true,
+    "no-invalid-regexp": true,
+    "no-for-in": true,
+    "member-access": true,
+    "no-multiline-string": true,
+    "no-multiple-var-decl": true,
+    "no-unnecessary-bind": true,
+    "no-unnecessary-semicolons": true,
+    "no-octal-literal": true,
+    "no-regex-spaces": true,
+    "no-sparse-arrays": true,
+    "no-string-based-set-immediate": true,
+    "no-string-based-set-interval": true,
+    "no-unused-imports": true,
+    "no-with-statement": true,
+    "prefer-array-literal": true,
+    "promise-must-complete": false,
+    "react-no-dangerous-html": true,
+    "use-named-parameter": true,
+    "valid-typeof": true,
+    "max-func-body-length": [true, 100, {
+      "ignore-parameters-to-function-regex": "describe"
+    }],
+    "class-name": true,
+    "curly": true,
+    "eofline": false,
+    "forin": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "label-position": true,       
+    "max-line-length": [true, 140],
+    "no-arg": true,
+    "no-console": [true,
+      "debug",
+      "info",
+      "log",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-parameter-properties": true,
+    "no-debugger": true,    
+    "no-duplicate-variable": true,
+    "no-empty": true,
+    "no-eval": true,
+    "no-string-literal": true,
+    "no-switch-case-fall-through": true,
+    "trailing-comma": true,
+    "no-trailing-whitespace": true,
+    "no-unused-expression": true,
+    "no-use-before-declare": false,
+    "no-var-requires": true,
+    "one-line": [true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "no-any": true,
+    "no-conditional-assignment": true,
+    "no-angle-bracket-type-assertion": false,
+    "align": [true, "parameters", "arguments", "statements"],
+    "no-empty-line-after-opening-brace": false,
+    "typedef-whitespace": [false],
+    "ban": true,
+    "quotemark": [true, "single"],
+    "semicolon": true,
+    "triple-equals": [true, "allow-null-check"],
+    "typedef": [true,
+      "call-signature",
+      "parameter",
+      "property-declaration",
+      "variable-declaration",
+      "arrow-parameter",
+      "member-variable-declaration"],    
+    "variable-name": true,
+    "whitespace": [true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+    "jsdoc-format": true,
+    "no-var-keyword": true,
+    "radix": true
+  }
+}