@syncfusion/ej2-filemanager 20.1.59 → 20.2.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +0 -46
  2. package/dist/ej2-filemanager.umd.min.js +11 -2
  3. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-filemanager.es2015.js +7 -24
  5. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-filemanager.es5.js +7 -24
  7. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  8. package/dist/global/ej2-filemanager.min.js +11 -2
  9. package/dist/global/ej2-filemanager.min.js.map +1 -1
  10. package/dist/global/index.d.ts +10 -1
  11. package/helpers/e2e/filemanagerHelper.js +183 -166
  12. package/package.json +16 -16
  13. package/src/file-manager/actions/toolbar.js +1 -7
  14. package/src/file-manager/base/file-manager.d.ts +1 -0
  15. package/src/file-manager/base/file-manager.js +1 -1
  16. package/src/file-manager/base/interface.d.ts +1 -2
  17. package/src/file-manager/common/utility.d.ts +1 -1
  18. package/src/file-manager/common/utility.js +5 -16
  19. package/styles/bootstrap.css +1 -3
  20. package/styles/bootstrap5-dark.css +1 -3
  21. package/styles/bootstrap5.css +1 -3
  22. package/styles/fabric.css +1 -2
  23. package/styles/file-manager/_fusionnew-definition.scss +237 -0
  24. package/styles/file-manager/_material3-definition.scss +237 -0
  25. package/styles/file-manager/bootstrap.css +1 -3
  26. package/styles/file-manager/bootstrap5-dark.css +1 -3
  27. package/styles/file-manager/bootstrap5.css +1 -3
  28. package/styles/file-manager/fabric.css +1 -2
  29. package/styles/file-manager/fluent-dark.css +1 -2
  30. package/styles/file-manager/fluent.css +1 -2
  31. package/styles/file-manager/highcontrast.css +1 -2
  32. package/styles/file-manager/icons/_fusionnew.scss +235 -0
  33. package/styles/file-manager/icons/_material3.scss +235 -0
  34. package/styles/file-manager/material.css +2 -4
  35. package/styles/file-manager/tailwind-dark.css +1 -2
  36. package/styles/file-manager/tailwind.css +1 -2
  37. package/styles/fluent-dark.css +1 -2
  38. package/styles/fluent.css +1 -2
  39. package/styles/highcontrast.css +1 -2
  40. package/styles/material.css +2 -4
  41. package/styles/tailwind-dark.css +1 -2
  42. package/styles/tailwind.css +1 -2
