@syncfusion/ej2-filemanager 19.4.48 → 19.4.50-117124

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.48
+*  version : 20.4.43
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/helpers/e2e/filemanagerHelper.js

@@ -1,167 +1,184 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-/**
- * E2E test helpers for FileManager to easily interact and the test the component
- */
-class FileManagerHelpers extends e2e_1.TestHelper {
-    /**
-     * Initialize the FileManager E2E helpers
-     * @param id Element id of the FileManager element
-     * @param wrapperFn Pass the wrapper function
-     */
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * E2E test helpers for FileManager to easily interact and the test the component
+     */
+    var FileManagerHelpers = /** @class */ (function (_super) {
+        __extends(FileManagerHelpers, _super);
+        /**
+         * Initialize the FileManager E2E helpers
+         * @param id Element id of the FileManager element
+         * @param wrapperFn Pass the wrapper function
+         */
+        function FileManagerHelpers(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    selector(arg) {
-        return (this.wrapperFn ? this.wrapperFn(arg) : arg);
-    }
-    /**
-     * Returns the root element of the FileManager component.
-     */
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    /**
-     * Returns the toolbar items from the FileManager component.
-     */
-    getToolbarItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item');
-    }
-    /**
-     * Returns the active toolbar item element from the FileManager component.
-     */
-    getToolbarItemsActive() {
-        return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-active');
-    }
-    getTreeviewItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item');
-    }
-    /**
-     * Returns the collapsed treeview node element from the FileManager component.
-     */
-    getTreeviewCollapsedItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-node-collapsed');
-    }
-    /**
-     * Returns the collapsed icon of treeview node element from the FileManager component.
-     */
-    getTreeviewCollapsedIcon() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-collapsible');
-    }
-    /**
-     * Returns the expanded icon of treeview node element from the FileManager component.
-     */
-    getTreeviewExpandedIcon() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-expandable');
-    }
-    /**
-     * Returns the active treeview node element from the FileManager component.
-     */
-    getTreeviewActiveItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-active');
-    }
-    /**
-     * Returns the treeview items folder icon from the FileManager component.
-     */
-    getTreeviewItemsFolderIcon() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-icon.e-fe-folder');
-    }
-    /**
-     * Returns the treeview items text from the FileManager component.
-     */
-    getTreeviewItemsText() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-text');
-    }
-    /**
-     * Returns the largeIcon element from the FileManager component.
-     */
-    getlargeIconsItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item"');
-    }
-    /**
-     * Returns the active list element in largeIcon view from the FileManager component.
-     */
-    getlargeIconsActiveItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item.e-active');
-    }
-    /**
-     * Returns the checked element in largeIcon view from the FileManager component.
-     */
-    getlargeIconsCheckedItems() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper .e-check');
-    }
-    /**
-     * Returns the grid element from the FileManager component.
-     */
-    getGridElement() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid');
-    }
-    /**
-     * Returns the active element in grid view from the FileManager component.
-     */
-    getGridActiveElements() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell.e-active');
-    }
-    /**
-     * Returns the checked element in grid view from the FileManager component.
-     */
-    getGridCheckedElements() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell .e-checkbox-wrapper .e-check');
-    }
-    /**
-     * Returns the dialog element from the FileManager component.
-     */
-    getDialogElement() {
-        return this.selector('#' + this.id + '.e-filemanager .e-dialog.e-popup.e-popup-open');
-    }
-    /**
-     * Returns the breadcrumbBar element from the FileManager component.
-     */
-    getBreadCrumbBarElement() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-address .e-addressbar-ul .e-address-list-item');
-    }
-    /**
-     * Returns the splitter element from the FileManager component.
-     */
-    getSplitterElement() {
-        return this.selector('#' + this.id + '.e-filemanager .e-splitter.e-splitter-horizontal');
-    }
-    /**
-     * Returns the contextmenu element from the FileManager component.
-     */
-    getContextMenuElement() {
-        return this.selector('.e-fe-popup .e-contextmenu');
-    }
-    /**
-     * Returns the sortby popup element from the FileManager component.
-     */
-    getSortByPopupElement() {
-        return this.selector('.e-dropdown-popup.e-fe-popup.e-popup-open');
-    }
-    setModel(property, value) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property] = value;
-        });
-    }
-    getModel(property) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property];
-        });
-    }
-    invoke(fName, args = []) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            var inst = ele[0].ej2_instances[0];
-            return inst[fName].apply(inst, args);
-        });
-    }
-}
-exports.FileManagerHelpers = FileManagerHelpers;
+        FileManagerHelpers.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        /**
+         * Returns the root element of the FileManager component.
+         */
+        FileManagerHelpers.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        /**
+         * Returns the toolbar items from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getToolbarItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item');
+        };
+        /**
+         * Returns the active toolbar item element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getToolbarItemsActive = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-active');
+        };
+        FileManagerHelpers.prototype.getTreeviewItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item');
+        };
+        /**
+         * Returns the collapsed treeview node element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewCollapsedItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-node-collapsed');
+        };
+        /**
+         * Returns the collapsed icon of treeview node element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewCollapsedIcon = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-collapsible');
+        };
+        /**
+         * Returns the expanded icon of treeview node element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewExpandedIcon = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-expandable');
+        };
+        /**
+         * Returns the active treeview node element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewActiveItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-active');
+        };
+        /**
+         * Returns the treeview items folder icon from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewItemsFolderIcon = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-icon.e-fe-folder');
+        };
+        /**
+         * Returns the treeview items text from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getTreeviewItemsText = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-text');
+        };
+        /**
+         * Returns the largeIcon element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getlargeIconsItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item"');
+        };
+        /**
+         * Returns the active list element in largeIcon view from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getlargeIconsActiveItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item.e-active');
+        };
+        /**
+         * Returns the checked element in largeIcon view from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getlargeIconsCheckedItems = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper .e-check');
+        };
+        /**
+         * Returns the grid element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getGridElement = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid');
+        };
+        /**
+         * Returns the active element in grid view from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getGridActiveElements = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell.e-active');
+        };
+        /**
+         * Returns the checked element in grid view from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getGridCheckedElements = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell .e-checkbox-wrapper .e-check');
+        };
+        /**
+         * Returns the dialog element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getDialogElement = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-dialog.e-popup.e-popup-open');
+        };
+        /**
+         * Returns the breadcrumbBar element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getBreadCrumbBarElement = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-address .e-addressbar-ul .e-address-list-item');
+        };
+        /**
+         * Returns the splitter element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getSplitterElement = function () {
+            return this.selector('#' + this.id + '.e-filemanager .e-splitter.e-splitter-horizontal');
+        };
+        /**
+         * Returns the contextmenu element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getContextMenuElement = function () {
+            return this.selector('.e-fe-popup .e-contextmenu');
+        };
+        /**
+         * Returns the sortby popup element from the FileManager component.
+         */
+        FileManagerHelpers.prototype.getSortByPopupElement = function () {
+            return this.selector('.e-dropdown-popup.e-fe-popup.e-popup-open');
+        };
+        FileManagerHelpers.prototype.setModel = function (property, value) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property] = value;
+            });
+        };
+        FileManagerHelpers.prototype.getModel = function (property) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property];
+            });
+        };
+        FileManagerHelpers.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                var inst = ele[0].ej2_instances[0];
+                return inst[fName].apply(inst, args);
+            });
+        };
+        return FileManagerHelpers;
+    }(e2e_1.TestHelper));
+    exports.FileManagerHelpers = FileManagerHelpers;
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@19.4.43",
+  "_id": "@syncfusion/ej2-filemanager@19.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-fH3Q1fOFz+gttAUrCzQyH7C8xF93aZRLGdwHR+N3wMY3DheHUl7TW/swq4N+4EGlds0aq4qBXHIH2sm2w/ioIQ==",
+  "_integrity": "sha512-X0K/Cjp5QertYxW0u7Pudh6eHENw0RQNcPc2iqwsq4G0jQAIHLvg1JD3vcLb2KeZXLyxbZ/A4nfp3Lp+tdITFg==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-19.4.43.tgz",
-  "_shasum": "92dd7a5c453ed3b7ae2b40e9b5dd9fff88720219",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-19.4.48.tgz",
+  "_shasum": "7418712086c90cb46e9f8bb34fb59c1ef06fa9b3",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -38,16 +38,15 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~19.4.48",
-    "@syncfusion/ej2-buttons": "~19.4.48",
-    "@syncfusion/ej2-data": "~19.4.48",
-    "@syncfusion/ej2-grids": "~19.4.48",
+    "@syncfusion/ej2-buttons": "~19.4.50",
+    "@syncfusion/ej2-data": "~19.4.50",
+    "@syncfusion/ej2-grids": "~19.4.50",
     "@syncfusion/ej2-inputs": "~19.4.48",
     "@syncfusion/ej2-layouts": "~19.4.48",
     "@syncfusion/ej2-lists": "~19.4.48",
