@syncfusion/ej2-react-lists 31.2.12 → 32.1.23

package/README.md

@@ -65,4 +65,4 @@ Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-compo
 
 Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/lists/CHANGELOG.md/?utm_source=npm&utm_campaign=listview)
 
-© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+© Copyright 2026 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-lists.min.js
-*  version : 31.2.12
+*  version : 32.1.23
 *  Copyright Syncfusion Inc. 2001 - 2025. 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-lists.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-lists.umd.min.js
-*  version : 31.2.12
+*  version : 32.1.23
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-react-lists",
-  "version": "31.2.12",
+  "version": "32.1.23",
   "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",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -19,9 +19,9 @@
   "es2015": "dist/es6/ej2-react-lists.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-react-base": "~31.2.12",
-    "@syncfusion/ej2-lists": "31.2.12"
+    "@syncfusion/ej2-base": "~32.1.23",
+    "@syncfusion/ej2-react-base": "~32.1.22",
+    "@syncfusion/ej2-lists": "32.1.23"
   },
   "devDependencies": {},
   "sideEffects": false,

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bds-lite.scss';
+@use 'ej2-lists/bds-lite' as *;

package/styles/bds.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bds.scss';
-@import 'sortable/bds.scss';
+@use 'list-view/bds' as *;
+@use 'sortable/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap-dark-lite.scss';
+@use 'ej2-lists/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap-dark.scss';
-@import 'sortable/bootstrap-dark.scss';
+@use 'list-view/bootstrap-dark' as *;
+@use 'sortable/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap-lite.scss';
+@use 'ej2-lists/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap.scss';
-@import 'sortable/bootstrap.scss';
+@use 'list-view/bootstrap' as *;
+@use 'sortable/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap4-lite.scss';
+@use 'ej2-lists/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap4.scss';
-@import 'sortable/bootstrap4.scss';
+@use 'list-view/bootstrap4' as *;
+@use 'sortable/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-lists/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap5-dark.scss';
-@import 'sortable/bootstrap5-dark.scss';
+@use 'list-view/bootstrap5-dark' as *;
+@use 'sortable/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap5-lite.scss';
+@use 'ej2-lists/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap5.3-lite.scss';
+@use 'ej2-lists/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap5.3.scss';
-@import 'sortable/bootstrap5.3.scss';
+@use 'list-view/bootstrap5.3' as *;
+@use 'sortable/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap5.scss';
-@import 'sortable/bootstrap5.scss';
+@use 'list-view/bootstrap5' as *;
+@use 'sortable/bootstrap5' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fabric-dark-lite.scss';
+@use 'ej2-lists/fabric-dark-lite' as *;

package/styles/fabric-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fabric-dark.scss';
-@import 'sortable/fabric-dark.scss';
+@use 'list-view/fabric-dark' as *;
+@use 'sortable/fabric-dark' as *;

package/styles/fabric-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fabric-lite.scss';
+@use 'ej2-lists/fabric-lite' as *;

package/styles/fabric.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fabric.scss';
-@import 'sortable/fabric.scss';
+@use 'list-view/fabric' as *;
+@use 'sortable/fabric' as *;

package/styles/fluent-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fluent-dark-lite.scss';
+@use 'ej2-lists/fluent-dark-lite' as *;

package/styles/fluent-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fluent-dark.scss';
-@import 'sortable/fluent-dark.scss';
+@use 'list-view/fluent-dark' as *;
+@use 'sortable/fluent-dark' as *;

package/styles/fluent-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fluent-lite.scss';
+@use 'ej2-lists/fluent-lite' as *;

package/styles/fluent.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fluent.scss';
-@import 'sortable/fluent.scss';
+@use 'list-view/fluent' as *;
+@use 'sortable/fluent' as *;

package/styles/fluent2-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fluent2-lite.scss';
+@use 'ej2-lists/fluent2-lite' as *;

package/styles/fluent2.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fluent2.scss';
-@import 'sortable/fluent2.scss';
+@use 'list-view/fluent2' as *;
+@use 'sortable/fluent2' as *;

package/styles/highcontrast-light-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/highcontrast-light-lite.scss';
+@use 'ej2-lists/highcontrast-light-lite' as *;

