@syncfusion/ej2-filemanager 25.2.6 → 26.1.40

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

@@ -14,6 +14,7 @@ import { cutFiles, addBlur, openSearchFolder, copyFiles, removeActive, pasteHand
 import { hasReadAccess, hasEditAccess, hasDownloadAccess, doRename, getAccessClass, createDeniedDialog, rename } from '../common/index';
 import { createVirtualDragElement, dragStopHandler, dragStartHandler, draggingHandler, getModule, getFullPath } from '../common/index';
 import { getDirectoryPath, updateRenamingData, getItemName, doDeleteFiles, doDownloadFiles } from '../common/index';
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * DetailsView module
  */
@@ -87,7 +88,6 @@ var DetailsView = /** @class */ (function () {
         showSpinner(this.parent.element);
         if (this.parent.view === 'Details') {
             removeClass([this.parent.element], CLS.MULTI_SELECT);
-            // eslint-disable-next-line
             var items = getSortedData(this.parent, args.files);
             this.checkNameWidth();
             var columns = this.getColumns();
@@ -128,8 +128,7 @@ var DetailsView = /** @class */ (function () {
                 width: '100%',
                 height: (this.parent.enableVirtualization) ? this.getGridHeight() : 'auto',
                 beforeCopy: function (args) { args.cancel = true; },
-                // eslint-disable-next-line
-                load: function (args) {
+                load: function () {
                     this.focusModule.destroy();
                 },
                 locale: this.parent.locale
@@ -147,18 +146,18 @@ var DetailsView = /** @class */ (function () {
         }
     };
     DetailsView.prototype.reactTemplateRender = function (args) {
-        this.parent["portals"] = args;
+        this.parent['portals'] = args;
         if (this.parent.portals && this.parent.toolbarModule && this.parent.toolbarModule.toolbarObj &&
             this.parent.toolbarModule.toolbarObj.portals) {
-            this.parent["portals"] = this.parent["portals"].concat(this.parent.toolbarModule.toolbarObj.portals);
+            this.parent['portals'] = this.parent['portals'].concat(this.parent.toolbarModule.toolbarObj.portals);
         }
-        this.parent.notify('renderReactTemplate', this.parent["portals"]);
-        this.parent["renderReactTemplates"]();
+        this.parent.notify('renderReactTemplate', this.parent['portals']);
+        this.parent['renderReactTemplates']();
     };
     /**
      * Gets the grid height.
      *
-     * @returns The grid height.
+     * @returns {number} - The grid height.
      * @private
      */
     DetailsView.prototype.getGridHeight = function () {
@@ -236,7 +235,7 @@ var DetailsView = /** @class */ (function () {
                 return "<span class=\"e-fe-icon " + data._fm_iconClass + "\"></span>";
             }), allowResizing: false, allowSorting: true, customAttributes: { class: 'e-fe-grid-icon' },
             headerTemplate: initializeCSPTemplate(function () {
-                return "<span class=\"e-fe-icon e-fe-folder\"></span>";
+                return '<span class=\'e-fe-icon e-fe-folder\'></span>';
             })
         };
         columns.unshift(icon);
@@ -295,7 +294,8 @@ var DetailsView = /** @class */ (function () {
             }
         }
         if (!this.parent.showFileExtension && getValue('isFile', args.data)) {
-            var textEle = args.row.querySelector('.e-fe-text');
+            var text = getValue('name', args.data);
+            var textEle = args.row.querySelector('[title= "' + text + '"]');
             if (textEle) {
                 var name_1 = getValue('name', args.data);
                 var type = getValue('type', args.data);
@@ -329,7 +329,6 @@ var DetailsView = /** @class */ (function () {
                 var dateEle = args.row.querySelector('.e-fe-date');
                 var intl = new Internationalization(this.parent.locale);
                 var columns = this.parent.detailsViewSettings.columns;
-                // eslint-disable-next-line
                 var format = void 0;
                 for (var i = 0; i < columns.length; i++) {
                     if (columns[i].field === 'dateModified') {
@@ -365,7 +364,6 @@ var DetailsView = /** @class */ (function () {
                 var len = rows.length;
                 this.sortSelectedNodes = [];
                 while (len > 0) {
-                    // eslint-disable-next-line
                     var data = this.gridObj.getRowsObject()[rows[len - 1]].data;
                     this.sortSelectedNodes.push(getValue(this.parent.hasId ? 'id' : 'name', data));
                     len--;
@@ -385,8 +383,9 @@ var DetailsView = /** @class */ (function () {
         showSpinner(this.parent.element);
         var nameColumn = this.parent.detailsViewSettings.columns.find(function (column) { return column.field === _this.parent.sortBy; });
         if (nameColumn && !('sortComparer' in nameColumn)) {
-            // eslint-disable-next-line
-            var items = getSortedData(this.parent, (this.parent.enableVirtualization) ? args.result : this.gridObj.dataSource);
+            var items = getSortedData(this.parent, (this.parent.enableVirtualization)
+                ? args.result
+                : this.gridObj.dataSource);
             args.result = items;
         }
     };
@@ -395,7 +394,7 @@ var DetailsView = /** @class */ (function () {
         this.createDragObj();
         if ((this.parent.selectedItems.length !== 0 && !this.parent.enableVirtualization) ||
             ((this.parent.selectedItems.length !== 0 && this.parent.enableVirtualization &&
-                this.element.querySelector('.e-content').scrollTop == 0))) {
+                this.element.querySelector('.e-content').scrollTop === 0))) {
             this.selectRecords(this.parent.selectedItems);
         }
         if (this.isPasteOperation === true) {
@@ -468,7 +467,6 @@ var DetailsView = /** @class */ (function () {
         this.isLoaded = false;
     };
     DetailsView.prototype.selectRecords = function (nodes) {
-        // eslint-disable-next-line
         var gridRecords = this.gridObj.getCurrentViewRecords();
         var sRecords = [];
         for (var i = 0, len = gridRecords.length; i < len; i++) {
@@ -476,7 +474,7 @@ var DetailsView = /** @class */ (function () {
             if (nodes.indexOf(node) !== -1) {
                 sRecords.push(i);
             }
-            else if (!this.parent.showFileExtension && node.includes('.')) {
+            else if (!this.parent.showFileExtension && !this.parent.hasId && node.includes('.')) {
                 var Str2 = node.split('.').slice(0, -1).join('.');
                 if (nodes.indexOf(Str2) !== -1) {
                     sRecords.push(i);
@@ -488,18 +486,14 @@ var DetailsView = /** @class */ (function () {
             this.addFocus(this.gridObj.selectedRowIndex);
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.addSelection = function (data) {
-        // eslint-disable-next-line
         var items = this.gridObj.getCurrentViewRecords();
-        // eslint-disable-next-line
         var rData = [];
         if (this.parent.hasId) {
             rData = new DataManager(items).
                 executeLocal(new Query().where('id', 'equal', this.parent.renamedId, false));
         }
         else {
-            // eslint-disable-next-line
             var nData = new DataManager(items).
                 executeLocal(new Query().where('name', 'equal', getValue('name', data), false));
             if (nData.length > 0) {
@@ -517,7 +511,6 @@ var DetailsView = /** @class */ (function () {
             this.gridObj.sortModule.sortColumn(this.parent.sortBy, this.parent.sortOrder);
         }
         else {
-            // eslint-disable-next-line
             this.gridObj.dataSource = getSortedData(this.parent, this.gridObj.dataSource);
         }
         if (this.element.querySelector('.e-content').scrollTop !== 0) {
@@ -625,7 +618,6 @@ var DetailsView = /** @class */ (function () {
         }
     };
     DetailsView.prototype.checkEmptyDiv = function (args) {
-        // eslint-disable-next-line
         var items = getSortedData(this.parent, args.files);
         if (items.length === 0 && !isNOU(this.element.querySelector('.' + CLS.GRID_VIEW))) {
             createEmptyElement(this.parent, this.element, args);
@@ -642,21 +634,18 @@ var DetailsView = /** @class */ (function () {
     };
     DetailsView.prototype.onOpenInit = function () {
         if (this.parent.activeModule === 'detailsview') {
-            // eslint-disable-next-line
             var data = this.gridObj.getSelectedRecords()[0];
             this.openContent(data);
         }
     };
     DetailsView.prototype.DblClickEvents = function (args) {
         this.gridObj.selectRows([args.rowIndex]);
-        // eslint-disable-next-line
         var data;
         if (args.rowData) {
             data = JSON.parse(JSON.stringify(args.rowData));
             this.openContent(data);
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.openContent = function (data) {
         var _this = this;
         if (!hasReadAccess(data)) {
@@ -753,7 +742,6 @@ var DetailsView = /** @class */ (function () {
                     this.gridObj.sortColumn('name', this.parent.sortOrder);
                 }
                 else {
-                    // eslint-disable-next-line
                     this.gridObj.dataSource = getSortedData(this.parent, this.gridObj.dataSource);
                 }
                 this.parent.notify(events.sortByChange, {});
@@ -942,7 +930,6 @@ var DetailsView = /** @class */ (function () {
         this.parent.off(events.updateSelectionData, this.onUpdateSelectionData);
     };
     DetailsView.prototype.onActionFailure = function () { this.interaction = true; };
-    // eslint-disable-next-line
     DetailsView.prototype.onMenuItemData = function (args) {
         if (this.parent.activeModule === this.getModuleName()) {
             this.parent.itemData = [this.gridObj.getRowInfo(args.target).rowData];
@@ -983,7 +970,6 @@ var DetailsView = /** @class */ (function () {
         getModule(this.parent, dragLi);
         this.parent.activeElements = [];
         this.parent.dragData = [];
-        // eslint-disable-next-line
         this.parent.dragData = this.gridObj.getSelectedRecords();
         var dragRow;
         if (this.parent.dragData.length === 0 && dragLi) {
@@ -1072,16 +1058,13 @@ var DetailsView = /** @class */ (function () {
     DetailsView.prototype.onDropInit = function (args) {
         if (this.parent.targetModule === this.getModuleName()) {
             /* istanbul ignore next */
-            // eslint-disable-next-line
             var cwdData = getValue(this.parent.pathId[this.parent.pathId.length - 1], this.parent.feParent);
             if (!args.target.closest('tr')) {
                 this.parent.dropPath = this.parent.path;
                 this.parent.dropData = cwdData;
             }
             else {
-                // eslint-disable-next-line
                 var info = null;
-                // eslint-disable-next-line
                 info = this.gridObj.getRowInfo(args.target).rowData;
                 this.parent.dropPath = info.isFile ? this.parent.path : getFullPath(this.parent, info, this.parent.path);
                 this.parent.dropData = info.isFile ? cwdData : info;
@@ -1183,7 +1166,6 @@ var DetailsView = /** @class */ (function () {
             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);
         }
@@ -1213,7 +1195,6 @@ var DetailsView = /** @class */ (function () {
     };
     DetailsView.prototype.selectedRecords = function () {
         this.parent.setProperties({ selectedItems: [] }, true);
-        // eslint-disable-next-line
         var selectedRecords = this.gridSelectNodes();
         var selectSize = 0;
         while (selectSize < selectedRecords.length) {
@@ -1277,28 +1258,27 @@ var DetailsView = /** @class */ (function () {
         EventHandler.remove(this.parent.element, 'focusout', this.onBlur);
     };
     DetailsView.prototype.wireClickEvent = function (toBind) {
+        var _this = this;
         if (toBind) {
-            // eslint-disable-next-line
-            var proxy_1 = this;
             var ele = this.gridObj.getContent();
             this.clickObj = new Touch(ele, {
                 tap: function (eve) {
                     if (eve.tapCount === 1 && eve.originalEvent.target.classList.contains('e-content')) {
-                        proxy_1.onClearAllInit();
+                        _this.onClearAllInit();
                     }
                 },
                 tapHold: function (e) {
-                    if (proxy_1.parent.isDevice) {
+                    if (_this.parent.isDevice) {
                         e.originalEvent.preventDefault();
-                        if (proxy_1.parent.allowMultiSelection) {
-                            setValue('enableSelectMultiTouch', proxy_1.parent.allowMultiSelection, proxy_1.gridObj.selectionModule);
-                            addClass([proxy_1.parent.element], CLS.MULTI_SELECT);
+                        if (_this.parent.allowMultiSelection) {
+                            setValue('enableSelectMultiTouch', _this.parent.allowMultiSelection, _this.gridObj.selectionModule);
+                            addClass([_this.parent.element], CLS.MULTI_SELECT);
                         }
                         var target = e.originalEvent.target;
                         if (target) {
                             var row = closest(target, '.' + CLS.ROW);
-                            var index = proxy_1.gridObj.getRows().indexOf(row);
-                            proxy_1.gridObj.selectRow(index);
+                            var index = _this.gridObj.getRows().indexOf(row);
+                            _this.gridObj.selectRow(index);
                         }
                     }
                 }
@@ -1342,7 +1322,6 @@ var DetailsView = /** @class */ (function () {
             parseInt(this.getFocusedItem().getAttribute('data-rowindex'), 10) : null;
     };
     /* istanbul ignore next */
-    // eslint:disable-next-line
     DetailsView.prototype.keydownHandler = function (e) {
         if (!this.isRendered) {
             return;
@@ -1386,21 +1365,17 @@ var DetailsView = /** @class */ (function () {
         }
     };
     /* istanbul ignore next */
-    // eslint:disable-next-line
     DetailsView.prototype.keyupHandler = function (e) {
         if (!this.isRendered) {
             return;
         }
         e.preventDefault();
         var action = e.action;
-        // eslint-disable-next-line
         var gridItems = getSortedData(this.parent, this.gridObj.dataSource);
         var gridLength = gridItems.length;
-        var focItem = this.getFocusedItem();
         var focIndex = this.getFocusedItemIndex();
         var selIndex = this.gridObj.selectedRowIndex;
         var selRowIndeces = this.gridObj.getSelectedRowIndexes();
-        // eslint-disable-next-line
         var rowData;
         var firstItem;
         var lastItem;
@@ -1430,7 +1405,6 @@ var DetailsView = /** @class */ (function () {
                 }
                 rowData = this.gridObj.getRowsObject()[this.gridObj.selectedRowIndex].data;
                 if (rowData) {
-                    // eslint-disable-next-line
                     var data = JSON.parse(JSON.stringify(rowData));
                     this.openContent(data);
                 }
@@ -1547,14 +1521,12 @@ var DetailsView = /** @class */ (function () {
                 break;
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.gridSelectNodes = function () {
         return this.gridObj.getSelectedRecords();
     };
     DetailsView.prototype.doDownload = function () {
         if (this.parent.selectedItems.length !== 0) {
             this.parent.itemData = this.gridObj.getSelectedRecords();
-            // eslint-disable-next-line
             var items = this.parent.itemData;
             for (var i = 0; i < items.length; i++) {
                 if (!hasDownloadAccess(items[i])) {
@@ -1568,7 +1540,6 @@ var DetailsView = /** @class */ (function () {
     DetailsView.prototype.performDelete = function () {
         if (this.parent.selectedItems && this.parent.selectedItems.length > 0) {
             this.parent.itemData = this.gridObj.getSelectedRecords();
-            // eslint-disable-next-line
             var items = this.parent.itemData;
             for (var i = 0; i < items.length; i++) {
                 if (!hasEditAccess(items[i])) {
@@ -1586,11 +1557,9 @@ var DetailsView = /** @class */ (function () {
         }
     };
     DetailsView.prototype.updateRenameData = function () {
-        // eslint-disable-next-line
         var data = this.gridSelectNodes()[0];
         updateRenamingData(this.parent, data);
     };
-    // eslint-disable-next-line
     DetailsView.prototype.shiftMoveMethod = function (gridItems, selIndex, focIndex, selRowIndeces, e) {
         if (!this.parent.allowMultiSelection) {
             this.moveFunction(gridItems, e, selIndex);
@@ -1608,7 +1577,6 @@ var DetailsView = /** @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.moveFunction = function (selectedItems, e, rowIndex) {
         if (!isNOU(this.getFocusedItem()) && this.parent.allowMultiSelection) {
             if (e.action === 'moveDown') {
@@ -1655,7 +1623,6 @@ var DetailsView = /** @class */ (function () {
             this.gridObj.selectRow(selIndex);
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.ctrlMoveFunction = function (items, e, rowIndex) {
         var nextItem;
         if (!isNOU(this.getFocusedItem())) {
@@ -1674,7 +1641,6 @@ var DetailsView = /** @class */ (function () {
         }
         this.addFocus(nextItem);
     };
-    // eslint-disable-next-line
     DetailsView.prototype.checkRowsKey = function (items, indexValue, focIndex, e) {
         if (this.gridObj.checkAllRows === 'Uncheck' || this.gridObj.checkAllRows === 'Intermediate') {
             if (e.action !== 'csHome' && e.action !== 'csEnd') {
@@ -1798,7 +1764,6 @@ var DetailsView = /** @class */ (function () {
         }
         return check;
     };
-    // eslint-disable-next-line
     DetailsView.prototype.shiftSelectedItem = function (selIndex, selRowIndexes, gridItems, e) {
         if (selIndex === -1) {
             this.gridObj.selectRow(0);
@@ -1847,7 +1812,6 @@ var DetailsView = /** @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.onMethodCall = function (e) {
         if (this.parent.view !== 'Details') {
             return;
@@ -1880,11 +1844,8 @@ var DetailsView = /** @class */ (function () {
                 break;
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.getRecords = function (nodes) {
-        // eslint-disable-next-line
         var gridRecords = this.gridObj.getCurrentViewRecords();
-        // eslint-disable-next-line
         var records = [];
         var hasFilter = (this.parent.breadcrumbbarModule.searchObj.element.value !== '' || this.parent.isFiltered) ? true : false;
         var filter = this.parent.hasId ? 'id' : 'name';
@@ -1911,12 +1872,10 @@ var DetailsView = /** @class */ (function () {
             this.performDelete();
             return;
         }
-        // eslint-disable-next-line
         var records = this.getRecords(ids);
         if (records.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         var data = [];
         var newIds = [];
         for (var i = 0; i < records.length; i++) {
@@ -1930,12 +1889,10 @@ var DetailsView = /** @class */ (function () {
             this.doDownload();
             return;
         }
-        // eslint-disable-next-line
         var dRecords = this.getRecords(ids);
         if (dRecords.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         var data = [];
         var newIds = [];
         for (var i = 0; i < dRecords.length; i++) {
@@ -1948,7 +1905,6 @@ var DetailsView = /** @class */ (function () {
         if (isNOU(id)) {
             return;
         }
-        // eslint-disable-next-line
         var records = this.getRecords([id]);
         if (records.length > 0) {
             this.openContent(records[0]);
@@ -1960,7 +1916,6 @@ var DetailsView = /** @class */ (function () {
             this.performRename();
             return;
         }
-        // eslint-disable-next-line
         var records = this.getRecords([id]);
         if (records.length > 0) {
             updateRenamingData(this.parent, records[0]);