-    "@syncfusion/ej2-navigations": "~19.4.48",
-    "@syncfusion/ej2-popups": "~19.4.48",
-    "@syncfusion/ej2-splitbuttons": "~19.4.48",
-    "selenium-webdriver": "^4.0.0-alpha.1"
+    "@syncfusion/ej2-navigations": "~19.4.50",
+    "@syncfusion/ej2-popups": "~19.4.50",
+    "@syncfusion/ej2-splitbuttons": "~19.4.48"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
@@ -68,6 +67,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.48",
+  "version": "19.4.50-117124",
   "sideEffects": false
 }

package/src/file-manager/actions/breadcrumb-bar.js

@@ -405,7 +405,7 @@ var BreadCrumbBar = /** @class */ (function () {
         }
     };
     BreadCrumbBar.prototype.onSearchTextChange = function (args) {
-        this.searchObj.element.placeholder = (this.parent.searchSettings.placeholder != null) ? this.parent.searchSettings.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') + ' ' + getLocaleText(this.parent, args.cwd.name.toString());
     };
     return BreadCrumbBar;
 }());

package/src/file-manager/actions/index.d.ts

@@ -3,3 +3,4 @@
  */
 export * from './toolbar';
 export * from './breadcrumb-bar';
+export * from './virtualization';

