@syncfusion/ej2-react-layouts 19.4.52 → 20.1.58

package/CHANGELOG.md

@@ -2,21 +2,11 @@
 
 ## [Unreleased]
 
-## 19.4.47 (2022-01-25)
-
-### Dashboard Layout
-
-#### Bug Fixes
-
-- `#SF-361218` - The issue with "The Dashboard Layout with nested panels throws a script error on page resizing" has been resolved.
-
-## 19.4.43 (2022-01-18)
-
 ### Splitter
 
 #### Bug Fixes
 
-- `#I360945` - Now, the splitter works properly when the target element is passed as a variable in the Splitter constructor.
+- `#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)
 

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-layouts.umd.min.js
-*  version : 19.4.52
+*  version : 20.1.58
 *  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.4.48",
+  "_id": "@syncfusion/ej2-react-layouts@20.1.55",
   "_inBundle": false,
-  "_integrity": "sha512-hwtQ8ZWtZer0ZdFj1WnT/3nGwc7pywckPRlZubAewz7wBQzFbzZ//FvMRB06dW2Jd9bRirKkkelhgmPsOIgnJQ==",
+  "_integrity": "sha512-c+uW5A+lUhgmjywJ/y/rmiQICCJUNKrcJzZSJ8MicS1W4s1Ey+jfO0e+muGLYvAYl8GI7Z6mcoWRXIhPZXrm/g==",
   "_location": "/@syncfusion/ej2-react-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-19.4.48.tgz",
-  "_shasum": "a105969f37b2a9ba63befd03c0e6f72a3b9e52eb",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-20.1.55.tgz",
+  "_shasum": "6636f8c41a95a2fd2ec3a88de9e6d69dbaf0ff78",
   "_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": "~19.4.52",
-    "@syncfusion/ej2-layouts": "19.4.52",
-    "@syncfusion/ej2-react-base": "~19.4.52"
+    "@syncfusion/ej2-base": "~20.1.57",
+    "@syncfusion/ej2-layouts": "20.1.58",
+    "@syncfusion/ej2-react-base": "~20.1.58"
   },
   "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": "19.4.52",
+  "version": "20.1.58",
   "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,40 +22,36 @@
   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;
   height: 48px;
   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,40 +22,36 @@
   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;
   height: 48px;
   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

@@ -0,0 +1,55 @@
+.e-avatar {
+  -ms-flex-line-pack: center;
+      align-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  background-color: #292827;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  border-radius: 4px;
+  color: #a19f9d;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  height: 40px;
+  -ms-flex-pack: center;
+      justify-content: center;
+  overflow: hidden;
+  position: relative;
+  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-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/avatar/fluent-dark.scss';

package/styles/avatar/fluent.css

@@ -0,0 +1,55 @@
+.e-avatar {
+  -ms-flex-line-pack: center;
+      align-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  background-color: #edebe9;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  border-radius: 4px;
+  color: #605e5c;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  height: 40px;
+  -ms-flex-pack: center;
+      justify-content: center;
+  overflow: hidden;
+  position: relative;
+  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.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/avatar/fluent.scss';

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;
-}
+}