@@ -1,6 +1,15 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.1.59
3
+ * version : 20.2.38
4
+ * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
+ * Use of this code is subject to the terms of our license.
6
+ * A copy of the current license can be obtained at any time by e-mailing
7
+ * licensing@syncfusion.com. Any infringement will be prosecuted under
8
+ * applicable laws.
9
+ */
10
+ /*!
11
+ * filename: index.d.ts
12
+ * version : 20.2.36
4
13
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
14
  * Use of this code is subject to the terms of our license.
6
15
  * A copy of the current license can be obtained at any time by e-mailing
@@ -1,167 +1,184 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
4
- /**
5
- * E2E test helpers for FileManager to easily interact and the test the component
6
- */
7
- class FileManagerHelpers extends e2e_1.TestHelper {
8
- /**
9
- * Initialize the FileManager E2E helpers
10
- * @param id Element id of the FileManager element
11
- * @param wrapperFn Pass the wrapper function
12
- */
13
- constructor(id, wrapperFn) {
14
- super();
15
- this.id = id;
16
- if (wrapperFn !== undefined) {
17
- this.wrapperFn = wrapperFn;
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
15
+ "use strict";
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ /**
18
+ * E2E test helpers for FileManager to easily interact and the test the component
19
+ */
20
+ var FileManagerHelpers = /** @class */ (function (_super) {
21
+ __extends(FileManagerHelpers, _super);
22
+ /**
23
+ * Initialize the FileManager E2E helpers
24
+ * @param id Element id of the FileManager element
25
+ * @param wrapperFn Pass the wrapper function
26
+ */
27
+ function FileManagerHelpers(id, wrapperFn) {
28
+ var _this = _super.call(this) || this;
29
+ _this.id = id;
30
+ if (wrapperFn !== undefined) {
31
+ _this.wrapperFn = wrapperFn;
32
+ }
33
+ return _this;
18
34
  }
19
- return this;
20
- }
21
- selector(arg) {
22
- return (this.wrapperFn ? this.wrapperFn(arg) : arg);
23
- }
24
- /**
25
- * Returns the root element of the FileManager component.
26
- */
27
- getElement() {
28
- return this.selector('#' + this.id);
29
- }
30
- /**
31
- * Returns the toolbar items from the FileManager component.
32
- */
33
- getToolbarItems() {
34
- return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item');
35
- }
36
- /**
37
- * Returns the active toolbar item element from the FileManager component.
38
- */
39
- getToolbarItemsActive() {
40
- return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-active');
41
- }
42
- getTreeviewItems() {
43
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item');
44
- }
45
- /**
46
- * Returns the collapsed treeview node element from the FileManager component.
47
- */
48
- getTreeviewCollapsedItems() {
49
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-node-collapsed');
50
- }
51
- /**
52
- * Returns the collapsed icon of treeview node element from the FileManager component.
53
- */
54
- getTreeviewCollapsedIcon() {
55
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-collapsible');
56
- }
57
- /**
58
- * Returns the expanded icon of treeview node element from the FileManager component.
59
- */
60
- getTreeviewExpandedIcon() {
61
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-expandable');
62
- }
63
- /**
64
- * Returns the active treeview node element from the FileManager component.
65
- */
66
- getTreeviewActiveItems() {
67
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-active');
68
- }
69
- /**
70
- * Returns the treeview items folder icon from the FileManager component.
71
- */
72
- getTreeviewItemsFolderIcon() {
73
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-icon.e-fe-folder');
74
- }
75
- /**
76
- * Returns the treeview items text from the FileManager component.
77
- */
78
- getTreeviewItemsText() {
79
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-text');
80
- }
81
- /**
82
- * Returns the largeIcon element from the FileManager component.
83
- */
84
- getlargeIconsItems() {
85
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item"');
86
- }
87
- /**
88
- * Returns the active list element in largeIcon view from the FileManager component.
89
- */
90
- getlargeIconsActiveItems() {
91
- 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');
92
- }
93
- /**
94
- * Returns the checked element in largeIcon view from the FileManager component.
95
- */
96
- getlargeIconsCheckedItems() {
97
- 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');
98
- }
99
- /**
100
- * Returns the grid element from the FileManager component.
101
- */
102
- getGridElement() {
103
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid');
104
- }
105
- /**
106
- * Returns the active element in grid view from the FileManager component.
107
- */
108
- getGridActiveElements() {
109
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell.e-active');
110
- }
111
- /**
112
- * Returns the checked element in grid view from the FileManager component.
113
- */
114
- getGridCheckedElements() {
115
- 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');
116
- }
117
- /**
118
- * Returns the dialog element from the FileManager component.
119
- */
120
- getDialogElement() {
121
- return this.selector('#' + this.id + '.e-filemanager .e-dialog.e-popup.e-popup-open');
122
- }
123
- /**
124
- * Returns the breadcrumbBar element from the FileManager component.
125
- */
126
- getBreadCrumbBarElement() {
127
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-address .e-addressbar-ul .e-address-list-item');
128
- }
129
- /**
130
- * Returns the splitter element from the FileManager component.
131
- */
132
- getSplitterElement() {
133
- return this.selector('#' + this.id + '.e-filemanager .e-splitter.e-splitter-horizontal');
134
- }
135
- /**
136
- * Returns the contextmenu element from the FileManager component.
137
- */
138
- getContextMenuElement() {
139
- return this.selector('.e-fe-popup .e-contextmenu');
140
- }
141
- /**
142
- * Returns the sortby popup element from the FileManager component.
143
- */
144
- getSortByPopupElement() {
145
- return this.selector('.e-dropdown-popup.e-fe-popup.e-popup-open');
146
- }
147
- setModel(property, value) {
148
- let cy;
149
- return cy.get('#' + this.id).then((ele) => {
150
- return ele[0].ej2_instances[0][property] = value;
151
- });
152
- }
153
- getModel(property) {
154
- let cy;
155
- return cy.get('#' + this.id).then((ele) => {
156
- return ele[0].ej2_instances[0][property];
157
- });
158
- }
159
- invoke(fName, args = []) {
160
- let cy;
161
- return cy.get('#' + this.id).then((ele) => {
162
- var inst = ele[0].ej2_instances[0];
163
- return inst[fName].apply(inst, args);
164
- });
165
- }
166
- }
167
- exports.FileManagerHelpers = FileManagerHelpers;
35
+ FileManagerHelpers.prototype.selector = function (arg) {
36
+ return (this.wrapperFn ? this.wrapperFn(arg) : arg);
37
+ };
38
+ /**
39
+ * Returns the root element of the FileManager component.
40
+ */
41
+ FileManagerHelpers.prototype.getElement = function () {
42
+ return this.selector('#' + this.id);
43
+ };
44
+ /**
45
+ * Returns the toolbar items from the FileManager component.
46
+ */
47
+ FileManagerHelpers.prototype.getToolbarItems = function () {
48
+ return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item');
49
+ };
50
+ /**
51
+ * Returns the active toolbar item element from the FileManager component.
52
+ */
53
+ FileManagerHelpers.prototype.getToolbarItemsActive = function () {
54
+ return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-active');
55
+ };
56
+ FileManagerHelpers.prototype.getTreeviewItems = function () {
57
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item');
58
+ };
59
+ /**
60
+ * Returns the collapsed treeview node element from the FileManager component.
61
+ */
62
+ FileManagerHelpers.prototype.getTreeviewCollapsedItems = function () {
63
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-node-collapsed');
64
+ };
65
+ /**
66
+ * Returns the collapsed icon of treeview node element from the FileManager component.
67
+ */
68
+ FileManagerHelpers.prototype.getTreeviewCollapsedIcon = function () {
69
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-collapsible');
70
+ };
71
+ /**
72
+ * Returns the expanded icon of treeview node element from the FileManager component.
73
+ */
74
+ FileManagerHelpers.prototype.getTreeviewExpandedIcon = function () {
75
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-expandable');
76
+ };
77
+ /**
78
+ * Returns the active treeview node element from the FileManager component.
79
+ */
80
+ FileManagerHelpers.prototype.getTreeviewActiveItems = function () {
81
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-active');
82
+ };
83
+ /**
84
+ * Returns the treeview items folder icon from the FileManager component.
85
+ */
86
+ FileManagerHelpers.prototype.getTreeviewItemsFolderIcon = function () {
87
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-icon.e-fe-folder');
88
+ };
89
+ /**
90
+ * Returns the treeview items text from the FileManager component.
91
+ */
92
+ FileManagerHelpers.prototype.getTreeviewItemsText = function () {
93
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-text');
94
+ };
95
+ /**
96
+ * Returns the largeIcon element from the FileManager component.
97
+ */
98
+ FileManagerHelpers.prototype.getlargeIconsItems = function () {
99
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item"');
100
+ };
101
+ /**
102
+ * Returns the active list element in largeIcon view from the FileManager component.
103
+ */
104
+ FileManagerHelpers.prototype.getlargeIconsActiveItems = function () {
105
+ 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');
106
+ };
107
+ /**
108
+ * Returns the checked element in largeIcon view from the FileManager component.
109
+ */
110
+ FileManagerHelpers.prototype.getlargeIconsCheckedItems = function () {
111
+ 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');
112
+ };
113
+ /**
114
+ * Returns the grid element from the FileManager component.
115
+ */
116
+ FileManagerHelpers.prototype.getGridElement = function () {
117
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid');
118
+ };
119
+ /**
120
+ * Returns the active element in grid view from the FileManager component.
121
+ */
122
+ FileManagerHelpers.prototype.getGridActiveElements = function () {
123
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell.e-active');
124
+ };
125
+ /**
126
+ * Returns the checked element in grid view from the FileManager component.
127
+ */
128
+ FileManagerHelpers.prototype.getGridCheckedElements = function () {
129
+ 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');
130
+ };
131
+ /**
132
+ * Returns the dialog element from the FileManager component.
133
+ */
134
+ FileManagerHelpers.prototype.getDialogElement = function () {
135
+ return this.selector('#' + this.id + '.e-filemanager .e-dialog.e-popup.e-popup-open');
136
+ };
137
+ /**
138
+ * Returns the breadcrumbBar element from the FileManager component.
139
+ */
140
+ FileManagerHelpers.prototype.getBreadCrumbBarElement = function () {
141
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-address .e-addressbar-ul .e-address-list-item');
142
+ };
143
+ /**
144
+ * Returns the splitter element from the FileManager component.
145
+ */
146
+ FileManagerHelpers.prototype.getSplitterElement = function () {
147
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter.e-splitter-horizontal');
148
+ };
149
+ /**
150
+ * Returns the contextmenu element from the FileManager component.
151
+ */
152
+ FileManagerHelpers.prototype.getContextMenuElement = function () {
153
+ return this.selector('.e-fe-popup .e-contextmenu');
154
+ };
155
+ /**
156
+ * Returns the sortby popup element from the FileManager component.
157
+ */
158
+ FileManagerHelpers.prototype.getSortByPopupElement = function () {
159
+ return this.selector('.e-dropdown-popup.e-fe-popup.e-popup-open');
160
+ };
161
+ FileManagerHelpers.prototype.setModel = function (property, value) {
162
+ var cy;
163
+ return cy.get('#' + this.id).then(function (ele) {
164
+ return ele[0].ej2_instances[0][property] = value;
165
+ });
166
+ };
167
+ FileManagerHelpers.prototype.getModel = function (property) {
168
+ var cy;
169
+ return cy.get('#' + this.id).then(function (ele) {
170
+ return ele[0].ej2_instances[0][property];
171
+ });
172
+ };
173
+ FileManagerHelpers.prototype.invoke = function (fName, args) {
174
+ if (args === void 0) { args = []; }
175
+ var cy;
176
+ return cy.get('#' + this.id).then(function (ele) {
177
+ var inst = ele[0].ej2_instances[0];
178
+ return inst[fName].apply(inst, args);
179
+ });
180
+ };
181
+ return FileManagerHelpers;
182
+ }(e2e_1.TestHelper));
183
+ exports.FileManagerHelpers = FileManagerHelpers;
184
+ });
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-filemanager@*",
3
- "_id": "@syncfusion/ej2-filemanager@20.1.58",
3
+ "_id": "@syncfusion/ej2-filemanager@20.2.36",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-u7VgEToiHcTz/x+k292jkdtsOKiCvwBDdD1G8I/XeMpzx6jgTsNf6FeLDQ3pK8nB/J1aEnZpuD1GQIdpXOsBFQ==",
5
+ "_integrity": "sha512-Ytb2BhtKODenoUGifblRVBGO1PAqZhBvC1UQy/mrTa+EafLZs7PAmuDABzW53mhi1nTYpGC+lh+n77zFojBLZw==",
6
6
  "_location": "/@syncfusion/ej2-filemanager",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -25,8 +25,8 @@
