@syncfusion/ej2-filemanager 25.2.6 → 26.1.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.6
+*  version : 26.1.40
 *  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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@25.2.3",
+  "_id": "@syncfusion/ej2-filemanager@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-wbhlKTpkiOC2S6h43jyWCRIeq9fJAfDQA8+FkPVQ8+rmnsXQtLy4NK4GDPf33e5IjHvXOm4gaUscBfvLOzzyTg==",
+  "_integrity": "sha512-Kz+p1X25H0dKm6Pl5oI9TFsx9JX0p6DnhqRzo4rDGDPWoC7WwvIsgC0kuqSsL0PF3UHamOSo+ulM72s/oVBbqQ==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -24,10 +24,10 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-25.2.3.tgz",
-  "_shasum": "6fb5c7d751cf143bdafc5fbe5444a73931041097",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-26.1.35.tgz",
+  "_shasum": "8ebc88cab205114720fc33d2282657d71f0a3066",
   "_spec": "@syncfusion/ej2-filemanager@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -36,16 +36,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.5",
-    "@syncfusion/ej2-buttons": "~25.2.6",
-    "@syncfusion/ej2-data": "~25.2.3",
-    "@syncfusion/ej2-grids": "~25.2.6",
-    "@syncfusion/ej2-inputs": "~25.2.6",
-    "@syncfusion/ej2-layouts": "~25.2.3",
-    "@syncfusion/ej2-lists": "~25.2.3",
-    "@syncfusion/ej2-navigations": "~25.2.6",
-    "@syncfusion/ej2-popups": "~25.2.6",
-    "@syncfusion/ej2-splitbuttons": "~25.2.4"
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-buttons": "~26.1.40",
+    "@syncfusion/ej2-data": "~26.1.40",
+    "@syncfusion/ej2-grids": "~26.1.40",
+    "@syncfusion/ej2-inputs": "~26.1.40",
+    "@syncfusion/ej2-layouts": "~26.1.38",
+    "@syncfusion/ej2-lists": "~26.1.35",
+    "@syncfusion/ej2-navigations": "~26.1.40",
+    "@syncfusion/ej2-popups": "~26.1.38",
+    "@syncfusion/ej2-splitbuttons": "~26.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.6",
+  "version": "26.1.40",
   "sideEffects": false
 }

package/src/file-manager/actions/breadcrumb-bar.js

