@syncfusion/ej2-react-filemanager 31.2.12 → 32.1.19

package/diConfig.json

@@ -153,7 +153,9 @@
                             "arrayDirectiveClassName": "columns",
                             "templateProperties": [
                                 "template",
-                                "headerTemplate"
+                                "headerTemplate",
+                                "largeIconsTemplate",
+                                "navigationPaneTemplate"
                             ]                                
                         }
                     ]
@@ -183,9 +185,15 @@
                     "directiveClassName": "ToolbarItem",
                     "arrayDirectiveClassName": "ToolbarItems",
                     "templateProperties": [
-                        "template"
+                        "template",
+                        "largeIconsTemplate",
+                        "navigationPaneTemplate"
                     ]
                 }
+            ],
+            "templateProperties": [
+                "largeIconsTemplate",
+                "navigationPaneTemplate"
             ]
         }
     ]

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

@@ -1,10 +1 @@
-/*!
-*  filename: ej2-react-filemanager.min.js
-*  version : 31.2.12
-*  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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionReactBase"),require("React"),require("SyncfusionFilemanager")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","React","SyncfusionFilemanager"],t):"object"==typeof exports?exports.SyncfusionReactFilemanager=t(require("SyncfusionReactBase"),require("React"),require("SyncfusionFilemanager")):e.SyncfusionReactFilemanager=t(e.SyncfusionReactBase,e.React,e.SyncfusionFilemanager)}(self,(e,t,r)=>(()=>{"use strict";var o={477:(e,t,r)=>{r.d(t,{ir:()=>p,QE:()=>a,Oj:()=>c});var o,n=r(705),i=(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])},o(e,t)},function(e,t){function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.moduleName="toolbarItem",t}(n.ComplexBase),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.propertyName="toolbarItems",t.moduleName="toolbarItems",t}(n.ComplexBase),s=r(24),u=r(771),l=function(){var e=function(t,r){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])},e(t,r)};return function(t,r){function o(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(o.prototype=r.prototype,new o)}}(),p=function(e){function t(t){var r=e.call(this,t)||this;return r.initRenderCalled=!1,r.checkInjectedModules=!0,r.directivekeys={toolbarItems:"toolbarItem"},r.statelessTemplateProps=null,r.templateProps=null,r.immediateRender=!1,r.isReactMock=!0,r.portals=[],r}return l(t,e),t.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return s.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(u.FileManager);(0,n.applyMixins)(p,[n.ComponentBase,s.Component])},24:e=>{e.exports=t},771:e=>{e.exports=r},705:t=>{t.exports=e}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{FileManagerComponent:()=>e.ir,Inject:()=>t.Inject,ToolbarItemDirective:()=>e.QE,ToolbarItemsDirective:()=>e.Oj});var e=i(477),t=i(705),r=i(771),o={};for(const e in r)["default","Inject","FileManagerComponent","ToolbarItemDirective","ToolbarItemsDirective"].indexOf(e)<0&&(o[e]=()=>r[e]);i.d(a,o)})(),a})());

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-react-filemanager.umd.min.js
-*  version : 31.2.12
-*  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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 !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=e||self).ej={},e.ej2ReactBase,e.React,e.ej2Filemanager)}(this,function(t,e,n,o){"use strict";r=function(e,t){return(r=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])}))(e,t)};var r,i,a=function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},c=(i=e.ComplexBase,a(s,i),s.moduleName="toolbarItem",s);function s(){return null!==i&&i.apply(this,arguments)||this}l=e.ComplexBase,a(u,l),u.propertyName="toolbarItems",u.moduleName="toolbarItems";var l,a=u;function u(){return null!==l&&l.apply(this,arguments)||this}p=function(e,t){return(p=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])}))(e,t)};var p,f,d=function(e,t){function n(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},d=(f=o.FileManager,d(m,f),m.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));f.prototype.render.call(this),this.initRenderCalled=!0},m);function m(e){e=f.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.directivekeys={toolbarItems:"toolbarItem"},e.statelessTemplateProps=null,e.templateProps=null,e.immediateRender=!1,e.isReactMock=!0,e.portals=[],e}e.applyMixins(d,[e.ComponentBase,n.Component]),Object.keys(o).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return o[e]}})}),Object.defineProperty(t,"Inject",{enumerable:!0,get:function(){return e.Inject}}),t.FileManagerComponent=d,t.ToolbarItemDirective=c,t.ToolbarItemsDirective=a,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-filemanager.umd.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-react-filemanager",
-  "version": "31.2.12",
+  "version": "32.1.19",
   "description": "Essential JS 2 FileManager Component for React",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -26,9 +26,9 @@
   "es2015": "dist/es6/ej2-react-filemanager.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-react-base": "~31.2.12",
-    "@syncfusion/ej2-filemanager": "31.2.12"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-react-base": "~32.1.19",
+    "@syncfusion/ej2-filemanager": "32.1.19"
   },
   "devDependencies": {},
   "sideEffects": false,

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

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { FileManager, FileManagerModel } from '@syncfusion/ej2-filemanager';
 import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+export interface FileManagerTypecast {
+    largeIconsTemplate?: string | Function | any;
+    navigationPaneTemplate?: string | Function | any;
+}
 /**
  Represents the Essential JS 2 react FileManager Component.
  * ```tsx
@@ -10,7 +14,7 @@ import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export declare class FileManagerComponent extends FileManager {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<FileManagerModel | DefaultHtmlAttributes>;
+    }> & Readonly<FileManagerModel | DefaultHtmlAttributes | FileManagerTypecast>;
     setState: any;
     private getDefaultAttributes;
     initRenderCalled: boolean;
@@ -24,7 +28,7 @@ export declare class FileManagerComponent extends FileManager {
     private isReactMock;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<FileManagerModel | DefaultHtmlAttributes>;
+    }> & Readonly<FileManagerModel | DefaultHtmlAttributes | FileManagerTypecast>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

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

@@ -2,6 +2,8 @@ import { ComplexBase } from '@syncfusion/ej2-react-base';
 import { ToolbarItemModel } from '@syncfusion/ej2-filemanager';
 export interface ToolbarItemDirTypecast {
     template?: string | Function | any;
+    largeIconsTemplate?: string | Function | any;
+    navigationPaneTemplate?: string | Function | any;
 }
 export declare class ToolbarItemDirective extends ComplexBase<ToolbarItemModel | ToolbarItemDirTypecast & {
     children?: React.ReactNode;

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/bds-lite.scss';
+@use 'ej2-filemanager/bds-lite' as *;

package/styles/bds.scss

@@ -1 +1 @@
-@import 'file-manager/bds.scss';
+@use 'file-manager/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/bootstrap-dark-lite.scss';
+@use 'ej2-filemanager/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'file-manager/bootstrap-dark.scss';
+@use 'file-manager/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/bootstrap-lite.scss';
+@use 'ej2-filemanager/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1 +1 @@
-@import 'file-manager/bootstrap.scss';
+@use 'file-manager/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/bootstrap4-lite.scss';
+@use 'ej2-filemanager/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1 +1 @@
-@import 'file-manager/bootstrap4.scss';
+@use 'file-manager/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-filemanager/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'file-manager/bootstrap5-dark.scss';
+@use 'file-manager/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/bootstrap5-lite.scss';
+@use 'ej2-filemanager/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/bootstrap5.3-lite.scss';
+@use 'ej2-filemanager/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'file-manager/bootstrap5.3.scss';
+@use 'file-manager/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1 +1 @@
-@import 'file-manager/bootstrap5.scss';
+@use 'file-manager/bootstrap5' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/fabric-dark-lite.scss';
+@use 'ej2-filemanager/fabric-dark-lite' as *;

package/styles/fabric-dark.scss

@@ -1 +1 @@
-@import 'file-manager/fabric-dark.scss';
+@use 'file-manager/fabric-dark' as *;

package/styles/fabric-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/fabric-lite.scss';
+@use 'ej2-filemanager/fabric-lite' as *;

package/styles/fabric.scss

@@ -1 +1 @@
-@import 'file-manager/fabric.scss';
+@use 'file-manager/fabric' as *;

package/styles/file-manager/bds.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/bds.scss';
+@use 'ej2-filemanager/styles/file-manager/bds' as *;

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

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/bootstrap-dark.scss';
+@use 'ej2-filemanager/styles/file-manager/bootstrap-dark' as *;

package/styles/file-manager/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/bootstrap.scss';
+@use 'ej2-filemanager/styles/file-manager/bootstrap' as *;

package/styles/file-manager/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/bootstrap4.scss';
+@use 'ej2-filemanager/styles/file-manager/bootstrap4' as *;

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

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/bootstrap5-dark.scss';
+@use 'ej2-filemanager/styles/file-manager/bootstrap5-dark' as *;

package/styles/file-manager/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/bootstrap5.3.scss';
+@use 'ej2-filemanager/styles/file-manager/bootstrap5.3' as *;

package/styles/file-manager/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/bootstrap5.scss';
+@use 'ej2-filemanager/styles/file-manager/bootstrap5' as *;

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

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/fabric-dark.scss';
+@use 'ej2-filemanager/styles/file-manager/fabric-dark' as *;

package/styles/file-manager/fabric.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/fabric.scss';
+@use 'ej2-filemanager/styles/file-manager/fabric' as *;

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

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/fluent-dark.scss';
+@use 'ej2-filemanager/styles/file-manager/fluent-dark' as *;

package/styles/file-manager/fluent.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/fluent.scss';
+@use 'ej2-filemanager/styles/file-manager/fluent' as *;

package/styles/file-manager/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/fluent2.scss';
+@use 'ej2-filemanager/styles/file-manager/fluent2' as *;

package/styles/file-manager/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/highcontrast-light.scss';
+@use 'ej2-filemanager/styles/file-manager/highcontrast-light' as *;

package/styles/file-manager/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/highcontrast.scss';
+@use 'ej2-filemanager/styles/file-manager/highcontrast' as *;

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

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/material-dark.scss';
+@use 'ej2-filemanager/styles/file-manager/material-dark' as *;

package/styles/file-manager/material.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/material.scss';
+@use 'ej2-filemanager/styles/file-manager/material' as *;

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

@@ -1,2 +1 @@
-
-@import 'ej2-filemanager/styles/file-manager/material3-dark.scss';
+@use 'ej2-filemanager/styles/file-manager/material3-dark' as *;

package/styles/file-manager/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-filemanager/styles/file-manager/material3.scss';
+@use 'ej2-filemanager/styles/file-manager/material3' as *;

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

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/tailwind-dark.scss';
+@use 'ej2-filemanager/styles/file-manager/tailwind-dark' as *;

package/styles/file-manager/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/tailwind.scss';
+@use 'ej2-filemanager/styles/file-manager/tailwind' as *;

package/styles/file-manager/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/file-manager/tailwind3.scss';
+@use 'ej2-filemanager/styles/file-manager/tailwind3' as *;

package/styles/fluent-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/fluent-dark-lite.scss';
+@use 'ej2-filemanager/fluent-dark-lite' as *;

package/styles/fluent-dark.scss

@@ -1 +1 @@
-@import 'file-manager/fluent-dark.scss';
+@use 'file-manager/fluent-dark' as *;

package/styles/fluent-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/fluent-lite.scss';
+@use 'ej2-filemanager/fluent-lite' as *;

package/styles/fluent.scss

@@ -1 +1 @@
-@import 'file-manager/fluent.scss';
+@use 'file-manager/fluent' as *;

package/styles/fluent2-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/fluent2-lite.scss';
+@use 'ej2-filemanager/fluent2-lite' as *;

package/styles/fluent2.scss

@@ -1 +1 @@
-@import 'file-manager/fluent2.scss';
+@use 'file-manager/fluent2' as *;

package/styles/highcontrast-light-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/highcontrast-light-lite.scss';
+@use 'ej2-filemanager/highcontrast-light-lite' as *;

package/styles/highcontrast-light.scss

@@ -1 +1 @@
-@import 'file-manager/highcontrast-light.scss';
+@use 'file-manager/highcontrast-light' as *;

package/styles/highcontrast-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/highcontrast-lite.scss';
+@use 'ej2-filemanager/highcontrast-lite' as *;

package/styles/highcontrast.scss

@@ -1 +1 @@
-@import 'file-manager/highcontrast.scss';
+@use 'file-manager/highcontrast' as *;

package/styles/material-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/material-dark-lite.scss';
+@use 'ej2-filemanager/material-dark-lite' as *;

package/styles/material-dark.scss

@@ -1 +1 @@
-@import 'file-manager/material-dark.scss';
+@use 'file-manager/material-dark' as *;

package/styles/material-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/material-lite.scss';
+@use 'ej2-filemanager/material-lite' as *;

package/styles/material.scss

@@ -1 +1 @@
-@import 'file-manager/material.scss';
+@use 'file-manager/material' as *;

package/styles/material3-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/material3-dark-lite.scss';
+@use 'ej2-filemanager/material3-dark-lite' as *;

package/styles/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'file-manager/material3-dark.scss';
+@use 'file-manager/material3-dark' as *;

package/styles/material3-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/material3-lite.scss';
+@use 'ej2-filemanager/material3-lite' as *;

package/styles/material3.scss

@@ -1,2 +1 @@
-
-@import 'file-manager/material3.scss';
+@use 'file-manager/material3' as *;

package/styles/tailwind-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/tailwind-dark-lite.scss';
+@use 'ej2-filemanager/tailwind-dark-lite' as *;

package/styles/tailwind-dark.scss

@@ -1 +1 @@
-@import 'file-manager/tailwind-dark.scss';
+@use 'file-manager/tailwind-dark' as *;

package/styles/tailwind-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/tailwind-lite.scss';
+@use 'ej2-filemanager/tailwind-lite' as *;

package/styles/tailwind.scss

@@ -1 +1 @@
-@import 'file-manager/tailwind.scss';
+@use 'file-manager/tailwind' as *;

package/styles/tailwind3-lite.scss

@@ -1 +1 @@
-@import 'ej2-filemanager/styles/tailwind3-lite.scss';
+@use 'ej2-filemanager/tailwind3-lite' as *;

package/styles/tailwind3.scss

@@ -1 +1 @@
-@import 'file-manager/tailwind3.scss';
+@use 'file-manager/tailwind3' as *;