package/styles/highcontrast-light.scss

@@ -1,2 +1,2 @@
-@import 'list-view/highcontrast-light.scss';
-@import 'sortable/highcontrast-light.scss';
+@use 'list-view/highcontrast-light' as *;
+@use 'sortable/highcontrast-light' as *;

package/styles/highcontrast-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/highcontrast-lite.scss';
+@use 'ej2-lists/highcontrast-lite' as *;

package/styles/highcontrast.scss

@@ -1,2 +1,2 @@
-@import 'list-view/highcontrast.scss';
-@import 'sortable/highcontrast.scss';
+@use 'list-view/highcontrast' as *;
+@use 'sortable/highcontrast' as *;

package/styles/list-view/bds.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bds.scss';
+@use 'ej2-lists/styles/list-view/bds' as *;

package/styles/list-view/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap-dark.scss';
+@use 'ej2-lists/styles/list-view/bootstrap-dark' as *;

package/styles/list-view/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap.scss';
+@use 'ej2-lists/styles/list-view/bootstrap' as *;

package/styles/list-view/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap4.scss';
+@use 'ej2-lists/styles/list-view/bootstrap4' as *;

package/styles/list-view/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap5-dark.scss';
+@use 'ej2-lists/styles/list-view/bootstrap5-dark' as *;

package/styles/list-view/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap5.3.scss';
+@use 'ej2-lists/styles/list-view/bootstrap5.3' as *;

package/styles/list-view/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap5.scss';
+@use 'ej2-lists/styles/list-view/bootstrap5' as *;

package/styles/list-view/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fabric-dark.scss';
+@use 'ej2-lists/styles/list-view/fabric-dark' as *;

package/styles/list-view/fabric.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fabric.scss';
+@use 'ej2-lists/styles/list-view/fabric' as *;

package/styles/list-view/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fluent-dark.scss';
+@use 'ej2-lists/styles/list-view/fluent-dark' as *;

package/styles/list-view/fluent.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fluent.scss';
+@use 'ej2-lists/styles/list-view/fluent' as *;

package/styles/list-view/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fluent2.scss';
+@use 'ej2-lists/styles/list-view/fluent2' as *;

package/styles/list-view/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/highcontrast-light.scss';
+@use 'ej2-lists/styles/list-view/highcontrast-light' as *;

package/styles/list-view/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/highcontrast.scss';
+@use 'ej2-lists/styles/list-view/highcontrast' as *;

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

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/material-dark.scss';
+@use 'ej2-lists/styles/list-view/material-dark' as *;

package/styles/list-view/material.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/material.scss';
+@use 'ej2-lists/styles/list-view/material' as *;

package/styles/list-view/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-lists/styles/list-view/material3-dark.scss';
+@use 'ej2-lists/styles/list-view/material3-dark' as *;

package/styles/list-view/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-lists/styles/list-view/material3.scss';
+@use 'ej2-lists/styles/list-view/material3' as *;

package/styles/list-view/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/tailwind-dark.scss';
+@use 'ej2-lists/styles/list-view/tailwind-dark' as *;

package/styles/list-view/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/tailwind.scss';
+@use 'ej2-lists/styles/list-view/tailwind' as *;

package/styles/list-view/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/tailwind3.scss';
+@use 'ej2-lists/styles/list-view/tailwind3' as *;

package/styles/material-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/material-dark-lite.scss';
+@use 'ej2-lists/material-dark-lite' as *;

package/styles/material-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/material-dark.scss';
-@import 'sortable/material-dark.scss';
+@use 'list-view/material-dark' as *;
+@use 'sortable/material-dark' as *;

package/styles/material-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/material-lite.scss';
+@use 'ej2-lists/material-lite' as *;

package/styles/material.scss

@@ -1,2 +1,2 @@
-@import 'list-view/material.scss';
-@import 'sortable/material.scss';
+@use 'list-view/material' as *;
+@use 'sortable/material' as *;

package/styles/material3-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/material3-dark-lite.scss';
+@use 'ej2-lists/material3-dark-lite' as *;

package/styles/material3-dark.scss

@@ -1,3 +1,2 @@
-
-@import 'list-view/material3-dark.scss';
-@import 'sortable/material3-dark.scss';
+@use 'list-view/material3-dark' as *;
+@use 'sortable/material3-dark' as *;

