@syncfusion/ej2-react-filemanager 22.2.12 → 23.1.38

package/CHANGELOG.md

@@ -2,88 +2,25 @@
 
 ## [Unreleased]
 
-### File Manager
-
-#### Bug fixes
-
-- `#I492168` - The Scrollbar repositioning issue when opening context menu in the File Manager component has been resolved.
-
-## 22.2.10 (2023-08-22)
-
-### File Manager
-
-#### Bug fixes
-
-- `#I492594` - The issue related to the console error that occurred when moving between folders after performing a search operation within the File Manager component has been resolved.
-
-## 22.1.39 (2023-07-18)
-
-### File Manager
-
-#### Bug fixes
-
-- `#I472742` - The exception that occurred when using the File Manager download button multiple times in the Amazon File Provider has been resolved.
+### FileManager
 
-## 22.1.38 (2023-07-11)
-
-### File Manager
+#### Bug Fixes
 
-#### Bug fixes
+- `#I492922` - The issue with the drag and drop support for the File Manager component in mobile mode has been resolved.
 
-- `#I473871` - The issue with renaming folders or files in the Navigation Pane of the File Manager component has been resolved.
+- `#I495435` - Duplicate folders issue in the navigation pane of the File Manager while switching root folders frequently has been resolved.
 
-## 22.1.34 (2023-06-21)
+## 23.1.36 (2023-09-15)
 
-### File Manager
+### FileManager
 
 #### Features
 
-- Provided the `ShowItemCheckBoxes` property to control the visibility of checkboxes.
-
-## 21.2.5 (2023-05-16)
-
-### File Manager
-
-#### Bug fixes
-
-- `#I458668` - The issue, replace dialog shows when uploading the same file to different directories in File Manager with the SQL File Provider has been resolved.
-- `#I464322` - The issue with `fileOpen` event in the File Manager component has been resolved.
-
-## 21.2.3 (2023-05-03)
-
-### File Manager
-
-#### Bug fixes
+- `#FB44788` - Provided template support to customize toolbar items. In earlier versions, Toolbar item customization was limited to a predefined set of options. With this new feature, you can now define your own templates to completely customize the appearance and functionality of toolbar items.
 
-- `#I439193` - The data disappears in the DetailsView when dynamically setting columns in the File Manager component has been resolved.
-- `#I458884` - The issue with the `fileSelect` event in the File Manager component details view has been resolved.
-
-## 21.1.41 (2023-04-18)
-
-### File Manager
-
-#### Bug fixes
-
-- `#I445512` - The issue with the `fileSelection` and `fileSelect` events argument in the File Manager component large icon view has been resolved.
-
-## 21.1.37 (2023-03-29)
-
-### File Manager
-
-#### Bug fixes
-
-- `#I442564` - The issue with `fileOpen` event in File Manager component has been resolved.
-
-## 21.1.35 (2023-03-23)
-
-### File Manager
-
-#### New Features
+#### Bug Fixes
 
-- Provided the folder (directory) upload support for Physical File Provider.
-- Provided the folder (directory) upload support for Azure File Provider.
-- Provided the folder (directory) upload support for NodeJS File System Provider.
-- Provided the folder (directory) upload support for Amazon S3 File Provider.
+- `#I493055` - The issue arising from the `expandOn` property set to `Click` in the Navigation Pane of the File Manager component has been resolved.
 
 ## 19.2.56 (2021-08-17)
 
@@ -467,11 +404,11 @@
 
 - The `beforeFileLoad` event’s `module` argument values have been changed as follows:
 
-| Argument Name | Old Value | New Value | 
-|---|---|---|
-| module | navigationpane | NavigationPane | 
-| module | Grid | DetailsView | 
-| module | LargeIcon | LargeIconView | 
+|Argument Name|Old Value|New Value|
+|----|----|----|
+|module|navigationpane|NavigationPane|
+|module|Grid|DetailsView|
+|module|LargeIcon|LargeIconView|
 
 ## 17.1.32-beta (2019-03-13)
 
