@syncfusion/ej2-react-navigations 20.4.48 → 20.4.51

package/CHANGELOG.md

@@ -2,11 +2,19 @@
 
 ## [Unreleased]
 
-### Tab
+### TreeView
 
 #### Bug Fixes
 
-- `#I427978` - Fixed an issue with cyclic navigation using arrow keys, where focus would shift to the first element after reaching the last element, and vice versa. Also, accessibility has been enhanced using the aria-label attributes.
+- `#I428766` - Alignment issue in TreeView node without a sub-child in RTL mode has been resolved.
+
+## 20.4.49 (2023-02-07)
+
+### Accordion
+
+#### Bug Fixes
+
+- `#I430833` - An issue with accordion active item styles override the grid pager has been fixed.
 
 ### Menu
 
@@ -14,6 +22,20 @@
 
 - `#I425152` - The issue with "Menu item not render properly when we use ItemTemplate with custom menu items" has been resolved.
 
+### Toolbar
+
+#### Bug Fixes
+
+- `#F179972`, `#F165830` - The issue with the "Toolbar template disappear when click the toolbar item" has been fixed.
+
+## 20.4.48 (2023-02-01)
+
+### Tab
+
+#### Bug Fixes
+
+- `#I427978` - Fixed an issue with cyclic navigation using arrow keys, where focus would shift to the first element after reaching the last element, and vice versa. Also, accessibility has been enhanced using the aria-label attributes.
+
 ### Sidebar
 
 #### Bug Fixes

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-navigations.min.js
-*  version : 20.4.48
+*  version : 20.4.51
 *  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/dist/ej2-react-navigations.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-navigations.umd.min.js
-*  version : 20.4.48
+*  version : 20.4.51
 *  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-navigations@*",
-  "_id": "@syncfusion/ej2-react-navigations@20.4.44",
+  "_id": "@syncfusion/ej2-react-navigations@20.4.49",
   "_inBundle": false,
-  "_integrity": "sha512-0WhTMUon8rH73zhySx4WK4bpB/JZENM7zEa1Gl05QrkvpOWdp8uuZZ11FQYWNkku/0Y77pOlBtIq5cwHOsbrMQ==",
+  "_integrity": "sha512-5QNPGp3s43Ifw3b3q1MdKy5WXJy2B/ukJPbj0Qu5Va/0qJlxFym8Y+yZJRuIloOaY4KG20PObE6+R02kPX9CgA==",
   "_location": "/@syncfusion/ej2-react-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-navigations/-/ej2-react-navigations-20.4.44.tgz",
-  "_shasum": "6a2a4deaef693ffe1e9a4206f1d0d020d66e6216",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-navigations/-/ej2-react-navigations-20.4.49.tgz",
+  "_shasum": "824aebd57d860a08519643d6b319a63903e1fccd",
   "_spec": "@syncfusion/ej2-react-navigations@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -31,8 +31,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.48",
-    "@syncfusion/ej2-navigations": "20.4.48",
+    "@syncfusion/ej2-base": "~20.4.51",
+    "@syncfusion/ej2-navigations": "20.4.51",
     "@syncfusion/ej2-react-base": "~20.4.48"
   },
   "deprecated": false,
@@ -66,6 +66,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.4.48",
+  "version": "20.4.51",
   "sideEffects": false
 }

package/styles/accordion/bootstrap-dark.css

@@ -274,15 +274,15 @@
   border: 1px none #505050;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #484848;
-}
 .e-accordion .e-acrdn-item {
   border-color: #505050;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #484848;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #505050;
   border-radius: 4px;

package/styles/accordion/bootstrap.css

@@ -275,15 +275,15 @@
   border: 1px none #ddd;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #ddd;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #ddd;
   border-radius: 4px;

package/styles/accordion/bootstrap4.css

@@ -274,15 +274,15 @@
   border: 1px solid rgba(0, 0, 0, 0.13);
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: rgba(0, 0, 0, 0.13);
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;

package/styles/accordion/bootstrap5-dark.css

@@ -276,15 +276,15 @@
   border: 1px solid #444c54;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #212529;
-}
 .e-accordion .e-acrdn-item {
   border-color: #444c54;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #212529;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/bootstrap5.css

@@ -276,15 +276,15 @@
   border: 1px solid #dee2e6;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/fabric-dark.css

@@ -274,15 +274,15 @@
   border: 1px solid #414040;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #201f1f;
-}
 .e-accordion .e-acrdn-item {
   border-color: #201f1f;
   border-style: solid;
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #201f1f;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #201f1f;
   border-radius: 0;

package/styles/accordion/fabric.css

@@ -275,15 +275,15 @@
   border: 1px solid #eaeaea;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #fff;
   border-style: solid;
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #fff;
   border-radius: 0;

package/styles/accordion/fluent-dark.css

@@ -275,15 +275,15 @@
   border: 1px solid #292827;
   border-radius: 2px;
 }
