@syncfusion/ej2-lists - npm Package Compare versions

Comparing version 17.4.43 to 17.4.46

CHANGELOG.md

@@ -5,2 +5,4 @@ # Changelog
 
+## 17.4.43 (2020-01-14)
+
 ### ListView
@@ -7,0 +9,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.4.43
+*  version : 17.4.46
 *  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

 {
   "_from": "@syncfusion/ej2-lists@*",
-  "_id": "@syncfusion/ej2-lists@17.4.41",
+  "_id": "@syncfusion/ej2-lists@17.4.43",
   "_inBundle": false,
-  "_integrity": "sha512-sa8BznRruZjw3ug5p+OqnadMP3PY/T9FLHpay98lOOf8tPY3BvZrV8z14DhhJW7ntXCFZCE/UYjZG9LcMBQZdA==",
+  "_integrity": "sha512-mJQZBCAIJtDDC4XTvweelq0daWQyHpZqPAHtED2OKk+jY38ZIaXASDAh+/qcbff15BBLHkb0O2jcONlpVNRe4g==",
   "_location": "/@syncfusion/ej2-lists",
@@ -29,2 +29,3 @@ "_phantomChildren": {},
     "/@syncfusion/ej2-inplace-editor",
+    "/@syncfusion/ej2-kanban",
     "/@syncfusion/ej2-navigations",
@@ -37,4 +38,4 @@ "/@syncfusion/ej2-pdfviewer",
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-lists/-/ej2-lists-17.4.41.tgz",
-  "_shasum": "ed15b480bf098776e006f8a4fc2341b7eb1672a6",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-lists/-/ej2-lists-17.4.43.tgz",
+  "_shasum": "afe1388ec97a75f7dde3ced9f5449b9092df5ff5",
   "_spec": "@syncfusion/ej2-lists@*",
@@ -47,5 +48,5 @@ "_where": "/jenkins/workspace/ation_hotfix_17.2.0.34_Vol2-DDPJ6C2YEWTWLLKKNA7AG2JBE6DYTCTNGMHGORWGAYAVCL6L7OLQ/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.4.43",
-    "@syncfusion/ej2-buttons": "~17.4.43",
-    "@syncfusion/ej2-data": "~17.4.43"
+    "@syncfusion/ej2-base": "~17.4.46",
+    "@syncfusion/ej2-buttons": "~17.4.46",
+    "@syncfusion/ej2-data": "~17.4.46"
   },
@@ -90,4 +91,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "17.4.43",
+  "version": "17.4.46",
   "sideEffects": false
 }

src/common/list-base.d.ts

@@ -21,2 +21,3 @@ import { Query } from '@syncfusion/ej2-data';
     iconWrapper: string;
+    anchorWrap: string;
 }
@@ -295,2 +296,6 @@ /**
     enableHtmlSanitizer?: boolean;
+    /**
+     * If set true to this property then the entire list will be navigate-able instead of text element
+     */
+    itemNavigable?: boolean;
 }
