@syncfusion/ej2-filemanager 25.2.6 → 26.1.40

package/src/file-manager/common/utility.d.ts

@@ -264,6 +264,8 @@ export declare function setNodeId(result: ReadArgs, rootId: string): void;
  * 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
  */
@@ -299,6 +301,7 @@ export declare function sortbyClickHandler(parent: IFileManager, args: MenuEvent
  * 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
  */
@@ -603,3 +606,22 @@ export declare function createNewFolder(parent: IFileManager): void;
  * @private
  */
 export declare function uploadItem(parent: IFileManager): void;
+/**
+ * Close dialog popup handler
+ *
+ * @param {IFileManager} parent - specifies the parent.
+ * @returns {void}
+ * @private
+ */
+export declare function closePopup(parent: IFileManager): void;
+/**
+ * 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 declare function getAccessDetails(parent: IFileManager, itemData: Object[], action: string, isPathPermision: boolean): string;

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

@@ -1,6 +1,6 @@
 import * as CLS from '../base/classes';
 import * as events from '../base/constant';
-import { read, paste, Search, filter, Download, Delete } from '../common/operations';
+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';
@@ -18,22 +18,27 @@ export function sortComparer(reference, comparer) {
     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)
+    if (referenceIsFile && !comparerIsFile) {
         return 1;
-    if (!referenceIsFile && comparerIsFile)
+    }
+    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 ""; });
+    (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();
-        var comparisonResult = referencePart[0] - comparerPart[0] ||
-            referencePart[1].localeCompare(comparerPart[1]);
-        if (comparisonResult)
-            return comparisonResult;
+        if (referencePart && comparerPart) {
+            var comparisonResult = referencePart[0] - comparerPart[0] ||
+                referencePart[1].localeCompare(comparerPart[1]);
+            if (comparisonResult) {
+                return comparisonResult;
+            }
+        }
     }
     return referenceParts.length - comparerParts.length;
 }
@@ -46,7 +51,6 @@ export function sortComparer(reference, comparer) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 export function updatePath(node, data, instance) {
     var text = getValue('name', data);
     var id = node.getAttribute('data-id');
@@ -142,8 +146,7 @@ export function generatePath(parent) {
     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);
@@ -281,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 + '*';
     }
@@ -398,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);
 }
@@ -440,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) {
@@ -483,11 +500,18 @@ 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 pathUrl = (baseUrl.indexOf('?') !== -1) ? '&path=' : '?path=';
-    var imgUrl;
     var fileName = encodeURIComponent(getValue('name', item));
     var fPath = getValue('filterPath', item);
     if (parent.hasId) {
@@ -518,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);
@@ -537,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);
@@ -555,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);
 }
@@ -580,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];
 }
@@ -650,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));
 }
@@ -663,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]);
@@ -673,16 +688,17 @@ 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, localeString, dateFormat) {
     for (var i = 0; i < args.length; i++) {
         var createdDate = new Date(getValue('dateCreated', args[i]));
         var modifiedDate = new Date(getValue('dateModified', args[i]));
         if (isNOU(dateFormat)) {
-            dateFormat = "MM/dd/yyyy";
+            dateFormat = 'MM/dd/yyyy';
         }
         setValue('_fm_created', localeString.formatDate(createdDate, { format: dateFormat }), args[i]);
         setValue('_fm_modified', localeString.formatDate(modifiedDate, { format: dateFormat }), args[i]);
@@ -755,6 +771,7 @@ 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
  */
@@ -800,14 +817,12 @@ export function getSortField(id, parent) {
 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 data = getObject(parent, key, folders[parseInt(i.toString(), 10)]);
         if (!isNullOrUndefined(data)) {
             var id = getValue('_fm_id', data);
             parent.setProperties({ path: newPath }, true);
@@ -830,13 +845,12 @@ export function setNextPath(parent, path) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 export function openSearchFolder(parent, data) {
     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 isRoot = getValue('_fm_id', parent.itemData[0]) === 'fe_tree';
     var key = isNOU(getValue('id', root)) ? 'name' : 'id';
-    var searchData = getObject(parent, key, getValue('name', data));
+    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] });
@@ -866,7 +880,6 @@ 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
         var subFolder = validateSubFolder(parent, parent.actionRecords, path, parent.path);
         if (!subFolder) {
             if ((parent.fileAction === 'move' && parent.targetPath !== path) || parent.fileAction === 'copy') {
@@ -900,7 +913,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++) {
@@ -921,7 +933,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('/');
@@ -992,15 +1005,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;
     }
 }
 /**
@@ -1070,7 +1083,7 @@ export function readDropPath(parent) {
             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");
+                pathId = liElement.getAttribute('data-uid');
                 node = select('[data-uid="' + pathId + '"]', parent.navigationpaneModule.treeObj.element);
             }
             updatePath(node, parent.dropData, parent);
@@ -1086,11 +1099,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) {
@@ -1284,7 +1294,7 @@ export function removeItemClass(parent, value) {
 export function scrollHandler(scrollParent, parent, nodeClass, screenY, clientY) {
     var position;
     var elementData = scrollParent.getBoundingClientRect();
-    var node = select("." + nodeClass, scrollParent);
+    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);
@@ -1362,7 +1372,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);
@@ -1381,7 +1390,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);
@@ -1396,7 +1404,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);
@@ -1427,7 +1434,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])) {
@@ -1448,7 +1454,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])) {
@@ -1469,7 +1474,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])) {
@@ -1491,7 +1495,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 === '') {
@@ -1513,7 +1516,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';
 }
@@ -1524,9 +1526,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;
 }
@@ -1537,9 +1537,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;
 }
@@ -1550,9 +1548,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;
 }
@@ -1563,9 +1559,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;
 }
@@ -1576,9 +1570,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;
 }
@@ -1590,7 +1582,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);
@@ -1607,7 +1598,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);
@@ -1618,3 +1608,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;
+}

package/src/file-manager/layout/details-view.d.ts

@@ -42,7 +42,7 @@ export declare class DetailsView {
     /**
      * Gets the grid height.
      *
-     * @returns The grid height.
+     * @returns {number} - The grid height.
      * @private
      */
     private getGridHeight;