@syncfusion/ej2-filemanager 34.1.31 → 34.1.33

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.1.31
+*  version : 34.1.33
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-filemanager",
-  "version": "34.1.31",
+  "version": "34.1.33",
   "description": "Essential JS 2 FileManager Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -10,14 +10,14 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~34.1.30",
     "@syncfusion/ej2-buttons": "~34.1.30",
-    "@syncfusion/ej2-data": "~34.1.29",
-    "@syncfusion/ej2-grids": "~34.1.31",
-    "@syncfusion/ej2-inputs": "~34.1.30",
+    "@syncfusion/ej2-data": "~34.1.32",
+    "@syncfusion/ej2-grids": "~34.1.33",
+    "@syncfusion/ej2-inputs": "~34.1.32",
     "@syncfusion/ej2-layouts": "~34.1.29",
     "@syncfusion/ej2-lists": "~34.1.30",
     "@syncfusion/ej2-navigations": "~34.1.31",
     "@syncfusion/ej2-popups": "~34.1.29",
-    "@syncfusion/ej2-splitbuttons": "~34.1.31"
+    "@syncfusion/ej2-splitbuttons": "~34.1.33"
   },
   "devDependencies": {},
   "keywords": [

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

@@ -1513,11 +1513,15 @@ var DetailsView = /** @class */ (function () {
             case 'enter':
                 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');
+                        var headerDiv = e.target.querySelector('.e-headercelldiv');
+                        if (headerDiv) {
+                            var mappingUid = headerDiv.getAttribute('data-mappinguid');
+                            var direction = !e.target.getElementsByClassName('e-ascending').length ? 'Ascending' : 'Descending';
+                            var currentField = this.gridObj.getColumnByUid(mappingUid).field;
+                            this.gridObj.sortColumn(currentField, direction);
+                            if (!isNOU(this.getFocusedItem().nextSibling)) {
+                                this.getFocusedItem().nextSibling.setAttribute('tabindex', '0');
+                            }
                         }
                     }
                     break;
@@ -1749,6 +1753,14 @@ var DetailsView = /** @class */ (function () {
             this.gridObj.selectRows(selRowIndeces);
             this.addFocus(lItem);
         }
+        else if (e.action === 'space' && this.isSelected(selRowIndeces, focIndex)) {
+            var indexToRemove = selRowIndeces.indexOf(focIndex);
+            if (indexToRemove > -1) {
+                selRowIndeces.splice(indexToRemove, 1);
+                this.gridObj.selectRows(selRowIndeces);
+                this.addFocus(focIndex);
+            }
+        }
         else if (e.action === 'shiftSpace') {
             this.gridObj.selectRow(selIndex);
         }

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

@@ -1311,12 +1311,22 @@ var LargeIconsView = /** @class */ (function () {
         }
     };
     LargeIconsView.prototype.spaceKey = function (fItem) {
-        if (!isNOU(fItem) && !fItem.classList.contains(CLS.ACTIVE)) {
-            var fileSelectionArgs = this.triggerSelection('select', fItem);
-            if (fileSelectionArgs.cancel !== true) {
-                this.addActive(fItem);
-                this.parent.notify(events.selectionChanged, {});
-                this.triggerSelect('select', fItem);
+        if (!isNOU(fItem)) {
+            if (!fItem.classList.contains(CLS.ACTIVE)) {
+                var fileSelectionArgs = this.triggerSelection('select', fItem);
+                if (fileSelectionArgs.cancel !== true) {
+                    this.addActive(fItem);
+                    this.parent.notify(events.selectionChanged, {});
+                    this.triggerSelect('select', fItem);
+                }
+            }
+            else {
+                var fileSelectionArgs = this.triggerSelection('unselect', fItem);
+                if (fileSelectionArgs.cancel !== true) {
+                    this.removeActive(fItem);
+                    this.parent.notify(events.selectionChanged, {});
+                    this.triggerSelect('unselect', fItem);
+                }
             }
         }
     };

package/src/file-manager/pop-up/dialog.js

@@ -460,6 +460,7 @@ function onFolderDialogOpen(parent) {
         createInput(ele, getLocaleText(parent, 'Content-NewFolder'));
     }
     ele.parentElement.nextElementSibling.innerHTML = '';
+    ele.setAttribute('aria-invalid', 'false');
     ele.oninput = function () {
         onValidate(parent, ele);
     };
@@ -484,6 +485,7 @@ function onRenameDialogOpen(parent) {
         createInput(inputEle, getLocaleText(parent, 'Content-Rename'));
     }
     inputEle.parentElement.nextElementSibling.innerHTML = '';
+    inputEle.setAttribute('aria-invalid', 'false');
     inputEle.oninput = function () {
         onValidate(parent, inputEle);
     };
@@ -563,7 +565,7 @@ function getOptions(parent, text, e, details) {
         case 'NewFolder':
             options.dialogName = 'Create Folder';
             options.header = getLocaleText(parent, 'Header-NewFolder');
-            options.content = '<input type="text" value="New folder" id="newname"><div class="e-fe-error"></div>';
+            options.content = '<input type="text" value="New folder" id="newname" aria-invalid="false" aria-describedby="newname_error"><div id="newname_error" class="e-fe-error" role="alert"></div>';
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Create') },
@@ -606,7 +608,7 @@ function getOptions(parent, text, e, details) {
         case 'Rename':
             options.dialogName = 'Rename';
             options.header = getLocaleText(parent, 'Header-Rename');
-            options.content = '<input type="text" class="e-input" id="rename"><div class="e-fe-error"></div>';
+            options.content = '<input type="text" class="e-input" id="rename" aria-invalid="false" aria-describedby="rename_error"><div id="rename_error" class="e-fe-error" role="alert"></div>';
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Save') },
@@ -860,9 +862,11 @@ function onValidate(parent, ele) {
         addInvalid(parent, ele);
     }
     else if (ele.value === '') {
+        ele.setAttribute('aria-invalid', 'true');
         ele.parentElement.nextElementSibling.innerHTML = getLocaleText(parent, 'Validation-Empty');
     }
     else {
+        ele.setAttribute('aria-invalid', 'false');
         ele.parentElement.nextElementSibling.innerHTML = '';
     }
 }
@@ -890,6 +894,7 @@ function onSubmitValidate(parent, ele) {
  */
 function addInvalid(parent, ele) {
     var error = getLocaleText(parent, 'Validation-Invalid').replace('{0}', '"' + ele.value + '"');
+    ele.setAttribute('aria-invalid', 'true');
     if (parent.enableHtmlSanitizer) {
         ele.parentElement.nextElementSibling.textContent = error;
     }