@syncfusion/ej2-filemanager 25.2.6 → 26.1.40

package/src/file-manager/common/operations.js

@@ -3,7 +3,9 @@ import { isNullOrUndefined as isNOU, setValue, getValue } from '@syncfusion/ej2-
 import * as events from '../base/constant';
 import { createDialog, createExtDialog } from '../pop-up/dialog';
 import { fileType, setNodeId, getLocaleText, setDateObject, doPasteUpdate, getPathObject } from '../common/utility';
-import { generatePath } from '../common/utility';
+import { generatePath, getAccessDetails } from '../common/utility';
+import { getUid } from '@syncfusion/ej2-grids';
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Function to read the content from given path in File Manager.
  *
@@ -14,14 +16,12 @@ import { generatePath } from '../common/utility';
  * @private
  */
 export function read(parent, event, path) {
-    // eslint-disable-next-line
     var itemData = parent.itemData;
     for (var i = 0; i < itemData.length; i++) {
         if (isNOU(getValue('hasChild', itemData[i]))) {
             setValue('hasChild', false, itemData[i]);
         }
     }
-    // eslint-disable-next-line
     var data = { action: 'read', path: path, showHiddenItems: parent.showHiddenItems, data: itemData };
     createAjax(parent, data, readSuccess, event);
 }