25
25
  "/@syncfusion/ej2-richtexteditor",
26
26
  "/@syncfusion/ej2-vue-filemanager"
27
27
  ],
28
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.1.58.tgz",
29
- "_shasum": "6c8a4ea15887d366f7028e3f994cc5a8c5f61be5",
28
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.2.36.tgz",
29
+ "_shasum": "068029b89968763f383a85c2892fb58afdce0282",
30
30
  "_spec": "@syncfusion/ej2-filemanager@*",
31
31
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
32
32
  "author": {
@@ -37,16 +37,16 @@
37
37
  },
38
38
  "bundleDependencies": false,
39
39
  "dependencies": {
40
- "@syncfusion/ej2-base": "~20.1.57",
41
- "@syncfusion/ej2-buttons": "~20.1.55",
42
- "@syncfusion/ej2-data": "~20.1.55",
43
- "@syncfusion/ej2-grids": "~20.1.59",
44
- "@syncfusion/ej2-inputs": "~20.1.59",
45
- "@syncfusion/ej2-layouts": "~20.1.58",
46
- "@syncfusion/ej2-lists": "~20.1.55",
47
- "@syncfusion/ej2-navigations": "~20.1.58",
48
- "@syncfusion/ej2-popups": "~20.1.58",
49
- "@syncfusion/ej2-splitbuttons": "~20.1.57"
40
+ "@syncfusion/ej2-base": "~20.2.38",
41
+ "@syncfusion/ej2-buttons": "~20.2.38",
42
+ "@syncfusion/ej2-data": "~20.2.38",
43
+ "@syncfusion/ej2-grids": "~20.2.38",
44
+ "@syncfusion/ej2-inputs": "~20.2.38",
45
+ "@syncfusion/ej2-layouts": "~20.2.38",
46
+ "@syncfusion/ej2-lists": "~20.2.38",
47
+ "@syncfusion/ej2-navigations": "~20.2.38",
48
+ "@syncfusion/ej2-popups": "~20.2.38",
49
+ "@syncfusion/ej2-splitbuttons": "~20.2.38"
50
50
  },
