@syncfusion/ej2-filemanager 20.2.45 → 20.3.49

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.45
+*  version : 20.3.49
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@20.2.44",
+  "_id": "@syncfusion/ej2-filemanager@20.3.47",
   "_inBundle": false,
-  "_integrity": "sha512-hfegkjFKC2YKIv9oOH4SdHCU8oXRYyuRHo/jlZjka4EoH40CEQ/FLtCMjpOfjH2G+Hk3b/V+OVwGOh9AzR3DdA==",
+  "_integrity": "sha512-u1hhmRvH0BI9Ay3zjFmvZB4vwz+2hZNBpWR0Q0t2+XVoqns0oYzKC86j3StmfxzC9sLbKGlqhTVwqxgrz2spGA==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.2.44.tgz",
-  "_shasum": "e026529abd212826bd54651f801d4f0d6e58128d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.3.47.tgz",
+  "_shasum": "ebafc77b31caae1b7b368b50b97f6f21ee34efc3",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -37,21 +37,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.45",
-    "@syncfusion/ej2-buttons": "~20.2.45",
-    "@syncfusion/ej2-data": "~20.2.45",
-    "@syncfusion/ej2-grids": "~20.2.45",
-    "@syncfusion/ej2-inputs": "~20.2.45",
-    "@syncfusion/ej2-layouts": "~20.2.45",
-    "@syncfusion/ej2-lists": "~20.2.45",
-    "@syncfusion/ej2-navigations": "~20.2.45",
-    "@syncfusion/ej2-popups": "~20.2.45",
-    "@syncfusion/ej2-splitbuttons": "~20.2.45"
+    "@syncfusion/ej2-base": "~20.3.49",
+    "@syncfusion/ej2-buttons": "~20.3.49",
+    "@syncfusion/ej2-data": "~20.3.47",
+    "@syncfusion/ej2-grids": "~20.3.49",
+    "@syncfusion/ej2-inputs": "~20.3.49",
+    "@syncfusion/ej2-layouts": "~20.3.48",
+    "@syncfusion/ej2-lists": "~20.3.47",
+    "@syncfusion/ej2-navigations": "~20.3.49",
+    "@syncfusion/ej2-popups": "~20.3.49",
+    "@syncfusion/ej2-splitbuttons": "~20.3.47"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-filemanager.es2015.js",
+  "es2015": "./dist/es6/ej2-filemanager.es5.js",
   "homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
   "keywords": [
     "ej2",
@@ -67,6 +67,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.45",
+  "version": "20.3.49",
   "sideEffects": false
 }

package/src/file-manager/base/file-manager-model.d.ts

@@ -209,7 +209,8 @@ export interface FileManagerModel extends ComponentModel{
      *  minFileSize: 0,
      *  maxFileSize: 30000000,
      *  allowedExtensions: '',
-     *  autoClose: false
+     *  autoClose: false,
+     *  directoryUpload: false
      * }
      */
     uploadSettings?: UploadSettingsModel;

package/src/file-manager/base/file-manager.d.ts

@@ -325,7 +325,8 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
      *  minFileSize: 0,
      *  maxFileSize: 30000000,
      *  allowedExtensions: '',
-     *  autoClose: false
+     *  autoClose: false,
+     *  directoryUpload: false
      * }
      */
     uploadSettings: UploadSettingsModel;

package/src/file-manager/base/file-manager.js

@@ -420,6 +420,7 @@ var FileManager = /** @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 + CLS.UPLOAD_ID);
@@ -432,6 +433,7 @@ var FileManager = /** @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) {
@@ -481,7 +483,7 @@ var FileManager = /** @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 = {

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

@@ -115,6 +115,7 @@ export declare class DetailsView {
     private removeFocus;
     private getFocusedItemIndex;
     private keydownHandler;
+    actionDivert: boolean;
     private keyupHandler;
     gridSelectNodes(): Object[];
     private doDownload;
@@ -129,6 +130,7 @@ export declare class DetailsView {
     private InnerItems;
     private shiftSelectFocusItem;
     private addFocus;
+    private addHeaderFocus;
     private getFocusedItem;
     private isSelected;
     private shiftSelectedItem;

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

@@ -40,6 +40,9 @@ 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);
@@ -1281,8 +1284,6 @@ var DetailsView = /** @class */ (function () {
                 break;
         }
     };
-    /* istanbul ignore next */
-    // eslint:disable-next-line
     DetailsView.prototype.keyupHandler = function (e) {
         if (!this.isRendered) {
             return;
@@ -1359,8 +1360,13 @@ 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;
                     }
                 }
                 break;
