@syncfusion/ej2-navigations - npm Package Compare versions

Comparing version 17.1.1-beta to 17.1.32-beta

CHANGELOG.md

@@ -5,2 +5,57 @@ # Changelog
 
+### ContextMenu
+
+#### Bug Fixes
+
+- Submenu items styles are not proper in ContextMenu issue is fixed.
+
+### Sidebar
+
+#### New Features
+
+- `MediaQuery` property will now support both string and `MediaQueryList` object types.
+
+#### Bug Fixes
+
+- Multiple event bindings issue on calling show and hide methods when `closeOnDocumentClick` property is enabled has been fixed.
+
+### TreeView
+
+#### New Features
+
+- Provided an option for auto checking parent tree nodes based on child tree nodes checked state and vice versa.
+- Now it is possible to select or unselect the collapsed child nodes by selecting its parent node through checkbox selection, with Load-On-Demand mode enabled.
+
+## 16.4.54 (2019-02-19)
+
+### Tab
+
+#### Breaking Changes
+
+- The initial focus set on active tab item is removed from the component on initial load.
+
+## 16.4.53 (2019-02-13)
+
+### Accordion
+
+#### Bug Fixes
+
+- Resolved the issue with accessing Accordion item object in clicked event arguments.
+
+## 16.4.52 (2019-02-05)
+
+### Sidebar
+
+#### Bug Fixes
+
+- Tabindex support has been provided.
+
+#### Breaking Changes
+
+- Sidebar with type `Auto` will always expand on initial rendering, irrespective of `enableDock` and `isOpen` properties.
+
+- When dynamically changing the type property of the Sidebar with invalid property value (For ex:`Pushs`), will reset the type of the Sidebar to its default type as `Auto`.
+
+## 17.1.1-beta (2019-01-29)
+
 ### Menu
@@ -12,2 +67,38 @@
 
+### TreeView
+
+#### Bug Fixes
+
+- The issue with, “When disabling the TreeView parent nodes, the child nodes also appear in a disabled state” has been fixed.
+
+## 16.4.45 (2019-01-02)
+
+### Toolbar
+
+#### Bug Fixes
+
+- While resizing, Toolbar items are not moving from popup to toolbar in `extended` overflow mode issue is fixed.
+
+### Menu
+
+#### Bug Fixes
+
+- Getting custom properties from menu items in `beforeItemRender` event issue fixed.
+
+### Sidebar
+
+#### Bug Fixes
+
+- Fixed the issue with rendering the Sidebar using `isOpen` property and type `Auto`.
+
+## 16.4.44 (2018-12-24)
+
+### Accordion
+
+#### Bug Fixes
+
+- Parent accordion collapsing issue is fixed when Tab renders within it.
+
+## 16.4.40-beta (2018-12-10)
+
 ### Tab
@@ -14,0 +105,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.1.1-beta
+*  version : 17.1.32-beta
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "17.1.1-beta",
+  "version": "17.1.32-beta",
   "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",
@@ -11,15 +11,10 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.1.1-beta",
-    "@syncfusion/ej2-data": "~17.1.1-beta",
-    "@syncfusion/ej2-buttons": "~17.1.1-beta",
-    "@syncfusion/ej2-popups": "~17.1.1-beta",
-    "@syncfusion/ej2-lists": "~17.1.1-beta",
-    "@syncfusion/ej2-inputs": "~17.1.1-beta"
+    "@syncfusion/ej2-base": "~17.1.32-beta",
+    "@syncfusion/ej2-data": "~17.1.32-beta",
+    "@syncfusion/ej2-buttons": "~17.1.32-beta",
+    "@syncfusion/ej2-popups": "~17.1.32-beta",
+    "@syncfusion/ej2-lists": "~17.1.32-beta",
+    "@syncfusion/ej2-inputs": "~17.1.32-beta"
   },