51
51
  "deprecated": false,
52
52
  "description": "Essential JS 2 FileManager Component",
@@ -66,7 +66,7 @@
66
66
  "type": "git",
67
67
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
68
68
  },
69
+ "sideEffects": false,
69
70
  "typings": "index.d.ts",
70
- "version": "20.1.59",
71
- "sideEffects": false
71
+ "version": "20.2.38"
72
72
  }
@@ -194,7 +194,6 @@ var Toolbar = /** @class */ (function () {
194
194
  cssClass: getCssClass(this.parent, 'e-caret-hide ' + CLS.ROOT_POPUP),
195
195
  items: layoutItems, select: this.layoutChange.bind(this),
196
196
  enableRtl: this.parent.enableRtl,
197
- enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
198
197
  content: '<span class="e-tbar-btn-text">' + getLocaleText(this.parent, 'View') + '</span>'
199
198
  });
200
199
  this.layoutBtnObj.isStringTemplate = true;
@@ -232,12 +231,7 @@ var Toolbar = /** @class */ (function () {
232
231
  items[itemCount].iconCss = this.parent.sortBy === 'size' ? CLS.TB_OPTION_DOT : '';
233
232
  }
234
233
  else if (items[itemCount].id === this.getPupupId('date')) {
235
- if (this.parent.sortBy === 'dateModified' || this.parent.sortBy === 'dateCreated') {
236
- items[itemCount].iconCss = this.parent.sortBy === this.parent.sortBy ? CLS.TB_OPTION_DOT : '';
237
- }
238
- else {
239
- items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? CLS.TB_OPTION_DOT : '';
240
- }
234
+ items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? CLS.TB_OPTION_DOT : '';
241
235
  }
242
236
  else if (items[itemCount].id === this.getPupupId('ascending')) {
243
237
  items[itemCount].iconCss = this.parent.sortOrder === 'Ascending' ? CLS.TB_OPTION_TICK : '';
@@ -142,6 +142,7 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
142
142
  uploadingCount: number;
143
143
  uploadedCount: number;
144
144
  isMac: boolean;
145
+ oldView: string;
145
146
  /**
146
147
  * Specifies the AJAX settings of the file manager.
147
148
  *
@@ -102,7 +102,7 @@ var FileManager = /** @class */ (function (_super) {
102
102
  _this.droppedObjects = [];
103
103
  _this.uploadingCount = 0;
104
104
  _this.uploadedCount = 0;
105
- //Specifies whether the operating system is MAC or not
105
+ //Specifies whether the operating system is MAC or not
106
106
  _this.isMac = false;
107
107
  FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu);
108
108
  return _this;
@@ -2,7 +2,6 @@ import { Component, EmitType, L10n } from '@syncfusion/ej2-base';
2
2
  import { Dialog, ButtonPropsModel } from '@syncfusion/ej2-popups';
3
3
  import { FileManagerModel } from '../base/file-manager-model';
4
4
  import { ToolbarSettingsModel, AjaxSettingsModel } from '../models/index';
5
- import { DetailsViewSettingsModel } from '../models/details-view-settings-model';
6
5
  import { TreeView, ContextMenu, MenuItemModel, ItemModel } from '@syncfusion/ej2-navigations';
7
6
  import { DetailsView } from '../layout/details-view';
8
7
  import { Toolbar } from '../actions/toolbar';
@@ -494,7 +493,6 @@ export interface IFileManager extends Component<HTMLElement> {
494
493
  feFiles: Object[];
495
494
  ajaxSettings: AjaxSettingsModel;
496
495
  toolbarSettings: ToolbarSettingsModel;
497
- detailsViewSettings: DetailsViewSettingsModel;
498
496
  dialogObj: Dialog;
499
497
  viewerObj: Dialog;
500
498
  extDialogObj: Dialog;
@@ -596,6 +594,7 @@ export interface IFileManager extends Component<HTMLElement> {
596
594
  enableHtmlSanitizer: boolean;
597
595
  refreshLayout(): void;
598
596
  isMac: boolean;
597
+ oldView: string;
599
598
  }
600
599
  /** @hidden */
601
600
  export interface ITreeView extends Component<HTMLElement> {
@@ -293,7 +293,7 @@ export declare function sortbyClickHandler(parent: IFileManager, args: MenuEvent
293
293
  * @returns {string} - returns the sorted fields
294
294
  * @private
295
295
  */
296
- export declare function getSortField(id: string, parent?: IFileManager): string;
296
+ export declare function getSortField(id: string): string;
297
297
  /**
298
298
  * Sets the next path
299
299
  *
@@ -268,7 +268,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
268
268
  else {
269
269
  if (!parent.isFiltered) {
270
270
  if (parent.isSortByClicked) {
271
- parent.notify(events.layoutChange, { files: parent.largeiconsviewModule.items });
271
+ parent.notify(events.layoutChange, { files: (parent.oldView === 'Details') ? parent.detailsviewModule.gridObj.dataSource : parent.largeiconsviewModule.items });
272
272
  parent.isSortByClicked = false;
273
273
  }
274
274
  else {
@@ -289,6 +289,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
289
289
  * @private
290
290
  */
291
291
  export function updateLayout(parent, view) {
292
+ parent.oldView = parent.view;
292
293
  parent.setProperties({ view: view }, true);
293
294
  if (parent.breadcrumbbarModule.searchObj.element.value !== '' || parent.isFiltered) {
294
295
  parent.layoutSelectedItems = parent.selectedItems;
@@ -692,7 +693,7 @@ export function sortbyClickHandler(parent, args) {
692
693
  tick = false;
693
694
  }
694
695
  if (!tick) {
695
- parent.sortBy = getSortField(args.item.id, parent);
696
+ parent.sortBy = getSortField(args.item.id);
696
697
  }
697
698
  else {
698
699
  parent.sortOrder = getSortField(args.item.id);
@@ -718,24 +719,12 @@ export function sortbyClickHandler(parent, args) {
718
719
  * @returns {string} - returns the sorted fields
719
720
  * @private
720
721
  */
721
- export function getSortField(id, parent) {
722
+ export function getSortField(id) {
722
723
  var text = id.substring(id.lastIndexOf('_') + 1);
723
724
  var field = text;
724
- var column;
725
- if (parent) {
726
- column = parent.detailsViewSettings.columns;
727
- }
728
725
  switch (text) {
729
726
  case 'date':
730
- for (var i = 0; i < column.length; i++) {
731
- if (column[i].field === 'dateModified' || column[i].field === 'dateCreated') {
732
- field = column[i].field;
733
- break;
734
- }
735
- else {
736
- field = '_fm_modified';
737
- }
738
- }
727
+ field = '_fm_modified';
739
728
  break;
740
729
  case 'ascending':
741
730
  field = 'Ascending';
@@ -14,9 +14,7 @@
14
14
  transform: rotate(360deg);
15
15
  }
16
16
  }
17
- /*! TreeView's bootstrap theme wise override definitions and variables */
18
- /*! component's theme wise override definitions and variables */
19
- /*! FileManager's bootstrap theme wise override definitions and variables */
17
+ /*! TreeView's bootstrap theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */ /*! FileManager's bootstrap theme wise override definitions and variables */
20
18
  .e-filemanager .e-fe-icon,
21
19
  .e-filemanager .e-list-icon {
22
20
  background-repeat: no-repeat;
@@ -20,9 +20,7 @@
20
20
  transform: rotate(360deg);
21
21
  }
22
22
  }
23
- /*! TreeView's bootstrap5 theme wise override definitions and variables */
24
- /*! Toolbar's bootstrap5 theme wise override definitions and variables */
25
- /*! FileManager's tailwind theme wise override definitions and variables */
23
+ /*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
26
24
  .e-filemanager .e-fe-icon,
27
25
  .e-filemanager .e-list-icon {
28
26
  background-repeat: no-repeat;
@@ -20,9 +20,7 @@
20
20
  transform: rotate(360deg);
21
21
  }
22
22
  }
23
- /*! TreeView's bootstrap5 theme wise override definitions and variables */
24
- /*! Toolbar's bootstrap5 theme wise override definitions and variables */
25
- /*! FileManager's tailwind theme wise override definitions and variables */
23
+ /*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
26
24
  .e-filemanager .e-fe-icon,
27
25
  .e-filemanager .e-list-icon {
28
26
  background-repeat: no-repeat;
package/styles/fabric.css CHANGED
@@ -14,8 +14,7 @@
14
14
  transform: rotate(360deg);
15
15
  }
16
16
  }
17
- /*! TreeView's fabric theme wise override definitions and variables */
18
- /*! FileManager's fabric theme wise override definitions and variables */
17
+ /*! TreeView's fabric theme wise override definitions and variables */ /*! FileManager's fabric theme wise override definitions and variables */
19
18
  .e-filemanager .e-fe-icon,
20
19
  .e-filemanager .e-list-icon {
21
20
  background-repeat: no-repeat;