@@ -479,21 +416,9 @@
 
 The `File Manager` is a graphical user interface component used to manage the file system. It enables the user to perform common file operations such as accessing, editing, uploading, downloading, and sorting files and folders. This component also allows easy navigation for browsing or selecting a file or folder from the file system.
 
-
 - **Different Views** - Provides detailed and large icon views.
 - **Context menu support** - Provides detailed and large icon views.
 - **Custom toolbar support** - Customize the toolbar to provide only necessary features.
 - **Multiple file selection** - Select multiple files simultaneously.
 - **Accessibility** - Features built-in accessibility support that makes all features accessible through keyboard interaction, screen readers, or other assistive technology devices.
 - **Localization** - Translate file names to any supported language.
-
-
-## 22.1.36 (2023-06-28)
-
-### File Manager
-
-#### Bug Fixes
-
-- `#I468614` - Provided the support to render the details view with functional template.
-
-

package/diConfig.json

@@ -174,6 +174,18 @@
                     "propertyName": "uploadSettings",
                     "baseClass": "UploadSettings"
                 }
+            ],
+            "tagDirective": [
+                {
+                    "baseClass": "ToolbarItem",
+                    "propertyName": "toolbarItems",
+                    "directoryName": "file-manager",
+                    "directiveClassName": "ToolbarItem",
+                    "arrayDirectiveClassName": "ToolbarItems",
+                    "templateProperties": [
+                        "template"
+                    ]
+                }
             ]
         }
     ]

package/dist/ej2-react-filemanager.min.js

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-filemanager.min.js
-*  version : 22.2.12
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("SyncfusionFilemanager"),require("SyncfusionReactBase"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionFilemanager","SyncfusionReactBase","React"],n):"object"==typeof exports?exports.SyncfusionReactFilemanager=n(require("SyncfusionFilemanager"),require("SyncfusionReactBase"),require("React")):e.SyncfusionReactFilemanager=n(e.SyncfusionFilemanager,e.SyncfusionReactBase,e.React)}(this,function(e,n,t){return function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var t={};return n.m=e,n.c=t,n.i=function(e){return e},n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="",n(n.s=4)}([function(n,t){n.exports=e},function(e,t){e.exports=n},function(e,n,t){"use strict";var r=t(3);t.d(n,"a",function(){return r.a})},function(e,n,t){"use strict";t.d(n,"a",function(){return u});var r=t(5),o=(t.n(r),t(0)),i=(t.n(o),t(1)),c=(t.n(i),this&&this.__extends||function(){var e=function(n,t){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(n,t)};return function(n,t){function r(){this.constructor=n}e(n,t),n.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}}()),u=function(e){function n(n){var t=e.call(this,n)||this;return t.initRenderCalled=!1,t.checkInjectedModules=!0,t.statelessTemplateProps=null,t.templateProps=null,t.immediateRender=!0,t.portals=[],t}return c(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(o.FileManager);t.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=t(2);t.d(n,"FileManagerComponent",function(){return r.a});var o=t(1);t.n(o);t.o(o,"Inject")&&t.d(n,"Inject",function(){return o.Inject});var i=t(0);t.n(i);for(var c in i)["FileManagerComponent","Inject","default"].indexOf(c)<0&&function(e){t.d(n,e,function(){return i[e]})}(c)},function(e,n){e.exports=t}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionReactBase"),require("SyncfusionFilemanager"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionFilemanager","React"],t):"object"==typeof exports?exports.SyncfusionReactFilemanager=t(require("SyncfusionReactBase"),require("SyncfusionFilemanager"),require("React")):e.SyncfusionReactFilemanager=t(e.SyncfusionReactBase,e.SyncfusionFilemanager,e.React)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=5)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var r=n(4);n.d(t,"a",function(){return r.a}),n.d(t,"b",function(){return r.b});var o=n(3);n.d(t,"c",function(){return o.a})},function(e,t,n){"use strict";n.d(t,"a",function(){return c});var r=n(6),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={toolbarItems:"toolbarItem"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return u(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(o.FileManager);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(e,t,n){"use strict";n.d(t,"a",function(){return i}),n.d(t,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="toolbarItem",t}(r.ComplexBase),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="toolbarItems",t.moduleName="toolbarItems",t}(r.ComplexBase)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);n.d(t,"ToolbarItemDirective",function(){return r.a}),n.d(t,"ToolbarItemsDirective",function(){return r.b}),n.d(t,"FileManagerComponent",function(){return r.c});var o=n(0);n.n(o);n.o(o,"Inject")&&n.d(t,"Inject",function(){return o.Inject});var i=n(1);n.n(i);for(var u in i)["ToolbarItemDirective","ToolbarItemsDirective","FileManagerComponent","Inject","default"].indexOf(u)<0&&function(e){n.d(t,e,function(){return i[e]})}(u)},function(e,t){e.exports=n}])});

package/dist/ej2-react-filemanager.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-filemanager.umd.min.js
-*  version : 22.2.12
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-filemanager"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-filemanager","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Filemanager,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!0,n.portals=[],n}return o(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return t.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.FileManager);r.applyMixins(i,[r.ComponentBase,t.Component]),e.Inject=r.Inject,e.FileManagerComponent=i,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-filemanager")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-filemanager"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Filemanager)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="toolbarItem",t}(t.ComplexBase),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="toolbarItems",t.moduleName="toolbarItems",t}(t.ComplexBase),c=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),s=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={toolbarItems:"toolbarItem"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return c(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.FileManager);t.applyMixins(s,[t.ComponentBase,n.Component]),e.Inject=t.Inject,e.ToolbarItemDirective=i,e.ToolbarItemsDirective=a,e.FileManagerComponent=s,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-filemanager.umd.min.js.map

