@syncfusion/ej2-react-filemanager 31.2.12 → 32.1.24

package/README.md

@@ -132,4 +132,4 @@ Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=filemanager) for more info.
 
-© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+© Copyright 2026 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

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,6 +1,6 @@
 /*!
 *  filename: ej2-react-filemanager.min.js
-*  version : 31.2.12
+*  version : 32.1.24
 *  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

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-filemanager.umd.min.js
-*  version : 31.2.12
+*  version : 32.1.24
 *  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

package/package.json

@@ -1,9 +1,45 @@
 {
-  "name": "@syncfusion/ej2-react-filemanager",
-  "version": "31.2.12",
+  "_from": "@syncfusion/ej2-react-filemanager@*",
+  "_id": "@syncfusion/ej2-react-filemanager@32.1.1",
+  "_inBundle": false,
+  "_integrity": "sha512-UNJHWv3b8NIxcBhqFns4n/8nD79ab7LkRIPz2tv9P7RP5yFf8MI92AUle9WRe9UWyjktkCMOxR/4AuqYu7/Olw==",
+  "_location": "/@syncfusion/ej2-react-filemanager",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-react-filemanager@*",
+    "name": "@syncfusion/ej2-react-filemanager",
+    "escapedName": "@syncfusion%2fej2-react-filemanager",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-react-filemanager/-/ej2-react-filemanager-32.1.1.tgz",
+  "_shasum": "87a822b7e2dd75b070b34d14c1c910d24581b8a1",
+  "_spec": "@syncfusion/ej2-react-filemanager@*",
+  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-react-filemanager/issues"
+  },
+  "bundleDependencies": false,
+  "dependencies": {
+    "@syncfusion/ej2-base": "~32.1.24",
+    "@syncfusion/ej2-filemanager": "32.1.24",
+    "@syncfusion/ej2-react-base": "~32.1.24"
+  },
+  "deprecated": false,
   "description": "Essential JS 2 FileManager Component for React",
-  "author": "Syncfusion Inc.",
-  "license": "SEE LICENSE IN license",
+  "devDependencies": {},
+  "es2015": "dist/es6/ej2-react-filemanager.es2015.js",
+  "homepage": "https://www.syncfusion.com/react-components",
   "keywords": [
     "react",
     "reactjs",
@@ -17,20 +53,14 @@
     "react-directory viewer",
     "JavaScript"
   ],
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-react-filemanager.umd.min.js",
+  "module": "./index.js",
+  "name": "@syncfusion/ej2-react-filemanager",
   "repository": {
     "type": "git",
     "url": "https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "main": "./dist/ej2-react-filemanager.umd.min.js",
-  "module": "./index.js",
-  "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"
-  },
-  "devDependencies": {},
-  "sideEffects": false,
-  "homepage": "https://www.syncfusion.com/react-components"
+  "version": "32.1.24",
+  "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 *;