@syncfusion/ej2-filemanager 25.1.35 → 25.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.35
+*  version : 25.1.38
 *  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@18.28.1",
+  "_id": "@syncfusion/ej2-filemanager@25.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-B8/VpoTx0Zn9OJqF8kMo1V03pTl95W+z2HV6FmfelRbRMEKS6X3XoDJmDnWPhS3u7rS2gJqNNMsTPIjsZQ5mDg==",
+  "_integrity": "sha512-E1C2uMBrLbHmWH7u6iECQldBwNpGb9Y/bbviwBWKb9VCw3lZzpTQCJ3rYq3Ek5iLJrvTYQ59AonoF/F3RAdSMA==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-filemanager/-/ej2-filemanager-18.28.1.tgz",
-  "_shasum": "bc5a292c9165ab8617cefdd4eeddeba55db040fc",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-25.1.37.tgz",
+  "_shasum": "cf782a89b485d61d55101285fe5e01c7b2e094a0",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -39,13 +39,13 @@
     "@syncfusion/ej2-base": "~25.1.35",
     "@syncfusion/ej2-buttons": "~25.1.35",
     "@syncfusion/ej2-data": "~25.1.35",
-    "@syncfusion/ej2-grids": "~25.1.35",
-    "@syncfusion/ej2-inputs": "~25.1.35",
-    "@syncfusion/ej2-layouts": "~25.1.35",
+    "@syncfusion/ej2-grids": "~25.1.38",
+    "@syncfusion/ej2-inputs": "~25.1.38",
+    "@syncfusion/ej2-layouts": "~25.1.37",
     "@syncfusion/ej2-lists": "~25.1.35",
-    "@syncfusion/ej2-navigations": "~25.1.35",
-    "@syncfusion/ej2-popups": "~25.1.35",
-    "@syncfusion/ej2-splitbuttons": "~25.1.35"
+    "@syncfusion/ej2-navigations": "~25.1.38",
+    "@syncfusion/ej2-popups": "~25.1.38",
+    "@syncfusion/ej2-splitbuttons": "~25.1.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.1.35",
+  "version": "25.1.38",
   "sideEffects": false
 }

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

@@ -121,9 +121,9 @@ export declare class DetailsView {
     private wireClickEvent;
     private removeSelection;
     private removeFocus;
+    private onBlur;
     private getFocusedItemIndex;
     private keydownHandler;
-    actionDivert: boolean;
     private keyupHandler;
     gridSelectNodes(): Object[];
     private doDownload;

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

@@ -40,9 +40,6 @@ 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);
@@ -210,7 +207,7 @@ var DetailsView = /** @class */ (function () {
                     field: 'name', headerText: getLocaleText(this.parent, 'Name'), width: 'auto', minWidth: 120, headerTextAlign: 'Left',
                     template: initializeCSPTemplate(function (data) {
                         var 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>' +\n                        '<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>";
                     })
                 }
             ];
@@ -220,7 +217,7 @@ var DetailsView = /** @class */ (function () {
             this.adjustWidth(columns, 'name');
             var _loop_1 = function (i, len) {
                 columns[i].headerText = getLocaleText(this_1.parent, columns[i].headerText);
-                if (columns[i].field === 'name' && !isNOU(columns[i].template)) {
+                if (columns[i].field === 'name' && !isNOU(columns[i].template) && !(typeof columns[i].template === 'function')) {
                     var template_1 = columns[i].template;
                     columns[i].template = initializeCSPTemplate(function (data) {
                         var name = enableHtmlSanitizer ? SanitizeHtmlHelper.sanitize(data.name) : data.name;
@@ -1271,12 +1268,14 @@ var DetailsView = /** @class */ (function () {
             eventName: 'keydown'
         });
         EventHandler.add(this.gridObj.element, 'blur', this.removeFocus, this);
+        EventHandler.add(this.parent.element, 'focusout', this.onBlur, this);
     };
     DetailsView.prototype.unWireEvents = function () {
         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);
     };
     DetailsView.prototype.wireClickEvent = function (toBind) {
         if (toBind) {
@@ -1326,6 +1325,19 @@ var DetailsView = /** @class */ (function () {
     DetailsView.prototype.removeFocus = function () {
         this.addFocus(null);
     };
+    DetailsView.prototype.onBlur = function (e) {
+        if ((e.relatedTarget !== null && closest(e.relatedTarget, '.e-grid') !== e.relatedTarget)) {
+            return;
+        }
+        if (!isNOU(this.gridObj.element)) {
+            var thElements = this.gridObj.element.querySelectorAll('th');
+            for (var i = 0; i < thElements.length; i++) {
+                if (thElements[i].classList.contains('e-focus')) {
+                    this.addFocus(null);
+                }
+            }
+        }
+    };
     DetailsView.prototype.getFocusedItemIndex = function () {
         return (!isNOU(this.getFocusedItem())) ?
             parseInt(this.getFocusedItem().getAttribute('data-rowindex'), 10) : null;
@@ -1374,6 +1386,8 @@ var DetailsView = /** @class */ (function () {
                 break;
         }
     };
+    /* istanbul ignore next */
+    // eslint:disable-next-line
     DetailsView.prototype.keyupHandler = function (e) {
         if (!this.isRendered) {
             return;
@@ -1404,7 +1418,15 @@ var DetailsView = /** @class */ (function () {
                 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')) {
+                        var direction = !e.target.getElementsByClassName('e-ascending').length ? 'Ascending' : 'Descending';
+                        var currentField = this.gridObj.getColumnByUid(e.target.querySelector('.e-headercelldiv').getAttribute('e-mappinguid')).field;
+                        this.gridObj.sortColumn(currentField, direction);
+                        if (!isNOU(this.getFocusedItem().nextSibling)) {
+                            this.getFocusedItem().nextSibling.setAttribute('tabindex', '0');
+                        }
+                    }
                     break;
                 }
                 rowData = this.gridObj.getRowsObject()[this.gridObj.selectedRowIndex].data;
@@ -1451,13 +1473,8 @@ 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;
+                        this.addHeaderFocus(e);
                     }
                 }
                 break;
@@ -1744,16 +1761,29 @@ var DetailsView = /** @class */ (function () {
             addClass([itemElement], [CLS.FOCUS, CLS.FOCUSED]);
         }
     };
-    DetailsView.prototype.addHeaderFocus = function () {
+    DetailsView.prototype.addHeaderFocus = function (e) {
         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]);
+        var nameFocus;
+        if (!isNOU(e.target) && e.target.classList.contains('e-defaultcursor')) {
+            this.addFocus(0);
+            nameFocus = e.target.nextElementSibling;
+        }
+        else if (!isNOU(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 (!isNOU(nameFocus)) {
+            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 () {