@syncfusion/ej2-filemanager 32.2.7 → 33.1.45

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

@@ -3935,6 +3935,9 @@ function triggerPopupOpen(parent, dlgModule, dialogName) {
 function triggerPopupClose(parent, dlgModule, dialogName) {
     const args = { popupModule: dlgModule, element: dlgModule.element, popupName: dialogName };
     parent.trigger('popupClose', args);
+    if (dialogName !== 'Duplicate Items') {
+        parent.restoreFocus();
+    }
 }
 /**
  *
@@ -4815,6 +4818,7 @@ class LargeIconsView {
         this.isInteracted = true;
         this.imageEventArgsMap = new Map();
         this.imageUrlCache = new Map();
+        this.nextFocusIndex = null;
         this.parent = parent;
         this.element = select('#' + this.parent.element.id + LARGEICON_ID, this.parent.element);
         addClass([this.element], LARGE_ICONS);
@@ -5221,6 +5225,13 @@ class LargeIconsView {
     }
     onDeleteInit() {
         if (this.parent.activeModule === 'largeiconsview') {
+            const activeItem = this.getFocusedItem() || this.getActiveItem();
+            if (activeItem) {
+                const index = this.itemList.indexOf(activeItem);
+                if (index !== -1) {
+                    this.nextFocusIndex = index;
+                }
+            }
             Delete(this.parent, this.parent.selectedItems, this.parent.path, 'delete');
         }
     }
@@ -5231,6 +5242,16 @@ class LargeIconsView {
         }
         this.onLayoutChange(args);
         this.parent.setProperties({ selectedItems: [] }, true);
+        if (typeof this.nextFocusIndex === 'number') {
+            const items = this.element.querySelectorAll('li.e-list-item');
+            if (items.length > 0) {
+                const focusIndex = this.nextFocusIndex >= items.length
+                    ? (this.nextFocusIndex === items.length ? items.length - 1 : 0) : this.nextFocusIndex;
+                // eslint-disable-next-line security/detect-object-injection
+                this.addFocus(items[focusIndex]);
+            }
+            this.nextFocusIndex = null;
+        }
         this.clearSelect();
     }
     onRefreshEnd(args) {
@@ -5258,6 +5279,30 @@ class LargeIconsView {
                 this.clearSelect();
                 this.addSelection(this.parent.renamedItem);
             }
+            let mappedItem = null;
+            if (this.parent._lastFocused && this.parent.pathId && this.parent.pathId.length && this.items && this.itemList) {
+                const key = this.parent.pathId[this.parent.pathId.length - 1];
+                // eslint-disable-next-line security/detect-object-injection
+                const mappedId = this.parent._lastFocused[key];
+                if (mappedId) {
+                    let foundIndex = -1;
+                    for (let i = 0; i < this.items.length; i++) {
+                        // eslint-disable-next-line security/detect-object-injection
+                        if (getValue('_fm_id', this.items[i]) === mappedId || (this.parent.hasId && getValue('id', this.items[i]) === mappedId) || getValue('name', this.items[i]) === mappedId) {
+                            foundIndex = i;
+                            break;
+                        }
+                    }
+                    // eslint-disable-next-line security/detect-object-injection
+                    if (foundIndex > -1 && this.itemList[foundIndex]) {
+                        mappedItem = this.itemList[foundIndex];
+                    }
+                }
+            }
+            const targetItem = this.getFocusedItem() || mappedItem || this.parent.visitedItem || this.getFirstItem();
+            if (targetItem) {
+                this.addFocus(targetItem);
+            }
         }
     }
     onOpenInit(args) {
@@ -5715,6 +5760,9 @@ class LargeIconsView {
                     if (!this.parent.isFile) {
                         const val = this.parent.breadcrumbbarModule.searchObj.element.value;
                         if (val === '' && !this.parent.isFiltered) {
+                            if (this.parent.pathId && this.parent.pathId.length) {
+                                this.parent._lastFocused = Object.assign(this.parent._lastFocused || {}, { [this.parent.pathId[this.parent.pathId.length - 1]]: getValue('_fm_id', details) || getValue('id', details) || text });
+                            }
                             const id = getValue('id', details);
                             this.parent.oldPath = this.parent.path;
                             const newPath = this.parent.path + (isNullOrUndefined(id) ? text : id) + '/';
@@ -5954,12 +6002,26 @@ class LargeIconsView {
         const indexes = this.getIndexes([item], this.parent.hasId);
         return this.itemList[indexes[0]];
     }
+    /**
+     *
+     * Gets the currently focused item element in the large icon view.
+     *
+     * @returns {Element} - The DOM element of the focused item, or null if none is focused.
+     * @hidden
+     */
     getFocusedItem() {
         return select('.' + LIST_ITEM + '.' + FOCUS, this.element);
     }
     getActiveItem() {
         return select('.' + LIST_ITEM + '.' + ACTIVE, this.element);
     }
+    /**
+     *
+     * Gets the first item element in the large icon view.
+     *
+     * @returns {Element} - The DOM element representing the first item in the list.
+     * @hidden
+     */
     getFirstItem() {
         return this.itemList[0];
     }
@@ -6164,6 +6226,14 @@ class LargeIconsView {
         const data = this.getItemObject(item);
         return getItemName(this.parent, data);
     }
+    /**
+     *
+     * Adds focus to the specified item element in the large icon view.
+     *
+     * @param {Element} item - The DOM element representing the item to focus.
+     * @returns {void} - If null or invalid, no focus is applied.
+     * @hidden
+     */
     addFocus(item) {
         this.element.setAttribute('tabindex', '-1');
         const fItem = this.getFocusedItem();
@@ -6918,6 +6988,9 @@ class ContextMenu {
                 return;
             }
         });
