@syncfusion/ej2-react-navigations 19.3.57 → 19.4.47

package/CHANGELOG.md

@@ -2,6 +2,64 @@
 
 ## [Unreleased]
 
+## 19.4.41 (2022-01-04)
+
+### Menu
+
+#### Bug Fixes
+
+- Sub menu position alignment issue in menu has been resolved.
+
+### Tab
+
+#### Bug Fixes
+
+- `#SF-359072` - An issue with active tab selection is not highlight when render inside the `dialog` has been fixed.
+
+## 19.4.40 (2021-12-28)
+
+### Context Menu
+
+#### Bug Fixes
+
+- `#I346314` - Issue with stopPropagation not works for context menu has been resolved.
+
+## 19.4.38 (2021-12-17)
+
+### Tab
+
+#### New Features
+
+- `#I302394` - Provided support to maintain the active item in either tab header area or inside the popup.
+- `#F166169` - Provided support to identify the tab select event raised by user interaction or programmatic way.
+
+### TreeView
+
+#### New Features
+
+- `#FB27518` - Provided support to wrap the TreeView node text when its text content exceeds the TreeView node width.
+
+### Breadcrumb
+
+#### New Features
+
+- Provided new types of overflow mode and as follows:
+
+1. **Menu**: Shows the number of breadcrumb items that can be accommodated within the container space, and creates a sub menu with the remaining items.
+2. **Wrap**: Wraps the items on multiple lines when the Breadcrumb’s width exceeds the container space.
+3. **Scroll**: Shows an HTML scroll bar when the Breadcrumb’s width exceeds the container space.
+4. **None**: Shows all the items on a single line.
+
+
+5. Provided `cancel` support in `beforeItemRender` event.
+
+#### Breaking Changes
+
+- Provided `disabled` property in Breadcrumb and Breadcrumb's Item instead of using CSS class `e-disabled`.
+- Removed `width` property from Breadcrumb component, you can set `width` in the style attribute of CSS to breadcrumb's element or its parent element.
+
+## 19.3.57 (2021-12-07)
+
 ### Sidebar
 
 #### Bug Fixes

package/diConfig.json

@@ -386,6 +386,12 @@
             "defaultTag": "<nav id='breadcrumb'></nav>",
             "preferredTag": "nav",
             "twoWays": ["activeItem"],
+            "blazorType": "native",
+            "blazorDependency": [
+                "ej2-base",
+                "ej2-popups/popup",
+                "../blazor/sf-breadcrumb"
+            ],
             "comment": [
                 "/**",
                 " * Represents the EJ2 Angular Breadcrumb Component.",

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-navigations.umd.min.js
-*  version : 19.3.57
+*  version : 19.4.47
 *  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@19.3.56",
+  "_id": "@syncfusion/ej2-react-navigations@19.4.41",
   "_inBundle": false,
-  "_integrity": "sha512-7nsMVwG55hCGSQXrsyRJlMfrHFwqYJpsw6WcpV3Jr/tDQLjDXsudN4zpR9g/ErArCRY+CVPgYrmEEVWbhhkKXA==",
+  "_integrity": "sha512-u8hXrt/4FzdPgp68DKkNoujhNt4Xkwgs3H1pvyaE1Ph6hbQ36VSXtz2hHoW9Lyh69I+CfBjmZaoP2tv1zNvNRQ==",
   "_location": "/@syncfusion/ej2-react-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-navigations/-/ej2-react-navigations-19.3.56.tgz",
-  "_shasum": "933ed24b20d13d663f98f73c42d737e5bb6962bf",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-navigations/-/ej2-react-navigations-19.4.41.tgz",
+  "_shasum": "d2379bee3177622dbd69ff18043c8f93a4c0e2a0",
   "_spec": "@syncfusion/ej2-react-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.56",
-    "@syncfusion/ej2-navigations": "19.3.57",
-    "@syncfusion/ej2-react-base": "~19.3.57"
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-navigations": "19.4.47",
+    "@syncfusion/ej2-react-base": "~19.4.47"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another for React",
@@ -164,6 +164,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.3.57",
+  "version": "19.4.47",
   "sideEffects": false
 }

package/styles/accordion/bootstrap4.css

@@ -287,7 +287,6 @@
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
-  font-size: 16px;
   font-size: 14px;
 }
 
@@ -327,7 +326,7 @@
 /*! accordion theme */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background: #f8f9fa;
+  background: #fff;
   border: 1px solid rgba(0, 0, 0, 0.13);
   border-radius: 4px;
 }

package/styles/accordion/bootstrap5-dark.css

@@ -1,4 +1,4 @@
-/*! component's theme wise override bootstrap5-definitions and variables */
+/*! Accordion's bootstrap5 theme wise override definitions and variables */
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: '\e729';
@@ -179,10 +179,11 @@
   line-height: 22px;
   min-height: 38px;
   overflow: hidden;
-  padding: 7px 12px;
+  padding: 7px 12px 3px;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-bottom: 4px;
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
@@ -331,10 +332,18 @@
   border-radius: 4px 4px 0 0;
 }
 
+.e-accordion .e-acrdn-item:last-child {
+  border-bottom: 0;
+}
+
 .e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus {
   border-radius: 0 0 4px 4px;
 }
 
+.e-accordion .e-acrdn-item:last-child.e-selected .e-acrdn-header:focus {
+  border-radius: 0;
+}
+
 .e-accordion .e-acrdn-item.e-overlay {
   background: #212529;
 }

package/styles/accordion/bootstrap5.css

@@ -1,4 +1,4 @@
-/*! component's theme wise override bootstrap5-definitions and variables */
+/*! Accordion's bootstrap5 theme wise override definitions and variables */
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: '\e729';
@@ -179,10 +179,11 @@
   line-height: 22px;
   min-height: 38px;
   overflow: hidden;
-  padding: 7px 12px;
+  padding: 7px 12px 3px;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-bottom: 4px;
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
@@ -331,10 +332,18 @@
   border-radius: 4px 4px 0 0;
 }
 
+.e-accordion .e-acrdn-item:last-child {
+  border-bottom: 0;
+}
+
 .e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus {
   border-radius: 0 0 4px 4px;
 }
 
+.e-accordion .e-acrdn-item:last-child.e-selected .e-acrdn-header:focus {
+  border-radius: 0;
+}
+
 .e-accordion .e-acrdn-item.e-overlay {
   background: #fff;
 }

package/styles/accordion/highcontrast-light.css

@@ -11,7 +11,6 @@
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
-  font-size: 14px;
 }
 
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel,
@@ -236,7 +235,6 @@
 
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
   font-weight: normal;
-  font-weight: 600;
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
@@ -309,12 +307,10 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #ccc;
   border: 1px solid #757575;
-  background: #fff;
 }
 
 .e-accordion .e-active {
   background: #ccc;
-  background: #fff;
 }
 
 .e-accordion .e-acrdn-item.e-item-focus .e-acrdn-header:focus {

package/styles/accordion/highcontrast.css

@@ -11,7 +11,6 @@
 /*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
-  font-size: 16px;
   font-size: 14px;
 }
 
@@ -236,7 +235,6 @@
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
   font-weight: 600;
 }
 
@@ -308,13 +306,11 @@
 /*! accordion theme */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background: #333;
-  border: 1px solid #969696;
   background: #000;
+  border: 1px solid #969696;
 }
 
 .e-accordion .e-active {
-  background: #333;
   background: #000;
 }