package/dist/ej2-react-filemanager.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-filemanager.umd.min.js","sources":["../src/file-manager/filemanager.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { FileManager } from '@syncfusion/ej2-filemanager';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n Represents the Essential JS 2 react FileManager Component.\n * ```tsx\n * <FileManagerComponent showThumbnail={false}></FileManagerComponent>\n * ```\n */\nvar FileManagerComponent = /** @class */ (function (_super) {\n    __extends(FileManagerComponent, _super);\n    function FileManagerComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    FileManagerComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return FileManagerComponent;\n}(FileManager));\nexport { FileManagerComponent };\napplyMixins(FileManagerComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","FileManagerComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","statelessTemplateProps","templateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","FileManager","ej2ReactBase","ComponentBase","React.Component"],"mappings":"oYAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAsC,SAAUC,GAEhD,SAASD,EAAqBE,GAC1B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAOxC,OANAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,uBAAyB,KAC/BJ,EAAMK,cAAgB,KACtBL,EAAMM,iBAAkB,EACxBN,EAAMO,WACCP,EAWX,OApBAlB,EAAUe,EAAsBC,GAWhCD,EAAqBF,UAAUa,OAAS,WACpC,KAAMf,KAAKgB,UAAYhB,KAAKS,kBAAqBT,KAAKiB,aAAgBjB,KAAKkB,oBAKvE,OAAOC,gBAAoB,MAAOnB,KAAKoB,0BAA2BC,OAAOrB,KAAKM,MAAMgB,SAAUtB,KAAKc,UAJnGT,EAAOH,UAAUa,OAAOP,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTmB,eACFC,cACYpB,GAAuBqB,gBAAeC"}
+{"version":3,"file":"ej2-react-filemanager.umd.min.js","sources":["../src/file-manager/toolbaritems-directive.js","../src/file-manager/filemanager.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\nvar ToolbarItemDirective = /** @class */ (function (_super) {\n    __extends(ToolbarItemDirective, _super);\n    function ToolbarItemDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ToolbarItemDirective.moduleName = 'toolbarItem';\n    return ToolbarItemDirective;\n}(ComplexBase));\nexport { ToolbarItemDirective };\nvar ToolbarItemsDirective = /** @class */ (function (_super) {\n    __extends(ToolbarItemsDirective, _super);\n    function ToolbarItemsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ToolbarItemsDirective.propertyName = 'toolbarItems';\n    ToolbarItemsDirective.moduleName = 'toolbarItems';\n    return ToolbarItemsDirective;\n}(ComplexBase));\nexport { ToolbarItemsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { FileManager } from '@syncfusion/ej2-filemanager';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n Represents the Essential JS 2 react FileManager Component.\n * ```tsx\n * <FileManagerComponent showThumbnail={false}></FileManagerComponent>\n * ```\n */\nvar FileManagerComponent = /** @class */ (function (_super) {\n    __extends(FileManagerComponent, _super);\n    function FileManagerComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.directivekeys = { 'toolbarItems': 'toolbarItem' };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    FileManagerComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return FileManagerComponent;\n}(FileManager));\nexport { FileManagerComponent };\napplyMixins(FileManagerComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ToolbarItemDirective","_super","apply","arguments","moduleName","ComplexBase","ToolbarItemsDirective","propertyName","FileManagerComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","toolbarItems","statelessTemplateProps","templateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","FileManager","ej2ReactBase","ComponentBase","React.Component"],"mappings":"oYAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAcxCK,EAAsC,SAAUC,GAEhD,SAASD,IACL,OAAkB,OAAXC,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAG/D,OALAX,EAAUe,EAAsBC,GAIhCD,EAAqBI,WAAa,cAC3BJ,GACTK,eAEEC,EAAuC,SAAUL,GAEjD,SAASK,IACL,OAAkB,OAAXL,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAUqB,EAAuBL,GAIjCK,EAAsBC,aAAe,eACrCD,EAAsBF,WAAa,eAC5BE,GACTD,eC/BEpB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCa,EAAsC,SAAUP,GAEhD,SAASO,EAAqBC,GAC1B,IAAIC,EAAQT,EAAOU,KAAKf,KAAMa,IAAUb,KAQxC,OAPAc,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,eAAkBC,aAAgB,eACxCL,EAAMM,uBAAyB,KAC/BN,EAAMO,cAAgB,KACtBP,EAAMQ,iBAAkB,EACxBR,EAAMS,WACCT,EAWX,OArBAzB,EAAUuB,EAAsBP,GAYhCO,EAAqBV,UAAUsB,OAAS,WACpC,KAAMxB,KAAKyB,UAAYzB,KAAKgB,kBAAqBhB,KAAK0B,aAAgB1B,KAAK2B,oBAKvE,OAAOC,gBAAoB,MAAO5B,KAAK6B,0BAA2BC,OAAO9B,KAAKa,MAAMkB,SAAU/B,KAAKuB,UAJnGlB,EAAOH,UAAUsB,OAAOT,KAAKf,MAC7BA,KAAKgB,kBAAmB,GAMzBJ,GACToB,eACFC,cACYrB,GAAuBsB,gBAAeC"}

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

@@ -1,6 +1,14 @@
+import { ComplexBase, ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
 import { Component, createElement } from 'react';
 import { FileManager } from '@syncfusion/ej2-filemanager';
-import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
+
+class ToolbarItemDirective extends ComplexBase {
+}
+ToolbarItemDirective.moduleName = 'toolbarItem';
+class ToolbarItemsDirective extends ComplexBase {
+}
+ToolbarItemsDirective.propertyName = 'toolbarItems';
+ToolbarItemsDirective.moduleName = 'toolbarItems';
 
 /**
  Represents the Essential JS 2 react FileManager Component.
@@ -13,9 +21,10 @@ class FileManagerComponent extends FileManager {
         super(props);
         this.initRenderCalled = false;
         this.checkInjectedModules = true;
+        this.directivekeys = { 'toolbarItems': 'toolbarItem' };
         this.statelessTemplateProps = null;
         this.templateProps = null;
-        this.immediateRender = true;
+        this.immediateRender = false;
         this.portals = [];
     }
     render() {
@@ -30,7 +39,7 @@ class FileManagerComponent extends FileManager {
 }
 applyMixins(FileManagerComponent, [ComponentBase, Component]);
 
-export { FileManagerComponent };
+export { ToolbarItemDirective, ToolbarItemsDirective, FileManagerComponent };
 export * from '@syncfusion/ej2-filemanager';
 export { Inject } from '@syncfusion/ej2-react-base';
 //# sourceMappingURL=ej2-react-filemanager.es2015.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-filemanager.es2015.js","sources":["../src/es6/file-manager/filemanager.component.js"],"sourcesContent":["import * as React from 'react';\nimport { FileManager } from '@syncfusion/ej2-filemanager';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n Represents the Essential JS 2 react FileManager Component.\n * ```tsx\n * <FileManagerComponent showThumbnail={false}></FileManagerComponent>\n * ```\n */\nexport class FileManagerComponent extends FileManager {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(FileManagerComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,oBAAoB,SAAS,WAAW,CAAC;IAClD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,oBAAoB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"ej2-react-filemanager.es2015.js","sources":["../src/es6/file-manager/toolbaritems-directive.js","../src/es6/file-manager/filemanager.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\nexport class ToolbarItemDirective extends ComplexBase {\n}\nToolbarItemDirective.moduleName = 'toolbarItem';\nexport class ToolbarItemsDirective extends ComplexBase {\n}\nToolbarItemsDirective.propertyName = 'toolbarItems';\nToolbarItemsDirective.moduleName = 'toolbarItems';\n","import * as React from 'react';\nimport { FileManager } from '@syncfusion/ej2-filemanager';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n Represents the Essential JS 2 react FileManager Component.\n * ```tsx\n * <FileManagerComponent showThumbnail={false}></FileManagerComponent>\n * ```\n */\nexport class FileManagerComponent extends FileManager {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.directivekeys = { 'toolbarItems': 'toolbarItem' };\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(FileManagerComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AACO,MAAM,oBAAoB,SAAS,WAAW,CAAC;CACrD;AACD,oBAAoB,CAAC,UAAU,GAAG,aAAa,CAAC;AAChD,AAAO,MAAM,qBAAqB,SAAS,WAAW,CAAC;CACtD;AACD,qBAAqB,CAAC,YAAY,GAAG,cAAc,CAAC;AACpD,qBAAqB,CAAC,UAAU,GAAG,cAAc,CAAC;;ACJlD;;;;;;AAMA,AAAO,MAAM,oBAAoB,SAAS,WAAW,CAAC;IAClD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC;QACvD,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,oBAAoB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-filemanager@*",
-  "_id": "@syncfusion/ej2-react-filemanager@22.2.10",
+  "_id": "@syncfusion/ej2-react-filemanager@23.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-S/OtO5gUIhrrMCEPJ6GD9My26oxL7bXgKABMJSnKatJcXDauZRINItgeD9HXLeutWw5g3a9Wc1wJBWJGeOPdww==",
+  "_integrity": "sha512-tJlmT2PArAJS8jeK38FCpdA7iNy32yYAs7VNZO/8tsTbgeaVqZ1SZDzCHO4Oep4N4Qa+LKHwEtyhzDE3USnAAg==",
   "_location": "/@syncfusion/ej2-react-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-filemanager/-/ej2-react-filemanager-22.2.10.tgz",
-  "_shasum": "d7a93cf740c082f11eaf1735737e50bb5a42d71c",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-filemanager/-/ej2-react-filemanager-23.1.36.tgz",
+  "_shasum": "8b2a740690a4a64f80687711d0f6e551f9c43c3a",
   "_spec": "@syncfusion/ej2-react-filemanager@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.12",
-    "@syncfusion/ej2-filemanager": "22.2.12",
-    "@syncfusion/ej2-react-base": "~22.2.5"
+    "@syncfusion/ej2-base": "~23.1.38",
+    "@syncfusion/ej2-filemanager": "23.1.38",
+    "@syncfusion/ej2-react-base": "~23.1.36"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component for React",
@@ -61,6 +61,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "22.2.12",
+  "version": "23.1.38",
   "sideEffects": false
 }

package/src/file-manager/filemanager.component.d.ts

@@ -15,6 +15,9 @@ export declare class FileManagerComponent extends FileManager {
     private getDefaultAttributes;
     initRenderCalled: boolean;
     private checkInjectedModules;
+    directivekeys: {
+        [key: string]: Object;
+    };
     private statelessTemplateProps;
     private templateProps;
     private immediateRender;

package/src/file-manager/filemanager.component.js

@@ -26,9 +26,10 @@ var FileManagerComponent = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.initRenderCalled = false;
         _this.checkInjectedModules = true;
+        _this.directivekeys = { 'toolbarItems': 'toolbarItem' };
         _this.statelessTemplateProps = null;
         _this.templateProps = null;
-        _this.immediateRender = true;
+        _this.immediateRender = false;
         _this.portals = [];
         return _this;
     }

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

@@ -1 +1,2 @@
+export * from './toolbaritems-directive';
 export * from './filemanager.component';

package/src/file-manager/index.js

@@ -1 +1,2 @@
+export * from './toolbaritems-directive';
 export * from './filemanager.component';

package/src/file-manager/toolbaritems-directive.d.ts

@@ -0,0 +1,14 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { ToolbarItemModel } from '@syncfusion/ej2-filemanager';
+export interface ToolbarItemDirTypecast {
+    template?: string | Function | any;
+}
+export declare class ToolbarItemDirective extends ComplexBase<ToolbarItemModel | ToolbarItemDirTypecast & {
+    children?: React.ReactNode;
+}, ToolbarItemModel | ToolbarItemDirTypecast> {
+    static moduleName: string;
+}
+export declare class ToolbarItemsDirective extends ComplexBase<{}, {}> {
+    static propertyName: string;
+    static moduleName: string;
+}

package/src/file-manager/toolbaritems-directive.js

@@ -0,0 +1,33 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+var ToolbarItemDirective = /** @class */ (function (_super) {
+    __extends(ToolbarItemDirective, _super);
+    function ToolbarItemDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ToolbarItemDirective.moduleName = 'toolbarItem';
+    return ToolbarItemDirective;
+}(ComplexBase));
+export { ToolbarItemDirective };
+var ToolbarItemsDirective = /** @class */ (function (_super) {
+    __extends(ToolbarItemsDirective, _super);
+    function ToolbarItemsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ToolbarItemsDirective.propertyName = 'toolbarItems';
+    ToolbarItemsDirective.moduleName = 'toolbarItems';
+    return ToolbarItemsDirective;
+}(ComplexBase));
+export { ToolbarItemsDirective };

package/styles/file-manager/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/file-manager/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/file-manager/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -1109,7 +1108,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
   height: 24px;
-  margin: 26px 30px 12px 30px;
+  margin: 26px auto 12px;
   width: 32px;
 }
 .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,

package/styles/file-manager/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-filemanager/styles/file-manager/material3-dark.scss';

package/styles/file-manager/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -1165,7 +1164,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
   height: 24px;
-  margin: 26px 30px 12px 30px;
+  margin: 26px auto 12px;
   width: 32px;
 }
 .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,

package/styles/file-manager/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-filemanager/styles/file-manager/material3.scss';

package/styles/file-manager/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,

package/styles/file-manager/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -1109,7 +1108,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
   height: 24px;
-  margin: 26px 30px 12px 30px;
+  margin: 26px auto 12px;
   width: 32px;
 }
 .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,

package/styles/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -1165,7 +1164,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
   height: 24px;
-  margin: 26px 30px 12px 30px;
+  margin: 26px auto 12px;
   width: 32px;
 }
 .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,

package/styles/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,

package/styles/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-upload .e-upload-actions,