@syncfusion/ej2-react-layouts 22.2.9 → 23.2.4

package/CHANGELOG.md

@@ -2,59 +2,6 @@
 
 ## [Unreleased]
 
-### Splitter
-
-#### Bug Fixes
-
-- `#I483293` -  Fixed memory leak issue in Splitter component.
-
-## 22.1.37 (2023-07-04)
-
-### Splitter
-
-#### Bug Fixes
-
-- `#I466016` -  The issue with "The Horizontal pane does not retain its size when the window is resized" has been resolved.
-- `#I466016` -  The issue with "When including pane background colour, the Splitter resize button disappears" has been resolved.
-
-## 22.1.36 (2023-06-28)
-
-### Dashboard Layout
-
-#### Bug Fixes
-
-- `#I474181` - The issue with Dashboard Layout component while setting panels in row 1 and none at row 0 has been resolved.
-
-### Splitter
-
-#### Bug Fixes
-
-- `#I469291` - The performance issue that occurred while dragging and hovering on the splitter bar has been resolved.
-- `#I469291` - The issue of content disappearing when resizing the pane has been resolved.
-
-
-## 21.2.9 (2023-06-06)
-
-### Dashboard Layout
-
-#### Bug Fixes
-
-- `#F182339` - Resolved the panel overlapping issue, when resize it after continuously performing drag and drop actions in Dashboard Layout component.
-
-### Splitter
-
-#### Bug Fixes
-
-- `#I463883` -  The issue of "updating the pane setting dynamically with the same value despite manually resizing the pane" has been resolved.
-
-## 21.2.6 (2023-05-23)
-
-### Splitter
-
-#### Bug Fixes
-
-- `#I451526` -  The issue with the "Pane resizing would not works properly" has been resolved.
-
 ## 20.4.48 (2023-02-01)
 
 ### Splitter

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

@@ -1,7 +1,7 @@
 /*!
 *  filename: ej2-react-layouts.min.js
-*  version : 22.2.9
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.2.4
+*  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 : 22.2.9
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.2.4
+*  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@22.2.5",
+  "_id": "@syncfusion/ej2-react-layouts@23.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-tLaQAoU7wG17NYYLFp4tHii4J/EUbQEuGtiiNTnYDmsBDMBY/lIbhPUnfThqOytH872zy32wkad9mmy6mC1szA==",
+  "_integrity": "sha512-iqGkCnMjI1VJWBH5XsqF9/WuVkZkL66e4DMpiLs6LbuA++y+dzoBJBxn61FlZd8FJSdrlcHDhAaZRoOnACYU8w==",
   "_location": "/@syncfusion/ej2-react-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-22.2.5.tgz",
-  "_shasum": "b8b9c8895f059e44b9dc131426fb44e03ec9f90c",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-23.1.36.tgz",
+  "_shasum": "7f3b9edcfad877105d17dfd30a5f0ffc414acad6",
   "_spec": "@syncfusion/ej2-react-layouts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.9",
-    "@syncfusion/ej2-layouts": "22.2.9",
-    "@syncfusion/ej2-react-base": "~22.2.5"
+    "@syncfusion/ej2-base": "~23.2.4",
+    "@syncfusion/ej2-layouts": "23.2.4",
+    "@syncfusion/ej2-react-base": "~23.2.4"
   },
   "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": "22.2.9",
+  "version": "23.2.4",
   "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/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/avatar/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-layouts/styles/avatar/material3-dark.scss';

package/styles/avatar/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/avatar/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-layouts/styles/avatar/material3.scss';

package/styles/avatar/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/card/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 /*! card layout */

package/styles/card/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
 /*! card layout */
 .e-bigger .e-card,

package/styles/card/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/card/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-layouts/styles/card/material3-dark.scss';

package/styles/card/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/card/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-layouts/styles/card/material3.scss';

package/styles/card/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! card layout */
 .e-bigger .e-card,
 .e-bigger.e-card {

package/styles/card/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! card layout */
 .e-bigger .e-card,
 .e-bigger.e-card {

package/styles/dashboard-layout/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/dashboard-layout/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-layouts/styles/dashboard-layout/material3-dark.scss';

package/styles/dashboard-layout/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/dashboard-layout/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-layouts/styles/dashboard-layout/material3.scss';

package/styles/dashboard-layout/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override tailwind-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override tailwind-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/material3-dark.css

@@ -1,7 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/splitter/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e984";
   font-family: "e-icons";

package/styles/splitter/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's default definitions and variables */
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e984";

package/styles/splitter/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/splitter/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-layouts/styles/splitter/material3-dark.scss';

package/styles/splitter/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/splitter/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-layouts/styles/splitter/material3.scss';

package/styles/splitter/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e7e3";
   font-family: "e-icons";

package/styles/splitter/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e7e3";
   font-family: "e-icons";

package/styles/tailwind-dark.css

@@ -1,7 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/tailwind.css

@@ -1,7 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;