@syncfusion/ej2-filemanager 19.3.44 → 19.4.42

package/dist/es6/ej2-filemanager.es5.js

@@ -1,4 +1,4 @@
-import { Ajax, Browser, ChildProperty, Complex, Component, Draggable, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, Touch, addClass, closest, createElement, detach, extend, formatUnit, getValue, isNullOrUndefined, isVisible, matches, remove, removeClass, select, selectAll, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
+import { Ajax, Browser, ChildProperty, Complex, Component, Draggable, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, Touch, addClass, closest, createElement, detach, extend, formatUnit, getUniqueID, getValue, isNullOrUndefined, isVisible, matches, remove, removeClass, select, selectAll, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
 import { Splitter } from '@syncfusion/ej2-layouts';
 import { Dialog, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 import { DataManager, Query } from '@syncfusion/ej2-data';
@@ -125,6 +125,9 @@ var SearchSettings = /** @__PURE__ @class */ (function (_super) {
     __decorate$2([
         Property(true)
     ], SearchSettings.prototype, "ignoreCase", void 0);
+    __decorate$2([
+        Property(null)
+    ], SearchSettings.prototype, "placeholder", void 0);
     return SearchSettings;
 }(ChildProperty));
 
@@ -1197,7 +1200,7 @@ function fileType(file) {
 function getImageUrl(parent, item) {
     var baseUrl = parent.ajaxSettings.getImageUrl ? parent.ajaxSettings.getImageUrl : parent.ajaxSettings.url;
     var imgUrl;
-    var fileName = getValue('name', item);
+    var fileName = encodeURIComponent(getValue('name', item));
     var fPath = getValue('filterPath', item);
     if (parent.hasId) {
         var imgId = getValue('id', item);
@@ -1771,7 +1774,7 @@ function createVirtualDragElement(parent) {
             parent.dragNodes.push(parent.selectedItems[i]);
             i++;
         }
-        if (parent.selectedItems.length == 0 && parent.dragData && parent.dragData.length == 1) {
+        if (parent.selectedItems.length === 0 && parent.dragData && parent.dragData.length === 1) {
             parent.dragNodes.push(getItemName(parent, parent.dragData[0]));
         }
     }
@@ -2289,7 +2292,7 @@ function filter(parent, event) {
     var filterData;
     // eslint-disable-next-line
     var filterDataVal = parent.filterData ? extend(filterData, data, parent.filterData) : data;
-    createAjax(parent, filterData, filterSuccess, event, getValue('action', filterDataVal));
+    createAjax(parent, filterDataVal, filterSuccess, event, getValue('action', filterDataVal));
 }
 /**
  * Function to rename the folder/file in File Manager.
@@ -5783,7 +5786,7 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
         }
     };
     BreadCrumbBar.prototype.onSearchTextChange = function (args) {
-        this.searchObj.element.placeholder = getLocaleText(this.parent, 'Search') + ' ' + args.cwd.name;
+        this.searchObj.element.placeholder = (this.parent.searchSettings.placeholder != null) ? this.parent.searchSettings.placeholder : getLocaleText(this.parent, 'Search') + ' ' + args.cwd.name;
     };
     return BreadCrumbBar;
 }());
@@ -5862,7 +5865,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         if (target.classList.contains(FULLROW)) {
             this.parent.selectedItems.length = 0;
         }
-        this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr') : target;
+        this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr.e-row') : target;
         var view = this.getTargetView(target);
         this.updateActiveModule();
         /* istanbul ignore next */
@@ -5894,7 +5897,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                 data = this.parent.visitedData;
                 selected = true;
             }
-            else if (!isNullOrUndefined(closest(target, 'tr'))) {
+            else if (!isNullOrUndefined(closest(target, 'tr.e-row'))) {
                 uid = this.targetElement.getAttribute('data-uid');
                 // eslint-disable-next-line
                 data = this.parent.detailsviewModule.gridObj.getRowObjectFromUID(uid).data;
@@ -6468,7 +6471,7 @@ var defaultLocale = {
     'Filter-Empty': 'No results found',
     'Filter-Key': 'Try with different filter',
     'Sub-Folder-Error': 'The destination folder is the subfolder of the source folder.',
-    "Same-Folder-Error": "The destination folder is the same as the source folder.",
+    'Same-Folder-Error': 'The destination folder is the same as the source folder.',
     'Access-Denied': 'Access Denied',
     'Access-Details': 'You don"t have permission to access this folder.',
     'Header-Retry': 'File Already Exists',
@@ -6583,6 +6586,9 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     FileManager.prototype.preRender = function () {
+        if (isNullOrUndefined(this.element.id) || this.element.id === '') {
+            this.element.setAttribute('id', getUniqueID('filemanager'));
+        }
         this.ensurePath();
         this.feParent = [];
         this.feFiles = [];
@@ -9875,7 +9881,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         // eslint-disable-next-line
         this.parent.dragData = this.gridObj.getSelectedRecords();
         var dragRow;
-        if (this.parent.dragData.length == 0 && dragLi) {
+        if (this.parent.dragData.length === 0 && dragLi) {
             dragRow = this.gridObj.getRowInfo(dragLi);
         }
         if (dragRow) {