+        if (!this.isMenuItemClicked && this.menuTarget) {
+            this.parent.restoreFocus();
+        }
         this.menuTarget = null;
         if (!this.isMenuItemClicked && this.parent.pathId.length > 1 && this.parent.activeModule === 'navigationpane') {
             this.parent.pathId.pop();
@@ -7435,11 +7508,11 @@ class ContextMenu {
                         id: itemId, text: itemText, iconCss: ICON_UPLOAD,
                         items: [
                             {
-                                id: this.getMenuId('folderupload'), text: getLocaleText(this.parent, 'Upload-Folder'),
+                                id: this.getMenuId('folderupload'), text: getLocaleText(this.parent, 'Folder'),
                                 iconCss: !this.parent.uploadObj.directoryUpload ? null : TB_OPTION_TICK
                             },
                             {
-                                id: this.getMenuId('fileupload'), text: getLocaleText(this.parent, 'Upload-File'),
+                                id: this.getMenuId('fileupload'), text: getLocaleText(this.parent, 'File'),
                                 iconCss: this.parent.uploadObj.directoryUpload ? null : TB_OPTION_TICK
                             }
                         ]
@@ -7587,8 +7660,8 @@ const defaultLocale = {
     'None': 'None',
     'View-LargeIcons': 'Large icons',
     'View-Details': 'Details',
-    'Upload-File': 'File',
-    'Upload-Folder': 'Folder',
+    'File': 'File',
+    'Folder': 'Folder',
     'Search': 'Search',
     'Button-Ok': 'OK',
     'Button-Cancel': 'Cancel',
@@ -9017,6 +9090,20 @@ let FileManager = FileManager_1 = class FileManager extends Component {
             this.uploadObj.enableRtl = rtl;
         }
     }
+    restoreFocus() {
+        if (this.activeModule === 'detailsview') {
+            if (this.detailsviewModule.gridObj) {
+                this.detailsviewModule.addFocus(this.detailsviewModule.gridObj.selectedRowIndex > -1
+                    ? this.detailsviewModule.gridObj.selectedRowIndex : 0);
+            }
+            return;
+        }
+        const targetItem = this.largeiconsviewModule.getFocusedItem()
+            || this.visitedItem || this.largeiconsviewModule.getFirstItem();
+        if (targetItem && this.largeiconsviewModule) {
+            this.largeiconsviewModule.addFocus(targetItem);
+        }
+    }
 };
 __decorate$8([
     Complex({}, AjaxSettings)
@@ -9589,6 +9676,12 @@ class Toolbar {
                 items.push(item);
             }
         }
+        for (const item of items) {
+            if (typeof item === 'object' && item !== null && typeof item.template === 'string') {
+                const template = item.template;
+                item.template = template.replace(/>((?:Upload|SortBy|View|Refresh|NewFolder|Cut|Copy|Paste|Delete|Rename|Download|SelectAll|Details))</g, (_match, key) => '>' + getLocaleText(this.parent, key) + '<');
+            }
+        }
         return items;
     }
     getItemModel(propItem) {
@@ -10987,6 +11080,7 @@ class DetailsView {
         this.isMultiSelect = false;
         this.pasteOperation = false;
         this.uploadOperation = false;
+        this.nextFocusIndex = null;
         Grid.Inject(Resize, ContextMenu$2, Sort, VirtualScroll);
         this.parent = parent;
         this.element = select('#' + this.parent.element.id + GRID_ID, this.parent.element);
@@ -11437,6 +11531,13 @@ class DetailsView {
                 sortIconElement.classList.remove('e-icon-ascending', 'e-ascending', 'e-icon-descending', 'e-descending');
             }
         }
+        if (typeof this.nextFocusIndex === 'number') {
+            const rowCount = this.gridObj.getRows().length;
+            if (rowCount > 0) {
+                this.addFocus(this.nextFocusIndex >= rowCount ? rowCount : this.nextFocusIndex);
+            }
+            this.nextFocusIndex = null;
+        }
     }
     selectRecords(nodes) {
         const gridRecords = this.gridObj.getCurrentViewRecords();
@@ -11570,6 +11671,21 @@ class DetailsView {
             showSpinner(this.parent.element);
             this.parent.setProperties({ selectedItems: [] }, true);
             this.gridObj.dataSource = getSortedData(this.parent, args.files);
+            if (this.parent._lastFocused && this.parent.pathId && this.parent.pathId.length) {
+                const key = this.parent.pathId[this.parent.pathId.length - 1];
+                // eslint-disable-next-line security/detect-object-injection
+                const mappedId = this.parent._lastFocused[key];
+                if (mappedId) {
+                    const gridItems = getSortedData(this.parent, args.files);
+                    for (let i = 0; i < gridItems.length; i++) {
+                        // eslint-disable-next-line security/detect-object-injection
+                        if (getValue('_fm_id', gridItems[i]) === mappedId || (this.parent.hasId && getValue('id', gridItems[i]) === mappedId) || getValue('name', gridItems[i]) === mappedId) {
+                            this.nextFocusIndex = i;
+                            break;
+                        }
+                    }
+                }
+            }
             this.gridObj.freezeRefresh();
             if (this.parent.isReact) {
                 this.gridObj.on('reactTemplateRender', this.reactTemplateRender, this);
@@ -11640,6 +11756,9 @@ class DetailsView {
                 else {
                     const val = this.parent.breadcrumbbarModule.searchObj.element.value;
                     if (val === '' && !this.parent.isFiltered) {
+                        if (this.parent.pathId && this.parent.pathId.length) {
+                            this.parent._lastFocused = Object.assign(this.parent._lastFocused || {}, { [this.parent.pathId[this.parent.pathId.length - 1]]: getValue('_fm_id', data) || getValue('id', data) || name });
+                        }
                         const id = getValue('id', data);
                         this.parent.oldPath = this.parent.path;
                         const newPath = this.parent.path + (isNullOrUndefined(id) ? name : id) + '/';
@@ -11760,6 +11879,8 @@ class DetailsView {
     }
     onDeleteInit() {
         if (this.parent.activeModule === 'detailsview') {
+            const selectedIndex = this.gridObj.selectedRowIndex;
+            this.nextFocusIndex = selectedIndex >= 0 ? selectedIndex : this.nextFocusIndex;
             Delete(this.parent, this.parent.selectedItems, this.parent.path, 'delete');
         }
     }
@@ -12707,6 +12828,14 @@ class DetailsView {
         }
         this.startIndex = this.gridObj.selectedRowIndex;
     }
+    /**
+     * Adds focus to the specified grid row.
+     *
+     * @param {number | null} item - The row index of the item to focus.
+     * If null or invalid, no focus is applied.
+     * @returns {void}
+     * @hidden
+     */
     addFocus(item) {
         const fItem = this.getFocusedItem();
         const itemElement = this.gridObj.getRowByIndex(item);