package/styles/material3-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/material3-lite.scss';
+@use 'ej2-lists/material3-lite' as *;

package/styles/material3.scss

@@ -1,3 +1,2 @@
-
-@import 'list-view/material3.scss';
-@import 'sortable/material3.scss';
+@use 'list-view/material3' as *;
+@use 'sortable/material3' as *;

package/styles/sortable/bds.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bds.scss';
+@use 'ej2-lists/styles/sortable/bds' as *;

package/styles/sortable/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap-dark.scss';
+@use 'ej2-lists/styles/sortable/bootstrap-dark' as *;

package/styles/sortable/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap.scss';
+@use 'ej2-lists/styles/sortable/bootstrap' as *;

package/styles/sortable/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap4.scss';
+@use 'ej2-lists/styles/sortable/bootstrap4' as *;

package/styles/sortable/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap5-dark.scss';
+@use 'ej2-lists/styles/sortable/bootstrap5-dark' as *;

package/styles/sortable/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap5.3.scss';
+@use 'ej2-lists/styles/sortable/bootstrap5.3' as *;

package/styles/sortable/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap5.scss';
+@use 'ej2-lists/styles/sortable/bootstrap5' as *;

package/styles/sortable/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fabric-dark.scss';
+@use 'ej2-lists/styles/sortable/fabric-dark' as *;

package/styles/sortable/fabric.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fabric.scss';
+@use 'ej2-lists/styles/sortable/fabric' as *;

package/styles/sortable/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fluent-dark.scss';
+@use 'ej2-lists/styles/sortable/fluent-dark' as *;

package/styles/sortable/fluent.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fluent.scss';
+@use 'ej2-lists/styles/sortable/fluent' as *;

package/styles/sortable/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fluent2.scss';
+@use 'ej2-lists/styles/sortable/fluent2' as *;

package/styles/sortable/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/highcontrast-light.scss';
+@use 'ej2-lists/styles/sortable/highcontrast-light' as *;

package/styles/sortable/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/highcontrast.scss';
+@use 'ej2-lists/styles/sortable/highcontrast' as *;

package/styles/sortable/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/material-dark.scss';
+@use 'ej2-lists/styles/sortable/material-dark' as *;

package/styles/sortable/material.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/material.scss';
+@use 'ej2-lists/styles/sortable/material' as *;

package/styles/sortable/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-lists/styles/sortable/material3-dark.scss';
+@use 'ej2-lists/styles/sortable/material3-dark' as *;

package/styles/sortable/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-lists/styles/sortable/material3.scss';
+@use 'ej2-lists/styles/sortable/material3' as *;

package/styles/sortable/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/tailwind-dark.scss';
+@use 'ej2-lists/styles/sortable/tailwind-dark' as *;

package/styles/sortable/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/tailwind.scss';
+@use 'ej2-lists/styles/sortable/tailwind' as *;

package/styles/sortable/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/tailwind3.scss';
+@use 'ej2-lists/styles/sortable/tailwind3' as *;

package/styles/tailwind-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/tailwind-dark-lite.scss';
+@use 'ej2-lists/tailwind-dark-lite' as *;

package/styles/tailwind-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/tailwind-dark.scss';
-@import 'sortable/tailwind-dark.scss';
+@use 'list-view/tailwind-dark' as *;
+@use 'sortable/tailwind-dark' as *;

package/styles/tailwind-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/tailwind-lite.scss';
+@use 'ej2-lists/tailwind-lite' as *;

package/styles/tailwind.scss

@@ -1,2 +1,2 @@
-@import 'list-view/tailwind.scss';
-@import 'sortable/tailwind.scss';
+@use 'list-view/tailwind' as *;
+@use 'sortable/tailwind' as *;

package/styles/tailwind3-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/tailwind3-lite.scss';
+@use 'ej2-lists/tailwind3-lite' as *;

package/styles/tailwind3.scss

@@ -1,2 +1,2 @@
-@import 'list-view/tailwind3.scss';
-@import 'sortable/tailwind3.scss';
+@use 'list-view/tailwind3' as *;
+@use 'sortable/tailwind3' as *;