@syncfusion/ej2-react-layouts 23.1.36 → 24.1.41

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

@@ -1,7 +1,7 @@
 /*!
 *  filename: ej2-react-layouts.min.js
-*  version : 23.1.36
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 24.1.41
+*  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

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

@@ -1,7 +1,7 @@
 /*!
 *  filename: ej2-react-layouts.umd.min.js
-*  version : 23.1.36
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 24.1.41
+*  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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-layouts@*",
-  "_id": "@syncfusion/ej2-react-layouts@21.4.3",
+  "_id": "@syncfusion/ej2-react-layouts@21.4.6",
   "_inBundle": false,
-  "_integrity": "sha512-9EjXgU0GFLfIz//akNfoIR3fUZ+o7/yPbmBd8RRwG/lTuvwV5XKQ8mkdr0QPb5FIoYjkv8/HLZccjJ0vOA7Iag==",
+  "_integrity": "sha512-BC68cCnk9VlGJxSrgvgmtiYWwC9kLENn/HtmsSc1iAvyEZqhCDG4Ev/BpQdPuVU5FpGBBbqQcv0CKCLAYRqcWg==",
   "_location": "/@syncfusion/ej2-react-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-21.4.3.tgz",
-  "_shasum": "7589f4a642b7506a874539b03af26ecaabcd6b30",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-21.4.6.tgz",
+  "_shasum": "36ff3a158058f566760557234ff820d0f6a40be5",
   "_spec": "@syncfusion/ej2-react-layouts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.36",
-    "@syncfusion/ej2-layouts": "23.1.36",
-    "@syncfusion/ej2-react-base": "~23.1.36"
+    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-layouts": "24.1.41",
+    "@syncfusion/ej2-react-base": "~24.1.41"
   },
   "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",
@@ -56,6 +56,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "23.1.36",
+  "version": "24.1.41",
   "sideEffects": false
 }

package/src/dashboard-layout/dashboardlayout.component.d.ts

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

package/src/splitter/splitter.component.d.ts

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

package/styles/avatar/bootstrap-dark.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap-dark.css';

package/styles/avatar/bootstrap.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap.css';

package/styles/avatar/bootstrap4.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #e9ecef;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 4px;
-  color: #212529;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1.05em;
-  font-weight: 400;
-  height: 2.5em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 2.5em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap4.css';

package/styles/avatar/bootstrap5-dark.css

@@ -1,60 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #495057;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 2px;
-  color: #adb5bd;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-size: 14px;
-  font-weight: 500;
-  height: 40px;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 40px;
-  line-height: 22px;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5-dark.css';

package/styles/avatar/bootstrap5.css

@@ -1,60 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #dee2e6;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 2px;
-  color: #6c757d;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-size: 14px;
-  font-weight: 500;
-  height: 40px;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 40px;
-  line-height: 22px;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5.css';

package/styles/avatar/fabric-dark.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/fabric-dark.css';

package/styles/avatar/fabric.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/fabric.css';

package/styles/avatar/fluent-dark.css

@@ -1,58 +1 @@
-.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-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/fluent-dark.css';

package/styles/avatar/fluent.css

@@ -1,58 +1 @@
-.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-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/fluent.css';

package/styles/avatar/highcontrast-light.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/highcontrast-light.css';

package/styles/avatar/highcontrast.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  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;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/highcontrast.css';