@syncfusion/ej2-filemanager 20.4.54 → 21.1.37

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

@@ -96,7 +96,7 @@ const columnArray = [
         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>'
+        field: 'size', headerText: 'Size', minWidth: 90, width: '110', template: '<span class="e-fe-size">${size}</span>', format: 'n2'
     }
 ];
 /**
@@ -5953,10 +5953,11 @@ class ContextMenu$2 {
         this.menuType = 'folder';
         this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.folder.map((item) => item.trim()));
         this.contextMenu.dataBind();
-        if (isTree) {
+        const 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) {
+        else if (this.parent.selectedItems.length !== 1 && this.parent.activeModule !== 'navigationpane') {
             this.disabledItems.push('Rename', 'Paste');
         }
     }
@@ -6099,10 +6100,13 @@ class ContextMenu$2 {
                         refresh(this.parent);
                         break;
                     case 'open':
-                        if (this.parent.visitedItem) {
+                        if (this.parent.visitedItem && this.parent.activeModule !== 'navigationpane') {
                             this.parent.notify(openInit, { target: this.parent.visitedItem });
                         }
                         else if (this.parent.activeModule === 'navigationpane') {
+                            if (this.parent.visitedItem) {
+                                this.parent.notify(openInit, { target: this.parent.visitedItem });
+                            }
                             this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(this.targetNodeElement, 'li'));
                         }
                         break;
@@ -7042,8 +7046,10 @@ let FileManager = FileManager_1 = class FileManager extends Component {
                 break;
             case 'ctrlU':
                 e.preventDefault();
-                uploadEle = select('#' + this.element.id + UPLOAD_ID, this.element);
-                uploadEle.click();
+                if (this.toolbarSettings.items.indexOf('Upload') != -1) {
+                    uploadEle = select('#' + this.element.id + UPLOAD_ID, this.element);
+                    uploadEle.click();
+                }
                 break;
         }
     }
@@ -8418,6 +8424,7 @@ class NavigationPane {
         this.isPathDragged = false;
         this.isRenameParent = false;
         this.isRightClick = false;
+        this.isSameNodeClicked = false;
         this.renameParent = null;
         // Specifies the previously selected nodes in the treeview control.
         this.previousSelected = null;
@@ -8572,7 +8579,7 @@ class NavigationPane {
     }
     // Node Selecting event handler
     onNodeSelecting(args) {
-        if (!args.isInteracted && !this.isRightClick && !this.isPathDragged && !this.isRenameParent || this.restrictSelecting) {
+        if (!args.isInteracted && !this.isRightClick && !this.isSameNodeClicked && !this.isPathDragged && !this.isRenameParent || this.restrictSelecting) {
             this.restrictSelecting = false;
             this.isNodeClickCalled = false;
             return;
@@ -8581,18 +8588,29 @@ class NavigationPane {
             this.parent.activeModule = 'navigationpane';
             // eslint-disable-next-line
             const nodeData = this.getTreeData(getValue('id', args.nodeData));
-            const eventArgs = { cancel: false, fileDetails: nodeData[0], module: 'NavigationPane' };
-            this.parent.trigger('fileOpen', eventArgs);
-            const selecEventArgs = { action: args.action, fileDetails: nodeData[0], isInteracted: args.isInteracted };
-            this.parent.trigger('fileSelect', selecEventArgs);
-            args.cancel = eventArgs.cancel;
-            if (args.cancel) {
-                this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] !== args.node.getAttribute('data-uid') : false;
-                this.previousSelected = this.treeObj.selectedNodes;
-                this.treeObj.selectedNodes = [args.node.getAttribute("data-uid")];
-                if (!isNullOrUndefined(this.parent) && !isNullOrUndefined(this.parent.contextmenuModule)) {
-                    this.parent.contextmenuModule.contextMenu.enableItems(['Open'], true);
+            if (args.node.getAttribute('data-uid') !== this.parent.pathId[this.parent.pathId.length - 1] && !this.isRightClick && !this.isNodeClickCalled || this.isSameNodeClicked) {
+                this.isNodeClickCalled = false;
+                if (!this.isSameNodeClicked) {
+                    this.isSameNodeClicked = true;
+                    const selecEventArgs = { action: args.action, fileDetails: nodeData[0], isInteracted: args.isInteracted };
+                    this.parent.trigger('fileSelect', selecEventArgs);
+                }
+                if (!this.isRightClick) {
+                    const eventArgs = { cancel: false, fileDetails: nodeData[0], module: 'NavigationPane' };
+                    this.parent.trigger('fileOpen', eventArgs);
+                    args.cancel = eventArgs.cancel;
                 }
+                if (args.cancel) {
+                    this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] !== args.node.getAttribute('data-uid') : false;
+                    this.isNodeClickCalled = true;
+                    this.isSameNodeClicked = false;
+                    this.previousSelected = this.treeObj.selectedNodes;
+                    this.treeObj.selectedNodes = [args.node.getAttribute("data-uid")];
+                }
+            }
+            else if (this.previousSelected[0] !== args.node.getAttribute('data-uid')) {
+                const selecEventArgs = { action: args.action, fileDetails: nodeData[0], isInteracted: args.isInteracted };
+                this.parent.trigger('fileSelect', selecEventArgs);
             }
         }
     }
@@ -8604,19 +8622,25 @@ class NavigationPane {
         this.parent.itemData = data;
         this.activeNode = node;
         this.parent.activeModule = 'navigationpane';
-        updatePath(node, this.parent.itemData[0], this.parent);
-        read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
-        this.parent.visitedItem = node;
-        this.isPathDragged = this.isRenameParent = this.isRightClick = false;
-        this.treeObj.selectedNodes = [node.getAttribute('data-uid')];
+        const eventArgs = { cancel: false, fileDetails: data[0], module: 'NavigationPane' };
+        this.parent.trigger('fileOpen', eventArgs);
+        this.isNodeClickCalled = true;
+        if (!eventArgs.cancel) {
+            updatePath(node, this.parent.itemData[0], this.parent);
+            read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
+            this.parent.visitedItem = node;
+            this.isPathDragged = this.isRenameParent = this.isRightClick = false;
+            this.treeObj.selectedNodes = [node.getAttribute('data-uid')];
+        }
     }
     onNodeSelected(args) {
         if (this.parent.breadcrumbbarModule && this.parent.breadcrumbbarModule.searchObj && !this.renameParent) {
             this.parent.breadcrumbbarModule.searchObj.element.value = '';
             this.parent.isFiltered = false;
+            this.isNodeClickCalled = false;
         }
         this.parent.searchedItems = [];
-        if (!args.isInteracted && !this.isRightClick && !this.isPathDragged && !this.isRenameParent) {
+        if (!args.isInteracted && !this.isRightClick && !this.isSameNodeClicked && !this.isPathDragged && !this.isRenameParent) {
             this.parent.pathId = getPathId(args.node);
             return;
         }
@@ -8627,7 +8651,8 @@ class NavigationPane {
         this.parent.selectedItems = [];
         this.parent.itemData = nodeData;
         const previousPath = this.parent.path;
-        if (!this.isRightClick) {
+        const sNode = select('[data-uid="' + this.treeObj.selectedNodes[0] + '"]', this.treeObj.element);
+        if (!this.isRightClick && this.isSameNodeClicked && sNode.querySelector('.e-list-text').innerHTML !== this.parent.pathNames[this.parent.pathNames.length - 1]) {
             updatePath(args.node, this.parent.itemData[0], this.parent);
         }
         else {
@@ -8639,12 +8664,13 @@ class NavigationPane {
             if (args.node.querySelector('.' + ICONS) && args.node.querySelector('.' + LIST_ITEM) === null) {
                 this.expandNodeTarget = 'add';
             }
-            if (!this.isRightClick) {
+            if (!this.isRightClick && this.isSameNodeClicked) {
                 read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
+                this.isNodeClickCalled = true;
             }
             this.parent.visitedItem = args.node;
         }
-        this.isPathDragged = this.isRenameParent = this.isRightClick = false;
+        this.isPathDragged = this.isRenameParent = this.isRightClick = this.isSameNodeClicked = false;
     }
     /* istanbul ignore next */
     // eslint-disable-next-line
