@syncfusion/ej2-react-lists 22.2.11 → 23.1.42

package/CHANGELOG.md

@@ -6,44 +6,33 @@
 
 #### Bug Fixes
 
-- `#I488100` `#F45810`- Facing a console error when clicking in an empty ListView component has been resolved.
+- `#I463091` - Resolved the CSS override issue in the ListView component, and changed the `e-content` class name into `e-list-container`.
 
-## 22.2.8 (2023-08-08)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#F44817` - Issue with "Dragged item may be one that is adjacent to the item over which mouse down occurred in listbox." has been resolved.
-
-## 22.2.5 (2023-07-27)
-
-### ListView
-
-#### Bug Fixes
-
-- `#I481465` - Resolved the `enableHtmlSanitizer` property issue in the ListView component.
-
-## 22.1.34 (2023-06-21)
-
-### ListView
+#### Breaking Changes
 
-#### Bug Fixes
+- Using a ternary operator within the string-type template is not supported and we suggest using a function type template in ListView. Refer to the below code for example
 
-- `#I463091` - Resolved the CSS override issue of `e-content` class name with other components and changed the `e-content` class name into `e-list-container`.
+**Previous**
 
-- `#F168185` -  Issue with "Sorting is not applied properly with different text field in ListView component" has been resolved.
 
+```typescript
 
-## 21.2.9 (2023-06-06)
+let template: string = '<div class="e-list-wrapper e-list-avatar" id = ${id}>' +
+        '<span class="e-list-content">${name} ${$imgUrl ?  $imgUrl : \'no image\' }</span></div>';
+```
 
-### ListView
+**Now**
 
-#### Bug Fixes
 
-- `#I466565` - The console error in the nested ListView component sample has been resolved.
+```typescript
 
-## 21.2.6 (2023-05-23)
+// data denotes the template data of each nodes from ListView data.
+let template: Function = (data: any) => {
+    let result = `<div class="e-list-wrapper e-list-avatar" id = "${data.id}">`+
+    `<span class="e-list-content">${data.name} ${data.imgUrl ?  data.imgUrl : 'no image' }</span></div>`;
+    return result;
+}
+```
 
 ### ListBox
 
@@ -51,35 +40,7 @@
 
 - `#I461648` - Issue with "Drag and drop on mobile browsers, it unable to drag an element to the topmost place in list box component" has been resolved.
 
-## 21.1.41 (2023-04-18)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#F181131` - Issue with "No Record Found text disappears while hovering the drag item on list box without drop" has been resolved.
-
-### ListView
-
-#### Bug Fixes
-
-- `#I447633` - An issue with the primary button styles of the e-icons in the ListView component has been resolved.
-
-## 21.1.39 (2023-04-11)
-
-### ListBox
-
-#### Bug Fixes
-
-- Issue with Dragging the ListBox item when the end-user pressed the Escape key and the drag operation should be cancelled has been fixed.
-
-### ListView
-
-#### Bug Fixes
-
-- `#I452079` - Resolved detached elements memory leak issue in the ListView component.
-
-## 21.1.35 (2023-03-23)
+## 19.3.43 (2021-09-30)
 
 ### ListView
 

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

@@ -1,7 +1,7 @@
 /*!
 *  filename: ej2-react-lists.min.js
-*  version : 22.2.11
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.42
+*  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-lists.umd.min.js

@@ -1,7 +1,7 @@
 /*!
 *  filename: ej2-react-lists.umd.min.js
-*  version : 22.2.11
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.42
+*  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-lists@*",
-  "_id": "@syncfusion/ej2-react-lists@22.2.9",
+  "_id": "@syncfusion/ej2-react-lists@22.1.1",
   "_inBundle": false,
-  "_integrity": "sha512-NhxeQy+MDdDNy7/NBTKlPCZjZ0st+zs7tFbFN1FbHq78+cq094H0VReEcIYUlHprXbxF304kB5bFh1Y2tsbnCA==",
+  "_integrity": "sha512-RM5Bjp4duWwyD74HcU+PGXc7HA3LAWLI2DxoP9UDp92i+p4zo4yYGKexJ23mS4BpmZY7CQJ9Htz4mP0j5P0EXw==",
   "_location": "/@syncfusion/ej2-react-lists",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-lists/-/ej2-react-lists-22.2.9.tgz",
-  "_shasum": "93c20f5939cc77e27664745af8a06a7ff573720e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-lists/-/ej2-react-lists-22.1.1.tgz",
+  "_shasum": "9bc4e316deff6e36cb8c87a121727f5f93bbfffd",
   "_spec": "@syncfusion/ej2-react-lists@*",
-  "_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.10",
-    "@syncfusion/ej2-lists": "22.2.11",
-    "@syncfusion/ej2-react-base": "~22.2.5"
+    "@syncfusion/ej2-base": "~23.1.41",
+    "@syncfusion/ej2-lists": "23.1.42",
+    "@syncfusion/ej2-react-base": "~23.1.36"
   },
   "deprecated": false,
   "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views. for React",
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "22.2.11",
+  "version": "23.1.42",
   "sideEffects": false
 }

package/styles/list-view/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-listview .e-icon-collapsible::before {
   content: "\e913";
 }

package/styles/list-view/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-icon-collapsible::before {
   content: "\e913";
 }

package/styles/list-view/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/list-view/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-lists/styles/list-view/material3-dark.scss';

package/styles/list-view/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/list-view/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-lists/styles/list-view/material3.scss';

package/styles/list-view/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-icon-collapsible::before {
   content: "\e748";
 }

package/styles/list-view/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-icon-collapsible::before {
   content: "\e748";
 }

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-listview .e-icon-collapsible::before {
   content: "\e913";
 }

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-icon-collapsible::before {
   content: "\e913";
 }

package/styles/material3-dark.css

@@ -1,5 +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");
 :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/sortable/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable-line no-empty-source */
 .e-sortable {
   outline: none;

package/styles/sortable/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable-line no-empty-source */
 .e-sortable {
   outline: none;

package/styles/sortable/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/sortable/material3-dark.scss

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

package/styles/sortable/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/sortable/material3.scss

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

package/styles/sortable/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");
 /* stylelint-disable-line no-empty-source */
 .e-sortable {
   outline: none;

package/styles/sortable/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");
 /* stylelint-disable-line no-empty-source */
 .e-sortable {
   outline: none;

package/styles/tailwind-dark.css

@@ -1,5 +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");
 .e-icon-collapsible::before {
   content: "\e748";
 }

package/styles/tailwind.css

@@ -1,5 +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");
 .e-icon-collapsible::before {
   content: "\e748";
 }