@syncfusion/ej2-filemanager 19.4.52 → 20.1.52

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 (43) hide show
  1. package/CHANGELOG.md +1 -43
  2. package/dist/ej2-filemanager.umd.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-filemanager.es2015.js +20 -7
  5. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-filemanager.es5.js +19 -6
  7. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  8. package/dist/global/ej2-filemanager.min.js +2 -2
  9. package/dist/global/ej2-filemanager.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +15 -15
  12. package/src/file-manager/actions/toolbar.js +6 -3
  13. package/src/file-manager/base/file-manager-model.d.ts +7 -0
  14. package/src/file-manager/base/file-manager.d.ts +6 -1
  15. package/src/file-manager/base/file-manager.js +10 -1
  16. package/src/file-manager/layout/details-view.js +1 -0
  17. package/src/file-manager/layout/large-icons-view.js +1 -1
  18. package/src/file-manager/layout/navigation-pane.js +1 -1
  19. package/src/file-manager/models/navigation-pane-settings.d.ts +8 -8
  20. package/styles/bootstrap5-dark.css +1 -1
  21. package/styles/bootstrap5.css +1 -1
  22. package/styles/file-manager/_bootstrap5-definition.scss +1 -1
  23. package/styles/file-manager/_fluent-dark-definition.scss +1 -0
  24. package/styles/file-manager/_fluent-definition.scss +8 -7
  25. package/styles/file-manager/_layout.scss +26 -2
  26. package/styles/file-manager/_theme.scss +17 -7
  27. package/styles/file-manager/bootstrap5-dark.css +1 -1
  28. package/styles/file-manager/bootstrap5.css +1 -1
  29. package/styles/file-manager/fluent-dark.css +1901 -0
  30. package/styles/file-manager/fluent-dark.scss +16 -0
  31. package/styles/file-manager/fluent.css +1900 -0
  32. package/styles/file-manager/fluent.scss +16 -0
  33. package/styles/file-manager/icons/_fluent-dark.scss +1 -0
  34. package/styles/file-manager/icons/_fluent.scss +19 -19
  35. package/styles/file-manager/icons/_tailwind.scss +49 -49
  36. package/styles/file-manager/tailwind-dark.css +49 -49
  37. package/styles/file-manager/tailwind.css +49 -49
  38. package/styles/fluent-dark.css +1901 -0
  39. package/styles/fluent-dark.scss +1 -0
  40. package/styles/fluent.css +1900 -0
  41. package/styles/fluent.scss +1 -0
  42. package/styles/tailwind-dark.css +49 -49
  43. package/styles/tailwind.css +49 -49
