@syncfusion/ej2-filemanager 20.2.45 → 20.3.49

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

@@ -308,6 +308,9 @@ var UploadSettings = /** @__PURE__ @class */ (function (_super) {
     __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);
@@ -6928,6 +6931,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
             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);
@@ -6940,6 +6944,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         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();
     };
     FileManager.prototype.onBeforeOpen = function (args) {
@@ -6989,7 +6994,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
             }
         }
         var 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 }];
         var uploadUrl = this.ajaxSettings.uploadUrl ? this.ajaxSettings.uploadUrl : this.ajaxSettings.url;
         // eslint-disable-next-line
         var ajaxSettings = {
@@ -8582,6 +8587,8 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         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);
     };
     NavigationPane.prototype.updateTree = function (args) {
         if (this.treeObj) {
@@ -9143,6 +9150,9 @@ var DetailsView = /** @__PURE__ @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$1, Sort, VirtualScroll);
         this.parent = parent;
         this.element = select('#' + this.parent.element.id + GRID_ID, this.parent.element);
@@ -10384,8 +10394,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 break;
         }
     };
-    /* istanbul ignore next */
-    // eslint:disable-next-line
     DetailsView.prototype.keyupHandler = function (e) {
         if (!this.isRendered) {
             return;
@@ -10462,8 +10470,13 @@ var DetailsView = /** @__PURE__ @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;
                     }
                 }
                 break;
@@ -10750,6 +10763,18 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             addClass([itemElement], [FOCUS, FOCUSED]);
         }
     };
+    DetailsView.prototype.addHeaderFocus = function () {
+        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], [FOCUS, FOCUSED]);
+        treeFocus.setAttribute('tabindex', '0');
+        if (treeFocus.tabIndex === 0 && nameFocus.tabIndex === 0) {
+            removeClass([treeFocus], [FOCUS, FOCUSED]);
+        }
+    };
     DetailsView.prototype.getFocusedItem = function () {
         return select('.' + FOCUSED, this.element);
     };