@syncfusion/ej2-filemanager 20.1.47 → 20.1.52-10459

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

@@ -1,10 +1,47 @@
 import * as CLS from '../base/classes';
 import * as events from '../base/constant';
-import { read, paste, Search, filter, Download, Delete } from '../common/operations';
-import { getValue, setValue, isNullOrUndefined as isNOU, matches, select, createElement } from '@syncfusion/ej2-base';
+import { read, paste, Search, filter, Download, Delete, isFileSystemData } from '../common/operations';
+import { getValue, setValue, isNullOrUndefined as isNOU, matches, select, createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { closest, detach } from '@syncfusion/ej2-base';
 import { DataManager, Query } from '@syncfusion/ej2-data';
 import { createDialog } from '../pop-up/dialog';
+/**
+ * Utility function to compare two strings in a way similar to Windows Explorer.
+ * Files and folders are sorted separately, with folders coming before files.
+ *
+ * @param {string} reference - The first string to compare. This could be a file or folder name.
+ * @param {string} comparer - The second string to compare. This could be a file or folder name.
+ * @returns {number} - A negative number if `reference` should come before `comparer`, a positive number if `comparer` should come before `reference`, and 0 if they are considered equal.
+ */
+export function sortComparer(reference, comparer) {
+    // Check if reference and comparer are files or folders
+    var referenceIsFile = /\.\S+/.test(reference);
+    var comparerIsFile = /\.\S+/.test(comparer);
+    // If one is a file and the other is a folder, the folder should come first
+    if (referenceIsFile && !comparerIsFile) {
+        return 1;
+    }
+    if (!referenceIsFile && comparerIsFile) {
+        return -1;
+    }
+    var referenceParts = [];
+    var comparerParts = [];
+    (reference + '').replace(/(\d+)|(\D+)/g, function (_, $1, $2) { referenceParts.push([$1 || Infinity, $2 || '']); return ''; });
+    (comparer + '').replace(/(\d+)|(\D+)/g, function (_, $1, $2) { comparerParts.push([$1 || Infinity, $2 || '']); return ''; });
+    // Compare each part of reference and comparer
+    while (referenceParts.length && comparerParts.length) {
+        var referencePart = referenceParts.shift();
+        var comparerPart = comparerParts.shift();
+        if (referencePart && comparerPart) {
+            var comparisonResult = referencePart[0] - comparerPart[0] ||
+                referencePart[1].localeCompare(comparerPart[1]);
+            if (comparisonResult) {
+                return comparisonResult;
+            }
+        }
+    }
+    return referenceParts.length - comparerParts.length;
+}
 /**
  * Utility file for common actions
  *
@@ -14,7 +51,6 @@ import { createDialog } from '../pop-up/dialog';
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 export function updatePath(node, data, instance) {
     var text = getValue('name', data);
     var id = node.getAttribute('data-id');
@@ -34,8 +70,8 @@ export function updatePath(node, data, instance) {
  */
 export function getPath(element, text, hasId) {
     var matched = getParents(element, text, false, hasId);
-    var path = hasId ? '' : '/';
-    var len = matched.length - (hasId ? 1 : 2);
+    var path = '/';
+    var len = matched.length - (2);
     for (var i = len; i >= 0; i--) {
         path += matched[i] + '/';
     }
@@ -107,11 +143,10 @@ export function getParents(element, text, isId, hasId) {
  */
 export function generatePath(parent) {
     var key = parent.hasId ? 'id' : 'name';
-    var newPath = parent.hasId ? '' : '/';
-    var i = parent.hasId ? 0 : 1;
+    var newPath = '/';
+    var i = 1;
     for (i; i < parent.pathId.length; i++) {
-        // eslint-disable-next-line
-        var data = getValue(parent.pathId[i], parent.feParent);
+        var data = getValue(parent.pathId[parseInt(i.toString(), 10)], parent.feParent);
         newPath += getValue(key, data) + '/';
     }
     parent.setProperties({ path: newPath }, true);
@@ -249,6 +284,22 @@ export function searchWordHandler(parent, value, isLayoutChange) {
     if (value.length === 0 && !parent.isFiltered) {
         parent.notify(events.pathColumn, { args: parent });
     }
+    if (isFileSystemData(parent)) {
+        if (value === '') {
+            parent.itemData = parent.fileSystemData;
+            read(parent, events.layoutChange, parent.path);
+        }
+        else {
+            parent.searchSettings.filterType = isNOU(parent.searchSettings.filterType) ? 'contains' : parent.searchSettings.filterType;
+            var filteredData = parent.fileSystemData.filter(function (obj) { return obj.parentId !== null; });
+            var data = new DataManager(filteredData).
+                executeLocal(new Query().where('name', parent.searchSettings.filterType, value, parent.searchSettings.ignoreCase));
+            var searchValue = parent.searchSettings.ignoreCase ? value.toLowerCase() : value;
+            parent.itemData = data;
+            Search(parent, isLayoutChange ? events.layoutChange : events.search, parent.path, searchValue, parent.showHiddenItems, !parent.searchSettings.ignoreCase);
+        }
+        return;
+    }
     if (parent.searchSettings.filterType === 'startsWith') {
         searchWord = value + '*';
     }
@@ -268,7 +319,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
     else {
         if (!parent.isFiltered) {
             if (parent.isSortByClicked) {
-                parent.notify(events.layoutChange, { files: parent.largeiconsviewModule.items });
+                parent.notify(events.layoutChange, { files: (parent.oldView === 'Details') ? parent.detailsviewModule.gridObj.dataSource : parent.largeiconsviewModule.allItems });
                 parent.isSortByClicked = false;
             }
             else {
@@ -289,6 +340,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
  * @private
  */
 export function updateLayout(parent, view) {
+    parent.oldView = parent.view;
     parent.setProperties({ view: view }, true);
     if (parent.breadcrumbbarModule.searchObj.element.value !== '' || parent.isFiltered) {
         parent.layoutSelectedItems = parent.selectedItems;
@@ -365,7 +417,6 @@ export function openAction(parent) {
  * @returns {Object} - returns the path data.
  * @private
  */
-// eslint-disable-next-line
 export function getPathObject(parent) {
     return getValue(parent.pathId[parent.pathId.length - 1], parent.feParent);
 }
@@ -407,7 +458,6 @@ export function cutFiles(parent) {
  * @returns {string} - returns the file type.
  * @private
  */
-// eslint-disable-next-line
 export function fileType(file) {
     var isFile = getValue('isFile', file);
     if (!isFile) {
@@ -450,21 +500,29 @@ export function fileType(file) {
  * @returns {string} - returns the image url.
  * @private
  */
-// eslint-disable-next-line
 export function getImageUrl(parent, item) {
+    var imgUrl = isFileSystemData(parent) ? getValue('imageUrl', item) : '';
+    if (isFileSystemData(parent)) {
+        var eventArgs_1 = {
+            fileDetails: [item],
+            imageUrl: imgUrl
+        };
+        parent.trigger('beforeImageLoad', eventArgs_1);
+        return eventArgs_1.imageUrl;
+    }
     var baseUrl = parent.ajaxSettings.getImageUrl ? parent.ajaxSettings.getImageUrl : parent.ajaxSettings.url;
-    var imgUrl;
+    var pathUrl = (baseUrl.indexOf('?') !== -1) ? '&path=' : '?path=';
     var fileName = encodeURIComponent(getValue('name', item));
     var fPath = getValue('filterPath', item);
     if (parent.hasId) {
         var imgId = getValue('id', item);
-        imgUrl = baseUrl + '?path=' + parent.path + '&id=' + imgId;
+        imgUrl = baseUrl + pathUrl + parent.path + '&id=' + imgId;
     }
     else if (!isNOU(fPath)) {
-        imgUrl = baseUrl + '?path=' + fPath.replace(/\\/g, '/') + fileName;
+        imgUrl = baseUrl + pathUrl + encodeURIComponent(fPath.replace(/\\/g, '/')) + fileName;
     }
     else {
-        imgUrl = baseUrl + '?path=' + parent.path + fileName;
+        imgUrl = baseUrl + pathUrl + parent.path + fileName;
     }
     imgUrl = imgUrl + '&time=' + (new Date().getTime()).toString();
     var eventArgs = {
@@ -484,7 +542,6 @@ export function getImageUrl(parent, item) {
  * @returns {string} - returns the image url.
  * @private
  */
-// eslint-disable-next-line
 export function getFullPath(parent, data, path) {
     var filePath = getValue(parent.hasId ? 'id' : 'name', data) + '/';
     var fPath = getValue(parent.hasId ? 'filterId' : 'filterPath', data);
@@ -503,7 +560,6 @@ export function getFullPath(parent, data, path) {
  * @returns {string} - returns the name.
  * @private
  */
-// eslint-disable-next-line
 export function getName(parent, data) {
     var name = getValue('name', data);
     var fPath = getValue('filterPath', data);
@@ -521,19 +577,17 @@ export function getName(parent, data) {
  * @returns {Object[]} - returns the sorted data.
  * @private
  */
-// eslint-disable-next-line
 export function getSortedData(parent, items) {
     if (items.length === 0) {
         return items;
     }
     var query;
-    if (parent.sortOrder !== 'None') {
+    if (parent.sortOrder !== 'None' && !isNullOrUndefined(parent.sortOrder)) {
         query = new Query().sortBy(parent.sortBy, parent.sortOrder.toLowerCase(), true).group('isFile');
     }
     else {
         query = new Query().group('isFile');
     }
-    // eslint-disable-next-line
     var lists = new DataManager(items).executeLocal(query);
     return getValue('records', lists);
 }
@@ -546,12 +600,9 @@ export function getSortedData(parent, items) {
  * @returns {Object} - returns the sorted data.
  * @private
  */
-// eslint-disable-next-line
 export function getObject(parent, key, value) {
-    // eslint-disable-next-line
     var currFiles = getValue(parent.pathId[parent.pathId.length - 1], parent.feFiles);
     var query = new Query().where(key, 'equal', value);
-    // eslint-disable-next-line
     var lists = new DataManager(currFiles).executeLocal(query);
     return lists[0];
 }
@@ -616,7 +667,6 @@ export function createEmptyElement(parent, element, args) {
  * @returns {Object[]} - returns the sorted data.
  * @private
  */
-// eslint-disable-next-line
 export function getDirectories(files) {
     return new DataManager(files).executeLocal(new Query().where(events.isFile, 'equal', false, false));
 }
@@ -629,7 +679,6 @@ export function getDirectories(files) {
  * @private
  */
 export function setNodeId(result, rootId) {
-    // eslint-disable-next-line
     var dirs = getDirectories(result.files);
     for (var i = 0, len = dirs.length; i < len; i++) {
         setValue('_fm_id', rootId + '_' + i, dirs[i]);
@@ -639,14 +688,20 @@ export function setNodeId(result, rootId) {
  * set the date object
  *
  * @param {Object[]} args - specifies the file object.
+ * @param {Internationalization} localeString - The internationalization object for formatting dates.
+ * @param {string} dateFormat - The date format string.
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
-export function setDateObject(args) {
+export function setDateObject(args, localeString, dateFormat) {
     for (var i = 0; i < args.length; i++) {
-        setValue('_fm_created', new Date(getValue('dateCreated', args[i])), args[i]);
-        setValue('_fm_modified', new Date(getValue('dateModified', args[i])), args[i]);
+        var createdDate = new Date(getValue('dateCreated', args[i]));
+        var modifiedDate = new Date(getValue('dateModified', args[i]));
+        if (isNOU(dateFormat)) {
+            dateFormat = 'MM/dd/yyyy';
+        }
+        setValue('_fm_created', localeString.formatDate(createdDate, { format: dateFormat }), args[i]);
+        setValue('_fm_modified', localeString.formatDate(modifiedDate, { format: dateFormat }), args[i]);
     }
 }
 /**
@@ -692,7 +747,7 @@ export function sortbyClickHandler(parent, args) {
         tick = false;
     }
     if (!tick) {
-        parent.sortBy = getSortField(args.item.id);
+        parent.sortBy = getSortField(args.item.id, parent);
     }
     else {
         parent.sortOrder = getSortField(args.item.id);
@@ -704,6 +759,7 @@ export function sortbyClickHandler(parent, args) {
         }
         else {
             parent.notify(events.sortColumn, { module: 'detailsview' });
+            parent.isSortByClicked = false;
         }
     }
     if (parent.view === 'LargeIcons') {
@@ -715,15 +771,28 @@ export function sortbyClickHandler(parent, args) {
  * Gets the sorted fields
  *
  * @param {string} id - specifies the id.
+ * @param {IFileManager} [parent] - optional parameter representing the parent IFileManager.
  * @returns {string} - returns the sorted fields
  * @private
  */
-export function getSortField(id) {
+export function getSortField(id, parent) {
     var text = id.substring(id.lastIndexOf('_') + 1);
     var field = text;
+    var column;
+    if (parent) {
+        column = parent.detailsViewSettings.columns;
+    }
     switch (text) {
         case 'date':
-            field = '_fm_modified';
+            for (var i = 0, len = column.length; i < len; i++) {
+                if (column[i].field === 'dateModified' || column[i].field === 'dateCreated') {
+                    field = column[i].field;
+                    break;
+                }
+                else {
+                    field = '_fm_modified';
+                }
+            }
             break;
         case 'ascending':
             field = 'Ascending';
@@ -748,19 +817,22 @@ export function getSortField(id) {
 export function setNextPath(parent, path) {
     var currfolders = path.split('/');
     var folders = parent.originalPath.split('/');
-    // eslint-disable-next-line
     var root = getValue(parent.pathId[0], parent.feParent);
     var key = isNOU(getValue('id', root)) ? 'name' : 'id';
     for (var i = currfolders.length - 1, len = folders.length - 1; i < len; i++) {
         var eventName = (folders[i + 1] === '') ? events.finalizeEnd : events.initialEnd;
         var newPath = (folders[i] === '') ? '/' : (parent.path + folders[i] + '/');
-        // eslint-disable-next-line
-        var data = getObject(parent, key, folders[i]);
-        var id = getValue('_fm_id', data);
-        parent.setProperties({ path: newPath }, true);
-        parent.pathId.push(id);
-        parent.itemData = [data];
-        parent.pathNames.push(getValue('name', data));
+        var data = getObject(parent, key, folders[parseInt(i.toString(), 10)]);
+        if (!isNullOrUndefined(data)) {
+            var id = getValue('_fm_id', data);
+            parent.setProperties({ path: newPath }, true);
+            parent.pathId.push(id);
+            parent.itemData = [data];
+            parent.pathNames.push(getValue('name', data));
+        }
+        else {
+            parent.originalPath = newPath;
+        }
         read(parent, eventName, parent.path);
         break;
     }
@@ -773,10 +845,28 @@ export function setNextPath(parent, path) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 export function openSearchFolder(parent, data) {
-    parent.notify(events.clearPathInit, { selectedNode: parent.pathId[parent.pathId.length - 1] });
     parent.originalPath = getFullPath(parent, data, parent.path);
+    var root = getValue(parent.pathId[0], parent.feParent);
+    var isRoot = getValue('_fm_id', parent.itemData[0]) === 'fe_tree';
+    var key = isNOU(getValue('id', root)) ? 'name' : 'id';
+    var searchData = getObject(parent, key, isFileSystemData(parent) ? getValue('id', data) : getValue('name', data));
+    if (isNullOrUndefined(searchData)) {
+        if (!isRoot) {
+            parent.notify(events.clearPathInit, { selectedNode: parent.pathId[parent.pathId.length - 1] });
+        }
+        else {
+            setNextPath(parent, parent.path);
+            return;
+        }
+    }
+    else {
+        var id = getValue('_fm_id', searchData);
+        parent.setProperties({ path: parent.originalPath }, true);
+        parent.pathId.push(id);
+        parent.itemData = [searchData];
+        parent.pathNames.push(getValue('name', searchData));
+    }
     read(parent, (parent.path !== parent.originalPath) ? events.initialEnd : events.finalizeEnd, parent.path);
 }
 /**
@@ -790,7 +880,9 @@ export function pasteHandler(parent) {
     parent.isDragDrop = false;
     if (parent.selectedNodes.length !== 0 && parent.enablePaste) {
         var path = (parent.folderPath === '') ? parent.path : parent.folderPath;
-        // eslint-disable-next-line
+        if (parent.activeModule === 'navigationpane' && !parent.selectedNodes[0].includes('/')) {
+            parent.targetPath = getValue('filterPath', parent.actionRecords[0]).replace(/\\/g, '/');
+        }
         var subFolder = validateSubFolder(parent, parent.actionRecords, path, parent.path);
         if (!subFolder) {
             if ((parent.fileAction === 'move' && parent.targetPath !== path) || parent.fileAction === 'copy') {
@@ -801,6 +893,15 @@ export function pasteHandler(parent) {
                 parent.enablePaste = false;
                 parent.notify(events.hidePaste, {});
                 removeBlur(parent);
+                var result = {
+                    files: null,
+                    error: {
+                        code: '402',
+                        message: getLocaleText(parent, 'Same-Folder-Error'),
+                        fileExists: null
+                    }
+                };
+                createDialog(parent, 'Error', result);
             }
         }
     }
@@ -815,7 +916,6 @@ export function pasteHandler(parent) {
  * @returns {boolean} - returns the validated sub folder.
  * @private
  */
-// eslint-disable-next-line
 export function validateSubFolder(parent, data, dropPath, dragPath) {
     var subFolder = false;
     for (var i = 0; i < data.length; i++) {
@@ -836,7 +936,8 @@ export function validateSubFolder(parent, data, dropPath, dragPath) {
             }
         }
         else {
-            var srcData = parent.dragNodes[i];
+            var name_1 = parent.dragData[i] ? parent.dragData[i].name : null;
+            var srcData = isFileSystemData(parent) ? name_1 : parent.dragNodes[i];
             var len = 0;
             if (srcData) {
                 len = srcData.lastIndexOf('/');
@@ -907,15 +1008,15 @@ export function getParentPath(oldPath) {
  */
 export function getDirectoryPath(parent, args) {
     var filePath = getValue(parent.hasId ? 'id' : 'name', args.cwd) + '/';
-    var fPath = getValue(parent.hasId ? 'filterId' : 'filterPath', args.cwd);
+    var fPath = getValue(parent.hasId && !isNullOrUndefined(parent.ajaxSettings.url) ? 'filterId' : 'filterPath', args.cwd);
     if (!isNOU(fPath)) {
         if (fPath === '') {
-            return parent.hasId ? filePath : '/';
+            return parent.hasId && !isNullOrUndefined(parent.ajaxSettings.url) ? filePath : '/';
         }
         return fPath.replace(/\\/g, '/') + filePath;
     }
     else {
-        return parent.path + filePath;
+        return isFileSystemData(parent) ? filePath : parent.path + filePath;
     }
 }
 /**
@@ -983,6 +1084,11 @@ export function readDropPath(parent) {
     else {
         if (parent.navigationpaneModule) {
             var node = select('[data-uid="' + pathId + '"]', parent.navigationpaneModule.treeObj.element);
+            if (!node) {
+                var liElement = document.querySelector('[data-id = "' + getValue('id', parent.dropData) + '"]');
+                pathId = liElement.getAttribute('data-uid');
+                node = select('[data-uid="' + pathId + '"]', parent.navigationpaneModule.treeObj.element);
+            }
             updatePath(node, parent.dropData, parent);
         }
         read(parent, events.dropPath, parent.dropPath);
@@ -996,11 +1102,8 @@ export function readDropPath(parent) {
  * @returns {object} - returns the duplicated path.
  * @private
  */
-// eslint-disable-next-line
 export function getDuplicateData(parent, name) {
-    // eslint-disable-next-line
     var data = null;
-    // eslint-disable-next-line
     var records = parent.isDragDrop ? parent.dragData : parent.actionRecords;
     for (var i = 0; i < records.length; i++) {
         if (getValue('name', records[i]) === name) {
@@ -1180,6 +1283,30 @@ export function removeItemClass(parent, value) {
         ele[i].classList.remove(value);
     }
 }
+/**
+ * Remove item class handler
+ *
+ * @param {Element} scrollParent - specifies the scrolling target.
+ * @param {IFileManager} parent - specifies the parent.
+ * @param {string} nodeClass - specifies the node class.
+ * @param {number} screenY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the entire screen.
+ * @param {number} clientY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the target element.
+ * @returns {void}
+ * @private
+ */
+export function scrollHandler(scrollParent, parent, nodeClass, screenY, clientY) {
+    var position;
+    var elementData = scrollParent.getBoundingClientRect();
+    var node = select('.' + nodeClass, scrollParent);
+    if ((screenY >= (elementData.top + scrollParent.clientHeight - 30)) && !isNullOrUndefined(node)) {
+        position = (parent.targetModule === 'navigationpane' || parent.targetModule === 'detailsview') ? node.offsetHeight / 2.5 : node.offsetHeight / 4.5;
+        scrollParent.scrollBy(0, position);
+    }
+    if (!isNullOrUndefined(node) && (clientY <= (elementData.top + 30))) {
+        position = (parent.targetModule === 'navigationpane' || parent.targetModule === 'detailsview') ? node.offsetHeight / 2.5 : node.offsetHeight / 4.5;
+        scrollParent.scrollBy(0, -position);
+    }
+}
 /**
  * Dragging handler
  *
@@ -1200,12 +1327,15 @@ export function draggingHandler(parent, args) {
     }
     removeBlur(parent, 'hover');
     var node = null;
+    var scrollParent;
     if (parent.targetModule === 'navigationpane') {
         node = closest(args.target, 'li');
         node.classList.add(CLS.HOVER, CLS.DROP_FOLDER);
         canDrop = true;
         /* istanbul ignore next */
         parent.treeExpandTimer = window.setTimeout(function () { parent.notify(events.dragging, args); }, 800);
+        scrollParent = parent.navigationpaneModule.treeObj.element.parentElement;
+        scrollHandler(scrollParent, parent, 'e-level-2', args.event.screenY, args.event.y);
     }
     else if (parent.targetModule === 'detailsview') {
         node = closest(args.target, 'tr');
@@ -1216,6 +1346,8 @@ export function draggingHandler(parent, args) {
             node.classList.add(CLS.DROP_FILE);
         }
         canDrop = true;
+        scrollParent = parent.detailsviewModule.gridObj.element.querySelector('.e-content');
+        scrollHandler(scrollParent, parent, 'e-row', args.event.screenY, args.event.y);
     }
     else if (parent.targetModule === 'largeiconsview') {
         node = closest(args.target, 'li');
@@ -1223,6 +1355,8 @@ export function draggingHandler(parent, args) {
             node.classList.add(CLS.HOVER, CLS.DROP_FOLDER);
         }
         canDrop = true;
+        scrollParent = parent.largeiconsviewModule.element.firstElementChild;
+        scrollHandler(scrollParent, parent, 'e-large-icon', args.event.screenY, args.event.y);
         /* istanbul ignore next */
     }
     else if (parent.targetModule === 'breadcrumbbar') {
@@ -1241,7 +1375,6 @@ export function draggingHandler(parent, args) {
  * @private
  */
 // Ignored the message key value in permission object
-// eslint-disable-next-line
 export function objectToString(data) {
     var str = '';
     var keys = Object.keys(data);
@@ -1260,7 +1393,6 @@ export function objectToString(data) {
  * @returns {string} returns the item name.
  * @private
  */
-// eslint-disable-next-line
 export function getItemName(parent, data) {
     if (parent.hasId) {
         return getValue('id', data);
@@ -1275,7 +1407,6 @@ export function getItemName(parent, data) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 export function updateRenamingData(parent, data) {
     parent.itemData = [data];
     parent.currentItemText = getValue('name', data);
@@ -1306,7 +1437,6 @@ export function doRename(parent) {
  * @private
  */
 export function doDownload(parent) {
-    // eslint-disable-next-line
     var items = parent.itemData;
     for (var i = 0; i < items.length; i++) {
         if (!hasDownloadAccess(items[i])) {
@@ -1327,7 +1457,6 @@ export function doDownload(parent) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 export function doDeleteFiles(parent, data, newIds) {
     for (var i = 0; i < data.length; i++) {
         if (!hasEditAccess(data[i])) {
@@ -1348,7 +1477,6 @@ export function doDeleteFiles(parent, data, newIds) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 export function doDownloadFiles(parent, data, newIds) {
     for (var i = 0; i < data.length; i++) {
         if (!hasDownloadAccess(data[i])) {
@@ -1370,7 +1498,6 @@ export function doDownloadFiles(parent, data, newIds) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 export function createDeniedDialog(parent, data, action) {
     var message = getValue('message', getValue('permission', data));
     if (message === '') {
@@ -1392,7 +1519,6 @@ export function createDeniedDialog(parent, data, action) {
  * @returns {string} - returns accesses classes.
  * @private
  */
-// eslint-disable-next-line
 export function getAccessClass(data) {
     return !hasReadAccess(data) ? 'e-fe-locked e-fe-hidden' : 'e-fe-locked';
 }
@@ -1403,9 +1529,7 @@ export function getAccessClass(data) {
  * @returns {boolean} - returns read access.
  * @private
  */
-// eslint-disable-next-line
 export function hasReadAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return (permission && !getValue('read', permission)) ? false : true;
 }
@@ -1416,9 +1540,7 @@ export function hasReadAccess(data) {
  * @returns {boolean} - returns edit access.
  * @private
  */
-// eslint-disable-next-line
 export function hasEditAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('write', permission))) : true;
 }
@@ -1429,9 +1551,7 @@ export function hasEditAccess(data) {
  * @returns {boolean} - returns content access.
  * @private
  */
-// eslint-disable-next-line
 export function hasContentAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('writeContents', permission))) : true;
 }
@@ -1442,9 +1562,7 @@ export function hasContentAccess(data) {
  * @returns {boolean} - returns upload access.
  * @private
  */
-// eslint-disable-next-line
 export function hasUploadAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('upload', permission))) : true;
 }
@@ -1455,9 +1573,7 @@ export function hasUploadAccess(data) {
  * @returns {boolean} - returns download access.
  * @private
  */
-// eslint-disable-next-line
 export function hasDownloadAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('download', permission))) : true;
 }
@@ -1469,7 +1585,6 @@ export function hasDownloadAccess(data) {
  * @private
  */
 export function createNewFolder(parent) {
-    // eslint-disable-next-line
     var details = parent.itemData[0];
     if (!hasContentAccess(details)) {
         createDeniedDialog(parent, details, events.permissionEditContents);
@@ -1486,7 +1601,6 @@ export function createNewFolder(parent) {
  * @private
  */
 export function uploadItem(parent) {
-    // eslint-disable-next-line
     var details = parent.itemData[0];
     if (!hasUploadAccess(details)) {
         createDeniedDialog(parent, details, events.permissionUpload);
@@ -1497,3 +1611,65 @@ export function uploadItem(parent) {
         uploadEle.click();
     }
 }
+/**
+ * Close dialog popup handler
+ *
+ * @param {IFileManager} parent - specifies the parent.
+ * @returns {void}
+ * @private
+ */
+export function closePopup(parent) {
+    if (!isNullOrUndefined(parent.dialogObj)) {
+        parent.dialogObj.hide();
+    }
+}
+/**
+ * Access control handler
+ *
+ * @param {IFileManager} parent - specifies the parent.
+ * @param {Object[]} itemData - specifies the item elements.
+ * @param {string} action - specifies the action.
+ * @param {boolean} isPathPermision - specifies the path permission.
+ * @returns {string} returns the path.
+ * @private
+ */
+export function getAccessDetails(parent, itemData, action, isPathPermision) {
+    var accessMessage = '';
+    for (var i = 0; i < itemData.length; i++) {
+        var permission = getValue('permission', itemData[i]);
+        if (permission == null) {
+            permission = undefined;
+        }
+        if (isPathPermision) {
+            if (permission && (!getValue('read', permission) || !getValue('writeContents', permission))) {
+                accessMessage = getValue('message', getValue('permission', itemData[i]));
+                if (accessMessage === '') {
+                    accessMessage = getLocaleText(parent, 'Access-Message').replace('{0}', getValue('name', itemData[i])).replace('{1}', 'writeContents');
+                }
+            }
+        }
+        else {
+            var copyOrMovePermission = action === 'copy' ? getValue('copy', permission) : getValue('write', permission);
+            if (permission && (!getValue('read', permission) || !copyOrMovePermission)) {
+                accessMessage = getValue('message', getValue('permission', itemData[i]));
+                if (accessMessage === '') {
+                    accessMessage = getLocaleText(parent, 'Access-Message').replace('{0}', getValue('name', itemData[i])).replace('{1}', action);
+                }
+            }
+        }
+        if (accessMessage !== '') {
+            parent.responseData = {
+                cwd: null,
+                details: null,
+                error: {
+                    code: '401',
+                    message: accessMessage,
+                    fileExists: null
+                },
+                files: null
+            };
+            break;
+        }
+    }
+    return accessMessage;
+}