@syncfusion/ej2-filemanager 25.1.35 → 25.1.38

package/dist/es6/ej2-filemanager.es2015.js

@@ -9751,9 +9751,6 @@ class DetailsView {
         this.isNameWidth = false;
         this.pasteOperation = false;
         this.uploadOperation = false;
-        /* istanbul ignore next */
-        // eslint:disable-next-line
-        this.actionDivert = false;
         Grid.Inject(Resize, ContextMenu$1, Sort, VirtualScroll);
         this.parent = parent;
         this.element = select('#' + this.parent.element.id + GRID_ID, this.parent.element);
@@ -9921,8 +9918,7 @@ class DetailsView {
                     field: 'name', headerText: getLocaleText(this.parent, 'Name'), width: 'auto', minWidth: 120, headerTextAlign: 'Left',
                     template: initializeCSPTemplate(function (data) {
                         const name = enableHtmlSanitizer ? SanitizeHtmlHelper.sanitize(data.name) : data.name;
-                        return `<div class="e-fe-text">${name}</div><div class="e-fe-date">${data._fm_modified}</div>' +
-                        '<span class="e-fe-size">${data.size}</span>`;
+                        return `<div class="e-fe-text">${name}</div><div class="e-fe-date">${data._fm_modified}</div><span class="e-fe-size">${data.size}</span>`;
                     })
                 }
             ];
@@ -9932,7 +9928,7 @@ class DetailsView {
             this.adjustWidth(columns, 'name');
             for (let i = 0, len = columns.length; i < len; i++) {
                 columns[i].headerText = getLocaleText(this.parent, columns[i].headerText);
-                if (columns[i].field === 'name' && !isNullOrUndefined(columns[i].template)) {
+                if (columns[i].field === 'name' && !isNullOrUndefined(columns[i].template) && !(typeof columns[i].template === 'function')) {
                     const template = columns[i].template;
                     columns[i].template = initializeCSPTemplate(function (data) {
                         const name = enableHtmlSanitizer ? SanitizeHtmlHelper.sanitize(data.name) : data.name;
@@ -10975,12 +10971,14 @@ class DetailsView {
             eventName: 'keydown'
         });
         EventHandler.add(this.gridObj.element, 'blur', this.removeFocus, this);
+        EventHandler.add(this.parent.element, 'focusout', this.onBlur, this);
     }
     unWireEvents() {
         this.wireClickEvent(false);
         this.keyboardModule.destroy();
         this.keyboardDownModule.destroy();
         EventHandler.remove(this.gridObj.element, 'blur', this.removeFocus);
+        EventHandler.remove(this.parent.element, 'focusout', this.onBlur);
     }
     wireClickEvent(toBind) {
         if (toBind) {
@@ -11030,6 +11028,19 @@ class DetailsView {
     removeFocus() {
         this.addFocus(null);
     }
+    onBlur(e) {
+        if ((e.relatedTarget !== null && closest(e.relatedTarget, '.e-grid') !== e.relatedTarget)) {
+            return;
+        }
+        if (!isNullOrUndefined(this.gridObj.element)) {
+            const thElements = this.gridObj.element.querySelectorAll('th');
+            for (let i = 0; i < thElements.length; i++) {
+                if (thElements[i].classList.contains('e-focus')) {
+                    this.addFocus(null);
+                }
+            }
+        }
+    }
     getFocusedItemIndex() {
         return (!isNullOrUndefined(this.getFocusedItem())) ?
             parseInt(this.getFocusedItem().getAttribute('data-rowindex'), 10) : null;
@@ -11078,6 +11089,8 @@ class DetailsView {
                 break;
         }
     }
+    /* istanbul ignore next */
+    // eslint:disable-next-line
     keyupHandler(e) {
         if (!this.isRendered) {
             return;
@@ -11108,7 +11121,15 @@ class DetailsView {
                 this.performDelete();
                 break;
             case 'enter':
-                if (this.gridObj.selectedRowIndex === -1) {
+                if (this.gridObj.selectedRowIndex === -1 && this.gridObj.allowSorting === true) {
+                    if (!e.target.classList.contains('e-fe-grid-icon')) {
+                        const direction = !e.target.getElementsByClassName('e-ascending').length ? 'Ascending' : 'Descending';
+                        const currentField = this.gridObj.getColumnByUid(e.target.querySelector('.e-headercelldiv').getAttribute('e-mappinguid')).field;
+                        this.gridObj.sortColumn(currentField, direction);
+                        if (!isNullOrUndefined(this.getFocusedItem().nextSibling)) {
+                            this.getFocusedItem().nextSibling.setAttribute('tabindex', '0');
+                        }
+                    }
                     break;
                 }
                 rowData = this.gridObj.getRowsObject()[this.gridObj.selectedRowIndex].data;
@@ -11155,13 +11176,8 @@ class DetailsView {
                     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;
+                        this.addHeaderFocus(e);
                     }
                 }
                 break;
@@ -11448,16 +11464,29 @@ class DetailsView {
             addClass([itemElement], [FOCUS, FOCUSED]);
         }
     }
-    addHeaderFocus() {
+    addHeaderFocus(e) {
         const treeFocus = select('.e-row', this.element);
         this.gridObj.element.setAttribute('tabindex', '-1');
-        const nameFocus = select('th.e-fe-grid-name', this.element);
-        nameFocus.setAttribute('tabindex', '0');
-        nameFocus.focus();
-        addClass([nameFocus], [FOCUS, FOCUSED]);
-        treeFocus.setAttribute('tabindex', '0');
-        if (treeFocus.tabIndex === 0 && nameFocus.tabIndex === 0) {
-            removeClass([treeFocus], [FOCUS, FOCUSED]);
+        let nameFocus;
+        if (!isNullOrUndefined(e.target) && e.target.classList.contains('e-defaultcursor')) {
+            this.addFocus(0);
+            nameFocus = e.target.nextElementSibling;
+        }
+        else if (!isNullOrUndefined(this.gridObj.element.querySelector('.e-focus')) && (this.gridObj.element.querySelector('.e-focus').tagName === 'TH')) {
+            nameFocus = this.gridObj.element.querySelector('.e-focus').nextElementSibling;
+            this.addFocus(0);
+        }
+        else {
+            nameFocus = select('th.e-fe-grid-icon', this.element);
+        }
+        if (!isNullOrUndefined(nameFocus)) {
+            nameFocus.setAttribute('tabindex', '0');
+            nameFocus.focus();
+            addClass([nameFocus], [FOCUS, FOCUSED]);
+            treeFocus.setAttribute('tabindex', '0');
+            if (treeFocus.tabIndex === 0 && nameFocus.tabIndex === 0) {
+                removeClass([treeFocus], [FOCUS, FOCUSED]);
+            }
         }
     }
     getFocusedItem() {