@syncfusion/ej2-filemanager 21.2.3 → 22.1.34

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, getUniqueID, 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, initializeCSPTemplate, 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';
@@ -156,14 +156,20 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 var columnArray = [
     {
         field: 'name', headerText: 'Name', minWidth: 120, isPrimaryKey: true,
-        template: '<span class="e-fe-text">${name}</span>', customAttributes: { class: 'e-fe-grid-name' }
+        template: initializeCSPTemplate(function (data) {
+            return "<span class=\"e-fe-text\">" + data.name + "</span>";
+        }),
+        customAttributes: { class: 'e-fe-grid-name' }
     },
     {
         field: '_fm_modified', headerText: 'DateModified', type: 'dateTime',
         format: 'MMMM dd, yyyy HH:mm', minWidth: 120, width: '190'
     },
     {
-        field: 'size', headerText: 'Size', minWidth: 90, width: '110', template: '<span class="e-fe-size">${size}</span>', format: 'n2'
+        field: 'size', headerText: 'Size', minWidth: 90, width: '110',
+        template: initializeCSPTemplate(function (data) {
+            return "<span class=\"e-fe-size\">" + data.size + "</span>";
+        }), format: 'n2'
     }
 ];
 /**
@@ -1408,10 +1414,15 @@ function setNodeId(result, rootId) {
  * @private
  */
 // eslint-disable-next-line
-function setDateObject(args) {
+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 (isNullOrUndefined(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]);
     }
 }
 /**
@@ -2442,6 +2453,19 @@ function GetDetails(parent, names, path, operation) {
  * @returns {void}
  * @private
  */
+function getDateFormat(parent) {
+    var columns = parent.detailsViewSettings.columns;
+    var dateFormat;
+    for (var i = 0; i < columns.length; i++) {
+        if (columns[i].field === '_fm_modified') {
+            if (!isNullOrUndefined(columns[i].format)) {
+                dateFormat = columns[i].format.toString();
+            }
+            break;
+        }
+    }
+    return dateFormat;
+}
 function createAjax(
 // eslint-disable-next-line
 parent, data, fn, event, operation, targetPath) {
@@ -2503,8 +2527,9 @@ parent, data, fn, event, operation, targetPath) {
                             }
                         }
                     }