@@ -1647,6 +1653,18 @@ var DetailsView = /** @class */ (function () {
             addClass([itemElement], [CLS.FOCUS, CLS.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], [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 () {
         return select('.' + CLS.FOCUSED, this.element);
     };

package/src/file-manager/layout/navigation-pane.js

@@ -312,6 +312,8 @@ var NavigationPane = /** @class */ (function () {
         if (isNOU(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) {

package/src/file-manager/models/upload-settings-model.d.ts

@@ -29,6 +29,19 @@ export interface UploadSettingsModel {
      */
     autoClose?: boolean;
 
+    /**
+     * Specifies a Boolean value that indicates whether the folder (directory) can be browsed and uploaded in the FileManager component.
+     * This property allows to select or drop to upload the folders (directories) instead of files. When folder upload is enabled, all the folder contents including hierarchy folders and files are considered to upload.
+     * Folder (directory) upload is supported for the following file system providers,
+     * - Physical provider
+     * - NodeJS provider
+     * - Azure provider
+     * - Amazon S3 provider
+     *
+     * @default false
+     */
+    directoryUpload?: boolean;
+
     /**
      * Specifies the minimum file size to be uploaded in bytes.
      * The property is used to make sure that you cannot upload empty files and small files.

package/src/file-manager/models/upload-settings.d.ts

@@ -24,6 +24,18 @@ export declare class UploadSettings extends ChildProperty<UploadSettings> {
      * @default false
      */
     autoClose: boolean;
+    /**
+     * Specifies a Boolean value that indicates whether the folder (directory) can be browsed and uploaded in the FileManager component.
+     * This property allows to select or drop to upload the folders (directories) instead of files. When folder upload is enabled, all the folder contents including hierarchy folders and files are considered to upload.
+     * Folder (directory) upload is supported for the following file system providers,
+     * - Physical provider
+     * - NodeJS provider
+     * - Azure provider
+     * - Amazon S3 provider
+     *
+     * @default false
+     */
+    directoryUpload: boolean;
     /**
      * Specifies the minimum file size to be uploaded in bytes.
      * The property is used to make sure that you cannot upload empty files and small files.

package/src/file-manager/models/upload-settings.js

@@ -35,6 +35,9 @@ var UploadSettings = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], UploadSettings.prototype, "autoClose", void 0);
+    __decorate([
+        Property(false)
+    ], UploadSettings.prototype, "directoryUpload", void 0);
     __decorate([
         Property(0)
     ], UploadSettings.prototype, "minFileSize", void 0);

package/styles/bootstrap-dark.css

@@ -1,3 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -14,6 +17,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 /*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -196,6 +200,7 @@
   content: "\e614";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
 }
@@ -223,10 +228,20 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 1px;
 }
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
+  height: 30px;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
+  border: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
+  padding-left: 1px;
+  padding-right: 1px;
+}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   height: calc(100% - 2px);
   padding: 1px 2.5px;
 }
@@ -430,7 +445,7 @@ ejs-filemanager {
   visibility: visible;
 }
 .e-filemanager .e-grid .e-content {
-  overflow-y: auto !important;
+  overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-content .e-table {
   border-spacing: 0;
@@ -473,7 +488,7 @@ ejs-filemanager {
   text-align: center;
 }
 .e-filemanager .e-grid .e-gridpopup {
-  display: none !important;
+  display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-gridheader .e-emptyrow,
 .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
@@ -539,10 +554,10 @@ ejs-filemanager {
   width: 18px;
 }
 .e-filemanager .e-view-container .e-grid .e-gridheader {
-  padding-right: 0 !important;
+  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
-  padding-left: 0 !important;
+  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-large-icons {
   float: left;

package/styles/bootstrap.css

@@ -1,3 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -14,7 +17,9 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */ /*! FileManager's bootstrap theme wise override definitions and variables */
+/*! TreeView's bootstrap theme wise override definitions and variables */
+/* stylelint-disable */
+/*! component's theme wise override definitions and variables */ /*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;
@@ -196,6 +201,7 @@
   content: "\e614";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
 }
@@ -223,10 +229,20 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
+  height: 30px;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
+  border: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
+  padding-left: 1px;
+  padding-right: 1px;
+}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   height: calc(100% - 2px);
   padding: 1px 2.5px;
 }
@@ -430,7 +446,7 @@ ejs-filemanager {
   visibility: visible;
 }
 .e-filemanager .e-grid .e-content {
-  overflow-y: auto !important;
+  overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-content .e-table {
   border-spacing: 0;
@@ -473,7 +489,7 @@ ejs-filemanager {
   text-align: center;
 }
 .e-filemanager .e-grid .e-gridpopup {
-  display: none !important;
+  display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-gridheader .e-emptyrow,
 .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
@@ -539,10 +555,10 @@ ejs-filemanager {
   width: 18px;
 }
 .e-filemanager .e-view-container .e-grid .e-gridheader {
-  padding-right: 0 !important;
+  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
-  padding-left: 0 !important;
+  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-large-icons {
   float: left;

package/styles/bootstrap4.css

@@ -1,3 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -14,6 +17,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 /*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -196,6 +200,7 @@
   content: "\e718";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
 }
@@ -223,10 +228,20 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
+  height: 30px;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
+  border: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
+  padding-left: 1px;
+  padding-right: 1px;
+}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   height: calc(100% - 2px);
   padding: 1px 2.5px;
 }
@@ -430,7 +445,7 @@ ejs-filemanager {
   visibility: visible;
 }
 .e-filemanager .e-grid .e-content {
-  overflow-y: auto !important;
+  overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-content .e-table {
   border-spacing: 0;
@@ -473,7 +488,7 @@ ejs-filemanager {
   text-align: center;
 }
 .e-filemanager .e-grid .e-gridpopup {
-  display: none !important;
+  display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-gridheader .e-emptyrow,
 .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
@@ -539,10 +554,10 @@ ejs-filemanager {
   width: 18px;
 }
 .e-filemanager .e-view-container .e-grid .e-gridheader {
-  padding-right: 0 !important;
+  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
-  padding-left: 0 !important;
+  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-large-icons {
   float: left;

package/styles/bootstrap5-dark.css

@@ -1,9 +1,12 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,
 .e-bigger.e-small .e-upload .e-upload-actions {
   background-color: #282d31;
   border-radius: 0 0 6px 6px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -20,7 +23,11 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
+/*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;
@@ -202,6 +209,7 @@
   content: "\e774";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
 }
@@ -229,10 +237,20 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
+  height: 30px;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
+  border: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
+  padding-left: 1px;
+  padding-right: 1px;
+}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   height: calc(100% - 10px);
   padding: 0;
 }
@@ -442,7 +460,7 @@ ejs-filemanager {
   visibility: visible;
 }
 .e-filemanager .e-grid .e-content {
-  overflow-y: auto !important;
+  overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-content .e-table {
   border-spacing: 0;
@@ -486,7 +504,7 @@ ejs-filemanager {
   text-align: center;
 }
 .e-filemanager .e-grid .e-gridpopup {
-  display: none !important;
+  display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-gridheader .e-emptyrow,
 .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
@@ -543,10 +561,10 @@ ejs-filemanager {
   width: 20px;
 }
 .e-filemanager .e-view-container .e-grid .e-gridheader {
-  padding-right: 0 !important;
+  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
-  padding-left: 0 !important;
+  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-large-icons {
   float: left;

package/styles/bootstrap5.css

@@ -1,9 +1,12 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,
 .e-bigger.e-small .e-upload .e-upload-actions {
   background-color: #f8f9fa;
   border-radius: 0 0 6px 6px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -20,7 +23,11 @@
     transform: rotate(360deg);
   }
 }
-/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
+/*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
   background-repeat: no-repeat;
@@ -202,6 +209,7 @@
   content: "\e774";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
 }
@@ -229,10 +237,20 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
+  height: 30px;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
+  border: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
+  padding-left: 1px;
+  padding-right: 1px;
+}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   height: calc(100% - 10px);
   padding: 0;
 }
@@ -442,7 +460,7 @@ ejs-filemanager {
   visibility: visible;
 }
 .e-filemanager .e-grid .e-content {
-  overflow-y: auto !important;
+  overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-content .e-table {
   border-spacing: 0;
@@ -486,7 +504,7 @@ ejs-filemanager {
   text-align: center;
 }
 .e-filemanager .e-grid .e-gridpopup {
-  display: none !important;
+  display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-grid .e-gridheader .e-emptyrow,
 .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
@@ -543,10 +561,10 @@ ejs-filemanager {
   width: 20px;
 }
 .e-filemanager .e-view-container .e-grid .e-gridheader {
-  padding-right: 0 !important;
+  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
-  padding-left: 0 !important;
+  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-filemanager .e-large-icons {
   float: left;