@@ -297,0 +302,0 @@ /**

src/common/list-base.js

@@ -22,3 +22,4 @@ import { extend, merge, isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
     image: 'e-list-img',
-    iconWrapper: 'e-icon-wrapper'
+    iconWrapper: 'e-icon-wrapper',
+    anchorWrap: 'e-anchor-wrap'
 };
@@ -77,3 +78,4 @@ /**
         moduleName: 'list',
-        expandIconPosition: 'Right'
+        expandIconPosition: 'Right',
+        itemNavigable: false
     };
@@ -162,2 +164,3 @@ /**
         var id;
+        var checkboxElement = [];
         if (level) {
@@ -196,3 +199,8 @@ ariaAttributes.level = level;
             if (curOpt.showCheckBox) {
-                innerEle.push(createElement('input', { className: cssClass.check, attrs: { type: 'checkbox' } }));
+                if (curOpt.itemNavigable && (fieldData[fields.url] || fieldData[fields.urlAttributes])) {
+                    checkboxElement.push(createElement('input', { className: cssClass.check, attrs: { type: 'checkbox' } }));
+                }
+                else {
+                    innerEle.push(createElement('input', { className: cssClass.check, attrs: { type: 'checkbox' } }));
+                }
             }
@@ -205,2 +213,5 @@ if (isSingleLevel === true) {
                     curItem.isHeader) ? true : false, id, i, options);
+                if (curOpt.itemNavigable && checkboxElement.length) {
+                    prepend(checkboxElement, li.firstElementChild);
+                }
             }
@@ -236,2 +247,5 @@ else {
                 }
+                if (curOpt.itemNavigable && checkboxElement.length) {
+                    prepend(checkboxElement, li.firstElementChild);
+                }
                 processSubChild(createElement, fieldData, fields, dataSource, curOpt, li, ariaAttributes.level);
@@ -250,2 +264,3 @@ }
             }
+            checkboxElement = [];
             child.push(li);
@@ -603,3 +618,3 @@ }
             }
-            if (innerElements.length) {
+            if (innerElements.length && !curOpt.itemNavigable) {
                 append(innerElements, li);
@@ -609,5 +624,8 @@ }
                 fieldData[fields.urlAttributes].href))) {
-                li.appendChild(anchorTag(createElement, dataSource, fields, text));
+                li.appendChild(anchorTag(createElement, dataSource, fields, text, innerElements, curOpt.itemNavigable));
             }
             else {
+                if (innerElements.length && curOpt.itemNavigable) {
+                    append(innerElements, li);
+                }
                 li.appendChild(document.createTextNode(text));
@@ -637,6 +655,7 @@ }
             image: "e-" + moduleName + "-img",
-            iconWrapper: 'e-icon-wrapper'
+            iconWrapper: 'e-icon-wrapper',
+            anchorWrap: 'e-anchor-wrap'
         };
     }
-    function anchorTag(createElement, dataSource, fields, text) {
+    function anchorTag(createElement, dataSource, fields, text, innerElements, isFullNavigation) {
         var fieldData = getFieldValues(dataSource, fields);
@@ -649,3 +668,15 @@ var attr = { href: fieldData[fields.url] };
         }
-        var anchorTag = createElement('a', { className: cssClass.text + ' ' + cssClass.url, innerHTML: text });
+        var anchorTag;
+        if (!isFullNavigation) {
+            anchorTag = createElement('a', { className: cssClass.text + ' ' + cssClass.url, innerHTML: text });
+        }
+        else {
+            anchorTag = createElement('a', { className: cssClass.text + ' ' + cssClass.url });
+            var anchorWrapper = createElement('div', { className: cssClass.anchorWrap });
+            if (innerElements && innerElements.length) {
+                append(innerElements, anchorWrapper);
+            }
+            anchorWrapper.appendChild(document.createTextNode(text));
+            append([anchorWrapper], anchorTag);
+        }
         setAttribute(anchorTag, attr);
@@ -699,3 +730,3 @@ return anchorTag;
                 fieldData[fields.urlAttributes].href))) {
-                innerDiv.appendChild(anchorTag(createElement, dataSource, fields, text));
+                innerDiv.appendChild(anchorTag(createElement, dataSource, fields, text, null, curOpt.itemNavigable));
             }
@@ -702,0 +733,0 @@ else {

src/list-view/list-view-model.d.ts

@@ -43,3 +43,3 @@ import { Virtualization } from './virtualization';import { merge, formatUnit, isNullOrUndefined, append, detach, ModuleDeclaration, isBlazor, extend } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, prepend, closest, remove } from '@syncfusion/ej2-base';import { Component, EventHandler, BaseEventArgs, Property, Complex, Event } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty } from '@syncfusion/ej2-base';import { KeyboardEventArgs, EmitType, compile, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { Animation, AnimationOptions, Effect, rippleEffect, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { createCheckBox } from '@syncfusion/ej2-buttons';import { ListBase, ListBaseOptions, SortOrder, getFieldValues, FieldsMapping } from '../common/list-base';import { updateBlazorTemplate, resetBlazorTemplate, blazorTemplates } from '@syncfusion/ej2-base';
      * This property used for nested navigation of list-items.
-     * Refer the documentation [here](./listview/nested-list)
+     * Refer the documentation [here](../../listview/nested-list)
      *  to know more about this property with demo.
@@ -56,3 +56,3 @@ */
      * It wraps the list view element into a group based on the value of groupBy property.
-     * Refer the documentation [here](./listview/grouping)
+     * Refer the documentation [here](../../listview/grouping)
      *  to know more about this property with demo.
@@ -214,3 +214,3 @@ */
      * The ListView supports to customize the content of each list items with the help of template property.
-     * Refer the documentation [here](./listview/customizing-templates)
+     * Refer the documentation [here](../../listview/customizing-templates)
      *  to know more about this property with demo.
@@ -217,0 +217,0 @@ *

src/list-view/list-view.d.ts

@@ -52,3 +52,3 @@ import { Virtualization } from './virtualization';
      * This property used for nested navigation of list-items.
-     * Refer the documentation [here](./listview/nested-list)
+     * Refer the documentation [here](../../listview/nested-list)
      *  to know more about this property with demo.
@@ -63,3 +63,3 @@ */
      * It wraps the list view element into a group based on the value of groupBy property.
-     * Refer the documentation [here](./listview/grouping)
+     * Refer the documentation [here](../../listview/grouping)
      *  to know more about this property with demo.
@@ -266,3 +266,3 @@ */
      * The ListView supports to customize the content of each list items with the help of template property.
-     * Refer the documentation [here](./listview/customizing-templates)
+     * Refer the documentation [here](../../listview/customizing-templates)
      *  to know more about this property with demo.
@@ -430,3 +430,3 @@ *
     /**
-     * It is used to get the currently [here](./api-selectedItem)
+     * It is used to get the currently [here](./selectedItem)
      *  item details from the list items.
@@ -433,0 +433,0 @@ * @blazorType ListSelectedItem<TValue>

New alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Fixed alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2338621

increased by0.71%

Lines of code

21929

increased by0.47%

Dependency changes

• Updated@syncfusion/ej2-base@~17.4.46

• Updated@syncfusion/ej2-buttons@~17.4.46

• Updated@syncfusion/ej2-data@~17.4.46