@@ -8688,6 +8714,14 @@ class NavigationPane {
             const layout = (this.parent.view === 'LargeIcons') ? 'largeiconsview' : 'detailsview';
             this.parent.notify(modelChanged, { module: layout, newProp: { selectedItems: [] } });
         }
+        else if (args.node.getAttribute('data-uid') === this.treeObj.selectedNodes[0] && !this.isNodeClickCalled) {
+            if (args.event.which === 3) {
+                this.isRightClick = true;
+            }
+            this.isSameNodeClicked = true;
+            this.isNodeClickCalled = true;
+            this.treeObj.selectedNodes = [args.node.getAttribute('data-uid')];
+        }
     }
     /* istanbul ignore next */
     onNodeEditing(args) {
@@ -9515,7 +9549,17 @@ class DetailsView {
             else {
                 const sizeValue = getValue('size', args.data);
                 const intl = new Internationalization(this.parent.locale);
-                const value = intl.formatNumber((sizeValue / 1024), { format: 'n' });
+                let sizeFormat;
+                const columns = this.parent.detailsViewSettings.columns;
+                for (let i = 0; i < columns.length; i++) {
+                    if (columns[i].field === 'size') {
+                        sizeFormat = columns[i].format.toString();
+                        break;
+                    }
+                }
+                let value = intl.formatNumber((sizeValue / 1024), { format: sizeFormat });
+                let num = Number(value.replace(/,/g, ''));
+                value = num.toLocaleString(intl.culture);
                 modifiedSize = value + ' ' + getLocaleText(this.parent, 'KB');
             }
             sizeEle.innerHTML = modifiedSize;