@syncfusion/ej2-react-layouts 19.4.48 → 20.1.55

package/CHANGELOG.md

@@ -2,22 +2,6 @@
 
 ## [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.
-
 ## 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 : 19.4.48
+*  version : 20.1.55
 *  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.47",
+  "_id": "@syncfusion/ej2-react-layouts@20.1.47",
   "_inBundle": false,
-  "_integrity": "sha512-Dham4YDU50vPSHUBxpdBRvOjiTpynHpE4fKpYN66zIWPENZWLrnZWdLCwAZyvKDmnoLMRDiESDtbpSTgkyaOKg==",
+  "_integrity": "sha512-I6kk5NbHudSklBXhj69Df3+3n3evfyQVLuPzPcXkSUE/k9y1212/kKcfkDuzlTEkCO8mTsbfdeoDzh4BE4IWKQ==",
   "_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.47.tgz",
-  "_shasum": "d1eb311b08ea2b9345490648e11489382f9597ec",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-20.1.47.tgz",
+  "_shasum": "f44ad37518da7cd884c5bf8c250fd3821173cd08",
   "_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.48",
-    "@syncfusion/ej2-layouts": "19.4.48",
-    "@syncfusion/ej2-react-base": "~19.4.48"
+    "@syncfusion/ej2-base": "~20.1.55",
+    "@syncfusion/ej2-layouts": "20.1.55",
+    "@syncfusion/ej2-react-base": "~20.1.55"
   },
   "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.48",
+  "version": "20.1.55",
   "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;
-}
+}