+                    var intl = new Internationalization(parent.locale);
                     if (!isNullOrUndefined(result.files)) {
-                        setDateObject(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];
@@ -3730,6 +3755,7 @@ function onReSubmit(parent) {
     var newPath = (parent.activeModule === 'navigationpane') ? getValue('filterPath', parent.itemData[0]).replace(/\\/g, '/') : parent.path;
     parent.renamedId = getValue('id', parent.itemData[0]);
     parent.renamedId = getValue('id', parent.itemData[0]);
+    parent.renamedId = getValue('id', parent.itemData[0]);
     if (parent.isFile) {
         var oldExtension = (oIndex === -1) ? '' : parent.currentItemText.substr(oIndex);
         var nIndex = text.lastIndexOf('.');
@@ -4176,7 +4202,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         this.parent.trigger('fileLoad', eventArgs);
     };
     LargeIconsView.prototype.renderCheckbox = function (args) {
-        if (!this.parent.allowMultiSelection) {
+        if (!this.parent.showItemCheckBoxes) {
             return;
         }
         var checkElement = createCheckBox(createElement, false, {
@@ -5239,7 +5265,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         item.focus();
     };
     LargeIconsView.prototype.checkState = function (item, toCheck) {
-        if (!this.parent.allowMultiSelection) {
+        if (!this.parent.showItemCheckBoxes) {
             return;
         }
         var checkEle = select('.' + FRAME, item);
@@ -6152,9 +6178,11 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         this.menuType = 'folder';
         this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.folder.map(function (item) { return item.trim(); }));
         this.contextMenu.dataBind();
-        var selectedTreeNode = select('[data-uid="' + this.parent.navigationpaneModule.treeObj.selectedNodes[0] + '"]', this.parent.navigationpaneModule.treeObj.element);
-        if (this.parent.pathNames[this.parent.pathNames.length - 1] === selectedTreeNode.querySelector('.e-list-text').innerHTML && this.parent.activeModule === 'navigationpane') {
-            this.disabledItems.push('Open');
+        if (isTree) {
+            var selectedTreeNode = select('[data-uid="' + this.parent.navigationpaneModule.treeObj.selectedNodes[0] + '"]', this.parent.navigationpaneModule.treeObj.element);
+            if (this.parent.pathNames[this.parent.pathNames.length - 1] === selectedTreeNode.querySelector('.e-list-text').innerHTML && this.parent.activeModule === 'navigationpane') {
+                this.disabledItems.push('Open');
+            }
         }
         else if (this.parent.selectedItems.length !== 1 && this.parent.activeModule !== 'navigationpane') {
             this.disabledItems.push('Rename', 'Paste');
@@ -7747,6 +7775,9 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
     __decorate$8([
         Property(true)
     ], FileManager.prototype, "allowMultiSelection", void 0);
+    __decorate$8([
+        Property(true)
+    ], FileManager.prototype, "showItemCheckBoxes", void 0);
     __decorate$8([
         Complex({}, ContextMenuSettings)
     ], FileManager.prototype, "contextMenuSettings", void 0);
@@ -8833,7 +8864,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                     var selecEventArgs = { action: args.action, fileDetails: nodeData[0], isInteracted: args.isInteracted };
                     this.parent.trigger('fileSelect', selecEventArgs);
                 }
-                if (!this.isRightClick && args.node.getAttribute('data-uid') !== this.parent.pathId[this.parent.pathId.length - 1]) {
+                if (!this.isRightClick) {
                     var eventArgs = { cancel: false, fileDetails: nodeData[0], module: 'NavigationPane' };
                     this.parent.trigger('fileOpen', eventArgs);
                     args.cancel = eventArgs.cancel;
@@ -9701,13 +9732,14 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             columns = [
                 {
                     field: 'name', headerText: getLocaleText(this.parent, 'Name'), width: 'auto', minWidth: 120, headerTextAlign: 'Left',
-                    template: '<div class="e-fe-text">${name}</div><div class="e-fe-date">${_fm_modified}</div>' +
-                        '<span class="e-fe-size">${size}</span>'
+                    template: initializeCSPTemplate(function (data) {
+                        return "<div class=\"e-fe-text\">" + data.name + "</div><div class=\"e-fe-date\">" + data._fm_modified + "</div>' +\n                        '<span class=\"e-fe-size\">" + data.size + "</span>";
+                    })
                 }
             ];
         }
         else {
-            columns = JSON.parse(JSON.stringify(this.parent.detailsViewSettings.columns));
+            columns = extend([], this.parent.detailsViewSettings.columns, null, true);
             this.adjustWidth(columns, 'name');
             for (var i = 0, len = columns.length; i < len; i++) {
                 columns[i].headerText = getLocaleText(this.parent, columns[i].headerText);
@@ -9715,12 +9747,16 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         }
         var iWidth = ((this.parent.isMobile || this.parent.isBigger) ? '54' : '46');
         var icon = {
-            field: 'type', width: iWidth, minWidth: iWidth, template: '<span class="e-fe-icon ${_fm_iconClass}"></span>',
-            allowResizing: false, allowSorting: true, customAttributes: { class: 'e-fe-grid-icon' },
-            headerTemplate: '<span class="e-fe-icon e-fe-folder"></span>'
+            field: 'type', width: iWidth, minWidth: iWidth,
+            template: initializeCSPTemplate(function (data) {
+                return "<span class=\"e-fe-icon " + data._fm_iconClass + "\"></span>";
+            }), allowResizing: false, allowSorting: true, customAttributes: { class: 'e-fe-grid-icon' },
+            headerTemplate: initializeCSPTemplate(function () {
+                return "<span class=\"e-fe-icon e-fe-folder\"></span>";
+            }),
         };
         columns.unshift(icon);
-        if (this.parent.allowMultiSelection) {
+        if (this.parent.showItemCheckBoxes) {
             var cWidth = (this.parent.isBigger ? '36' : '26');
             var cBox = {
                 type: 'checkbox', width: cWidth, minWidth: cWidth, customAttributes: { class: 'e-fe-checkbox' },
@@ -9800,8 +9836,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                     }
                 }
                 var value = intl.formatNumber((sizeValue / 1024), { format: sizeFormat });
-                var num = Number(value.replace(/,/g, ''));
-                value = num.toLocaleString(intl.culture);
                 modifiedSize = value + ' ' + getLocaleText(this.parent, 'KB');
             }
             sizeEle.innerHTML = modifiedSize;
@@ -10865,6 +10899,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         var lastItem;
         switch (action) {
             case 'altEnter':
+                this.parent.notify(detailsInit, {});
                 GetDetails(this.parent, this.parent.selectedItems, this.parent.path, 'details');
                 break;
             case 'esc':