@syncfusion/ej2-react-filemanager 23.1.40 → 23.1.43-87344

package/CHANGELOG.md

@@ -6,6 +6,23 @@
 
 #### Bug Fixes
 
+- `#I506576` - The issue with the incorrect drag and drop operation in the `Details` view, with ID-based files in the File Manager component has been resolved.
+
+## 23.1.43 (2023-10-31)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I503129` - The issue with the `Details` view header alignment in the File Manager component has been resolved.
+- `#I506586` - The issue with the sequential server-side API requests when opening searched folder in the File Manager component has been resolved.
+
+## 23.1.40 (2023-10-10)
+
+### FileManager
+
+#### Bug Fixes
+
 - `#I506921` - The issue with the breadcrumb bar path in the File Manager component has been resolved.
 - `#I503082` - The issue with the search placeholder is not updated properly after drag and drop in File Manager has been resolved.
 

package/README.md

@@ -124,4 +124,4 @@ Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=filemanager) for more info.
 
-© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/dist/ej2-react-filemanager.min.js

@@ -1,10 +1 @@
-/*!
-*  filename: ej2-react-filemanager.min.js
-*  version : 23.1.40
-*  Copyright Syncfusion Inc. 2001 - 2023. 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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionReactBase"),require("SyncfusionFilemanager"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionFilemanager","React"],t):"object"==typeof exports?exports.SyncfusionReactFilemanager=t(require("SyncfusionReactBase"),require("SyncfusionFilemanager"),require("React")):e.SyncfusionReactFilemanager=t(e.SyncfusionReactBase,e.SyncfusionFilemanager,e.React)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=5)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var r=n(4);n.d(t,"a",function(){return r.a}),n.d(t,"b",function(){return r.b});var o=n(3);n.d(t,"c",function(){return o.a})},function(e,t,n){"use strict";n.d(t,"a",function(){return c});var r=n(6),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={toolbarItems:"toolbarItem"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return u(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(o.FileManager);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(e,t,n){"use strict";n.d(t,"a",function(){return i}),n.d(t,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="toolbarItem",t}(r.ComplexBase),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="toolbarItems",t.moduleName="toolbarItems",t}(r.ComplexBase)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);n.d(t,"ToolbarItemDirective",function(){return r.a}),n.d(t,"ToolbarItemsDirective",function(){return r.b}),n.d(t,"FileManagerComponent",function(){return r.c});var o=n(0);n.n(o);n.o(o,"Inject")&&n.d(t,"Inject",function(){return o.Inject});var i=n(1);n.n(i);for(var u in i)["ToolbarItemDirective","ToolbarItemsDirective","FileManagerComponent","Inject","default"].indexOf(u)<0&&function(e){n.d(t,e,function(){return i[e]})}(u)},function(e,t){e.exports=n}])});

package/dist/ej2-react-filemanager.umd.min.js

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-react-filemanager.umd.min.js
-*  version : 23.1.40
-*  Copyright Syncfusion Inc. 2001 - 2023. 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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-filemanager")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-filemanager"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Filemanager)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="toolbarItem",t}(t.ComplexBase),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="toolbarItems",t.moduleName="toolbarItems",t}(t.ComplexBase),c=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),s=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={toolbarItems:"toolbarItem"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return c(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.FileManager);t.applyMixins(s,[t.ComponentBase,n.Component]),e.Inject=t.Inject,e.ToolbarItemDirective=i,e.ToolbarItemsDirective=a,e.FileManagerComponent=s,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-filemanager.umd.min.js.map

package/package.json

@@ -1,66 +1,66 @@
-{
-  "_from": "@syncfusion/ej2-react-filemanager@*",
-  "_id": "@syncfusion/ej2-react-filemanager@23.1.39",
-  "_inBundle": false,
-  "_integrity": "sha512-E/olzaTD90PYmMpkMWHTh+9o/SC9nG3l+UfIwgaIDYlTb1nxk6VuWKoLMBesUu28CVJ2CoTfr083n36+tDoG4Q==",
-  "_location": "/@syncfusion/ej2-react-filemanager",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-react-filemanager@*",
-    "name": "@syncfusion/ej2-react-filemanager",
-    "escapedName": "@syncfusion%2fej2-react-filemanager",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/"
-  ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-filemanager/-/ej2-react-filemanager-23.1.39.tgz",
-  "_shasum": "68149b30259de3855abbe884a5671fdf4acdc217",
-  "_spec": "@syncfusion/ej2-react-filemanager@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-react-ui-components/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.38",
-    "@syncfusion/ej2-filemanager": "23.1.40",
-    "@syncfusion/ej2-react-base": "~23.1.36"
-  },
-  "deprecated": false,
-  "description": "Essential JS 2 FileManager Component for React",
-  "devDependencies": {},
-  "es2015": "dist/es6/ej2-react-filemanager.es2015.js",
-  "homepage": "https://www.syncfusion.com/react-components",
-  "keywords": [
-    "react",
-    "reactjs",
-    "react-filemanager",
-    "react-file organizer",
-    "react-file organizing tool",
-    "react-file picker",
-    "react-file viewer",
-    "react-file browser",
-    "react-file selector",
-    "react-directory viewer",
-    "JavaScript"
-  ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-react-filemanager.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-react-filemanager",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
-  },
-  "version": "23.1.40",
-  "sideEffects": false
-}
+{
+    "_from": "@syncfusion/ej2-react-filemanager@*",
+    "_id": "@syncfusion/ej2-react-filemanager@23.1.40",
+    "_inBundle": false,
+    "_integrity": "sha512-uTYADaZU5r3G/GKOvhEVZq5rmQm/8o4wuTc7WWIS3VKKHsBqfhw4wteTGR2hoj3G8xBppqXtYaW6YpgS01Sh+A==",
+    "_location": "/@syncfusion/ej2-react-filemanager",
+    "_phantomChildren": {},
+    "_requested": {
+      "type": "range",
+      "registry": true,
+      "raw": "@syncfusion/ej2-react-filemanager@*",
+      "name": "@syncfusion/ej2-react-filemanager",
+      "escapedName": "@syncfusion%2fej2-react-filemanager",
+      "scope": "@syncfusion",
+      "rawSpec": "*",
+      "saveSpec": null,
+      "fetchSpec": "*"
+    },
+    "_requiredBy": [
+      "/"
+    ],
+    "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-filemanager/-/ej2-react-filemanager-23.1.40.tgz",
+    "_shasum": "a25b944fda229184af940031efe2441987699803",
+    "_spec": "@syncfusion/ej2-react-filemanager@*",
+    "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+    "author": {
+      "name": "Syncfusion Inc."
+    },
+    "bugs": {
+      "url": "https://github.com/syncfusion/ej2-react-ui-components/issues"
+    },
+    "bundleDependencies": false,
+    "dependencies": {
+      "@syncfusion/ej2-base": "~23.1.41",
+      "@syncfusion/ej2-filemanager": "23.1.43-87344",
+      "@syncfusion/ej2-react-base": "~23.1.43"
+    },
+    "deprecated": false,
+    "description": "Essential JS 2 FileManager Component for React",
+    "devDependencies": {},
+    "es2015": "dist/es6/ej2-react-filemanager.es2015.js",
+    "homepage": "https://www.syncfusion.com/react-components",
+    "keywords": [
+      "react",
+      "reactjs",
+      "react-filemanager",
+      "react-file organizer",
+      "react-file organizing tool",
+      "react-file picker",
+      "react-file viewer",
+      "react-file browser",
+      "react-file selector",
+      "react-directory viewer",
+      "JavaScript"
+    ],
+    "license": "SEE LICENSE IN license",
+    "main": "./dist/ej2-react-filemanager.umd.min.js",
+    "module": "./index.js",
+    "name": "@syncfusion/ej2-react-filemanager",
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
+    },
+    "version": "23.1.43-87344",
+    "sideEffects": false
+  }

package/src/file-manager/filemanager.component.d.ts

@@ -10,7 +10,7 @@ import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export declare class FileManagerComponent extends FileManager {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<FileManagerModel & DefaultHtmlAttributes>;
+    }> & Readonly<FileManagerModel | DefaultHtmlAttributes>;
     setState: any;
     private getDefaultAttributes;
     initRenderCalled: boolean;
@@ -23,7 +23,7 @@ export declare class FileManagerComponent extends FileManager {
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<FileManagerModel & DefaultHtmlAttributes>;
+    }> & Readonly<FileManagerModel | DefaultHtmlAttributes>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

package/styles/fabric-dark.css

@@ -410,6 +410,8 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell {
   height: 32px;
+  padding: 5px 8px;
+  line-height: 16px;
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
   margin-right: 0;
@@ -439,6 +441,8 @@ ejs-filemanager {
 .e-filemanager .e-grid .e-content .e-rowcell {
   border: 0;
   font-size: 12px;
+  padding: 10px 8px;
+  line-height: 16px;
 }
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #0074cc inset;

package/styles/fabric.css

@@ -411,6 +411,8 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell {
   height: 32px;
+  padding: 5px 8px;
+  line-height: 16px;
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
   margin-right: 0;
@@ -440,6 +442,8 @@ ejs-filemanager {
 .e-filemanager .e-grid .e-content .e-rowcell {
   border: 0;
   font-size: 12px;
+  padding: 10px 8px;
+  line-height: 16px;
 }
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #0078d6 inset;

package/styles/file-manager/fabric-dark.css

@@ -410,6 +410,8 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell {
   height: 32px;
+  padding: 5px 8px;
+  line-height: 16px;
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
   margin-right: 0;
@@ -439,6 +441,8 @@ ejs-filemanager {
 .e-filemanager .e-grid .e-content .e-rowcell {
   border: 0;
   font-size: 12px;
+  padding: 10px 8px;
+  line-height: 16px;
 }
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #0074cc inset;

package/styles/file-manager/fabric.css

@@ -411,6 +411,8 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell {
   height: 32px;
+  padding: 5px 8px;
+  line-height: 16px;
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
   margin-right: 0;
@@ -440,6 +442,8 @@ ejs-filemanager {
 .e-filemanager .e-grid .e-content .e-rowcell {
   border: 0;
   font-size: 12px;
+  padding: 10px 8px;
+  line-height: 16px;
 }
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #0078d6 inset;

package/styles/file-manager/material3-dark.css

@@ -587,7 +587,7 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
-  padding: 0 0 0 24px;
+  padding: 0 0 0 6px;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon .e-headercelldiv,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon .e-headercelldiv {

package/styles/file-manager/material3-dark.scss

@@ -1,2 +1,2 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 @import 'ej2-filemanager/styles/file-manager/material3-dark.scss';

package/styles/file-manager/material3.css

@@ -643,7 +643,7 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
-  padding: 0 0 0 24px;
+  padding: 0 0 0 6px;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon .e-headercelldiv,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon .e-headercelldiv {

package/styles/file-manager/material3.scss

@@ -1,2 +1,2 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 @import 'ej2-filemanager/styles/file-manager/material3.scss';

package/styles/material3-dark.css

@@ -587,7 +587,7 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
-  padding: 0 0 0 24px;
+  padding: 0 0 0 6px;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon .e-headercelldiv,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon .e-headercelldiv {

package/styles/material3.css

@@ -643,7 +643,7 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
-  padding: 0 0 0 24px;
+  padding: 0 0 0 6px;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon .e-headercelldiv,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon .e-headercelldiv {