-.e-accordion .e-active {
-  background: #1b1a19;
-}
 .e-accordion .e-acrdn-item {
   border-color: #292827;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #1b1a19;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/fluent.css

@@ -275,15 +275,15 @@
   border: 1px solid #edebe9;
   border-radius: 2px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #edebe9;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/highcontrast-light.css

@@ -274,15 +274,15 @@
   border: 1px solid #757575;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #ccc;
-}
 .e-accordion .e-acrdn-item {
   border-color: #757575;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #ccc;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/highcontrast.css

@@ -275,15 +275,15 @@
   border: 1px solid #969696;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #000;
-}
 .e-accordion .e-acrdn-item {
   border-color: #969696;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #000;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/material-dark.css

@@ -275,15 +275,15 @@
   border: 1px solid #616161;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #303030;
-}
 .e-accordion .e-acrdn-item {
   border-color: #616161;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #303030;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid transparent;
   border-radius: 0;

package/styles/accordion/material.css

@@ -276,15 +276,15 @@
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: rgba(0, 0, 0, 0.12);
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid transparent;
   border-radius: 0;

package/styles/accordion/tailwind-dark.css

@@ -276,15 +276,15 @@
   border: 1px solid #4b5563;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #1f2937;
-}
 .e-accordion .e-acrdn-item {
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #1f2937;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;

package/styles/accordion/tailwind.css

@@ -276,15 +276,15 @@
   border: 1px solid #e5e7eb;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #e5e7eb;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;

package/styles/bootstrap-dark.css

@@ -2774,15 +2774,15 @@
   border: 1px none #505050;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #484848;
-}
 .e-accordion .e-acrdn-item {
   border-color: #505050;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #484848;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #505050;
   border-radius: 4px;
@@ -8751,6 +8751,7 @@ ejs-sidebar {
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/bootstrap.css

@@ -2778,15 +2778,15 @@
   border: 1px none #ddd;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #ddd;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #ddd;
   border-radius: 4px;
@@ -8767,6 +8767,7 @@ ejs-sidebar {
   line-height: 40px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/bootstrap4.css

@@ -2777,15 +2777,15 @@
   border: 1px solid rgba(0, 0, 0, 0.13);
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: rgba(0, 0, 0, 0.13);
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;
@@ -8279,7 +8279,7 @@
 }
 .e-treeview.e-rtl .e-icon-collapsible,
 .e-treeview.e-rtl .e-icon-expandable {
-  margin: -0.5px -24px 0 0;
+  margin: -0.5px -20px 0 0;
 }
 .e-treeview.e-rtl .e-sibling::before {
   right: 0;
@@ -8852,6 +8852,7 @@ ejs-sidebar {
   line-height: 30px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/bootstrap5-dark.css

@@ -2845,15 +2845,15 @@
   border: 1px solid #444c54;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #212529;
-}
 .e-accordion .e-acrdn-item {
   border-color: #444c54;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #212529;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;
@@ -8932,6 +8932,7 @@ ejs-sidebar {
   line-height: 32px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/bootstrap5.css

@@ -2845,15 +2845,15 @@
   border: 1px solid #dee2e6;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;
@@ -8932,6 +8932,7 @@ ejs-sidebar {
   line-height: 32px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/context-menu/fluent-dark.css

@@ -117,7 +117,7 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
 .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -222,7 +222,6 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
@@ -231,7 +230,7 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-contextmenu-wrapper ul,
@@ -279,19 +278,6 @@
   font-size: 18px;
 }
 
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
-  padding-left: 16px;
-}
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
-}
-
 /*! contextmenu theme */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {

package/styles/context-menu/fluent.css

@@ -117,7 +117,7 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
 .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
-  padding-right: 24px;
+  padding-right: 36px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -222,7 +222,6 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
@@ -231,7 +230,7 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
+  padding-left: 36px;
 }
 
 .e-bigger .e-contextmenu-wrapper ul,
@@ -279,19 +278,6 @@
   font-size: 18px;
 }
 
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
-  padding-left: 16px;
-}
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
-}
-
 /*! contextmenu theme */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {