@syncfusion/ej2-react-lists 21.1.35 → 21.1.39

package/CHANGELOG.md

@@ -6,6 +6,17 @@
 
 #### Bug Fixes
 
+- `#I447633` - An issue with the primary button styles of the e-icons in the ListView component has been resolved.
+- `#I452079` - Resolved detached elements memory leak issue in the ListView component.
+
+- `#I447633` - An issue with the primary button styles of the e-icons in the ListView component has been resolved.
+
+## 21.1.35 (2023-03-23)
+
+### ListView
+
+#### Bug Fixes
+
 - `#F168185` - The issue with "Sorting is not applied properly when entering different values in the text field of the ListView component" has been resolved.
 
 - `#F168185` -  Issue with "Sorting is not applied properly with different text field in ListView component" has been resolved.

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

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-lists.min.js
-*  version : 21.1.35
+*  version : 21.1.39
 *  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionLists"),require("SyncfusionReactBase"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionLists","SyncfusionReactBase","React"],e):"object"==typeof exports?exports.SyncfusionReactLists=e(require("SyncfusionLists"),require("SyncfusionReactBase"),require("React")):t.SyncfusionReactLists=e(t.SyncfusionLists,t.SyncfusionReactBase,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var r=n(4);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(2);n.d(e,"ListViewComponent",function(){return r.a});var o=n(1);n.n(o);n.o(o,"Inject")&&n.d(e,"Inject",function(){return o.Inject});var i=n(0);n.n(i);for(var c in i)["ListViewComponent","Inject","default"].indexOf(c)<0&&function(t){n.d(e,t,function(){return i[t]})}(c)},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(5),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.ListView);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e){t.exports=n}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionLists"),require("SyncfusionReactBase"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionLists","SyncfusionReactBase","React"],e):"object"==typeof exports?exports.SyncfusionReactLists=e(require("SyncfusionLists"),require("SyncfusionReactBase"),require("React")):t.SyncfusionReactLists=e(t.SyncfusionLists,t.SyncfusionReactBase,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var r=n(4);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(2);n.d(e,"ListViewComponent",function(){return r.a});var o=n(1);n.n(o);n.o(o,"Inject")&&n.d(e,"Inject",function(){return o.Inject});var i=n(0);n.n(i);for(var c in i)["ListViewComponent","Inject","default"].indexOf(c)<0&&function(t){n.d(e,t,function(){return i[t]})}(c)},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(5),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.ListView);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e){t.exports=n}])});

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-lists.umd.min.js
-*  version : 21.1.35
+*  version : 21.1.39
 *  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-lists"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-lists","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Lists,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var i=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),o=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return i(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return t.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ListView);r.applyMixins(o,[r.ComponentBase,t.Component]),e.Inject=r.Inject,e.ListViewComponent=o,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-lists"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-lists","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Lists,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var i=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),o=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return i(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return t.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ListView);r.applyMixins(o,[r.ComponentBase,t.Component]),e.Inject=r.Inject,e.ListViewComponent=o,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-lists.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-lists.umd.min.js","sources":["../src/list-view/listview.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents ListView component for React\n * ```\n * <ListViewComponent dataSource={data}/>\n * ```\n */\nvar ListViewComponent = /** @class */ (function (_super) {\n    __extends(ListViewComponent, _super);\n    function ListViewComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.statelessTemplateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    ListViewComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return ListViewComponent;\n}(ListView));\nexport { ListViewComponent };\napplyMixins(ListViewComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ListViewComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","statelessTemplateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","ListView","ej2ReactBase","ComponentBase","React.Component"],"mappings":"kXAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAmC,SAAUC,GAE7C,SAASD,EAAkBE,GACvB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAMxC,OALAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,uBAAyB,KAC/BJ,EAAMK,iBAAkB,EACxBL,EAAMM,WACCN,EAWX,OAnBAlB,EAAUe,EAAmBC,GAU7BD,EAAkBF,UAAUY,OAAS,WACjC,KAAMd,KAAKe,UAAYf,KAAKS,kBAAqBT,KAAKgB,aAAgBhB,KAAKiB,oBAKvE,OAAOC,gBAAoB,MAAOlB,KAAKmB,0BAA2BC,OAAOpB,KAAKM,MAAMe,SAAUrB,KAAKa,UAJnGR,EAAOH,UAAUY,OAAON,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTkB,YACFC,cACYnB,GAAoBoB,gBAAeC"}
+{"version":3,"file":"ej2-react-lists.umd.min.js","sources":["../src/list-view/listview.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents ListView component for React\n * ```\n * <ListViewComponent dataSource={data}/>\n * ```\n */\nvar ListViewComponent = /** @class */ (function (_super) {\n    __extends(ListViewComponent, _super);\n    function ListViewComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    ListViewComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return ListViewComponent;\n}(ListView));\nexport { ListViewComponent };\napplyMixins(ListViewComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ListViewComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","statelessTemplateProps","templateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","ListView","ej2ReactBase","ComponentBase","React.Component"],"mappings":"kXAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAmC,SAAUC,GAE7C,SAASD,EAAkBE,GACvB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAOxC,OANAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,uBAAyB,KAC/BJ,EAAMK,cAAgB,KACtBL,EAAMM,iBAAkB,EACxBN,EAAMO,WACCP,EAWX,OApBAlB,EAAUe,EAAmBC,GAW7BD,EAAkBF,UAAUa,OAAS,WACjC,KAAMf,KAAKgB,UAAYhB,KAAKS,kBAAqBT,KAAKiB,aAAgBjB,KAAKkB,oBAKvE,OAAOC,gBAAoB,MAAOnB,KAAKoB,0BAA2BC,OAAOrB,KAAKM,MAAMgB,SAAUtB,KAAKc,UAJnGT,EAAOH,UAAUa,OAAOP,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTmB,YACFC,cACYpB,GAAoBqB,gBAAeC"}

package/dist/es6/ej2-react-lists.es2015.js

@@ -14,6 +14,7 @@ class ListViewComponent extends ListView {
         this.initRenderCalled = false;
         this.checkInjectedModules = true;
         this.statelessTemplateProps = null;
+        this.templateProps = null;
         this.immediateRender = false;
         this.portals = [];
     }

package/dist/es6/ej2-react-lists.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-lists.es2015.js","sources":["../src/es6/list-view/listview.component.js"],"sourcesContent":["import * as React from 'react';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents ListView component for React\n * ```\n * <ListViewComponent dataSource={data}/>\n * ```\n */\nexport class ListViewComponent extends ListView {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.statelessTemplateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(ListViewComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"ej2-react-lists.es2015.js","sources":["../src/es6/list-view/listview.component.js"],"sourcesContent":["import * as React from 'react';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents ListView component for React\n * ```\n * <ListViewComponent dataSource={data}/>\n * ```\n */\nexport class ListViewComponent extends ListView {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(ListViewComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-lists@*",
-  "_id": "@syncfusion/ej2-react-lists@18.16.5",
+  "_id": "@syncfusion/ej2-react-lists@21.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-GGQwr+BxORjrkr4VJJG+/i7sYboMB4lPHhWK/eSyndRzqeGP5wtIIhDGqOn5D+J8D/ClBsir3uaa3QGFHL5aQA==",
+  "_integrity": "sha512-BvJFjMSY+FVB83JrmLrP9nzzmHECozJsA1QsvpETKzlS+QXACPTRunuj0FgM0g3Ztfzb18rJwwV/FrLbYwMvYA==",
   "_location": "/@syncfusion/ej2-react-lists",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-lists/-/ej2-react-lists-18.16.5.tgz",
-  "_shasum": "85af68235f8ac9b9742b25081d0b16a840f98d94",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-lists/-/ej2-react-lists-21.1.37.tgz",
+  "_shasum": "13e520823c2a9bea15bb65f86da4fc93cd766a78",
   "_spec": "@syncfusion/ej2-react-lists@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.35",
-    "@syncfusion/ej2-lists": "21.1.35",
-    "@syncfusion/ej2-react-base": "~21.1.35"
+    "@syncfusion/ej2-base": "~21.1.39",
+    "@syncfusion/ej2-lists": "21.1.39",
+    "@syncfusion/ej2-react-base": "~21.1.38"
   },
   "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": "21.1.35",
+  "version": "21.1.39",
   "sideEffects": false
 }

package/src/list-view/listview.component.d.ts

@@ -21,6 +21,7 @@ export declare class ListViewComponent extends ListView {
     initRenderCalled: boolean;
     private checkInjectedModules;
     private statelessTemplateProps;
+    private templateProps;
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];

package/src/list-view/listview.component.js

@@ -27,6 +27,7 @@ var ListViewComponent = /** @class */ (function (_super) {
         _this.initRenderCalled = false;
         _this.checkInjectedModules = true;
         _this.statelessTemplateProps = null;
+        _this.templateProps = null;
         _this.immediateRender = false;
         _this.portals = [];
         return _this;

package/styles/bootstrap-dark.css

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #f0f0f0;
 }
 

package/styles/bootstrap.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: rgba(0, 0, 0, 0.75);
 }
 

package/styles/bootstrap4.css

@@ -301,7 +301,7 @@
   font-size: 16px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #212529;
 }
 

package/styles/bootstrap5-dark.css

@@ -262,13 +262,13 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #adb5bd;
 }
-.e-listview .e-icons.e-back-button:hover {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:hover {
   color: #dee2e6;
 }
-.e-listview .e-icons.e-back-button:active {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:active {
   color: #f8f9fa;
 }
 

package/styles/bootstrap5.css

@@ -262,13 +262,13 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #6c757d;
 }
-.e-listview .e-icons.e-back-button:hover {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:hover {
   color: #343a40;
 }
-.e-listview .e-icons.e-back-button:active {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:active {
   color: #212529;
 }
 

package/styles/fabric-dark.css

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #dadada;
 }
 

package/styles/fabric.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #333;
 }
 

package/styles/fluent-dark.css

@@ -310,7 +310,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #a19f9d;
 }
 

package/styles/fluent.css

@@ -310,7 +310,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #605e5c;
 }
 

package/styles/highcontrast-light.css

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #000;
 }
 

package/styles/highcontrast.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #fff;
 }
 

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

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #f0f0f0;
 }
 

package/styles/list-view/bootstrap.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: rgba(0, 0, 0, 0.75);
 }
 

package/styles/list-view/bootstrap4.css

@@ -301,7 +301,7 @@
   font-size: 16px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #212529;
 }
 

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

@@ -262,13 +262,13 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #adb5bd;
 }
-.e-listview .e-icons.e-back-button:hover {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:hover {
   color: #dee2e6;
 }
-.e-listview .e-icons.e-back-button:active {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:active {
   color: #f8f9fa;
 }
 

package/styles/list-view/bootstrap5.css

@@ -262,13 +262,13 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #6c757d;
 }
-.e-listview .e-icons.e-back-button:hover {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:hover {
   color: #343a40;
 }
-.e-listview .e-icons.e-back-button:active {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:active {
   color: #212529;
 }
 

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

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #dadada;
 }
 

package/styles/list-view/fabric.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #333;
 }
 

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

@@ -310,7 +310,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #a19f9d;
 }
 