@@ -34,7 +34,6 @@ export function read(parent, event, path) {
  * @private
  */
 export function createFolder(parent, itemName) {
-    // eslint-disable-next-line
     var data = { action: 'create', path: parent.path, name: itemName, data: parent.itemData };
     createAjax(parent, data, createSuccess, itemName);
 }
@@ -47,11 +46,8 @@ export function createFolder(parent, itemName) {
  * @private
  */
 export function filter(parent, event) {
-    // eslint-disable-next-line
     var data = { action: 'filter', path: parent.path, showHiddenItems: parent.showHiddenItems, data: [getPathObject(parent)] };
-    // eslint-disable-next-line
     var filterData;
-    // eslint-disable-next-line
     var filterDataVal = parent.filterData ? extend(filterData, data, parent.filterData) : data;
     createAjax(parent, filterDataVal, filterSuccess, event, getValue('action', filterDataVal));
 }
@@ -83,7 +79,6 @@ export function rename(parent, path, itemNewName) {
             newName = fPath.replace(path, '') + itemNewName;
         }
     }
-    // eslint-disable-next-line
     var data = {
         action: 'rename', path: path, name: name, newName: newName, data: parent.itemData, showFileExtension: parent.showFileExtension
     };
@@ -102,10 +97,7 @@ export function rename(parent, path, itemNewName) {
  * @returns {void}
  * @private
  */
-export function paste(parent, path, names, targetPath, pasteOperation, 
-// eslint-disable-next-line
-renameItems, actionRecords) {
-    // eslint-disable-next-line
+export function paste(parent, path, names, targetPath, pasteOperation, renameItems, actionRecords) {
     var data = {
         action: pasteOperation, path: path, targetData: parent.itemData[0],
         targetPath: targetPath, names: names, renameFiles: renameItems, data: actionRecords
@@ -124,7 +116,6 @@ renameItems, actionRecords) {
  * @private
  */
 export function Delete(parent, items, path, operation) {
-    // eslint-disable-next-line
     var data = { action: operation, path: path, names: items, data: parent.itemData };
     createAjax(parent, data, deleteSuccess, path);
 }
@@ -140,25 +131,22 @@ export function Delete(parent, items, path, operation) {
  * @private
  */
 export function GetDetails(parent, names, path, operation) {
-    // eslint-disable-next-line
     var data = { action: operation, path: path, names: names, data: parent.itemData };
     createAjax(parent, data, detailsSuccess, path, operation);
 }
 /**
- * Function for createAjax in File Manager.
+ * Function for getDateFormat in File Manager.
  *
  * @param {IFileManager} parent - specifies the parent element.
- * @param {Object} data - specifies the data.
- * @param {Function} fn - specifies the fn.
- * @param {string} event - specifies the event.
- * @param {string} operation - specifies the operation.
- * @param {string} targetPath - specifies the target path.
  * @returns {void}
  * @private
  */
 function getDateFormat(parent) {
     var columns = parent.detailsViewSettings.columns;
     var dateFormat;
+    if (!columns) {
+        return null;
+    }
     for (var i = 0; i < columns.length; i++) {
         if (columns[i].field === '_fm_modified') {
             if (!isNOU(columns[i].format)) {
@@ -169,10 +157,393 @@ function getDateFormat(parent) {
     }
     return dateFormat;
 }
-function createAjax(
-// eslint-disable-next-line
-parent, data, fn, event, operation, targetPath) {
-    // eslint-disable-next-line
+/**
+ * Checks whether fileSystemData is enabled.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @returns {boolean} - returns the boolean value.
+ */
+export function isFileSystemData(parent) {
+    var isFileSystemData = parent.fileSystemData.length >= 0 && isNOU(parent.ajaxSettings.url);
+    return isFileSystemData;
+}
+/**
+ * Function to check whether file already exist or not.
+ *
+ * @param {Record<string, any>} fileSystemData - specifies the file data.
+ * @param {string} name - specifies the name.
+ * @returns {boolean} - returns the boolean value.
+ * @private
+ */
+function isFileExists(fileSystemData, name) {
+    var isExists = fileSystemData.some(function (item) { return item.name === name; });
+    return isExists;
+}
+/**
+ * Function to find the index value of a file or folder.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {number} id - specifies the id.
+ * @returns {number} - returns the index value.
+ * @private
+ */
+function findIndexById(parent, id) {
+    var index = parent.fileSystemData.findIndex(function (item) { return String(item.id) === String(id); });
+    return index;
+}
+/**
+ * Function to get the entire data of a file or folder using id value.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {number | string} id - specifies the id.
+ * @returns {Object} - returns the data.
+ * @private
+ */
+function filterById(parent, id) {
+    var data = parent.fileSystemData.filter(function (item) { return String(item.id) === String(id); })[0];
+    return data;
+}
+/**
+ * Function to get the entire data of a file or folder for a parent.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {number | string} parentId - specifies the parent id.
+ * @returns {Object[]} - returns the data.
+ * @private
+ */
+function filterByParent(parent, parentId) {
+    var data = parent.fileSystemData.filter(function (item) { return String(item.parentId) === String(parentId); });
+    return data;
+}
+/**
+ * Function to create a new copied file or folder.
+ *
+ * @param {Record<string, any>} data - specifies the file or folder data.
+ * @param {Record<string, any>} target - specifies the target data.
+ * @param {string} itemName - specifies the item name.
+ * @param {boolean} isCopy - specifies the copy operation.
+ * @returns {Record<string, Object>} - returns the data.
+ * @private
+ */
+function createNewItem(data, target, itemName, isCopy) {
+    var newItem = {};
+    //Construct the new folder details.
+    for (var key in data) {
+        if (Object.prototype.hasOwnProperty.call(data, key)) {
+            newItem[key] = null;
+        }
+    }
+    var currentDate = new Date();
+    var folderPath = target.id !== 0 ? target.filterPath + target.name : '\\';
+    Object.assign(newItem, {
+        dateCreated: currentDate,
+        dateModified: currentDate,
+        filterPath: folderPath,
+        hasChild: isCopy ? data.hasChild : false,
+        id: getUid(itemName === null ? data.name : itemName),
+        isFile: isCopy ? data.isFile : false,
+        name: itemName === null ? data.name : itemName,
+        parentId: target.id,
+        size: isCopy ? data.size : 0,
+        type: isCopy ? data.type : ''
+    });
+    return newItem;
+}
+/**
+ * Function to create an error response.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string} message - specifies the error message.
+ * @param {string} code - specifies the error code.
+ * @param {Object[]} fileName - specifies the file name.
+ * @returns {void}
+ * @private
+ */
+function createErrorObject(parent, message, code, fileName) {
+    parent.responseData = {
+        cwd: null,
+        details: null,
+        error: {
+            code: code,
+            message: message,
+            fileExists: fileName != null ? fileName : null
+        },
+        files: null
+    };
+}
+/**
+ * Function to trigger folder creation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerFolderCreation(parent, data, eventArgs) {
+    var createEventArgs = {
+        folderName: getValue('name', data),
+        cancel: false,
+        path: getValue('path', data),
+        parentFolder: getValue('data', data)
+    };
+    parent.trigger('beforeFolderCreate', createEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+            return;
+        }
+        if (isFileSystemData(parent)) {
+            if (!isFileExists(parent.fileSystemData, args.folderName)) {
+                var data_1 = args.parentFolder[0];
+                var newObject = createNewItem(data_1, data_1, args.folderName, false);
+                parent.fileSystemData.push(newObject);
+            }
+            else {
+                var message = 'A file or folder with the name ' + args.folderName + ' already exists.';
+                createErrorObject(parent, message, '400', null);
+            }
+        }
+    });
+}
+/**
+ * Function to trigger delete operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerDeleteOperation(parent, data, eventArgs) {
+    var deleteEventArgs = {
+        cancel: false,
+        itemData: getValue('data', data),
+        path: getValue('path', data)
+    };
+    parent.trigger('beforeDelete', deleteEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+            return;
+        }
+        if (isFileSystemData(parent)) {
+            args.itemData.forEach(function (itemData) {
+                var index = findIndexById(parent, itemData.id);
+                if (index !== -1) {
+                    parent.fileSystemData.splice(index, 1);
+                }
+                if (!itemData.isFile) {
+                    var subItems = parent.fileSystemData.filter(function (obj) { return obj.filterPath.includes(itemData.name); });
+                    subItems.forEach(function (subItem) {
+                        var index = findIndexById(parent, subItem.id);
+                        if (index !== -1) {
+                            parent.fileSystemData.splice(index, 1);
+                        }
+                    });
+                }
+            });
+        }
+    });
+}
+/**
+ * Function to trigger rename operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerRenameOperation(parent, data, eventArgs) {
+    var renameEventArgs = {
+        cancel: false,
+        newName: getValue('newName', data),
+        itemData: getValue('data', data),
+        path: getValue('path', data)
+    };
+    parent.trigger('beforeRename', renameEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+            return;
+        }
+        if (isFileSystemData(parent)) {
+            if (!isFileExists(parent.fileSystemData, args.newName)) {
+                var fileData = filterById(parent, args.itemData[0].id);
+                fileData.name = args.newName;
+            }
+            else {
+                var message = 'Cannot rename' + args.itemData[0].name + 'to' + args.newName + ': destination already exists.';
+                createErrorObject(parent, message, '400', null);
+            }
+        }
+    });
+}
+/**
+ * Function to trigger move or copy operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerMoveOrCopyOperation(parent, data, eventArgs) {
+    var moveEventArgs = {
+        cancel: false,
+        itemData: getValue('data', data),
+        isCopy: getValue('action', data) === 'copy' ? true : false,
+        path: getValue('path', data),
+        targetData: getValue('targetData', data),
+        targetPath: getValue('targetPath', data)
+    };
+    parent.trigger('beforeMove', moveEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+            return;
+        }
+        if (isFileSystemData(parent)) {
+            var message = 'File Already Exists';
+            var action = getValue('action', data);
+            var itemPermission = getAccessDetails(parent, args.itemData, action, false);
+            var pathPermission = getAccessDetails(parent, [args.targetData], action, true);
+            var file_1 = [];
+            parent.pasteNodes = [];
+            if (itemPermission === '' && pathPermission === '') {
+                if (args.isCopy) {
+                    var folderSubItems_1 = filterByParent(parent, args.targetData.id);
+                    var copiedFolders = args.itemData;
+                    copiedFolders.forEach(function (itemData) {
+                        if (!isFileExists(folderSubItems_1, itemData.name) || getValue('renameFiles', data).length > 0) {
+                            if (getValue('renameFiles', data).length > 0) {
+                                var names = itemData.name.split('.');
+                                var name_1 = itemData.name.includes('.') ? names[0] + '(' + parent.existingFileCount + ').' + names[1] : names[0] + '(' + parent.existingFileCount + ')';
+                                copyFolderItems(parent, itemData, args.targetData, name_1);
+                                parent.responseData.error = null;
+                                parent.existingFileCount++;
+                                return;
+                            }
+                            copyFolderItems(parent, itemData, args.targetData, null);
+                        }
+                        else {
+                            file_1.push(itemData.name);
+                        }
+                    });
+                    if (file_1.length > 0) {
+                        createErrorObject(parent, message, '400', file_1);
+                    }
+                    return;
+                }
+                var target = args.targetData;
+                var getTargetFiles = filterByParent(parent, target.id);
+                for (var i = 0; i < args.itemData.length; i++) {
+                    var currItem = args.itemData[i];
+                    if (!isFileExists(getTargetFiles, currItem.name) || getValue('renameFiles', data).length > 0) {
+                        if (!target.hasChild) {
+                            target.hasChild = !currItem.isFile;
+                        }
+                        if (!currItem.isFile) {
+                            //Check whether the source folder include other sub folders or not.
+                            var subItems = currItem.parentId !== 0
+                                ? filterByParent(parent, currItem.parentID) : [];
+                            var itemData = filterById(parent, currItem.parentId);
+                            itemData.hasChild = subItems.length > 1 ? true : false;
+                        }
+                        var fileData = filterById(parent, currItem.id);
+                        if (getValue('renameFiles', data).length > 0) {
+                            var names = currItem.name.split('.');
+                            currItem.name = currItem.name.includes('.') ? names[0] + '(' + parent.existingFileCount + ').' + names[1] : names[0] + '(' + parent.existingFileCount + ')';
+                            fileData.name = currItem.name;
+                            parent.responseData.error = null;
+                            parent.existingFileCount++;
+                            parent.dropData = target;
+                            parent.dropPath = args.path;
+                            var pathArray = args.targetPath.replace(/^\/|\/$/g, '').split('/');
+                            target = filterById(parent, pathArray[pathArray.length - 1]);
+                        }
+                        fileData.parentId = target.id;
+                        fileData.filterPath = target.id === 0 ? '\\' : target.filterPath + target.name + '\\';
+                    }
+                    else {
+                        file_1.push(currItem.name);
+                    }
+                }
+                if (file_1.length > 0) {
+                    createErrorObject(parent, message, '400', file_1);
+                }
+            }
+        }
+    });
+}
+/**
+ * Function to trigger search operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerSearchOperation(parent, data, eventArgs) {
+    var searchEventArgs = {
+        searchResults: getValue('data', data),
+        cancel: false,
+        path: getValue('path', data),
+        searchText: getValue('searchString', data),
+        caseSensitive: getValue('caseSensitive', data),
+        showHiddenItems: getValue('showHiddenItems', data)
+    };
+    parent.trigger('search', searchEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+        }
+    });
+}
+/**
+ * Function to trigger client side events.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerClientEvents(parent, data, eventArgs) {
+    switch (getValue('action', data)) {
+        case 'create': {
+            triggerFolderCreation(parent, data, eventArgs);
+            break;
+        }
+        case 'delete': {
+            triggerDeleteOperation(parent, data, eventArgs);
+            break;
+        }
+        case 'rename': {
+            triggerRenameOperation(parent, data, eventArgs);
+            break;
+        }
+        case 'move':
+        case 'copy': {
+            triggerMoveOrCopyOperation(parent, data, eventArgs);
+            break;
+        }
+        case 'search': {
+            triggerSearchOperation(parent, data, eventArgs);
+            break;
+        }
+    }
+}
+/**
+ * Creates an AJAX request for the file manager.
+ *
+ * @param {IFileManager} parent - The parent file manager instance.
+ * @param {Object} data - The data object for the AJAX request.
+ * @param {Function} fn - The callback function to be executed after the AJAX request.
+ * @param {string} [event] - The event type for the AJAX request.
+ * @param {string} [operation] - The operation type for the AJAX request.
+ * @param {string} [targetPath] - The target path for the AJAX request.
+ * @returns {void}
+ * @private
+ */
+function createAjax(parent, data, fn, event, operation, targetPath) {
     var ajaxSettings = {
         url: parent.ajaxSettings.url,
         type: 'POST',
@@ -185,9 +556,64 @@ parent, data, fn, event, operation, targetPath) {
         beforeSend: null
     };
     var eventArgs = { action: getValue('action', data), ajaxSettings: ajaxSettings, cancel: false };
+    triggerClientEvents(parent, data, eventArgs);
     parent.trigger('beforeSend', eventArgs, function (beforeSendArgs) {
         if (!beforeSendArgs.cancel) {
             parent.notify(events.beforeRequest, {});
+            if (isFileSystemData(parent)) {
+                var filePath = event === 'node-expand' || event === 'finalize-end' ? getValue('path', data) : parent.path;
+                var pathArray = filePath.replace(/^\/|\/$/g, '').split('/');
+                var idValue = event === 'rename-end-parent' || (event === 'path-changed' && getValue('data', data).length !== 0)
+                    || (event === 'paste-end' && (parent.targetModule === 'largeiconsview' || parent.targetModule === 'detailsview'))
+                    ? getValue('data', data)[0].id : pathArray[pathArray.length - 1];
+                var action = getValue('action', data);
+                var isFileOperation = (action === 'move' || action === 'rename' || action === 'copy' || action === 'delete' || action === 'search') && event !== 'rename-end';
+                if (action === 'read' || action === 'create' || event === 'rename-end') {
+                    parent.responseData = {
+                        cwd: filterById(parent, parent.path === '/' && event !== 'node-expand' && event !== 'rename-end-parent' ? 0 : idValue),
+                        details: null,
+                        error: null,
+                        files: filterByParent(parent, parent.path === '/' && event !== 'node-expand' && event !== 'rename-end-parent' ? 0 : idValue)
+                    };
+                    if (isNOU(parent.responseData.cwd)) {
+                        var message = 'Cannot load empty data within the File Manager.';
+                        createErrorObject(parent, message, '400', null);
+                    }
+                }
+                else if (isFileOperation && parent.responseData.error === null) {
+                    var itemData = action === 'search' || action === 'delete' ? getValue('data', data) : [];
+                    if (itemData.length === 0) {
+                        itemData = getValue('data', data).map(function (item) { return filterById(parent, item.id); });
+                    }
+                    parent.responseData = {
+                        cwd: null,
+                        details: null,
+                        error: null,
+                        files: itemData
+                    };
+                }
+                else if (getValue('action', data) === 'details') {
+                    var itemData = getValue('data', data);
+                    var details = itemData[0];
+                    var isMultipleFiles = itemData.length > 1;
+                    var itemNames = itemData.map(function (item) { return item.name; });
+                    var totalSize = isMultipleFiles ? getSize(itemData.reduce(function (accumulator, currentObject) { return accumulator + (currentObject.size || 0); }, 0)) : getSize(details.size);
+                    var path = (parent.pathNames.includes(details.name) ? parent.pathNames.join('/') : parent.pathNames.join('/') + '/' + details.name);
+                    parent.responseData.details = Object.assign({
+                        location: isMultipleFiles ? null : path,
+                        multipleFiles: isMultipleFiles,
+                        name: itemNames.join(', '),
+                        size: totalSize
+                    }, isMultipleFiles ? {} : {
+                        created: details.dateCreated,
+                        isFile: details.isFile,
+                        modified: details.dateModified,
+                        permission: details.permission
+                    });
+                }
+                performReadOperation(parent, parent.responseData, fn, data, event, operation, targetPath, beforeSendArgs);
+                return;
+            }
             var ajax = new Ajax({
                 url: getValue('url', beforeSendArgs.ajaxSettings),
                 type: getValue('type', beforeSendArgs.ajaxSettings),
@@ -212,61 +638,7 @@ parent, data, fn, event, operation, targetPath) {
                     if (typeof (result) === 'string') {
                         result = JSON.parse(result);
                     }
-                    parent.notify(events.afterRequest, { action: 'success' });
-                    var id = parent.expandedId ? parent.expandedId : parent.pathId[parent.pathId.length - 1];
-                    if (!isNOU(result.cwd) && (getValue('action', data) === 'read')) {
-                        result.cwd.name = (parent.pathId.length === 1) ? (parent.rootAliasName || result.cwd.name) : result.cwd.name;
-                        setValue('_fm_id', id, result.cwd);
-                        setValue(id, result.cwd, parent.feParent);
-                        if (!isNOU(result.files) || result.error.code === '401') {
-                            if ((event === 'finalize-end' || event === 'initial-end') && parent.pathNames.length === 0) {
-                                // eslint-disable-next-line
-                                var root = getValue(parent.pathId[0], parent.feParent);
-                                parent.pathNames[0] = getValue('name', root);
-                                parent.hasId = !isNOU(getValue('id', root));
-                            }
-                            if (event === 'finalize-end') {
-                                generatePath(parent);
-                            }
-                        }
-                    }
-                    var intl = new Internationalization(parent.locale);
-                    if (!isNOU(result.files)) {
-                        setDateObject(result.files, intl, getDateFormat(parent));
-                        for (var i = 0, len = result.files.length; i < len; i++) {
-                            // eslint-disable-next-line
-                            var item = result.files[i];
-                            setValue('_fm_iconClass', fileType(item), item);
-                        }
-                        if (getValue('action', data) === 'read') {
-                            setNodeId(result, id);
-                            setValue(id, result.files, parent.feFiles);
-                        }
-                    }
-                    if (!isNOU(result.details) && !isNOU(parent.rootAliasName)) {
-                        var rootName = parent.rootAliasName || getValue('name', result.details);
-                        var location_1 = getValue('location', result.details).replace(new RegExp('/', 'g'), '\\');
-                        if ((getValue('path', data) === '/') || (parent.hasId && getValue('path', data).match(/[/]/g).length === 1)) {
-                            if (getValue('names', data).length === 0) {
-                                setValue('name', rootName, result.details);
-                                location_1 = rootName;
-                            }
-                            else {
-                                location_1 = location_1.replace(location_1.substring(0, location_1.indexOf('\\')), rootName);
-                            }
-                        }
-                        else {
-                            location_1 = location_1.replace(location_1.substring(0, location_1.indexOf('\\')), rootName);
-                        }
-                        setValue('location', location_1, result.details);
-                    }
-                    fn(parent, result, event, operation, targetPath);
-                    if (!isNOU(result.files) && (event === 'path-changed' || event === 'finalize-end' || event === 'open-end' || event === 'drop-path')) {
-                        parent.notify(events.searchTextChange, result);
-                    }
-                    if (typeof getValue('onSuccess', beforeSendArgs.ajaxSettings) === 'function') {
-                        getValue('onSuccess', beforeSendArgs.ajaxSettings)();
-                    }
+                    performReadOperation(parent, result, fn, data, event, operation, targetPath, beforeSendArgs);
                 },
                 onFailure: function () {
                     var result = {
@@ -284,6 +656,117 @@ parent, data, fn, event, operation, targetPath) {
         }
     });
 }
+/**
+ * Function to get file size.
+ *
+ * @param {number} size - specifies the size.
+ * @returns {string} - returns the size.
+ * @private
+ */
+function getSize(size) {
+    var hz;
+    if (size < 1024) {
+        hz = size + ' B';
+    }
+    else if (size < 1024 * 1024) {
+        hz = (size / 1024).toFixed(2) + ' KB';
+    }
+    else if (size < 1024 * 1024 * 1024) {
+        hz = (size / 1024 / 1024).toFixed(2) + ' MB';
+    }
+    else {
+        hz = (size / 1024 / 1024 / 1024).toFixed(2) + ' GB';
+    }
+    return hz;
+}
+/**
+ * Function to perform read operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {Function} fn - specifies the function.
+ * @param {Object} data - specifies the data.
+ * @param {string} event - specifies the event.
+ * @param {string} operation - specifies the operation.
+ * @param {string} targetPath - specifies the targetPath.
+ * @param {BeforeSendEventArgs} beforeSendArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function performReadOperation(parent, result, fn, data, event, operation, targetPath, beforeSendArgs) {
+    parent.notify(events.afterRequest, { action: 'success' });
+    var id = parent.expandedId ? parent.expandedId : parent.pathId[parent.pathId.length - 1];
+    if (!isNOU(result.cwd) && (getValue('action', data) === 'read')) {
+        result.cwd.name = (parent.pathId.length === 1) ? (parent.rootAliasName || result.cwd.name) : result.cwd.name;
+        setValue('_fm_id', id, result.cwd);
+        setValue(id, result.cwd, parent.feParent);
+        if (!isNOU(result.files) || result.error.code === '401') {
+            if ((event === 'finalize-end' || event === 'initial-end') && parent.pathNames.length === 0) {
+                var root = getValue(parent.pathId[0], parent.feParent);
+                parent.pathNames[0] = getValue('name', root);
+                parent.hasId = !isNOU(getValue('id', root));
+            }
+            if (event === 'finalize-end') {
+                generatePath(parent);
+            }
+        }
+    }
+    var intl = new Internationalization(parent.locale);
+    if (!isNOU(result.files)) {
+        setDateObject(result.files, intl, getDateFormat(parent));
+        for (var i = 0, len = result.files.length; i < len; i++) {
+            var item = result.files[i];
+            setValue('_fm_iconClass', fileType(item), item);
+        }
+        if (getValue('action', data) === 'read' || isFileSystemData(parent) && getValue('action', data) === 'search') {
+            setNodeId(result, id);
+            setValue(id, result.files, parent.feFiles);
+        }
+    }
+    if (!isNOU(result.details) && !isNOU(parent.rootAliasName)) {
+        var rootName = parent.rootAliasName || getValue('name', result.details);
+        var location_1 = getValue('location', result.details).replace(new RegExp('/', 'g'), '\\');
+        if ((getValue('path', data) === '/') || (parent.hasId && getValue('path', data).match(/[/]/g).length === 1)) {
+            if (getValue('names', data).length === 0) {
+                setValue('name', rootName, result.details);
+                location_1 = rootName;
+            }
+            else {
+                location_1 = location_1.replace(location_1.substring(0, location_1.indexOf('\\')), rootName);
+            }
+        }
+        else {
+            location_1 = location_1.replace(location_1.substring(0, location_1.indexOf('\\')), rootName);
+        }
+        setValue('location', location_1, result.details);
+    }
+    fn(parent, result, event, operation, targetPath);
+    if (!isNOU(result.files) && (event === 'path-changed' || event === 'finalize-end' || event === 'open-end' || event === 'drop-path')) {
+        parent.notify(events.searchTextChange, result);
+    }
+    if (typeof getValue('onSuccess', beforeSendArgs.ajaxSettings) === 'function') {
+        getValue('onSuccess', beforeSendArgs.ajaxSettings)();
+    }
+}
+/**
+ * Function to copy operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {string} target - specifies the target.
+ * @param {string} itemName - specifies the item name.
+ * @returns {void}
+ * @private
+ */
+function copyFolderItems(parent, data, target, itemName) {
+    var newObject = createNewItem(data, target, itemName, true);
+    parent.fileSystemData.push(newObject);
+    parent.pasteNodes.push(newObject.id);
+    var copiedItems = filterByParent(parent, data.id);
+    for (var i = 0; i < copiedItems.length; i++) {
+        copyFolderItems(parent, copiedItems[i], newObject, null);
+    }
+}
 /**
  * Function for trigger Ajax failure in File Manager.
  *
@@ -297,9 +780,7 @@ parent, data, fn, event, operation, targetPath) {
  * @returns {void}
  * @private
  */
-function triggerAjaxFailure(
-// eslint-disable-next-line
-parent, beforeSendArgs, fn, result, event, operation, targetPath) {
+function triggerAjaxFailure(parent, beforeSendArgs, fn, result, event, operation, targetPath) {
     parent.notify(events.afterRequest, { action: 'failure' });
     fn(parent, result, event, operation, targetPath);
     if (typeof getValue('onFailure', beforeSendArgs.ajaxSettings) === 'function') {
@@ -375,8 +856,14 @@ function createSuccess(parent, result, itemName) {
         if (parent.dialogObj && parent.dialogObj.visible) {
             parent.dialogObj.hide();
         }
-        parent.createdItem = result.files[0];
+        parent.createdItem = isFileSystemData(parent) ? result.files[result.files.length - 1] : result.files[0];
         parent.breadcrumbbarModule.searchObj.value = '';
+        var createEventArgs = {
+            folderName: itemName,
+            path: parent.path,
+            parentFolder: parent.itemData
+        };
+        parent.trigger('folderCreate', createEventArgs);
         var args = { action: 'create', result: result };
         parent.trigger('success', args);
         parent.itemData = [getPathObject(parent)];
@@ -417,11 +904,10 @@ function createSuccess(parent, result, itemName) {
  *
  * @param {IFileManager} parent - specifies the parent element.
  * @param {ReadArgs} result - specifies the result.
- * @param {string} path - specifies the path
  * @returns {void}
  * @private
  */
-function renameSuccess(parent, result, path) {
+function renameSuccess(parent, result) {
     if (!isNOU(result.files)) {
         if (!isNOU(parent.dialogObj)) {
             parent.dialogObj.hide();
@@ -429,15 +915,22 @@ function renameSuccess(parent, result, path) {
         var args = { action: 'rename', result: result };
         parent.trigger('success', args);
         parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
+        var renameEventArgs = {
+            newName: parent.renamedItem.name,
+            itemData: parent.renamedItem,
+            path: parent.path
+        };
+        parent.trigger('rename', renameEventArgs);
         if (parent.activeModule === 'navigationpane') {
             parent.pathId.pop();
             parent.itemData = [getValue(parent.pathId[parent.pathId.length - 1], parent.feParent)];
             read(parent, events.renameEndParent, getValue('filterPath', parent.renamedItem).replace(/\\/g, '/'));
             parent.itemData[0] = parent.renamedItem;
-            read(parent, events.pathChanged, parent.path === '/' ? parent.path : getValue('filterPath', parent.renamedItem).replace(/\\/g, '/') + parent.renamedItem.name + '/');
             if (getValue('filterPath', parent.renamedItem) === getValue('filterPath', parent.itemData[0]) && parent.pathNames.length > 1) {
                 parent.pathNames[parent.pathNames.length - 1] = parent.renameText;
             }
+            read(parent, events.pathChanged, parent.path === '/' ? parent.path : getValue('filterPath', parent.renamedItem).replace(/\\/g, '/') + parent.renamedItem.name + '/');
+            parent.renamedItem = null;
         }
         else {
             parent.itemData = [getPathObject(parent)];
@@ -483,6 +976,14 @@ function renameSuccess(parent, result, path) {
  * @private
  */
 function pasteSuccess(parent, result, path, operation) {
+    var moveorcopyEventArgs = {
+        itemData: result.files,
+        isCopy: operation === 'copy' ? true : false,
+        path: path,
+        targetData: parent.itemData[0],
+        targetPath: parent.path
+    };
+    parent.trigger('move', moveorcopyEventArgs);
     if (result.error && result.error.fileExists) {
         parent.fileLength = 0;
         if (!isNOU(result.files)) {
@@ -517,6 +1018,11 @@ function pasteSuccess(parent, result, path, operation) {
  * @private
  */
 function deleteSuccess(parent, result, path) {
+    var deleteEventArgs = {
+        itemData: result.files,
+        path: path
+    };
+    parent.trigger('delete', deleteEventArgs);
     if (!isNOU(result.files)) {
         parent.setProperties({ path: path }, true);
         parent.itemData = [getPathObject(parent)];
@@ -581,10 +1087,7 @@ function onFailure(parent, result, action) {
  * @returns {void}
  * @private
  */
-export function Search(
-// eslint:disable-next-line
-parent, event, path, searchString, showHiddenItems, caseSensitive) {
-    // eslint-disable-next-line
+export function Search(parent, event, path, searchString, showHiddenItems, caseSensitive) {
     var data = {
         action: 'search', path: path, searchString: searchString, showHiddenItems: showHiddenItems, caseSensitive: caseSensitive,
         data: parent.itemData
@@ -623,7 +1126,6 @@ function searchSuccess(parent, result, event) {
  */
 export function Download(parent, path, items) {
     var downloadUrl = parent.ajaxSettings.downloadUrl ? parent.ajaxSettings.downloadUrl : parent.ajaxSettings.url;
-    // eslint-disable-next-line
     var data = { 'action': 'download', 'path': path, 'names': items, 'data': parent.itemData };
     var ajaxSettings = {
         url: downloadUrl,
@@ -687,12 +1189,12 @@ export function Download(parent, path, items) {
                         var result = {
                             error: {
                                 code: e.status.toString(),
-                                message: getLocaleText(parent, 'Network-Error') + ' ' + parent.ajaxSettings.downloadUrl,
-                            },
+                                message: getLocaleText(parent, 'Network-Error') + ' ' + parent.ajaxSettings.downloadUrl
+                            }
                         };
                         createDialog(parent, 'Error', result);
                         parent.trigger('failure', downloadArgs);
-                    },
+                    }
                 });
                 fetch_1.send(JSON.stringify(downloadArgs.data));
             }