@syncfusion/ej2-react-layouts 20.1.47 → 20.1.61

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 ## [Unreleased]
 
+### Dashboard Layout
+
+#### Bug Fixes
+
+- `#I382649` - The issue with "When resizing the page to less than `mediaQuery` value then the height was not proper for the Dashboard Layout component" has been resolved.
+
+## 20.1.58 (2022-05-31)
+
+### Splitter
+
+#### Bug Fixes
+
+- `#F174876` - Now, collapsing the splitter pane after resizing the pane and when the `enablePersistance` API is set to true works properly.
+
 ## 19.3.43 (2021-09-30)
 
 ### Splitter

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-layouts.umd.min.js
-*  version : 20.1.47
+*  version : 20.1.61
 *  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/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-layouts@*",
-  "_id": "@syncfusion/ej2-react-layouts@19.6.9",
+  "_id": "@syncfusion/ej2-react-layouts@20.1.58",
   "_inBundle": false,
-  "_integrity": "sha512-EKgnfjh2RRZZarTh0fcBhtYtwJWThZjIGBedOQEsAUKHzTRYn7M+E+lfEB1ipXiAvH+rqJrf9TpQPjg2Q/BNnA==",
+  "_integrity": "sha512-bwRBqrB59qqmj6DbJZDOXxAuqbI/mES7uHS4epa1vdiNx5gsKxjVOnsrmePsgJ62WTi9pBmXsZ38yb73LSCR6Q==",
   "_location": "/@syncfusion/ej2-react-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-19.6.9.tgz",
-  "_shasum": "78f55430db4604c0eae573ada99efaf96c22e1d4",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-20.1.58.tgz",
+  "_shasum": "8c850785cfb4c3dabefb7d0721a019bc39670ba1",
   "_spec": "@syncfusion/ej2-react-layouts@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.47",
-    "@syncfusion/ej2-layouts": "20.1.47",
-    "@syncfusion/ej2-react-base": "~20.1.47"
+    "@syncfusion/ej2-base": "~20.1.61",
+    "@syncfusion/ej2-layouts": "20.1.61",
+    "@syncfusion/ej2-react-base": "~20.1.59"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for React",
@@ -65,6 +65,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.1.47",
+  "version": "20.1.61",
   "sideEffects": false
 }

package/src/dashboard-layout/panels-directive.d.ts

@@ -18,7 +18,9 @@ export interface PanelDirTypecast {
  * </DashBoardLayoutComponent>
  * ```
  */
-export declare class PanelDirective extends ComplexBase<PanelModel | PanelDirTypecast, PanelModel | PanelDirTypecast> {
+export declare class PanelDirective extends ComplexBase<PanelModel | PanelDirTypecast & {
+    children?: React.ReactNode;
+}, PanelModel | PanelDirTypecast> {
     static moduleName: string;
     static complexTemplate: Object;
 }

package/src/splitter/panesettings-directive.d.ts

@@ -15,7 +15,9 @@ export interface PanePropertiesDirTypecast {
  * </SplitterComponent>
  * ```
  */
-export declare class PaneDirective extends ComplexBase<PanePropertiesModel | PanePropertiesDirTypecast, PanePropertiesModel | PanePropertiesDirTypecast> {
+export declare class PaneDirective extends ComplexBase<PanePropertiesModel | PanePropertiesDirTypecast & {
+    children?: React.ReactNode;
+}, PanePropertiesModel | PanePropertiesDirTypecast> {
     static moduleName: string;
 }
 export declare class PanesDirective extends ComplexBase<{}, {}> {

package/styles/avatar/bootstrap-dark.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/bootstrap.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/bootstrap4.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 2.5em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.65em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.85em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.25em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.45em;
-}
+}

package/styles/avatar/bootstrap5-dark.css

@@ -22,30 +22,25 @@
   width: 40px;
   line-height: 22px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 18px;
   border-radius: 4px;
@@ -53,11 +48,10 @@
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 20px;
   border-radius: 4px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/bootstrap5.css

@@ -22,30 +22,25 @@
   width: 40px;
   line-height: 22px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 18px;
   border-radius: 4px;
@@ -53,11 +48,10 @@
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 20px;
   border-radius: 4px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/fabric-dark.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/fabric.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/fluent-dark.css

@@ -22,40 +22,34 @@
   width: 40px;
   line-height: 24px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 20px;
   height: 48px;
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 24px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/fluent.css

@@ -22,40 +22,34 @@
   width: 40px;
   line-height: 24px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 20px;
   height: 48px;
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 24px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/highcontrast-light.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/highcontrast.css

@@ -21,28 +21,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/material-dark.css

@@ -22,28 +22,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/material.css

@@ -22,28 +22,22 @@
   position: relative;
   width: 3em;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 0.8em;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 1.2em;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 1.4em;
-}
+}

package/styles/avatar/tailwind-dark.css

@@ -23,40 +23,34 @@
   width: 40px;
   line-height: 22px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 18px;
   height: 48px;
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 20px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}

package/styles/avatar/tailwind.css

@@ -23,40 +23,34 @@
   width: 40px;
   line-height: 22px;
 }
-
 .e-avatar img {
   height: 100%;
   width: auto;
 }
-
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
-
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
   line-height: 16px;
   width: 24px;
 }
-
 .e-avatar.e-avatar-small {
   font-size: 12px;
   height: 32px;
   line-height: 18px;
   width: 32px;
 }
-
 .e-avatar.e-avatar-large {
   font-size: 18px;
   height: 48px;
   line-height: 28px;
   width: 48px;
 }
-
 .e-avatar.e-avatar-xlarge {
   font-size: 20px;
   height: 56px;
   line-height: 28px;
   width: 56px;
-}
+}