package/styles/list-view/fluent.css

@@ -310,7 +310,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #605e5c;
 }
 

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

@@ -261,7 +261,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #000;
 }
 

package/styles/list-view/highcontrast.css

@@ -262,7 +262,7 @@
   font-size: 14px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #fff;
 }
 

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

@@ -261,7 +261,7 @@
   font-size: 20px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #fff;
 }
 

package/styles/list-view/material.css

@@ -262,7 +262,7 @@
   font-size: 20px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: rgba(0, 0, 0, 0.54);
 }
 

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

@@ -391,10 +391,10 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #d1d5db;
 }
-.e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:hover, .e-listview .e-icons:not(.e-primary .e-icon-btn).e-icon-collapsible:hover {
   color: #f3f4f6;
 }
 

package/styles/list-view/tailwind.css

@@ -391,10 +391,10 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #6b7280;
 }
-.e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:hover, .e-listview .e-icons:not(.e-primary .e-icon-btn).e-icon-collapsible:hover {
   color: #374151;
 }
 

package/styles/material-dark.css

@@ -261,7 +261,7 @@
   font-size: 20px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #fff;
 }
 

package/styles/material.css

@@ -262,7 +262,7 @@
   font-size: 20px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: rgba(0, 0, 0, 0.54);
 }
 

package/styles/tailwind-dark.css

@@ -392,10 +392,10 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #d1d5db;
 }
-.e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:hover, .e-listview .e-icons:not(.e-primary .e-icon-btn).e-icon-collapsible:hover {
   color: #f3f4f6;
 }
 

package/styles/tailwind.css

@@ -392,10 +392,10 @@
   font-size: 12px;
 }
 
-.e-listview .e-icons {
+.e-listview .e-icons:not(.e-primary .e-icon-btn) {
   color: #6b7280;
 }
-.e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
+.e-listview .e-icons:not(.e-primary .e-icon-btn).e-back-button:hover, .e-listview .e-icons:not(.e-primary .e-icon-btn).e-icon-collapsible:hover {
   color: #374151;
 }