package/src/file-manager/actions/index.js

@@ -3,3 +3,4 @@
  */
 export * from './toolbar';
 export * from './breadcrumb-bar';
+export * from './virtualization';

package/src/file-manager/actions/toolbar.js

@@ -153,9 +153,12 @@ var Toolbar = /** @class */ (function () {
     Toolbar.prototype.toolbarCreateHandler = function () {
         if (!isNOU(select('#' + this.getId('SortBy'), this.parent.element))) {
             var items = [
-                { id: this.getPupupId('name'), text: getLocaleText(this.parent, 'Name'), iconCss: CLS.TB_OPTION_DOT },
-                { id: this.getPupupId('size'), text: getLocaleText(this.parent, 'Size') },
-                { id: this.getPupupId('date'), text: getLocaleText(this.parent, 'DateModified') },
+                { id: this.getPupupId('name'), text: getLocaleText(this.parent, 'Name'),
+                    iconCss: this.parent.sortBy === 'name' ? CLS.TB_OPTION_DOT : '' },
+                { id: this.getPupupId('size'), text: getLocaleText(this.parent, 'Size'),
+                    iconCss: this.parent.sortBy === 'size' ? CLS.TB_OPTION_DOT : '' },
+                { id: this.getPupupId('date'), text: getLocaleText(this.parent, 'DateModified'),
+                    iconCss: this.parent.sortBy === '_fm_modified' ? CLS.TB_OPTION_DOT : '' },
                 { separator: true },
                 { id: this.getPupupId('ascending'), text: getLocaleText(this.parent, 'Ascending'),
                     iconCss: this.parent.sortOrder === 'Ascending' ? CLS.TB_OPTION_TICK : '' },
@@ -191,7 +194,6 @@ var Toolbar = /** @class */ (function () {
                 cssClass: getCssClass(this.parent, 'e-caret-hide ' + CLS.ROOT_POPUP),
                 items: layoutItems, select: this.layoutChange.bind(this),
                 enableRtl: this.parent.enableRtl,
-                enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
                 content: '<span class="e-tbar-btn-text">' + getLocaleText(this.parent, 'View') + '</span>'
             });
             this.layoutBtnObj.isStringTemplate = true;

package/src/file-manager/actions/virtualization.d.ts

@@ -0,0 +1,38 @@
+import { FileManager } from '../base';
+export declare class Virtualization {
+    constructor(instance: FileManager);
+    private filemanagerInstance;
+    private largeIconInstance;
+    private rowItemCount;
+    private listElements;
+    private items;
+    private itemList;
+    private scrollPosition;
+    private totalHeight;
+    private listItemHeight;
+    private topElementHeight;
+    private bottomElementHeight;
+    private renderedCount;
+    private lastRowCount;
+    private topElement;
+    private bottomElement;
+    private listDiff;
+    private largeIconsViewItemsCount;
+    setUlElementHeight(): void;
+    private ValidateItemCount;
+    wireScrollEvent(destroy: boolean): void;
+    private onVirtualUiScroll;
+    private getscrollerHeight;
+    private onNormalScroll;
+    private updateUI;
+    private updateSelection;
+    private updateCheckState;
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @returns {string} - returns the module name.
+     * @private
+     */
+    private getModuleName;
+    destroy(): void;
+}