-  "devDependencies": {
-    "@types/chai": "^3.4.28",
-    "@types/jasmine": "2.8.9",
-    "@types/jasmine-ajax": "^3.1.27",
-    "@types/requirejs": "^2.1.26"
-  },
+  "devDependencies": {},
   "keywords": [
@@ -26,0 +21,0 @@ "ej2",

src/accordion/accordion.js

@@ -49,2 +49,3 @@ var __extends = (this && this.__extends) || (function () {
 var CLS_EXPANDSTATE = 'e-expand-state';
+var CLS_CONTAINER = 'e-accordion-container';
 var AccordionActionSettings = /** @class */ (function (_super) {
@@ -252,3 +253,10 @@ __extends(AccordionActionSettings, _super);
         this.ctrlTem = this.element.cloneNode(true);
-        var innerEles = this.element.children;
+        var innerEles;
+        var rootEle = select('.' + CLS_CONTAINER, this.element);
+        if (rootEle) {
+            innerEles = rootEle.children;
+        }
+        else {
+            innerEles = this.element.children;
+        }
         var content;
@@ -351,3 +359,6 @@ addClass([].slice.call(innerEles), [CLS_ITEM]);
         var acrdnCtnItem;
-        if (acrdnCtn) {
+        if (acrdnHdr) {
+            acrdnCtnItem = closest(acrdnHdr, '.' + CLS_ITEM);
+        }
+        else if (acrdnCtn) {
             acrdnCtnItem = closest(acrdnCtn, '.' + CLS_ITEM);
@@ -354,0 +365,0 @@ }

src/sidebar/sidebar-model.d.ts

@@ -13,3 +13,3 @@ import { Component, formatUnit, EventHandler, Event, isNullOrUndefined, closest } from '@syncfusion/ej2-base';import { Property, EmitType, NotifyPropertyChanges, INotifyPropertyChanged, Browser } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, addClass, removeClass, createElement, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';
      * > For more details about dockSize refer to 
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar.html?lang=typescript) documentation.
+     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
      * @default 'auto'
@@ -20,14 +20,14 @@ */
     /**
-     * Specifies the media query whether the sidebar need to be opened when the resolution meets
+     * Specifies the media query string for resolution, which when met opens the Sidebar.
      * ```typescript
      *   let defaultSidebar: Sidebar = new Sidebar({
-     *       mediaQuery: window.matchMedia('(min-width: 600px)') 
+     *       mediaQuery:'(min-width: 600px)' 
      *   });
      * ```
      * > For more details about mediaQuery refer to 
-     * [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/autoclose.html?lang=typescript) documentation.
+     * [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/auto-close/) documentation.
      * @default null
-     * @aspIgnore
+     * @aspType string
      */
-    mediaQuery?: MediaQueryList;
+    mediaQuery?: string | MediaQueryList;
 
@@ -37,3 +37,3 @@ /**
      * > For more details about enableDock refer to 
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar.html?lang=typescript) documentation.
+     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
      * @default false
@@ -99,3 +99,3 @@ */
      * > For more details about SidebarPosition refer to 
-     * [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started.html?lang=typescript#position) documentation.
+     * [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#position) documentation.
      * @default 'Left'
@@ -108,3 +108,3 @@ */
      * > For more details about target refer to 
-     * [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context.html?lang=typescript) documentation.
+     * [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context/) documentation.
      * @default null
@@ -117,3 +117,3 @@ */
      * > For more details about showBackdrop refer to 
-     * [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started.html?lang=typescript#enable-backdrop) documentation.
+     * [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#enable-backdrop) documentation.
      * @default false
@@ -120,0 +120,0 @@ */

src/sidebar/sidebar.d.ts

@@ -30,6 +30,8 @@ import { Component } from '@syncfusion/ej2-base';
     private sidebarEle;
+    private sidebarEleCopy;
+    protected tabIndex: string;
     /**
      * Specifies the size of the Sidebar in dock state.
      * > For more details about dockSize refer to
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar.html?lang=typescript) documentation.
+     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
      * @default 'auto'
@@ -39,18 +41,18 @@ */
     /**
-     * Specifies the media query whether the sidebar need to be opened when the resolution meets
+     * Specifies the media query string for resolution, which when met opens the Sidebar.
      * ```typescript
      *   let defaultSidebar: Sidebar = new Sidebar({
-     *       mediaQuery: window.matchMedia('(min-width: 600px)')
+     *       mediaQuery:'(min-width: 600px)'
      *   });
      * ```
      * > For more details about mediaQuery refer to
-     * [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/autoclose.html?lang=typescript) documentation.
+     * [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/auto-close/) documentation.
      * @default null
-     * @aspIgnore
+     * @aspType string
      */
-    mediaQuery: MediaQueryList;
+    mediaQuery: string | MediaQueryList;
     /**
      * Specifies the docking state of the component.
      * > For more details about enableDock refer to
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar.html?lang=typescript) documentation.
+     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
      * @default false
@@ -107,3 +109,3 @@ */
      * > For more details about SidebarPosition refer to
-     * [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started.html?lang=typescript#position) documentation.
+     * [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#position) documentation.
      * @default 'Left'
@@ -115,3 +117,3 @@ */
      * > For more details about target refer to
-     * [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context.html?lang=typescript) documentation.
+     * [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context/) documentation.
      * @default null
@@ -123,3 +125,3 @@ */
      * > For more details about showBackdrop refer to
-     * [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started.html?lang=typescript#enable-backdrop) documentation.
+     * [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#enable-backdrop) documentation.
      * @default false
@@ -126,0 +128,0 @@ */

src/sidebar/sidebar.js

@@ -90,2 +90,3 @@ var __extends = (this && this.__extends) || (function () {
     Sidebar.prototype.setTarget = function () {
+        this.sidebarEleCopy = this.element.cloneNode(true);
         if (typeof (this.target) === 'string') {
@@ -152,2 +153,4 @@ this.setProperties({ target: document.querySelector(this.target) }, true);
         }
+        this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
+        this.element.setAttribute('tabindex', this.tabIndex);
     };
@@ -200,3 +203,2 @@ Sidebar.prototype.destroyBackDrop = function () {
             this.destroyBackDrop();
-            this.setCloseOnDocumentClick();
             this.setAnimation();
@@ -238,3 +240,2 @@ if (this.type === 'Slide') {
             this.createBackDrop();
-            this.setCloseOnDocumentClick();
             this.setAnimation();
@@ -301,8 +302,17 @@ if (this.type === 'Slide') {
     Sidebar.prototype.setMediaQuery = function () {
-        if (this.mediaQuery && this.mediaQuery.matches) {
-            this.show();
+        if (this.mediaQuery) {
+            var media = false;
+            if (typeof (this.mediaQuery) === 'string') {
+                media = window.matchMedia(this.mediaQuery).matches;
+            }
+            else {
+                media = (this.mediaQuery).matches;
+            }
+            if (media) {
+                this.show();
+            }
+            else if (this.getState()) {
+                this.hide();
+            }
         }
-        else if (this.mediaQuery && this.getState()) {
-            this.hide();
-        }
     };
@@ -530,2 +540,4 @@ Sidebar.prototype.resize = function (e) {
         this.element.style.transform = '';
+        (!isNullOrUndefined(this.sidebarEleCopy.getAttribute('tabindex'))) ?
+            this.element.setAttribute('tabindex', this.tabIndex) : this.element.removeAttribute('tabindex');
         var sibling = document.querySelector('.e-main-content')
@@ -532,0 +544,0 @@ || this.element.nextElementSibling;

src/toolbar/toolbar.d.ts

@@ -379,7 +379,7 @@ import { Component, EmitType, BaseEventArgs } from '@syncfusion/ej2-base';
      * Shows or hides the Toolbar item that is in the specified index.
-     * @param  {number} index - Index value of target item.
+     * @param  {number | HTMLElement} index - Index value of target item or DOM element  of items to be hidden or shown.
      * @param  {boolean} value - Based on this Boolean value, item will be hide (true) or show (false). By default, value is false.
      * @returns void.
      */
-    hideItem(index: number, value?: boolean): void;
+    hideItem(index: number | HTMLElement | Element, value?: boolean): void;
 }

src/treeview/treeview.d.ts

@@ -410,2 +410,5 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     private onLoaded;
+    private parentNodeCheck;
+    private parentCheckData;
+    private expandChildren;
     /**
@@ -689,2 +692,22 @@ * Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
     private renderItems;
+    /**
+     * Update the checkedNodes from datasource at initial rendering
+     */
+    private updateCheckedStateFromDS;
+    /**
+     * To check whether the list data has sub child and to change the parent check state accordingly
+     */
+    private getCheckedNodeDetails;
+    /**
+     * Update the checkedNodes and parent state when all the child Nodes are in checkedstate at initial rendering
+     */
+    private updateParentCheckState;
+    /**
+     * Change the parent to indeterminate state whenever the child is in checked state which is not rendered in DOM
+     */
+    private checkIndeterminateState;
+    /**
+     * Update the checkedNodes for child and subchild from datasource (hierarchical datasource) at initial rendering
+     */
+    private updateChildCheckState;
     private beforeNodeCreate;
@@ -702,2 +725,14 @@ private frameMouseHandler;
     private doCheckBoxAction;
+    /**
+     * Changes the parent and child  check state while changing the checkedNodes via setmodel
+     */
+    private dynamicCheckState;
+    /**
+     * updates the parent and child  check state while changing the checkedNodes via setmodel for listData
+     */
+    private updateIndeterminate;
+    /**
+     * updates the parent and child  check state while changing the checkedNodes via setmodel for hierarchical data
+     */
+    private updateChildIndeterminate;
     private changeState;
@@ -730,2 +765,6 @@ private addCheck;
     private disableTreeNodes;
+    /**
+     * Sets the child Item in selectedState while rendering the child node
+     */
+    private setSelectionForChildNodes;
     private ensureCheckNode;
@@ -758,2 +797,11 @@ private getFields;
     private validateCheckNode;
+    /**
+     * Update checkedNodes when UI interaction happens before the child node renders in DOM
+     */
+    private ensureStateChange;
+    private getChildItems;
+    /**
+     * Update checkedNodes when UI interaction happens before the child node renders in DOM for hierarchical DS
+     */
+    private childStateChange;
     private allCheckNode;
@@ -853,2 +901,11 @@ private openNode;
     /**
+     * Checks whether the checkedNodes entered are valid and sets the valid checkedNodes while changing via setmodel
+     */
+    private setValidCheckedNode;
+    /**
+     * Checks whether the checkedNodes entered are valid and sets the valid checkedNodes while changing via setmodel(for hierarchical DS)
+     */
+    private setChildCheckState;
+    private setIndeterminate;
+    /**
      * Called internally if any of the property value changed.
@@ -855,0 +912,0 @@ * @param  {TreeView} newProp

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10196848

increased by5.85%

Dev dependency count

0

decreased by-100%

Number of package files

424

increased by9.56%

Lines of code

151438

increased by2.55%

Dependency changes

• Updated@syncfusion/ej2-base@~17.1.32-beta

• Updated@syncfusion/ej2-buttons@~17.1.32-beta

• Updated@syncfusion/ej2-data@~17.1.32-beta

• Updated@syncfusion/ej2-inputs@~17.1.32-beta

• Updated@syncfusion/ej2-lists@~17.1.32-beta

• Updated@syncfusion/ej2-popups@~17.1.32-beta