@@ -5171,7 +5171,7 @@ class LargeIconsView {
5171
5171
  else {
5172
5172
  for (let i = 0, len = this.items.length; i < len; i++) {
5173
5173
  const name = getValue('filterPath', this.items[i]) + getValue('name', this.items[i]);
5174
- if (items.indexOf(name) !== -1) {
5174
+ if ((items.indexOf(name) !== -1) || (items.indexOf(getValue(filterName, this.items[i])) !== -1)) {
5175
5175
  indexes.push(i);
5176
5176
  }
5177
5177
  }
@@ -6381,7 +6381,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
6381
6381
  this.uploadItem = [];
6382
6382
  this.deleteRecords = [];
6383
6383
  this.isFile = false;
6384
- this.sortBy = 'name';
6385
6384
  this.isCut = false;
6386
6385
  this.isSearchCut = false;
6387
6386
  this.isSearchDrag = false;
@@ -7101,6 +7100,13 @@ let FileManager = FileManager_1 = class FileManager extends Component {
7101
7100
  refresh(this);
7102
7101
  this.notify(sortByChange, {});
7103
7102
  break;
7103
+ case 'sortBy':
7104
+ refresh(this);
7105
+ this.notify(sortByChange, {});
7106
+ if (this.view === 'Details') {
7107
+ this.notify(sortColumn, {});
7108
+ }
7109
+ break;
7104
7110
  case 'popupTarget':
7105
7111
  if (this.uploadDialogObj) {
7106
7112
  this.uploadDialogObj.target = newProp.popupTarget;
@@ -7484,6 +7490,9 @@ __decorate$8([
7484
7490
  __decorate$8([
7485
7491
  Property('Ascending')
7486
7492
  ], FileManager.prototype, "sortOrder", void 0);
7493
+ __decorate$8([
7494
+ Property('name')
7495
+ ], FileManager.prototype, "sortBy", void 0);
7487
7496
  __decorate$8([
7488
7497
  Complex({}, ToolbarSettings)
7489
7498
  ], FileManager.prototype, "toolbarSettings", void 0);
@@ -7715,9 +7724,12 @@ class Toolbar$1 {
7715
7724
  toolbarCreateHandler() {
7716
7725
  if (!isNullOrUndefined(select('#' + this.getId('SortBy'), this.parent.element))) {
7717
7726
  const items = [
7718
- { id: this.getPupupId('name'), text: getLocaleText(this.parent, 'Name'), iconCss: TB_OPTION_DOT },
7719
- { id: this.getPupupId('size'), text: getLocaleText(this.parent, 'Size') },
7720
- { id: this.getPupupId('date'), text: getLocaleText(this.parent, 'DateModified') },
7727
+ { id: this.getPupupId('name'), text: getLocaleText(this.parent, 'Name'),
7728
+ iconCss: this.parent.sortBy === 'name' ? TB_OPTION_DOT : '' },
7729
+ { id: this.getPupupId('size'), text: getLocaleText(this.parent, 'Size'),
7730
+ iconCss: this.parent.sortBy === 'size' ? TB_OPTION_DOT : '' },
7731
+ { id: this.getPupupId('date'), text: getLocaleText(this.parent, 'DateModified'),
7732
+ iconCss: this.parent.sortBy === '_fm_modified' ? TB_OPTION_DOT : '' },
7721
7733
  { separator: true },
7722
7734
  { id: this.getPupupId('ascending'), text: getLocaleText(this.parent, 'Ascending'),
7723
7735
  iconCss: this.parent.sortOrder === 'Ascending' ? TB_OPTION_TICK : '' },
@@ -8242,7 +8254,7 @@ class NavigationPane {
8242
8254
  this.parent.trigger('fileOpen', eventArgs);
8243
8255
  args.cancel = eventArgs.cancel;
8244
8256
  if (args.cancel) {
8245
- this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] != args.node.getAttribute('data-uid') : false;
8257
+ this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] !== args.node.getAttribute('data-uid') : false;
8246
8258
  this.treeObj.selectedNodes = this.isNodeClickCalled ? this.previousSelected : this.treeObj.selectedNodes;
8247
8259
  this.previousSelected = this.treeObj.selectedNodes;
8248
8260
  if (!isNullOrUndefined(this.parent) && !isNullOrUndefined(this.parent.contextmenuModule)) {
@@ -8280,7 +8292,7 @@ class NavigationPane {
8280
8292
  const nodeData = this.getTreeData(getValue('id', args.nodeData));
8281
8293
  this.parent.selectedItems = [];
8282
8294
  this.parent.itemData = nodeData;
8283
- let previousPath = this.parent.path;
8295
+ const previousPath = this.parent.path;
8284
8296
  updatePath(args.node, this.parent.itemData[0], this.parent);
8285
8297
  if (previousPath !== this.parent.path) {
8286
8298
  this.expandNodeTarget = null;
@@ -10140,6 +10152,7 @@ class DetailsView {
10140
10152
  case 'f2':
10141
10153
  case 'moveDown':
10142
10154
  case 'moveUp':
10155
+ case 'ctrlD':
10143
10156
  e.preventDefault();
10144
10157
  break;
10145
10158
  default: