@syncfusion/ej2-filemanager 20.2.45 → 20.3.49

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

@@ -184,6 +184,9 @@ __decorate$6([
 __decorate$6([
     Property(false)
 ], UploadSettings.prototype, "autoClose", void 0);
+__decorate$6([
+    Property(false)
+], UploadSettings.prototype, "directoryUpload", void 0);
 __decorate$6([
     Property(0)
 ], UploadSettings.prototype, "minFileSize", void 0);
@@ -6755,6 +6758,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
             minFileSize: this.uploadSettings.minFileSize,
             maxFileSize: this.uploadSettings.maxFileSize,
             allowedExtensions: this.uploadSettings.allowedExtensions,
+            directoryUpload: this.uploadSettings.directoryUpload,
             fileListRendering: this.onFileListRender.bind(this)
         });
         this.uploadObj.appendTo('#' + this.element.id + UPLOAD_ID);
@@ -6767,6 +6771,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         this.uploadObj.minFileSize = this.uploadSettings.minFileSize;
         this.uploadObj.maxFileSize = this.uploadSettings.maxFileSize;
         this.uploadObj.allowedExtensions = this.uploadSettings.allowedExtensions;
+        this.uploadObj.directoryUpload = this.uploadSettings.directoryUpload;
         this.uploadObj.dataBind();
     }
     onBeforeOpen(args) {
@@ -6816,7 +6821,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
             }
         }
         const data = JSON.stringify(getValue(this.pathId[this.pathId.length - 1], this.feParent));
-        args.customFormData = [{ 'path': this.path }, { 'action': action }, { 'data': data }];
+        args.customFormData = [{ 'path': this.path }, { 'action': action }, { 'data': data }, { 'filename': args.fileData.name }];
         const uploadUrl = this.ajaxSettings.uploadUrl ? this.ajaxSettings.uploadUrl : this.ajaxSettings.url;
         // eslint-disable-next-line
         const ajaxSettings = {
@@ -8397,6 +8402,8 @@ class NavigationPane {
         if (isNullOrUndefined(currFiles)) {
             setValue(this.parent.pathId[this.parent.pathId.length - 1], args.files, this.parent.feFiles);
         }
+        if (this.parent.uploadObj.directoryUpload)
+            this.updateTree(args);
     }
     updateTree(args) {
         if (this.treeObj) {
@@ -8956,6 +8963,9 @@ 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);
@@ -10194,8 +10204,6 @@ class DetailsView {
                 break;
         }
     }
-    /* istanbul ignore next */
-    // eslint:disable-next-line
     keyupHandler(e) {
         if (!this.isRendered) {
             return;
@@ -10272,8 +10280,13 @@ 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;
                     }
                 }
                 break;
@@ -10560,6 +10573,18 @@ class DetailsView {
             addClass([itemElement], [FOCUS, FOCUSED]);
         }
     }
+    addHeaderFocus() {
+        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]);
+        }
+    }
     getFocusedItem() {
         return select('.' + FOCUSED, this.element);
     }