@@ -156,7 +156,6 @@ var BreadCrumbBar = /** @class */ (function () {
                     breadCrumbBarWidth = diff;
                 }
                 else {
-                    // eslint-disable-next-line
                     var items = [];
                     for (var j = 0; j <= i; j++) {
                         var liElement = liElements[j];
@@ -166,7 +165,6 @@ var BreadCrumbBar = /** @class */ (function () {
                         });
                     }
                     var subMenuLi = this.parent.createElement('li', { className: 'e-breadcrumb-menu' });
-                    // eslint-disable-next-line
                     var attributes = { className: 'e-breadcrumb-submenu' };
                     var subMenuSpan = this.parent.createElement('button', attributes);
                     subMenuLi.appendChild(subMenuSpan);
@@ -207,7 +205,6 @@ var BreadCrumbBar = /** @class */ (function () {
     };
     /* istanbul ignore next */
     BreadCrumbBar.prototype.subMenuSelectOperations = function (event) {
-        // eslint-disable-next-line
         var args = { target: event.element };
         this.addressPathClickHandler(args);
     };
@@ -255,7 +252,6 @@ var BreadCrumbBar = /** @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line
     BreadCrumbBar.prototype.triggerFileOpen = function (data) {
         var eventArgs = { cancel: false, fileDetails: data, module: 'BreadCrumbBar' };
         delete eventArgs.cancel;

package/src/file-manager/actions/toolbar.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Toolbar as BaseToolbar } from '@syncfusion/ej2-navigations';
 import { select, isNullOrUndefined as isNOU, closest, selectAll } from '@syncfusion/ej2-base';
@@ -86,7 +75,6 @@ var Toolbar = /** @class */ (function () {
             return;
         }
         var tool = args.item.id.substr((this.parent.element.id + '_tb_').length);
-        // eslint-disable-next-line
         var details;
         if (tool === 'refresh' || tool === 'newfolder' || tool === 'upload') {
             details = [getPathObject(this.parent)];
@@ -389,7 +377,7 @@ var Toolbar = /** @class */ (function () {
                     break;
             }
             if (this.parent.toolbarItems.length > 0 && propItem) {
-                var mergedItems = __assign({}, item, propItem);
+                var mergedItems = Object.assign({}, item, propItem);
                 items.push(mergedItems);
             }
             else {

package/src/file-manager/actions/virtualization.d.ts

@@ -19,44 +19,62 @@ export declare class Virtualization {
     private listDiff;
     /**
      * Sets up UI virtualization for the large icon view.
+     *
+     * @returns {void}
      */
     setUIVirtualization(): void;
     /**
      * Sets the height of the top and bottom elements that are used for virtualization.
      * These elements are used to give the appearance of an infinitely scrolling list.
+     *
+     * @returns {void}
      */
     setUlElementHeight(): void;
     /**
      * Calculates the number of items to display in the list based on the available width and height.
-     * @param dataSourceLength The length of the data source.
-     * @returns The number of items to display.
+     *
+     * @param {number} dataSourceLength The length of the data source.
+     * @returns {number} The number of items to display.
      */
     private getItemCount;
     /**
      * Wires or un wires the scroll event for the list element.
-     * @param destroy - Set `true` to unwire the scroll event.
+     *
+     * @param {boolean} destroy - Set `true` to unwire the scroll event.
+     * @returns {void}
      */
     wireScrollEvent(destroy: boolean): void;
     /**
      * Handles the scroll event for the list element.
      * This method updates the top and bottom elements and the displayed items based on the scroll position.
+     *
+     * @returns {void}
+     * @private
      */
     private onVirtualUiScroll;
     /**
      * Calculates the current scroll position of the list element.
-     * @param startingHeight The starting height from which to calculate the scroll position.
-     * @returns The current scroll position.
+     *
+     * @param {number} startingHeight The starting height from which to calculate the scroll position.
+     * @returns {number} The current scroll position.
+     * @private
      */
     private getscrollerHeight;
     /**
      * This method updates the displayed items and the selection based on the scroll direction.
-     * @param listDiff The number of rows to update.
-     * @param isScrollingDown If set to true, the scroll direction is downward.
+     *
+     * @param {number} listDiff The number of rows to update.
+     * @param {boolean} isScrollingDown If set to true, the scroll direction is downward.
+     * @returns {void}
+     * @private
      */
     private onNormalScroll;
     /**
      * Updates the items in the large icons view.
-     * @param isScrollingDown If set to true, the scroll direction is downward.
+     *
+     * @param {boolean} isScrollingDown - If set to true, the scroll direction is downward.
+     * @returns {void}
+     * @private
      */
     private updateUI;
     /**
@@ -68,6 +86,8 @@ export declare class Virtualization {
     private getModuleName;
     /**
      * Destroys the component.
+     *
+     * @returns {void}
      */
     destroy(): void;
 }

package/src/file-manager/actions/virtualization.js

@@ -9,6 +9,8 @@ var Virtualization = /** @class */ (function () {
     }
     /**
      * Sets up UI virtualization for the large icon view.
+     *
+     * @returns {void}
      */
     Virtualization.prototype.setUIVirtualization = function () {
         // Get the current view data source
@@ -34,6 +36,8 @@ var Virtualization = /** @class */ (function () {
     /**
      * Sets the height of the top and bottom elements that are used for virtualization.
      * These elements are used to give the appearance of an infinitely scrolling list.
+     *
+     * @returns {void}
      */
     Virtualization.prototype.setUlElementHeight = function () {
         // Calculate the number of items in the last row
@@ -41,10 +45,10 @@ var Virtualization = /** @class */ (function () {
             (this.largeIconInstance.allItems.length - this.itemCount) % this.rowItemCount : this.rowItemCount;
         // Create top and bottom elements
         this.topElement = this.filemanagerInstance.createElement('div');
-        this.topElement.classList.add("e-virtual-top");
+        this.topElement.classList.add('e-virtual-top');
         this.largeIconInstance.element.firstElementChild.insertBefore(this.topElement, this.largeIconInstance.element.firstElementChild.firstChild);
         this.bottomElement = this.filemanagerInstance.createElement('div');
-        this.bottomElement.classList.add("e-virtual-bottom");
+        this.bottomElement.classList.add('e-virtual-bottom');
         this.largeIconInstance.element.firstElementChild.insertBefore(this.bottomElement, null);
         // Get the margin value for list items
         var marginValue = parseInt(window.getComputedStyle(this.largeIconInstance.itemList[0]).getPropertyValue('margin-top'), 10) +
@@ -66,17 +70,21 @@ var Virtualization = /** @class */ (function () {
     };
     /**
      * Calculates the number of items to display in the list based on the available width and height.
-     * @param dataSourceLength The length of the data source.
-     * @returns The number of items to display.
+     *
+     * @param {number} dataSourceLength The length of the data source.
+     * @returns {number} The number of items to display.
      */
     Virtualization.prototype.getItemCount = function (dataSourceLength) {
         // Get the margin values for list items
         var widthMargin = parseInt(window.getComputedStyle(this.itemList[0]).getPropertyValue('margin-right'), 10) +
             parseInt(window.getComputedStyle(this.itemList[0]).getPropertyValue('margin-left'), 10);
         // Calculate the number of items that can fit in a single row
-        this.rowItemCount = Math.floor(parseFloat(formatUnit(this.largeIconInstance.element.firstElementChild.clientWidth)) / (this.itemList[0].offsetWidth + widthMargin));
+        this.rowItemCount =
+            Math.floor(parseFloat(formatUnit(this.largeIconInstance.element.firstElementChild.clientWidth)) /
+                (this.itemList[0].offsetWidth + widthMargin));
         // Calculate the number of items that can fit in the available height
-        var itemCount = this.rowItemCount * (Math.round(parseFloat(formatUnit(this.largeIconInstance.element.clientHeight)) / this.itemList[0].offsetHeight));
+        var itemCount = this.rowItemCount *
+            (Math.round(parseFloat(formatUnit(this.largeIconInstance.element.clientHeight)) / this.itemList[0].offsetHeight));
         // If the calculated item count is greater than the data source length, set the item count to the data source length
         if (itemCount > dataSourceLength) {
             itemCount = dataSourceLength;
@@ -85,7 +93,9 @@ var Virtualization = /** @class */ (function () {
     };
     /**
      * Wires or un wires the scroll event for the list element.
-     * @param destroy - Set `true` to unwire the scroll event.
+     *
+     * @param {boolean} destroy - Set `true` to unwire the scroll event.
+     * @returns {void}
      */
     Virtualization.prototype.wireScrollEvent = function (destroy) {
         if (!destroy) {
@@ -100,6 +110,9 @@ var Virtualization = /** @class */ (function () {
     /**
      * Handles the scroll event for the list element.
      * This method updates the top and bottom elements and the displayed items based on the scroll position.
+     *
+     * @returns {void}
+     * @private
      */
     Virtualization.prototype.onVirtualUiScroll = function () {
         var _a;
@@ -137,14 +150,17 @@ var Virtualization = /** @class */ (function () {
         this.scrollPosition = scroll;
         // Update the list of items and the items property of the largeIconInstance
         this.largeIconInstance.itemList = Array.prototype.slice.call(selectAll('.' + CLS.LIST_ITEM, this.largeIconInstance.element));
-        this.itemCount = this.itemCount != this.largeIconInstance.itemList.length ? this.largeIconInstance.itemList.length : this.itemCount;
+        this.itemCount = this.itemCount !== this.largeIconInstance.itemList.length ?
+            this.largeIconInstance.itemList.length : this.itemCount;
         this.largeIconInstance.items = this.largeIconInstance.allItems.slice(this.renderedCount -
             this.itemCount, this.renderedCount);
     };
     /**
      * Calculates the current scroll position of the list element.
-     * @param startingHeight The starting height from which to calculate the scroll position.
-     * @returns The current scroll position.
+     *
+     * @param {number} startingHeight The starting height from which to calculate the scroll position.
+     * @returns {number} The current scroll position.
+     * @private
      */
     Virtualization.prototype.getscrollerHeight = function (startingHeight) {
         // If the scroll position is less than or equal to the starting height, return 0.
@@ -154,8 +170,11 @@ var Virtualization = /** @class */ (function () {
     };
     /**
      * This method updates the displayed items and the selection based on the scroll direction.
-     * @param listDiff The number of rows to update.
-     * @param isScrollingDown If set to true, the scroll direction is downward.
+     *
+     * @param {number} listDiff The number of rows to update.
+     * @param {boolean} isScrollingDown If set to true, the scroll direction is downward.
+     * @returns {void}
+     * @private
      */
     Virtualization.prototype.onNormalScroll = function (listDiff, isScrollingDown) {
         // Update the displayed items
@@ -165,7 +184,10 @@ var Virtualization = /** @class */ (function () {
     };
     /**
      * Updates the items in the large icons view.
-     * @param isScrollingDown If set to true, the scroll direction is downward.
+     *
+     * @param {boolean} isScrollingDown - If set to true, the scroll direction is downward.
+     * @returns {void}
+     * @private
      */
     Virtualization.prototype.updateUI = function (isScrollingDown) {
         var _this = this;
@@ -239,6 +261,8 @@ var Virtualization = /** @class */ (function () {
     };
     /**
      * Destroys the component.
+     *
+     * @returns {void}
      */
     Virtualization.prototype.destroy = function () {
         // If the file manager has already been destroyed, return immediately

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

@@ -1,4 +1,4 @@
-import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest, Collection } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, Complex, select } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, setStyleAttribute as setAttr, getUniqueID } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Event, EventHandler, getValue, setValue } from '@syncfusion/ej2-base';import { Splitter, PanePropertiesModel } from '@syncfusion/ej2-layouts';import { Dialog, createSpinner, hideSpinner, showSpinner, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import { createDialog, createExtDialog } from '../pop-up/dialog';import { ToolbarSettings, ToolbarSettingsModel, AjaxSettings, NavigationPaneSettings, DetailsViewSettings } from '../models/index';import { ToolbarItem, ToolbarItemModel } from'../models/index' ;import { NavigationPaneSettingsModel, DetailsViewSettingsModel } from '../models/index';import { AjaxSettingsModel, SearchSettings, SearchSettingsModel } from '../models/index';import { Toolbar } from '../actions/toolbar';import { DetailsView } from '../layout/details-view';import { LargeIconsView } from '../layout/large-icons-view';import { Uploader, UploadingEventArgs, SelectedEventArgs, FileInfo, CancelEventArgs } from '@syncfusion/ej2-inputs';import { UploadSettingsModel } from '../models/upload-settings-model';import { UploadSettings } from '../models/upload-settings';import * as events from './constant';import * as CLS from './classes';import { read, filter, createFolder } from '../common/operations';import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, ReadArgs, FileSelectionEventArgs } from './interface';import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs } from './interface';import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs } from './interface';import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';import { refresh, getPathObject, getLocaleText, setNextPath, createDeniedDialog, getCssClass } from '../common/utility';import { hasContentAccess, hasUploadAccess, updateLayout, createNewFolder, uploadItem } from '../common/utility';import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';import { ContextMenuSettingsModel } from '../models/contextMenu-settings-model';import { ContextMenuSettings } from '../models/contextMenu-settings';import { BreadCrumbBar } from '../actions/breadcrumb-bar';import { ContextMenu } from '../pop-up/context-menu';import { defaultLocale } from '../models/default-locale';import { PositionModel } from '@syncfusion/ej2-base/src/draggable-model';import { Virtualization } from '../actions/virtualization';import { SortComparer } from './interface';
+import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest, Collection } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, Complex, select } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, setStyleAttribute as setAttr, getUniqueID } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Event, EventHandler, getValue, setValue } from '@syncfusion/ej2-base';import { Splitter, PanePropertiesModel } from '@syncfusion/ej2-layouts';import { Dialog, createSpinner, hideSpinner, showSpinner, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import { createDialog, createExtDialog } from '../pop-up/dialog';import { ToolbarSettings, ToolbarSettingsModel, AjaxSettings, NavigationPaneSettings, DetailsViewSettings } from '../models/index';import { ToolbarItem, ToolbarItemModel } from'../models/index' ;import { NavigationPaneSettingsModel, DetailsViewSettingsModel } from '../models/index';import { AjaxSettingsModel, SearchSettings, SearchSettingsModel } from '../models/index';import { Toolbar } from '../actions/toolbar';import { DetailsView } from '../layout/details-view';import { LargeIconsView } from '../layout/large-icons-view';import { Uploader, UploadingEventArgs, SelectedEventArgs, FileInfo, CancelEventArgs } from '@syncfusion/ej2-inputs';import { UploadSettingsModel } from '../models/upload-settings-model';import { UploadSettings } from '../models/upload-settings';import * as events from './constant';import * as CLS from './classes';import { read, filter, createFolder } from '../common/operations';import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, ReadArgs, FileSelectionEventArgs } from './interface';import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs, FolderCreateEventArgs, DeleteEventArgs, RenameEventArgs, MoveEventArgs, SearchEventArgs } from './interface';import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs } from './interface';import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';import { refresh, getPathObject, getLocaleText, setNextPath, createDeniedDialog, getCssClass } from '../common/utility';import { hasContentAccess, hasUploadAccess, updateLayout, createNewFolder, uploadItem, closePopup } from '../common/utility';import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';import { ContextMenuSettingsModel } from '../models/contextMenu-settings-model';import { ContextMenuSettings } from '../models/contextMenu-settings';import { BreadCrumbBar } from '../actions/breadcrumb-bar';import { ContextMenu } from '../pop-up/context-menu';import { defaultLocale } from '../models/default-locale';import { PositionModel } from '@syncfusion/ej2-base/src/draggable-model';import { Virtualization } from '../actions/virtualization';import { SortComparer } from './interface';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -18,6 +18,15 @@ export interface FileManagerModel extends ComponentModel{
      */
     ajaxSettings?: AjaxSettingsModel;
 
+    /**
+     * Specifies the array of data to populate folders/files in the File Manager.
+     * The mandatory fields to be included in the JSON data are defined in fileData interface.
+     * This interface can be extended to add additional fields as required.
+     *
+     * @default []
+     */
+    fileSystemData?: { [key: string]: Object }[];
+
     /**
      * Enables or disables drag-and-drop of files.
      *
@@ -211,7 +220,7 @@ export interface FileManagerModel extends ComponentModel{
      * The sort comparer function has the same functionality like
      * [`Array.sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) sort comparer.
      * This can be used to customize the default sorting functionalities with required comparison values.
-     * 
+     *
      * @default null
      * @aspType string
      */
@@ -229,15 +238,15 @@ export interface FileManagerModel extends ComponentModel{
     toolbarSettings?: ToolbarSettingsModel;
 
     /**
-     * An array of items that are used to configure File Manager toolbar items. 
-     * 
-     * @remarks 
+     * An array of items that are used to configure File Manager toolbar items.
+     *
+     * @remarks
      * Use this property if you want to include custom toolbar items along with existing toolbar items. If both `toolbarSettings` and `toolbarItems` are defined, then items will be rendered based on toolbarItems.
-     * 
-     * @default [] 
-     * 
-     */ 
-    toolbarItems?: ToolbarItemModel[]; 
+     *
+     * @default []
+     *
+     */
+    toolbarItems?: ToolbarItemModel[];
 
     /**
      * Specifies the upload settings for the file manager.
@@ -263,169 +272,231 @@ export interface FileManagerModel extends ComponentModel{
     /**
      * Triggers before the file/folder is rendered.
      *
-     * @event
+     * @event fileLoad
      */
     fileLoad?: EmitType<FileLoadEventArgs>;
 
     /**
      * Triggers before the file/folder is opened.
      *
-     * @event
+     * @event fileOpen
      */
     fileOpen?: EmitType<FileOpenEventArgs>;
 
     /**
      * Triggers before sending the download request to the server.
      *
-     * @event
+     * @event beforeDownload
      */
     beforeDownload?: EmitType<BeforeDownloadEventArgs>;
 
     /**
      * Triggers before sending the getImage request to the server.
      *
-     * @event
+     * @event beforeImageLoad
      */
     beforeImageLoad?: EmitType<BeforeImageLoadEventArgs>;
 
     /**
      * Triggers before the dialog is closed.
      *
-     * @event
+     * @event beforePopupClose
      */
     beforePopupClose?: EmitType<BeforePopupOpenCloseEventArgs>;
 
     /**
      * Triggers before the dialog is opened.
      *
-     * @event
+     * @event beforePopupOpen
      */
     beforePopupOpen?: EmitType<BeforePopupOpenCloseEventArgs>;
 
     /**
      * Triggers before sending the AJAX request to the server.
      *
-     * @event
+     * @event beforeSend
      */
     beforeSend?: EmitType<BeforeSendEventArgs>;
 
     /**
      * Triggers when the file manager component is created.
      *
-     * @event
+     * @event created
      */
-    /* eslint-disable */
     created?: EmitType<Object>;
 
+    /**
+     * This event is triggered before a folder is created. It allows for the restriction of folder creation based on the application's use case.
+     *
+     * @event beforeFolderCreate
+     */
+    beforeFolderCreate?: EmitType<FolderCreateEventArgs>;
+
+    /**
+     * This event is triggered when a folder is successfully created. It provides an opportunity to retrieve details about the newly created folder.
+     *
+     * @event folderCreate
+     */
+    folderCreate?: EmitType<FolderCreateEventArgs>;
+
     /**
      * Triggers when the file manager component is destroyed.
      *
-     * @event
+     * @event destroyed
      */
-    /* eslint-disable */
     destroyed?: EmitType<Object>;
 
+    /**
+     * This event is triggered before the deletion of a file or folder occurs. It can be utilized to prevent the deletion of specific files or folders. Any actions, such as displaying a spinner for deletion, can be implemented here.
+     *
+     * @event beforeDelete
+     */
+    beforeDelete?: EmitType<DeleteEventArgs>;
+
+    /**
+     * This event is triggered after the file or folder is deleted successfully. The deleted file or folder details can be retrieved here. Additionally, custom elements' visibility can be managed here based on the application's use case.
+     *
+     * @event delete
+     */
+    delete?: EmitType<DeleteEventArgs>;
+
+    /**
+     * This event is triggered when a file or folder is about to be renamed. It allows for the restriction of the rename action for specific folders or files by utilizing the cancel option.
+     *
+     * @event beforeRename
+     */
+    beforeRename?: EmitType<RenameEventArgs>;
+
+    /**
+     * This event is triggered when a file or folder is successfully renamed. It provides an opportunity to fetch details about the renamed file.
+     *
+     * @event rename
+     */
+    rename?: EmitType<RenameEventArgs>;
+
+    /**
+     * This event is triggered when a file or folder begins to move from its current path through a copy/cut and paste action.
+     *
+     * @event beforeMove
+     */
+    beforeMove?: EmitType<MoveEventArgs>;
+
+    /**
+     * This event is triggered when a file or folder is pasted into the destination path.
+     *
+     * @event move
+     */
+    move?: EmitType<MoveEventArgs>;
+
+    /**
+     * This event is triggered when a search action occurs in the search bar of the File Manager component. It triggers each character entered in the input during the search process.
+     *
+     * @event search
+     */
+    search?: EmitType<SearchEventArgs>;
+
     /**
      * Triggers when the file/folder dragging is started.
      *
-     * @event
+     * @event fileDragStart
      */
     fileDragStart?: EmitType<FileDragEventArgs>;
 
     /**
      * Triggers while dragging the file/folder.
      *
-     * @event
+     * @event fileDragging
      */
     fileDragging?: EmitType<FileDragEventArgs>;
 
     /**
      * Triggers when the file/folder is about to be dropped at the target.
      *
-     * @event
+     * @event fileDragStop
      */
     fileDragStop?: EmitType<FileDragEventArgs>;
 
     /**
      * Triggers when the file/folder is dropped.
      *
-     * @event
+     * @event fileDropped
      */
     fileDropped?: EmitType<FileDragEventArgs>;
 
     /**
      * Triggers before the file/folder is selected.
      *
-     * @event
+     * @event fileSelection
      */
     fileSelection?: EmitType<FileSelectionEventArgs>;
 
     /**
      * Triggers when the file/folder is selected/unselected.
      *
-     * @event
+     * @event fileSelect
      */
     fileSelect?: EmitType<FileSelectEventArgs>;
 
     /**
      * Triggers when the context menu item is clicked.
      *
-     * @event
+     * @event menuClick
      */
     menuClick?: EmitType<MenuClickEventArgs>;
 
     /**
      * Triggers before the context menu is opened.
      *
-     * @event
+     * @event menuOpen
      */
     menuOpen?: EmitType<MenuOpenEventArgs>;
 
     /**
      * Triggers when the AJAX request is failed.
      *
-     * @event
+     * @event failure
      */
     failure?: EmitType<FailureEventArgs>;
 
     /**
      * Triggers when the dialog is closed.
      *
-     * @event
+     * @event popupClose
      */
     popupClose?: EmitType<PopupOpenCloseEventArgs>;
 
     /**
      * Triggers when the dialog is opened.
      *
-     * @event
+     * @event popupOpen
      */
     popupOpen?: EmitType<PopupOpenCloseEventArgs>;
 
     /**
      * Triggers when the AJAX request is success.
-     * @event
+     *
+     * @event success
      */
     success?: EmitType<SuccessEventArgs>;
 
     /**
      * Triggers when the toolbar item is clicked.
      *
-     * @event
+     * @event toolbarClick
      */
     toolbarClick?: EmitType<ToolbarClickEventArgs>;
 
     /**
      * Triggers before creating the toolbar.
      *
-     * @event
+     * @event toolbarCreate
      */
     toolbarCreate?: EmitType<ToolbarCreateEventArgs>;
 
     /**
      * Triggers before rendering each file item in upload dialog box.
      *
-     * @event
+     * @event uploadListCreate
      */
     uploadListCreate?: EmitType<UploadListCreateArgs>;