diff --git a/README.md b/README.md
index 53916010b5..0ba03bb1a9 100644
--- a/README.md
+++ b/README.md
@@ -175,20 +175,17 @@ NOTE this will re-generate the Readme.md file in the new sample
 To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
 
 
-# Updating Version of IgniteUI Packages
+## Updating Packages in Samples
 
-Perform these steps to update version of **Ignite UI for React** packages in all samples. NOTE that the order of these steps is very important.
+NOTE Do NOT find replace version of packages in package.json files. 
 
 - open this repo in VS Code
-- open [gulp-samples.js](./browser/tasks/gulp-samples.js) file
+- open [./browser/tasks/gulp-samples.js](./browser/tasks/gulp-samples.js) file
 - navigate to the `updateIG` function
-- change version of **Ignite UI for React** packages in the `packageUpgrades` array
+- update version of packages in `packageUpgrades` array
 - open terminal window
 - run `cd browser` command
-- run `gulp updateIG` command
+- run the `gulp updateIG` command
 - run `npm install --legacy-peer-deps` command
-- create pull request with your changes
-- open the [Igniteui-xplat-example](https://github.com/IgniteUI/igniteui-xplat-examples) repo in VS Code
-- update version of **Ignite UI for React** packages in [React template](https://github.com/IgniteUI/igniteui-xplat-examples/blob/23.2.x/editor-templates/React/main-template/package.json)
-- create pull request with your changes in [Igniteui-xplat-example](https://github.com/IgniteUI/igniteui-xplat-examples) repo
-
+- create AND merge a pull request with changes in all package.json files in this repository
+- create 2nd pull request with similar changes in `/editor-templates/react/main-template/package.json` of the [igniteui-xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repository.
\ No newline at end of file
diff --git a/browser/config-overrides.js b/browser/config-overrides.js
index 676b755fb2..2722467de7 100644
--- a/browser/config-overrides.js
+++ b/browser/config-overrides.js
@@ -164,6 +164,11 @@ module.exports = function override(config, env) {
                 name: 'igniteui-react-spreadsheet-chart-adapter',
                 chunks: 'all',
             },
+            igniteuiDashboards: {
+                test: /[\\/]node_modules[\\/](igniteui-react-dashboards)[\\/]/,
+                name: 'igniteui-react-dashboards',
+                chunks: 'all',
+            },
             igniteuiDataSources: {
                 test: /[\\/]node_modules[\\/](igniteui-react-datasources)[\\/]/,
                 name: 'igniteui-react-datasources',
diff --git a/browser/package-lock.json b/browser/package-lock.json
index a218848afd..6c4dc4c0a7 100644
--- a/browser/package-lock.json
+++ b/browser/package-lock.json
@@ -15,20 +15,21 @@
         "classnames": "2.3.1",
         "file-saver": "1.3.8",
         "igniteui-dockmanager": "1.15.2",
-        "igniteui-react": "18.7.4",
-        "igniteui-react-charts": "18.7.4",
-        "igniteui-react-core": "18.7.4",
-        "igniteui-react-datasources": "18.7.4",
-        "igniteui-react-excel": "18.7.4",
-        "igniteui-react-gauges": "18.7.4",
-        "igniteui-react-grids": "18.7.4",
-        "igniteui-react-inputs": "18.7.4",
-        "igniteui-react-layouts": "18.7.4",
-        "igniteui-react-maps": "18.7.4",
-        "igniteui-react-spreadsheet": "18.7.4",
-        "igniteui-react-spreadsheet-chart-adapter": "18.7.4",
+        "igniteui-react": "18.7.6",
+        "igniteui-react-charts": "18.7.6",
+        "igniteui-react-core": "18.7.6",
+        "igniteui-react-dashboards": "18.7.6",
+        "igniteui-react-datasources": "18.7.6",
+        "igniteui-react-excel": "18.7.6",
+        "igniteui-react-gauges": "18.7.6",
+        "igniteui-react-grids": "18.7.6",
+        "igniteui-react-inputs": "18.7.6",
+        "igniteui-react-layouts": "18.7.6",
+        "igniteui-react-maps": "18.7.6",
+        "igniteui-react-spreadsheet": "18.7.6",
+        "igniteui-react-spreadsheet-chart-adapter": "18.7.6",
         "igniteui-webcomponents": "5.1.2",
-        "lit-html": "2.8.0",
+        "lit-html": "^3.2.0",
         "prop-types": "15.7.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -40,6 +41,8 @@
         "tslib": "^2.4.0"
       },
       "devDependencies": {
+        "@babel/plugin-proposal-private-property-in-object": "~7.21.11",
+        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
         "@types/gulp": "^4.0.6",
         "@types/jest": "^29.2.0",
         "@types/node": "^18.11.7",
@@ -138,12 +141,13 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.24.2",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz",
-      "integrity": "sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
       "dev": true,
       "dependencies": {
-        "@babel/highlight": "^7.24.2",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
         "picocolors": "^1.0.0"
       },
       "engines": {
@@ -235,27 +239,28 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.1.tgz",
-      "integrity": "sha512-DfCRfZsBcrPEHUfuBMgbJ1Ut01Y/itOs+hY2nFLgqsqXd52/iSiVq5TITtUasIUgm+IIKdY2/1I7auiQOEeC9A==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
+      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.24.0",
+        "@babel/parser": "^7.26.3",
+        "@babel/types": "^7.26.3",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
-        "jsesc": "^2.5.1"
+        "jsesc": "^3.0.2"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
-      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
+      "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -299,19 +304,17 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.1.tgz",
-      "integrity": "sha512-1yJa9dX9g//V6fDebXoEfEsxkZHk3Hcbm+zLhyu6qVgYFLvmTALTeV+jNU9e5RnYtioBrGEOdoI2joMSNQ/+aA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-member-expression-to-functions": "^7.23.0",
-        "@babel/helper-optimise-call-expression": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.24.1",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -424,12 +427,13 @@
       }
     },
     "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz",
-      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz",
+      "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.23.0"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -467,21 +471,21 @@
       }
     },
     "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
-      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz",
+      "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.24.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.0.tgz",
-      "integrity": "sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
+      "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
@@ -505,14 +509,14 @@
       }
     },
     "node_modules/@babel/helper-replace-supers": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz",
-      "integrity": "sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz",
+      "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-member-expression-to-functions": "^7.23.0",
-        "@babel/helper-optimise-call-expression": "^7.22.5"
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -534,12 +538,13 @@
       }
     },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
-      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
+      "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -558,18 +563,18 @@
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz",
-      "integrity": "sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
@@ -612,97 +617,14 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/highlight": {
-      "version": "7.24.2",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.2.tgz",
-      "integrity": "sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
-    },
-    "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+    "node_modules/@babel/parser": {
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
+      "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
       "dev": true,
       "dependencies": {
-        "has-flag": "^3.0.0"
+        "@babel/types": "^7.26.3"
       },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.1.tgz",
-      "integrity": "sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg==",
-      "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -862,10 +784,17 @@
       }
     },
     "node_modules/@babel/plugin-proposal-private-property-in-object": {
-      "version": "7.21.0-placeholder-for-preset-env.2",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
-      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "version": "7.21.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz",
+      "integrity": "sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.",
       "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.18.6",
+        "@babel/helper-create-class-features-plugin": "^7.21.0",
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
       "engines": {
         "node": ">=6.9.0"
       },
@@ -1774,15 +1703,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.1.tgz",
-      "integrity": "sha512-pTHxDVa0BpUbvAgX3Gat+7cSciXqUcY9j2VZKTbSB6+VQGpNgNO9ailxTGHSXlqOnX1Hcx1Enme2+yv7VqP9bg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz",
+      "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.24.1",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2197,6 +2125,18 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/preset-env/node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
     "node_modules/@babel/preset-env/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -2277,33 +2217,30 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.24.0",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz",
-      "integrity": "sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
+      "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.23.5",
-        "@babel/parser": "^7.24.0",
-        "@babel/types": "^7.24.0"
+        "@babel/code-frame": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.1.tgz",
-      "integrity": "sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==",
+      "version": "7.26.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
+      "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.24.1",
-        "@babel/generator": "^7.24.1",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.24.1",
-        "@babel/types": "^7.24.0",
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.3",
+        "@babel/parser": "^7.26.3",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.26.3",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -2321,14 +2258,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.24.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz",
-      "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
+      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-string-parser": "^7.23.4",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -7174,9 +7110,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001600",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001600.tgz",
-      "integrity": "sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==",
+      "version": "1.0.30001689",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001689.tgz",
+      "integrity": "sha512-CmeR2VBycfa+5/jOfnp/NpWPGd06nf1XYiefUvhXFfZE4GkRc9jv+eGPS4nT558WS/8lYCzV8SlANCIPvbWP1g==",
       "dev": true,
       "funding": [
         {
@@ -13047,9 +12983,10 @@
       }
     },
     "node_modules/igniteui-react": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react/-/igniteui-react-18.7.4.tgz",
-      "integrity": "sha512-IVFEsASdb45G3yqOvVaqoW1jwvnP4pwCeh8GogU6+Aw3QhFxD8gKOTtZ1cimM4lNXeIYDryVGIiodWfcHzeO0w==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react/-/igniteui-react-18.7.6.tgz",
+      "integrity": "sha512-b6n67F7Y5ciohO+YCwDzS0dLsxAolupyfgG6A/ATUb7iF+d1yHb4kvCQRXIKLXQXFo6Db1JkNGj+tsL3kpE3pA==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "igniteui-dockmanager": "^1.15.0",
         "igniteui-webcomponents": "^5.1.0",
@@ -13057,131 +12994,160 @@
       }
     },
     "node_modules/igniteui-react-charts": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-charts/-/igniteui-react-charts-18.7.4.tgz",
-      "integrity": "sha512-mdyF+RQyuk0v3vbfin9yP1ngavsQ1kris8YZzu0AT1+ww9o0uXWWQdD0qVBMfOWLQnzTeckjefMWSX3EfyPz9Q==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-charts/-/igniteui-react-charts-18.7.6.tgz",
+      "integrity": "sha512-Y4cGpi/zfrJv+Pa4qAX0bMFbG1p9o+qB6j7bVfDzZ2Kiqlr0rXjLrB57pJYMEGBZuOTmUqXQDQhE+pPpGMdv5Q==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.4"
+        "igniteui-react-core": "18.7.6"
       }
     },
     "node_modules/igniteui-react-core": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-core/-/igniteui-react-core-18.7.4.tgz",
-      "integrity": "sha512-B/K0avLJueEuJ2UXLpIpfIm8kUCsojz0iNblRjI1ufowlpNmsRxpsWONBBZv+oWebZWE0wImoyQQ4U0RhqOHjw==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-core/-/igniteui-react-core-18.7.6.tgz",
+      "integrity": "sha512-eNTh/u8cY11TlgdH2tJgGM98iRoHOzLaALa0r5wV5GYWgeNrr1yWHUdVxCas/EI8qD7X0GLVQTn0JX2ghaSZaA==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
+      "dependencies": {
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/igniteui-react-dashboards": {
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-dashboards/-/igniteui-react-dashboards-18.7.6.tgz",
+      "integrity": "sha512-0oM3a4pLHhOiMts4QR4PWv3CciuGTHlv2Hdiv+E7QeidECaTVojPP6FfZD3RLCzF9RBDQTmKp428acquzOKHhQ==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
+      },
+      "peerDependencies": {
+        "igniteui-react-charts": "18.7.6",
+        "igniteui-react-core": "18.7.6",
+        "igniteui-react-gauges": "18.7.6",
+        "igniteui-react-grids": "18.7.6",
+        "igniteui-react-inputs": "18.7.6",
+        "igniteui-react-layouts": "18.7.6",
+        "igniteui-react-maps": "18.7.6"
       }
     },
     "node_modules/igniteui-react-datasources": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-datasources/-/igniteui-react-datasources-18.7.4.tgz",
-      "integrity": "sha512-RRyp+z465LlDFEYaQfS3bKTrG078da7fPlaAg9iaBhll+FgqJ5KZ/PIAj6hnUV6G+K6/XAK7WUOD+s7XBVbC4g==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-datasources/-/igniteui-react-datasources-18.7.6.tgz",
+      "integrity": "sha512-/avzBkVR4ZdUbsvo/V5jNTM3Rerwca+bDK6RpofjBSQnpzCZ05ajv2H1mp0f2/a71P33b5hwOyLWTTz/7W3HkQ==",
+      "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.4"
+        "igniteui-react-core": "18.7.6"
       }
     },
     "node_modules/igniteui-react-excel": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-excel/-/igniteui-react-excel-18.7.4.tgz",
-      "integrity": "sha512-GHKVUdB3pD8dCy2A7r5SIhR882/Qg7D0gxt++bPYryqe+azgoxxLIoNsGGVRcBa3il4G/KUOMZ31LVp9X2XX/w==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-excel/-/igniteui-react-excel-18.7.6.tgz",
+      "integrity": "sha512-aso4pToq4Tcduq4HaKRJR+ZEZpvU93xT/63F1buIS4xM+wOePbtDdF65DMJiqTSHnxSn3PlkvOzYSdqpTGPacw==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "jszip": "^3.1.5",
         "pako": "^1.0.6",
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.4"
+        "igniteui-react-core": "18.7.6"
       }
     },
     "node_modules/igniteui-react-gauges": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-gauges/-/igniteui-react-gauges-18.7.4.tgz",
-      "integrity": "sha512-9tSGDXDj2nUkY7p44dkNFPyzGyaqFQwlKR5JC//glxdjl8kKWAehpY+QNceea1WVafLQ9vskh29yHXAEU9a9Wg==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-gauges/-/igniteui-react-gauges-18.7.6.tgz",
+      "integrity": "sha512-FAkG9F+IE3mVXVWXyiscGvJEFmYdcfTjh6Pe/IaE2ujFcaNi60iwPsCyuUPBLZ8LoVL8A8zcMTGFw90s7tFAFA==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.4"
+        "igniteui-react-core": "18.7.6"
       }
     },
     "node_modules/igniteui-react-grids": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-grids/-/igniteui-react-grids-18.7.4.tgz",
-      "integrity": "sha512-ZVsdYAV/2c3yiiwATUJ66y6MvIhy0KtHkRgHCcsNB+CmnMBQytAXzqoyktZ0+mPzOb5AkEoa1x8gp5izcNh+pg==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-grids/-/igniteui-react-grids-18.7.6.tgz",
+      "integrity": "sha512-KHoH1/tTynhPnUcSPAGLmV347UaaIR3+HZzXtAiDbmFyWbq5d08vYZT47OrwnoaRpKqXILoc054WwGenZ0BeKQ==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.4",
-        "igniteui-react-inputs": "18.7.4",
-        "igniteui-react-layouts": "18.7.4"
+        "igniteui-react-core": "18.7.6",
+        "igniteui-react-inputs": "18.7.6",
+        "igniteui-react-layouts": "18.7.6"
       }
     },
     "node_modules/igniteui-react-inputs": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-inputs/-/igniteui-react-inputs-18.7.4.tgz",
-      "integrity": "sha512-2qNWOJ+pzHzz1y1vRXV2NJGmuOzZFsspsl6Y0ZBfKRXYdShatYUcBvqIk8Ye7Gdr8V9uZFwgFwSMk96JhS3tQg==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-inputs/-/igniteui-react-inputs-18.7.6.tgz",
+      "integrity": "sha512-PP1cCnzS6bPGcrx0YgnYGGrDqjNv5Qo3VrQkZciMALes2Cna0exhfyc/5of5gVntM1iG08ClNE4nByFKtzYphw==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.4"
+        "igniteui-react-core": "18.7.6"
       }
     },
     "node_modules/igniteui-react-layouts": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-layouts/-/igniteui-react-layouts-18.7.4.tgz",
-      "integrity": "sha512-BYMDiRyQcKAY0fJ2dFItODeHEQid1H1s8SNbCQ9UzMQhnt2kbmI7q+xwxBgzSPdX5sh8/nPxZg8QLcJL00JlVw==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-layouts/-/igniteui-react-layouts-18.7.6.tgz",
+      "integrity": "sha512-l8SlPaGU6norQVyv30f67SdCT57AK434SB2kwG9Jsz21jJCywHDgMDnqcRnYiJj2Ik58fC7ape5E3TOp5r+Epg==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.4",
-        "igniteui-react-inputs": "18.7.4"
+        "igniteui-react-core": "18.7.6",
+        "igniteui-react-inputs": "18.7.6"
       }
     },
     "node_modules/igniteui-react-maps": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-maps/-/igniteui-react-maps-18.7.4.tgz",
-      "integrity": "sha512-/OstFXGo+ok2fAluRFuu2kOKTRUN65KGAeh+4qpEx/g3Zkl2G36feeK+SHq/kJy3DJcjq5WsbgeebLC7Z7S+hA==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-maps/-/igniteui-react-maps-18.7.6.tgz",
+      "integrity": "sha512-HyH3cnpkKne2qJGULMPGM+z0l3K+Tr9IQ7q7w1HUV5Z/txWwoO9cpSQkBn113nrkBJjE9e8mevof245Ut+OBfg==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-charts": "18.7.4",
-        "igniteui-react-core": "18.7.4"
+        "igniteui-react-charts": "18.7.6",
+        "igniteui-react-core": "18.7.6"
       }
     },
     "node_modules/igniteui-react-spreadsheet": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet/-/igniteui-react-spreadsheet-18.7.4.tgz",
-      "integrity": "sha512-MeLdQwu1VQiZvgB+LpuYHSHAh6vijwtRG9g8YnN/u8hyBqcZ+9GaCr9wv3ScXbPabIFqvvQX2pVEZYnfEyD3Qg==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet/-/igniteui-react-spreadsheet-18.7.6.tgz",
+      "integrity": "sha512-O7JE/jzTEXaqpT3JcbqmkQNevBL+5KOe7+Xs/aMd1RzSycXKfLd8b0mTV78CYKFAJI9PL2dgBnoSmeX8B+B+XQ==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.4",
-        "igniteui-react-excel": "18.7.4"
+        "igniteui-react-core": "18.7.6",
+        "igniteui-react-excel": "18.7.6"
       }
     },
     "node_modules/igniteui-react-spreadsheet-chart-adapter": {
-      "version": "18.7.4",
-      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet-chart-adapter/-/igniteui-react-spreadsheet-chart-adapter-18.7.4.tgz",
-      "integrity": "sha512-1Sq5ZZfz3tOz48u4CQ4OoA2T9xhwafQ6zt/lgCLqqSIEYHtcEg0L6jFl2fjgR0PyYQ468MBhvQ90d3b3vJK3JA==",
+      "version": "18.7.6",
+      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet-chart-adapter/-/igniteui-react-spreadsheet-chart-adapter-18.7.6.tgz",
+      "integrity": "sha512-D+5UQ3n0ncc6Wg4P3SrXQ/VV6ftxOt95g61J45zebB+zGhwKkwv1x1uElNz1A23qOXfX292wsDLpBkFT/5k94Q==",
+      "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-charts": "18.7.4",
-        "igniteui-react-core": "18.7.4",
-        "igniteui-react-excel": "18.7.4",
-        "igniteui-react-spreadsheet": "18.7.4"
+        "igniteui-react-charts": "18.7.6",
+        "igniteui-react-core": "18.7.6",
+        "igniteui-react-excel": "18.7.6",
+        "igniteui-react-spreadsheet": "18.7.6"
       }
     },
     "node_modules/igniteui-trial-watermark": {
@@ -16483,15 +16449,15 @@
       }
     },
     "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "dev": true,
       "bin": {
         "jsesc": "bin/jsesc"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=6"
       }
     },
     "node_modules/json-buffer": {
@@ -16845,26 +16811,10 @@
         "lit-html": "^3.2.0"
       }
     },
-    "node_modules/lit-element/node_modules/lit-html": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.2.0.tgz",
-      "integrity": "sha512-pwT/HwoxqI9FggTrYVarkBKFN9MlTUpLrDHubTmW4SrkL3kkqW5gxwbxMMUnbbRHBC0WTZnYHcjDSCM559VyfA==",
-      "dependencies": {
-        "@types/trusted-types": "^2.0.2"
-      }
-    },
     "node_modules/lit-html": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.8.0.tgz",
-      "integrity": "sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==",
-      "dependencies": {
-        "@types/trusted-types": "^2.0.2"
-      }
-    },
-    "node_modules/lit/node_modules/lit-html": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.2.0.tgz",
-      "integrity": "sha512-pwT/HwoxqI9FggTrYVarkBKFN9MlTUpLrDHubTmW4SrkL3kkqW5gxwbxMMUnbbRHBC0WTZnYHcjDSCM559VyfA==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.2.1.tgz",
+      "integrity": "sha512-qI/3lziaPMSKsrwlxH/xMgikhQ0EGOX2ICU73Bi/YHFvz2j/yMCIrw4+puF2IpQ4+upd3EWbvnHM9+PnJn48YA==",
       "dependencies": {
         "@types/trusted-types": "^2.0.2"
       }
@@ -24660,15 +24610,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/to-object-path": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
diff --git a/browser/package.json b/browser/package.json
index 7a263f9779..6f6f3fab44 100644
--- a/browser/package.json
+++ b/browser/package.json
@@ -24,20 +24,21 @@
     "classnames": "2.3.1",
     "file-saver": "1.3.8",
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
-    "igniteui-react-spreadsheet-chart-adapter": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-dashboards": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
+    "igniteui-react-spreadsheet-chart-adapter": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "2.8.0",
+    "lit-html": "^3.2.0",
     "prop-types": "15.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -49,6 +50,8 @@
     "tslib": "^2.4.0"
   },
   "devDependencies": {
+    "@babel/plugin-transform-private-property-in-object": "^7.25.9",
+    "@babel/plugin-proposal-private-property-in-object":"~7.21.11",
     "@types/gulp": "^4.0.6",
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.7",
diff --git a/browser/package_move.bat b/browser/package_move.bat
index 1e5e84484c..1a81eb5230 100644
--- a/browser/package_move.bat
+++ b/browser/package_move.bat
@@ -25,6 +25,10 @@ IF EXIST @infragistics\igniteui-react-gauges (
 IF EXIST @infragistics\igniteui-react-grids (
  MOVE /y @infragistics\igniteui-react-grids igniteui-react-grids
 )
+
+IF EXIST @infragistics\igniteui-react-dashboards (
+ MOVE /y @infragistics\igniteui-react-dashboards igniteui-react-dashboards
+)
  
 IF EXIST @infragistics\igniteui-react-excel (
  MOVE /y @infragistics\igniteui-react-excel igniteui-react-excel
diff --git a/browser/public/meta.json b/browser/public/meta.json
index ca6b3fe2e1..7c147b655b 100644
--- a/browser/public/meta.json
+++ b/browser/public/meta.json
@@ -1 +1 @@
-{"version":"23.2.915","date":"2024-09-05 15:56:45","note":"this file is auto-generated"}
\ No newline at end of file
+{"version":"23.2.915","date":"2024-12-16 12:49:26","note":"this file is auto-generated"}
\ No newline at end of file
diff --git a/browser/src/navigation/SamplesBrowser.json b/browser/src/navigation/SamplesBrowser.json
index ca6b3fe2e1..7c147b655b 100644
--- a/browser/src/navigation/SamplesBrowser.json
+++ b/browser/src/navigation/SamplesBrowser.json
@@ -1 +1 @@
-{"version":"23.2.915","date":"2024-09-05 15:56:45","note":"this file is auto-generated"}
\ No newline at end of file
+{"version":"23.2.915","date":"2024-12-16 12:49:26","note":"this file is auto-generated"}
\ No newline at end of file
diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 148876acad..b14417ed8d 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -278,6 +278,7 @@ function copySamples(cb) {
             // auto fix TS lint issue in import statements:
             code = code.replace('from "igniteui-react";', "from 'igniteui-react';");
             code = code.replace('from "igniteui-react-core";', "from 'igniteui-react-core';");
+            code = code.replace('from "igniteui-react-dashboards";', "from 'igniteui-react-dashboards';");
             code = code.replace('from "igniteui-react-charts";', "from 'igniteui-react-charts';");
             code = code.replace('from "igniteui-react-maps";', "from 'igniteui-react-maps';");
             code = code.replace('from "igniteui-react-gauges";', "from 'igniteui-react-gauges';");
@@ -824,38 +825,38 @@ function updateIG(cb) {
     // { name:               "igniteui-react-charts", version: "16.16.2" }, // npm
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-react-core"                     , version: "18.7.4" },
-        { name: "igniteui-react-charts"                   , version: "18.7.4" },
-        { name: "igniteui-react-excel"                    , version: "18.7.4" },
-        { name: "igniteui-react-gauges"                   , version: "18.7.4" },
-        { name: "igniteui-react-grids"                    , version: "18.7.4" },
-        { name: "igniteui-react-inputs"                   , version: "18.7.4" },
-        { name: "igniteui-react-layouts"                  , version: "18.7.4" },
-        { name: "igniteui-react-maps"                     , version: "18.7.4" },
-        { name: "igniteui-react-spreadsheet-chart-adapter", version: "18.7.4" },
-        { name: "igniteui-react-spreadsheet"              , version: "18.7.4" },
-        { name: "igniteui-react-datasources"              , version: "18.7.4" },
-        { name: "igniteui-react"                          , version: "18.7.4" },
+        { version: "18.7.6", name: "igniteui-react-core" },
+        { version: "18.7.6", name: "igniteui-react-charts" },
+        { version: "18.7.6", name: "igniteui-react-excel" },
+        { version: "18.7.6", name: "igniteui-react-gauges" },
+        { version: "18.7.6", name: "igniteui-react-grids" },
+        { version: "18.7.6", name: "igniteui-react-inputs" },
+        { version: "18.7.6", name: "igniteui-react-layouts" },
+        { version: "18.7.6", name: "igniteui-react-maps" },
+        { version: "18.7.6", name: "igniteui-react-spreadsheet-chart-adapter" },
+        { version: "18.7.6", name: "igniteui-react-spreadsheet" },
+        { version: "18.7.6", name: "igniteui-react-datasources" },
+        { version: "18.7.6", name: "igniteui-react-dashboards" },
+        { version: "18.7.6", name: "igniteui-react" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents", version: "5.1.2" },
-        { name: "igniteui-dockmanager",   version: "1.15.2" },
+        { version: "5.1.2" , name: "igniteui-webcomponents" },
+        { version: "1.15.2", name: "igniteui-dockmanager" },
         // main react packages
-        { name: "react"             , version: "^18.2.0", },
-        { name: "react-dom"         , version: "^18.2.0", },
-        { name: "react-scripts"     , version: "^5.0.1", },
-        // { name: "tslib"             , version: "^2.4.0", },
-        // { name: "lit-html"          , version: "^2.2.0", },
-
-        { name: "eslint"             , version: "^8.33.0", },
-        { name: "eslint-config-react", version: "^1.1.7", },
-        { name: "eslint-plugin-react", version: "^7.20.0", },
-
-        { name: "@types/jest"       , version: "^29.2.0", },
-        { name: "@types/node"       , version: "^18.11.7", },
-        { name: "@types/react"      , version: "^18.0.24", },
-        { name: "@types/react-dom"  , version: "^18.0.8", },
-        { name: "react-app-rewired" , version: "^2.2.1", },
-        { name: "typescript"        , version: "^4.8.4", },
+        { version: "^18.2.0", name: "react" },
+        { version: "^18.2.0", name: "react-dom" },
+        { version: "^5.0.1",  name: "react-scripts" },
+        // { version: "^2.4.0", name: "tslib" },
+        // { version: "^2.2.0", name: "lit-html" },
+        { version: "^8.33.0", name: "eslint" },
+        { version: "^1.1.7",  name: "eslint-config-react" },
+        { version: "^7.20.0", name: "eslint-plugin-react" },
+
+        { version: "^29.2.0",  name: "@types/jest" },
+        { version: "^18.11.7", name: "@types/node" },
+        { version: "^18.0.24", name: "@types/react" },
+        { version: "^18.0.8",  name: "@types/react-dom" },
+        { version: "^2.2.1",   name: "react-app-rewired" },
+        { version: "^4.8.4",   name: "typescript" },
     ];
 
     // NOTE you can comment out strings in this array to run these function only on a subset of samples
diff --git a/browser/templates/sample/tsconfig.json b/browser/templates/sample/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/browser/templates/sample/tsconfig.json
+++ b/browser/templates/sample/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/browser/tsconfig.json b/browser/tsconfig.json
index 7f88dd6162..e10c5f7517 100644
--- a/browser/tsconfig.json
+++ b/browser/tsconfig.json
@@ -25,7 +25,6 @@
     "noUnusedLocals": false,
     "strictNullChecks": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "ignoreDeprecations": "5.0",
     "strict": false,
     "isolatedModules": true,
diff --git a/browser/tsconfig.paths.json b/browser/tsconfig.paths.json
index 3fa4d14adf..008c61999b 100644
--- a/browser/tsconfig.paths.json
+++ b/browser/tsconfig.paths.json
@@ -2,22 +2,23 @@
     "compilerOptions": {
       "baseUrl": ".",
       "paths": {
-        "igniteui-react-core": ["node_modules/igniteui-react-core", "node_modules/@infragistics/igniteui-react-core"],
-        "igniteui-react-charts": ["node_modules/igniteui-react-charts", "node_modules/@infragistics/igniteui-react-charts"],
-        "igniteui-react-grids": ["node_modules/igniteui-react-grids", "node_modules/@infragistics/igniteui-react-grids"],
-        "igniteui-react-grids/grids": ["node_modules/igniteui-react-grids/grids", "node_modules/@infragistics/igniteui-react-grids/grids"],
-        "igniteui-react-gauges": ["node_modules/igniteui-react-gauges", "node_modules/@infragistics/igniteui-react-gauges"],
-        "igniteui-react-inputs": ["node_modules/igniteui-react-inputs", "node_modules/@infragistics/igniteui-react-inputs"],
-        "igniteui-react-layouts": ["node_modules/igniteui-react-layouts", "node_modules/@infragistics/igniteui-react-layouts"],
-        "igniteui-react-maps": ["node_modules/igniteui-react-maps", "node_modules/@infragistics/igniteui-react-maps"],
-        "igniteui-react": ["node_modules/igniteui-react", "node_modules/@infragistics/igniteui-react"],
-        "igniteui-react-excel": ["node_modules/igniteui-react-excel", "node_modules/@infragistics/igniteui-react-excel"],
-        "igniteui-react-datasources": ["node_modules/igniteui-react-datasources", "node_modules/@infragistics/igniteui-react-datasources"],
-        "igniteui-react-spreadsheet": ["node_modules/igniteui-react-spreadsheet", "node_modules/@infragistics/igniteui-react-spreadsheet"],
-        "igniteui-react-spreadsheet-chart-adapter": ["node_modules/igniteui-react-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-react-spreadsheet-chart-adapter"],
-        "igniteui-webcomponents": ["node_modules/igniteui-webcomponents", "node_modules/@infragistics/igniteui-webcomponents"],
-        "igniteui-dockmanager": ["node_modules/igniteui-dockmanager", "node_modules/@infragisics/igniteui-dockmanager"],
-        "igniteui-dockmanager/loader": ["node_modules/igniteui-dockmanager/loader", "node_modules/@infragistics/igniteui-dockmanager/loader"]
+        "igniteui-react-core": [ "node_modules/igniteui-react-core", "node_modules/@infragistics/igniteui-react-core" ],
+        "igniteui-react-charts": [ "node_modules/igniteui-react-charts", "node_modules/@infragistics/igniteui-react-charts" ],
+        "igniteui-react-grids": [ "node_modules/igniteui-react-grids", "node_modules/@infragistics/igniteui-react-grids" ],
+        "igniteui-react-grids/grids": [ "node_modules/igniteui-react-grids/grids", "node_modules/@infragistics/igniteui-react-grids/grids" ],
+        "igniteui-react-gauges": [ "node_modules/igniteui-react-gauges", "node_modules/@infragistics/igniteui-react-gauges" ],
+        "igniteui-react-inputs": [ "node_modules/igniteui-react-inputs", "node_modules/@infragistics/igniteui-react-inputs" ],
+        "igniteui-react-layouts": [ "node_modules/igniteui-react-layouts", "node_modules/@infragistics/igniteui-react-layouts" ],
+        "igniteui-react-maps": [ "node_modules/igniteui-react-maps", "node_modules/@infragistics/igniteui-react-maps" ],
+        "igniteui-react": [ "node_modules/igniteui-react", "node_modules/@infragistics/igniteui-react" ],
+        "igniteui-react-excel": [ "node_modules/igniteui-react-excel", "node_modules/@infragistics/igniteui-react-excel" ],
+        "igniteui-react-datasources": [ "node_modules/igniteui-react-datasources", "node_modules/@infragistics/igniteui-react-datasources" ],
+        "igniteui-react-dashboards": [ "node_modules/igniteui-react-dashboards", "node_modules/@infragistics/igniteui-react-dashboards" ],
+        "igniteui-react-spreadsheet": [ "node_modules/igniteui-react-spreadsheet", "node_modules/@infragistics/igniteui-react-spreadsheet" ],
+        "igniteui-react-spreadsheet-chart-adapter": [ "node_modules/igniteui-react-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-react-spreadsheet-chart-adapter" ],
+        "igniteui-webcomponents": [ "node_modules/igniteui-webcomponents", "node_modules/@infragistics/igniteui-webcomponents" ],
+        "igniteui-dockmanager": [ "node_modules/igniteui-dockmanager", "node_modules/@infragisics/igniteui-dockmanager" ],
+        "igniteui-dockmanager/loader": [ "node_modules/igniteui-dockmanager/loader", "node_modules/@infragistics/igniteui-dockmanager/loader" ]
       }
     }
   }
\ No newline at end of file
diff --git a/samples/charts/category-chart/annotations-all/.eslintrc.js b/samples/charts/category-chart/annotations-all/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/annotations-all/.eslintrc.js
+++ b/samples/charts/category-chart/annotations-all/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/annotations-all/src/index.tsx b/samples/charts/category-chart/annotations-all/src/index.tsx
index 8be5f0815d..bed1c7ce7f 100644
--- a/samples/charts/category-chart/annotations-all/src/index.tsx
+++ b/samples/charts/category-chart/annotations-all/src/index.tsx
@@ -105,7 +105,8 @@ export default class Sample extends React.Component<any, any> {
                     finalValueAnnotationsTextColor="white"
                     finalValueAnnotationsPrecision="0"
                     yAxisMaximumValue="35"
-                    yAxisLabelLocation="OutsideRight">
+                    yAxisLabelLocation="OutsideRight"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/category-chart/annotations-callouts/.eslintrc.js b/samples/charts/category-chart/annotations-callouts/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/annotations-callouts/.eslintrc.js
+++ b/samples/charts/category-chart/annotations-callouts/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/annotations-callouts/src/index.tsx b/samples/charts/category-chart/annotations-callouts/src/index.tsx
index f9d0c707fa..42e150848c 100644
--- a/samples/charts/category-chart/annotations-callouts/src/index.tsx
+++ b/samples/charts/category-chart/annotations-callouts/src/index.tsx
@@ -75,7 +75,8 @@ export default class Sample extends React.Component<any, any> {
                     crosshairsAnnotationYAxisPrecision="0"
                     yAxisMaximumValue="35"
                     yAxisTitle="Degrees Celsius"
-                    yAxisLabelLocation="OutsideRight">
+                    yAxisLabelLocation="OutsideRight"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/category-chart/annotations-crosshairs/.eslintrc.js b/samples/charts/category-chart/annotations-crosshairs/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/annotations-crosshairs/.eslintrc.js
+++ b/samples/charts/category-chart/annotations-crosshairs/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/annotations-crosshairs/src/index.tsx b/samples/charts/category-chart/annotations-crosshairs/src/index.tsx
index f343353889..59f2f3f98c 100644
--- a/samples/charts/category-chart/annotations-crosshairs/src/index.tsx
+++ b/samples/charts/category-chart/annotations-crosshairs/src/index.tsx
@@ -87,7 +87,8 @@ export default class Sample extends React.Component<any, any> {
                     crosshairsLineThickness="2"
                     crosshairsSnapToData="true"
                     yAxisMaximumValue="35"
-                    yAxisLabelLocation="OutsideRight">
+                    yAxisLabelLocation="OutsideRight"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/category-chart/annotations-custom/.eslintrc.js b/samples/charts/category-chart/annotations-custom/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/annotations-custom/.eslintrc.js
+++ b/samples/charts/category-chart/annotations-custom/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/annotations-custom/src/index.tsx b/samples/charts/category-chart/annotations-custom/src/index.tsx
index cb3850b9e4..22774cf341 100644
--- a/samples/charts/category-chart/annotations-custom/src/index.tsx
+++ b/samples/charts/category-chart/annotations-custom/src/index.tsx
@@ -78,7 +78,8 @@ export default class Sample extends React.Component<any, any> {
                     calloutsYMemberPath="temperature"
                     calloutsLabelMemberPath="tempInfo"
                     yAxisMaximumValue="35"
-                    yAxisLabelLocation="OutsideRight">
+                    yAxisLabelLocation="OutsideRight"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/category-chart/annotations-final-value/.eslintrc.js b/samples/charts/category-chart/annotations-final-value/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/annotations-final-value/.eslintrc.js
+++ b/samples/charts/category-chart/annotations-final-value/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/annotations-final-value/src/index.tsx b/samples/charts/category-chart/annotations-final-value/src/index.tsx
index fae32cea4e..45583007a9 100644
--- a/samples/charts/category-chart/annotations-final-value/src/index.tsx
+++ b/samples/charts/category-chart/annotations-final-value/src/index.tsx
@@ -77,7 +77,8 @@ export default class Sample extends React.Component<any, any> {
                     finalValueAnnotationsPrecision="0"
                     crosshairsAnnotationYAxisPrecision="0"
                     yAxisMaximumValue="35"
-                    yAxisLabelLocation="OutsideRight">
+                    yAxisLabelLocation="OutsideRight"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/category-chart/annotations-highlighting/.eslintrc.js b/samples/charts/category-chart/annotations-highlighting/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/annotations-highlighting/.eslintrc.js
+++ b/samples/charts/category-chart/annotations-highlighting/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/annotations-highlighting/src/index.tsx b/samples/charts/category-chart/annotations-highlighting/src/index.tsx
index d35944a98e..35ed12f2f8 100644
--- a/samples/charts/category-chart/annotations-highlighting/src/index.tsx
+++ b/samples/charts/category-chart/annotations-highlighting/src/index.tsx
@@ -80,7 +80,8 @@ export default class Sample extends React.Component<any, any> {
                     highlightingBehavior="NearestItemsAndSeries"
                     yAxisMaximumValue="35"
                     yAxisLabelLocation="OutsideRight"
-                    toolTipType="None">
+                    toolTipType="None"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/category-chart/annotations/package.json b/samples/charts/category-chart/annotations/package.json
index 84f03271f7..c2fae2ef52 100644
--- a/samples/charts/category-chart/annotations/package.json
+++ b/samples/charts/category-chart/annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/annotations/tsconfig.json b/samples/charts/category-chart/annotations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/annotations/tsconfig.json
+++ b/samples/charts/category-chart/annotations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/area-chart-multiple-sources/.eslintrc.js b/samples/charts/category-chart/area-chart-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/.eslintrc.js
+++ b/samples/charts/category-chart/area-chart-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/area-chart-multiple-sources/package.json b/samples/charts/category-chart/area-chart-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/area-chart-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/area-chart-single-source/.eslintrc.js b/samples/charts/category-chart/area-chart-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/area-chart-single-source/.eslintrc.js
+++ b/samples/charts/category-chart/area-chart-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/area-chart-single-source/package.json b/samples/charts/category-chart/area-chart-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/area-chart-single-source/package.json
+++ b/samples/charts/category-chart/area-chart-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/area-chart-styling/.eslintrc.js b/samples/charts/category-chart/area-chart-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/area-chart-styling/.eslintrc.js
+++ b/samples/charts/category-chart/area-chart-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/area-chart-styling/package.json b/samples/charts/category-chart/area-chart-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/area-chart-styling/package.json
+++ b/samples/charts/category-chart/area-chart-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-gap/.eslintrc.js b/samples/charts/category-chart/axis-gap/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-gap/.eslintrc.js
+++ b/samples/charts/category-chart/axis-gap/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-gridlines/.eslintrc.js b/samples/charts/category-chart/axis-gridlines/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-gridlines/.eslintrc.js
+++ b/samples/charts/category-chart/axis-gridlines/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-gridlines/src/index.tsx b/samples/charts/category-chart/axis-gridlines/src/index.tsx
index f3ad6b1a69..2a604a8140 100644
--- a/samples/charts/category-chart/axis-gridlines/src/index.tsx
+++ b/samples/charts/category-chart/axis-gridlines/src/index.tsx
@@ -29,6 +29,8 @@ export default class Sample extends React.Component<any, any> {
         this.propertyEditorPanel1 = r;
         this.setState({});
     }
+    private xAxisStroke: IgrPropertyEditorPropertyDescription
+    private xAxisMajorStroke: IgrPropertyEditorPropertyDescription
     private yAxisStroke: IgrPropertyEditorPropertyDescription
     private yAxisMajorStroke: IgrPropertyEditorPropertyDescription
     private yAxisMinorStroke: IgrPropertyEditorPropertyDescription
@@ -57,6 +59,26 @@ export default class Sample extends React.Component<any, any> {
                     isHorizontal="true"
                     isWrappingEnabled="true"
                     ref={this.propertyEditorPanel1Ref}>
+                    <IgrPropertyEditorPropertyDescription
+                        propertyPath="XAxisStroke"
+                        name="XAxisStroke"
+                        label="X Axis Stroke"
+                        shouldOverrideDefaultEditor="true"
+                        valueType="EnumValue"
+                        dropDownNames={["gray", "darkslategray", "salmon", "cornflowerblue", "darkgreen"]}
+                        dropDownValues={["gray", "darkslategray", "salmon", "cornflowerblue", "darkgreen"]}
+                        primitiveValue="gray">
+                    </IgrPropertyEditorPropertyDescription>
+                    <IgrPropertyEditorPropertyDescription
+                        propertyPath="XAxisMajorStroke"
+                        name="XAxisMajorStroke"
+                        label="X Axis Major Stroke"
+                        shouldOverrideDefaultEditor="true"
+                        valueType="EnumValue"
+                        dropDownNames={["gray", "darkslategray", "salmon", "cornflowerblue", "darkgreen"]}
+                        dropDownValues={["gray", "darkslategray", "salmon", "cornflowerblue", "darkgreen"]}
+                        primitiveValue="darkslategray">
+                    </IgrPropertyEditorPropertyDescription>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="YAxisStroke"
                         name="YAxisStroke"
diff --git a/samples/charts/category-chart/axis-inverted/.eslintrc.js b/samples/charts/category-chart/axis-inverted/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-inverted/.eslintrc.js
+++ b/samples/charts/category-chart/axis-inverted/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-labels/.eslintrc.js b/samples/charts/category-chart/axis-labels/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-labels/.eslintrc.js
+++ b/samples/charts/category-chart/axis-labels/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-locations/.eslintrc.js b/samples/charts/category-chart/axis-locations/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-locations/.eslintrc.js
+++ b/samples/charts/category-chart/axis-locations/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-options/.eslintrc.js b/samples/charts/category-chart/axis-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-options/.eslintrc.js
+++ b/samples/charts/category-chart/axis-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-options/package.json b/samples/charts/category-chart/axis-options/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/axis-options/package.json
+++ b/samples/charts/category-chart/axis-options/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-overlap/.eslintrc.js b/samples/charts/category-chart/axis-overlap/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-overlap/.eslintrc.js
+++ b/samples/charts/category-chart/axis-overlap/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-range/.eslintrc.js b/samples/charts/category-chart/axis-range/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-range/.eslintrc.js
+++ b/samples/charts/category-chart/axis-range/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-tickmarks/.eslintrc.js b/samples/charts/category-chart/axis-tickmarks/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-tickmarks/.eslintrc.js
+++ b/samples/charts/category-chart/axis-tickmarks/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/axis-titles/.eslintrc.js b/samples/charts/category-chart/axis-titles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/axis-titles/.eslintrc.js
+++ b/samples/charts/category-chart/axis-titles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/axis-titles/package.json b/samples/charts/category-chart/axis-titles/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/axis-titles/package.json
+++ b/samples/charts/category-chart/axis-titles/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/chart-highlight-filter/.eslintrc.js b/samples/charts/category-chart/chart-highlight-filter/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/chart-highlight-filter/.eslintrc.js
+++ b/samples/charts/category-chart/chart-highlight-filter/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/.eslintrc.js b/samples/charts/category-chart/column-chart-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/.eslintrc.js
+++ b/samples/charts/category-chart/column-chart-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/package.json b/samples/charts/category-chart/column-chart-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/column-chart-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/column-chart-single-source/.eslintrc.js b/samples/charts/category-chart/column-chart-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/column-chart-single-source/.eslintrc.js
+++ b/samples/charts/category-chart/column-chart-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/column-chart-single-source/package.json b/samples/charts/category-chart/column-chart-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/column-chart-single-source/package.json
+++ b/samples/charts/category-chart/column-chart-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/column-chart-styling/.eslintrc.js b/samples/charts/category-chart/column-chart-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/column-chart-styling/.eslintrc.js
+++ b/samples/charts/category-chart/column-chart-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/column-chart-styling/package.json b/samples/charts/category-chart/column-chart-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/column-chart-styling/package.json
+++ b/samples/charts/category-chart/column-chart-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/column-chart-with-highlighting/package.json b/samples/charts/category-chart/column-chart-with-highlighting/package.json
index e434479140..7817c37eda 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/package.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/column-chart-with-highlighting/tsconfig.json b/samples/charts/category-chart/column-chart-with-highlighting/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/tsconfig.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/.eslintrc.js b/samples/charts/category-chart/column-chart-with-tooltips/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/.eslintrc.js
+++ b/samples/charts/category-chart/column-chart-with-tooltips/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/custom-selection/.eslintrc.js b/samples/charts/category-chart/custom-selection/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/custom-selection/.eslintrc.js
+++ b/samples/charts/category-chart/custom-selection/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/custom-selection/package.json b/samples/charts/category-chart/custom-selection/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/custom-selection/package.json
+++ b/samples/charts/category-chart/custom-selection/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/data-aggregations/.eslintrc.js b/samples/charts/category-chart/data-aggregations/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/data-aggregations/.eslintrc.js
+++ b/samples/charts/category-chart/data-aggregations/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/data-filter/.eslintrc.js b/samples/charts/category-chart/data-filter/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/data-filter/.eslintrc.js
+++ b/samples/charts/category-chart/data-filter/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/.eslintrc.js b/samples/charts/category-chart/data-legend-formatting-decimals/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/.eslintrc.js
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/package.json b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/data-legend/.eslintrc.js b/samples/charts/category-chart/data-legend/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/data-legend/.eslintrc.js
+++ b/samples/charts/category-chart/data-legend/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/data-legend/package.json b/samples/charts/category-chart/data-legend/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/data-legend/package.json
+++ b/samples/charts/category-chart/data-legend/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/.eslintrc.js b/samples/charts/category-chart/data-tooltip-formatting-decimals/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/.eslintrc.js
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/data-tooltip-positioning/.eslintrc.js b/samples/charts/category-chart/data-tooltip-positioning/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/.eslintrc.js
+++ b/samples/charts/category-chart/data-tooltip-positioning/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/data-tooltip/.eslintrc.js b/samples/charts/category-chart/data-tooltip/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/data-tooltip/.eslintrc.js
+++ b/samples/charts/category-chart/data-tooltip/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/data-tooltip/package.json b/samples/charts/category-chart/data-tooltip/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/data-tooltip/package.json
+++ b/samples/charts/category-chart/data-tooltip/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/format-specifiers/.eslintrc.js b/samples/charts/category-chart/format-specifiers/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/format-specifiers/.eslintrc.js
+++ b/samples/charts/category-chart/format-specifiers/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/format-specifiers/package.json b/samples/charts/category-chart/format-specifiers/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/format-specifiers/package.json
+++ b/samples/charts/category-chart/format-specifiers/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index d53628a482..a2074b32e5 100644
--- a/samples/charts/category-chart/high-frequency/package.json
+++ b/samples/charts/category-chart/high-frequency/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/high-frequency/tsconfig.json b/samples/charts/category-chart/high-frequency/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/high-frequency/tsconfig.json
+++ b/samples/charts/category-chart/high-frequency/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index 149a80c71d..e002bf8836 100644
--- a/samples/charts/category-chart/high-volume/package.json
+++ b/samples/charts/category-chart/high-volume/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/high-volume/tsconfig.json b/samples/charts/category-chart/high-volume/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/high-volume/tsconfig.json
+++ b/samples/charts/category-chart/high-volume/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/highlighting-behavior/.eslintrc.js b/samples/charts/category-chart/highlighting-behavior/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/highlighting-behavior/.eslintrc.js
+++ b/samples/charts/category-chart/highlighting-behavior/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/highlighting-behavior/src/index.tsx b/samples/charts/category-chart/highlighting-behavior/src/index.tsx
index 92927c2e9e..c77611e543 100644
--- a/samples/charts/category-chart/highlighting-behavior/src/index.tsx
+++ b/samples/charts/category-chart/highlighting-behavior/src/index.tsx
@@ -68,7 +68,8 @@ export default class Sample extends React.Component<any, any> {
                     highlightingMode="Brighten"
                     highlightingBehavior="DirectlyOver"
                     toolTipType="None"
-                    crosshairsDisplayMode="None">
+                    crosshairsDisplayMode="None"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/category-chart/highlighting-mode/.eslintrc.js b/samples/charts/category-chart/highlighting-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/highlighting-mode/.eslintrc.js
+++ b/samples/charts/category-chart/highlighting-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/highlighting-mode/src/index.tsx b/samples/charts/category-chart/highlighting-mode/src/index.tsx
index 9f455594f2..51906cad06 100644
--- a/samples/charts/category-chart/highlighting-mode/src/index.tsx
+++ b/samples/charts/category-chart/highlighting-mode/src/index.tsx
@@ -67,7 +67,8 @@ export default class Sample extends React.Component<any, any> {
                     dataSource={this.temperatureAnnotatedData}
                     highlightingMode="BrightenSpecific"
                     toolTipType="None"
-                    crosshairsDisplayMode="None">
+                    crosshairsDisplayMode="None"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/category-chart/highlighting/package.json b/samples/charts/category-chart/highlighting/package.json
index e434479140..7817c37eda 100644
--- a/samples/charts/category-chart/highlighting/package.json
+++ b/samples/charts/category-chart/highlighting/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/highlighting/tsconfig.json b/samples/charts/category-chart/highlighting/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/highlighting/tsconfig.json
+++ b/samples/charts/category-chart/highlighting/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/legend-highlighting/.eslintrc.js b/samples/charts/category-chart/legend-highlighting/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/legend-highlighting/.eslintrc.js
+++ b/samples/charts/category-chart/legend-highlighting/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/legend-highlighting/package.json
+++ b/samples/charts/category-chart/legend-highlighting/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/legend-highlighting/src/index.tsx b/samples/charts/category-chart/legend-highlighting/src/index.tsx
index cd9c3d36b6..650502ddf6 100644
--- a/samples/charts/category-chart/legend-highlighting/src/index.tsx
+++ b/samples/charts/category-chart/legend-highlighting/src/index.tsx
@@ -59,7 +59,8 @@ export default class Sample extends React.Component<any, any> {
                     isHorizontalZoomEnabled="false"
                     isVerticalZoomEnabled="false"
                     highlightingMode="Brighten"
-                    legendHighlightingMode="MatchSeries">
+                    legendHighlightingMode="MatchSeries"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/category-chart/line-chart-multiple-sources/.eslintrc.js b/samples/charts/category-chart/line-chart-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/.eslintrc.js
+++ b/samples/charts/category-chart/line-chart-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/line-chart-multiple-sources/package.json b/samples/charts/category-chart/line-chart-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/line-chart-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/line-chart-single-source/.eslintrc.js b/samples/charts/category-chart/line-chart-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/line-chart-single-source/.eslintrc.js
+++ b/samples/charts/category-chart/line-chart-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/line-chart-single-source/package.json b/samples/charts/category-chart/line-chart-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/line-chart-single-source/package.json
+++ b/samples/charts/category-chart/line-chart-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/line-chart-styling/.eslintrc.js b/samples/charts/category-chart/line-chart-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/line-chart-styling/.eslintrc.js
+++ b/samples/charts/category-chart/line-chart-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/line-chart-styling/package.json b/samples/charts/category-chart/line-chart-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/line-chart-styling/package.json
+++ b/samples/charts/category-chart/line-chart-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/line-chart-with-animations/package.json b/samples/charts/category-chart/line-chart-with-animations/package.json
index 251d970dd4..ec550325b8 100644
--- a/samples/charts/category-chart/line-chart-with-animations/package.json
+++ b/samples/charts/category-chart/line-chart-with-animations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/line-chart-with-animations/tsconfig.json b/samples/charts/category-chart/line-chart-with-animations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/line-chart-with-animations/tsconfig.json
+++ b/samples/charts/category-chart/line-chart-with-animations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/line-chart-with-annotations/package.json b/samples/charts/category-chart/line-chart-with-annotations/package.json
index 251d970dd4..ec550325b8 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/package.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/line-chart-with-annotations/tsconfig.json b/samples/charts/category-chart/line-chart-with-annotations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/tsconfig.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/marker-options/.eslintrc.js b/samples/charts/category-chart/marker-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/marker-options/.eslintrc.js
+++ b/samples/charts/category-chart/marker-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index e189faeae3..a23669cf87 100644
--- a/samples/charts/category-chart/marker-templates/package.json
+++ b/samples/charts/category-chart/marker-templates/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/marker-templates/tsconfig.json b/samples/charts/category-chart/marker-templates/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/marker-templates/tsconfig.json
+++ b/samples/charts/category-chart/marker-templates/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/overview/.eslintrc.js b/samples/charts/category-chart/overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/overview/.eslintrc.js
+++ b/samples/charts/category-chart/overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/overview/package.json
+++ b/samples/charts/category-chart/overview/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/point-chart-multiple-sources/.eslintrc.js b/samples/charts/category-chart/point-chart-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/.eslintrc.js
+++ b/samples/charts/category-chart/point-chart-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/point-chart-multiple-sources/package.json b/samples/charts/category-chart/point-chart-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/point-chart-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/point-chart-single-source/.eslintrc.js b/samples/charts/category-chart/point-chart-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/point-chart-single-source/.eslintrc.js
+++ b/samples/charts/category-chart/point-chart-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/point-chart-single-source/package.json b/samples/charts/category-chart/point-chart-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/point-chart-single-source/package.json
+++ b/samples/charts/category-chart/point-chart-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/point-chart-styling/.eslintrc.js b/samples/charts/category-chart/point-chart-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/point-chart-styling/.eslintrc.js
+++ b/samples/charts/category-chart/point-chart-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/point-chart-styling/package.json b/samples/charts/category-chart/point-chart-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/point-chart-styling/package.json
+++ b/samples/charts/category-chart/point-chart-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/selection-modes/.eslintrc.js b/samples/charts/category-chart/selection-modes/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/selection-modes/.eslintrc.js
+++ b/samples/charts/category-chart/selection-modes/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/selection-modes/package.json
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/selection-multiple-modes/.eslintrc.js b/samples/charts/category-chart/selection-multiple-modes/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/selection-multiple-modes/.eslintrc.js
+++ b/samples/charts/category-chart/selection-multiple-modes/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/spline-area-multiple-sources/.eslintrc.js b/samples/charts/category-chart/spline-area-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/.eslintrc.js
+++ b/samples/charts/category-chart/spline-area-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/spline-area-multiple-sources/package.json b/samples/charts/category-chart/spline-area-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-area-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/spline-area-single-source/.eslintrc.js b/samples/charts/category-chart/spline-area-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/spline-area-single-source/.eslintrc.js
+++ b/samples/charts/category-chart/spline-area-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/spline-area-single-source/package.json b/samples/charts/category-chart/spline-area-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/spline-area-single-source/package.json
+++ b/samples/charts/category-chart/spline-area-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/spline-area-styling/.eslintrc.js b/samples/charts/category-chart/spline-area-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/spline-area-styling/.eslintrc.js
+++ b/samples/charts/category-chart/spline-area-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/spline-area-styling/package.json b/samples/charts/category-chart/spline-area-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/spline-area-styling/package.json
+++ b/samples/charts/category-chart/spline-area-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/spline-multiple-sources/.eslintrc.js b/samples/charts/category-chart/spline-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/spline-multiple-sources/.eslintrc.js
+++ b/samples/charts/category-chart/spline-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/spline-multiple-sources/package.json b/samples/charts/category-chart/spline-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/spline-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/spline-single-source/.eslintrc.js b/samples/charts/category-chart/spline-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/spline-single-source/.eslintrc.js
+++ b/samples/charts/category-chart/spline-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/spline-single-source/package.json b/samples/charts/category-chart/spline-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/spline-single-source/package.json
+++ b/samples/charts/category-chart/spline-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/spline-styling/.eslintrc.js b/samples/charts/category-chart/spline-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/spline-styling/.eslintrc.js
+++ b/samples/charts/category-chart/spline-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/spline-styling/package.json b/samples/charts/category-chart/spline-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/spline-styling/package.json
+++ b/samples/charts/category-chart/spline-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 6f30611460..5021cff139 100644
--- a/samples/charts/category-chart/stack-columns/package.json
+++ b/samples/charts/category-chart/stack-columns/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/stack-columns/tsconfig.json b/samples/charts/category-chart/stack-columns/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/stack-columns/tsconfig.json
+++ b/samples/charts/category-chart/stack-columns/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/step-area-multiple-sources/.eslintrc.js b/samples/charts/category-chart/step-area-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/.eslintrc.js
+++ b/samples/charts/category-chart/step-area-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/step-area-multiple-sources/package.json b/samples/charts/category-chart/step-area-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-area-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/step-area-single-source/.eslintrc.js b/samples/charts/category-chart/step-area-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/step-area-single-source/.eslintrc.js
+++ b/samples/charts/category-chart/step-area-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/step-area-single-source/package.json b/samples/charts/category-chart/step-area-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/step-area-single-source/package.json
+++ b/samples/charts/category-chart/step-area-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/step-area-styling/.eslintrc.js b/samples/charts/category-chart/step-area-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/step-area-styling/.eslintrc.js
+++ b/samples/charts/category-chart/step-area-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/step-area-styling/package.json b/samples/charts/category-chart/step-area-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/step-area-styling/package.json
+++ b/samples/charts/category-chart/step-area-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/step-line-multiple-sources/.eslintrc.js b/samples/charts/category-chart/step-line-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/.eslintrc.js
+++ b/samples/charts/category-chart/step-line-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/step-line-multiple-sources/package.json b/samples/charts/category-chart/step-line-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-line-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/step-line-single-source/.eslintrc.js b/samples/charts/category-chart/step-line-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/step-line-single-source/.eslintrc.js
+++ b/samples/charts/category-chart/step-line-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/step-line-single-source/package.json b/samples/charts/category-chart/step-line-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/step-line-single-source/package.json
+++ b/samples/charts/category-chart/step-line-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/step-line-styling/.eslintrc.js b/samples/charts/category-chart/step-line-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/step-line-styling/.eslintrc.js
+++ b/samples/charts/category-chart/step-line-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/step-line-styling/package.json b/samples/charts/category-chart/step-line-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/category-chart/step-line-styling/package.json
+++ b/samples/charts/category-chart/step-line-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index 8cb0eecf62..bf7c1cfd8a 100644
--- a/samples/charts/category-chart/tooltip-template/package.json
+++ b/samples/charts/category-chart/tooltip-template/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/tooltip-template/tsconfig.json b/samples/charts/category-chart/tooltip-template/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/tooltip-template/tsconfig.json
+++ b/samples/charts/category-chart/tooltip-template/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index 1e92f9de4e..a2ff17002c 100644
--- a/samples/charts/category-chart/tooltip-types/package.json
+++ b/samples/charts/category-chart/tooltip-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/tooltip-types/tsconfig.json b/samples/charts/category-chart/tooltip-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/tooltip-types/tsconfig.json
+++ b/samples/charts/category-chart/tooltip-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index 55bd68f390..c684e83b2c 100644
--- a/samples/charts/category-chart/trendline/package.json
+++ b/samples/charts/category-chart/trendline/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/trendline/tsconfig.json b/samples/charts/category-chart/trendline/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/category-chart/trendline/tsconfig.json
+++ b/samples/charts/category-chart/trendline/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/category-chart/value-lines/.eslintrc.js b/samples/charts/category-chart/value-lines/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/category-chart/value-lines/.eslintrc.js
+++ b/samples/charts/category-chart/value-lines/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/dashboard-tile/chart-dashboard/.eslintrc.js b/samples/charts/dashboard-tile/chart-dashboard/.eslintrc.js
new file mode 100644
index 0000000000..7168b71441
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/.eslintrc.js
@@ -0,0 +1,78 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/chart-dashboard/ReadMe.md b/samples/charts/dashboard-tile/chart-dashboard/ReadMe.md
new file mode 100644
index 0000000000..584aa8fe8e
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Chart Dashboard feature using [Dashboard Tile](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/charts/dashboard-tile/chart-dashboard" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/charts/dashboard-tile/chart-dashboard?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/charts/dashboard-tile/chart-dashboard
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/charts/dashboard-tile/chart-dashboard/package.json b/samples/charts/dashboard-tile/chart-dashboard/package.json
new file mode 100644
index 0000000000..c001976957
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-dashboards": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
+    "igniteui-webcomponents": "5.1.2",
+    "lit-html": "^3.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/charts/dashboard-tile/chart-dashboard/public/index.html b/samples/charts/dashboard-tile/chart-dashboard/public/index.html
new file mode 100644
index 0000000000..e2d3265576
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/react.png" >
+    <link rel="stylesheet"    href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/chart-dashboard/sandbox.config.json b/samples/charts/dashboard-tile/chart-dashboard/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/OlympicMedalsTopCountries.ts b/samples/charts/dashboard-tile/chart-dashboard/src/OlympicMedalsTopCountries.ts
new file mode 100644
index 0000000000..d47a868bd9
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/OlympicMedalsTopCountries.ts
@@ -0,0 +1,64 @@
+export class OlympicMedalsTopCountriesItem {
+    public constructor(init: Partial<OlympicMedalsTopCountriesItem>) {
+        Object.assign(this, init);
+    }
+
+    public year: string;
+    public america: number;
+    public china: number;
+    public russia: number;
+
+}
+export class OlympicMedalsTopCountries extends Array<OlympicMedalsTopCountriesItem> {
+    public constructor(items: Array<OlympicMedalsTopCountriesItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new OlympicMedalsTopCountriesItem(
+                {
+                    year: `1996`,
+                    america: 148,
+                    china: 110,
+                    russia: 95
+                }),
+                new OlympicMedalsTopCountriesItem(
+                {
+                    year: `2000`,
+                    america: 142,
+                    china: 115,
+                    russia: 91
+                }),
+                new OlympicMedalsTopCountriesItem(
+                {
+                    year: `2004`,
+                    america: 134,
+                    china: 121,
+                    russia: 86
+                }),
+                new OlympicMedalsTopCountriesItem(
+                {
+                    year: `2008`,
+                    america: 131,
+                    china: 129,
+                    russia: 65
+                }),
+                new OlympicMedalsTopCountriesItem(
+                {
+                    year: `2012`,
+                    america: 135,
+                    china: 115,
+                    russia: 77
+                }),
+                new OlympicMedalsTopCountriesItem(
+                {
+                    year: `2016`,
+                    america: 146,
+                    china: 112,
+                    russia: 88
+                }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/index.css b/samples/charts/dashboard-tile/chart-dashboard/src/index.css
new file mode 100644
index 0000000000..98682b8543
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/index.tsx b/samples/charts/dashboard-tile/chart-dashboard/src/index.tsx
new file mode 100644
index 0000000000..60a97cc357
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/index.tsx
@@ -0,0 +1,59 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+
+import { IgrDashboardTileModule, IgrDataChartDashboardTileModule, IgrGeographicMapDashboardTileModule, IgrLinearGaugeDashboardTileModule, IgrPieChartDashboardTileModule, IgrRadialGaugeDashboardTileModule } from 'igniteui-react-dashboards';
+import { IgrDashboardTile } from 'igniteui-react-dashboards';
+import { OlympicMedalsTopCountriesItem, OlympicMedalsTopCountries } from './OlympicMedalsTopCountries';
+
+const mods: any[] = [
+    IgrDashboardTileModule,
+    IgrDataChartDashboardTileModule,
+    IgrGeographicMapDashboardTileModule,
+    IgrLinearGaugeDashboardTileModule,
+    IgrPieChartDashboardTileModule,
+    IgrRadialGaugeDashboardTileModule
+];
+mods.forEach((m) => m.register());
+
+export default class Sample extends React.Component<any, any> {
+    private dashboard: IgrDashboardTile
+    private dashboardRef(r: IgrDashboardTile) {
+        this.dashboard = r;
+        this.setState({});
+    }
+
+    constructor(props: any) {
+        super(props);
+
+        this.dashboardRef = this.dashboardRef.bind(this);
+    }
+
+    public render(): JSX.Element {
+        return (
+        <div className="container sample">
+
+            <div className="container fill">
+                <IgrDashboardTile
+                    ref={this.dashboardRef}
+                    dataSource={this.olympicMedalsTopCountries}>
+                </IgrDashboardTile>
+            </div>
+        </div>
+        );
+    }
+
+    private _olympicMedalsTopCountries: OlympicMedalsTopCountries = null;
+    public get olympicMedalsTopCountries(): OlympicMedalsTopCountries {
+        if (this._olympicMedalsTopCountries == null)
+        {
+            this._olympicMedalsTopCountries = new OlympicMedalsTopCountries();
+        }
+        return this._olympicMedalsTopCountries;
+    }
+
+}
+
+// rendering above component in the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<Sample/>);
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/react-app-env.d.ts b/samples/charts/dashboard-tile/chart-dashboard/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/charts/dashboard-tile/chart-dashboard/tsconfig.json b/samples/charts/dashboard-tile/chart-dashboard/tsconfig.json
new file mode 100644
index 0000000000..42c6ace1da
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/charts/dashboard-tile/financial-dashboard/.eslintrc.js b/samples/charts/dashboard-tile/financial-dashboard/.eslintrc.js
new file mode 100644
index 0000000000..7168b71441
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/.eslintrc.js
@@ -0,0 +1,78 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/financial-dashboard/package.json b/samples/charts/dashboard-tile/financial-dashboard/package.json
new file mode 100644
index 0000000000..c001976957
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-dashboards": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
+    "igniteui-webcomponents": "5.1.2",
+    "lit-html": "^3.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/charts/dashboard-tile/financial-dashboard/public/index.html b/samples/charts/dashboard-tile/financial-dashboard/public/index.html
new file mode 100644
index 0000000000..e2d3265576
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/react.png" >
+    <link rel="stylesheet"    href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/financial-dashboard/sandbox.config.json b/samples/charts/dashboard-tile/financial-dashboard/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/MultipleStocks.ts b/samples/charts/dashboard-tile/financial-dashboard/src/MultipleStocks.ts
new file mode 100644
index 0000000000..3688676b43
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/MultipleStocks.ts
@@ -0,0 +1,107 @@
+//begin async data
+export class MultipleStocks extends Array<Array<StockItem>> {
+    public static async fetch(): Promise<MultipleStocks> {
+        const dataSources: any[] = [
+          //await this.getAmazonStock(),
+          await this.getGoogleStock(),
+          await this.getAmazonStock(),
+          //await this.getTeslaStock()
+        ];
+        return new Promise<MultipleStocks>((resolve, reject) => {
+        resolve(dataSources);
+        });
+    }
+
+    /** gets Amazon stock OHLC prices from a .JSON file */
+    public static async getAmazonStock(): Promise<StockItem[]> {
+      let url = "https://static.infragistics.com/xplatform/data/stocks/stockAmazon.json";
+      let response = await fetch(url);
+      let jsonData = await response.json();
+      let stockData = this.convertData(jsonData);
+      // setting data intent for Series Title, e.g. FinancialChart usage
+      (stockData as any).__dataIntents = {
+        close: ["SeriesTitle/Amazon"]
+      };
+      // console.log("fetchAmazonStock: ", stockData.length);
+
+      return new Promise<StockItem[]>((resolve, reject) => {
+        resolve(stockData);
+      });
+    }
+
+    /** gets Tesla stock OHLC prices from a .JSON file */
+    public static async getTeslaStock(): Promise<StockItem[]> {
+      let url = "https://static.infragistics.com/xplatform/data/stocks/stockTesla.json";
+      let response = await fetch(url);
+      let jsonData = await response.json();
+      let stockData = this.convertData(jsonData);
+      // setting data intent for Series Title, e.g. FinancialChart usage
+      (stockData as any).__dataIntents = {
+        close: ["SeriesTitle/Tesla"]
+      };
+      return new Promise<StockItem[]>((resolve, reject) => {
+        resolve(stockData);
+      });
+    }
+
+    /** gets Microsoft stock OHLC prices from a .JSON file */
+    public static async getMicrosoftStock(): Promise<StockItem[]> {
+      let url = "https://static.infragistics.com/xplatform/data/stocks/stockMicrosoft.json";
+      let response = await fetch(url);
+      let jsonData = await response.json();
+      let stockData = this.convertData(jsonData);
+      // setting data intent for Series Title, e.g. FinancialChart usage
+      (stockData as any).__dataIntents = {
+        close: ["SeriesTitle/Microsoft"]
+      };
+      return new Promise<StockItem[]>((resolve, reject) => {
+        resolve(stockData);
+      });
+    }
+
+    /** gets Google stock OHLC prices from a .JSON file */
+    public static async getGoogleStock(): Promise<StockItem[]> {
+      let url = "https://static.infragistics.com/xplatform/data/stocks/stockGoogle.json";
+      let response = await fetch(url);
+      let jsonData = await response.json();
+      let stockData = this.convertData(jsonData);
+      // setting data intent for Series Title, e.g. FinancialChart usage
+      (stockData as any).__dataIntents = {
+        close: ["SeriesTitle/Google"]
+      };
+      return new Promise<StockItem[]>((resolve, reject) => {
+        resolve(stockData);
+      });
+    }
+
+    public static convertData(jsonData: any[]): StockItem[] {
+      let stockItems: StockItem[] = [];
+
+      for (let json of jsonData) {
+        let parts = json.date.split("-"); // "2020-01-01"
+        let item = new StockItem();
+        item.date = new Date(parts[0], parts[1], parts[2]);
+        item.open = json.open;
+        item.high = json.high;
+        item.low = json.low;
+        item.close = json.close;
+        item.volume = json.volume;
+        stockItems.push(item);
+
+      }
+
+      return stockItems;
+    }
+  }
+
+  export class StockItem {
+    public open?: number;
+    public close?: number;
+    public high?: number;
+    public low?: number;
+    public volume?: number;
+
+    public date?: Date;
+
+  }
+//end async data
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/index.css b/samples/charts/dashboard-tile/financial-dashboard/src/index.css
new file mode 100644
index 0000000000..98682b8543
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/index.tsx b/samples/charts/dashboard-tile/financial-dashboard/src/index.tsx
new file mode 100644
index 0000000000..3c4096863a
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/index.tsx
@@ -0,0 +1,61 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+
+import { IgrDashboardTileModule, IgrDataChartDashboardTileModule, IgrGeographicMapDashboardTileModule, IgrLinearGaugeDashboardTileModule, IgrPieChartDashboardTileModule, IgrRadialGaugeDashboardTileModule } from 'igniteui-react-dashboards';
+import { IgrDashboardTile } from 'igniteui-react-dashboards';
+import { MultipleStocks } from './MultipleStocks';
+
+const mods: any[] = [
+    IgrDashboardTileModule,
+    IgrDataChartDashboardTileModule,
+    IgrGeographicMapDashboardTileModule,
+    IgrLinearGaugeDashboardTileModule,
+    IgrPieChartDashboardTileModule,
+    IgrRadialGaugeDashboardTileModule
+];
+mods.forEach((m) => m.register());
+
+export default class Sample extends React.Component<any, any> {
+    private dashboard: IgrDashboardTile
+    private dashboardRef(r: IgrDashboardTile) {
+        this.dashboard = r;
+        this.setState({});
+    }
+
+    constructor(props: any) {
+        super(props);
+
+        this.dashboardRef = this.dashboardRef.bind(this);
+    }
+
+    public render(): JSX.Element {
+        return (
+        <div className="container sample">
+
+            <div className="container fill">
+                <IgrDashboardTile
+                    ref={this.dashboardRef}
+                    dataSource={this.multipleStocks}>
+                </IgrDashboardTile>
+            </div>
+        </div>
+        );
+    }
+
+    private _multipleStocks: MultipleStocks = null;
+    private _isFetching: boolean = false;
+    public get multipleStocks(): MultipleStocks {
+        if (this._multipleStocks == null && !this._isFetching)
+        {
+            this._isFetching = true;
+            ( async () => { this._multipleStocks = await (await MultipleStocks.fetch()); this.setState({});  })();
+        }
+        return this._multipleStocks;
+    }
+
+}
+
+// rendering above component in the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<Sample/>);
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/react-app-env.d.ts b/samples/charts/dashboard-tile/financial-dashboard/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/charts/dashboard-tile/financial-dashboard/tsconfig.json b/samples/charts/dashboard-tile/financial-dashboard/tsconfig.json
new file mode 100644
index 0000000000..42c6ace1da
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/.eslintrc.js b/samples/charts/dashboard-tile/gauge-dashboard/.eslintrc.js
new file mode 100644
index 0000000000..7168b71441
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/.eslintrc.js
@@ -0,0 +1,78 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/ReadMe.md b/samples/charts/dashboard-tile/gauge-dashboard/ReadMe.md
new file mode 100644
index 0000000000..02ff87c1f3
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Gauge Dashboard feature using [Dashboard Tile](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/charts/dashboard-tile/gauge-dashboard" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/charts/dashboard-tile/gauge-dashboard?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/charts/dashboard-tile/gauge-dashboard
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/package.json b/samples/charts/dashboard-tile/gauge-dashboard/package.json
new file mode 100644
index 0000000000..c001976957
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-dashboards": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
+    "igniteui-webcomponents": "5.1.2",
+    "lit-html": "^3.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/public/index.html b/samples/charts/dashboard-tile/gauge-dashboard/public/index.html
new file mode 100644
index 0000000000..e2d3265576
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/react.png" >
+    <link rel="stylesheet"    href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/sandbox.config.json b/samples/charts/dashboard-tile/gauge-dashboard/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/index.css b/samples/charts/dashboard-tile/gauge-dashboard/src/index.css
new file mode 100644
index 0000000000..98682b8543
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/index.tsx b/samples/charts/dashboard-tile/gauge-dashboard/src/index.tsx
new file mode 100644
index 0000000000..ecfecef1d5
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/index.tsx
@@ -0,0 +1,60 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+
+import { IgrDashboardTileModule, IgrDataChartDashboardTileModule, IgrGeographicMapDashboardTileModule, IgrLinearGaugeDashboardTileModule, IgrPieChartDashboardTileModule, IgrRadialGaugeDashboardTileModule } from 'igniteui-react-dashboards';
+import { IgrDashboardTile } from 'igniteui-react-dashboards';
+
+const mods: any[] = [
+    IgrDashboardTileModule,
+    IgrDataChartDashboardTileModule,
+    IgrGeographicMapDashboardTileModule,
+    IgrLinearGaugeDashboardTileModule,
+    IgrPieChartDashboardTileModule,
+    IgrRadialGaugeDashboardTileModule
+];
+mods.forEach((m) => m.register());
+
+export default class Sample extends React.Component<any, any> {
+    private dashboard: IgrDashboardTile
+    private dashboardRef(r: IgrDashboardTile) {
+        this.dashboard = r;
+        this.setState({});
+    }
+
+    constructor(props: any) {
+        super(props);
+
+        this.dashboardRef = this.dashboardRef.bind(this);
+    }
+    public componentDidMount() {
+        this.dashboardTileGaugeOnInit();
+    }
+
+    public render(): JSX.Element {
+        return (
+        <div className="container sample">
+
+            <div className="container fill">
+                <IgrDashboardTile
+                    tileTitle="Sample Gauge"
+                    ref={this.dashboardRef}>
+                </IgrDashboardTile>
+            </div>
+        </div>
+        );
+    }
+
+
+    public dashboardTileGaugeOnInit(): void {
+
+        var target = this.dashboard;
+
+        target.dataSource = 40;
+    }
+
+}
+
+// rendering above component in the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<Sample/>);
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/react-app-env.d.ts b/samples/charts/dashboard-tile/gauge-dashboard/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/tsconfig.json b/samples/charts/dashboard-tile/gauge-dashboard/tsconfig.json
new file mode 100644
index 0000000000..42c6ace1da
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/charts/dashboard-tile/map-dashboard/.eslintrc.js b/samples/charts/dashboard-tile/map-dashboard/.eslintrc.js
new file mode 100644
index 0000000000..7168b71441
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/.eslintrc.js
@@ -0,0 +1,78 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/map-dashboard/ReadMe.md b/samples/charts/dashboard-tile/map-dashboard/ReadMe.md
new file mode 100644
index 0000000000..5227bbf5d8
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Map Dashboard feature using [Dashboard Tile](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/charts/dashboard-tile/map-dashboard" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/charts/dashboard-tile/map-dashboard?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/charts/dashboard-tile/map-dashboard
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/charts/dashboard-tile/map-dashboard/package.json b/samples/charts/dashboard-tile/map-dashboard/package.json
new file mode 100644
index 0000000000..c001976957
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-dashboards": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
+    "igniteui-webcomponents": "5.1.2",
+    "lit-html": "^3.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/charts/dashboard-tile/map-dashboard/public/index.html b/samples/charts/dashboard-tile/map-dashboard/public/index.html
new file mode 100644
index 0000000000..e2d3265576
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/react.png" >
+    <link rel="stylesheet"    href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/map-dashboard/sandbox.config.json b/samples/charts/dashboard-tile/map-dashboard/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/WorldCities.ts b/samples/charts/dashboard-tile/map-dashboard/src/WorldCities.ts
new file mode 100644
index 0000000000..7ffffb7ab3
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/WorldCities.ts
@@ -0,0 +1,5478 @@
+export class WorldCitiesItem {
+    public constructor(init: Partial<WorldCitiesItem>) {
+        Object.assign(this, init);
+    }
+
+    public capital: boolean;
+    public population: number;
+    public y: number;
+    public x: number;
+    public country: string;
+    public name: string;
+
+}
+export class WorldCities extends Array<WorldCitiesItem> {
+    public constructor(items: Array<WorldCitiesItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 23.62,
+                    y: 35.68,
+                    x: 139.81,
+                    country: `Japan`,
+                    name: `Tokyo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 16.47,
+                    y: 40.75,
+                    x: -74.1,
+                    country: `US`,
+                    name: `New York`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 15.85,
+                    y: 37.54,
+                    x: 126.94,
+                    country: `South Korea`,
+                    name: `Seoul`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 15.18,
+                    y: -23.58,
+                    x: -46.62,
+                    country: `Brazil`,
+                    name: `Sao Paulo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 15.04,
+                    y: 34.64,
+                    x: 135.52,
+                    country: `Japan`,
+                    name: `Osaka`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 14.1,
+                    y: 19.43,
+                    x: -99.13,
+                    country: `Mexico`,
+                    name: `Mexico City`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 13.1,
+                    y: 55.75,
+                    x: 37.7,
+                    country: `Russia`,
+                    name: `Moscow`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 11.1,
+                    y: 22.54,
+                    x: 88.33,
+                    country: `India`,
+                    name: `Calcutta`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 11.1,
+                    y: 51.49,
+                    x: -0.18,
+                    country: `UK`,
+                    name: `London`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 10.75,
+                    y: -34.67,
+                    x: -58.41,
+                    country: `Argentina`,
+                    name: `Buenos Aires`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 10.15,
+                    y: -22.72,
+                    x: -43.46,
+                    country: `Brazil`,
+                    name: `Rio de Janeiro`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 9.95,
+                    y: 19.05,
+                    x: 73.17,
+                    country: `India`,
+                    name: `Bombay`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 9.78,
+                    y: 48.88,
+                    x: 2.43,
+                    country: `France`,
+                    name: `Paris`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 9.76,
+                    y: 34,
+                    x: -118.25,
+                    country: `US`,
+                    name: `Los Angeles`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 9.41,
+                    y: 24.98,
+                    x: 121.53,
+                    country: `Taiwan`,
+                    name: `Chingmei`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 9.3,
+                    y: 30.08,
+                    x: 31.25,
+                    country: `Egypt`,
+                    name: `Cairo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 9.3,
+                    y: 31.25,
+                    x: 121.47,
+                    country: `China`,
+                    name: `Shanghai`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 8.6,
+                    y: -6.29,
+                    x: 106.76,
+                    country: `Indonesia`,
+                    name: `Jakarta`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 7.72,
+                    y: 41.83,
+                    x: -87.64,
+                    country: `US`,
+                    name: `Chicago`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 7.2,
+                    y: 28.53,
+                    x: 77.22,
+                    country: `India`,
+                    name: `Delhi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 6.45,
+                    y: 13.75,
+                    x: 100.55,
+                    country: `Thailand`,
+                    name: `Bangkok`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 6.45,
+                    y: 39.91,
+                    x: 116.39,
+                    country: `China`,
+                    name: `Beijing`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 6.4,
+                    y: 35.77,
+                    x: 51.45,
+                    country: `Iran`,
+                    name: `Tehran`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 6.13,
+                    y: 25.04,
+                    x: 121.51,
+                    country: `Taiwan`,
+                    name: `Taipei`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 5.83,
+                    y: 59.95,
+                    x: 30.45,
+                    country: `Russia`,
+                    name: `Saint Petersburg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 5.75,
+                    y: 41.07,
+                    x: 29.01,
+                    country: `Turkey`,
+                    name: `Istanbul`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 5.47,
+                    y: 14.55,
+                    x: 121.17,
+                    country: `Philippines`,
+                    name: `Manila`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 5.4,
+                    y: 22.43,
+                    x: 114.15,
+                    country: `UK`,
+                    name: `Hong Kong`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 5.3,
+                    y: 24.85,
+                    x: 67.03,
+                    country: `Pakistan`,
+                    name: `Karachi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 5.21,
+                    y: 39.93,
+                    x: -75.22,
+                    country: `US`,
+                    name: `Philadelphia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 5.06,
+                    y: 52.52,
+                    x: 13.33,
+                    country: `Germany`,
+                    name: `Berlin`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 4.88,
+                    y: 39.13,
+                    x: 117.19,
+                    country: `China`,
+                    name: `Tianjin`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 4.8,
+                    y: 35.15,
+                    x: 136.92,
+                    country: `Japan`,
+                    name: `Nagoya`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 4.69,
+                    y: 42.39,
+                    x: -83.08,
+                    country: `US`,
+                    name: `Detroit`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 4.65,
+                    y: 40.44,
+                    x: -3.69,
+                    country: `Spain`,
+                    name: `Madrid`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 4.47,
+                    y: 13.06,
+                    x: 80.25,
+                    country: `India`,
+                    name: `Madras`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 4.34,
+                    y: -12.07,
+                    x: -76.82,
+                    country: `Peru`,
+                    name: `Lima`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 4.26,
+                    y: 4.63,
+                    x: -74.08,
+                    country: `Colombia`,
+                    name: `Bogota`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 4.1,
+                    y: -33.48,
+                    x: -70.65,
+                    country: `Chile`,
+                    name: `Santiago`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 4.05,
+                    y: 37.73,
+                    x: -122.31,
+                    country: `US`,
+                    name: `San Francisco`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 4.04,
+                    y: 41.53,
+                    x: 2.17,
+                    country: `Spain`,
+                    name: `BarceXa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.97,
+                    y: 42.38,
+                    x: -71.1,
+                    country: `US`,
+                    name: `Boston`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.87,
+                    y: 51.35,
+                    x: 7.12,
+                    country: `Germany`,
+                    name: `Essen`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 3.84,
+                    y: 33.33,
+                    x: 44.4,
+                    country: `Iraq`,
+                    name: `Baghdad`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.84,
+                    y: 41.8,
+                    x: 123.38,
+                    country: `China`,
+                    name: `Shenyang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 3.8,
+                    y: 6.45,
+                    x: 3.3,
+                    country: `Nigeria`,
+                    name: `Lagos`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.8,
+                    y: 35.16,
+                    x: 129.05,
+                    country: `South Korea`,
+                    name: `Pusan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.75,
+                    y: 45.47,
+                    x: 9.19,
+                    country: `Italy`,
+                    name: `Milano`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.65,
+                    y: -26.18,
+                    x: 28,
+                    country: `South Africa`,
+                    name: `Johannesburg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 3.6,
+                    y: 10.5,
+                    x: -66.9,
+                    country: `Venezuela`,
+                    name: `Caracas`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.49,
+                    y: 30.57,
+                    x: 114.28,
+                    country: `China`,
+                    name: `Wuhan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 3.43,
+                    y: 23.71,
+                    x: 90.41,
+                    country: `Bangladesh`,
+                    name: `Dhaka`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.43,
+                    y: 43.72,
+                    x: -79.41,
+                    country: `Canada`,
+                    name: `Toronto`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.37,
+                    y: -33.89,
+                    x: 151.03,
+                    country: `Australia`,
+                    name: `Sydney`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.35,
+                    y: 31.07,
+                    x: 29.98,
+                    country: `Egypt`,
+                    name: `Alexandria`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 3.22,
+                    y: 38.89,
+                    x: -76.95,
+                    country: `US`,
+                    name: `Washington D.C.`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 3.17,
+                    y: 41.88,
+                    x: 12.52,
+                    country: `Italy`,
+                    name: `Roma`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.1,
+                    y: 10.76,
+                    x: 106.66,
+                    country: `Vietnam`,
+                    name: `Ho Chi Minh City`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.05,
+                    y: 23.1,
+                    x: 113.29,
+                    country: `China`,
+                    name: `Guangzhou`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 3.03,
+                    y: 38.12,
+                    x: 23.65,
+                    country: `Greece`,
+                    name: `Athens`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.02,
+                    y: 1.23,
+                    x: 104.18,
+                    country: `Singapore`,
+                    name: `Singapore`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 3.02,
+                    y: 31.55,
+                    x: 74.34,
+                    country: `Pakistan`,
+                    name: `Lahore`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 3,
+                    y: -4.39,
+                    x: 15.47,
+                    country: `Zaire`,
+                    name: `Kinshasa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.99,
+                    y: 35.44,
+                    x: 139.62,
+                    country: `Japan`,
+                    name: `Yokohama`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.95,
+                    y: -19.85,
+                    x: -43.91,
+                    country: `Brazil`,
+                    name: `Belo Horizonte`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.95,
+                    y: 12.97,
+                    x: 77.59,
+                    country: `India`,
+                    name: `Bangalore`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.92,
+                    y: 45.54,
+                    x: -73.65,
+                    country: `Canada`,
+                    name: `Montreal`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.9,
+                    y: 50.45,
+                    x: 30.5,
+                    country: `Ukraine`,
+                    name: `Kiev`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.88,
+                    y: 40.83,
+                    x: 14.27,
+                    country: `Italy`,
+                    name: `Napoli`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.83,
+                    y: -37.85,
+                    x: 145.08,
+                    country: `Australia`,
+                    name: `Melbourne`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.83,
+                    y: 25.83,
+                    x: -80.27,
+                    country: `US`,
+                    name: `Miami`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.8,
+                    y: 16.87,
+                    x: 96.12,
+                    country: `Burma`,
+                    name: `Rangoon`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.77,
+                    y: 53.48,
+                    x: -2.26,
+                    country: `UK`,
+                    name: `Manchester`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.75,
+                    y: 17.39,
+                    x: 78.49,
+                    country: `India`,
+                    name: `Hyderabad`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.75,
+                    y: 29.77,
+                    x: -95.41,
+                    country: `US`,
+                    name: `Houston`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.73,
+                    y: 32.76,
+                    x: -96.66,
+                    country: `US`,
+                    name: `Dallas`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.67,
+                    y: 45.76,
+                    x: 126.62,
+                    country: `China`,
+                    name: `Harbin`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.67,
+                    y: 52.49,
+                    x: -1.86,
+                    country: `UK`,
+                    name: `Birmingham`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.63,
+                    y: -8.09,
+                    x: -34.91,
+                    country: `Brazil`,
+                    name: `Recife`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.6,
+                    y: -30.04,
+                    x: -51.21,
+                    country: `Brazil`,
+                    name: `Porto Alegre`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.56,
+                    y: 47.51,
+                    x: 19.09,
+                    country: `Hungary`,
+                    name: `Budapest`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.55,
+                    y: 36.6,
+                    x: 2.99,
+                    country: `Algeria`,
+                    name: `Algiers`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.48,
+                    y: 33.54,
+                    x: -7.53,
+                    country: `Morocco`,
+                    name: `Casablanca`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.45,
+                    y: 29.54,
+                    x: 106.52,
+                    country: `China`,
+                    name: `Chongqing`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.4,
+                    y: 23.04,
+                    x: 72.57,
+                    country: `India`,
+                    name: `Ahmadabad`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.4,
+                    y: 39.93,
+                    x: 32.85,
+                    country: `Turkey`,
+                    name: `Ankara`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.38,
+                    y: 50.84,
+                    x: 4.37,
+                    country: `Belgium`,
+                    name: `Bruxelles`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.33,
+                    y: 41.25,
+                    x: 69.35,
+                    country: `Uzbekistan`,
+                    name: `Toshkent`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.33,
+                    y: 20.67,
+                    x: -103.34,
+                    country: `Mexico`,
+                    name: `Guadalajara`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.32,
+                    y: 52.24,
+                    x: 21.01,
+                    country: `Poland`,
+                    name: `Warsaw`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.29,
+                    y: 32.05,
+                    x: 118.77,
+                    country: `China`,
+                    name: `Nanjing`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.25,
+                    y: 38.73,
+                    x: -9.13,
+                    country: `Portugal`,
+                    name: `Lisboa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.25,
+                    y: 44.43,
+                    x: 26.12,
+                    country: `Romania`,
+                    name: `Bucharest`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.23,
+                    y: 53.57,
+                    x: 10.03,
+                    country: `Germany`,
+                    name: `Hamburg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.22,
+                    y: 40.5,
+                    x: -80,
+                    country: `US`,
+                    name: `Pittsburgh`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.22,
+                    y: 41.39,
+                    x: -81.73,
+                    country: `US`,
+                    name: `Cleveland`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.21,
+                    y: 35.86,
+                    x: 128.59,
+                    country: `South Korea`,
+                    name: `Taegu`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.2,
+                    y: 38.64,
+                    x: -90.34,
+                    country: `US`,
+                    name: `St. Louis`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.2,
+                    y: 48.04,
+                    x: 37.74,
+                    country: `Ukraine`,
+                    name: `Donets'k`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.13,
+                    y: 23.05,
+                    x: -82.42,
+                    country: `Cuba`,
+                    name: `Havana`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.1,
+                    y: 32.76,
+                    x: -117.13,
+                    country: `US`,
+                    name: `San Diego`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.1,
+                    y: 6.24,
+                    x: -75.59,
+                    country: `Colombia`,
+                    name: `Medellin`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.08,
+                    y: 47.59,
+                    x: -122.32,
+                    country: `US`,
+                    name: `Seattle`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.05,
+                    y: -12.6,
+                    x: -38.48,
+                    country: `Brazil`,
+                    name: `Salvador`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.05,
+                    y: 7.02,
+                    x: 80.09,
+                    country: `Sri Lanka`,
+                    name: `Colombo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.05,
+                    y: 34.27,
+                    x: 108.88,
+                    country: `China`,
+                    name: `Xian`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.03,
+                    y: -7.4,
+                    x: 112.68,
+                    country: `Indonesia`,
+                    name: `Surabaja`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.02,
+                    y: 25.68,
+                    x: -100.32,
+                    country: `Mexico`,
+                    name: `Monterrey`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 2.02,
+                    y: 40.32,
+                    x: 49.82,
+                    country: `Azerbaijan`,
+                    name: `Baku`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.02,
+                    y: 56.29,
+                    x: 43.94,
+                    country: `Russia`,
+                    name: `Nizhniy Novgorod`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 2.01,
+                    y: 44.92,
+                    x: -93.31,
+                    country: `US`,
+                    name: `Minneapolis`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.96,
+                    y: 33.8,
+                    x: -84.35,
+                    country: `US`,
+                    name: `Atlanta`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.96,
+                    y: 39.32,
+                    x: -76.62,
+                    country: `US`,
+                    name: `Baltimore`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.96,
+                    y: 48.14,
+                    x: 11.54,
+                    country: `Germany`,
+                    name: `Munich`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.95,
+                    y: 5.32,
+                    x: -4.02,
+                    country: `Ivory Coast`,
+                    name: `Abidjan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.94,
+                    y: 49.99,
+                    x: 36.21,
+                    country: `Ukraine`,
+                    name: `Kharkov`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.9,
+                    y: 43.06,
+                    x: 141.35,
+                    country: `Japan`,
+                    name: `Sapporo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.88,
+                    y: 26.46,
+                    x: 80.32,
+                    country: `India`,
+                    name: `Kanpur`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.88,
+                    y: 48.2,
+                    x: 16.32,
+                    country: `Austria`,
+                    name: `Vienna`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.87,
+                    y: 30.47,
+                    x: 30.85,
+                    country: `Egypt`,
+                    name: `Giza`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.86,
+                    y: 52.37,
+                    x: 4.89,
+                    country: `Netherlands`,
+                    name: `Amsterdam`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.85,
+                    y: 33.52,
+                    x: 36.31,
+                    country: `Syria`,
+                    name: `Damascus`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.85,
+                    y: 50.13,
+                    x: 8.67,
+                    country: `Germany`,
+                    name: `Frankfurt am Main`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.84,
+                    y: 22.67,
+                    x: 120.34,
+                    country: `Taiwan`,
+                    name: `Kao-Hsiung`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.82,
+                    y: -3.78,
+                    x: -38.59,
+                    country: `Brazil`,
+                    name: `Fortaleza`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.81,
+                    y: 30.67,
+                    x: 104.07,
+                    country: `China`,
+                    name: `Chengdu`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.8,
+                    y: -6.91,
+                    x: 107.61,
+                    country: `Indonesia`,
+                    name: `Bandung`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.8,
+                    y: 55.86,
+                    x: -4.27,
+                    country: `UK`,
+                    name: `Glasgow`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.79,
+                    y: -33.8,
+                    x: 18.69,
+                    country: `South Africa`,
+                    name: `Cape Town`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.77,
+                    y: 18.4,
+                    x: -66.08,
+                    country: `Puerto Rico`,
+                    name: `San Juan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.77,
+                    y: 18.54,
+                    x: 73.85,
+                    country: `India`,
+                    name: `Pune`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.76,
+                    y: 50.94,
+                    x: 6.93,
+                    country: `Germany`,
+                    name: `Koln`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.75,
+                    y: 33.31,
+                    x: 130.32,
+                    country: `Japan`,
+                    name: `Fukuoka`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.74,
+                    y: 43.88,
+                    x: 125.31,
+                    country: `China`,
+                    name: `Changchung`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.7,
+                    y: -25.43,
+                    x: -49.28,
+                    country: `Brazil`,
+                    name: `Curitiba`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.69,
+                    y: 55.72,
+                    x: 12.55,
+                    country: `Denmark`,
+                    name: `Kobenhavn`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.68,
+                    y: 33.78,
+                    x: 35.66,
+                    country: `Lebanon`,
+                    name: `Beirut`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.68,
+                    y: 39.03,
+                    x: 121.6,
+                    country: `China`,
+                    name: `Dalian`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.67,
+                    y: 31.92,
+                    x: 34.86,
+                    country: `Israel`,
+                    name: `Tel Aviv-Yafo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.66,
+                    y: 37.89,
+                    x: 112.55,
+                    country: `China`,
+                    name: `Taiyuan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.65,
+                    y: 53.9,
+                    x: 27.58,
+                    country: `Belarus`,
+                    name: `Minsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.62,
+                    y: 56.85,
+                    x: 60.61,
+                    country: `Russia`,
+                    name: `Yekaterinburg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.6,
+                    y: 48.42,
+                    x: 35.14,
+                    country: `Ukraine`,
+                    name: `Dnepropetrovsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.6,
+                    y: 37.59,
+                    x: 126.77,
+                    country: `South Korea`,
+                    name: `Inch\`on`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.6,
+                    y: 39.03,
+                    x: 125.76,
+                    country: `North Korea`,
+                    name: `Pyongyang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.6,
+                    y: 55.03,
+                    x: 82.94,
+                    country: `Russia`,
+                    name: `Novosibirsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.57,
+                    y: -15.79,
+                    x: -47.9,
+                    country: `Brazil`,
+                    name: `Brasilia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.57,
+                    y: 34.38,
+                    x: 132.44,
+                    country: `Japan`,
+                    name: `Hiroshima`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.55,
+                    y: -34.92,
+                    x: -56.17,
+                    country: `Uruguay`,
+                    name: `Montevideo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.55,
+                    y: 38.44,
+                    x: 27.21,
+                    country: `Turkey`,
+                    name: `Izmir`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.55,
+                    y: -29.84,
+                    x: 30.94,
+                    country: `South Africa`,
+                    name: `Durban`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.55,
+                    y: 45.07,
+                    x: 7.67,
+                    country: `Italy`,
+                    name: `Torino`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.54,
+                    y: 53.81,
+                    x: -1.5,
+                    country: `UK`,
+                    name: `Leeds`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.52,
+                    y: 53.42,
+                    x: -2.77,
+                    country: `UK`,
+                    name: `Liverpool`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.52,
+                    y: 33.68,
+                    x: 130.8,
+                    country: `Japan`,
+                    name: `Kita Kyushu`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.5,
+                    y: 9.03,
+                    x: 38.7,
+                    country: `Ethiopia`,
+                    name: `Adis Abeba`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.5,
+                    y: 21.03,
+                    x: 105.82,
+                    country: `Vietnam`,
+                    name: `Hanoi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.5,
+                    y: 53.14,
+                    x: 50.1,
+                    country: `Russia`,
+                    name: `Samara`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.48,
+                    y: 3.15,
+                    x: 101.71,
+                    country: `Malaysia`,
+                    name: `Kuala Lumpur`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.48,
+                    y: 33.51,
+                    x: -112.11,
+                    country: `US`,
+                    name: `Phoenix`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.48,
+                    y: 35.01,
+                    x: 135.75,
+                    country: `Japan`,
+                    name: `Kyoto`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.48,
+                    y: 39.15,
+                    x: -84.48,
+                    country: `US`,
+                    name: `Cincinnati`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.48,
+                    y: 42.9,
+                    x: -78.85,
+                    country: `US`,
+                    name: `Buffalo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.46,
+                    y: -9,
+                    x: 13.46,
+                    country: `Angola`,
+                    name: `Luanda`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.46,
+                    y: 36.29,
+                    x: 59.6,
+                    country: `Iran`,
+                    name: `Mashhad`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.46,
+                    y: 36.66,
+                    x: 116.97,
+                    country: `China`,
+                    name: `Jinan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.46,
+                    y: 41.72,
+                    x: 44.78,
+                    country: `Georgia`,
+                    name: `Tbilisi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.45,
+                    y: 59.24,
+                    x: 18.08,
+                    country: `Sweden`,
+                    name: `Stockholm`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.43,
+                    y: 14.63,
+                    x: -16.85,
+                    country: `Senegal`,
+                    name: `Dakar`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.41,
+                    y: 39.75,
+                    x: -105.07,
+                    country: `US`,
+                    name: `Denver`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.41,
+                    y: 34.66,
+                    x: 135.18,
+                    country: `Japan`,
+                    name: `Kobe`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.4,
+                    y: 3.46,
+                    x: -76.52,
+                    country: `Colombia`,
+                    name: `Cali`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.4,
+                    y: 14.62,
+                    x: -90.52,
+                    country: `Guatemala`,
+                    name: `Guatemala`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.4,
+                    y: 44.8,
+                    x: 20.41,
+                    country: `Serbia`,
+                    name: `Belgrade`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.39,
+                    y: 22.48,
+                    x: 91.83,
+                    country: `Bangladesh`,
+                    name: `Chittagong`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.38,
+                    y: 49.27,
+                    x: -122.96,
+                    country: `Canada`,
+                    name: `Vancouver`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.38,
+                    y: 29.19,
+                    x: 48,
+                    country: `Kuwait`,
+                    name: `Al Kuwayt`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.38,
+                    y: 43.07,
+                    x: -87.99,
+                    country: `US`,
+                    name: `Milwaukee`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.37,
+                    y: 3.59,
+                    x: 98.68,
+                    country: `Indonesia`,
+                    name: `Medan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.36,
+                    y: 48.71,
+                    x: 44.48,
+                    country: `Russia`,
+                    name: `Volgograd`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.33,
+                    y: 14.65,
+                    x: 121.03,
+                    country: `Philippines`,
+                    name: `Quezon City`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.32,
+                    y: 50.11,
+                    x: 14.46,
+                    country: `Czechia`,
+                    name: `Prague`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.32,
+                    y: 55.15,
+                    x: 61.39,
+                    country: `Russia`,
+                    name: `Chelyabinsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.31,
+                    y: 18.5,
+                    x: -69.91,
+                    country: `Dominican Rp`,
+                    name: `Santo Domingo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.31,
+                    y: 40.21,
+                    x: 44.53,
+                    country: `Armenia`,
+                    name: `Yerevan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.3,
+                    y: 21.62,
+                    x: 39.37,
+                    country: `Saudi Arabia`,
+                    name: `Jiddah`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.3,
+                    y: -6.82,
+                    x: 39.25,
+                    country: `Tanzania`,
+                    name: `Dar es Salaam`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.3,
+                    y: 21.16,
+                    x: 79.09,
+                    country: `India`,
+                    name: `Nagpur`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.3,
+                    y: 41.12,
+                    x: 122.98,
+                    country: `China`,
+                    name: `Anshan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.29,
+                    y: -1.17,
+                    x: 36.83,
+                    country: `Kenya`,
+                    name: `Nairobi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.28,
+                    y: 25.05,
+                    x: 102.7,
+                    country: `China`,
+                    name: `Kunming`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.27,
+                    y: 36.15,
+                    x: 120.43,
+                    country: `China`,
+                    name: `Qingdao`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.27,
+                    y: 30.25,
+                    x: 120.17,
+                    country: `China`,
+                    name: `Hangzhou`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.27,
+                    y: 36.11,
+                    x: 103.6,
+                    country: `China`,
+                    name: `Lanzhou`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.27,
+                    y: 38.99,
+                    x: -94.63,
+                    country: `US`,
+                    name: `Kansas City`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.27,
+                    y: 39.47,
+                    x: -0.37,
+                    country: `Spain`,
+                    name: `Valencia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.27,
+                    y: 41.86,
+                    x: 123.91,
+                    country: `China`,
+                    name: `Fushun`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.27,
+                    y: 45.75,
+                    x: 4.86,
+                    country: `France`,
+                    name: `Lyon`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.25,
+                    y: 24.65,
+                    x: 46.77,
+                    country: `Saudi Arabia`,
+                    name: `Ar Riyad`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.25,
+                    y: -2.2,
+                    x: -79.91,
+                    country: `Ecuador`,
+                    name: `Guayaquil`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.25,
+                    y: 5.56,
+                    x: -0.2,
+                    country: `Ghana`,
+                    name: `Accra`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.25,
+                    y: 31.95,
+                    x: 35.93,
+                    country: `Jordan`,
+                    name: `Amman`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.23,
+                    y: 41.15,
+                    x: -8.49,
+                    country: `Portugal`,
+                    name: `Porto`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.23,
+                    y: 43.3,
+                    x: 5.38,
+                    country: `France`,
+                    name: `Marseille`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.23,
+                    y: 45.44,
+                    x: -122.64,
+                    country: `US`,
+                    name: `Portland`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.23,
+                    y: 36.82,
+                    x: 10.17,
+                    country: `Tunisia`,
+                    name: `Tunis`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.22,
+                    y: 36.22,
+                    x: 37.16,
+                    country: `Syria`,
+                    name: `Aleppo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.21,
+                    y: 42.71,
+                    x: 23.33,
+                    country: `Bulgaria`,
+                    name: `Sofia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.2,
+                    y: -1.61,
+                    x: -48.32,
+                    country: `Brazil`,
+                    name: `Belem`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.19,
+                    y: 28.2,
+                    x: 112.97,
+                    country: `China`,
+                    name: `Changsha`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.19,
+                    y: 29.96,
+                    x: -90.1,
+                    country: `US`,
+                    name: `New Orleans`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.19,
+                    y: 38.08,
+                    x: 114.56,
+                    country: `China`,
+                    name: `Shijiazhuang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.19,
+                    y: 43.26,
+                    x: 76.91,
+                    country: `Kazakhstan`,
+                    name: `Almaty`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.19,
+                    y: 46.57,
+                    x: 30.68,
+                    country: `Ukraine`,
+                    name: `Odessa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.18,
+                    y: 34.53,
+                    x: 69.14,
+                    country: `Afghanistan`,
+                    name: `Kabul`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.18,
+                    y: 55.06,
+                    x: 73.25,
+                    country: `Russia`,
+                    name: `Omsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.17,
+                    y: 34.76,
+                    x: 113.64,
+                    country: `China`,
+                    name: `Zhengzhou`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.17,
+                    y: 43.85,
+                    x: 126.57,
+                    country: `China`,
+                    name: `Jilin`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.17,
+                    y: 47.23,
+                    x: 39.69,
+                    country: `Russia`,
+                    name: `Rostov-na-Donu`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.16,
+                    y: 58,
+                    x: 56.23,
+                    country: `Russia`,
+                    name: `Perm'`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.15,
+                    y: -27.45,
+                    x: 153.03,
+                    country: `Australia`,
+                    name: `Brisbane`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.15,
+                    y: 47.34,
+                    x: 123.96,
+                    country: `China`,
+                    name: `Qiqihar`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.14,
+                    y: 11.01,
+                    x: -74.68,
+                    country: `Colombia`,
+                    name: `Barranquilla`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.14,
+                    y: 7.38,
+                    x: 3.9,
+                    country: `Nigeria`,
+                    name: `Ibadan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.14,
+                    y: 53.34,
+                    x: -6.26,
+                    country: `Ireland`,
+                    name: `Dublin`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.14,
+                    y: 55.73,
+                    x: 49.15,
+                    country: `Russia`,
+                    name: `Kazan'`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.12,
+                    y: 40.65,
+                    x: 109.98,
+                    country: `China`,
+                    name: `Baotou`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.11,
+                    y: 51.93,
+                    x: 4.49,
+                    country: `Netherlands`,
+                    name: `Rotterdam`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.1,
+                    y: 31.41,
+                    x: 73.08,
+                    country: `Pakistan`,
+                    name: `Faisalabad`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.1,
+                    y: 51.21,
+                    x: 4.43,
+                    country: `Belgium`,
+                    name: `Antwerp`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.1,
+                    y: 54.82,
+                    x: 56.1,
+                    country: `Russia`,
+                    name: `Ufa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.09,
+                    y: 35.5,
+                    x: 139.73,
+                    country: `Japan`,
+                    name: `Kawasaki`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.07,
+                    y: -31.32,
+                    x: -64.18,
+                    country: `Argentina`,
+                    name: `Cordoba`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.07,
+                    y: -25.96,
+                    x: 32.57,
+                    country: `Mozambique`,
+                    name: `Maputo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.06,
+                    y: -23.95,
+                    x: -46.31,
+                    country: `Brazil`,
+                    name: `Santos`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.06,
+                    y: 26.85,
+                    x: 80.92,
+                    country: `India`,
+                    name: `Lucknow`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.06,
+                    y: 39.62,
+                    x: 118.18,
+                    country: `China`,
+                    name: `Tangshan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.06,
+                    y: 51.78,
+                    x: 19.48,
+                    country: `Poland`,
+                    name: `Lodz`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1.05,
+                    y: -0.23,
+                    x: -78.52,
+                    country: `Ecuador`,
+                    name: `Quito`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.05,
+                    y: 19.05,
+                    x: -98.19,
+                    country: `Mexico`,
+                    name: `Puebla de Zaragoza`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.04,
+                    y: 31.78,
+                    x: -106.45,
+                    country: `US`,
+                    name: `El Paso`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.04,
+                    y: -32.94,
+                    x: -60.66,
+                    country: `Argentina`,
+                    name: `Rosario`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.04,
+                    y: 43.78,
+                    x: 87.59,
+                    country: `China`,
+                    name: `Urumqi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.03,
+                    y: 4.14,
+                    x: 9.71,
+                    country: `Cameroon`,
+                    name: `Douala`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.03,
+                    y: 28.67,
+                    x: 115.89,
+                    country: `China`,
+                    name: `Nanchang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.02,
+                    y: -7.03,
+                    x: 110.44,
+                    country: `Indonesia`,
+                    name: `Semarang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.02,
+                    y: 25.61,
+                    x: 85.14,
+                    country: `India`,
+                    name: `Patna`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.02,
+                    y: 26.91,
+                    x: 75.8,
+                    country: `India`,
+                    name: `Jaipur`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.02,
+                    y: 50.63,
+                    x: 3.06,
+                    country: `France`,
+                    name: `Lille`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 1.01,
+                    y: 26.57,
+                    x: 106.7,
+                    country: `China`,
+                    name: `Guiyang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 1,
+                    y: 56.88,
+                    x: 24.05,
+                    country: `Latvia`,
+                    name: `Riga`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.99,
+                    y: -31.98,
+                    x: 115.92,
+                    country: `Australia`,
+                    name: `Perth`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.99,
+                    y: 32.75,
+                    x: 13.21,
+                    country: `Libya`,
+                    name: `Tripoli`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.99,
+                    y: -16.73,
+                    x: -49.25,
+                    country: `Brazil`,
+                    name: `Goiania`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.99,
+                    y: -16.5,
+                    x: -68.15,
+                    country: `Bolivia`,
+                    name: `La Paz`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.99,
+                    y: 32.65,
+                    x: 51.68,
+                    country: `Iran`,
+                    name: `Esfahan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.98,
+                    y: 33.92,
+                    x: -6.75,
+                    country: `Morocco`,
+                    name: `Rabat`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.98,
+                    y: -34.92,
+                    x: 138.87,
+                    country: `Australia`,
+                    name: `Adelaide`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.98,
+                    y: 43.28,
+                    x: -2.97,
+                    country: `Spain`,
+                    name: `Bilbao`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.97,
+                    y: 29.43,
+                    x: -98.52,
+                    country: `US`,
+                    name: `San Antonio`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.97,
+                    y: 38.08,
+                    x: 46.29,
+                    country: `Iran`,
+                    name: `Tabriz`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.96,
+                    y: -25.73,
+                    x: 28.22,
+                    country: `South Africa`,
+                    name: `Pretoria`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.96,
+                    y: 9.91,
+                    x: 78.12,
+                    country: `India`,
+                    name: `Madurai`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.96,
+                    y: 40.04,
+                    x: -82.99,
+                    country: `US`,
+                    name: `Columbus`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.94,
+                    y: 37.37,
+                    x: -5.97,
+                    country: `Spain`,
+                    name: `Sevilla`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.93,
+                    y: 25.28,
+                    x: 82.96,
+                    country: `India`,
+                    name: `Benares`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.92,
+                    y: 15.55,
+                    x: 32.53,
+                    country: `Sudan`,
+                    name: `Khartoum`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.92,
+                    y: 13.7,
+                    x: -89.2,
+                    country: `El Salvador`,
+                    name: `San Salvador`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.91,
+                    y: 54.37,
+                    x: 18.62,
+                    country: `Poland`,
+                    name: `Gdansk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.9,
+                    y: 60.2,
+                    x: 24.98,
+                    country: `Finland`,
+                    name: `Helsinki`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.89,
+                    y: -17.83,
+                    x: 31.02,
+                    country: `Zimbabwe`,
+                    name: `Harare`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.89,
+                    y: 10.65,
+                    x: -71.64,
+                    country: `Venezuela`,
+                    name: `Maracaibo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.89,
+                    y: 26.07,
+                    x: 119.3,
+                    country: `China`,
+                    name: `Fuzhou`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.88,
+                    y: 18.53,
+                    x: -72.34,
+                    country: `Haiti`,
+                    name: `Port-au-Prince`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.87,
+                    y: 38.57,
+                    x: -121.42,
+                    country: `US`,
+                    name: `Sacramento`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.85,
+                    y: 29.63,
+                    x: 52.57,
+                    country: `Iran`,
+                    name: `Shiraz`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.85,
+                    y: -36.89,
+                    x: 174.8,
+                    country: `New Zealand`,
+                    name: `Auckland`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.85,
+                    y: 35.11,
+                    x: -90,
+                    country: `US`,
+                    name: `Memphis`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.84,
+                    y: 33.61,
+                    x: 73.04,
+                    country: `Pakistan`,
+                    name: `Rawalpindi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.83,
+                    y: 36.79,
+                    x: 118.06,
+                    country: `China`,
+                    name: `Zibo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.83,
+                    y: 50.06,
+                    x: 19.95,
+                    country: `Poland`,
+                    name: `Krakow`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.82,
+                    y: 43.21,
+                    x: -77.64,
+                    country: `US`,
+                    name: `Rochester`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.82,
+                    y: 45.37,
+                    x: -75.65,
+                    country: `Canada`,
+                    name: `Ottawa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.81,
+                    y: 44.46,
+                    x: 8.92,
+                    country: `Italy`,
+                    name: `Genova`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.81,
+                    y: -3.12,
+                    x: -60.01,
+                    country: `Brazil`,
+                    name: `Manaus`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.8,
+                    y: 9.52,
+                    x: -12.8,
+                    country: `Guinea`,
+                    name: `Conakry`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.8,
+                    y: 25.38,
+                    x: 68.37,
+                    country: `Pakistan`,
+                    name: `Hyderabad`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.8,
+                    y: 36.88,
+                    x: -76.27,
+                    country: `US`,
+                    name: `Norfolk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.8,
+                    y: 53.08,
+                    x: 8.86,
+                    country: `Germany`,
+                    name: `Bremen`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.79,
+                    y: 53.57,
+                    x: -113.27,
+                    country: `Canada`,
+                    name: `Edmonton`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.79,
+                    y: -3,
+                    x: 104.83,
+                    country: `Indonesia`,
+                    name: `Palembang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.79,
+                    y: 49.84,
+                    x: 24.03,
+                    country: `Ukraine`,
+                    name: `Lvov`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.78,
+                    y: 22.38,
+                    x: 114.23,
+                    country: `UK`,
+                    name: `Kowloon`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.78,
+                    y: 37,
+                    x: 35.32,
+                    country: `Turkey`,
+                    name: `Adana`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.77,
+                    y: 51.9,
+                    x: 4.3,
+                    country: `Netherlands`,
+                    name: `The Hague`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.77,
+                    y: 18.02,
+                    x: -76.8,
+                    country: `Jamaica`,
+                    name: `Kingston`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.76,
+                    y: 21.32,
+                    x: -157.81,
+                    country: `US`,
+                    name: `Honolulu`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.75,
+                    y: 50.62,
+                    x: 5.57,
+                    country: `Belgium`,
+                    name: `Liege`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.74,
+                    y: 34.67,
+                    x: 112.36,
+                    country: `China`,
+                    name: `Luoyang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.74,
+                    y: 35.49,
+                    x: -97.53,
+                    country: `US`,
+                    name: `Oklahoma City`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.72,
+                    y: 38.13,
+                    x: 13.4,
+                    country: `Italy`,
+                    name: `Palermo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.72,
+                    y: 59.93,
+                    x: 10.72,
+                    country: `Norway`,
+                    name: `Oslo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.71,
+                    y: 40.63,
+                    x: 22.8,
+                    country: `Greece`,
+                    name: `ThessaXiki`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.71,
+                    y: 57.75,
+                    x: 12,
+                    country: `Sweden`,
+                    name: `Goteborg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.71,
+                    y: -5.19,
+                    x: 119.72,
+                    country: `Indonesia`,
+                    name: `Vjuag Padang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.71,
+                    y: 24.14,
+                    x: 120.67,
+                    country: `Taiwan`,
+                    name: `T\`ai-chung`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.71,
+                    y: 53.37,
+                    x: -1.46,
+                    country: `UK`,
+                    name: `Sheffield`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.7,
+                    y: -25.22,
+                    x: -57.67,
+                    country: `Paraguay`,
+                    name: `Asuncion`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.7,
+                    y: 45.81,
+                    x: 15.96,
+                    country: `Croatia`,
+                    name: `Zagreb`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.7,
+                    y: 11.56,
+                    x: 104.91,
+                    country: `Cambodia`,
+                    name: `Phnom Penh`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.7,
+                    y: 51.35,
+                    x: 12.4,
+                    country: `Germany`,
+                    name: `Leipzig`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.69,
+                    y: 9.99,
+                    x: 76.52,
+                    country: `India`,
+                    name: `Cochin`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.69,
+                    y: -33.88,
+                    x: 25.48,
+                    country: `South Africa`,
+                    name: `Port Elizabeth`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.69,
+                    y: 54.59,
+                    x: -5.91,
+                    country: `UK`,
+                    name: `Belfast`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.68,
+                    y: -32.9,
+                    x: -71.3,
+                    country: `Chile`,
+                    name: `Valparaiso`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.68,
+                    y: -36.88,
+                    x: -72.85,
+                    country: `Chile`,
+                    name: `Concepcion`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.68,
+                    y: 12.15,
+                    x: -86.27,
+                    country: `Nicaragua`,
+                    name: `Managua`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.68,
+                    y: 40.69,
+                    x: -111.89,
+                    country: `US`,
+                    name: `Salt Lake City`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.67,
+                    y: 47,
+                    x: 28.83,
+                    country: `Moldova`,
+                    name: `Kishinev`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.67,
+                    y: 9.93,
+                    x: -84.08,
+                    country: `Costa Rica`,
+                    name: `San Jose`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.67,
+                    y: 51.03,
+                    x: -114.05,
+                    country: `Canada`,
+                    name: `Calgary`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.67,
+                    y: 51.05,
+                    x: 13.71,
+                    country: `Germany`,
+                    name: `Dresden`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.66,
+                    y: 23.17,
+                    x: 120.23,
+                    country: `Taiwan`,
+                    name: `T\`ai-nan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.66,
+                    y: -18.87,
+                    x: 47.5,
+                    country: `Madagascar`,
+                    name: `Antananarivo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.65,
+                    y: 43.13,
+                    x: 131.96,
+                    country: `Russia`,
+                    name: `Vladivostok`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.65,
+                    y: -32.9,
+                    x: -68.83,
+                    country: `Argentina`,
+                    name: `Mendoza`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.65,
+                    y: 3.87,
+                    x: 11.51,
+                    country: `Cameroon`,
+                    name: `Yaounde`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.65,
+                    y: 12.65,
+                    x: -7.99,
+                    country: `Mali`,
+                    name: `Bamako`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.65,
+                    y: 22.84,
+                    x: 89.56,
+                    country: `Bangladesh`,
+                    name: `Khulna`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.64,
+                    y: 30.33,
+                    x: -81.66,
+                    country: `US`,
+                    name: `Jacksonville`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.64,
+                    y: 43.78,
+                    x: 11.21,
+                    country: `Italy`,
+                    name: `Firenze`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.64,
+                    y: 44.84,
+                    x: -0.6,
+                    country: `France`,
+                    name: `Bordeaux`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.64,
+                    y: 51.12,
+                    x: 17.04,
+                    country: `Poland`,
+                    name: `Wroclaw`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.63,
+                    y: 37.31,
+                    x: -121.85,
+                    country: `US`,
+                    name: `San Jose`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.63,
+                    y: 8.95,
+                    x: -79.4,
+                    country: `Panama`,
+                    name: `Panama`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.63,
+                    y: 35.75,
+                    x: -0.52,
+                    country: `Algeria`,
+                    name: `Oran`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.63,
+                    y: 51.5,
+                    x: -3.15,
+                    country: `UK`,
+                    name: `Cardiff`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.63,
+                    y: 55.88,
+                    x: -3.3,
+                    country: `UK`,
+                    name: `Edinburgh`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.63,
+                    y: 49.92,
+                    x: -97.12,
+                    country: `Canada`,
+                    name: `Winnipeg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.63,
+                    y: 52.32,
+                    x: 104.25,
+                    country: `Russia`,
+                    name: `Irkutsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.62,
+                    y: 42.88,
+                    x: 74.77,
+                    country: `Kyrgyzstan`,
+                    name: `Frunze`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.62,
+                    y: 10.18,
+                    x: -68,
+                    country: `Venezuela`,
+                    name: `Valencia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.62,
+                    y: 30.5,
+                    x: 47.76,
+                    country: `Iraq`,
+                    name: `Al Basra`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.61,
+                    y: 49.88,
+                    x: 73.2,
+                    country: `Kazakhstan`,
+                    name: `Karaganda`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.6,
+                    y: 48.53,
+                    x: 135.07,
+                    country: `Russia`,
+                    name: `Khabarovsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.6,
+                    y: 17.75,
+                    x: 83.33,
+                    country: `India`,
+                    name: `Vishakhapatnam`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.6,
+                    y: -2.5,
+                    x: -44.43,
+                    country: `Brazil`,
+                    name: `Sao Luis`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.6,
+                    y: 53.7,
+                    x: 87.17,
+                    country: `Russia`,
+                    name: `Novokuznetsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.6,
+                    y: 2.04,
+                    x: 45.34,
+                    country: `Somalia`,
+                    name: `Muqdisho`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.6,
+                    y: 46.8,
+                    x: -71.24,
+                    country: `Canada`,
+                    name: `Quebec`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.59,
+                    y: 28,
+                    x: -82.59,
+                    country: `US`,
+                    name: `Tampa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.59,
+                    y: 38.63,
+                    x: 68.9,
+                    country: `Tajikistan`,
+                    name: `Dushanfe`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.59,
+                    y: -4.29,
+                    x: 15.29,
+                    country: `Congo`,
+                    name: `Brazzaville`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.59,
+                    y: 31.63,
+                    x: 74.87,
+                    country: `India`,
+                    name: `Amritsar`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.58,
+                    y: 54.69,
+                    x: 25.28,
+                    country: `Lithuania`,
+                    name: `Vilnius`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.57,
+                    y: 36.34,
+                    x: 43.14,
+                    country: `Iraq`,
+                    name: `Mosul`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.57,
+                    y: 41.65,
+                    x: -0.88,
+                    country: `Spain`,
+                    name: `Zaragoza`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.57,
+                    y: 50.73,
+                    x: 7.1,
+                    country: `Germany`,
+                    name: `Bonn`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.57,
+                    y: 51.51,
+                    x: 7.47,
+                    country: `Germany`,
+                    name: `Dortmund`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.55,
+                    y: 14.1,
+                    x: -87.2,
+                    country: `Honduras`,
+                    name: `Tegucigalpa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.55,
+                    y: 21.43,
+                    x: 39.81,
+                    country: `Saudi Arabia`,
+                    name: `Mecca`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.55,
+                    y: 47.93,
+                    x: 106.91,
+                    country: `Mongolia`,
+                    name: `Ulaanbaatar`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.54,
+                    y: -15.43,
+                    x: 28.17,
+                    country: `Zambia`,
+                    name: `Lusaka`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.54,
+                    y: -11.68,
+                    x: 27.55,
+                    country: `Zaire`,
+                    name: `Lumumbashi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.54,
+                    y: 11.92,
+                    x: 8.52,
+                    country: `Nigeria`,
+                    name: `Kano`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.54,
+                    y: 31.15,
+                    x: -8,
+                    country: `Morocco`,
+                    name: `Marrakech`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.54,
+                    y: 34.04,
+                    x: -5,
+                    country: `Morocco`,
+                    name: `Fes`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.54,
+                    y: 43.6,
+                    x: 1.44,
+                    country: `France`,
+                    name: `Toulouse`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.53,
+                    y: 15.62,
+                    x: 32.48,
+                    country: `Sudan`,
+                    name: `Omdurman`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.53,
+                    y: 8.38,
+                    x: -12.91,
+                    country: `Sierra Leone`,
+                    name: `Freetown`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.53,
+                    y: 21.98,
+                    x: 96.08,
+                    country: `Burma`,
+                    name: `Mandalay`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.52,
+                    y: 51.49,
+                    x: 6.78,
+                    country: `Germany`,
+                    name: `Duisburg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.51,
+                    y: 46.25,
+                    x: 48,
+                    country: `Russia`,
+                    name: `Astrakhan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.51,
+                    y: -5.78,
+                    x: -35.25,
+                    country: `Brazil`,
+                    name: `Natal`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.5,
+                    y: 10.07,
+                    x: -69.34,
+                    country: `Venezuela`,
+                    name: `Barquisimeto`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.49,
+                    y: 5.35,
+                    x: 100.55,
+                    country: `Malaysia`,
+                    name: `George Town`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.49,
+                    y: 31.77,
+                    x: 35.23,
+                    country: `Israel`,
+                    name: `Jerusalem`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.48,
+                    y: 59.28,
+                    x: 24.75,
+                    country: `Estonia`,
+                    name: `Tallinn`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.48,
+                    y: 35.21,
+                    x: -80.84,
+                    country: `US`,
+                    name: `Charlotte`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.47,
+                    y: 6.52,
+                    x: -10.77,
+                    country: `Liberia`,
+                    name: `Monrovia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.47,
+                    y: 4.37,
+                    x: 18.56,
+                    country: `Cent Af Rep`,
+                    name: `Bangui`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.47,
+                    y: 47.22,
+                    x: -1.56,
+                    country: `France`,
+                    name: `Nantes`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.47,
+                    y: 51.05,
+                    x: 3.74,
+                    country: `Belgium`,
+                    name: `Gent`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.47,
+                    y: 68.96,
+                    x: 33.09,
+                    country: `Russia`,
+                    name: `Murmansk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.46,
+                    y: 0.32,
+                    x: 32.58,
+                    country: `Uganda`,
+                    name: `Kampala`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.45,
+                    y: 42,
+                    x: 21.53,
+                    country: `Macedonia`,
+                    name: `Skopje`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.45,
+                    y: 32.88,
+                    x: 129.86,
+                    country: `Japan`,
+                    name: `Nagasaki`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.45,
+                    y: -16.4,
+                    x: -71.52,
+                    country: `Peru`,
+                    name: `Arequipa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.45,
+                    y: 49.2,
+                    x: 16.62,
+                    country: `Czechia`,
+                    name: `Brno`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.44,
+                    y: 12.48,
+                    x: -1.67,
+                    country: `Burkina Faso`,
+                    name: `Ouagadouou`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.44,
+                    y: -4.02,
+                    x: 39.67,
+                    country: `Kenya`,
+                    name: `Mombasa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.44,
+                    y: 32.04,
+                    x: 20.31,
+                    country: `Libya`,
+                    name: `Banghazi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.44,
+                    y: -17.79,
+                    x: -63.2,
+                    country: `Bolivia`,
+                    name: `Santa Cruz de La Sierra`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.43,
+                    y: 48.27,
+                    x: 17.27,
+                    country: `Slovakia`,
+                    name: `Bratislava`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.43,
+                    y: 15.36,
+                    x: 44.21,
+                    country: `Yemen`,
+                    name: `Sanaa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.43,
+                    y: 22.24,
+                    x: -97.84,
+                    country: `Mexico`,
+                    name: `Tampico`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.43,
+                    y: 34.73,
+                    x: 36.72,
+                    country: `Syria`,
+                    name: `Homs`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.42,
+                    y: 45.42,
+                    x: 12.37,
+                    country: `Italy`,
+                    name: `Venezia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.42,
+                    y: 64.52,
+                    x: 40.65,
+                    country: `Russia`,
+                    name: `Arkhangelsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.41,
+                    y: -20.2,
+                    x: 28.71,
+                    country: `Zimbabwe`,
+                    name: `Bulawayo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.41,
+                    y: -33,
+                    x: 151.91,
+                    country: `Australia`,
+                    name: `Newcastle`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.41,
+                    y: 7.08,
+                    x: 125.61,
+                    country: `Philippines`,
+                    name: `Davao`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.4,
+                    y: 6.28,
+                    x: 1.35,
+                    country: `Togo`,
+                    name: `Lome`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.4,
+                    y: 13.6,
+                    x: 2.08,
+                    country: `Niger`,
+                    name: `Niamey`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.4,
+                    y: 20.82,
+                    x: -89.55,
+                    country: `Mexico`,
+                    name: `Merida`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.4,
+                    y: 37.95,
+                    x: 58.39,
+                    country: `Turkmenistan`,
+                    name: `Ashkhabad`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.4,
+                    y: 48.58,
+                    x: 7.77,
+                    country: `France`,
+                    name: `Strasbourg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.39,
+                    y: 19.01,
+                    x: -96.08,
+                    country: `Mexico`,
+                    name: `Veracruz`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.39,
+                    y: 28.56,
+                    x: -105.97,
+                    country: `Mexico`,
+                    name: `Chihuaha`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.39,
+                    y: 20.86,
+                    x: 106.68,
+                    country: `Vietnam`,
+                    name: `Haiphong`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.38,
+                    y: 18,
+                    x: 102.68,
+                    country: `Laos`,
+                    name: `Vientiane`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.37,
+                    y: 10.64,
+                    x: -61.49,
+                    country: `Trinidad`,
+                    name: `Port of Spain`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.37,
+                    y: 39.66,
+                    x: 66.95,
+                    country: `Uzbekistan`,
+                    name: `Samarkand`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.35,
+                    y: -41.21,
+                    x: 175.14,
+                    country: `New Zealand`,
+                    name: `Wellington`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.35,
+                    y: -7.93,
+                    x: -79,
+                    country: `Peru`,
+                    name: `Trujillo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.34,
+                    y: 43.87,
+                    x: 18.43,
+                    country: `Bosnia`,
+                    name: `Sarajevo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.34,
+                    y: 48.3,
+                    x: 14.29,
+                    country: `Austria`,
+                    name: `Linz`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.33,
+                    y: 40.72,
+                    x: -74.2,
+                    country: `US`,
+                    name: `Newark`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.33,
+                    y: 29.96,
+                    x: 32.56,
+                    country: `Egypt`,
+                    name: `Suez`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.33,
+                    y: 47.06,
+                    x: 15.43,
+                    country: `Austria`,
+                    name: `Graz`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.32,
+                    y: 12.86,
+                    x: 45.18,
+                    country: `Yemen`,
+                    name: `Aden`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.32,
+                    y: -33.03,
+                    x: 27.9,
+                    country: `South Africa`,
+                    name: `East Xdon`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.32,
+                    y: -43.55,
+                    x: 172.68,
+                    country: `New Zealand`,
+                    name: `Christchurch`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.32,
+                    y: 27.71,
+                    x: 85.31,
+                    country: `Nepal`,
+                    name: `Kathmandu`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.31,
+                    y: 12.95,
+                    x: 75.16,
+                    country: `India`,
+                    name: `Mangalore`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.31,
+                    y: 34.75,
+                    x: 10.76,
+                    country: `Tunisia`,
+                    name: `Sfax`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.31,
+                    y: 25.2,
+                    x: 51.5,
+                    country: `Qatar`,
+                    name: `Doha`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.3,
+                    y: -0.92,
+                    x: 100.48,
+                    country: `Indonesia`,
+                    name: `Padang`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.3,
+                    y: 44.63,
+                    x: -63.58,
+                    country: `Canada`,
+                    name: `Halifax`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.3,
+                    y: 16.97,
+                    x: -99.93,
+                    country: `Mexico`,
+                    name: `ACapulco`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.3,
+                    y: 12.1,
+                    x: 15.24,
+                    country: `Chad`,
+                    name: `N'Djamena`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.3,
+                    y: 39.23,
+                    x: 9.11,
+                    country: `Italy`,
+                    name: `Cagliari`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.3,
+                    y: 46.95,
+                    x: 7.45,
+                    country: `Switzerland`,
+                    name: `Bern`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.29,
+                    y: -19.77,
+                    x: 35.02,
+                    country: `Mozambique`,
+                    name: `Beira`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.29,
+                    y: -4.64,
+                    x: 12.06,
+                    country: `Congo`,
+                    name: `Pointe Noire`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.29,
+                    y: 40.75,
+                    x: 140.67,
+                    country: `Japan`,
+                    name: `Aomori`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.29,
+                    y: 24.43,
+                    x: 39.7,
+                    country: `Saudi Arabia`,
+                    name: `Al Madinah`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.29,
+                    y: -31.62,
+                    x: -60.7,
+                    country: `Argentina`,
+                    name: `Santa Fe`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.29,
+                    y: -5.89,
+                    x: 22.4,
+                    country: `Zaire`,
+                    name: `Kananga`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.28,
+                    y: 18.03,
+                    x: -15.78,
+                    country: `Mauritania`,
+                    name: `Nouakchott`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.28,
+                    y: 15.33,
+                    x: 38.97,
+                    country: `Eritrea`,
+                    name: `Asmara`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.28,
+                    y: 29.6,
+                    x: 60.83,
+                    country: `Iran`,
+                    name: `Zahedan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.28,
+                    y: -6.62,
+                    x: -79.83,
+                    country: `Peru`,
+                    name: `Chiclayo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.28,
+                    y: -15.55,
+                    x: -56.05,
+                    country: `Brazil`,
+                    name: `Cuiaba`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.28,
+                    y: 0.52,
+                    x: 25.2,
+                    country: `Zaire`,
+                    name: `Kisangani`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.27,
+                    y: 53.2,
+                    x: 158.72,
+                    country: `Russia`,
+                    name: `Petropavloski-Kamchatskiy`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.27,
+                    y: -3.27,
+                    x: 29.53,
+                    country: `Burundi`,
+                    name: `Bujumbura`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.27,
+                    y: -35.35,
+                    x: 149.04,
+                    country: `Australia`,
+                    name: `Canberra`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.27,
+                    y: 28.57,
+                    x: 77.22,
+                    country: `India`,
+                    name: `New Delhi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.26,
+                    y: 49.32,
+                    x: 0.22,
+                    country: `France`,
+                    name: `Le Havre`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.26,
+                    y: 48.65,
+                    x: -123.57,
+                    country: `Canada`,
+                    name: `Victoria`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.26,
+                    y: 11.88,
+                    x: 13.26,
+                    country: `Niger`,
+                    name: `Maiduguri`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.26,
+                    y: -12.04,
+                    x: -76.84,
+                    country: `Peru`,
+                    name: `Callao`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.25,
+                    y: -7.33,
+                    x: 19,
+                    country: `Zaire`,
+                    name: `Kahemba`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.25,
+                    y: 6.45,
+                    x: 7.49,
+                    country: `Nigeria`,
+                    name: `Enugu`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.25,
+                    y: 39.9,
+                    x: 41.29,
+                    country: `Turkey`,
+                    name: `Erzurum`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.24,
+                    y: 24.24,
+                    x: 54.62,
+                    country: `UAE`,
+                    name: `Abu Zaby`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.24,
+                    y: 5.93,
+                    x: -55.23,
+                    country: `SuriName`,
+                    name: `Paramaribo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.24,
+                    y: -0.5,
+                    x: 9.49,
+                    country: `Gabon`,
+                    name: `Libreville`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.24,
+                    y: 60.35,
+                    x: 5.49,
+                    country: `Norway`,
+                    name: `Bergen`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.24,
+                    y: 41.32,
+                    x: 36.37,
+                    country: `Turkey`,
+                    name: `Samsun`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.24,
+                    y: 45.7,
+                    x: 13.93,
+                    country: `Italy`,
+                    name: `Trieste`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.23,
+                    y: -13.92,
+                    x: 33.82,
+                    country: `Malawi`,
+                    name: `LiXgwe`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.23,
+                    y: 31.97,
+                    x: 54.45,
+                    country: `Iran`,
+                    name: `Yazd`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.23,
+                    y: -29.15,
+                    x: 26.26,
+                    country: `South Africa`,
+                    name: `Bloemfontein`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.23,
+                    y: -2.46,
+                    x: -54.61,
+                    country: `Brazil`,
+                    name: `Santarem`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.23,
+                    y: 46.07,
+                    x: 14.64,
+                    country: `Slovenia`,
+                    name: `Ljubljana`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.22,
+                    y: 1.42,
+                    x: 124.88,
+                    country: `Indonesia`,
+                    name: `Manado`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.22,
+                    y: -8.93,
+                    x: -78.45,
+                    country: `Peru`,
+                    name: `Chimbote`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.22,
+                    y: -27.4,
+                    x: -58.9,
+                    country: `Argentina`,
+                    name: `Resistencia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.22,
+                    y: 47.8,
+                    x: 13.09,
+                    country: `Austria`,
+                    name: `Salzburg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.22,
+                    y: -38.73,
+                    x: -62.27,
+                    country: `Argentina`,
+                    name: `Bahia Blanca`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.21,
+                    y: -1.21,
+                    x: 116.86,
+                    country: `Indonesia`,
+                    name: `Balikpapan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.21,
+                    y: 19.62,
+                    x: 37.22,
+                    country: `Sudan`,
+                    name: `Bur Sudan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.21,
+                    y: 41.33,
+                    x: 19.83,
+                    country: `Albania`,
+                    name: `Tirane`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.2,
+                    y: 7.58,
+                    x: -72.01,
+                    country: `Venezuela`,
+                    name: `San Cristobal`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.2,
+                    y: 34.34,
+                    x: 36.01,
+                    country: `Lebanon`,
+                    name: `Tripoli`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.2,
+                    y: 31.6,
+                    x: 65.5,
+                    country: `Afghanistan`,
+                    name: `Qandahar`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.2,
+                    y: 23.36,
+                    x: -106.27,
+                    country: `Mexico`,
+                    name: `Mazatlan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.2,
+                    y: -12.73,
+                    x: 15.78,
+                    country: `Angola`,
+                    name: `Huambo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.2,
+                    y: -8.75,
+                    x: -63.9,
+                    country: `Brazil`,
+                    name: `Porto Velho`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.2,
+                    y: 52.11,
+                    x: -106.63,
+                    country: `Canada`,
+                    name: `Saskatoon`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.2,
+                    y: 33.72,
+                    x: 73.06,
+                    country: `Pakistan`,
+                    name: `Islamabad`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.19,
+                    y: 6.77,
+                    x: -58.17,
+                    country: `Guyana`,
+                    name: `Georgetown`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.19,
+                    y: 24.08,
+                    x: 32.95,
+                    country: `Egypt`,
+                    name: `Aswan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.19,
+                    y: 62.01,
+                    x: 129.83,
+                    country: `Russia`,
+                    name: `Yakutsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.19,
+                    y: 50.41,
+                    x: -104.65,
+                    country: `Canada`,
+                    name: `Regina`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.18,
+                    y: 61.19,
+                    x: -149.17,
+                    country: `US`,
+                    name: `Anchorage`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.18,
+                    y: -23.83,
+                    x: -70.23,
+                    country: `Chile`,
+                    name: `Antofagasta`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.18,
+                    y: -13.6,
+                    x: -71.86,
+                    country: `Peru`,
+                    name: `Cuzco`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.18,
+                    y: -2.12,
+                    x: 29.99,
+                    country: `Rwanda`,
+                    name: `Kigali`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.18,
+                    y: 35.17,
+                    x: 33.39,
+                    country: `Cyprus`,
+                    name: `Nicosia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.18,
+                    y: -3.75,
+                    x: -73.19,
+                    country: `Peru`,
+                    name: `Iquitos`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.18,
+                    y: 47.27,
+                    x: 11.35,
+                    country: `Austria`,
+                    name: `Innsbruck`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.17,
+                    y: 69.33,
+                    x: 88.1,
+                    country: `Russia`,
+                    name: `Noril\`sk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.17,
+                    y: -43,
+                    x: 147.5,
+                    country: `Australia`,
+                    name: `Hobart`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.17,
+                    y: 50.33,
+                    x: 110.75,
+                    country: `Russia`,
+                    name: `Chatanga`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.17,
+                    y: 16.46,
+                    x: 107.7,
+                    country: `Vietnam`,
+                    name: `Hue`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.16,
+                    y: 6.6,
+                    x: 2.63,
+                    country: `Benin`,
+                    name: `Porto Novo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.16,
+                    y: 34.46,
+                    x: 62.21,
+                    country: `Afghanistan`,
+                    name: `Herat`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.15,
+                    y: 16.92,
+                    x: -96.94,
+                    country: `Mexico`,
+                    name: `Oaxaca`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.15,
+                    y: -9.55,
+                    x: 147.41,
+                    country: `Papua N Guin`,
+                    name: `Port Moresby`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.15,
+                    y: 38.14,
+                    x: 21.88,
+                    country: `Greece`,
+                    name: `Patras`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.15,
+                    y: 39.48,
+                    x: 76,
+                    country: `China`,
+                    name: `Kashi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.15,
+                    y: -12.72,
+                    x: 13.46,
+                    country: `Angola`,
+                    name: `Benguela`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.15,
+                    y: 59.57,
+                    x: 150.78,
+                    country: `Russia`,
+                    name: `Magadan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.14,
+                    y: 64.31,
+                    x: -21.34,
+                    country: `Iceland`,
+                    name: `Reykjavik`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.14,
+                    y: 55.57,
+                    x: 9.9,
+                    country: `Denmark`,
+                    name: `Odense`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.14,
+                    y: 13.18,
+                    x: 30.16,
+                    country: `Sudan`,
+                    name: `El Obeid`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.14,
+                    y: -28.66,
+                    x: 24.83,
+                    country: `South Africa`,
+                    name: `Kimberley`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.14,
+                    y: -5.81,
+                    x: 13.45,
+                    country: `Zaire`,
+                    name: `Matadi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.13,
+                    y: 0.05,
+                    x: 18.46,
+                    country: `Zaire`,
+                    name: `Mbandaka`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.13,
+                    y: 49.74,
+                    x: 6.27,
+                    country: `Luxembourg`,
+                    name: `Luxembourg`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.12,
+                    y: -22.57,
+                    x: 17.1,
+                    country: `Namibia`,
+                    name: `Windhoek`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.12,
+                    y: 67.8,
+                    x: 64.33,
+                    country: `Russia`,
+                    name: `Vorkuta`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.12,
+                    y: 45.34,
+                    x: -65.65,
+                    country: `Canada`,
+                    name: `Saint John`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.12,
+                    y: -0.82,
+                    x: 9.15,
+                    country: `Gabon`,
+                    name: `Port Gentil`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.12,
+                    y: 11.5,
+                    x: 43.1,
+                    country: `Djibouti`,
+                    name: `Djibouti`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.11,
+                    y: -20.26,
+                    x: -69.91,
+                    country: `Chile`,
+                    name: `Iquique`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.11,
+                    y: 11.91,
+                    x: -15.65,
+                    country: `GuineaBissau`,
+                    name: `Bissau`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.11,
+                    y: -3.39,
+                    x: 129.31,
+                    country: `Indonesia`,
+                    name: `Ambon`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.11,
+                    y: -45.86,
+                    x: 170.5,
+                    country: `New Zealand`,
+                    name: `Dunedin`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.11,
+                    y: -19.3,
+                    x: 146.83,
+                    country: `Australia`,
+                    name: `Townsville`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.11,
+                    y: -29.26,
+                    x: 27.89,
+                    country: `Lesotho`,
+                    name: `Maseru`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.1,
+                    y: 46.92,
+                    x: -122.88,
+                    country: `US`,
+                    name: `Olympia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.1,
+                    y: 13.45,
+                    x: -16.49,
+                    country: `Gambia`,
+                    name: `Banjul`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.1,
+                    y: -45.83,
+                    x: -67.5,
+                    country: `Argentina`,
+                    name: `Comodoro Rivadavia`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.1,
+                    y: -53.15,
+                    x: -70.8,
+                    country: `Chile`,
+                    name: `Punte Arenas`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.1,
+                    y: -18.23,
+                    x: 49.41,
+                    country: `Madagascar`,
+                    name: `Toamasina`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.1,
+                    y: -24.66,
+                    x: 25.79,
+                    country: `Botswana`,
+                    name: `Gaborone`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.09,
+                    y: 15.95,
+                    x: -16.3,
+                    country: `Senegal`,
+                    name: `Saint Louis`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.09,
+                    y: 27,
+                    x: -13.18,
+                    country: `W Sahara`,
+                    name: `Laayoune`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.09,
+                    y: -19.04,
+                    x: -65.26,
+                    country: `Bolivia`,
+                    name: `Sucre`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.08,
+                    y: -31.31,
+                    x: -57.71,
+                    country: `Uruguay`,
+                    name: `Salto`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.08,
+                    y: 42.5,
+                    x: 19.4,
+                    country: `Montenegro`,
+                    name: `Podgorica`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.08,
+                    y: -41.48,
+                    x: -73,
+                    country: `Chile`,
+                    name: `Puerto Montt`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.08,
+                    y: 29.65,
+                    x: 91.13,
+                    country: `China`,
+                    name: `Lhasa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.07,
+                    y: 61.15,
+                    x: 47,
+                    country: `Russia`,
+                    name: `Kotlas`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.07,
+                    y: -12.7,
+                    x: 130.99,
+                    country: `Australia`,
+                    name: `Darwin`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.07,
+                    y: 1.5,
+                    x: 110.43,
+                    country: `Malaysia`,
+                    name: `Kuching`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.06,
+                    y: -23.29,
+                    x: 44.02,
+                    country: `Madagascar`,
+                    name: `Toliara`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.06,
+                    y: -31,
+                    x: -71.02,
+                    country: `Chile`,
+                    name: `Coquimbo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.06,
+                    y: 4.93,
+                    x: 114.97,
+                    country: `Brunei`,
+                    name: `Bandar Seri Begawan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.06,
+                    y: -17.83,
+                    x: 25.88,
+                    country: `Zambia`,
+                    name: `Livingstone`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.06,
+                    y: -23.43,
+                    x: 150.48,
+                    country: `Australia`,
+                    name: `Rockhampton`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.05,
+                    y: 23.52,
+                    x: 58.63,
+                    country: `Oman`,
+                    name: `Masqat`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.05,
+                    y: -4.95,
+                    x: 30,
+                    country: `Tanzania`,
+                    name: `Kigoma`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.05,
+                    y: 16.96,
+                    x: 7.98,
+                    country: `Niger`,
+                    name: `Agadez`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.05,
+                    y: -10.26,
+                    x: 40.18,
+                    country: `Tanzania`,
+                    name: `Mtwara`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.05,
+                    y: -46.41,
+                    x: 168.45,
+                    country: `New Zealand`,
+                    name: `Invercargill`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.05,
+                    y: -6.18,
+                    x: 35.75,
+                    country: `Tanzania`,
+                    name: `Dodoma`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.04,
+                    y: 64.84,
+                    x: -147.65,
+                    country: `US`,
+                    name: `Fairbanks`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.04,
+                    y: 19.71,
+                    x: -155.07,
+                    country: `US`,
+                    name: `Hilo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.04,
+                    y: 4.92,
+                    x: -52.4,
+                    country: `Fr Guiana`,
+                    name: `Cayenne`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.04,
+                    y: -26.3,
+                    x: 31.19,
+                    country: `Swaziland`,
+                    name: `Mbabne`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.04,
+                    y: -16.85,
+                    x: 145.71,
+                    country: `Australia`,
+                    name: `Cairns`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.03,
+                    y: 3.64,
+                    x: 8.82,
+                    country: `Eq Guinea`,
+                    name: `Malabo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.03,
+                    y: 50.28,
+                    x: -66.4,
+                    country: `Canada`,
+                    name: `Sept-Iles`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.03,
+                    y: -41.3,
+                    x: 173.27,
+                    country: `New Zealand`,
+                    name: `Nelson`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.03,
+                    y: 16.76,
+                    x: -3.01,
+                    country: `Mali`,
+                    name: `Tombouctoo`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.02,
+                    y: 58.39,
+                    x: -134.13,
+                    country: `US`,
+                    name: `Juneau`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.02,
+                    y: -23.1,
+                    x: 14.62,
+                    country: `Namibia`,
+                    name: `Walvis Bay`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.02,
+                    y: 54.42,
+                    x: -130.05,
+                    country: `Canada`,
+                    name: `Prince Rupert`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.02,
+                    y: 20.9,
+                    x: -16.83,
+                    country: `Mauritania`,
+                    name: `Nouadnibou`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.02,
+                    y: 27.2,
+                    x: 2.53,
+                    country: `Algeria`,
+                    name: `In Salah`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.02,
+                    y: -32.04,
+                    x: 115.93,
+                    country: `Australia`,
+                    name: `Fremantle`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.02,
+                    y: 68.35,
+                    x: 17.3,
+                    country: `Norway`,
+                    name: `Narvik`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.01,
+                    y: 62.52,
+                    x: -114.06,
+                    country: `Canada`,
+                    name: `Yellowknife`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.01,
+                    y: 17.12,
+                    x: -88.8,
+                    country: `Belize`,
+                    name: `Belmopan`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.01,
+                    y: 70.39,
+                    x: 23.91,
+                    country: `Norway`,
+                    name: `Hammerfest`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.01,
+                    y: 64.27,
+                    x: -51.58,
+                    country: `Greenland`,
+                    name: `Godthab`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.01,
+                    y: 60.65,
+                    x: -135.01,
+                    country: `Canada`,
+                    name: `Whitehorse`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.01,
+                    y: 59.33,
+                    x: 143.25,
+                    country: `Russia`,
+                    name: `Okhotsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.01,
+                    y: 52.05,
+                    x: 113.58,
+                    country: `Russia`,
+                    name: `Chita`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.01,
+                    y: 55.88,
+                    x: 37.75,
+                    country: `Russia`,
+                    name: `Druzba`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0.01,
+                    y: 53.31,
+                    x: -60.55,
+                    country: `Canada`,
+                    name: `Goose Bay`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: true,
+                    population: 0.01,
+                    y: 27.44,
+                    x: 89.67,
+                    country: `Bhutan`,
+                    name: `Thimbu`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 78.2,
+                    x: 15.66,
+                    country: `Norway`,
+                    name: `Xgyearbyen`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 30.14,
+                    x: 9.82,
+                    country: `Libya`,
+                    name: `Ghadamis`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 71.7,
+                    x: 128.75,
+                    country: `Russia`,
+                    name: `Tiksi`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 77.67,
+                    x: -69,
+                    country: `Greenland`,
+                    name: `Thule`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 22.83,
+                    x: 5.55,
+                    country: `Algeria`,
+                    name: `Tamanrasset`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 60.12,
+                    x: -149.45,
+                    country: `US`,
+                    name: `Seward`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 70.53,
+                    x: -23,
+                    country: `Greenland`,
+                    name: `Scoresbyund`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 66.57,
+                    x: 66.58,
+                    country: `Russia`,
+                    name: `Salekhard`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 64.59,
+                    x: -165.27,
+                    country: `US`,
+                    name: `Nome`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 68.27,
+                    x: -133.67,
+                    country: `Canada`,
+                    name: `Inuvik`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 67.35,
+                    x: 86.55,
+                    country: `Russia`,
+                    name: `Igarka`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 69.38,
+                    x: -53.63,
+                    country: `Greenland`,
+                    name: `Godhavn`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 58.71,
+                    x: -94.18,
+                    country: `Canada`,
+                    name: `Churchill`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 2.75,
+                    x: -60.5,
+                    country: `Brazil`,
+                    name: `Boa Vista`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: -15.75,
+                    x: 133.22,
+                    country: `Australia`,
+                    name: `Birdum`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 65.67,
+                    x: -37.31,
+                    country: `Greenland`,
+                    name: `Angmagssalik`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 64.4,
+                    x: 177.13,
+                    country: `Russia`,
+                    name: `Anadyr`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 47.81,
+                    x: 97,
+                    country: `Mongolia`,
+                    name: `Uliastay`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: -15.05,
+                    x: 40.7,
+                    country: `Mozambique`,
+                    name: `Mocambique`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: -51.71,
+                    x: -69.41,
+                    country: `Argentina`,
+                    name: `Rio Gallegos`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 27.7,
+                    x: -8.16,
+                    country: `Algeria`,
+                    name: `Tindouf`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 25.91,
+                    x: 13.91,
+                    country: `Libya`,
+                    name: `Murzuq`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 21.76,
+                    x: 31.28,
+                    country: `Sudan`,
+                    name: `Wadi Halfa`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: -23.63,
+                    x: 133.93,
+                    country: `Australia`,
+                    name: `Alice Springs`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 46.96,
+                    x: 142.75,
+                    country: `Russia`,
+                    name: `Yuzhno-Sakhalinsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 50.08,
+                    x: 45.53,
+                    country: `Russia`,
+                    name: `Nikolayevsk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 67.58,
+                    x: 133.41,
+                    country: `Russia`,
+                    name: `Verkhoyansk`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 54.86,
+                    x: -67.01,
+                    country: `Canada`,
+                    name: `Schefferville`
+                }),
+                new WorldCitiesItem(
+                {
+                    capital: false,
+                    population: 0,
+                    y: 51.33,
+                    x: -80.73,
+                    country: `Canada`,
+                    name: `Moosonee`
+                }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/index.css b/samples/charts/dashboard-tile/map-dashboard/src/index.css
new file mode 100644
index 0000000000..98682b8543
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/index.tsx b/samples/charts/dashboard-tile/map-dashboard/src/index.tsx
new file mode 100644
index 0000000000..c08f9b20f0
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/index.tsx
@@ -0,0 +1,60 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+
+import { IgrDashboardTileModule, IgrDataChartDashboardTileModule, IgrGeographicMapDashboardTileModule, IgrLinearGaugeDashboardTileModule, IgrPieChartDashboardTileModule, IgrRadialGaugeDashboardTileModule } from 'igniteui-react-dashboards';
+import { IgrDashboardTile } from 'igniteui-react-dashboards';
+import { WorldCitiesItem, WorldCities } from './WorldCities';
+
+const mods: any[] = [
+    IgrDashboardTileModule,
+    IgrDataChartDashboardTileModule,
+    IgrGeographicMapDashboardTileModule,
+    IgrLinearGaugeDashboardTileModule,
+    IgrPieChartDashboardTileModule,
+    IgrRadialGaugeDashboardTileModule
+];
+mods.forEach((m) => m.register());
+
+export default class Sample extends React.Component<any, any> {
+    private dashboard: IgrDashboardTile
+    private dashboardRef(r: IgrDashboardTile) {
+        this.dashboard = r;
+        this.setState({});
+    }
+
+    constructor(props: any) {
+        super(props);
+
+        this.dashboardRef = this.dashboardRef.bind(this);
+    }
+
+    public render(): JSX.Element {
+        return (
+        <div className="container sample">
+
+            <div className="container fill">
+                <IgrDashboardTile
+                    ref={this.dashboardRef}
+                    tileTitle="World Cities"
+                    dataSource={this.worldCities}>
+                </IgrDashboardTile>
+            </div>
+        </div>
+        );
+    }
+
+    private _worldCities: WorldCities = null;
+    public get worldCities(): WorldCities {
+        if (this._worldCities == null)
+        {
+            this._worldCities = new WorldCities();
+        }
+        return this._worldCities;
+    }
+
+}
+
+// rendering above component in the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<Sample/>);
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/react-app-env.d.ts b/samples/charts/dashboard-tile/map-dashboard/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/charts/dashboard-tile/map-dashboard/tsconfig.json b/samples/charts/dashboard-tile/map-dashboard/tsconfig.json
new file mode 100644
index 0000000000..42c6ace1da
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/charts/dashboard-tile/pie-dashboard/.eslintrc.js b/samples/charts/dashboard-tile/pie-dashboard/.eslintrc.js
new file mode 100644
index 0000000000..7168b71441
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/.eslintrc.js
@@ -0,0 +1,78 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/pie-dashboard/ReadMe.md b/samples/charts/dashboard-tile/pie-dashboard/ReadMe.md
new file mode 100644
index 0000000000..6072a020e0
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Pie Dashboard feature using [Dashboard Tile](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/charts/dashboard-tile/pie-dashboard" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/charts/dashboard-tile/pie-dashboard?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/charts/dashboard-tile/pie-dashboard
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/charts/dashboard-tile/pie-dashboard/package.json b/samples/charts/dashboard-tile/pie-dashboard/package.json
new file mode 100644
index 0000000000..c001976957
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-dashboards": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
+    "igniteui-webcomponents": "5.1.2",
+    "lit-html": "^3.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/charts/dashboard-tile/pie-dashboard/public/index.html b/samples/charts/dashboard-tile/pie-dashboard/public/index.html
new file mode 100644
index 0000000000..e2d3265576
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/react.png" >
+    <link rel="stylesheet"    href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/pie-dashboard/sandbox.config.json b/samples/charts/dashboard-tile/pie-dashboard/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/EnergyGlobalDemand.ts b/samples/charts/dashboard-tile/pie-dashboard/src/EnergyGlobalDemand.ts
new file mode 100644
index 0000000000..3d2ed388a0
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/EnergyGlobalDemand.ts
@@ -0,0 +1,51 @@
+export class EnergyGlobalDemandItem {
+    public constructor(init: Partial<EnergyGlobalDemandItem>) {
+        Object.assign(this, init);
+    }
+
+    public value: number;
+    public category: string;
+    public summary: string;
+
+}
+export class EnergyGlobalDemand extends Array<EnergyGlobalDemandItem> {
+    public constructor(items: Array<EnergyGlobalDemandItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new EnergyGlobalDemandItem(
+                {
+                    value: 37,
+                    category: `Cooling`,
+                    summary: `Cooling 37%`
+                }),
+                new EnergyGlobalDemandItem(
+                {
+                    value: 25,
+                    category: `Residential`,
+                    summary: `Residential 25%`
+                }),
+                new EnergyGlobalDemandItem(
+                {
+                    value: 12,
+                    category: `Heating`,
+                    summary: `Heating 12%`
+                }),
+                new EnergyGlobalDemandItem(
+                {
+                    value: 11,
+                    category: `Lighting`,
+                    summary: `Lighting 11%`
+                }),
+                new EnergyGlobalDemandItem(
+                {
+                    value: 15,
+                    category: `Other`,
+                    summary: `Other 15%`
+                }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/index.css b/samples/charts/dashboard-tile/pie-dashboard/src/index.css
new file mode 100644
index 0000000000..98682b8543
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/index.tsx b/samples/charts/dashboard-tile/pie-dashboard/src/index.tsx
new file mode 100644
index 0000000000..3d15714e17
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/index.tsx
@@ -0,0 +1,59 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+
+import { IgrDashboardTileModule, IgrDataChartDashboardTileModule, IgrGeographicMapDashboardTileModule, IgrLinearGaugeDashboardTileModule, IgrPieChartDashboardTileModule, IgrRadialGaugeDashboardTileModule } from 'igniteui-react-dashboards';
+import { IgrDashboardTile } from 'igniteui-react-dashboards';
+import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand';
+
+const mods: any[] = [
+    IgrDashboardTileModule,
+    IgrDataChartDashboardTileModule,
+    IgrGeographicMapDashboardTileModule,
+    IgrLinearGaugeDashboardTileModule,
+    IgrPieChartDashboardTileModule,
+    IgrRadialGaugeDashboardTileModule
+];
+mods.forEach((m) => m.register());
+
+export default class Sample extends React.Component<any, any> {
+    private dashboard: IgrDashboardTile
+    private dashboardRef(r: IgrDashboardTile) {
+        this.dashboard = r;
+        this.setState({});
+    }
+
+    constructor(props: any) {
+        super(props);
+
+        this.dashboardRef = this.dashboardRef.bind(this);
+    }
+
+    public render(): JSX.Element {
+        return (
+        <div className="container sample">
+
+            <div className="container fill">
+                <IgrDashboardTile
+                    ref={this.dashboardRef}
+                    dataSource={this.energyGlobalDemand}>
+                </IgrDashboardTile>
+            </div>
+        </div>
+        );
+    }
+
+    private _energyGlobalDemand: EnergyGlobalDemand = null;
+    public get energyGlobalDemand(): EnergyGlobalDemand {
+        if (this._energyGlobalDemand == null)
+        {
+            this._energyGlobalDemand = new EnergyGlobalDemand();
+        }
+        return this._energyGlobalDemand;
+    }
+
+}
+
+// rendering above component in the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<Sample/>);
\ No newline at end of file
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/react-app-env.d.ts b/samples/charts/dashboard-tile/pie-dashboard/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/charts/dashboard-tile/pie-dashboard/tsconfig.json b/samples/charts/dashboard-tile/pie-dashboard/tsconfig.json
new file mode 100644
index 0000000000..42c6ace1da
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/charts/data-chart/annotations-custom/.eslintrc.js b/samples/charts/data-chart/annotations-custom/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/annotations-custom/.eslintrc.js
+++ b/samples/charts/data-chart/annotations-custom/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/annotations-custom/package.json b/samples/charts/data-chart/annotations-custom/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/annotations-custom/package.json
+++ b/samples/charts/data-chart/annotations-custom/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-annotations-corner-radius/.eslintrc.js b/samples/charts/data-chart/axis-annotations-corner-radius/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/.eslintrc.js
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/axis-annotations-corner-radius/package.json b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/package.json
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-annotations/package.json b/samples/charts/data-chart/axis-annotations/package.json
index 914550529f..67a9f8f890 100644
--- a/samples/charts/data-chart/axis-annotations/package.json
+++ b/samples/charts/data-chart/axis-annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-annotations/tsconfig.json b/samples/charts/data-chart/axis-annotations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/axis-annotations/tsconfig.json
+++ b/samples/charts/data-chart/axis-annotations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index 3f7dc2b771..922214fd97 100644
--- a/samples/charts/data-chart/axis-crossing/package.json
+++ b/samples/charts/data-chart/axis-crossing/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-crossing/tsconfig.json b/samples/charts/data-chart/axis-crossing/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/axis-crossing/tsconfig.json
+++ b/samples/charts/data-chart/axis-crossing/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/axis-label-rotation/.eslintrc.js b/samples/charts/data-chart/axis-label-rotation/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/axis-label-rotation/.eslintrc.js
+++ b/samples/charts/data-chart/axis-label-rotation/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index c0a16038c1..83786d13ef 100644
--- a/samples/charts/data-chart/axis-locations/package.json
+++ b/samples/charts/data-chart/axis-locations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-locations/tsconfig.json b/samples/charts/data-chart/axis-locations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/axis-locations/tsconfig.json
+++ b/samples/charts/data-chart/axis-locations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/axis-min-max-gap/.eslintrc.js b/samples/charts/data-chart/axis-min-max-gap/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/axis-min-max-gap/.eslintrc.js
+++ b/samples/charts/data-chart/axis-min-max-gap/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/axis-min-max-gap/package.json b/samples/charts/data-chart/axis-min-max-gap/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/axis-min-max-gap/package.json
+++ b/samples/charts/data-chart/axis-min-max-gap/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index a57d51c01d..306b376c88 100644
--- a/samples/charts/data-chart/axis-settings/package.json
+++ b/samples/charts/data-chart/axis-settings/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-settings/tsconfig.json b/samples/charts/data-chart/axis-settings/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/axis-settings/tsconfig.json
+++ b/samples/charts/data-chart/axis-settings/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index 3f7dc2b771..922214fd97 100644
--- a/samples/charts/data-chart/axis-sharing/package.json
+++ b/samples/charts/data-chart/axis-sharing/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-sharing/tsconfig.json b/samples/charts/data-chart/axis-sharing/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/axis-sharing/tsconfig.json
+++ b/samples/charts/data-chart/axis-sharing/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index 1722e12616..21e15cff8d 100644
--- a/samples/charts/data-chart/axis-types/package.json
+++ b/samples/charts/data-chart/axis-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-types/tsconfig.json b/samples/charts/data-chart/axis-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/axis-types/tsconfig.json
+++ b/samples/charts/data-chart/axis-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/bar-chart-multiple-sources/.eslintrc.js b/samples/charts/data-chart/bar-chart-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/.eslintrc.js
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/bar-chart-multiple-sources/package.json b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/bar-chart-overlapping/.eslintrc.js b/samples/charts/data-chart/bar-chart-overlapping/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/.eslintrc.js
+++ b/samples/charts/data-chart/bar-chart-overlapping/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/bar-chart-overlapping/package.json b/samples/charts/data-chart/bar-chart-overlapping/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/package.json
+++ b/samples/charts/data-chart/bar-chart-overlapping/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/bar-chart-single-source/.eslintrc.js b/samples/charts/data-chart/bar-chart-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/bar-chart-single-source/.eslintrc.js
+++ b/samples/charts/data-chart/bar-chart-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/bar-chart-single-source/package.json b/samples/charts/data-chart/bar-chart-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/bar-chart-single-source/package.json
+++ b/samples/charts/data-chart/bar-chart-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/bar-chart-styling/.eslintrc.js b/samples/charts/data-chart/bar-chart-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/bar-chart-styling/.eslintrc.js
+++ b/samples/charts/data-chart/bar-chart-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/bar-chart-styling/package.json b/samples/charts/data-chart/bar-chart-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/bar-chart-styling/package.json
+++ b/samples/charts/data-chart/bar-chart-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/callout-layer-styling/.eslintrc.js b/samples/charts/data-chart/callout-layer-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/callout-layer-styling/.eslintrc.js
+++ b/samples/charts/data-chart/callout-layer-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/callout-layer-styling/package.json b/samples/charts/data-chart/callout-layer-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/callout-layer-styling/package.json
+++ b/samples/charts/data-chart/callout-layer-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/.eslintrc.js b/samples/charts/data-chart/chart-highlight-filter-datasource/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/.eslintrc.js
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/.eslintrc.js b/samples/charts/data-chart/chart-highlight-filter-multiple-series/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/.eslintrc.js
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-highlight-filter/.eslintrc.js b/samples/charts/data-chart/chart-highlight-filter/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/chart-highlight-filter/.eslintrc.js
+++ b/samples/charts/data-chart/chart-highlight-filter/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index 075bba425d..00c6d7a434 100644
--- a/samples/charts/data-chart/chart-navigation/package.json
+++ b/samples/charts/data-chart/chart-navigation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-navigation/tsconfig.json b/samples/charts/data-chart/chart-navigation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/chart-navigation/tsconfig.json
+++ b/samples/charts/data-chart/chart-navigation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 9f5e812dff..3e9155ff3c 100644
--- a/samples/charts/data-chart/chart-overview/package.json
+++ b/samples/charts/data-chart/chart-overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-overview/tsconfig.json b/samples/charts/data-chart/chart-overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/chart-overview/tsconfig.json
+++ b/samples/charts/data-chart/chart-overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index 1af3b8bb76..a2fd325d0b 100644
--- a/samples/charts/data-chart/chart-performance/package.json
+++ b/samples/charts/data-chart/chart-performance/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-performance/tsconfig.json b/samples/charts/data-chart/chart-performance/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/chart-performance/tsconfig.json
+++ b/samples/charts/data-chart/chart-performance/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index 7d4cc1c20d..db5c0c7197 100644
--- a/samples/charts/data-chart/chart-synchronization/package.json
+++ b/samples/charts/data-chart/chart-synchronization/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-synchronization/tsconfig.json b/samples/charts/data-chart/chart-synchronization/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/chart-synchronization/tsconfig.json
+++ b/samples/charts/data-chart/chart-synchronization/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index 7f9d26f5a8..eee61b75d1 100644
--- a/samples/charts/data-chart/chart-titles/package.json
+++ b/samples/charts/data-chart/chart-titles/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-titles/tsconfig.json b/samples/charts/data-chart/chart-titles/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/chart-titles/tsconfig.json
+++ b/samples/charts/data-chart/chart-titles/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 9f5e812dff..3e9155ff3c 100644
--- a/samples/charts/data-chart/composite-chart/package.json
+++ b/samples/charts/data-chart/composite-chart/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/composite-chart/tsconfig.json b/samples/charts/data-chart/composite-chart/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/composite-chart/tsconfig.json
+++ b/samples/charts/data-chart/composite-chart/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index 59045b25e0..9b0af317c0 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/package.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/crosshair-layer-styling/tsconfig.json b/samples/charts/data-chart/crosshair-layer-styling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/tsconfig.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index 31310a3606..6867d2c6b6 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/package.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/custom-drawing-annotations/tsconfig.json b/samples/charts/data-chart/custom-drawing-annotations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/tsconfig.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index 8bec9ff5d2..beca7e3e01 100644
--- a/samples/charts/data-chart/custom-editing-data/package.json
+++ b/samples/charts/data-chart/custom-editing-data/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/custom-editing-data/tsconfig.json b/samples/charts/data-chart/custom-editing-data/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/custom-editing-data/tsconfig.json
+++ b/samples/charts/data-chart/custom-editing-data/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/dash-array-axes/tsconfig.json b/samples/charts/data-chart/dash-array-axes/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/dash-array-axes/tsconfig.json
+++ b/samples/charts/data-chart/dash-array-axes/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/dash-array-series/tsconfig.json b/samples/charts/data-chart/dash-array-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/dash-array-series/tsconfig.json
+++ b/samples/charts/data-chart/dash-array-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/dash-array-tickmarks/tsconfig.json b/samples/charts/data-chart/dash-array-tickmarks/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/tsconfig.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/dash-array-trendline/tsconfig.json b/samples/charts/data-chart/dash-array-trendline/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/dash-array-trendline/tsconfig.json
+++ b/samples/charts/data-chart/dash-array-trendline/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/.eslintrc.js b/samples/charts/data-chart/data-legend-grouping-and-highlighting/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/.eslintrc.js
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/data-legend-grouping/.eslintrc.js b/samples/charts/data-chart/data-legend-grouping/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/data-legend-grouping/.eslintrc.js
+++ b/samples/charts/data-chart/data-legend-grouping/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/data-legend-styling/.eslintrc.js b/samples/charts/data-chart/data-legend-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/data-legend-styling/.eslintrc.js
+++ b/samples/charts/data-chart/data-legend-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/data-legend/.eslintrc.js b/samples/charts/data-chart/data-legend/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/data-legend/.eslintrc.js
+++ b/samples/charts/data-chart/data-legend/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/data-legend/package.json b/samples/charts/data-chart/data-legend/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/data-legend/package.json
+++ b/samples/charts/data-chart/data-legend/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/.eslintrc.js b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/.eslintrc.js
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/data-tooltip-grouping/.eslintrc.js b/samples/charts/data-chart/data-tooltip-grouping/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/.eslintrc.js
+++ b/samples/charts/data-chart/data-tooltip-grouping/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/data-tooltip-styling/.eslintrc.js b/samples/charts/data-chart/data-tooltip-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/data-tooltip-styling/.eslintrc.js
+++ b/samples/charts/data-chart/data-tooltip-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/data-tooltip/.eslintrc.js b/samples/charts/data-chart/data-tooltip/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/data-tooltip/.eslintrc.js
+++ b/samples/charts/data-chart/data-tooltip/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/data-tooltip/package.json b/samples/charts/data-chart/data-tooltip/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/data-tooltip/package.json
+++ b/samples/charts/data-chart/data-tooltip/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/final-value-layer-styling/package.json b/samples/charts/data-chart/final-value-layer-styling/package.json
index c953224d1b..43c2612a87 100644
--- a/samples/charts/data-chart/final-value-layer-styling/package.json
+++ b/samples/charts/data-chart/final-value-layer-styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/final-value-layer-styling/tsconfig.json b/samples/charts/data-chart/final-value-layer-styling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/final-value-layer-styling/tsconfig.json
+++ b/samples/charts/data-chart/final-value-layer-styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/financial-price-series/.eslintrc.js b/samples/charts/data-chart/financial-price-series/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/financial-price-series/.eslintrc.js
+++ b/samples/charts/data-chart/financial-price-series/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/financial-price-series/package.json
+++ b/samples/charts/data-chart/financial-price-series/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/format-specifiers/tsconfig.json b/samples/charts/data-chart/format-specifiers/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/format-specifiers/tsconfig.json
+++ b/samples/charts/data-chart/format-specifiers/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/itemized-bar-chart/package.json b/samples/charts/data-chart/itemized-bar-chart/package.json
index 02118e19d0..a7f830e1e0 100644
--- a/samples/charts/data-chart/itemized-bar-chart/package.json
+++ b/samples/charts/data-chart/itemized-bar-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/itemized-bar-chart/tsconfig.json b/samples/charts/data-chart/itemized-bar-chart/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/itemized-bar-chart/tsconfig.json
+++ b/samples/charts/data-chart/itemized-bar-chart/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/itemized-column-chart/package.json b/samples/charts/data-chart/itemized-column-chart/package.json
index 02118e19d0..a7f830e1e0 100644
--- a/samples/charts/data-chart/itemized-column-chart/package.json
+++ b/samples/charts/data-chart/itemized-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/itemized-column-chart/tsconfig.json b/samples/charts/data-chart/itemized-column-chart/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/itemized-column-chart/tsconfig.json
+++ b/samples/charts/data-chart/itemized-column-chart/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/itemized-stacked-bar-chart/package.json b/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
index 02118e19d0..a7f830e1e0 100644
--- a/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/itemized-stacked-bar-chart/tsconfig.json b/samples/charts/data-chart/itemized-stacked-bar-chart/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/itemized-stacked-bar-chart/tsconfig.json
+++ b/samples/charts/data-chart/itemized-stacked-bar-chart/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/itemized-stacked-column-chart/package.json b/samples/charts/data-chart/itemized-stacked-column-chart/package.json
index 02118e19d0..a7f830e1e0 100644
--- a/samples/charts/data-chart/itemized-stacked-column-chart/package.json
+++ b/samples/charts/data-chart/itemized-stacked-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/itemized-stacked-column-chart/tsconfig.json b/samples/charts/data-chart/itemized-stacked-column-chart/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/itemized-stacked-column-chart/tsconfig.json
+++ b/samples/charts/data-chart/itemized-stacked-column-chart/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/legends/package.json b/samples/charts/data-chart/legends/package.json
index be5d71118c..e21dd18827 100644
--- a/samples/charts/data-chart/legends/package.json
+++ b/samples/charts/data-chart/legends/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/legends/tsconfig.json b/samples/charts/data-chart/legends/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/legends/tsconfig.json
+++ b/samples/charts/data-chart/legends/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/polar-area-chart-styling/.eslintrc.js b/samples/charts/data-chart/polar-area-chart-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/.eslintrc.js
+++ b/samples/charts/data-chart/polar-area-chart-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/polar-area-chart-styling/package.json b/samples/charts/data-chart/polar-area-chart-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/package.json
+++ b/samples/charts/data-chart/polar-area-chart-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/polar-area-chart/.eslintrc.js b/samples/charts/data-chart/polar-area-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/polar-area-chart/.eslintrc.js
+++ b/samples/charts/data-chart/polar-area-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/polar-area-chart/package.json b/samples/charts/data-chart/polar-area-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/polar-area-chart/package.json
+++ b/samples/charts/data-chart/polar-area-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/polar-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index a810b4a239..0a4b86d79f 100644
--- a/samples/charts/data-chart/polar-chart-types/package.json
+++ b/samples/charts/data-chart/polar-chart-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/polar-chart-types/tsconfig.json b/samples/charts/data-chart/polar-chart-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/polar-chart-types/tsconfig.json
+++ b/samples/charts/data-chart/polar-chart-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/polar-line-chart/.eslintrc.js b/samples/charts/data-chart/polar-line-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/polar-line-chart/.eslintrc.js
+++ b/samples/charts/data-chart/polar-line-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/polar-line-chart/package.json
+++ b/samples/charts/data-chart/polar-line-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/polar-scatter-chart/.eslintrc.js b/samples/charts/data-chart/polar-scatter-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/polar-scatter-chart/.eslintrc.js
+++ b/samples/charts/data-chart/polar-scatter-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/polar-scatter-chart/package.json b/samples/charts/data-chart/polar-scatter-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/polar-scatter-chart/package.json
+++ b/samples/charts/data-chart/polar-scatter-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/polar-spline-area-chart/.eslintrc.js b/samples/charts/data-chart/polar-spline-area-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/.eslintrc.js
+++ b/samples/charts/data-chart/polar-spline-area-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/polar-spline-area-chart/package.json b/samples/charts/data-chart/polar-spline-area-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-area-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/polar-spline-chart/.eslintrc.js b/samples/charts/data-chart/polar-spline-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/polar-spline-chart/.eslintrc.js
+++ b/samples/charts/data-chart/polar-spline-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/polar-spline-chart/package.json b/samples/charts/data-chart/polar-spline-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/polar-spline-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-area-chart-styling/.eslintrc.js b/samples/charts/data-chart/radial-area-chart-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/.eslintrc.js
+++ b/samples/charts/data-chart/radial-area-chart-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/radial-area-chart-styling/package.json b/samples/charts/data-chart/radial-area-chart-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/package.json
+++ b/samples/charts/data-chart/radial-area-chart-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-area-chart/.eslintrc.js b/samples/charts/data-chart/radial-area-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/radial-area-chart/.eslintrc.js
+++ b/samples/charts/data-chart/radial-area-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/radial-area-chart/package.json b/samples/charts/data-chart/radial-area-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/radial-area-chart/package.json
+++ b/samples/charts/data-chart/radial-area-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index 8187cb9941..31615a0e63 100644
--- a/samples/charts/data-chart/radial-chart-types/package.json
+++ b/samples/charts/data-chart/radial-chart-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-chart-types/tsconfig.json b/samples/charts/data-chart/radial-chart-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/radial-chart-types/tsconfig.json
+++ b/samples/charts/data-chart/radial-chart-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/radial-column-chart-selection/.eslintrc.js b/samples/charts/data-chart/radial-column-chart-selection/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/.eslintrc.js
+++ b/samples/charts/data-chart/radial-column-chart-selection/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/radial-column-chart-selection/package.json b/samples/charts/data-chart/radial-column-chart-selection/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/package.json
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-column-chart/.eslintrc.js b/samples/charts/data-chart/radial-column-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/radial-column-chart/.eslintrc.js
+++ b/samples/charts/data-chart/radial-column-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/radial-column-chart/package.json b/samples/charts/data-chart/radial-column-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/radial-column-chart/package.json
+++ b/samples/charts/data-chart/radial-column-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-label-mode/.eslintrc.js b/samples/charts/data-chart/radial-label-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/radial-label-mode/.eslintrc.js
+++ b/samples/charts/data-chart/radial-label-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-line-chart/.eslintrc.js b/samples/charts/data-chart/radial-line-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/radial-line-chart/.eslintrc.js
+++ b/samples/charts/data-chart/radial-line-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/radial-line-chart/package.json b/samples/charts/data-chart/radial-line-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/radial-line-chart/package.json
+++ b/samples/charts/data-chart/radial-line-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-pie-chart/.eslintrc.js b/samples/charts/data-chart/radial-pie-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/radial-pie-chart/.eslintrc.js
+++ b/samples/charts/data-chart/radial-pie-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/radial-pie-chart/package.json b/samples/charts/data-chart/radial-pie-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/radial-pie-chart/package.json
+++ b/samples/charts/data-chart/radial-pie-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/.eslintrc.js b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/.eslintrc.js
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/.eslintrc.js b/samples/charts/data-chart/radial-proportional-radial-angle-axis/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/radial-proportional-radial-angle-axis/.eslintrc.js
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/range-area-chart/.eslintrc.js b/samples/charts/data-chart/range-area-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/range-area-chart/.eslintrc.js
+++ b/samples/charts/data-chart/range-area-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/range-area-chart/package.json b/samples/charts/data-chart/range-area-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/range-area-chart/package.json
+++ b/samples/charts/data-chart/range-area-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/range-column-chart/.eslintrc.js b/samples/charts/data-chart/range-column-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/range-column-chart/.eslintrc.js
+++ b/samples/charts/data-chart/range-column-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/range-column-chart/package.json
+++ b/samples/charts/data-chart/range-column-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/.eslintrc.js b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/.eslintrc.js
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/WorldStats.ts b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/WorldStats.ts
index a0b3fbe3f3..2c09f68a27 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/WorldStats.ts
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/WorldStats.ts
@@ -4160,7 +4160,7 @@ export class WorldStats extends Array<WorldStatsItem> {
                     status: `Dependency`,
                     longitude: -53.13,
                     latitude: 3.893,
-                    gdpPerPerson: 4386128,
+                    gdpPerPerson: 4386,
                     rank: 180,
                     unemployment: 3,
                     oilProduction: 0,
@@ -5322,29 +5322,6 @@ export class WorldStats extends Array<WorldStatsItem> {
                     internet: 4009
                 }),
                 new WorldStatsItem(
-                {
-                    code: `ATA`,
-                    name: `Antarctica`,
-                    continent: `Antarctica`,
-                    population: 4050,
-                    gdpTotal: 810,
-                    economy: `Developing`,
-                    region: `Antarctica`,
-                    status: `Indeterminate`,
-                    longitude: 54.592,
-                    latitude: -70.81,
-                    gdpPerPerson: 200000,
-                    rank: 231,
-                    unemployment: 9,
-                    oilProduction: 2,
-                    birthRate: 18,
-                    medianAge: 42,
-                    electricity: 63975,
-                    televisions: 2439,
-                    publicDebt: 45,
-                    internet: 2190
-                }),
-                new WorldStatsItem(
                 {
                     code: `IOT`,
                     name: `British Indian Territory`,
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/index.tsx b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/index.tsx
index 6ab49e0713..9e7a14f67a 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/index.tsx
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/index.tsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 
 import { IgrNumberAbbreviatorModule, IgrDataChartCoreModule, IgrDataChartScatterModule, IgrDataChartScatterCoreModule, IgrDataChartInteractivityModule, IgrDataChartAnnotationModule } from 'igniteui-react-charts';
-import { IgrDataChart, IgrNumericXAxis, IgrNumericYAxis, IgrBubbleSeries, IgrSizeScale, IgrValueBrushScale } from 'igniteui-react-charts';
+import { IgrDataChart, IgrNumericXAxis, IgrNumericYAxis, IgrBubbleSeries, IgrSizeScale, IgrValueBrushScale, IgrDataToolTipLayer } from 'igniteui-react-charts';
 import { ComponentRenderer, NumberAbbreviatorDescriptionModule, DataChartCoreDescriptionModule, DataChartScatterDescriptionModule, DataChartScatterCoreDescriptionModule, DataChartInteractivityDescriptionModule, DataChartAnnotationDescriptionModule } from 'igniteui-react-core';
 import { WorldStatsItem, WorldStats } from './WorldStats';
 
@@ -33,7 +33,7 @@ export default class Sample extends React.Component<any, any> {
             var sizeScale1 = new IgrSizeScale({});
             sizeScale1.isLogarithmic = false;
             sizeScale1.minimumValue = 10;
-            sizeScale1.maximumValue = 120;
+            sizeScale1.maximumValue = 80;
 
             this._sizeScale1 = sizeScale1;
         }
@@ -45,14 +45,15 @@ export default class Sample extends React.Component<any, any> {
         {
             var valueBrushScale1 = new IgrValueBrushScale({});
             valueBrushScale1.isLogarithmic = false;
-            valueBrushScale1.minimumValue = 0;
-            valueBrushScale1.maximumValue = 100000;
-            valueBrushScale1.brushes = ["rgba(26, 161, 226, 1)", "rgba(24, 154, 217, 1)", "rgba(22, 146, 206, 1)", "rgba(19, 133, 188, 1)", "rgba(15, 121, 171, 1)", "rgba(12, 107, 153, 1)", "rgba(9, 94, 136, 1)", "rgba(5, 82, 119, 1)", "rgba(2, 70, 105, 1)", "rgba(0, 63, 94, 1)"];
+            valueBrushScale1.minimumValue = 500;
+            valueBrushScale1.maximumValue = 260000;
+            valueBrushScale1.brushes = ["rgba(150, 189, 250, 1)", "rgba(111, 164, 247, 1)", "rgba(82, 144, 242, 1)", "rgba(19, 94, 212, 1)"];
 
             this._valueBrushScale1 = valueBrushScale1;
         }
         return this._valueBrushScale1;
     }
+    private dataToolTipLayer: IgrDataToolTipLayer
 
     constructor(props: any) {
         super(props);
@@ -69,21 +70,24 @@ export default class Sample extends React.Component<any, any> {
                     ref={this.chartRef}
                     isHorizontalZoomEnabled="true"
                     isVerticalZoomEnabled="true"
-                    chartTitle="Public Debt vs. Population"
-                    subtitle="GDP per Capita">
+                    chartTitle="Population vs. Public Debt vs. GDP"
+                    titleTopMargin="10"
+                    titleBottomMargin="0">
                     <IgrNumericXAxis
                         name="xAxis"
-                        minimumValue="10000"
+                        title="Population"
+                        minimumValue="100"
                         maximumValue="10000000000"
                         isLogarithmic="true"
-                        abbreviateLargeNumbers="true"
-                        title="Population">
+                        abbreviateLargeNumbers="true">
                     </IgrNumericXAxis>
                     <IgrNumericYAxis
                         name="yAxis"
+                        title="Public Debt per GDP (%)"
+                        titleLeftMargin="10"
                         isLogarithmic="true"
-                        logarithmBase="10"
-                        title="Public Debt per GDP">
+                        abbreviateLargeNumbers="true"
+                        maximumValue="1000">
                     </IgrNumericYAxis>
                     <IgrBubbleSeries
                         name="bubbleSeries1"
@@ -92,14 +96,38 @@ export default class Sample extends React.Component<any, any> {
                         radiusMemberPath="gdpPerPerson"
                         radiusScale={this.sizeScale1}
                         fillMemberPath="gdpPerPerson"
+                        yMemberAsLegendUnit="%"
+                        yMemberAsLegendLabel="Debt"
+                        xMemberAsLegendLabel="Population"
+                        radiusMemberAsLegendLabel="GDP"
+                        title="Country"
                         xAxisName="xAxis"
                         yAxisName="yAxis"
                         dataSource={this.worldStats}
                         markerType="Circle"
                         markerOutline="black"
+                        markerThickness="1"
                         showDefaultTooltip="true"
                         fillScale={this.valueBrushScale1}>
                     </IgrBubbleSeries>
+                    <IgrDataToolTipLayer
+                        name="dataToolTipLayer"
+                        valueRowMarginTop="1"
+                        labelTextMarginTop="1"
+                        titleTextMarginTop="1"
+                        unitsTextMarginTop="1"
+                        valueRowMarginBottom="1"
+                        labelTextMarginBottom="1"
+                        titleTextMarginBottom="1"
+                        unitsTextMarginBottom="1"
+                        unitsTextMarginRight="5"
+                        valueTextMarginLeft="10"
+                        labelTextMarginLeft="1"
+                        layoutMode="Vertical"
+                        badgeShape="Hidden"
+                        includedColumns={["X", "Y", "Radius"]}
+                        headerRowVisible="false">
+                    </IgrDataToolTipLayer>
                 </IgrDataChart>
             </div>
         </div>
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/.eslintrc.js b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/.eslintrc.js
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/src/index.tsx b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/src/index.tsx
index e8e6be99c4..d2143f9776 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/src/index.tsx
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/src/index.tsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 
 import { IgrLegendModule, IgrNumberAbbreviatorModule, IgrDataChartCoreModule, IgrDataChartScatterModule, IgrDataChartScatterCoreModule, IgrDataChartInteractivityModule } from 'igniteui-react-charts';
-import { IgrLegend, IgrDataChart, IgrNumericXAxis, IgrNumericYAxis, IgrBubbleSeries, IgrSizeScale } from 'igniteui-react-charts';
+import { IgrLegend, IgrDataChart, IgrNumericXAxis, IgrNumericYAxis, IgrBubbleSeries, IgrSizeScale, IgrDataToolTipLayer } from 'igniteui-react-charts';
 import { CountryStatsAfricaItem, CountryStatsAfrica } from './CountryStatsAfrica';
 import { CountryStatsEuropeItem, CountryStatsEurope } from './CountryStatsEurope';
 
@@ -38,7 +38,7 @@ export default class Sample extends React.Component<any, any> {
             var sizeScale1 = new IgrSizeScale({});
             sizeScale1.isLogarithmic = false;
             sizeScale1.minimumValue = 10;
-            sizeScale1.maximumValue = 50;
+            sizeScale1.maximumValue = 80;
 
             this._sizeScale1 = sizeScale1;
         }
@@ -52,12 +52,13 @@ export default class Sample extends React.Component<any, any> {
             var sizeScale2 = new IgrSizeScale({});
             sizeScale2.isLogarithmic = false;
             sizeScale2.minimumValue = 10;
-            sizeScale2.maximumValue = 50;
+            sizeScale2.maximumValue = 80;
 
             this._sizeScale2 = sizeScale2;
         }
         return this._sizeScale2;
     }
+    private dataToolTipLayer: IgrDataToolTipLayer
 
     constructor(props: any) {
         super(props);
@@ -94,6 +95,8 @@ export default class Sample extends React.Component<any, any> {
                     <IgrNumericYAxis
                         name="yAxis"
                         title="GDP per Capita"
+                        maximumValue="1000000"
+                        titleLeftMargin="10"
                         isLogarithmic="true"
                         abbreviateLargeNumbers="true">
                     </IgrNumericYAxis>
@@ -104,7 +107,10 @@ export default class Sample extends React.Component<any, any> {
                         yAxisName="yAxis"
                         xMemberPath="population"
                         yMemberPath="gDP"
-                        radiusMemberPath="population"
+                        radiusMemberPath="workedHours"
+                        xMemberAsLegendLabel="Population"
+                        yMemberAsLegendLabel="GDP"
+                        radiusMemberAsLegendLabel="Work Hours"
                         dataSource={this.countryStatsAfrica}
                         markerType="Circle"
                         showDefaultTooltip="true"
@@ -117,12 +123,30 @@ export default class Sample extends React.Component<any, any> {
                         yAxisName="yAxis"
                         xMemberPath="population"
                         yMemberPath="gDP"
-                        radiusMemberPath="population"
+                        radiusMemberPath="workedHours"
+                        xMemberAsLegendLabel="Population"
+                        yMemberAsLegendLabel="GDP"
+                        radiusMemberAsLegendLabel="Work Hours"
                         dataSource={this.countryStatsEurope}
                         markerType="Circle"
                         showDefaultTooltip="true"
                         radiusScale={this.sizeScale2}>
                     </IgrBubbleSeries>
+                    <IgrDataToolTipLayer
+                        name="dataToolTipLayer"
+                        valueRowMarginTop="1"
+                        labelTextMarginTop="1"
+                        titleTextMarginTop="1"
+                        unitsTextMarginTop="1"
+                        valueRowMarginBottom="1"
+                        labelTextMarginBottom="1"
+                        titleTextMarginBottom="1"
+                        unitsTextMarginBottom="1"
+                        unitsTextMarginRight="5"
+                        valueTextMarginLeft="10"
+                        labelTextMarginLeft="1"
+                        layoutMode="Vertical">
+                    </IgrDataToolTipLayer>
                 </IgrDataChart>
             </div>
         </div>
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/.eslintrc.js b/samples/charts/data-chart/scatter-bubble-chart-single-source/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/.eslintrc.js
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/WorldStats.ts b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/WorldStats.ts
index a0b3fbe3f3..2c09f68a27 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/WorldStats.ts
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/WorldStats.ts
@@ -4160,7 +4160,7 @@ export class WorldStats extends Array<WorldStatsItem> {
                     status: `Dependency`,
                     longitude: -53.13,
                     latitude: 3.893,
-                    gdpPerPerson: 4386128,
+                    gdpPerPerson: 4386,
                     rank: 180,
                     unemployment: 3,
                     oilProduction: 0,
@@ -5322,29 +5322,6 @@ export class WorldStats extends Array<WorldStatsItem> {
                     internet: 4009
                 }),
                 new WorldStatsItem(
-                {
-                    code: `ATA`,
-                    name: `Antarctica`,
-                    continent: `Antarctica`,
-                    population: 4050,
-                    gdpTotal: 810,
-                    economy: `Developing`,
-                    region: `Antarctica`,
-                    status: `Indeterminate`,
-                    longitude: 54.592,
-                    latitude: -70.81,
-                    gdpPerPerson: 200000,
-                    rank: 231,
-                    unemployment: 9,
-                    oilProduction: 2,
-                    birthRate: 18,
-                    medianAge: 42,
-                    electricity: 63975,
-                    televisions: 2439,
-                    publicDebt: 45,
-                    internet: 2190
-                }),
-                new WorldStatsItem(
                 {
                     code: `IOT`,
                     name: `British Indian Territory`,
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/index.tsx b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/index.tsx
index 6e54d4f211..f4b48b2033 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/index.tsx
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/index.tsx
@@ -32,7 +32,7 @@ export default class Sample extends React.Component<any, any> {
             var sizeScale1 = new IgrSizeScale({});
             sizeScale1.isLogarithmic = false;
             sizeScale1.minimumValue = 10;
-            sizeScale1.maximumValue = 50;
+            sizeScale1.maximumValue = 80;
 
             this._sizeScale1 = sizeScale1;
         }
@@ -50,25 +50,27 @@ export default class Sample extends React.Component<any, any> {
         return (
         <div className="container sample">
 
-            <div className="legend-title">
-                Total Population of Selected Countries
-            </div>
-
             <div className="container fill">
                 <IgrDataChart
-                    ref={this.chartRef}>
+                    ref={this.chartRef}
+                    chartTitle="Population vs. Public Debt vs. GDP"
+                    titleTopMargin="10"
+                    titleBottomMargin="0">
                     <IgrNumericXAxis
                         name="xAxis"
                         title="Population"
+                        minimumValue="100"
+                        maximumValue="10000000000"
                         isLogarithmic="true"
                         abbreviateLargeNumbers="true">
                     </IgrNumericXAxis>
                     <IgrNumericYAxis
                         name="yAxis"
-                        title="Public Debt"
-                        isLogarithmic="false"
+                        title="Public Debt per GDP (%)"
+                        titleLeftMargin="10"
+                        isLogarithmic="true"
                         abbreviateLargeNumbers="true"
-                        maximumValue="120">
+                        maximumValue="1000">
                     </IgrNumericYAxis>
                     <IgrBubbleSeries
                         name="bubbleSeries1"
@@ -76,7 +78,11 @@ export default class Sample extends React.Component<any, any> {
                         yMemberPath="publicDebt"
                         radiusMemberPath="gdpPerPerson"
                         radiusScale={this.sizeScale1}
-                        fillMemberPath="gdpPerPerson"
+                        title="Country"
+                        yMemberAsLegendUnit="%"
+                        yMemberAsLegendLabel="Debt"
+                        xMemberAsLegendLabel="Population"
+                        radiusMemberAsLegendLabel="GDP"
                         xAxisName="xAxis"
                         yAxisName="yAxis"
                         dataSource={this.worldStats}
@@ -84,7 +90,21 @@ export default class Sample extends React.Component<any, any> {
                         showDefaultTooltip="true">
                     </IgrBubbleSeries>
                     <IgrDataToolTipLayer
-                        name="dataToolTipLayer">
+                        name="dataToolTipLayer"
+                        valueRowMarginTop="1"
+                        labelTextMarginTop="1"
+                        titleTextMarginTop="1"
+                        unitsTextMarginTop="1"
+                        valueRowMarginBottom="1"
+                        labelTextMarginBottom="1"
+                        titleTextMarginBottom="1"
+                        unitsTextMarginBottom="1"
+                        unitsTextMarginRight="5"
+                        valueTextMarginLeft="10"
+                        labelTextMarginLeft="1"
+                        layoutMode="Vertical"
+                        badgeShape="Hidden"
+                        headerRowVisible="false">
                     </IgrDataToolTipLayer>
                 </IgrDataChart>
             </div>
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/.eslintrc.js b/samples/charts/data-chart/scatter-bubble-chart-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/.eslintrc.js
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsAfrica.ts b/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsAfrica.ts
deleted file mode 100644
index 34e0a73da1..0000000000
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsAfrica.ts
+++ /dev/null
@@ -1,431 +0,0 @@
-export class CountryStatsAfricaItem {
-    public constructor(init: Partial<CountryStatsAfricaItem>) {
-        Object.assign(this, init);
-    }
-
-    public code: string;
-    public population: number;
-    public workedHours: number;
-    public gDP: number;
-    public name: string;
-
-}
-export class CountryStatsAfrica extends Array<CountryStatsAfricaItem> {
-    public constructor(items: Array<CountryStatsAfricaItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new CountryStatsAfricaItem(
-                {
-                    code: `DZA`,
-                    population: 39728000,
-                    workedHours: 47.5,
-                    gDP: 13725,
-                    name: `Algeria`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `AGO`,
-                    population: 27884000,
-                    workedHours: 39.8,
-                    gDP: 6228,
-                    name: `Angola`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `BEN`,
-                    population: 10576000,
-                    workedHours: 43.7,
-                    gDP: 1987,
-                    name: `Benin`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `BWA`,
-                    population: 2121000,
-                    workedHours: 41.2,
-                    gDP: 15357,
-                    name: `Botswana`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `BFA`,
-                    population: 18111000,
-                    workedHours: 39.3,
-                    gDP: 1596,
-                    name: `Burkina Faso`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `BDI`,
-                    population: 10160000,
-                    workedHours: 36.4,
-                    gDP: 748,
-                    name: `Burundi`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `CMR`,
-                    population: 23298000,
-                    workedHours: 42,
-                    gDP: 3289,
-                    name: `Cameroon`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `CPV`,
-                    population: 525000,
-                    workedHours: 45,
-                    gDP: 5915,
-                    name: `Cape Verde`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `CAF`,
-                    population: 4493000,
-                    workedHours: 38,
-                    gDP: 622,
-                    name: `Central African Republic`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `TCD`,
-                    population: 14111000,
-                    workedHours: 40.4,
-                    gDP: 2067,
-                    name: `Chad`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `COM`,
-                    population: 777000,
-                    workedHours: 40.1,
-                    gDP: 1413,
-                    name: `Comoros`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `COG`,
-                    population: 4856000,
-                    workedHours: 38.1,
-                    gDP: 5543,
-                    name: `Congo`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `CIV`,
-                    population: 23226000,
-                    workedHours: 39.7,
-                    gDP: 3242,
-                    name: `Cote Ivoire`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `COD`,
-                    population: 76245000,
-                    workedHours: 44,
-                    gDP: 812,
-                    name: `Democratic Republic of Congo`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `EGY`,
-                    population: 92443000,
-                    workedHours: 39.7,
-                    gDP: 10096,
-                    name: `Egypt`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `GNQ`,
-                    population: 1169000,
-                    workedHours: 38.8,
-                    gDP: 27554,
-                    name: `Equatorial Guinea`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `SWZ`,
-                    population: 1104000,
-                    workedHours: 45.7,
-                    gDP: 7759,
-                    name: `Eswatini`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `ETH`,
-                    population: 101000000,
-                    workedHours: 40.1,
-                    gDP: 1533,
-                    name: `Ethiopia`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `GAB`,
-                    population: 1948000,
-                    workedHours: 40.5,
-                    gDP: 16837,
-                    name: `Gabon`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `GMB`,
-                    population: 2086000,
-                    workedHours: 40.3,
-                    gDP: 1568,
-                    name: `Gambia`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `GHA`,
-                    population: 27849000,
-                    workedHours: 47.6,
-                    gDP: 3927,
-                    name: `Ghana`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `GIN`,
-                    population: 11432000,
-                    workedHours: 43.4,
-                    gDP: 1758,
-                    name: `Guinea`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `GNB`,
-                    population: 1737000,
-                    workedHours: 35.1,
-                    gDP: 1446,
-                    name: `Guinea-Bissau`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `KEN`,
-                    population: 47878000,
-                    workedHours: 43.9,
-                    gDP: 2836,
-                    name: `Kenya`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `LSO`,
-                    population: 2059000,
-                    workedHours: 47.6,
-                    gDP: 2708,
-                    name: `Lesotho`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `LBR`,
-                    population: 4472000,
-                    workedHours: 40.3,
-                    gDP: 785,
-                    name: `Liberia`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `LBY`,
-                    population: 6418000,
-                    workedHours: 42.5,
-                    gDP: 14847,
-                    name: `Libya`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `MDG`,
-                    population: 24234000,
-                    workedHours: 40.8,
-                    gDP: 1377,
-                    name: `Madagascar`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `MWI`,
-                    population: 16745000,
-                    workedHours: 44.5,
-                    gDP: 1089,
-                    name: `Malawi`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `MLI`,
-                    population: 17439000,
-                    workedHours: 40.6,
-                    gDP: 1919,
-                    name: `Mali`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `MRT`,
-                    population: 4046000,
-                    workedHours: 45.9,
-                    gDP: 3602,
-                    name: `Mauritania`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `MUS`,
-                    population: 1259000,
-                    workedHours: 44.4,
-                    gDP: 18864,
-                    name: `Mauritius`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `MAR`,
-                    population: 34664000,
-                    workedHours: 39.6,
-                    gDP: 7297,
-                    name: `Morocco`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `MOZ`,
-                    population: 27042000,
-                    workedHours: 46.7,
-                    gDP: 1118,
-                    name: `Mozambique`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `NAM`,
-                    population: 2315000,
-                    workedHours: 43.1,
-                    gDP: 9975,
-                    name: `Namibia`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `NER`,
-                    population: 20002000,
-                    workedHours: 45,
-                    gDP: 908,
-                    name: `Niger`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `NGA`,
-                    population: 181000000,
-                    workedHours: 32.76,
-                    gDP: 5671,
-                    name: `Nigeria`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `RWA`,
-                    population: 11369000,
-                    workedHours: 46.3,
-                    gDP: 1731,
-                    name: `Rwanda`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `STP`,
-                    population: 199000,
-                    workedHours: 38.2,
-                    gDP: 2948,
-                    name: `Sao Tome`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `SEN`,
-                    population: 14578000,
-                    workedHours: 46.8,
-                    gDP: 2294,
-                    name: `Senegal`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `SYC`,
-                    population: 95000,
-                    workedHours: 39.8,
-                    gDP: 24857,
-                    name: `Seychelles`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `SLE`,
-                    population: 7172000,
-                    workedHours: 35.4,
-                    gDP: 1314,
-                    name: `Sierra Leone`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `ZAF`,
-                    population: 55386000,
-                    workedHours: 42.48,
-                    gDP: 12378,
-                    name: `South Africa`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `SSD`,
-                    population: 10716000,
-                    workedHours: 39.3,
-                    gDP: 1875,
-                    name: `South Sudan`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `SDN`,
-                    population: 38903000,
-                    workedHours: 36.3,
-                    gDP: 4290,
-                    name: `Sudan`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `TZA`,
-                    population: 51483000,
-                    workedHours: 38,
-                    gDP: 2491,
-                    name: `Tanzania`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `TGO`,
-                    population: 7323000,
-                    workedHours: 38.8,
-                    gDP: 1351,
-                    name: `Togo`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `TUN`,
-                    population: 11180000,
-                    workedHours: 35.2,
-                    gDP: 10766,
-                    name: `Tunisia`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `UGA`,
-                    population: 38225000,
-                    workedHours: 38.6,
-                    gDP: 1666,
-                    name: `Uganda`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `ZMB`,
-                    population: 15879000,
-                    workedHours: 46.6,
-                    gDP: 3627,
-                    name: `Zambia`
-                }),
-                new CountryStatsAfricaItem(
-                {
-                    code: `ZWE`,
-                    population: 13815000,
-                    workedHours: 41.4,
-                    gDP: 1912,
-                    name: `Zimbabwe`
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsEurope.ts b/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsEurope.ts
deleted file mode 100644
index d0b93024d2..0000000000
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsEurope.ts
+++ /dev/null
@@ -1,351 +0,0 @@
-export class CountryStatsEuropeItem {
-    public constructor(init: Partial<CountryStatsEuropeItem>) {
-        Object.assign(this, init);
-    }
-
-    public code: string;
-    public population: number;
-    public workedHours: number;
-    public gDP: number;
-    public name: string;
-
-}
-export class CountryStatsEurope extends Array<CountryStatsEuropeItem> {
-    public constructor(items: Array<CountryStatsEuropeItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new CountryStatsEuropeItem(
-                {
-                    code: `ALB`,
-                    population: 2891000,
-                    workedHours: 41,
-                    gDP: 10970,
-                    name: `Albania`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `AUT`,
-                    population: 8679000,
-                    workedHours: 30.75,
-                    gDP: 44305,
-                    name: `Austria`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `BLR`,
-                    population: 9439000,
-                    workedHours: 43.5,
-                    gDP: 17230,
-                    name: `Belarus`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `BEL`,
-                    population: 11288000,
-                    workedHours: 29.7,
-                    gDP: 41708,
-                    name: `Belgium`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `BIH`,
-                    population: 3429000,
-                    workedHours: 46.5,
-                    gDP: 10932,
-                    name: `Bosnia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `BGR`,
-                    population: 7200000,
-                    workedHours: 31.62,
-                    gDP: 17000,
-                    name: `Bulgaria`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `HRV`,
-                    population: 4233000,
-                    workedHours: 35.15,
-                    gDP: 20984,
-                    name: `Croatia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `CYP`,
-                    population: 1161000,
-                    workedHours: 34.42,
-                    gDP: 30549,
-                    name: `Cyprus`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `CZE`,
-                    population: 10601000,
-                    workedHours: 33.77,
-                    gDP: 30605,
-                    name: `Czechia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `DNK`,
-                    population: 5689000,
-                    workedHours: 27.16,
-                    gDP: 45459,
-                    name: `Denmark`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `EST`,
-                    population: 1315000,
-                    workedHours: 35.61,
-                    gDP: 27550,
-                    name: `Estonia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `FIN`,
-                    population: 5481000,
-                    workedHours: 31.48,
-                    gDP: 38942,
-                    name: `Finland`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `FRA`,
-                    population: 64453000,
-                    workedHours: 29.03,
-                    gDP: 37766,
-                    name: `France`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `DEU`,
-                    population: 81787000,
-                    workedHours: 26.31,
-                    gDP: 43938,
-                    name: `Germany`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `GRC`,
-                    population: 10660000,
-                    workedHours: 39.06,
-                    gDP: 24170,
-                    name: `Greece`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `HUN`,
-                    population: 9778000,
-                    workedHours: 36.99,
-                    gDP: 25034,
-                    name: `Hungary`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `ISL`,
-                    population: 330000,
-                    workedHours: 29.02,
-                    gDP: 43048,
-                    name: `Iceland`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `IRL`,
-                    population: 4652000,
-                    workedHours: 33.47,
-                    gDP: 60818,
-                    name: `Ireland`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `ITA`,
-                    population: 60578000,
-                    workedHours: 33.04,
-                    gDP: 34302,
-                    name: `Italy`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `LVA`,
-                    population: 1998000,
-                    workedHours: 36.57,
-                    gDP: 23019,
-                    name: `Latvia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `LTU`,
-                    population: 2932000,
-                    workedHours: 35.76,
-                    gDP: 27046,
-                    name: `Lithuania`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `LUX`,
-                    population: 567000,
-                    workedHours: 29.25,
-                    gDP: 94089,
-                    name: `Luxembourg`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `MLT`,
-                    population: 434000,
-                    workedHours: 37.78,
-                    gDP: 34087,
-                    name: `Malta`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `MDA`,
-                    population: 4071000,
-                    workedHours: 41,
-                    gDP: 4747,
-                    name: `Moldova`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `MNE`,
-                    population: 627000,
-                    workedHours: 47.2,
-                    gDP: 15290,
-                    name: `Montenegro`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `NLD`,
-                    population: 16938000,
-                    workedHours: 27.38,
-                    gDP: 46494,
-                    name: `Netherlands`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `MKD`,
-                    population: 2079000,
-                    workedHours: 36.6,
-                    gDP: 12760,
-                    name: `North Macedonia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `NOR`,
-                    population: 5200000,
-                    workedHours: 27.36,
-                    gDP: 64008,
-                    name: `Norway`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `POL`,
-                    population: 38034000,
-                    workedHours: 39.4,
-                    gDP: 25300,
-                    name: `Poland`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `PRT`,
-                    population: 10368000,
-                    workedHours: 36.06,
-                    gDP: 26608,
-                    name: `Portugal`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `ROU`,
-                    population: 19925000,
-                    workedHours: 34.34,
-                    gDP: 20556,
-                    name: `Romania`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `RUS`,
-                    population: 145000000,
-                    workedHours: 38.04,
-                    gDP: 24517,
-                    name: `Russia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `SMR`,
-                    population: 33000,
-                    workedHours: 40.1,
-                    gDP: 56372,
-                    name: `San Marino`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `SRB`,
-                    population: 8877000,
-                    workedHours: 46.5,
-                    gDP: 13278,
-                    name: `Serbia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `SVK`,
-                    population: 5436000,
-                    workedHours: 33.73,
-                    gDP: 28309,
-                    name: `Slovakia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `SVN`,
-                    population: 2071000,
-                    workedHours: 32.46,
-                    gDP: 29038,
-                    name: `Slovenia`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `ESP`,
-                    population: 46672000,
-                    workedHours: 32.68,
-                    gDP: 32291,
-                    name: `Spain`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `SWE`,
-                    population: 9765000,
-                    workedHours: 30.96,
-                    gDP: 45679,
-                    name: `Sweden`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `CHE`,
-                    population: 8297000,
-                    workedHours: 30.57,
-                    gDP: 57264,
-                    name: `Switzerland`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `UKR`,
-                    population: 44922000,
-                    workedHours: 38.6,
-                    gDP: 7465,
-                    name: `Ukraine`
-                }),
-                new CountryStatsEuropeItem(
-                {
-                    code: `GBR`,
-                    population: 65860000,
-                    workedHours: 32.1,
-                    gDP: 38839,
-                    name: `United Kingdom`
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/WorldStats.ts b/samples/charts/data-chart/scatter-bubble-chart-styling/src/WorldStats.ts
new file mode 100644
index 0000000000..2c09f68a27
--- /dev/null
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/src/WorldStats.ts
@@ -0,0 +1,5420 @@
+export class WorldStatsItem {
+    public constructor(init: Partial<WorldStatsItem>) {
+        Object.assign(this, init);
+    }
+
+    public code: string;
+    public name: string;
+    public continent: string;
+    public population: number;
+    public gdpTotal: number;
+    public economy: string;
+    public region: string;
+    public status: string;
+    public longitude: number;
+    public latitude: number;
+    public gdpPerPerson: number;
+    public rank: number;
+    public unemployment: number;
+    public oilProduction: number;
+    public birthRate: number;
+    public medianAge: number;
+    public electricity: number;
+    public televisions: number;
+    public publicDebt: number;
+    public internet: number;
+
+}
+export class WorldStats extends Array<WorldStatsItem> {
+    public constructor(items: Array<WorldStatsItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new WorldStatsItem(
+                {
+                    code: `CHN`,
+                    name: `China`,
+                    continent: `Asia`,
+                    population: 1379302771,
+                    gdpTotal: 21140000,
+                    economy: `Emerging`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 104.18,
+                    latitude: 35.887,
+                    gdpPerPerson: 15327,
+                    rank: 1,
+                    unemployment: 4,
+                    oilProduction: 3725000,
+                    birthRate: 14,
+                    medianAge: 34,
+                    electricity: 3256000,
+                    televisions: 400000000,
+                    publicDebt: 18,
+                    internet: 253000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `IND`,
+                    name: `India`,
+                    continent: `Asia`,
+                    population: 1281935911,
+                    gdpTotal: 8721000,
+                    economy: `Emerging`,
+                    region: `Southern Asia`,
+                    status: `Country`,
+                    longitude: 78.022,
+                    latitude: 22.665,
+                    gdpPerPerson: 6803,
+                    rank: 2,
+                    unemployment: 7,
+                    oilProduction: 810000,
+                    birthRate: 22,
+                    medianAge: 25,
+                    electricity: 661600,
+                    televisions: 63000000,
+                    publicDebt: 58,
+                    internet: 80000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `USA`,
+                    name: `United States`,
+                    continent: `North America`,
+                    population: 326625791,
+                    gdpTotal: 18560000,
+                    economy: `Developed`,
+                    region: `Northern America`,
+                    status: `Country`,
+                    longitude: -101.8,
+                    latitude: 39.818,
+                    gdpPerPerson: 56823,
+                    rank: 3,
+                    unemployment: 5,
+                    oilProduction: 7460000,
+                    birthRate: 14,
+                    medianAge: 37,
+                    electricity: 4062000,
+                    televisions: 219000000,
+                    publicDebt: 61,
+                    internet: 223000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `IDN`,
+                    name: `Indonesia`,
+                    continent: `Asia`,
+                    population: 260580739,
+                    gdpTotal: 3028000,
+                    economy: `Emerging`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 102.72,
+                    latitude: -2.698,
+                    gdpPerPerson: 11620,
+                    rank: 4,
+                    unemployment: 9,
+                    oilProduction: 837500,
+                    birthRate: 19,
+                    medianAge: 27,
+                    electricity: 125900,
+                    televisions: 13750000,
+                    publicDebt: 34,
+                    internet: 13000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BRA`,
+                    name: `Brazil`,
+                    continent: `South America`,
+                    population: 207353391,
+                    gdpTotal: 3081000,
+                    economy: `Emerging`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -48.88,
+                    latitude: -12.89,
+                    gdpPerPerson: 14859,
+                    rank: 5,
+                    unemployment: 9,
+                    oilProduction: 1797000,
+                    birthRate: 19,
+                    medianAge: 28,
+                    electricity: 396400,
+                    televisions: 36500000,
+                    publicDebt: 45,
+                    internet: 50000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PAK`,
+                    name: `Pakistan`,
+                    continent: `Asia`,
+                    population: 204924861,
+                    gdpTotal: 988200,
+                    economy: `Emerging`,
+                    region: `Southern Asia`,
+                    status: `Country`,
+                    longitude: 67.624,
+                    latitude: 28.421,
+                    gdpPerPerson: 4822,
+                    rank: 6,
+                    unemployment: 6,
+                    oilProduction: 62000,
+                    birthRate: 28,
+                    medianAge: 21,
+                    electricity: 89820,
+                    televisions: 3100000,
+                    publicDebt: 51,
+                    internet: 17500000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NGA`,
+                    name: `Nigeria`,
+                    continent: `Africa`,
+                    population: 190632261,
+                    gdpTotal: 1089000,
+                    economy: `Emerging`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: 8.657,
+                    latitude: 9.075,
+                    gdpPerPerson: 5713,
+                    rank: 7,
+                    unemployment: 5,
+                    oilProduction: 2166000,
+                    birthRate: 37,
+                    medianAge: 19,
+                    electricity: 22530,
+                    televisions: 6900000,
+                    publicDebt: 14,
+                    internet: 10000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BGD`,
+                    name: `Bangladesh`,
+                    continent: `Asia`,
+                    population: 157826578,
+                    gdpTotal: 628400,
+                    economy: `Least developed`,
+                    region: `Southern Asia`,
+                    status: `Country`,
+                    longitude: 89.935,
+                    latitude: 24.474,
+                    gdpPerPerson: 3982,
+                    rank: 8,
+                    unemployment: 3,
+                    oilProduction: 6746,
+                    birthRate: 29,
+                    medianAge: 23,
+                    electricity: 21350,
+                    televisions: 770000,
+                    publicDebt: 37,
+                    internet: 500000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `RUS`,
+                    name: `Russia`,
+                    continent: `Europe`,
+                    population: 142257519,
+                    gdpTotal: 3745000,
+                    economy: `Emerging`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 42.379,
+                    latitude: 56.974,
+                    gdpPerPerson: 26325,
+                    rank: 9,
+                    unemployment: 6,
+                    oilProduction: 9870000,
+                    birthRate: 11,
+                    medianAge: 38,
+                    electricity: 1000000,
+                    televisions: 60500000,
+                    publicDebt: 6,
+                    internet: 30000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `JPN`,
+                    name: `Japan`,
+                    continent: `Asia`,
+                    population: 126451398,
+                    gdpTotal: 4932000,
+                    economy: `Developed`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 138.48,
+                    latitude: 36.519,
+                    gdpPerPerson: 39003,
+                    rank: 10,
+                    unemployment: 4,
+                    oilProduction: 125000,
+                    birthRate: 8,
+                    medianAge: 44,
+                    electricity: 1025000,
+                    televisions: 86500000,
+                    publicDebt: 170,
+                    internet: 88110000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MEX`,
+                    name: `Mexico`,
+                    continent: `North America`,
+                    population: 124574795,
+                    gdpTotal: 2307000,
+                    economy: `Emerging`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -102.5,
+                    latitude: 23.63,
+                    gdpPerPerson: 18519,
+                    rank: 11,
+                    unemployment: 4,
+                    oilProduction: 3083000,
+                    birthRate: 20,
+                    medianAge: 26,
+                    electricity: 222400,
+                    televisions: 25600000,
+                    publicDebt: 23,
+                    internet: 22812000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ETH`,
+                    name: `Ethiopia`,
+                    continent: `Africa`,
+                    population: 105350020,
+                    gdpTotal: 174700,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 40.489,
+                    latitude: 9.154,
+                    gdpPerPerson: 1658,
+                    rank: 12,
+                    unemployment: 5,
+                    oilProduction: 1,
+                    birthRate: 25,
+                    medianAge: 52,
+                    electricity: 60942,
+                    televisions: 66893500,
+                    publicDebt: 45,
+                    internet: 291000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PHL`,
+                    name: `Philippines`,
+                    continent: `Asia`,
+                    population: 104256076,
+                    gdpTotal: 801900,
+                    economy: `Emerging`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 121.4,
+                    latitude: 16.78,
+                    gdpPerPerson: 7692,
+                    rank: 13,
+                    unemployment: 7,
+                    oilProduction: 0,
+                    birthRate: 26,
+                    medianAge: 22,
+                    electricity: 53670,
+                    televisions: 3700000,
+                    publicDebt: 56,
+                    internet: 5300000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `EGY`,
+                    name: `Egypt`,
+                    continent: `Africa`,
+                    population: 97041072,
+                    gdpTotal: 1105000,
+                    economy: `Emerging`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 30.787,
+                    latitude: 26.825,
+                    gdpPerPerson: 11387,
+                    rank: 14,
+                    unemployment: 9,
+                    oilProduction: 665000,
+                    birthRate: 22,
+                    medianAge: 25,
+                    electricity: 102500,
+                    televisions: 7700000,
+                    publicDebt: 106,
+                    internet: 8620000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `VNM`,
+                    name: `Vietnam`,
+                    continent: `Asia`,
+                    population: 96160163,
+                    gdpTotal: 594900,
+                    economy: `Emerging`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 108.46,
+                    latitude: 13.711,
+                    gdpPerPerson: 6187,
+                    rank: 15,
+                    unemployment: 4,
+                    oilProduction: 324000,
+                    birthRate: 16,
+                    medianAge: 27,
+                    electricity: 59010,
+                    televisions: 3570000,
+                    publicDebt: 42,
+                    internet: 17870000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `COD`,
+                    name: `Dem. Rep. Congo`,
+                    continent: `Africa`,
+                    population: 83301151,
+                    gdpTotal: 66010,
+                    economy: `Least developed`,
+                    region: `Middle Africa`,
+                    status: `Country`,
+                    longitude: 21.738,
+                    latitude: -4.071,
+                    gdpPerPerson: 792,
+                    rank: 16,
+                    unemployment: 3,
+                    oilProduction: 4,
+                    birthRate: 13,
+                    medianAge: 41,
+                    electricity: 48913,
+                    televisions: 55942436,
+                    publicDebt: 16,
+                    internet: 8903936
+                }),
+                new WorldStatsItem(
+                {
+                    code: `IRN`,
+                    name: `Iran`,
+                    continent: `Asia`,
+                    population: 82021564,
+                    gdpTotal: 1459000,
+                    economy: `Emerging`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 53.664,
+                    latitude: 32.435,
+                    gdpPerPerson: 17788,
+                    rank: 17,
+                    unemployment: 12,
+                    oilProduction: 3956000,
+                    birthRate: 17,
+                    medianAge: 26,
+                    electricity: 170400,
+                    televisions: 4610000,
+                    publicDebt: 17,
+                    internet: 23000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TUR`,
+                    name: `Turkey`,
+                    continent: `Asia`,
+                    population: 80845215,
+                    gdpTotal: 1670000,
+                    economy: `Emerging`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 35.243,
+                    latitude: 38.962,
+                    gdpPerPerson: 20657,
+                    rank: 18,
+                    unemployment: 10,
+                    oilProduction: 45460,
+                    birthRate: 16,
+                    medianAge: 29,
+                    electricity: 154200,
+                    televisions: 20900000,
+                    publicDebt: 39,
+                    internet: 13150000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `DEU`,
+                    name: `Germany`,
+                    continent: `Europe`,
+                    population: 80594017,
+                    gdpTotal: 3979000,
+                    economy: `Developed`,
+                    region: `Western Europe`,
+                    status: `Country`,
+                    longitude: 11.43,
+                    latitude: 52.237,
+                    gdpPerPerson: 49371,
+                    rank: 19,
+                    unemployment: 9,
+                    oilProduction: 141700,
+                    birthRate: 8,
+                    medianAge: 43,
+                    electricity: 579400,
+                    televisions: 51400000,
+                    publicDebt: 65,
+                    internet: 42500000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `THA`,
+                    name: `Thailand`,
+                    continent: `Asia`,
+                    population: 68414135,
+                    gdpTotal: 1161000,
+                    economy: `Emerging`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 100.65,
+                    latitude: 15.345,
+                    gdpPerPerson: 16970,
+                    rank: 20,
+                    unemployment: 1,
+                    oilProduction: 310000,
+                    birthRate: 14,
+                    medianAge: 33,
+                    electricity: 124600,
+                    televisions: 15190000,
+                    publicDebt: 38,
+                    internet: 13416000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `FRA`,
+                    name: `France`,
+                    continent: `Europe`,
+                    population: 67106161,
+                    gdpTotal: 2699000,
+                    economy: `Developed`,
+                    region: `Western Europe`,
+                    status: `Country`,
+                    longitude: 2.267,
+                    latitude: 46.645,
+                    gdpPerPerson: 40220,
+                    rank: 21,
+                    unemployment: 12,
+                    oilProduction: 1,
+                    birthRate: 24,
+                    medianAge: 48,
+                    electricity: 63711,
+                    televisions: 43156970,
+                    publicDebt: 11,
+                    internet: 7012454
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GBR`,
+                    name: `United Kingdom`,
+                    continent: `Europe`,
+                    population: 64769452,
+                    gdpTotal: 2788000,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: -1.233,
+                    latitude: 52.242,
+                    gdpPerPerson: 43045,
+                    rank: 22,
+                    unemployment: 5,
+                    oilProduction: 1636000,
+                    birthRate: 11,
+                    medianAge: 40,
+                    electricity: 372600,
+                    televisions: 30500000,
+                    publicDebt: 44,
+                    internet: 40200000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ITA`,
+                    name: `Italy`,
+                    continent: `Europe`,
+                    population: 62137802,
+                    gdpTotal: 2221000,
+                    economy: `Developed`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 15.701,
+                    latitude: 40.885,
+                    gdpPerPerson: 35743,
+                    rank: 23,
+                    unemployment: 6,
+                    oilProduction: 164800,
+                    birthRate: 8,
+                    medianAge: 43,
+                    electricity: 278500,
+                    televisions: 30300000,
+                    publicDebt: 104,
+                    internet: 32000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MMR`,
+                    name: `Myanmar`,
+                    continent: `Asia`,
+                    population: 55123814,
+                    gdpTotal: 311100,
+                    economy: `Least developed`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 96.028,
+                    latitude: 21.509,
+                    gdpPerPerson: 5644,
+                    rank: 24,
+                    unemployment: 13,
+                    oilProduction: 4,
+                    birthRate: 24,
+                    medianAge: 37,
+                    electricity: 26955,
+                    televisions: 39322205,
+                    publicDebt: 18,
+                    internet: 30207772
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ZAF`,
+                    name: `South Africa`,
+                    continent: `Africa`,
+                    population: 54841552,
+                    gdpTotal: 739100,
+                    economy: `Emerging`,
+                    region: `Southern Africa`,
+                    status: `Country`,
+                    longitude: 22.489,
+                    latitude: -32.4,
+                    gdpPerPerson: 13477,
+                    rank: 25,
+                    unemployment: 24,
+                    oilProduction: 200000,
+                    birthRate: 20,
+                    medianAge: 24,
+                    electricity: 264000,
+                    televisions: 6000000,
+                    publicDebt: 31,
+                    internet: 5100000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TZA`,
+                    name: `Tanzania`,
+                    continent: `Africa`,
+                    population: 53950935,
+                    gdpTotal: 150600,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 34.894,
+                    latitude: -6.356,
+                    gdpPerPerson: 2791,
+                    rank: 26,
+                    unemployment: 6,
+                    oilProduction: 3,
+                    birthRate: 9,
+                    medianAge: 34,
+                    electricity: 10186,
+                    televisions: 35987980,
+                    publicDebt: 20,
+                    internet: 400000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `KOR`,
+                    name: `South Korea`,
+                    continent: `Asia`,
+                    population: 51181299,
+                    gdpTotal: 1929000,
+                    economy: `Emerging`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 128.29,
+                    latitude: 36.399,
+                    gdpPerPerson: 37690,
+                    rank: 27,
+                    unemployment: 3,
+                    oilProduction: 17050,
+                    birthRate: 9,
+                    medianAge: 37,
+                    electricity: 403200,
+                    televisions: 15900000,
+                    publicDebt: 28,
+                    internet: 35590000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ESP`,
+                    name: `Spain`,
+                    continent: `Europe`,
+                    population: 48958159,
+                    gdpTotal: 1690000,
+                    economy: `Developed`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: -2.892,
+                    latitude: 40.569,
+                    gdpPerPerson: 34519,
+                    rank: 28,
+                    unemployment: 8,
+                    oilProduction: 29350,
+                    birthRate: 10,
+                    medianAge: 41,
+                    electricity: 270300,
+                    televisions: 16200000,
+                    publicDebt: 36,
+                    internet: 19690000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `COL`,
+                    name: `Colombia`,
+                    continent: `South America`,
+                    population: 47698524,
+                    gdpTotal: 688000,
+                    economy: `Developing`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -72.95,
+                    latitude: 4.099,
+                    gdpPerPerson: 14424,
+                    rank: 29,
+                    unemployment: 11,
+                    oilProduction: 531300,
+                    birthRate: 20,
+                    medianAge: 27,
+                    electricity: 50470,
+                    televisions: 4590000,
+                    publicDebt: 53,
+                    internet: 12100000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `KEN`,
+                    name: `Kenya`,
+                    continent: `Africa`,
+                    population: 47615739,
+                    gdpTotal: 152700,
+                    economy: `Emerging`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 37.929,
+                    latitude: 0.4,
+                    gdpPerPerson: 3207,
+                    rank: 30,
+                    unemployment: 40,
+                    oilProduction: 0,
+                    birthRate: 38,
+                    medianAge: 19,
+                    electricity: 5502,
+                    televisions: 730000,
+                    publicDebt: 49,
+                    internet: 3000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ARG`,
+                    name: `Argentina`,
+                    continent: `South America`,
+                    population: 44293293,
+                    gdpTotal: 879400,
+                    economy: `Emerging`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -64.84,
+                    latitude: -33.07,
+                    gdpPerPerson: 19854,
+                    rank: 31,
+                    unemployment: 9,
+                    oilProduction: 730000,
+                    birthRate: 18,
+                    medianAge: 30,
+                    electricity: 101100,
+                    televisions: 7950000,
+                    publicDebt: 56,
+                    internet: 9309000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `UKR`,
+                    name: `Ukraine`,
+                    continent: `Europe`,
+                    population: 44033874,
+                    gdpTotal: 352600,
+                    economy: `Developing`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 30.86,
+                    latitude: 49.723,
+                    gdpPerPerson: 8007,
+                    rank: 32,
+                    unemployment: 2,
+                    oilProduction: 90400,
+                    birthRate: 10,
+                    medianAge: 39,
+                    electricity: 192100,
+                    televisions: 18050000,
+                    publicDebt: 12,
+                    internet: 10000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `DZA`,
+                    name: `Algeria`,
+                    continent: `Africa`,
+                    population: 40969443,
+                    gdpTotal: 609400,
+                    economy: `Developing`,
+                    region: `Northern Africa`,
+                    status: `Country`,
+                    longitude: 1.642,
+                    latitude: 28.04,
+                    gdpPerPerson: 14875,
+                    rank: 33,
+                    unemployment: 12,
+                    oilProduction: 1358000,
+                    birthRate: 17,
+                    medianAge: 26,
+                    electricity: 31910,
+                    televisions: 3100000,
+                    publicDebt: 18,
+                    internet: 3500000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `UGA`,
+                    name: `Uganda`,
+                    continent: `Africa`,
+                    population: 39570125,
+                    gdpTotal: 84930,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 32.27,
+                    latitude: 1.375,
+                    gdpPerPerson: 2146,
+                    rank: 34,
+                    unemployment: 10,
+                    oilProduction: 1,
+                    birthRate: 10,
+                    medianAge: 32,
+                    electricity: 35388,
+                    televisions: 27867123,
+                    publicDebt: 21,
+                    internet: 2000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `IRQ`,
+                    name: `Iraq`,
+                    continent: `Asia`,
+                    population: 39192111,
+                    gdpTotal: 596700,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 43.66,
+                    latitude: 33.218,
+                    gdpPerPerson: 15225,
+                    rank: 35,
+                    unemployment: 6,
+                    oilProduction: 0,
+                    birthRate: 20,
+                    medianAge: 44,
+                    electricity: 48545,
+                    televisions: 13178804,
+                    publicDebt: 40,
+                    internet: 9538092
+                }),
+                new WorldStatsItem(
+                {
+                    code: `POL`,
+                    name: `Poland`,
+                    continent: `Europe`,
+                    population: 38476269,
+                    gdpTotal: 1052000,
+                    economy: `Developed`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 20.073,
+                    latitude: 52.374,
+                    gdpPerPerson: 27342,
+                    rank: 36,
+                    unemployment: 13,
+                    oilProduction: 0,
+                    birthRate: 10,
+                    medianAge: 38,
+                    electricity: 146200,
+                    televisions: 13050000,
+                    publicDebt: 43,
+                    internet: 16000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SDN`,
+                    name: `Sudan`,
+                    continent: `Africa`,
+                    population: 37345935,
+                    gdpTotal: 176300,
+                    economy: `Developing`,
+                    region: `Northern Africa`,
+                    status: `Country`,
+                    longitude: 30.217,
+                    latitude: 15.434,
+                    gdpPerPerson: 4721,
+                    rank: 37,
+                    unemployment: 19,
+                    oilProduction: 484500,
+                    birthRate: 34,
+                    medianAge: 19,
+                    electricity: 3944,
+                    televisions: 2380000,
+                    publicDebt: 106,
+                    internet: 1500000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CAN`,
+                    name: `Canada`,
+                    continent: `North America`,
+                    population: 35623680,
+                    gdpTotal: 1674000,
+                    economy: `Developed`,
+                    region: `Northern America`,
+                    status: `Country`,
+                    longitude: -108,
+                    latitude: 55.855,
+                    gdpPerPerson: 46991,
+                    rank: 38,
+                    unemployment: 6,
+                    oilProduction: 3310000,
+                    birthRate: 10,
+                    medianAge: 40,
+                    electricity: 609600,
+                    televisions: 21500000,
+                    publicDebt: 64,
+                    internet: 28000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `AFG`,
+                    name: `Afghanistan`,
+                    continent: `Asia`,
+                    population: 34124811,
+                    gdpTotal: 64080,
+                    economy: `Least developed`,
+                    region: `Southern Asia`,
+                    status: `Country`,
+                    longitude: 66.041,
+                    latitude: 33.977,
+                    gdpPerPerson: 1878,
+                    rank: 39,
+                    unemployment: 9,
+                    oilProduction: 2,
+                    birthRate: 15,
+                    medianAge: 39,
+                    electricity: 64532,
+                    televisions: 15374294,
+                    publicDebt: 25,
+                    internet: 18662148
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MAR`,
+                    name: `Morocco`,
+                    continent: `Africa`,
+                    population: 33986655,
+                    gdpTotal: 282800,
+                    economy: `Developing`,
+                    region: `Northern Africa`,
+                    status: `Country`,
+                    longitude: -5.707,
+                    latitude: 32.104,
+                    gdpPerPerson: 8321,
+                    rank: 40,
+                    unemployment: 10,
+                    oilProduction: 300,
+                    birthRate: 21,
+                    medianAge: 25,
+                    electricity: 21370,
+                    televisions: 3100000,
+                    publicDebt: 67,
+                    internet: 7300000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MYS`,
+                    name: `Malaysia`,
+                    continent: `Asia`,
+                    population: 31381992,
+                    gdpTotal: 863000,
+                    economy: `Developing`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 101.72,
+                    latitude: 4.89,
+                    gdpPerPerson: 27500,
+                    rank: 41,
+                    unemployment: 3,
+                    oilProduction: 757500,
+                    birthRate: 22,
+                    medianAge: 25,
+                    electricity: 82360,
+                    televisions: 10800000,
+                    publicDebt: 42,
+                    internet: 15868000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `VEN`,
+                    name: `Venezuela`,
+                    continent: `South America`,
+                    population: 31304016,
+                    gdpTotal: 468600,
+                    economy: `Emerging`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -64.78,
+                    latitude: 6.695,
+                    gdpPerPerson: 14969,
+                    rank: 42,
+                    unemployment: 9,
+                    oilProduction: 2398000,
+                    birthRate: 21,
+                    medianAge: 25,
+                    electricity: 99200,
+                    televisions: 4100000,
+                    publicDebt: 19,
+                    internet: 5720000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PER`,
+                    name: `Peru`,
+                    continent: `South America`,
+                    population: 31036656,
+                    gdpTotal: 410400,
+                    economy: `Emerging`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -73.82,
+                    latitude: -12.89,
+                    gdpPerPerson: 13223,
+                    rank: 43,
+                    unemployment: 7,
+                    oilProduction: 119000,
+                    birthRate: 20,
+                    medianAge: 26,
+                    electricity: 24970,
+                    televisions: 3060000,
+                    publicDebt: 29,
+                    internet: 7636000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `UZB`,
+                    name: `Uzbekistan`,
+                    continent: `Asia`,
+                    population: 29748859,
+                    gdpTotal: 202300,
+                    economy: `Developing`,
+                    region: `Central Asia`,
+                    status: `Country`,
+                    longitude: 63.288,
+                    latitude: 42.338,
+                    gdpPerPerson: 6800,
+                    rank: 44,
+                    unemployment: 1,
+                    oilProduction: 109400,
+                    birthRate: 18,
+                    medianAge: 24,
+                    electricity: 49000,
+                    televisions: 6400000,
+                    publicDebt: 19,
+                    internet: 1200000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NPL`,
+                    name: `Nepal`,
+                    continent: `Asia`,
+                    population: 29384297,
+                    gdpTotal: 71520,
+                    economy: `Least developed`,
+                    region: `Southern Asia`,
+                    status: `Country`,
+                    longitude: 82.328,
+                    latitude: 28.843,
+                    gdpPerPerson: 2434,
+                    rank: 45,
+                    unemployment: 5,
+                    oilProduction: 3,
+                    birthRate: 18,
+                    medianAge: 34,
+                    electricity: 68842,
+                    televisions: 21075997,
+                    publicDebt: 16,
+                    internet: 7780693
+                }),
+                new WorldStatsItem(
+                {
+                    code: `AGO`,
+                    name: `Angola`,
+                    continent: `Africa`,
+                    population: 29310273,
+                    gdpTotal: 189000,
+                    economy: `Least developed`,
+                    region: `Middle Africa`,
+                    status: `Country`,
+                    longitude: 18.097,
+                    latitude: -12.37,
+                    gdpPerPerson: 6448,
+                    rank: 46,
+                    unemployment: 14,
+                    oilProduction: 0,
+                    birthRate: 15,
+                    medianAge: 38,
+                    electricity: 25890,
+                    televisions: 21283158,
+                    publicDebt: 12,
+                    internet: 100000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SAU`,
+                    name: `Saudi Arabia`,
+                    continent: `Asia`,
+                    population: 28571770,
+                    gdpTotal: 1731000,
+                    economy: `Developed`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 45.129,
+                    latitude: 24.248,
+                    gdpPerPerson: 60584,
+                    rank: 47,
+                    unemployment: 13,
+                    oilProduction: 11000000,
+                    birthRate: 29,
+                    medianAge: 22,
+                    electricity: 165600,
+                    televisions: 5100000,
+                    publicDebt: 24,
+                    internet: 6200000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `YEM`,
+                    name: `Yemen`,
+                    continent: `Asia`,
+                    population: 28036829,
+                    gdpTotal: 73450,
+                    economy: `Least developed`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 48.53,
+                    latitude: 15.658,
+                    gdpPerPerson: 2620,
+                    rank: 48,
+                    unemployment: 35,
+                    oilProduction: 339200,
+                    birthRate: 42,
+                    medianAge: 17,
+                    electricity: 4456,
+                    televisions: 470000,
+                    publicDebt: 34,
+                    internet: 320000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GHA`,
+                    name: `Ghana`,
+                    continent: `Africa`,
+                    population: 27499924,
+                    gdpTotal: 120800,
+                    economy: `Developing`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -0.893,
+                    latitude: 8.607,
+                    gdpPerPerson: 4393,
+                    rank: 49,
+                    unemployment: 11,
+                    oilProduction: 700,
+                    birthRate: 29,
+                    medianAge: 20,
+                    electricity: 7042,
+                    televisions: 1900000,
+                    publicDebt: 59,
+                    internet: 650000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MOZ`,
+                    name: `Mozambique`,
+                    continent: `Africa`,
+                    population: 26573706,
+                    gdpTotal: 35010,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 38.075,
+                    latitude: -15.41,
+                    gdpPerPerson: 1317,
+                    rank: 50,
+                    unemployment: 21,
+                    oilProduction: 0,
+                    birthRate: 38,
+                    medianAge: 17,
+                    electricity: 13170,
+                    televisions: 67600,
+                    publicDebt: 22,
+                    internet: 200000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PRK`,
+                    name: `North Korea`,
+                    continent: `Asia`,
+                    population: 25248140,
+                    gdpTotal: 40000,
+                    economy: `Least developed`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 127.01,
+                    latitude: 40.333,
+                    gdpPerPerson: 1584,
+                    rank: 51,
+                    unemployment: 13,
+                    oilProduction: 0,
+                    birthRate: 23,
+                    medianAge: 55,
+                    electricity: 35619,
+                    televisions: 16501842,
+                    publicDebt: 30,
+                    internet: 2340760
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MDG`,
+                    name: `Madagascar`,
+                    continent: `Africa`,
+                    population: 25054161,
+                    gdpTotal: 36860,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 46.87,
+                    latitude: -18.82,
+                    gdpPerPerson: 1471,
+                    rank: 52,
+                    unemployment: 15,
+                    oilProduction: 0,
+                    birthRate: 20,
+                    medianAge: 36,
+                    electricity: 86068,
+                    televisions: 9470858,
+                    publicDebt: 31,
+                    internet: 1407981
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CMR`,
+                    name: `Cameroon`,
+                    continent: `Africa`,
+                    population: 24994885,
+                    gdpTotal: 77240,
+                    economy: `Developing`,
+                    region: `Middle Africa`,
+                    status: `Country`,
+                    longitude: 12.451,
+                    latitude: 4.365,
+                    gdpPerPerson: 3090,
+                    rank: 53,
+                    unemployment: 30,
+                    oilProduction: 85300,
+                    birthRate: 35,
+                    medianAge: 19,
+                    electricity: 4090,
+                    televisions: 450000,
+                    publicDebt: 16,
+                    internet: 370000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CIV`,
+                    name: `Ivory Coast`,
+                    continent: `Africa`,
+                    population: 24184810,
+                    gdpTotal: 87120,
+                    economy: `Developing`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -5.555,
+                    latitude: 7.538,
+                    gdpPerPerson: 3602,
+                    rank: 54,
+                    unemployment: 3,
+                    oilProduction: 1,
+                    birthRate: 17,
+                    medianAge: 55,
+                    electricity: 49302,
+                    televisions: 9034402,
+                    publicDebt: 75,
+                    internet: 300000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TWN`,
+                    name: `Taiwan`,
+                    continent: `Asia`,
+                    population: 23508428,
+                    gdpTotal: 1127000,
+                    economy: `Developed`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 120.96,
+                    latitude: 23.636,
+                    gdpPerPerson: 47940,
+                    rank: 55,
+                    unemployment: 4,
+                    oilProduction: 600,
+                    birthRate: 9,
+                    medianAge: 36,
+                    electricity: 235000,
+                    televisions: 8800000,
+                    publicDebt: 28,
+                    internet: 14760000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `AUS`,
+                    name: `Australia`,
+                    continent: `Oceania`,
+                    population: 23232413,
+                    gdpTotal: 1189000,
+                    economy: `Developed`,
+                    region: `Australia`,
+                    status: `Country`,
+                    longitude: 135.87,
+                    latitude: -25.63,
+                    gdpPerPerson: 51178,
+                    rank: 56,
+                    unemployment: 4,
+                    oilProduction: 540000,
+                    birthRate: 13,
+                    medianAge: 37,
+                    electricity: 236700,
+                    televisions: 10150000,
+                    publicDebt: 16,
+                    internet: 11240000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LKA`,
+                    name: `Sri Lanka`,
+                    continent: `Asia`,
+                    population: 22409381,
+                    gdpTotal: 236700,
+                    economy: `Developing`,
+                    region: `Southern Asia`,
+                    status: `Country`,
+                    longitude: 80.792,
+                    latitude: 7.881,
+                    gdpPerPerson: 10563,
+                    rank: 57,
+                    unemployment: 6,
+                    oilProduction: 0,
+                    birthRate: 17,
+                    medianAge: 30,
+                    electricity: 8411,
+                    televisions: 1530000,
+                    publicDebt: 86,
+                    internet: 771700
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ROU`,
+                    name: `Romania`,
+                    continent: `Europe`,
+                    population: 21529967,
+                    gdpTotal: 441000,
+                    economy: `Developed`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 24.974,
+                    latitude: 45.967,
+                    gdpPerPerson: 20483,
+                    rank: 58,
+                    unemployment: 4,
+                    oilProduction: 115000,
+                    birthRate: 11,
+                    medianAge: 37,
+                    electricity: 60520,
+                    televisions: 5250000,
+                    publicDebt: 13,
+                    internet: 12000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BFA`,
+                    name: `Burkina Faso`,
+                    continent: `Africa`,
+                    population: 20107509,
+                    gdpTotal: 32990,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -1.567,
+                    latitude: 12.251,
+                    gdpPerPerson: 1641,
+                    rank: 59,
+                    unemployment: 4,
+                    oilProduction: 5,
+                    birthRate: 21,
+                    medianAge: 30,
+                    electricity: 82658,
+                    televisions: 7478745,
+                    publicDebt: 14,
+                    internet: 5896530
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NER`,
+                    name: `Niger`,
+                    continent: `Africa`,
+                    population: 19245344,
+                    gdpTotal: 20150,
+                    economy: `Least developed`,
+                    region: `Northern Africa`,
+                    status: `Country`,
+                    longitude: 10.845,
+                    latitude: 17.92,
+                    gdpPerPerson: 1047,
+                    rank: 60,
+                    unemployment: 9,
+                    oilProduction: 5,
+                    birthRate: 18,
+                    medianAge: 53,
+                    electricity: 10652,
+                    televisions: 8203307,
+                    publicDebt: 17,
+                    internet: 157021
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MWI`,
+                    name: `Malawi`,
+                    continent: `Africa`,
+                    population: 19196246,
+                    gdpTotal: 21200,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 34.282,
+                    latitude: -13.26,
+                    gdpPerPerson: 1104,
+                    rank: 61,
+                    unemployment: 12,
+                    oilProduction: 3,
+                    birthRate: 12,
+                    medianAge: 51,
+                    electricity: 20676,
+                    televisions: 4938675,
+                    publicDebt: 51,
+                    internet: 139500
+                }),
+                new WorldStatsItem(
+                {
+                    code: `KAZ`,
+                    name: `Kazakhstan`,
+                    continent: `Asia`,
+                    population: 18556698,
+                    gdpTotal: 460700,
+                    economy: `Developing`,
+                    region: `Central Asia`,
+                    status: `Country`,
+                    longitude: 66.966,
+                    latitude: 47.999,
+                    gdpPerPerson: 24827,
+                    rank: 62,
+                    unemployment: 7,
+                    oilProduction: 1355000,
+                    birthRate: 16,
+                    medianAge: 29,
+                    electricity: 76340,
+                    televisions: 3880000,
+                    publicDebt: 8,
+                    internet: 1901000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SYR`,
+                    name: `Syria`,
+                    continent: `Asia`,
+                    population: 18028549,
+                    gdpTotal: 50280,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 39.062,
+                    latitude: 34.807,
+                    gdpPerPerson: 2789,
+                    rank: 63,
+                    unemployment: 9,
+                    oilProduction: 379000,
+                    birthRate: 27,
+                    medianAge: 21,
+                    electricity: 153200,
+                    televisions: 1050000,
+                    publicDebt: 38,
+                    internet: 3470000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MLI`,
+                    name: `Mali`,
+                    continent: `Africa`,
+                    population: 17885245,
+                    gdpTotal: 38090,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -1.496,
+                    latitude: 17.867,
+                    gdpPerPerson: 2130,
+                    rank: 64,
+                    unemployment: 4,
+                    oilProduction: 4,
+                    birthRate: 21,
+                    medianAge: 46,
+                    electricity: 72483,
+                    televisions: 4783188,
+                    publicDebt: 38,
+                    internet: 8619386
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CHL`,
+                    name: `Chile`,
+                    continent: `South America`,
+                    population: 17789267,
+                    gdpTotal: 436100,
+                    economy: `Emerging`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -69.11,
+                    latitude: -23.36,
+                    gdpPerPerson: 24515,
+                    rank: 65,
+                    unemployment: 7,
+                    oilProduction: 15100,
+                    birthRate: 15,
+                    medianAge: 31,
+                    electricity: 47600,
+                    televisions: 3150000,
+                    publicDebt: 4,
+                    internet: 557000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NLD`,
+                    name: `Netherlands`,
+                    continent: `Europe`,
+                    population: 17084719,
+                    gdpTotal: 870800,
+                    economy: `Developed`,
+                    region: `Western Europe`,
+                    status: `Country`,
+                    longitude: 6.272,
+                    latitude: 52.971,
+                    gdpPerPerson: 50970,
+                    rank: 66,
+                    unemployment: 5,
+                    oilProduction: 76000,
+                    birthRate: 11,
+                    medianAge: 40,
+                    electricity: 94340,
+                    televisions: 8100000,
+                    publicDebt: 46,
+                    internet: 15000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ECU`,
+                    name: `Ecuador`,
+                    continent: `South America`,
+                    population: 16290913,
+                    gdpTotal: 182400,
+                    economy: `Developing`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -77.98,
+                    latitude: -1.291,
+                    gdpPerPerson: 11196,
+                    rank: 67,
+                    unemployment: 9,
+                    oilProduction: 511100,
+                    birthRate: 22,
+                    medianAge: 24,
+                    electricity: 12940,
+                    televisions: 2500000,
+                    publicDebt: 33,
+                    internet: 1549000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `KHM`,
+                    name: `Cambodia`,
+                    continent: `Asia`,
+                    population: 16204486,
+                    gdpTotal: 58940,
+                    economy: `Least developed`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 104.96,
+                    latitude: 12.558,
+                    gdpPerPerson: 3637,
+                    rank: 68,
+                    unemployment: 15,
+                    oilProduction: 1,
+                    birthRate: 17,
+                    medianAge: 50,
+                    electricity: 45509,
+                    televisions: 2489832,
+                    publicDebt: 22,
+                    internet: 11512560
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ZMB`,
+                    name: `Zambia`,
+                    continent: `Africa`,
+                    population: 15972000,
+                    gdpTotal: 65170,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 26.301,
+                    latitude: -14.3,
+                    gdpPerPerson: 4080,
+                    rank: 69,
+                    unemployment: 50,
+                    oilProduction: 150,
+                    birthRate: 41,
+                    medianAge: 17,
+                    electricity: 8850,
+                    televisions: 277000,
+                    publicDebt: 28,
+                    internet: 500000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GTM`,
+                    name: `Guatemala`,
+                    continent: `North America`,
+                    population: 15460732,
+                    gdpTotal: 131800,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -90.4,
+                    latitude: 15.225,
+                    gdpPerPerson: 8525,
+                    rank: 70,
+                    unemployment: 3,
+                    oilProduction: 13000,
+                    birthRate: 29,
+                    medianAge: 19,
+                    electricity: 7281,
+                    televisions: 1323000,
+                    publicDebt: 21,
+                    internet: 1320000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SEN`,
+                    name: `Senegal`,
+                    continent: `Africa`,
+                    population: 14668522,
+                    gdpTotal: 39720,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -14.76,
+                    latitude: 15.47,
+                    gdpPerPerson: 2708,
+                    rank: 71,
+                    unemployment: 48,
+                    oilProduction: 0,
+                    birthRate: 37,
+                    medianAge: 19,
+                    electricity: 2159,
+                    televisions: 361000,
+                    publicDebt: 23,
+                    internet: 820000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ZWE`,
+                    name: `Zimbabwe`,
+                    continent: `Africa`,
+                    population: 13805084,
+                    gdpTotal: 28330,
+                    economy: `Emerging`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 29.115,
+                    latitude: -19.02,
+                    gdpPerPerson: 2052,
+                    rank: 72,
+                    unemployment: 80,
+                    oilProduction: 0,
+                    birthRate: 32,
+                    medianAge: 18,
+                    electricity: 9950,
+                    televisions: 370000,
+                    publicDebt: 218,
+                    internet: 1351000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SSD`,
+                    name: `South Sudan`,
+                    continent: `Africa`,
+                    population: 13026129,
+                    gdpTotal: 20880,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 29.708,
+                    latitude: 7.857,
+                    gdpPerPerson: 1603,
+                    rank: 73,
+                    unemployment: 11,
+                    oilProduction: 5,
+                    birthRate: 8,
+                    medianAge: 43,
+                    electricity: 41476,
+                    televisions: 7716253,
+                    publicDebt: 41,
+                    internet: 4569804
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GIN`,
+                    name: `Guinea`,
+                    continent: `Africa`,
+                    population: 12413867,
+                    gdpTotal: 16080,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -9.522,
+                    latitude: 10.478,
+                    gdpPerPerson: 1295,
+                    rank: 74,
+                    unemployment: 15,
+                    oilProduction: 4,
+                    birthRate: 5,
+                    medianAge: 49,
+                    electricity: 15826,
+                    televisions: 6262180,
+                    publicDebt: 32,
+                    internet: 6439493
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TCD`,
+                    name: `Chad`,
+                    continent: `Africa`,
+                    population: 12075985,
+                    gdpTotal: 30590,
+                    economy: `Least developed`,
+                    region: `Northern Africa`,
+                    status: `Country`,
+                    longitude: 18.716,
+                    latitude: 15.46,
+                    gdpPerPerson: 2533,
+                    rank: 75,
+                    unemployment: 15,
+                    oilProduction: 2,
+                    birthRate: 25,
+                    medianAge: 46,
+                    electricity: 57747,
+                    televisions: 8629897,
+                    publicDebt: 33,
+                    internet: 6531943
+                }),
+                new WorldStatsItem(
+                {
+                    code: `RWA`,
+                    name: `Rwanda`,
+                    continent: `Africa`,
+                    population: 11901484,
+                    gdpTotal: 21970,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 29.867,
+                    latitude: -1.936,
+                    gdpPerPerson: 1846,
+                    rank: 76,
+                    unemployment: 14,
+                    oilProduction: 0,
+                    birthRate: 23,
+                    medianAge: 51,
+                    electricity: 51710,
+                    televisions: 1363647,
+                    publicDebt: 36,
+                    internet: 2425128
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BEL`,
+                    name: `Belgium`,
+                    continent: `Europe`,
+                    population: 11491346,
+                    gdpTotal: 508600,
+                    economy: `Developed`,
+                    region: `Western Europe`,
+                    status: `Country`,
+                    longitude: 4.605,
+                    latitude: 50.911,
+                    gdpPerPerson: 44259,
+                    rank: 77,
+                    unemployment: 8,
+                    oilProduction: 9000,
+                    birthRate: 10,
+                    medianAge: 41,
+                    electricity: 80840,
+                    televisions: 4720000,
+                    publicDebt: 85,
+                    internet: 5220000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BDI`,
+                    name: `Burundi`,
+                    continent: `Africa`,
+                    population: 11466756,
+                    gdpTotal: 7892,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 29.913,
+                    latitude: -3.384,
+                    gdpPerPerson: 688,
+                    rank: 78,
+                    unemployment: 12,
+                    oilProduction: 3,
+                    birthRate: 16,
+                    medianAge: 35,
+                    electricity: 43850,
+                    televisions: 2920735,
+                    publicDebt: 20,
+                    internet: 3908915
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TUN`,
+                    name: `Tunisia`,
+                    continent: `Africa`,
+                    population: 11403800,
+                    gdpTotal: 130800,
+                    economy: `Developing`,
+                    region: `Northern Africa`,
+                    status: `Country`,
+                    longitude: 9.516,
+                    latitude: 33.785,
+                    gdpPerPerson: 11470,
+                    rank: 79,
+                    unemployment: 14,
+                    oilProduction: 76900,
+                    birthRate: 16,
+                    medianAge: 29,
+                    electricity: 12850,
+                    televisions: 920000,
+                    publicDebt: 55,
+                    internet: 1722000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CUB`,
+                    name: `Cuba`,
+                    continent: `North America`,
+                    population: 11147407,
+                    gdpTotal: 132900,
+                    economy: `Emerging`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -80.54,
+                    latitude: 22.567,
+                    gdpPerPerson: 11922,
+                    rank: 80,
+                    unemployment: 2,
+                    oilProduction: 58300,
+                    birthRate: 11,
+                    medianAge: 37,
+                    electricity: 16450,
+                    televisions: 2640000,
+                    publicDebt: 37,
+                    internet: 1310000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BOL`,
+                    name: `Bolivia`,
+                    continent: `South America`,
+                    population: 11138234,
+                    gdpTotal: 78350,
+                    economy: `Emerging`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -63.57,
+                    latitude: -16.3,
+                    gdpPerPerson: 7034,
+                    rank: 81,
+                    unemployment: 8,
+                    oilProduction: 46470,
+                    birthRate: 22,
+                    medianAge: 23,
+                    electricity: 5293,
+                    televisions: 900000,
+                    publicDebt: 46,
+                    internet: 1000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BEN`,
+                    name: `Benin`,
+                    continent: `Africa`,
+                    population: 11038805,
+                    gdpTotal: 24310,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: 2.704,
+                    latitude: 10.535,
+                    gdpPerPerson: 2202,
+                    rank: 82,
+                    unemployment: 2,
+                    oilProduction: 0,
+                    birthRate: 25,
+                    medianAge: 40,
+                    electricity: 13145,
+                    televisions: 7167916,
+                    publicDebt: 34,
+                    internet: 8520122
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PRT`,
+                    name: `Portugal`,
+                    continent: `Europe`,
+                    population: 10839514,
+                    gdpTotal: 297100,
+                    economy: `Developed`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: -7.757,
+                    latitude: 40.815,
+                    gdpPerPerson: 27409,
+                    rank: 83,
+                    unemployment: 8,
+                    oilProduction: 9500,
+                    birthRate: 10,
+                    medianAge: 39,
+                    electricity: 49040,
+                    televisions: 3310000,
+                    publicDebt: 64,
+                    internet: 3549000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GRC`,
+                    name: `Greece`,
+                    continent: `Europe`,
+                    population: 10768477,
+                    gdpTotal: 290500,
+                    economy: `Developed`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 21.871,
+                    latitude: 39.558,
+                    gdpPerPerson: 26977,
+                    rank: 84,
+                    unemployment: 8,
+                    oilProduction: 5687,
+                    birthRate: 10,
+                    medianAge: 42,
+                    electricity: 56130,
+                    televisions: 2540000,
+                    publicDebt: 90,
+                    internet: 2540000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `DOM`,
+                    name: `Dominican Republic`,
+                    continent: `North America`,
+                    population: 10734247,
+                    gdpTotal: 161900,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -70.17,
+                    latitude: 18.775,
+                    gdpPerPerson: 15083,
+                    rank: 85,
+                    unemployment: 16,
+                    oilProduction: 12,
+                    birthRate: 23,
+                    medianAge: 25,
+                    electricity: 12220,
+                    televisions: 770000,
+                    publicDebt: 41,
+                    internet: 1677000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CZE`,
+                    name: `Czechia`,
+                    continent: `Europe`,
+                    population: 10674723,
+                    gdpTotal: 350900,
+                    economy: `Developed`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 15.461,
+                    latitude: 49.807,
+                    gdpPerPerson: 32872,
+                    rank: 86,
+                    unemployment: 7,
+                    oilProduction: 18030,
+                    birthRate: 9,
+                    medianAge: 40,
+                    electricity: 77380,
+                    televisions: 3405834,
+                    publicDebt: 26,
+                    internet: 4400000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `HTI`,
+                    name: `Haiti`,
+                    continent: `North America`,
+                    population: 10646714,
+                    gdpTotal: 19340,
+                    economy: `Least developed`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -72.23,
+                    latitude: 19.342,
+                    gdpPerPerson: 1817,
+                    rank: 87,
+                    unemployment: 15,
+                    oilProduction: 2,
+                    birthRate: 9,
+                    medianAge: 52,
+                    electricity: 12871,
+                    televisions: 4329511,
+                    publicDebt: 25,
+                    internet: 4777792
+                }),
+                new WorldStatsItem(
+                {
+                    code: `JOR`,
+                    name: `Jordan`,
+                    continent: `Asia`,
+                    population: 10248069,
+                    gdpTotal: 86190,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 38.125,
+                    latitude: 32.309,
+                    gdpPerPerson: 8410,
+                    rank: 88,
+                    unemployment: 14,
+                    oilProduction: 0,
+                    birthRate: 20,
+                    medianAge: 24,
+                    electricity: 9074,
+                    televisions: 500000,
+                    publicDebt: 72,
+                    internet: 1127000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `AZE`,
+                    name: `Azerbaijan`,
+                    continent: `Asia`,
+                    population: 9961396,
+                    gdpTotal: 167900,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 48.401,
+                    latitude: 40.344,
+                    gdpPerPerson: 16855,
+                    rank: 89,
+                    unemployment: 1,
+                    oilProduction: 934700,
+                    birthRate: 18,
+                    medianAge: 28,
+                    electricity: 23800,
+                    televisions: 170000,
+                    publicDebt: 7,
+                    internet: 1036000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SWE`,
+                    name: `Sweden`,
+                    continent: `Europe`,
+                    population: 9960487,
+                    gdpTotal: 498100,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: 17.594,
+                    latitude: 64.621,
+                    gdpPerPerson: 50008,
+                    rank: 90,
+                    unemployment: 6,
+                    oilProduction: 2350,
+                    birthRate: 10,
+                    medianAge: 41,
+                    electricity: 153200,
+                    televisions: 4600000,
+                    publicDebt: 42,
+                    internet: 7000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `HUN`,
+                    name: `Hungary`,
+                    continent: `Europe`,
+                    population: 9850845,
+                    gdpTotal: 267600,
+                    economy: `Developed`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 19.485,
+                    latitude: 47.153,
+                    gdpPerPerson: 27165,
+                    rank: 91,
+                    unemployment: 7,
+                    oilProduction: 42180,
+                    birthRate: 10,
+                    medianAge: 39,
+                    electricity: 33690,
+                    televisions: 4420000,
+                    publicDebt: 67,
+                    internet: 4200000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BLR`,
+                    name: `Belarus`,
+                    continent: `Europe`,
+                    population: 9549747,
+                    gdpTotal: 165400,
+                    economy: `Developing`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 27.943,
+                    latitude: 53.705,
+                    gdpPerPerson: 17320,
+                    rank: 92,
+                    unemployment: 15,
+                    oilProduction: 5,
+                    birthRate: 7,
+                    medianAge: 33,
+                    electricity: 84070,
+                    televisions: 3348094,
+                    publicDebt: 6,
+                    internet: 3754027
+                }),
+                new WorldStatsItem(
+                {
+                    code: `HND`,
+                    name: `Honduras`,
+                    continent: `North America`,
+                    population: 9038741,
+                    gdpTotal: 43190,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -86.74,
+                    latitude: 14.889,
+                    gdpPerPerson: 4778,
+                    rank: 93,
+                    unemployment: 28,
+                    oilProduction: 0,
+                    birthRate: 27,
+                    medianAge: 20,
+                    electricity: 5339,
+                    televisions: 570000,
+                    publicDebt: 24,
+                    internet: 344100
+                }),
+                new WorldStatsItem(
+                {
+                    code: `AUT`,
+                    name: `Austria`,
+                    continent: `Europe`,
+                    population: 8754413,
+                    gdpTotal: 416600,
+                    economy: `Developed`,
+                    region: `Western Europe`,
+                    status: `Country`,
+                    longitude: 14.987,
+                    latitude: 47.624,
+                    gdpPerPerson: 47587,
+                    rank: 94,
+                    unemployment: 4,
+                    oilProduction: 23320,
+                    birthRate: 9,
+                    medianAge: 42,
+                    electricity: 61020,
+                    televisions: 10150000,
+                    publicDebt: 59,
+                    internet: 4277000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TJK`,
+                    name: `Tajikistan`,
+                    continent: `Asia`,
+                    population: 8468555,
+                    gdpTotal: 25810,
+                    economy: `Developing`,
+                    region: `Central Asia`,
+                    status: `Country`,
+                    longitude: 71.234,
+                    latitude: 38.86,
+                    gdpPerPerson: 3048,
+                    rank: 95,
+                    unemployment: 11,
+                    oilProduction: 5,
+                    birthRate: 8,
+                    medianAge: 44,
+                    electricity: 56534,
+                    televisions: 6542566,
+                    publicDebt: 44,
+                    internet: 4521889
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ISR`,
+                    name: `Israel`,
+                    continent: `Asia`,
+                    population: 8299706,
+                    gdpTotal: 297000,
+                    economy: `Developed`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 34.977,
+                    latitude: 30.748,
+                    gdpPerPerson: 35784,
+                    rank: 96,
+                    unemployment: 7,
+                    oilProduction: 100,
+                    birthRate: 20,
+                    medianAge: 29,
+                    electricity: 46850,
+                    televisions: 1690000,
+                    publicDebt: 81,
+                    internet: 2000000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CHE`,
+                    name: `Switzerland`,
+                    continent: `Europe`,
+                    population: 8236303,
+                    gdpTotal: 496300,
+                    economy: `Developed`,
+                    region: `Western Europe`,
+                    status: `Country`,
+                    longitude: 7.865,
+                    latitude: 46.729,
+                    gdpPerPerson: 60258,
+                    rank: 97,
+                    unemployment: 3,
+                    oilProduction: 3202,
+                    birthRate: 10,
+                    medianAge: 41,
+                    electricity: 56100,
+                    televisions: 3310000,
+                    publicDebt: 44,
+                    internet: 4610000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TGO`,
+                    name: `Togo`,
+                    continent: `Africa`,
+                    population: 7965055,
+                    gdpTotal: 11610,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: 1.146,
+                    latitude: 6.799,
+                    gdpPerPerson: 1458,
+                    rank: 98,
+                    unemployment: 3,
+                    oilProduction: 4,
+                    birthRate: 9,
+                    medianAge: 37,
+                    electricity: 28181,
+                    televisions: 2309082,
+                    publicDebt: 41,
+                    internet: 789456
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SOM`,
+                    name: `Somalia`,
+                    continent: `Africa`,
+                    population: 7531386,
+                    gdpTotal: 4719,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 44.134,
+                    latitude: 3.077,
+                    gdpPerPerson: 627,
+                    rank: 99,
+                    unemployment: 2,
+                    oilProduction: 4,
+                    birthRate: 12,
+                    medianAge: 50,
+                    electricity: 29272,
+                    televisions: 1648650,
+                    publicDebt: 22,
+                    internet: 3227211
+                }),
+                new WorldStatsItem(
+                {
+                    code: `HKG`,
+                    name: `Hong Kong`,
+                    continent: `Asia`,
+                    population: 7191503,
+                    gdpTotal: 427400,
+                    economy: `Developing`,
+                    region: `Eastern Asia`,
+                    status: `Dependency`,
+                    longitude: 114.08,
+                    latitude: 22.38,
+                    gdpPerPerson: 59431,
+                    rank: 100,
+                    unemployment: 3,
+                    oilProduction: 0,
+                    birthRate: 8,
+                    medianAge: 55,
+                    electricity: 86792,
+                    televisions: 4084025,
+                    publicDebt: 35,
+                    internet: 3907543
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LAO`,
+                    name: `Laos`,
+                    continent: `Asia`,
+                    population: 7126706,
+                    gdpTotal: 40960,
+                    economy: `Least developed`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 102.36,
+                    latitude: 20.171,
+                    gdpPerPerson: 5747,
+                    rank: 101,
+                    unemployment: 8,
+                    oilProduction: 0,
+                    birthRate: 6,
+                    medianAge: 34,
+                    electricity: 7093,
+                    televisions: 4503172,
+                    publicDebt: 19,
+                    internet: 5426041
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SRB`,
+                    name: `Serbia`,
+                    continent: `Europe`,
+                    population: 7111024,
+                    gdpTotal: 101800,
+                    economy: `Developing`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 20.908,
+                    latitude: 44.206,
+                    gdpPerPerson: 14316,
+                    rank: 102,
+                    unemployment: 5,
+                    oilProduction: 4,
+                    birthRate: 13,
+                    medianAge: 48,
+                    electricity: 30150,
+                    televisions: 1316607,
+                    publicDebt: 17,
+                    internet: 4104775
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BGR`,
+                    name: `Bulgaria`,
+                    continent: `Europe`,
+                    population: 7101510,
+                    gdpTotal: 143100,
+                    economy: `Developed`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 25.465,
+                    latitude: 42.741,
+                    gdpPerPerson: 20151,
+                    rank: 103,
+                    unemployment: 8,
+                    oilProduction: 3661,
+                    birthRate: 10,
+                    medianAge: 41,
+                    electricity: 45700,
+                    televisions: 3310000,
+                    publicDebt: 11,
+                    internet: 1899000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PRY`,
+                    name: `Paraguay`,
+                    continent: `South America`,
+                    population: 6943739,
+                    gdpTotal: 64670,
+                    economy: `Emerging`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -58.44,
+                    latitude: -23.42,
+                    gdpPerPerson: 9313,
+                    rank: 104,
+                    unemployment: 6,
+                    oilProduction: 0,
+                    birthRate: 28,
+                    medianAge: 22,
+                    electricity: 70000,
+                    televisions: 990000,
+                    publicDebt: 27,
+                    internet: 280000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PNG`,
+                    name: `Papua New Guinea`,
+                    continent: `Oceania`,
+                    population: 6909701,
+                    gdpTotal: 28020,
+                    economy: `Developing`,
+                    region: `Melanesia`,
+                    status: `Country`,
+                    longitude: 143.62,
+                    latitude: -5.836,
+                    gdpPerPerson: 4055,
+                    rank: 105,
+                    unemployment: 2,
+                    oilProduction: 47800,
+                    birthRate: 28,
+                    medianAge: 22,
+                    electricity: 3698,
+                    televisions: 59841,
+                    publicDebt: 40,
+                    internet: 110000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LBY`,
+                    name: `Libya`,
+                    continent: `Africa`,
+                    population: 6653210,
+                    gdpTotal: 90890,
+                    economy: `Developing`,
+                    region: `Northern Africa`,
+                    status: `Country`,
+                    longitude: 17.23,
+                    latitude: 26.339,
+                    gdpPerPerson: 13661,
+                    rank: 106,
+                    unemployment: 30,
+                    oilProduction: 1712000,
+                    birthRate: 26,
+                    medianAge: 24,
+                    electricity: 21150,
+                    televisions: 730000,
+                    publicDebt: 5,
+                    internet: 260000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LBN`,
+                    name: `Lebanon`,
+                    continent: `Asia`,
+                    population: 6229794,
+                    gdpTotal: 85160,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 36.042,
+                    latitude: 34.168,
+                    gdpPerPerson: 13670,
+                    rank: 107,
+                    unemployment: 20,
+                    oilProduction: 0,
+                    birthRate: 18,
+                    medianAge: 29,
+                    electricity: 9183,
+                    televisions: 1180000,
+                    publicDebt: 187,
+                    internet: 950000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SLV`,
+                    name: `El Salvador`,
+                    continent: `North America`,
+                    population: 6172011,
+                    gdpTotal: 54790,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -88.91,
+                    latitude: 13.798,
+                    gdpPerPerson: 8877,
+                    rank: 108,
+                    unemployment: 6,
+                    oilProduction: 0,
+                    birthRate: 26,
+                    medianAge: 22,
+                    electricity: 5316,
+                    televisions: 600000,
+                    publicDebt: 37,
+                    internet: 700000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SLE`,
+                    name: `Sierra Leone`,
+                    continent: `Africa`,
+                    population: 6163195,
+                    gdpTotal: 10640,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -11.78,
+                    latitude: 8.452,
+                    gdpPerPerson: 1726,
+                    rank: 109,
+                    unemployment: 14,
+                    oilProduction: 4,
+                    birthRate: 6,
+                    medianAge: 37,
+                    electricity: 37412,
+                    televisions: 2727270,
+                    publicDebt: 6,
+                    internet: 223239
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ARE`,
+                    name: `United Arab Emirates`,
+                    continent: `Asia`,
+                    population: 6072475,
+                    gdpTotal: 667200,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 54.192,
+                    latitude: 23.795,
+                    gdpPerPerson: 109873,
+                    rank: 110,
+                    unemployment: 2,
+                    oilProduction: 2510000,
+                    birthRate: 16,
+                    medianAge: 30,
+                    electricity: 57060,
+                    televisions: 310000,
+                    publicDebt: 21,
+                    internet: 2300000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NIC`,
+                    name: `Nicaragua`,
+                    continent: `North America`,
+                    population: 6025951,
+                    gdpTotal: 33550,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -85.09,
+                    latitude: 12.523,
+                    gdpPerPerson: 5568,
+                    rank: 111,
+                    unemployment: 5,
+                    oilProduction: 0,
+                    birthRate: 24,
+                    medianAge: 22,
+                    electricity: 2778,
+                    televisions: 320000,
+                    publicDebt: 63,
+                    internet: 155000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ERI`,
+                    name: `Eritrea`,
+                    continent: `Africa`,
+                    population: 5918919,
+                    gdpTotal: 9169,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 39.772,
+                    latitude: 15.191,
+                    gdpPerPerson: 1549,
+                    rank: 112,
+                    unemployment: 9,
+                    oilProduction: 5,
+                    birthRate: 17,
+                    medianAge: 54,
+                    electricity: 67474,
+                    televisions: 2078077,
+                    publicDebt: 41,
+                    internet: 1067843
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SGP`,
+                    name: `Singapore`,
+                    continent: `Asia`,
+                    population: 5888926,
+                    gdpTotal: 487900,
+                    economy: `Developing`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 103.82,
+                    latitude: 1.356,
+                    gdpPerPerson: 82850,
+                    rank: 113,
+                    unemployment: 2,
+                    oilProduction: 9836,
+                    birthRate: 9,
+                    medianAge: 38,
+                    electricity: 39440,
+                    televisions: 1330000,
+                    publicDebt: 96,
+                    internet: 3105000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `KGZ`,
+                    name: `Kyrgyzstan`,
+                    continent: `Asia`,
+                    population: 5789122,
+                    gdpTotal: 21010,
+                    economy: `Developing`,
+                    region: `Central Asia`,
+                    status: `Country`,
+                    longitude: 74.738,
+                    latitude: 41.224,
+                    gdpPerPerson: 3629,
+                    rank: 114,
+                    unemployment: 12,
+                    oilProduction: 1,
+                    birthRate: 21,
+                    medianAge: 42,
+                    electricity: 16640,
+                    televisions: 2101152,
+                    publicDebt: 15,
+                    internet: 738896
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CAF`,
+                    name: `Central African Republic`,
+                    continent: `Africa`,
+                    population: 5625118,
+                    gdpTotal: 3206,
+                    economy: `Least developed`,
+                    region: `Middle Africa`,
+                    status: `Country`,
+                    longitude: 20.917,
+                    latitude: 6.633,
+                    gdpPerPerson: 570,
+                    rank: 115,
+                    unemployment: 8,
+                    oilProduction: 5,
+                    birthRate: 13,
+                    medianAge: 32,
+                    electricity: 71424,
+                    televisions: 635931,
+                    publicDebt: 29,
+                    internet: 1933873
+                }),
+                new WorldStatsItem(
+                {
+                    code: `DNK`,
+                    name: `Denmark`,
+                    continent: `Europe`,
+                    population: 5605948,
+                    gdpTotal: 264800,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: 9.348,
+                    latitude: 56.13,
+                    gdpPerPerson: 47236,
+                    rank: 116,
+                    unemployment: 3,
+                    oilProduction: 342000,
+                    birthRate: 11,
+                    medianAge: 40,
+                    electricity: 43350,
+                    televisions: 3121000,
+                    publicDebt: 26,
+                    internet: 3500000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `FIN`,
+                    name: `Finland`,
+                    continent: `Europe`,
+                    population: 5491218,
+                    gdpTotal: 224137,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: 25.988,
+                    latitude: 61.841,
+                    gdpPerPerson: 40817,
+                    rank: 117,
+                    unemployment: 7,
+                    oilProduction: 8951,
+                    birthRate: 10,
+                    medianAge: 42,
+                    electricity: 73470,
+                    televisions: 3200000,
+                    publicDebt: 36,
+                    internet: 3600000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SVK`,
+                    name: `Slovakia`,
+                    continent: `Europe`,
+                    population: 5445829,
+                    gdpTotal: 168800,
+                    economy: `Developed`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 18.877,
+                    latitude: 48.702,
+                    gdpPerPerson: 30996,
+                    rank: 118,
+                    unemployment: 8,
+                    oilProduction: 12840,
+                    birthRate: 11,
+                    medianAge: 37,
+                    electricity: 29890,
+                    televisions: 2620000,
+                    publicDebt: 36,
+                    internet: 2350000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TKM`,
+                    name: `Turkmenistan`,
+                    continent: `Asia`,
+                    population: 5351277,
+                    gdpTotal: 94720,
+                    economy: `Developing`,
+                    region: `Central Asia`,
+                    status: `Country`,
+                    longitude: 59.562,
+                    latitude: 38.975,
+                    gdpPerPerson: 17700,
+                    rank: 119,
+                    unemployment: 11,
+                    oilProduction: 4,
+                    birthRate: 11,
+                    medianAge: 43,
+                    electricity: 91281,
+                    televisions: 2935468,
+                    publicDebt: 17,
+                    internet: 3203210
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NOR`,
+                    name: `Norway`,
+                    continent: `Europe`,
+                    population: 5320045,
+                    gdpTotal: 364700,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: 9.66,
+                    latitude: 60.712,
+                    gdpPerPerson: 68552,
+                    rank: 120,
+                    unemployment: 3,
+                    oilProduction: 2560000,
+                    birthRate: 11,
+                    medianAge: 39,
+                    electricity: 135800,
+                    televisions: 2030000,
+                    publicDebt: 83,
+                    internet: 3800000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `IRL`,
+                    name: `Ireland`,
+                    continent: `Europe`,
+                    population: 5011102,
+                    gdpTotal: 322000,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: -8.209,
+                    latitude: 53.42,
+                    gdpPerPerson: 64257,
+                    rank: 121,
+                    unemployment: 5,
+                    oilProduction: 0,
+                    birthRate: 14,
+                    medianAge: 35,
+                    electricity: 24130,
+                    televisions: 1820000,
+                    publicDebt: 25,
+                    internet: 1708000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `COG`,
+                    name: `Congo`,
+                    continent: `Africa`,
+                    population: 4954674,
+                    gdpTotal: 30270,
+                    economy: `Developing`,
+                    region: `Middle Africa`,
+                    status: `Country`,
+                    longitude: 16.264,
+                    latitude: -0.07,
+                    gdpPerPerson: 6109,
+                    rank: 122,
+                    unemployment: 13,
+                    oilProduction: 4,
+                    birthRate: 11,
+                    medianAge: 52,
+                    electricity: 83556,
+                    televisions: 1560800,
+                    publicDebt: 6,
+                    internet: 2650237
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CRI`,
+                    name: `Costa Rica`,
+                    continent: `North America`,
+                    population: 4930258,
+                    gdpTotal: 79260,
+                    economy: `Emerging`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -83.91,
+                    latitude: 9.92,
+                    gdpPerPerson: 16076,
+                    rank: 123,
+                    unemployment: 5,
+                    oilProduction: 0,
+                    birthRate: 18,
+                    medianAge: 27,
+                    electricity: 8349,
+                    televisions: 525000,
+                    publicDebt: 47,
+                    internet: 1500000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GEO`,
+                    name: `Georgia`,
+                    continent: `Asia`,
+                    population: 4926330,
+                    gdpTotal: 37270,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 43.257,
+                    latitude: 42.162,
+                    gdpPerPerson: 7565,
+                    rank: 124,
+                    unemployment: 15,
+                    oilProduction: 5,
+                    birthRate: 10,
+                    medianAge: 43,
+                    electricity: 44936,
+                    televisions: 2728128,
+                    publicDebt: 29,
+                    internet: 3844448
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LBR`,
+                    name: `Liberia`,
+                    continent: `Africa`,
+                    population: 4689021,
+                    gdpTotal: 3881,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -9.454,
+                    latitude: 6.445,
+                    gdpPerPerson: 828,
+                    rank: 125,
+                    unemployment: 4,
+                    oilProduction: 0,
+                    birthRate: 8,
+                    medianAge: 35,
+                    electricity: 89626,
+                    televisions: 3065112,
+                    publicDebt: 38,
+                    internet: 1475304
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PSE`,
+                    name: `Palestine`,
+                    continent: `Asia`,
+                    population: 4543126,
+                    gdpTotal: 21221,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Disputed`,
+                    longitude: 35.347,
+                    latitude: 32.031,
+                    gdpPerPerson: 4671,
+                    rank: 126,
+                    unemployment: 9,
+                    oilProduction: 1,
+                    birthRate: 10,
+                    medianAge: 48,
+                    electricity: 45973,
+                    televisions: 2774033,
+                    publicDebt: 16,
+                    internet: 1718915
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NZL`,
+                    name: `New Zealand`,
+                    continent: `Oceania`,
+                    population: 4510327,
+                    gdpTotal: 174800,
+                    economy: `Developed`,
+                    region: `Australia`,
+                    status: `Country`,
+                    longitude: 169.42,
+                    latitude: -44.86,
+                    gdpPerPerson: 38756,
+                    rank: 127,
+                    unemployment: 4,
+                    oilProduction: 25880,
+                    birthRate: 14,
+                    medianAge: 36,
+                    electricity: 42060,
+                    televisions: 1926000,
+                    publicDebt: 21,
+                    internet: 3360000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `HRV`,
+                    name: `Croatia`,
+                    continent: `Europe`,
+                    population: 4292095,
+                    gdpTotal: 94240,
+                    economy: `Developed`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 16.847,
+                    latitude: 45.674,
+                    gdpPerPerson: 21957,
+                    rank: 128,
+                    unemployment: 12,
+                    oilProduction: 17100,
+                    birthRate: 10,
+                    medianAge: 41,
+                    electricity: 11990,
+                    televisions: 1220000,
+                    publicDebt: 48,
+                    internet: 1995000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BIH`,
+                    name: `Bosnia`,
+                    continent: `Europe`,
+                    population: 3856181,
+                    gdpTotal: 42530,
+                    economy: `Developing`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 17.66,
+                    latitude: 43.918,
+                    gdpPerPerson: 11029,
+                    rank: 129,
+                    unemployment: 46,
+                    oilProduction: 0,
+                    birthRate: 9,
+                    medianAge: 39,
+                    electricity: 12220,
+                    televisions: 0,
+                    publicDebt: 34,
+                    internet: 1055000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MRT`,
+                    name: `Mauritania`,
+                    continent: `Africa`,
+                    population: 3758571,
+                    gdpTotal: 16710,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -8.89,
+                    latitude: 20.387,
+                    gdpPerPerson: 4446,
+                    rank: 130,
+                    unemployment: 9,
+                    oilProduction: 5,
+                    birthRate: 25,
+                    medianAge: 50,
+                    electricity: 15176,
+                    televisions: 2558125,
+                    publicDebt: 29,
+                    internet: 2098221
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PAN`,
+                    name: `Panama`,
+                    continent: `North America`,
+                    population: 3753142,
+                    gdpTotal: 93120,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -81.17,
+                    latitude: 8.457,
+                    gdpPerPerson: 24811,
+                    rank: 131,
+                    unemployment: 6,
+                    oilProduction: 0,
+                    birthRate: 21,
+                    medianAge: 27,
+                    electricity: 5661,
+                    televisions: 510000,
+                    publicDebt: 53,
+                    internet: 525200
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SOL`,
+                    name: `Somaliland`,
+                    continent: `Africa`,
+                    population: 3500000,
+                    gdpTotal: 12250,
+                    economy: `Developing`,
+                    region: `Eastern Africa`,
+                    status: `Indeterminate`,
+                    longitude: 45.798,
+                    latitude: 9.748,
+                    gdpPerPerson: 3500,
+                    rank: 132,
+                    unemployment: 1,
+                    oilProduction: 4,
+                    birthRate: 13,
+                    medianAge: 43,
+                    electricity: 73247,
+                    televisions: 2235408,
+                    publicDebt: 21,
+                    internet: 1300238
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MDA`,
+                    name: `Moldova`,
+                    continent: `Europe`,
+                    population: 3474121,
+                    gdpTotal: 18540,
+                    economy: `Developing`,
+                    region: `Eastern Europe`,
+                    status: `Country`,
+                    longitude: 28.552,
+                    latitude: 47.515,
+                    gdpPerPerson: 5337,
+                    rank: 133,
+                    unemployment: 2,
+                    oilProduction: 0,
+                    birthRate: 11,
+                    medianAge: 34,
+                    electricity: 3881,
+                    televisions: 1260000,
+                    publicDebt: 23,
+                    internet: 700000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `OMN`,
+                    name: `Oman`,
+                    continent: `Asia`,
+                    population: 3424386,
+                    gdpTotal: 173100,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 57.563,
+                    latitude: 22.014,
+                    gdpPerPerson: 50549,
+                    rank: 134,
+                    unemployment: 15,
+                    oilProduction: 710800,
+                    birthRate: 35,
+                    medianAge: 19,
+                    electricity: 11890,
+                    televisions: 1600000,
+                    publicDebt: 4,
+                    internet: 340000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `URY`,
+                    name: `Uruguay`,
+                    continent: `South America`,
+                    population: 3360148,
+                    gdpTotal: 73250,
+                    economy: `Emerging`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -55.78,
+                    latitude: -32.51,
+                    gdpPerPerson: 21800,
+                    rank: 135,
+                    unemployment: 9,
+                    oilProduction: 27830,
+                    birthRate: 14,
+                    medianAge: 33,
+                    electricity: 9200,
+                    televisions: 782000,
+                    publicDebt: 65,
+                    internet: 968000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PRI`,
+                    name: `Puerto Rico`,
+                    continent: `North America`,
+                    population: 3351827,
+                    gdpTotal: 131000,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -66.61,
+                    latitude: 18.235,
+                    gdpPerPerson: 39083,
+                    rank: 136,
+                    unemployment: 5,
+                    oilProduction: 3,
+                    birthRate: 11,
+                    medianAge: 32,
+                    electricity: 19677,
+                    televisions: 1917997,
+                    publicDebt: 25,
+                    internet: 608062
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MNG`,
+                    name: `Mongolia`,
+                    continent: `Asia`,
+                    population: 3068243,
+                    gdpTotal: 37000,
+                    economy: `Developing`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 103.82,
+                    latitude: 46.856,
+                    gdpPerPerson: 12059,
+                    rank: 137,
+                    unemployment: 4,
+                    oilProduction: 1,
+                    birthRate: 7,
+                    medianAge: 35,
+                    electricity: 3875,
+                    televisions: 1726758,
+                    publicDebt: 17,
+                    internet: 562546
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ALB`,
+                    name: `Albania`,
+                    continent: `Europe`,
+                    population: 3047987,
+                    gdpTotal: 33900,
+                    economy: `Developing`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 19.964,
+                    latitude: 40.759,
+                    gdpPerPerson: 11122,
+                    rank: 138,
+                    unemployment: 13,
+                    oilProduction: 7006,
+                    birthRate: 15,
+                    medianAge: 30,
+                    electricity: 5385,
+                    televisions: 700000,
+                    publicDebt: 51,
+                    internet: 471200
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ARM`,
+                    name: `Armenia`,
+                    continent: `Asia`,
+                    population: 3045191,
+                    gdpTotal: 26300,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 44.646,
+                    latitude: 40.618,
+                    gdpPerPerson: 8637,
+                    rank: 139,
+                    unemployment: 4,
+                    oilProduction: 4,
+                    birthRate: 14,
+                    medianAge: 39,
+                    electricity: 71042,
+                    televisions: 2390201,
+                    publicDebt: 9,
+                    internet: 488333
+                }),
+                new WorldStatsItem(
+                {
+                    code: `JAM`,
+                    name: `Jamaica`,
+                    continent: `North America`,
+                    population: 2990561,
+                    gdpTotal: 25390,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -77.27,
+                    latitude: 18.119,
+                    gdpPerPerson: 8490,
+                    rank: 140,
+                    unemployment: 10,
+                    oilProduction: 0,
+                    birthRate: 20,
+                    medianAge: 23,
+                    electricity: 6985,
+                    televisions: 460000,
+                    publicDebt: 127,
+                    internet: 1500000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `KWT`,
+                    name: `Kuwait`,
+                    continent: `Asia`,
+                    population: 2875422,
+                    gdpTotal: 301100,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 47.487,
+                    latitude: 29.315,
+                    gdpPerPerson: 104715,
+                    rank: 141,
+                    unemployment: 2,
+                    oilProduction: 2440000,
+                    birthRate: 22,
+                    medianAge: 26,
+                    electricity: 41110,
+                    televisions: 875000,
+                    publicDebt: 10,
+                    internet: 900000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LTU`,
+                    name: `Lithuania`,
+                    continent: `Europe`,
+                    population: 2823859,
+                    gdpTotal: 85620,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: 23.838,
+                    latitude: 55.152,
+                    gdpPerPerson: 30320,
+                    rank: 142,
+                    unemployment: 4,
+                    oilProduction: 13160,
+                    birthRate: 9,
+                    medianAge: 39,
+                    electricity: 13480,
+                    televisions: 1700000,
+                    publicDebt: 17,
+                    internet: 1330000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NAM`,
+                    name: `Namibia`,
+                    continent: `Africa`,
+                    population: 2484780,
+                    gdpTotal: 25990,
+                    economy: `Developing`,
+                    region: `Southern Africa`,
+                    status: `Country`,
+                    longitude: 16.944,
+                    latitude: -20.52,
+                    gdpPerPerson: 10460,
+                    rank: 143,
+                    unemployment: 5,
+                    oilProduction: 0,
+                    birthRate: 23,
+                    medianAge: 21,
+                    electricity: 1688,
+                    televisions: 60000,
+                    publicDebt: 22,
+                    internet: 101000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `QAT`,
+                    name: `Qatar`,
+                    continent: `Asia`,
+                    population: 2314307,
+                    gdpTotal: 334500,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 51.182,
+                    latitude: 25.359,
+                    gdpPerPerson: 144536,
+                    rank: 144,
+                    unemployment: 1,
+                    oilProduction: 797500,
+                    birthRate: 16,
+                    medianAge: 31,
+                    electricity: 13540,
+                    televisions: 230000,
+                    publicDebt: 11,
+                    internet: 351000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BWA`,
+                    name: `Botswana`,
+                    continent: `Africa`,
+                    population: 2214858,
+                    gdpTotal: 35900,
+                    economy: `Developing`,
+                    region: `Southern Africa`,
+                    status: `Country`,
+                    longitude: 24.671,
+                    latitude: -22.32,
+                    gdpPerPerson: 16209,
+                    rank: 145,
+                    unemployment: 8,
+                    oilProduction: 0,
+                    birthRate: 23,
+                    medianAge: 21,
+                    electricity: 912,
+                    televisions: 31000,
+                    publicDebt: 5,
+                    internet: 80000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MKD`,
+                    name: `North Macedonia`,
+                    continent: `Europe`,
+                    population: 2103721,
+                    gdpTotal: 29520,
+                    economy: `Developing`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 21.727,
+                    latitude: 41.604,
+                    gdpPerPerson: 14032,
+                    rank: 146,
+                    unemployment: 35,
+                    oilProduction: 0,
+                    birthRate: 12,
+                    medianAge: 35,
+                    electricity: 6051,
+                    televisions: 510000,
+                    publicDebt: 31,
+                    internet: 685000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GMB`,
+                    name: `Gambia`,
+                    continent: `Africa`,
+                    population: 2051363,
+                    gdpTotal: 3387,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -15.32,
+                    latitude: 13.438,
+                    gdpPerPerson: 1651,
+                    rank: 147,
+                    unemployment: 7,
+                    oilProduction: 1,
+                    birthRate: 11,
+                    medianAge: 37,
+                    electricity: 9769,
+                    televisions: 1486289,
+                    publicDebt: 30,
+                    internet: 187890
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SVN`,
+                    name: `Slovenia`,
+                    continent: `Europe`,
+                    population: 1972126,
+                    gdpTotal: 68350,
+                    economy: `Developed`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 14.947,
+                    latitude: 46.146,
+                    gdpPerPerson: 34658,
+                    rank: 148,
+                    unemployment: 8,
+                    oilProduction: 5,
+                    birthRate: 9,
+                    medianAge: 41,
+                    electricity: 14900,
+                    televisions: 710000,
+                    publicDebt: 24,
+                    internet: 1300000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LSO`,
+                    name: `Lesotho`,
+                    continent: `Africa`,
+                    population: 1958042,
+                    gdpTotal: 6019,
+                    economy: `Least developed`,
+                    region: `Southern Africa`,
+                    status: `Country`,
+                    longitude: 28.221,
+                    latitude: -29.61,
+                    gdpPerPerson: 3074,
+                    rank: 149,
+                    unemployment: 12,
+                    oilProduction: 2,
+                    birthRate: 8,
+                    medianAge: 32,
+                    electricity: 20229,
+                    televisions: 1457517,
+                    publicDebt: 14,
+                    internet: 1375222
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LVA`,
+                    name: `Latvia`,
+                    continent: `Europe`,
+                    population: 1944643,
+                    gdpTotal: 50650,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: 26.505,
+                    latitude: 56.755,
+                    gdpPerPerson: 26046,
+                    rank: 150,
+                    unemployment: 6,
+                    oilProduction: 0,
+                    birthRate: 10,
+                    medianAge: 40,
+                    electricity: 4778,
+                    televisions: 1220000,
+                    publicDebt: 7,
+                    internet: 1770000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `RKS`,
+                    name: `Kosovo`,
+                    continent: `Europe`,
+                    population: 1895250,
+                    gdpTotal: 18490,
+                    economy: `Developing`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 20.891,
+                    latitude: 42.557,
+                    gdpPerPerson: 9756,
+                    rank: 151,
+                    unemployment: 12,
+                    oilProduction: 0,
+                    birthRate: 8,
+                    medianAge: 55,
+                    electricity: 14878,
+                    televisions: 1287863,
+                    publicDebt: 20,
+                    internet: 1422193
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GNB`,
+                    name: `Guinea-Bissau`,
+                    continent: `Africa`,
+                    population: 1792338,
+                    gdpTotal: 2851,
+                    economy: `Least developed`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -14.59,
+                    latitude: 11.942,
+                    gdpPerPerson: 1591,
+                    rank: 152,
+                    unemployment: 5,
+                    oilProduction: 5,
+                    birthRate: 5,
+                    medianAge: 55,
+                    electricity: 74684,
+                    televisions: 1427462,
+                    publicDebt: 8,
+                    internet: 365000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GAB`,
+                    name: `Gabon`,
+                    continent: `Africa`,
+                    population: 1772255,
+                    gdpTotal: 35980,
+                    economy: `Developing`,
+                    region: `Middle Africa`,
+                    status: `Country`,
+                    longitude: 11.592,
+                    latitude: -0.807,
+                    gdpPerPerson: 20302,
+                    rank: 153,
+                    unemployment: 21,
+                    oilProduction: 240000,
+                    birthRate: 36,
+                    medianAge: 19,
+                    electricity: 1520,
+                    televisions: 63000,
+                    publicDebt: 53,
+                    internet: 145000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SWZ`,
+                    name: `Eswatini`,
+                    continent: `Africa`,
+                    population: 1467152,
+                    gdpTotal: 11060,
+                    economy: `Developing`,
+                    region: `Southern Africa`,
+                    status: `Country`,
+                    longitude: 31.45,
+                    latitude: -26.52,
+                    gdpPerPerson: 7538,
+                    rank: 154,
+                    unemployment: 6,
+                    oilProduction: 3,
+                    birthRate: 17,
+                    medianAge: 39,
+                    electricity: 72804,
+                    televisions: 229393,
+                    publicDebt: 5,
+                    internet: 427760
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BHR`,
+                    name: `Bahrain`,
+                    continent: `Asia`,
+                    population: 1410942,
+                    gdpTotal: 66370,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 50.535,
+                    latitude: 26.027,
+                    gdpPerPerson: 47039,
+                    rank: 155,
+                    unemployment: 15,
+                    oilProduction: 184300,
+                    birthRate: 17,
+                    medianAge: 30,
+                    electricity: 8187,
+                    televisions: 275000,
+                    publicDebt: 31,
+                    internet: 250000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MUS`,
+                    name: `Mauritius`,
+                    continent: `Africa`,
+                    population: 1356388,
+                    gdpTotal: 25850,
+                    economy: `Developing`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 57.555,
+                    latitude: -20.25,
+                    gdpPerPerson: 19058,
+                    rank: 156,
+                    unemployment: 9,
+                    oilProduction: 0,
+                    birthRate: 15,
+                    medianAge: 32,
+                    electricity: 2350,
+                    televisions: 258000,
+                    publicDebt: 63,
+                    internet: 340000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TLS`,
+                    name: `Timor-Leste`,
+                    continent: `Asia`,
+                    population: 1291358,
+                    gdpTotal: 4975,
+                    economy: `Least developed`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 125.66,
+                    latitude: -8.826,
+                    gdpPerPerson: 3853,
+                    rank: 157,
+                    unemployment: 8,
+                    oilProduction: 5,
+                    birthRate: 18,
+                    medianAge: 48,
+                    electricity: 84061,
+                    televisions: 416260,
+                    publicDebt: 25,
+                    internet: 267437
+                }),
+                new WorldStatsItem(
+                {
+                    code: `EST`,
+                    name: `Estonia`,
+                    continent: `Europe`,
+                    population: 1251581,
+                    gdpTotal: 38700,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: 25.441,
+                    latitude: 58.845,
+                    gdpPerPerson: 30921,
+                    rank: 158,
+                    unemployment: 5,
+                    oilProduction: 6930,
+                    birthRate: 10,
+                    medianAge: 40,
+                    electricity: 9599,
+                    televisions: 605000,
+                    publicDebt: 3,
+                    internet: 780000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CYP`,
+                    name: `Cyprus`,
+                    continent: `Asia`,
+                    population: 1221549,
+                    gdpTotal: 29260,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 33.176,
+                    latitude: 34.876,
+                    gdpPerPerson: 23953,
+                    rank: 159,
+                    unemployment: 4,
+                    oilProduction: 0,
+                    birthRate: 13,
+                    medianAge: 35,
+                    electricity: 4618,
+                    televisions: 0,
+                    publicDebt: 60,
+                    internet: 380000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TTO`,
+                    name: `Trinidad and Tobago`,
+                    continent: `North America`,
+                    population: 1218208,
+                    gdpTotal: 43570,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -61.21,
+                    latitude: 10.352,
+                    gdpPerPerson: 35766,
+                    rank: 160,
+                    unemployment: 4,
+                    oilProduction: 5,
+                    birthRate: 15,
+                    medianAge: 47,
+                    electricity: 58959,
+                    televisions: 359389,
+                    publicDebt: 29,
+                    internet: 152416
+                }),
+                new WorldStatsItem(
+                {
+                    code: `FJI`,
+                    name: `Fiji`,
+                    continent: `Oceania`,
+                    population: 920938,
+                    gdpTotal: 8374,
+                    economy: `Developing`,
+                    region: `Melanesia`,
+                    status: `Country`,
+                    longitude: 177.85,
+                    latitude: -17.75,
+                    gdpPerPerson: 9093,
+                    rank: 161,
+                    unemployment: 11,
+                    oilProduction: 5,
+                    birthRate: 5,
+                    medianAge: 41,
+                    electricity: 88931,
+                    televisions: 517580,
+                    publicDebt: 17,
+                    internet: 539400
+                }),
+                new WorldStatsItem(
+                {
+                    code: `DJI`,
+                    name: `Djibouti`,
+                    continent: `Africa`,
+                    population: 865267,
+                    gdpTotal: 3345,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 42.587,
+                    latitude: 11.825,
+                    gdpPerPerson: 3866,
+                    rank: 162,
+                    unemployment: 5,
+                    oilProduction: 3,
+                    birthRate: 17,
+                    medianAge: 44,
+                    electricity: 91593,
+                    televisions: 209004,
+                    publicDebt: 43,
+                    internet: 476114
+                }),
+                new WorldStatsItem(
+                {
+                    code: `COM`,
+                    name: `Comoros`,
+                    continent: `Africa`,
+                    population: 808080,
+                    gdpTotal: 1259,
+                    economy: `Least developed`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 43.877,
+                    latitude: -11.86,
+                    gdpPerPerson: 1558,
+                    rank: 163,
+                    unemployment: 11,
+                    oilProduction: 3,
+                    birthRate: 14,
+                    medianAge: 46,
+                    electricity: 6146,
+                    televisions: 495921,
+                    publicDebt: 10,
+                    internet: 459977
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GNQ`,
+                    name: `Equatorial Guinea`,
+                    continent: `Africa`,
+                    population: 778358,
+                    gdpTotal: 31770,
+                    economy: `Least developed`,
+                    region: `Middle Africa`,
+                    status: `Country`,
+                    longitude: 10.521,
+                    latitude: 1.763,
+                    gdpPerPerson: 40817,
+                    rank: 164,
+                    unemployment: 30,
+                    oilProduction: 385500,
+                    birthRate: 37,
+                    medianAge: 19,
+                    electricity: 28,
+                    televisions: 4000,
+                    publicDebt: 2,
+                    internet: 8000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BTN`,
+                    name: `Bhutan`,
+                    continent: `Asia`,
+                    population: 758288,
+                    gdpTotal: 6432,
+                    economy: `Least developed`,
+                    region: `Southern Asia`,
+                    status: `Country`,
+                    longitude: 90.411,
+                    latitude: 27.506,
+                    gdpPerPerson: 8482,
+                    rank: 165,
+                    unemployment: 3,
+                    oilProduction: 0,
+                    birthRate: 21,
+                    medianAge: 24,
+                    electricity: 2000,
+                    televisions: 11000,
+                    publicDebt: 81,
+                    internet: 40000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GUY`,
+                    name: `Guyana`,
+                    continent: `South America`,
+                    population: 737718,
+                    gdpTotal: 6093,
+                    economy: `Developing`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -58.96,
+                    latitude: 5.607,
+                    gdpPerPerson: 8259,
+                    rank: 166,
+                    unemployment: 2,
+                    oilProduction: 3,
+                    birthRate: 9,
+                    medianAge: 37,
+                    electricity: 84988,
+                    televisions: 149848,
+                    publicDebt: 12,
+                    internet: 134377
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SLB`,
+                    name: `Solomon Islands`,
+                    continent: `Oceania`,
+                    population: 647581,
+                    gdpTotal: 1198,
+                    economy: `Least developed`,
+                    region: `Melanesia`,
+                    status: `Country`,
+                    longitude: 161.3,
+                    latitude: -9.221,
+                    gdpPerPerson: 1850,
+                    rank: 167,
+                    unemployment: 4,
+                    oilProduction: 3,
+                    birthRate: 18,
+                    medianAge: 30,
+                    electricity: 3432,
+                    televisions: 177555,
+                    publicDebt: 43,
+                    internet: 478635
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MNE`,
+                    name: `Montenegro`,
+                    continent: `Europe`,
+                    population: 642550,
+                    gdpTotal: 10610,
+                    economy: `Developing`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 19.191,
+                    latitude: 42.814,
+                    gdpPerPerson: 16512,
+                    rank: 168,
+                    unemployment: 10,
+                    oilProduction: 2,
+                    birthRate: 24,
+                    medianAge: 46,
+                    electricity: 24709,
+                    televisions: 126756,
+                    publicDebt: 29,
+                    internet: 336628
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ESH`,
+                    name: `Western Sahara`,
+                    continent: `Africa`,
+                    population: 603253,
+                    gdpTotal: 907,
+                    economy: `Least developed`,
+                    region: `Northern Africa`,
+                    status: `Dependency`,
+                    longitude: -12.89,
+                    latitude: 24.231,
+                    gdpPerPerson: 1504,
+                    rank: 169,
+                    unemployment: 6,
+                    oilProduction: 1,
+                    birthRate: 23,
+                    medianAge: 30,
+                    electricity: 11081,
+                    televisions: 237857,
+                    publicDebt: 30,
+                    internet: 306624
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MAC`,
+                    name: `Macao`,
+                    continent: `Asia`,
+                    population: 601969,
+                    gdpTotal: 63220,
+                    economy: `Developing`,
+                    region: `Eastern Asia`,
+                    status: `Dependency`,
+                    longitude: 113.51,
+                    latitude: 22.221,
+                    gdpPerPerson: 105022,
+                    rank: 170,
+                    unemployment: 10,
+                    oilProduction: 2,
+                    birthRate: 10,
+                    medianAge: 47,
+                    electricity: 77896,
+                    televisions: 163859,
+                    publicDebt: 18,
+                    internet: 62728
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LUX`,
+                    name: `Luxembourg`,
+                    continent: `Europe`,
+                    population: 594130,
+                    gdpTotal: 58740,
+                    economy: `Developed`,
+                    region: `Western Europe`,
+                    status: `Country`,
+                    longitude: 6.109,
+                    latitude: 49.806,
+                    gdpPerPerson: 98867,
+                    rank: 171,
+                    unemployment: 4,
+                    oilProduction: 0,
+                    birthRate: 12,
+                    medianAge: 39,
+                    electricity: 3156,
+                    televisions: 285000,
+                    publicDebt: 6,
+                    internet: 345000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SUR`,
+                    name: `Suriname`,
+                    continent: `South America`,
+                    population: 591919,
+                    gdpTotal: 8547,
+                    economy: `Developing`,
+                    region: `South America`,
+                    status: `Country`,
+                    longitude: -56.02,
+                    latitude: 4.506,
+                    gdpPerPerson: 14439,
+                    rank: 172,
+                    unemployment: 5,
+                    oilProduction: 1,
+                    birthRate: 16,
+                    medianAge: 44,
+                    electricity: 82658,
+                    televisions: 69068,
+                    publicDebt: 31,
+                    internet: 367104
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CPV`,
+                    name: `Cabo Verde`,
+                    continent: `Africa`,
+                    population: 560899,
+                    gdpTotal: 3583,
+                    economy: `Developing`,
+                    region: `Western Africa`,
+                    status: `Country`,
+                    longitude: -25.16,
+                    latitude: 17.102,
+                    gdpPerPerson: 6388,
+                    rank: 173,
+                    unemployment: 12,
+                    oilProduction: 1,
+                    birthRate: 12,
+                    medianAge: 54,
+                    electricity: 60647,
+                    televisions: 101289,
+                    publicDebt: 34,
+                    internet: 40105
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BRN`,
+                    name: `Brunei`,
+                    continent: `Asia`,
+                    population: 443593,
+                    gdpTotal: 33730,
+                    economy: `Developing`,
+                    region: `Eastern Asia`,
+                    status: `Country`,
+                    longitude: 114.69,
+                    latitude: 4.523,
+                    gdpPerPerson: 76038,
+                    rank: 174,
+                    unemployment: 4,
+                    oilProduction: 0,
+                    birthRate: 17,
+                    medianAge: 32,
+                    electricity: 50701,
+                    televisions: 235042,
+                    publicDebt: 16,
+                    internet: 188751
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MLT`,
+                    name: `Malta`,
+                    continent: `Europe`,
+                    population: 416338,
+                    gdpTotal: 16320,
+                    economy: `Developed`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 14.373,
+                    latitude: 35.948,
+                    gdpPerPerson: 39199,
+                    rank: 175,
+                    unemployment: 7,
+                    oilProduction: 4,
+                    birthRate: 6,
+                    medianAge: 52,
+                    electricity: 77444,
+                    televisions: 282390,
+                    publicDebt: 41,
+                    internet: 317612
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MDV`,
+                    name: `Maldives`,
+                    continent: `Asia`,
+                    population: 392709,
+                    gdpTotal: 5407,
+                    economy: `Developing`,
+                    region: `Southern Asia`,
+                    status: `Country`,
+                    longitude: 73.455,
+                    latitude: 3.739,
+                    gdpPerPerson: 13768,
+                    rank: 176,
+                    unemployment: 13,
+                    oilProduction: 4,
+                    birthRate: 10,
+                    medianAge: 43,
+                    electricity: 26004,
+                    televisions: 156412,
+                    publicDebt: 28,
+                    internet: 45331
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BLZ`,
+                    name: `Belize`,
+                    continent: `North America`,
+                    population: 360346,
+                    gdpTotal: 3088,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -88.51,
+                    latitude: 17.185,
+                    gdpPerPerson: 8570,
+                    rank: 177,
+                    unemployment: 4,
+                    oilProduction: 2,
+                    birthRate: 7,
+                    medianAge: 36,
+                    electricity: 57433,
+                    televisions: 127478,
+                    publicDebt: 36,
+                    internet: 223855
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ISL`,
+                    name: `Iceland`,
+                    continent: `Europe`,
+                    population: 339747,
+                    gdpTotal: 16150,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Country`,
+                    longitude: -19.01,
+                    latitude: 64.966,
+                    gdpPerPerson: 47535,
+                    rank: 178,
+                    unemployment: 1,
+                    oilProduction: 0,
+                    birthRate: 14,
+                    medianAge: 35,
+                    electricity: 8533,
+                    televisions: 98000,
+                    publicDebt: 28,
+                    internet: 202300
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BHS`,
+                    name: `Bahamas`,
+                    continent: `North America`,
+                    population: 329988,
+                    gdpTotal: 9066,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -78.01,
+                    latitude: 24.761,
+                    gdpPerPerson: 27474,
+                    rank: 179,
+                    unemployment: 5,
+                    oilProduction: 2,
+                    birthRate: 17,
+                    medianAge: 47,
+                    electricity: 38395,
+                    televisions: 203588,
+                    publicDebt: 6,
+                    internet: 91807
+                }),
+                new WorldStatsItem(
+                {
+                    code: `FRG`,
+                    name: `French Guiana`,
+                    continent: `South America`,
+                    population: 296161,
+                    gdpTotal: 1299000,
+                    economy: `Developed`,
+                    region: `South America`,
+                    status: `Dependency`,
+                    longitude: -53.13,
+                    latitude: 3.893,
+                    gdpPerPerson: 4386,
+                    rank: 180,
+                    unemployment: 3,
+                    oilProduction: 0,
+                    birthRate: 15,
+                    medianAge: 55,
+                    electricity: 73845,
+                    televisions: 147489,
+                    publicDebt: 35,
+                    internet: 209593
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BRB`,
+                    name: `Barbados`,
+                    continent: `North America`,
+                    population: 292336,
+                    gdpTotal: 4804,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -59.53,
+                    latitude: 13.19,
+                    gdpPerPerson: 16433,
+                    rank: 181,
+                    unemployment: 8,
+                    oilProduction: 3,
+                    birthRate: 21,
+                    medianAge: 51,
+                    electricity: 28728,
+                    televisions: 173392,
+                    publicDebt: 12,
+                    internet: 73593
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PYF`,
+                    name: `Fr. Polynesia`,
+                    continent: `Oceania`,
+                    population: 287881,
+                    gdpTotal: 5490,
+                    economy: `Developing`,
+                    region: `Polynesia`,
+                    status: `Dependency`,
+                    longitude: -143.9,
+                    latitude: -14.82,
+                    gdpPerPerson: 19070,
+                    rank: 182,
+                    unemployment: 1,
+                    oilProduction: 4,
+                    birthRate: 6,
+                    medianAge: 45,
+                    electricity: 46206,
+                    televisions: 43757,
+                    publicDebt: 12,
+                    internet: 172560
+                }),
+                new WorldStatsItem(
+                {
+                    code: `VUT`,
+                    name: `Vanuatu`,
+                    continent: `Oceania`,
+                    population: 282814,
+                    gdpTotal: 723,
+                    economy: `Least developed`,
+                    region: `Melanesia`,
+                    status: `Country`,
+                    longitude: 168.21,
+                    latitude: -16.97,
+                    gdpPerPerson: 2556,
+                    rank: 183,
+                    unemployment: 11,
+                    oilProduction: 4,
+                    birthRate: 17,
+                    medianAge: 39,
+                    electricity: 50581,
+                    televisions: 187584,
+                    publicDebt: 42,
+                    internet: 223352
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NCL`,
+                    name: `New Caledonia`,
+                    continent: `Oceania`,
+                    population: 279070,
+                    gdpTotal: 10770,
+                    economy: `Developing`,
+                    region: `Melanesia`,
+                    status: `Dependency`,
+                    longitude: 165.26,
+                    latitude: -21.09,
+                    gdpPerPerson: 38592,
+                    rank: 184,
+                    unemployment: 10,
+                    oilProduction: 3,
+                    birthRate: 6,
+                    medianAge: 49,
+                    electricity: 18361,
+                    televisions: 79923,
+                    publicDebt: 45,
+                    internet: 149003
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NCP`,
+                    name: `Northern Cyprus`,
+                    continent: `Asia`,
+                    population: 265100,
+                    gdpTotal: 3600,
+                    economy: `Developing`,
+                    region: `Middle East`,
+                    status: `Country`,
+                    longitude: 33.714,
+                    latitude: 35.257,
+                    gdpPerPerson: 13580,
+                    rank: 185,
+                    unemployment: 4,
+                    oilProduction: 5,
+                    birthRate: 25,
+                    medianAge: 51,
+                    electricity: 84000,
+                    televisions: 135551,
+                    publicDebt: 30,
+                    internet: 167480
+                }),
+                new WorldStatsItem(
+                {
+                    code: `STP`,
+                    name: `Sao Tome and Principe`,
+                    continent: `Africa`,
+                    population: 201025,
+                    gdpTotal: 694,
+                    economy: `Least developed`,
+                    region: `Middle Africa`,
+                    status: `Country`,
+                    longitude: 6.598,
+                    latitude: 0.248,
+                    gdpPerPerson: 3452,
+                    rank: 186,
+                    unemployment: 1,
+                    oilProduction: 3,
+                    birthRate: 24,
+                    medianAge: 30,
+                    electricity: 6691,
+                    televisions: 65480,
+                    publicDebt: 12,
+                    internet: 121162
+                }),
+                new WorldStatsItem(
+                {
+                    code: `WSM`,
+                    name: `Samoa`,
+                    continent: `Oceania`,
+                    population: 200108,
+                    gdpTotal: 1046,
+                    economy: `Least developed`,
+                    region: `Polynesia`,
+                    status: `Country`,
+                    longitude: -172.1,
+                    latitude: -13.75,
+                    gdpPerPerson: 5227,
+                    rank: 187,
+                    unemployment: 3,
+                    oilProduction: 2,
+                    birthRate: 7,
+                    medianAge: 46,
+                    electricity: 50118,
+                    televisions: 54930,
+                    publicDebt: 42,
+                    internet: 84739
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GUM`,
+                    name: `Guam`,
+                    continent: `Oceania`,
+                    population: 167358,
+                    gdpTotal: 4882,
+                    economy: `Developing`,
+                    region: `Micronesia`,
+                    status: `Dependency`,
+                    longitude: 144.79,
+                    latitude: 13.44,
+                    gdpPerPerson: 29171,
+                    rank: 188,
+                    unemployment: 15,
+                    oilProduction: 2,
+                    birthRate: 24,
+                    medianAge: 42,
+                    electricity: 64229,
+                    televisions: 43567,
+                    publicDebt: 37,
+                    internet: 121131
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LCA`,
+                    name: `Saint Lucia`,
+                    continent: `North America`,
+                    population: 164994,
+                    gdpTotal: 2083,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -60.98,
+                    latitude: 13.905,
+                    gdpPerPerson: 12625,
+                    rank: 189,
+                    unemployment: 3,
+                    oilProduction: 2,
+                    birthRate: 14,
+                    medianAge: 32,
+                    electricity: 75473,
+                    televisions: 87743,
+                    publicDebt: 7,
+                    internet: 64498
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CUW`,
+                    name: `Curacao`,
+                    continent: `North America`,
+                    population: 149648,
+                    gdpTotal: 3128,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -68.95,
+                    latitude: 12.213,
+                    gdpPerPerson: 20902,
+                    rank: 190,
+                    unemployment: 6,
+                    oilProduction: 1,
+                    birthRate: 7,
+                    medianAge: 35,
+                    electricity: 74665,
+                    televisions: 89830,
+                    publicDebt: 36,
+                    internet: 55905
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ABW`,
+                    name: `Aruba`,
+                    continent: `North America`,
+                    population: 115120,
+                    gdpTotal: 2516,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -69.98,
+                    latitude: 12.519,
+                    gdpPerPerson: 21855,
+                    rank: 191,
+                    unemployment: 7,
+                    oilProduction: 2356,
+                    birthRate: 13,
+                    medianAge: 38,
+                    electricity: 770,
+                    televisions: 20000,
+                    publicDebt: 46,
+                    internet: 24000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GRD`,
+                    name: `Grenada`,
+                    continent: `North America`,
+                    population: 111724,
+                    gdpTotal: 1511,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -61.69,
+                    latitude: 12.123,
+                    gdpPerPerson: 13524,
+                    rank: 192,
+                    unemployment: 10,
+                    oilProduction: 0,
+                    birthRate: 10,
+                    medianAge: 50,
+                    electricity: 4992,
+                    televisions: 58674,
+                    publicDebt: 42,
+                    internet: 33132
+                }),
+                new WorldStatsItem(
+                {
+                    code: `KIR`,
+                    name: `Kiribati`,
+                    continent: `Oceania`,
+                    population: 108145,
+                    gdpTotal: 211,
+                    economy: `Least developed`,
+                    region: `Micronesia`,
+                    status: `Country`,
+                    longitude: -157.333,
+                    latitude: 1.884,
+                    gdpPerPerson: 1951,
+                    rank: 193,
+                    unemployment: 13,
+                    oilProduction: 4,
+                    birthRate: 9,
+                    medianAge: 52,
+                    electricity: 37081,
+                    televisions: 52395,
+                    publicDebt: 40,
+                    internet: 36620
+                }),
+                new WorldStatsItem(
+                {
+                    code: `VIR`,
+                    name: `U.S. Virgin Island`,
+                    continent: `North America`,
+                    population: 107268,
+                    gdpTotal: 3792,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -64.77,
+                    latitude: 17.77,
+                    gdpPerPerson: 35351,
+                    rank: 194,
+                    unemployment: 11,
+                    oilProduction: 2,
+                    birthRate: 12,
+                    medianAge: 38,
+                    electricity: 13387,
+                    televisions: 77187,
+                    publicDebt: 43,
+                    internet: 40836
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TON`,
+                    name: `Tonga`,
+                    continent: `Oceania`,
+                    population: 106479,
+                    gdpTotal: 557,
+                    economy: `Developing`,
+                    region: `Polynesia`,
+                    status: `Country`,
+                    longitude: -173.9,
+                    latitude: -18.62,
+                    gdpPerPerson: 5231,
+                    rank: 195,
+                    unemployment: 4,
+                    oilProduction: 4,
+                    birthRate: 5,
+                    medianAge: 33,
+                    electricity: 88735,
+                    televisions: 30257,
+                    publicDebt: 25,
+                    internet: 71756
+                }),
+                new WorldStatsItem(
+                {
+                    code: `FSM`,
+                    name: `Micronesia`,
+                    continent: `Oceania`,
+                    population: 104196,
+                    gdpTotal: 314,
+                    economy: `Developing`,
+                    region: `Micronesia`,
+                    status: `Country`,
+                    longitude: 150.52,
+                    latitude: 7.435,
+                    gdpPerPerson: 3014,
+                    rank: 196,
+                    unemployment: 9,
+                    oilProduction: 5,
+                    birthRate: 5,
+                    medianAge: 38,
+                    electricity: 39068,
+                    televisions: 45396,
+                    publicDebt: 40,
+                    internet: 29169
+                }),
+                new WorldStatsItem(
+                {
+                    code: `VCT`,
+                    name: `St. Vin. and Gren.`,
+                    continent: `North America`,
+                    population: 102089,
+                    gdpTotal: 1241,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -61.17,
+                    latitude: 13.239,
+                    gdpPerPerson: 12156,
+                    rank: 197,
+                    unemployment: 10,
+                    oilProduction: 5,
+                    birthRate: 7,
+                    medianAge: 30,
+                    electricity: 39467,
+                    televisions: 42804,
+                    publicDebt: 9,
+                    internet: 66754
+                }),
+                new WorldStatsItem(
+                {
+                    code: `JEY`,
+                    name: `Jersey`,
+                    continent: `Europe`,
+                    population: 98840,
+                    gdpTotal: 5080,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Territory`,
+                    longitude: -2.123,
+                    latitude: 49.218,
+                    gdpPerPerson: 51396,
+                    rank: 198,
+                    unemployment: 4,
+                    oilProduction: 1,
+                    birthRate: 18,
+                    medianAge: 30,
+                    electricity: 64261,
+                    televisions: 52453,
+                    publicDebt: 34,
+                    internet: 3026
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ATG`,
+                    name: `Antigua and Barbuda`,
+                    continent: `North America`,
+                    population: 94731,
+                    gdpTotal: 2171,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -61.79,
+                    latitude: 17.096,
+                    gdpPerPerson: 22918,
+                    rank: 199,
+                    unemployment: 3,
+                    oilProduction: 1,
+                    birthRate: 5,
+                    medianAge: 36,
+                    electricity: 35849,
+                    televisions: 75384,
+                    publicDebt: 32,
+                    internet: 6170
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SYC`,
+                    name: `Seychelles`,
+                    continent: `Africa`,
+                    population: 93920,
+                    gdpTotal: 2608,
+                    economy: `Developing`,
+                    region: `Eastern Africa`,
+                    status: `Country`,
+                    longitude: 55.463,
+                    latitude: -4.672,
+                    gdpPerPerson: 27768,
+                    rank: 200,
+                    unemployment: 2,
+                    oilProduction: 0,
+                    birthRate: 16,
+                    medianAge: 29,
+                    electricity: 252,
+                    televisions: 11000,
+                    publicDebt: 92,
+                    internet: 32000
+                }),
+                new WorldStatsItem(
+                {
+                    code: `IMN`,
+                    name: `Isle of Man`,
+                    continent: `Europe`,
+                    population: 88815,
+                    gdpTotal: 7428,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Territory`,
+                    longitude: -4.562,
+                    latitude: 54.233,
+                    gdpPerPerson: 83635,
+                    rank: 201,
+                    unemployment: 4,
+                    oilProduction: 4,
+                    birthRate: 14,
+                    medianAge: 36,
+                    electricity: 15745,
+                    televisions: 25734,
+                    publicDebt: 13,
+                    internet: 2650
+                }),
+                new WorldStatsItem(
+                {
+                    code: `AND`,
+                    name: `Andorra`,
+                    continent: `Europe`,
+                    population: 85702,
+                    gdpTotal: 3327,
+                    economy: `Developed`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 1.578,
+                    latitude: 42.539,
+                    gdpPerPerson: 38821,
+                    rank: 202,
+                    unemployment: 11,
+                    oilProduction: 3,
+                    birthRate: 20,
+                    medianAge: 50,
+                    electricity: 56209,
+                    televisions: 42797,
+                    publicDebt: 33,
+                    internet: 42006
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MHL`,
+                    name: `Marshall Islands`,
+                    continent: `Oceania`,
+                    population: 74539,
+                    gdpTotal: 180,
+                    economy: `Developing`,
+                    region: `Micronesia`,
+                    status: `Country`,
+                    longitude: 169.3,
+                    latitude: 8.484,
+                    gdpPerPerson: 2415,
+                    rank: 203,
+                    unemployment: 3,
+                    oilProduction: 3,
+                    birthRate: 23,
+                    medianAge: 42,
+                    electricity: 78832,
+                    televisions: 15193,
+                    publicDebt: 44,
+                    internet: 8536
+                }),
+                new WorldStatsItem(
+                {
+                    code: `DMA`,
+                    name: `Dominica`,
+                    continent: `North America`,
+                    population: 73897,
+                    gdpTotal: 812,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -61.36,
+                    latitude: 15.43,
+                    gdpPerPerson: 10988,
+                    rank: 204,
+                    unemployment: 6,
+                    oilProduction: 1,
+                    birthRate: 13,
+                    medianAge: 35,
+                    electricity: 49809,
+                    televisions: 17676,
+                    publicDebt: 37,
+                    internet: 2616
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BMU`,
+                    name: `Bermuda`,
+                    continent: `North America`,
+                    population: 70864,
+                    gdpTotal: 5198,
+                    economy: `Developed`,
+                    region: `Northern America`,
+                    status: `Dependency`,
+                    longitude: -64.76,
+                    latitude: 32.323,
+                    gdpPerPerson: 73352,
+                    rank: 205,
+                    unemployment: 15,
+                    oilProduction: 1,
+                    birthRate: 21,
+                    medianAge: 43,
+                    electricity: 54728,
+                    televisions: 16336,
+                    publicDebt: 27,
+                    internet: 41606
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GGY`,
+                    name: `Guernsey`,
+                    continent: `Europe`,
+                    population: 66502,
+                    gdpTotal: 3465,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Territory`,
+                    longitude: -2.579,
+                    latitude: 49.468,
+                    gdpPerPerson: 52104,
+                    rank: 206,
+                    unemployment: 2,
+                    oilProduction: 1,
+                    birthRate: 25,
+                    medianAge: 33,
+                    electricity: 9806,
+                    televisions: 24638,
+                    publicDebt: 34,
+                    internet: 29222
+                }),
+                new WorldStatsItem(
+                {
+                    code: `CYM`,
+                    name: `Cayman Island`,
+                    continent: `North America`,
+                    population: 58441,
+                    gdpTotal: 2507,
+                    economy: `Emerging`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -81.25,
+                    latitude: 19.343,
+                    gdpPerPerson: 42898,
+                    rank: 207,
+                    unemployment: 12,
+                    oilProduction: 3,
+                    birthRate: 7,
+                    medianAge: 35,
+                    electricity: 70206,
+                    televisions: 28885,
+                    publicDebt: 21,
+                    internet: 9332
+                }),
+                new WorldStatsItem(
+                {
+                    code: `GRL`,
+                    name: `Greenland`,
+                    continent: `North America`,
+                    population: 57713,
+                    gdpTotal: 2173,
+                    economy: `Developed`,
+                    region: `Northern America`,
+                    status: `Dependency`,
+                    longitude: -42.12,
+                    latitude: 69.547,
+                    gdpPerPerson: 37652,
+                    rank: 208,
+                    unemployment: 7,
+                    oilProduction: 5,
+                    birthRate: 19,
+                    medianAge: 42,
+                    electricity: 86090,
+                    televisions: 43741,
+                    publicDebt: 42,
+                    internet: 11423
+                }),
+                new WorldStatsItem(
+                {
+                    code: `KNA`,
+                    name: `St. Kitts and Nevis`,
+                    continent: `North America`,
+                    population: 52715,
+                    gdpTotal: 1427,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Country`,
+                    longitude: -62.77,
+                    latitude: 17.351,
+                    gdpPerPerson: 27070,
+                    rank: 209,
+                    unemployment: 5,
+                    oilProduction: 2,
+                    birthRate: 18,
+                    medianAge: 40,
+                    electricity: 65438,
+                    televisions: 17719,
+                    publicDebt: 11,
+                    internet: 8543
+                }),
+                new WorldStatsItem(
+                {
+                    code: `TCA`,
+                    name: `Turks and Caicos Is.`,
+                    continent: `North America`,
+                    population: 52570,
+                    gdpTotal: 632,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -71.96,
+                    latitude: 21.913,
+                    gdpPerPerson: 12022,
+                    rank: 210,
+                    unemployment: 6,
+                    oilProduction: 0,
+                    birthRate: 13,
+                    medianAge: 42,
+                    electricity: 51325,
+                    televisions: 13109,
+                    publicDebt: 13,
+                    internet: 24564
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MNP`,
+                    name: `N. Mariana Island`,
+                    continent: `Oceania`,
+                    population: 52263,
+                    gdpTotal: 682,
+                    economy: `Developing`,
+                    region: `Micronesia`,
+                    status: `Dependency`,
+                    longitude: 145.49,
+                    latitude: 16.459,
+                    gdpPerPerson: 13049,
+                    rank: 211,
+                    unemployment: 10,
+                    oilProduction: 1,
+                    birthRate: 9,
+                    medianAge: 46,
+                    electricity: 87386,
+                    televisions: 13049,
+                    publicDebt: 20,
+                    internet: 5484
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ASM`,
+                    name: `American Samoa`,
+                    continent: `Oceania`,
+                    population: 51504,
+                    gdpTotal: 711,
+                    economy: `Developing`,
+                    region: `Polynesia`,
+                    status: `Dependency`,
+                    longitude: -170.6,
+                    latitude: -14.3,
+                    gdpPerPerson: 13805,
+                    rank: 212,
+                    unemployment: 3,
+                    oilProduction: 4,
+                    birthRate: 13,
+                    medianAge: 42,
+                    electricity: 65918,
+                    televisions: 18802,
+                    publicDebt: 23,
+                    internet: 14691
+                }),
+                new WorldStatsItem(
+                {
+                    code: `FRO`,
+                    name: `Faeroe Island`,
+                    continent: `Europe`,
+                    population: 50730,
+                    gdpTotal: 2001,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Dependency`,
+                    longitude: -6.857,
+                    latitude: 62.178,
+                    gdpPerPerson: 39444,
+                    rank: 213,
+                    unemployment: 15,
+                    oilProduction: 2,
+                    birthRate: 11,
+                    medianAge: 46,
+                    electricity: 55029,
+                    televisions: 11762,
+                    publicDebt: 13,
+                    internet: 2412
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SXM`,
+                    name: `Sint Maarten`,
+                    continent: `North America`,
+                    population: 42083,
+                    gdpTotal: 366,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -63.06,
+                    latitude: 18.044,
+                    gdpPerPerson: 8697,
+                    rank: 214,
+                    unemployment: 14,
+                    oilProduction: 4,
+                    birthRate: 19,
+                    medianAge: 50,
+                    electricity: 17166,
+                    televisions: 8474,
+                    publicDebt: 33,
+                    internet: 14309
+                }),
+                new WorldStatsItem(
+                {
+                    code: `LIE`,
+                    name: `Liechtenstein`,
+                    continent: `Europe`,
+                    population: 38244,
+                    gdpTotal: 4978,
+                    economy: `Developed`,
+                    region: `Western Europe`,
+                    status: `Country`,
+                    longitude: 9.545,
+                    latitude: 47.164,
+                    gdpPerPerson: 130164,
+                    rank: 215,
+                    unemployment: 11,
+                    oilProduction: 3,
+                    birthRate: 10,
+                    medianAge: 55,
+                    electricity: 80781,
+                    televisions: 23104,
+                    publicDebt: 21,
+                    internet: 8159
+                }),
+                new WorldStatsItem(
+                {
+                    code: `VGB`,
+                    name: `British Virgin Island`,
+                    continent: `North America`,
+                    population: 35015,
+                    gdpTotal: 500,
+                    economy: `Developed`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -64.6,
+                    latitude: 18.44,
+                    gdpPerPerson: 14280,
+                    rank: 216,
+                    unemployment: 13,
+                    oilProduction: 2,
+                    birthRate: 6,
+                    medianAge: 51,
+                    electricity: 47732,
+                    televisions: 17777,
+                    publicDebt: 7,
+                    internet: 6238
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SMR`,
+                    name: `San Marino`,
+                    continent: `Europe`,
+                    population: 33537,
+                    gdpTotal: 2023,
+                    economy: `Developed`,
+                    region: `Southern Europe`,
+                    status: `Country`,
+                    longitude: 12.456,
+                    latitude: 43.942,
+                    gdpPerPerson: 60321,
+                    rank: 217,
+                    unemployment: 10,
+                    oilProduction: 0,
+                    birthRate: 15,
+                    medianAge: 48,
+                    electricity: 21943,
+                    televisions: 22355,
+                    publicDebt: 34,
+                    internet: 23505
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MAF`,
+                    name: `St. Martin`,
+                    continent: `North America`,
+                    population: 32125,
+                    gdpTotal: 562,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -63.06,
+                    latitude: 18.092,
+                    gdpPerPerson: 17494,
+                    rank: 218,
+                    unemployment: 15,
+                    oilProduction: 5,
+                    birthRate: 10,
+                    medianAge: 34,
+                    electricity: 76791,
+                    televisions: 17592,
+                    publicDebt: 43,
+                    internet: 25032
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MCO`,
+                    name: `Monaco`,
+                    continent: `Europe`,
+                    population: 30645,
+                    gdpTotal: 7672,
+                    economy: `Developed`,
+                    region: `Western Europe`,
+                    status: `Country`,
+                    longitude: 7.408,
+                    latitude: 43.751,
+                    gdpPerPerson: 250351,
+                    rank: 219,
+                    unemployment: 15,
+                    oilProduction: 5,
+                    birthRate: 18,
+                    medianAge: 31,
+                    electricity: 73517,
+                    televisions: 10057,
+                    publicDebt: 10,
+                    internet: 18394
+                }),
+                new WorldStatsItem(
+                {
+                    code: `ALA`,
+                    name: `Aland Islands`,
+                    continent: `Europe`,
+                    population: 27153,
+                    gdpTotal: 1563,
+                    economy: `Developed`,
+                    region: `Northern Europe`,
+                    status: `Territory`,
+                    longitude: 20.065,
+                    latitude: 60.209,
+                    gdpPerPerson: 57563,
+                    rank: 220,
+                    unemployment: 14,
+                    oilProduction: 3,
+                    birthRate: 15,
+                    medianAge: 54,
+                    electricity: 69394,
+                    televisions: 14696,
+                    publicDebt: 19,
+                    internet: 2736
+                }),
+                new WorldStatsItem(
+                {
+                    code: `PLW`,
+                    name: `Palau`,
+                    continent: `Oceania`,
+                    population: 21431,
+                    gdpTotal: 276,
+                    economy: `Developing`,
+                    region: `Micronesia`,
+                    status: `Country`,
+                    longitude: 134.63,
+                    latitude: 7.532,
+                    gdpPerPerson: 12879,
+                    rank: 221,
+                    unemployment: 8,
+                    oilProduction: 1,
+                    birthRate: 7,
+                    medianAge: 39,
+                    electricity: 88599,
+                    televisions: 3019,
+                    publicDebt: 8,
+                    internet: 17075
+                }),
+                new WorldStatsItem(
+                {
+                    code: `AIA`,
+                    name: `Anguilla`,
+                    continent: `North America`,
+                    population: 17087,
+                    gdpTotal: 175,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -63.07,
+                    latitude: 18.221,
+                    gdpPerPerson: 10242,
+                    rank: 222,
+                    unemployment: 9,
+                    oilProduction: 1,
+                    birthRate: 10,
+                    medianAge: 49,
+                    electricity: 68590,
+                    televisions: 10632,
+                    publicDebt: 40,
+                    internet: 8703
+                }),
+                new WorldStatsItem(
+                {
+                    code: `WLF`,
+                    name: `Wallis Island`,
+                    continent: `Oceania`,
+                    population: 15714,
+                    gdpTotal: 60,
+                    economy: `Developing`,
+                    region: `Polynesia`,
+                    status: `Dependency`,
+                    longitude: -177.1,
+                    latitude: -13.77,
+                    gdpPerPerson: 3818,
+                    rank: 223,
+                    unemployment: 15,
+                    oilProduction: 0,
+                    birthRate: 0,
+                    medianAge: 0,
+                    electricity: 0,
+                    televisions: 0,
+                    publicDebt: 6,
+                    internet: 900
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NRU`,
+                    name: `Nauru`,
+                    continent: `Oceania`,
+                    population: 9642,
+                    gdpTotal: 151,
+                    economy: `Developing`,
+                    region: `Micronesia`,
+                    status: `Country`,
+                    longitude: 166.93,
+                    latitude: -0.52,
+                    gdpPerPerson: 15661,
+                    rank: 224,
+                    unemployment: 5,
+                    oilProduction: 3,
+                    birthRate: 17,
+                    medianAge: 32,
+                    electricity: 84092,
+                    televisions: 1777,
+                    publicDebt: 34,
+                    internet: 4585
+                }),
+                new WorldStatsItem(
+                {
+                    code: `COK`,
+                    name: `Cook Island`,
+                    continent: `Oceania`,
+                    population: 9290,
+                    gdpTotal: 244,
+                    economy: `Developing`,
+                    region: `Polynesia`,
+                    status: `Dependency`,
+                    longitude: -159.7,
+                    latitude: -21.21,
+                    gdpPerPerson: 26265,
+                    rank: 225,
+                    unemployment: 15,
+                    oilProduction: 1,
+                    birthRate: 6,
+                    medianAge: 45,
+                    electricity: 41320,
+                    televisions: 3712,
+                    publicDebt: 24,
+                    internet: 3555
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SHN`,
+                    name: `Saint Helena`,
+                    continent: `Africa`,
+                    population: 7828,
+                    gdpTotal: 31,
+                    economy: `Developing`,
+                    region: `Western Africa`,
+                    status: `Dependency`,
+                    longitude: -10.03,
+                    latitude: -11.94,
+                    gdpPerPerson: 3960,
+                    rank: 226,
+                    unemployment: 13,
+                    oilProduction: 1,
+                    birthRate: 17,
+                    medianAge: 48,
+                    electricity: 84435,
+                    televisions: 3812,
+                    publicDebt: 15,
+                    internet: 5530
+                }),
+                new WorldStatsItem(
+                {
+                    code: `BLM`,
+                    name: `St. Barthalemy`,
+                    continent: `North America`,
+                    population: 7184,
+                    gdpTotal: 255,
+                    economy: `Developed`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -62.83,
+                    latitude: 17.899,
+                    gdpPerPerson: 35496,
+                    rank: 227,
+                    unemployment: 14,
+                    oilProduction: 0,
+                    birthRate: 23,
+                    medianAge: 46,
+                    electricity: 36112,
+                    televisions: 4072,
+                    publicDebt: 27,
+                    internet: 5097
+                }),
+                new WorldStatsItem(
+                {
+                    code: `KAS`,
+                    name: `Siachen Glacier`,
+                    continent: `Asia`,
+                    population: 6000,
+                    gdpTotal: 15,
+                    economy: `Developing`,
+                    region: `Southern Asia`,
+                    status: `Territory`,
+                    longitude: 77.283,
+                    latitude: 35.386,
+                    gdpPerPerson: 2500,
+                    rank: 228,
+                    unemployment: 7,
+                    oilProduction: 0,
+                    birthRate: 9,
+                    medianAge: 55,
+                    electricity: 62932,
+                    televisions: 936,
+                    publicDebt: 14,
+                    internet: 1303
+                }),
+                new WorldStatsItem(
+                {
+                    code: `SPM`,
+                    name: `St. Pierre and Miquelon`,
+                    continent: `North America`,
+                    population: 5533,
+                    gdpTotal: 215,
+                    economy: `Developed`,
+                    region: `Northern America`,
+                    status: `Territory`,
+                    longitude: -56.26,
+                    latitude: 46.926,
+                    gdpPerPerson: 38858,
+                    rank: 229,
+                    unemployment: 13,
+                    oilProduction: 0,
+                    birthRate: 13,
+                    medianAge: 42,
+                    electricity: 61277,
+                    televisions: 2067,
+                    publicDebt: 18,
+                    internet: 2924
+                }),
+                new WorldStatsItem(
+                {
+                    code: `MSR`,
+                    name: `Montserrat`,
+                    continent: `North America`,
+                    population: 5292,
+                    gdpTotal: 44,
+                    economy: `Developing`,
+                    region: `Central America`,
+                    status: `Dependency`,
+                    longitude: -62.18,
+                    latitude: 16.745,
+                    gdpPerPerson: 8314,
+                    rank: 230,
+                    unemployment: 13,
+                    oilProduction: 1,
+                    birthRate: 12,
+                    medianAge: 50,
+                    electricity: 19088,
+                    televisions: 1964,
+                    publicDebt: 44,
+                    internet: 4009
+                }),
+                new WorldStatsItem(
+                {
+                    code: `IOT`,
+                    name: `British Indian Territory`,
+                    continent: `Asia`,
+                    population: 4000,
+                    gdpTotal: 160,
+                    economy: `Developed`,
+                    region: `Southern Asia`,
+                    status: `Dependency`,
+                    longitude: 72.424,
+                    latitude: -7.328,
+                    gdpPerPerson: 40000,
+                    rank: 232,
+                    unemployment: 13,
+                    oilProduction: 0,
+                    birthRate: 6,
+                    medianAge: 47,
+                    electricity: 91829,
+                    televisions: 1510,
+                    publicDebt: 14,
+                    internet: 1656
+                }),
+                new WorldStatsItem(
+                {
+                    code: `FLK`,
+                    name: `Falkland Island`,
+                    continent: `South America`,
+                    population: 2931,
+                    gdpTotal: 282,
+                    economy: `Developed`,
+                    region: `South America`,
+                    status: `Dependency`,
+                    longitude: -59.46,
+                    latitude: -51.78,
+                    gdpPerPerson: 96213,
+                    rank: 233,
+                    unemployment: 3,
+                    oilProduction: 5,
+                    birthRate: 9,
+                    medianAge: 36,
+                    electricity: 68007,
+                    televisions: 1489,
+                    publicDebt: 22,
+                    internet: 1335
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NFK`,
+                    name: `Norfolk Island`,
+                    continent: `Oceania`,
+                    population: 2210,
+                    gdpTotal: 33,
+                    economy: `Developing`,
+                    region: `Australia`,
+                    status: `Dependency`,
+                    longitude: 167.94,
+                    latitude: -29.05,
+                    gdpPerPerson: 14932,
+                    rank: 234,
+                    unemployment: 1,
+                    oilProduction: 0,
+                    birthRate: 15,
+                    medianAge: 46,
+                    electricity: 91943,
+                    televisions: 583,
+                    publicDebt: 41,
+                    internet: 1183
+                }),
+                new WorldStatsItem(
+                {
+                    code: `NIU`,
+                    name: `Niue`,
+                    continent: `Oceania`,
+                    population: 1626,
+                    gdpTotal: 10,
+                    economy: `Developing`,
+                    region: `Polynesia`,
+                    status: `Dependency`,
+                    longitude: -169.8,
+                    latitude: -19.05,
+                    gdpPerPerson: 6150,
+                    rank: 235,
+                    unemployment: 15,
+                    oilProduction: 4,
+                    birthRate: 17,
+                    medianAge: 51,
+                    electricity: 16785,
+                    televisions: 585,
+                    publicDebt: 31,
+                    internet: 1247
+                }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/index.tsx b/samples/charts/data-chart/scatter-bubble-chart-styling/src/index.tsx
index fc6ba417d3..9d80e596e0 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/src/index.tsx
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/src/index.tsx
@@ -3,9 +3,8 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 
 import { IgrLegendModule, IgrNumberAbbreviatorModule, IgrDataChartCoreModule, IgrDataChartScatterModule, IgrDataChartScatterCoreModule, IgrDataChartInteractivityModule, IgrDataChartAnnotationModule } from 'igniteui-react-charts';
-import { IgrLegend, IgrDataChart, IgrNumericXAxis, IgrNumericYAxis, IgrBubbleSeries, IgrSizeScale, IgrDataToolTipLayer } from 'igniteui-react-charts';
-import { CountryStatsAfricaItem, CountryStatsAfrica } from './CountryStatsAfrica';
-import { CountryStatsEuropeItem, CountryStatsEurope } from './CountryStatsEurope';
+import { IgrDataChart, IgrNumericXAxis, IgrNumericYAxis, IgrBubbleSeries, IgrSizeScale, IgrDataToolTipLayer } from 'igniteui-react-charts';
+import { WorldStatsItem, WorldStats } from './WorldStats';
 
 const mods: any[] = [
     IgrLegendModule,
@@ -19,11 +18,6 @@ const mods: any[] = [
 mods.forEach((m) => m.register());
 
 export default class Sample extends React.Component<any, any> {
-    private legend: IgrLegend
-    private legendRef(r: IgrLegend) {
-        this.legend = r;
-        this.setState({});
-    }
     private chart: IgrDataChart
     private chartRef(r: IgrDataChart) {
         this.chart = r;
@@ -39,32 +33,17 @@ export default class Sample extends React.Component<any, any> {
             var sizeScale1 = new IgrSizeScale({});
             sizeScale1.isLogarithmic = false;
             sizeScale1.minimumValue = 10;
-            sizeScale1.maximumValue = 50;
+            sizeScale1.maximumValue = 80;
 
             this._sizeScale1 = sizeScale1;
         }
         return this._sizeScale1;
     }
-    private bubbleSeries2: IgrBubbleSeries
-    private  _sizeScale2: IgrSizeScale | null = null;
-    public get sizeScale2(): IgrSizeScale {
-        if (this._sizeScale2 == null)
-        {
-            var sizeScale2 = new IgrSizeScale({});
-            sizeScale2.isLogarithmic = false;
-            sizeScale2.minimumValue = 10;
-            sizeScale2.maximumValue = 50;
-
-            this._sizeScale2 = sizeScale2;
-        }
-        return this._sizeScale2;
-    }
     private dataToolTipLayer: IgrDataToolTipLayer
 
     constructor(props: any) {
         super(props);
 
-        this.legendRef = this.legendRef.bind(this);
         this.chartRef = this.chartRef.bind(this);
     }
 
@@ -72,69 +51,66 @@ export default class Sample extends React.Component<any, any> {
         return (
         <div className="container sample">
 
-            <div className="legend-title">
-                Total Population of Selected Countries
-            </div>
-
-            <div className="legend">
-                <IgrLegend
-                    ref={this.legendRef}
-                    orientation="Horizontal">
-                </IgrLegend>
-            </div>
-
             <div className="container fill">
                 <IgrDataChart
                     ref={this.chartRef}
-                    legend={this.legend}>
+                    chartTitle="Population vs. Public Debt vs. GDP"
+                    titleTopMargin="10"
+                    titleBottomMargin="0">
                     <IgrNumericXAxis
                         name="xAxis"
                         title="Population"
+                        minimumValue="100"
+                        maximumValue="10000000000"
                         isLogarithmic="true"
                         abbreviateLargeNumbers="true">
                     </IgrNumericXAxis>
                     <IgrNumericYAxis
                         name="yAxis"
-                        title="GDP per Capita"
+                        title="Public Debt per GDP (%)"
+                        titleLeftMargin="10"
                         isLogarithmic="true"
-                        abbreviateLargeNumbers="true">
+                        abbreviateLargeNumbers="true"
+                        maximumValue="1000">
                     </IgrNumericYAxis>
                     <IgrBubbleSeries
                         name="bubbleSeries1"
-                        title="African Countries"
+                        title="Country"
                         xAxisName="xAxis"
                         yAxisName="yAxis"
                         xMemberPath="population"
-                        yMemberPath="gDP"
-                        radiusMemberPath="population"
-                        dataSource={this.countryStatsAfrica}
+                        yMemberPath="publicDebt"
+                        radiusMemberPath="gdpPerPerson"
+                        yMemberAsLegendUnit="%"
+                        yMemberAsLegendLabel="Debt"
+                        xMemberAsLegendLabel="Population"
+                        radiusMemberAsLegendLabel="GDP"
+                        dataSource={this.worldStats}
                         markerType="Circle"
-                        markerOutline="rgba(62, 202, 62, 1)"
-                        markerBrush="rgba(69, 179, 224, 1)"
+                        markerOutline="black"
+                        markerBrush="rgba(67, 162, 250, 1)"
                         markerFillOpacity="0.5"
-                        markerThickness="2"
+                        markerThickness="1"
                         showDefaultTooltip="true"
                         radiusScale={this.sizeScale1}>
                     </IgrBubbleSeries>
-                    <IgrBubbleSeries
-                        name="bubbleSeries2"
-                        title="European Countries"
-                        xAxisName="xAxis"
-                        yAxisName="yAxis"
-                        xMemberPath="population"
-                        yMemberPath="gDP"
-                        radiusMemberPath="population"
-                        dataSource={this.countryStatsEurope}
-                        markerType="Circle"
-                        markerOutline="rgba(171, 6, 221, 1)"
-                        markerBrush="rgba(135, 156, 235, 1)"
-                        markerFillOpacity="0.5"
-                        markerThickness="2"
-                        showDefaultTooltip="true"
-                        radiusScale={this.sizeScale2}>
-                    </IgrBubbleSeries>
                     <IgrDataToolTipLayer
-                        name="dataToolTipLayer">
+                        name="dataToolTipLayer"
+                        valueRowMarginTop="1"
+                        labelTextMarginTop="1"
+                        titleTextMarginTop="1"
+                        unitsTextMarginTop="1"
+                        valueRowMarginBottom="1"
+                        labelTextMarginBottom="1"
+                        titleTextMarginBottom="1"
+                        unitsTextMarginBottom="1"
+                        unitsTextMarginRight="5"
+                        valueTextMarginLeft="10"
+                        labelTextMarginLeft="1"
+                        layoutMode="Vertical"
+                        badgeShape="Hidden"
+                        includedColumns={["X", "Y", "Radius"]}
+                        headerRowVisible="false">
                     </IgrDataToolTipLayer>
                 </IgrDataChart>
             </div>
@@ -142,22 +118,13 @@ export default class Sample extends React.Component<any, any> {
         );
     }
 
-    private _countryStatsAfrica: CountryStatsAfrica = null;
-    public get countryStatsAfrica(): CountryStatsAfrica {
-        if (this._countryStatsAfrica == null)
-        {
-            this._countryStatsAfrica = new CountryStatsAfrica();
-        }
-        return this._countryStatsAfrica;
-    }
-
-    private _countryStatsEurope: CountryStatsEurope = null;
-    public get countryStatsEurope(): CountryStatsEurope {
-        if (this._countryStatsEurope == null)
+    private _worldStats: WorldStats = null;
+    public get worldStats(): WorldStats {
+        if (this._worldStats == null)
         {
-            this._countryStatsEurope = new CountryStatsEurope();
+            this._worldStats = new WorldStats();
         }
-        return this._countryStatsEurope;
+        return this._worldStats;
     }
 
 }
diff --git a/samples/charts/data-chart/scatter-line-chart/.eslintrc.js b/samples/charts/data-chart/scatter-line-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/scatter-line-chart/.eslintrc.js
+++ b/samples/charts/data-chart/scatter-line-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/scatter-line-threshold/package.json b/samples/charts/data-chart/scatter-line-threshold/package.json
index 02118e19d0..a7f830e1e0 100644
--- a/samples/charts/data-chart/scatter-line-threshold/package.json
+++ b/samples/charts/data-chart/scatter-line-threshold/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/scatter-line-threshold/tsconfig.json b/samples/charts/data-chart/scatter-line-threshold/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/scatter-line-threshold/tsconfig.json
+++ b/samples/charts/data-chart/scatter-line-threshold/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/scatter-point-chart/.eslintrc.js b/samples/charts/data-chart/scatter-point-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/scatter-point-chart/.eslintrc.js
+++ b/samples/charts/data-chart/scatter-point-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/scatter-spline-chart/.eslintrc.js b/samples/charts/data-chart/scatter-spline-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/scatter-spline-chart/.eslintrc.js
+++ b/samples/charts/data-chart/scatter-spline-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/scatter-spline-chart/package.json b/samples/charts/data-chart/scatter-spline-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/scatter-spline-chart/package.json
+++ b/samples/charts/data-chart/scatter-spline-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index 8083204d3d..5096886176 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-annotations/tsconfig.json b/samples/charts/data-chart/series-annotations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/series-annotations/tsconfig.json
+++ b/samples/charts/data-chart/series-annotations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index e27b13a3b2..551346167c 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-highlighting/tsconfig.json b/samples/charts/data-chart/series-highlighting/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/series-highlighting/tsconfig.json
+++ b/samples/charts/data-chart/series-highlighting/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index dde18a71e4..9a6b42c4c4 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-marker-template/tsconfig.json b/samples/charts/data-chart/series-marker-template/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/series-marker-template/tsconfig.json
+++ b/samples/charts/data-chart/series-marker-template/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index d8d3e926be..0d29ddb98f 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-markers/tsconfig.json b/samples/charts/data-chart/series-markers/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/series-markers/tsconfig.json
+++ b/samples/charts/data-chart/series-markers/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index ea3fd5d1e5..5a643ef3c9 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-tooltips/tsconfig.json b/samples/charts/data-chart/series-tooltips/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/series-tooltips/tsconfig.json
+++ b/samples/charts/data-chart/series-tooltips/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index 250e240fce..acbf7ac048 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-trendlines/tsconfig.json b/samples/charts/data-chart/series-trendlines/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/series-trendlines/tsconfig.json
+++ b/samples/charts/data-chart/series-trendlines/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index a730c45e77..183a925cf0 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-value-overlay/tsconfig.json b/samples/charts/data-chart/series-value-overlay/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/series-value-overlay/tsconfig.json
+++ b/samples/charts/data-chart/series-value-overlay/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/stacked-100-area-chart/.eslintrc.js b/samples/charts/data-chart/stacked-100-area-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-100-area-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-100-area-chart/package.json b/samples/charts/data-chart/stacked-100-area-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/.eslintrc.js b/samples/charts/data-chart/stacked-100-bar-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-100-bar-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/package.json b/samples/charts/data-chart/stacked-100-bar-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-100-column-chart/.eslintrc.js b/samples/charts/data-chart/stacked-100-column-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-100-column-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-100-column-chart/package.json b/samples/charts/data-chart/stacked-100-column-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-100-line-chart/.eslintrc.js b/samples/charts/data-chart/stacked-100-line-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-100-line-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-100-line-chart/package.json b/samples/charts/data-chart/stacked-100-line-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/.eslintrc.js b/samples/charts/data-chart/stacked-100-spline-area-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/.eslintrc.js b/samples/charts/data-chart/stacked-100-spline-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-100-spline-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/package.json b/samples/charts/data-chart/stacked-100-spline-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-area-chart/.eslintrc.js b/samples/charts/data-chart/stacked-area-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-area-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-area-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-bar-chart/.eslintrc.js b/samples/charts/data-chart/stacked-bar-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-bar-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-bar-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index 8b4d23f476..74d3663286 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-chart-types/tsconfig.json b/samples/charts/data-chart/stacked-chart-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/stacked-chart-types/tsconfig.json
+++ b/samples/charts/data-chart/stacked-chart-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/stacked-column-chart/.eslintrc.js b/samples/charts/data-chart/stacked-column-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-column-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-column-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-line-chart/.eslintrc.js b/samples/charts/data-chart/stacked-line-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-line-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-line-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/.eslintrc.js b/samples/charts/data-chart/stacked-spline-area-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-spline-area-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/package.json b/samples/charts/data-chart/stacked-spline-area-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-spline-chart/.eslintrc.js b/samples/charts/data-chart/stacked-spline-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/stacked-spline-chart/.eslintrc.js
+++ b/samples/charts/data-chart/stacked-spline-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index 111bf070d4..b380521c7a 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/tooltip-template/tsconfig.json b/samples/charts/data-chart/tooltip-template/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/tooltip-template/tsconfig.json
+++ b/samples/charts/data-chart/tooltip-template/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/transition-event/.eslintrc.js b/samples/charts/data-chart/transition-event/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/transition-event/.eslintrc.js
+++ b/samples/charts/data-chart/transition-event/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-candlestick-series/package.json b/samples/charts/data-chart/type-financial-candlestick-series/package.json
index 752b97ac15..9b62643368 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-candlestick-series/tsconfig.json b/samples/charts/data-chart/type-financial-candlestick-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/tsconfig.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-financial-indicators-column/package.json b/samples/charts/data-chart/type-financial-indicators-column/package.json
index 3862bfa968..d6391cf2fe 100644
--- a/samples/charts/data-chart/type-financial-indicators-column/package.json
+++ b/samples/charts/data-chart/type-financial-indicators-column/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-indicators-column/tsconfig.json b/samples/charts/data-chart/type-financial-indicators-column/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-financial-indicators-column/tsconfig.json
+++ b/samples/charts/data-chart/type-financial-indicators-column/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-financial-indicators-line/package.json b/samples/charts/data-chart/type-financial-indicators-line/package.json
index 495492f448..0377044e13 100644
--- a/samples/charts/data-chart/type-financial-indicators-line/package.json
+++ b/samples/charts/data-chart/type-financial-indicators-line/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-indicators-line/tsconfig.json b/samples/charts/data-chart/type-financial-indicators-line/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-financial-indicators-line/tsconfig.json
+++ b/samples/charts/data-chart/type-financial-indicators-line/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-financial-ohlc-series/package.json b/samples/charts/data-chart/type-financial-ohlc-series/package.json
index 22951d0e3d..fab81b026b 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-ohlc-series/tsconfig.json b/samples/charts/data-chart/type-financial-ohlc-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/tsconfig.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index 8e7773cbed..d007dc7fec 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-overlays/tsconfig.json b/samples/charts/data-chart/type-financial-overlays/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-financial-overlays/tsconfig.json
+++ b/samples/charts/data-chart/type-financial-overlays/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index d2fd84bc17..834f2c1f3b 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-series/tsconfig.json b/samples/charts/data-chart/type-financial-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-financial-series/tsconfig.json
+++ b/samples/charts/data-chart/type-financial-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-range-area-series/package.json b/samples/charts/data-chart/type-range-area-series/package.json
index 8d0c8dd9ce..584fcaa312 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-range-area-series/tsconfig.json b/samples/charts/data-chart/type-range-area-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-range-area-series/tsconfig.json
+++ b/samples/charts/data-chart/type-range-area-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-range-column-series/package.json b/samples/charts/data-chart/type-range-column-series/package.json
index dbf4e9cb8a..172bf618db 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-range-column-series/tsconfig.json b/samples/charts/data-chart/type-range-column-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-range-column-series/tsconfig.json
+++ b/samples/charts/data-chart/type-range-column-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index 2ba30cc542..466e1ec9dd 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-range-series/tsconfig.json b/samples/charts/data-chart/type-range-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-range-series/tsconfig.json
+++ b/samples/charts/data-chart/type-range-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-scatter-area-series/package.json b/samples/charts/data-chart/type-scatter-area-series/package.json
index 406ad602f8..c05c5f1a00 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-area-series/tsconfig.json b/samples/charts/data-chart/type-scatter-area-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-scatter-area-series/tsconfig.json
+++ b/samples/charts/data-chart/type-scatter-area-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-scatter-bubble-series/package.json b/samples/charts/data-chart/type-scatter-bubble-series/package.json
index e3929cd0d5..00237d8f85 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-bubble-series/tsconfig.json b/samples/charts/data-chart/type-scatter-bubble-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/tsconfig.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-scatter-contour-series/package.json b/samples/charts/data-chart/type-scatter-contour-series/package.json
index ec7de4a521..c5c076dd39 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-contour-series/tsconfig.json b/samples/charts/data-chart/type-scatter-contour-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/tsconfig.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-scatter-hd-series/package.json b/samples/charts/data-chart/type-scatter-hd-series/package.json
index 521e2c59f2..433de1b5c9 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-hd-series/tsconfig.json b/samples/charts/data-chart/type-scatter-hd-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/tsconfig.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-scatter-polygon-series/package.json b/samples/charts/data-chart/type-scatter-polygon-series/package.json
index d6e01fce03..3f5e17c9c1 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-polygon-series/tsconfig.json b/samples/charts/data-chart/type-scatter-polygon-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/tsconfig.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-scatter-polyline-series/package.json b/samples/charts/data-chart/type-scatter-polyline-series/package.json
index 336cd2f6e7..0e67de7b06 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-polyline-series/tsconfig.json b/samples/charts/data-chart/type-scatter-polyline-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/tsconfig.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index 449fe26bda..5df948c390 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-series/tsconfig.json b/samples/charts/data-chart/type-scatter-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-scatter-series/tsconfig.json
+++ b/samples/charts/data-chart/type-scatter-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index 0b131e26a1..8f95c5108d 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-shape-series/tsconfig.json b/samples/charts/data-chart/type-shape-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/data-chart/type-shape-series/tsconfig.json
+++ b/samples/charts/data-chart/type-shape-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/data-chart/waterfall-chart/.eslintrc.js b/samples/charts/data-chart/waterfall-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-chart/waterfall-chart/.eslintrc.js
+++ b/samples/charts/data-chart/waterfall-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-pie-chart/animation/.eslintrc.js b/samples/charts/data-pie-chart/animation/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-pie-chart/animation/.eslintrc.js
+++ b/samples/charts/data-pie-chart/animation/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-pie-chart/highlight-filter/.eslintrc.js b/samples/charts/data-pie-chart/highlight-filter/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-pie-chart/highlight-filter/.eslintrc.js
+++ b/samples/charts/data-pie-chart/highlight-filter/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-pie-chart/highlight-filter/package.json
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-pie-chart/highlighting/.eslintrc.js b/samples/charts/data-pie-chart/highlighting/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-pie-chart/highlighting/.eslintrc.js
+++ b/samples/charts/data-pie-chart/highlighting/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-pie-chart/legend/.eslintrc.js b/samples/charts/data-pie-chart/legend/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-pie-chart/legend/.eslintrc.js
+++ b/samples/charts/data-pie-chart/legend/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-pie-chart/legend/package.json
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-pie-chart/others/.eslintrc.js b/samples/charts/data-pie-chart/others/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-pie-chart/others/.eslintrc.js
+++ b/samples/charts/data-pie-chart/others/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-pie-chart/overview/.eslintrc.js b/samples/charts/data-pie-chart/overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-pie-chart/overview/.eslintrc.js
+++ b/samples/charts/data-pie-chart/overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/data-pie-chart/overview/package.json
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-pie-chart/selection/.eslintrc.js b/samples/charts/data-pie-chart/selection/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/data-pie-chart/selection/.eslintrc.js
+++ b/samples/charts/data-pie-chart/selection/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/doughnut-chart/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index 44f8dcbc11..4e98a94939 100644
--- a/samples/charts/doughnut-chart/animation/package.json
+++ b/samples/charts/doughnut-chart/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/doughnut-chart/animation/tsconfig.json b/samples/charts/doughnut-chart/animation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/doughnut-chart/animation/tsconfig.json
+++ b/samples/charts/doughnut-chart/animation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index 193a1067df..0b774aafae 100644
--- a/samples/charts/doughnut-chart/explosion/package.json
+++ b/samples/charts/doughnut-chart/explosion/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/doughnut-chart/explosion/tsconfig.json b/samples/charts/doughnut-chart/explosion/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/doughnut-chart/explosion/tsconfig.json
+++ b/samples/charts/doughnut-chart/explosion/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/doughnut-chart/legend/.eslintrc.js b/samples/charts/doughnut-chart/legend/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/doughnut-chart/legend/.eslintrc.js
+++ b/samples/charts/doughnut-chart/legend/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/doughnut-chart/legend/package.json
+++ b/samples/charts/doughnut-chart/legend/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/doughnut-chart/overview/.eslintrc.js b/samples/charts/doughnut-chart/overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/doughnut-chart/overview/.eslintrc.js
+++ b/samples/charts/doughnut-chart/overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/doughnut-chart/rings/.eslintrc.js b/samples/charts/doughnut-chart/rings/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/doughnut-chart/rings/.eslintrc.js
+++ b/samples/charts/doughnut-chart/rings/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index cf11e6d481..7b059d9363 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/doughnut-chart/selection/tsconfig.json b/samples/charts/doughnut-chart/selection/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/doughnut-chart/selection/tsconfig.json
+++ b/samples/charts/doughnut-chart/selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index 5fd98a80d0..7a377d6180 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/annotations/tsconfig.json b/samples/charts/financial-chart/annotations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/annotations/tsconfig.json
+++ b/samples/charts/financial-chart/annotations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index 537e660fe8..ccaeac3622 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/axis-types/tsconfig.json b/samples/charts/financial-chart/axis-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/axis-types/tsconfig.json
+++ b/samples/charts/financial-chart/axis-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/.eslintrc.js b/samples/charts/financial-chart/data-legend-formatting-currency/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/.eslintrc.js
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/package.json b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/data-legend-styling-props/.eslintrc.js b/samples/charts/financial-chart/data-legend-styling-props/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/.eslintrc.js
+++ b/samples/charts/financial-chart/data-legend-styling-props/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/financial-chart/data-legend-styling-props/package.json b/samples/charts/financial-chart/data-legend-styling-props/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/package.json
+++ b/samples/charts/financial-chart/data-legend-styling-props/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/data-legend/.eslintrc.js b/samples/charts/financial-chart/data-legend/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/financial-chart/data-legend/.eslintrc.js
+++ b/samples/charts/financial-chart/data-legend/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/financial-chart/data-legend/package.json b/samples/charts/financial-chart/data-legend/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/financial-chart/data-legend/package.json
+++ b/samples/charts/financial-chart/data-legend/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/.eslintrc.js b/samples/charts/financial-chart/data-tooltip-formatting-currency/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/.eslintrc.js
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/.eslintrc.js b/samples/charts/financial-chart/data-tooltip-styling-props/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/.eslintrc.js
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/package.json b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/data-tooltip/.eslintrc.js b/samples/charts/financial-chart/data-tooltip/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/financial-chart/data-tooltip/.eslintrc.js
+++ b/samples/charts/financial-chart/data-tooltip/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/format-specifiers/.eslintrc.js b/samples/charts/financial-chart/format-specifiers/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/financial-chart/format-specifiers/.eslintrc.js
+++ b/samples/charts/financial-chart/format-specifiers/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index 2718267d5b..4fcd0bef08 100644
--- a/samples/charts/financial-chart/high-frequency/package.json
+++ b/samples/charts/financial-chart/high-frequency/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/high-frequency/tsconfig.json b/samples/charts/financial-chart/high-frequency/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/high-frequency/tsconfig.json
+++ b/samples/charts/financial-chart/high-frequency/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index 59eebd538a..3a8dd68e65 100644
--- a/samples/charts/financial-chart/high-volume/package.json
+++ b/samples/charts/financial-chart/high-volume/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/high-volume/tsconfig.json b/samples/charts/financial-chart/high-volume/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/high-volume/tsconfig.json
+++ b/samples/charts/financial-chart/high-volume/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index cee87a197e..05be44009b 100644
--- a/samples/charts/financial-chart/indicator-customization/package.json
+++ b/samples/charts/financial-chart/indicator-customization/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/indicator-customization/tsconfig.json b/samples/charts/financial-chart/indicator-customization/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/indicator-customization/tsconfig.json
+++ b/samples/charts/financial-chart/indicator-customization/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index d5570df7eb..c44edf6ccf 100644
--- a/samples/charts/financial-chart/indicator-types/package.json
+++ b/samples/charts/financial-chart/indicator-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/indicator-types/tsconfig.json b/samples/charts/financial-chart/indicator-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/indicator-types/tsconfig.json
+++ b/samples/charts/financial-chart/indicator-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index aa8f3afe6a..0ff815a3e6 100644
--- a/samples/charts/financial-chart/multiple-data/package.json
+++ b/samples/charts/financial-chart/multiple-data/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/multiple-data/tsconfig.json b/samples/charts/financial-chart/multiple-data/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/multiple-data/tsconfig.json
+++ b/samples/charts/financial-chart/multiple-data/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 92443cc699..860f5ec751 100644
--- a/samples/charts/financial-chart/overview/package.json
+++ b/samples/charts/financial-chart/overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/overview/tsconfig.json b/samples/charts/financial-chart/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/overview/tsconfig.json
+++ b/samples/charts/financial-chart/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index 9f3b5142b8..6fd7ae0b63 100644
--- a/samples/charts/financial-chart/panes/package.json
+++ b/samples/charts/financial-chart/panes/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/panes/tsconfig.json b/samples/charts/financial-chart/panes/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/panes/tsconfig.json
+++ b/samples/charts/financial-chart/panes/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index 89428cd4e6..b0935315c6 100644
--- a/samples/charts/financial-chart/performance/package.json
+++ b/samples/charts/financial-chart/performance/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/performance/tsconfig.json b/samples/charts/financial-chart/performance/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/performance/tsconfig.json
+++ b/samples/charts/financial-chart/performance/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/scrollbars/.eslintrc.js b/samples/charts/financial-chart/scrollbars/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/financial-chart/scrollbars/.eslintrc.js
+++ b/samples/charts/financial-chart/scrollbars/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/financial-chart/scrollbars/package.json
+++ b/samples/charts/financial-chart/scrollbars/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index eda5537118..17d97f67c1 100644
--- a/samples/charts/financial-chart/stock-index-chart/package.json
+++ b/samples/charts/financial-chart/stock-index-chart/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/stock-index-chart/tsconfig.json b/samples/charts/financial-chart/stock-index-chart/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/stock-index-chart/tsconfig.json
+++ b/samples/charts/financial-chart/stock-index-chart/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index 561adc3b00..8454ed2ced 100644
--- a/samples/charts/financial-chart/styling/package.json
+++ b/samples/charts/financial-chart/styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/styling/tsconfig.json b/samples/charts/financial-chart/styling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/styling/tsconfig.json
+++ b/samples/charts/financial-chart/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index 4cdc0fbe44..e5289e1de5 100644
--- a/samples/charts/financial-chart/titles/package.json
+++ b/samples/charts/financial-chart/titles/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/titles/tsconfig.json b/samples/charts/financial-chart/titles/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/titles/tsconfig.json
+++ b/samples/charts/financial-chart/titles/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index d37996a726..306a92d3c7 100644
--- a/samples/charts/financial-chart/tooltip-types/package.json
+++ b/samples/charts/financial-chart/tooltip-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/tooltip-types/tsconfig.json b/samples/charts/financial-chart/tooltip-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/tooltip-types/tsconfig.json
+++ b/samples/charts/financial-chart/tooltip-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index f1480e6ab4..c0afa9c82b 100644
--- a/samples/charts/financial-chart/trendlines/package.json
+++ b/samples/charts/financial-chart/trendlines/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/trendlines/tsconfig.json b/samples/charts/financial-chart/trendlines/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/trendlines/tsconfig.json
+++ b/samples/charts/financial-chart/trendlines/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index 5d065af981..5f28ba22c2 100644
--- a/samples/charts/financial-chart/volume-types/package.json
+++ b/samples/charts/financial-chart/volume-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/volume-types/tsconfig.json b/samples/charts/financial-chart/volume-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/financial-chart/volume-types/tsconfig.json
+++ b/samples/charts/financial-chart/volume-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index 8bfe05dafd..d75131344c 100644
--- a/samples/charts/pie-chart/animation/package.json
+++ b/samples/charts/pie-chart/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/animation/tsconfig.json b/samples/charts/pie-chart/animation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/pie-chart/animation/tsconfig.json
+++ b/samples/charts/pie-chart/animation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index 7511bc8fd0..25ac4dc6cd 100644
--- a/samples/charts/pie-chart/explosion/package.json
+++ b/samples/charts/pie-chart/explosion/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/explosion/tsconfig.json b/samples/charts/pie-chart/explosion/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/pie-chart/explosion/tsconfig.json
+++ b/samples/charts/pie-chart/explosion/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/pie-chart/legend/.eslintrc.js b/samples/charts/pie-chart/legend/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/pie-chart/legend/.eslintrc.js
+++ b/samples/charts/pie-chart/legend/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/pie-chart/legend/package.json
+++ b/samples/charts/pie-chart/legend/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/others/.eslintrc.js b/samples/charts/pie-chart/others/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/pie-chart/others/.eslintrc.js
+++ b/samples/charts/pie-chart/others/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/overview/.eslintrc.js b/samples/charts/pie-chart/overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/pie-chart/overview/.eslintrc.js
+++ b/samples/charts/pie-chart/overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index 807e280eca..fe2822b6c5 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/selection/tsconfig.json b/samples/charts/pie-chart/selection/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/pie-chart/selection/tsconfig.json
+++ b/samples/charts/pie-chart/selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/pie-chart/styling/.eslintrc.js b/samples/charts/pie-chart/styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/pie-chart/styling/.eslintrc.js
+++ b/samples/charts/pie-chart/styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/display-area/.eslintrc.js b/samples/charts/sparkline/display-area/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/sparkline/display-area/.eslintrc.js
+++ b/samples/charts/sparkline/display-area/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/display-column/.eslintrc.js b/samples/charts/sparkline/display-column/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/sparkline/display-column/.eslintrc.js
+++ b/samples/charts/sparkline/display-column/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/display-lines/.eslintrc.js b/samples/charts/sparkline/display-lines/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/sparkline/display-lines/.eslintrc.js
+++ b/samples/charts/sparkline/display-lines/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index 780ab32494..3d705d00f9 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/display-types/tsconfig.json b/samples/charts/sparkline/display-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/sparkline/display-types/tsconfig.json
+++ b/samples/charts/sparkline/display-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/sparkline/display-winloss/.eslintrc.js b/samples/charts/sparkline/display-winloss/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/sparkline/display-winloss/.eslintrc.js
+++ b/samples/charts/sparkline/display-winloss/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index 1d401d2102..5b692307ba 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/grid/tsconfig.json b/samples/charts/sparkline/grid/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/sparkline/grid/tsconfig.json
+++ b/samples/charts/sparkline/grid/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/sparkline/markers/.eslintrc.js b/samples/charts/sparkline/markers/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/sparkline/markers/.eslintrc.js
+++ b/samples/charts/sparkline/markers/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/normal-range/.eslintrc.js b/samples/charts/sparkline/normal-range/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/sparkline/normal-range/.eslintrc.js
+++ b/samples/charts/sparkline/normal-range/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/trendlines/.eslintrc.js b/samples/charts/sparkline/trendlines/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/sparkline/trendlines/.eslintrc.js
+++ b/samples/charts/sparkline/trendlines/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/unknown-values/.eslintrc.js b/samples/charts/sparkline/unknown-values/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/sparkline/unknown-values/.eslintrc.js
+++ b/samples/charts/sparkline/unknown-values/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/.eslintrc.js b/samples/charts/toolbar/actions-built-in-category-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/.eslintrc.js
+++ b/samples/charts/toolbar/actions-built-in-category-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/package.json b/samples/charts/toolbar/actions-built-in-category-chart/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/.eslintrc.js b/samples/charts/toolbar/actions-built-in-data-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/.eslintrc.js
+++ b/samples/charts/toolbar/actions-built-in-data-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/package.json b/samples/charts/toolbar/actions-built-in-data-chart/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/toolbar/color-editor-support/.eslintrc.js b/samples/charts/toolbar/color-editor-support/.eslintrc.js
new file mode 100644
index 0000000000..7168b71441
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/.eslintrc.js
@@ -0,0 +1,78 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/charts/toolbar/color-editor-support/ReadMe.md b/samples/charts/toolbar/color-editor-support/ReadMe.md
new file mode 100644
index 0000000000..53d94b0829
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Color Editor Support feature using [Toolbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/charts/toolbar/color-editor-support" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/charts/toolbar/color-editor-support?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/charts/toolbar/color-editor-support
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/charts/toolbar/color-editor-support/package.json b/samples/charts/toolbar/color-editor-support/package.json
new file mode 100644
index 0000000000..2c61ba3ce7
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
+    "igniteui-webcomponents": "5.1.2",
+    "lit-html": "^3.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/charts/toolbar/color-editor-support/public/index.html b/samples/charts/toolbar/color-editor-support/public/index.html
new file mode 100644
index 0000000000..e2d3265576
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/react.png" >
+    <link rel="stylesheet"    href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/charts/toolbar/color-editor-support/sandbox.config.json b/samples/charts/toolbar/color-editor-support/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/charts/toolbar/color-editor-support/src/CountryRenewableElectricity.ts b/samples/charts/toolbar/color-editor-support/src/CountryRenewableElectricity.ts
new file mode 100644
index 0000000000..b32970c46a
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/CountryRenewableElectricity.ts
@@ -0,0 +1,106 @@
+export class CountryRenewableElectricityItem {
+    public constructor(init: Partial<CountryRenewableElectricityItem>) {
+        Object.assign(this, init);
+    }
+
+    public year: string;
+    public europe: number;
+    public china: number;
+    public america: number;
+
+}
+export class CountryRenewableElectricity extends Array<CountryRenewableElectricityItem> {
+    public constructor(items: Array<CountryRenewableElectricityItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2009`,
+                    europe: 34,
+                    china: 21,
+                    america: 19
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2010`,
+                    europe: 43,
+                    china: 26,
+                    america: 24
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2011`,
+                    europe: 66,
+                    china: 29,
+                    america: 28
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2012`,
+                    europe: 69,
+                    china: 32,
+                    america: 26
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2013`,
+                    europe: 58,
+                    china: 47,
+                    america: 38
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2014`,
+                    europe: 40,
+                    china: 46,
+                    america: 31
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2015`,
+                    europe: 78,
+                    china: 50,
+                    america: 19
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2016`,
+                    europe: 13,
+                    china: 90,
+                    america: 52
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2017`,
+                    europe: 78,
+                    china: 132,
+                    america: 50
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2018`,
+                    europe: 40,
+                    china: 134,
+                    america: 34
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2018`,
+                    europe: 40,
+                    china: 134,
+                    america: 34
+                }),
+                new CountryRenewableElectricityItem(
+                {
+                    year: `2019`,
+                    europe: 80,
+                    china: 96,
+                    america: 38
+                }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}
diff --git a/samples/charts/toolbar/color-editor-support/src/index.css b/samples/charts/toolbar/color-editor-support/src/index.css
new file mode 100644
index 0000000000..ca19063f4f
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/index.css
@@ -0,0 +1,20 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
+.aboveContentSplit {
+    display: flex;
+    flex-direction: row;
+}
+.aboveContentLeftContainer {
+    margin-left: 1.25rem;
+    display: flex;
+    flex-grow: 1;
+    justify-content: flex-start;
+    align-items: flex-end;
+}
+.aboveContentRightContainer {
+    margin-right: 1.25rem;
+    display: flex;
+    flex-grow: 1;
+    justify-content: flex-end;
+    align-items: flex-end;
+}
diff --git a/samples/charts/toolbar/color-editor-support/src/index.tsx b/samples/charts/toolbar/color-editor-support/src/index.tsx
new file mode 100644
index 0000000000..59bad996b5
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/index.tsx
@@ -0,0 +1,130 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+
+import { IgrToolbarModule, IgrToolActionComboModule, IgrToolActionColorEditorModule } from 'igniteui-react-layouts';
+import { IgrDataChartToolbarModule, IgrDataLegendModule, IgrNumberAbbreviatorModule, IgrDataChartCategoryModule, IgrDataChartCoreModule, IgrDataChartAnnotationModule, IgrDataChartInteractivityModule } from 'igniteui-react-charts';
+import { IgrToolbar, IgrToolActionColorEditor } from 'igniteui-react-layouts';
+import { IgrDataChart, IgrCategoryXAxis, IgrNumericYAxis, IgrLineSeries } from 'igniteui-react-charts';
+import { CountryRenewableElectricityItem, CountryRenewableElectricity } from './CountryRenewableElectricity';
+import { IgrToolCommandEventArgs } from 'igniteui-react-layouts';
+import { IgrSeries } from 'igniteui-react-charts';
+
+const mods: any[] = [
+    IgrToolbarModule,
+    IgrToolActionComboModule,
+    IgrToolActionColorEditorModule,
+    IgrDataChartToolbarModule,
+    IgrDataLegendModule,
+    IgrNumberAbbreviatorModule,
+    IgrDataChartCategoryModule,
+    IgrDataChartCoreModule,
+    IgrDataChartCategoryModule,
+    IgrDataChartAnnotationModule,
+    IgrDataChartInteractivityModule,
+    IgrDataChartAnnotationModule
+];
+mods.forEach((m) => m.register());
+
+export default class Sample extends React.Component<any, any> {
+    private toolbar: IgrToolbar
+    private toolbarRef(r: IgrToolbar) {
+        this.toolbar = r;
+        this.setState({});
+    }
+    private colorEditorTool: IgrToolActionColorEditor
+    private chart: IgrDataChart
+    private chartRef(r: IgrDataChart) {
+        this.chart = r;
+        this.setState({});
+    }
+    private xAxis: IgrCategoryXAxis
+    private yAxis: IgrNumericYAxis
+    private lineSeries1: IgrLineSeries
+
+    constructor(props: any) {
+        super(props);
+
+        this.toolbarRef = this.toolbarRef.bind(this);
+        this.colorEditorToggleSeriesBrush = this.colorEditorToggleSeriesBrush.bind(this);
+        this.chartRef = this.chartRef.bind(this);
+    }
+
+    public render(): JSX.Element {
+        return (
+        <div className="container sample">
+
+            <div className="aboveContentSplit">
+                <div className="aboveContentLeftContainer">
+                    <div>
+                        <IgrToolbar
+                            ref={this.toolbarRef}
+                            target={this.chart}
+                            onCommand={this.colorEditorToggleSeriesBrush}>
+                            <IgrToolActionColorEditor
+                                title="Series Brush"
+                                name="colorEditorTool"
+                                commandId="ToggleSeriesBrush">
+                            </IgrToolActionColorEditor>
+                        </IgrToolbar>
+                    </div>
+                </div>
+            </div>
+
+            <div className="container fill">
+                <IgrDataChart
+                    isHorizontalZoomEnabled="true"
+                    ref={this.chartRef}>
+                    <IgrCategoryXAxis
+                        name="xAxis"
+                        dataSource={this.countryRenewableElectricity}
+                        label="year">
+                    </IgrCategoryXAxis>
+                    <IgrNumericYAxis
+                        name="yAxis"
+                        title="TWh"
+                        labelLocation="OutsideRight">
+                    </IgrNumericYAxis>
+                    <IgrLineSeries
+                        name="lineSeries1"
+                        title="Electricity"
+                        xAxisName="xAxis"
+                        yAxisName="yAxis"
+                        dataSource={this.countryRenewableElectricity}
+                        valueMemberPath="america"
+                        markerType="None">
+                    </IgrLineSeries>
+                </IgrDataChart>
+            </div>
+        </div>
+        );
+    }
+
+    private _countryRenewableElectricity: CountryRenewableElectricity = null;
+    public get countryRenewableElectricity(): CountryRenewableElectricity {
+        if (this._countryRenewableElectricity == null)
+        {
+            this._countryRenewableElectricity = new CountryRenewableElectricity();
+        }
+        return this._countryRenewableElectricity;
+    }
+
+
+    public colorEditorToggleSeriesBrush(sender: any, args: IgrToolCommandEventArgs): void {
+        var target = this.chart;
+
+    	switch (args.command.commandId)
+    	{
+            case "ToggleSeriesBrush":
+                var color = args.command.argumentsList[0].value
+                var series = target.contentSeries[0] as IgrSeries;
+                series.brush = color as any;
+            break;
+        }
+    }
+
+}
+
+// rendering above component in the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<Sample/>);
\ No newline at end of file
diff --git a/samples/charts/toolbar/color-editor-support/src/react-app-env.d.ts b/samples/charts/toolbar/color-editor-support/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/charts/toolbar/color-editor-support/tsconfig.json b/samples/charts/toolbar/color-editor-support/tsconfig.json
new file mode 100644
index 0000000000..42c6ace1da
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/charts/toolbar/custom-tool/.eslintrc.js b/samples/charts/toolbar/custom-tool/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/toolbar/custom-tool/.eslintrc.js
+++ b/samples/charts/toolbar/custom-tool/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/toolbar/custom-tool/package.json b/samples/charts/toolbar/custom-tool/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/toolbar/custom-tool/package.json
+++ b/samples/charts/toolbar/custom-tool/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/toolbar/custom-tool/src/index.tsx b/samples/charts/toolbar/custom-tool/src/index.tsx
index c96554abfb..7c65e6a1a7 100644
--- a/samples/charts/toolbar/custom-tool/src/index.tsx
+++ b/samples/charts/toolbar/custom-tool/src/index.tsx
@@ -28,6 +28,7 @@ export default class Sample extends React.Component<any, any> {
         this.toolbar = r;
         this.setState({});
     }
+    private customIconName: IgrToolActionLabel
     private chart: IgrCategoryChart
     private chartRef(r: IgrCategoryChart) {
         this.chart = r;
@@ -63,7 +64,8 @@ export default class Sample extends React.Component<any, any> {
                             <IgrToolActionLabel
                                 title="Custom Icon"
                                 iconName="CustomIcon"
-                                iconCollectionName="CustomCollection">
+                                iconCollectionName="CustomCollection"
+                                name="CustomIconName">
                             </IgrToolActionLabel>
                         </IgrToolbar>
                     </div>
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/.eslintrc.js b/samples/charts/toolbar/layout-actions-for-data-chart/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/.eslintrc.js
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/package.json b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/.eslintrc.js b/samples/charts/toolbar/layout-in-vertical-orientation/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/.eslintrc.js
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/package.json b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/package.json
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/toolbar/theming/.eslintrc.js b/samples/charts/toolbar/theming/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/toolbar/theming/.eslintrc.js
+++ b/samples/charts/toolbar/theming/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/tree-map/events/package.json b/samples/charts/tree-map/events/package.json
index 4d4c7da0f4..245360c383 100644
--- a/samples/charts/tree-map/events/package.json
+++ b/samples/charts/tree-map/events/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/tree-map/events/tsconfig.json b/samples/charts/tree-map/events/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/tree-map/events/tsconfig.json
+++ b/samples/charts/tree-map/events/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/charts/tree-map/highlighting-percent-based/.eslintrc.js b/samples/charts/tree-map/highlighting-percent-based/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/tree-map/highlighting-percent-based/.eslintrc.js
+++ b/samples/charts/tree-map/highlighting-percent-based/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/tree-map/highlighting-percent-based/package.json
+++ b/samples/charts/tree-map/highlighting-percent-based/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/tree-map/highlighting/.eslintrc.js b/samples/charts/tree-map/highlighting/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/tree-map/highlighting/.eslintrc.js
+++ b/samples/charts/tree-map/highlighting/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/tree-map/layout/.eslintrc.js b/samples/charts/tree-map/layout/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/tree-map/layout/.eslintrc.js
+++ b/samples/charts/tree-map/layout/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index cd68931e9c..2c61ba3ce7 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/tree-map/overview/.eslintrc.js b/samples/charts/tree-map/overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/tree-map/overview/.eslintrc.js
+++ b/samples/charts/tree-map/overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/tree-map/styling/.eslintrc.js b/samples/charts/tree-map/styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/charts/tree-map/styling/.eslintrc.js
+++ b/samples/charts/tree-map/styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index 7f9d164938..9df2f342ce 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index 401c40a487..1874643714 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/zoomslider/overview/tsconfig.json b/samples/charts/zoomslider/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/charts/zoomslider/overview/tsconfig.json
+++ b/samples/charts/zoomslider/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index 1ea6fe4eab..f475a95d0f 100644
--- a/samples/editors/multi-column-combobox/overview/package.json
+++ b/samples/editors/multi-column-combobox/overview/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/multi-column-combobox/overview/tsconfig.json b/samples/editors/multi-column-combobox/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/editors/multi-column-combobox/overview/tsconfig.json
+++ b/samples/editors/multi-column-combobox/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index 82d66cb953..54de539778 100644
--- a/samples/editors/x-date-picker/date-limits/package.json
+++ b/samples/editors/x-date-picker/date-limits/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/date-limits/tsconfig.json b/samples/editors/x-date-picker/date-limits/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/editors/x-date-picker/date-limits/tsconfig.json
+++ b/samples/editors/x-date-picker/date-limits/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index e5f36156dc..47e4f6cade 100644
--- a/samples/editors/x-date-picker/editing/package.json
+++ b/samples/editors/x-date-picker/editing/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/editing/tsconfig.json b/samples/editors/x-date-picker/editing/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/editors/x-date-picker/editing/tsconfig.json
+++ b/samples/editors/x-date-picker/editing/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index e5f36156dc..47e4f6cade 100644
--- a/samples/editors/x-date-picker/format/package.json
+++ b/samples/editors/x-date-picker/format/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/format/tsconfig.json b/samples/editors/x-date-picker/format/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/editors/x-date-picker/format/tsconfig.json
+++ b/samples/editors/x-date-picker/format/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index 4223c336bb..520c3c3362 100644
--- a/samples/editors/x-date-picker/overview/package.json
+++ b/samples/editors/x-date-picker/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/overview/tsconfig.json b/samples/editors/x-date-picker/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/editors/x-date-picker/overview/tsconfig.json
+++ b/samples/editors/x-date-picker/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index c0d29dca49..97e974c297 100644
--- a/samples/editors/x-date-picker/range/package.json
+++ b/samples/editors/x-date-picker/range/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/range/tsconfig.json b/samples/editors/x-date-picker/range/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/editors/x-date-picker/range/tsconfig.json
+++ b/samples/editors/x-date-picker/range/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index 1c4d4fb9c5..ea772a9556 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -14,11 +14,11 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/operations-on-workbooks/tsconfig.json b/samples/excel/excel-library/operations-on-workbooks/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/excel-library/operations-on-workbooks/tsconfig.json
+++ b/samples/excel/excel-library/operations-on-workbooks/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index 41a6cd49fb..ef3a406cf9 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/operations-on-worksheets/tsconfig.json b/samples/excel/excel-library/operations-on-worksheets/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/excel-library/operations-on-worksheets/tsconfig.json
+++ b/samples/excel/excel-library/operations-on-worksheets/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index 19b6f0a0ef..33edfb5cd8 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/overview/tsconfig.json b/samples/excel/excel-library/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/excel-library/overview/tsconfig.json
+++ b/samples/excel/excel-library/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index e9456882e1..252b6db325 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/working-with-cells/tsconfig.json b/samples/excel/excel-library/working-with-cells/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/excel-library/working-with-cells/tsconfig.json
+++ b/samples/excel/excel-library/working-with-cells/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index 8e08560966..882f0458de 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -14,12 +14,12 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/working-with-charts/tsconfig.json b/samples/excel/excel-library/working-with-charts/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/excel-library/working-with-charts/tsconfig.json
+++ b/samples/excel/excel-library/working-with-charts/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index 560f99695a..8db0fb2328 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -14,12 +14,12 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/working-with-sparklines/tsconfig.json b/samples/excel/excel-library/working-with-sparklines/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/excel-library/working-with-sparklines/tsconfig.json
+++ b/samples/excel/excel-library/working-with-sparklines/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index 104bc3bc15..37a0be1312 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/activation/tsconfig.json b/samples/excel/spreadsheet/activation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/activation/tsconfig.json
+++ b/samples/excel/spreadsheet/activation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index cc39737986..6ca4286462 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -14,11 +14,11 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
-    "igniteui-react-spreadsheet-chart-adapter": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
+    "igniteui-react-spreadsheet-chart-adapter": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/adapter-chart/tsconfig.json b/samples/excel/spreadsheet/adapter-chart/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/adapter-chart/tsconfig.json
+++ b/samples/excel/spreadsheet/adapter-chart/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index dcec3c31a3..d4f0578ea1 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
-    "igniteui-react-spreadsheet-chart-adapter": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
+    "igniteui-react-spreadsheet-chart-adapter": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/adapter-combo/tsconfig.json b/samples/excel/spreadsheet/adapter-combo/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/adapter-combo/tsconfig.json
+++ b/samples/excel/spreadsheet/adapter-combo/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index 3e34e94ecc..9515fed6a3 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/clipboard/tsconfig.json b/samples/excel/spreadsheet/clipboard/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/clipboard/tsconfig.json
+++ b/samples/excel/spreadsheet/clipboard/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index 6261e6d516..0065fff6ae 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/commands/tsconfig.json b/samples/excel/spreadsheet/commands/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/commands/tsconfig.json
+++ b/samples/excel/spreadsheet/commands/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index e22887b361..23012f2dc4 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/conditional-formatting/tsconfig.json b/samples/excel/spreadsheet/conditional-formatting/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/conditional-formatting/tsconfig.json
+++ b/samples/excel/spreadsheet/conditional-formatting/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index 6ccaf28b27..70b8f065e9 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/config-options/tsconfig.json b/samples/excel/spreadsheet/config-options/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/config-options/tsconfig.json
+++ b/samples/excel/spreadsheet/config-options/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index 556e3640a9..c2de0179aa 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/data-validation/tsconfig.json b/samples/excel/spreadsheet/data-validation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/data-validation/tsconfig.json
+++ b/samples/excel/spreadsheet/data-validation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 0461382283..2dd772daed 100644
--- a/samples/excel/spreadsheet/filter-dialog/package.json
+++ b/samples/excel/spreadsheet/filter-dialog/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/filter-dialog/tsconfig.json b/samples/excel/spreadsheet/filter-dialog/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/filter-dialog/tsconfig.json
+++ b/samples/excel/spreadsheet/filter-dialog/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index ceb1ecc86f..b2f113fbac 100644
--- a/samples/excel/spreadsheet/format-dialog/package.json
+++ b/samples/excel/spreadsheet/format-dialog/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/format-dialog/tsconfig.json b/samples/excel/spreadsheet/format-dialog/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/format-dialog/tsconfig.json
+++ b/samples/excel/spreadsheet/format-dialog/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index 424dbc0773..8a9934c786 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/hyperlinks/tsconfig.json b/samples/excel/spreadsheet/hyperlinks/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/hyperlinks/tsconfig.json
+++ b/samples/excel/spreadsheet/hyperlinks/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index 9a73997d19..055904721e 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/overview/tsconfig.json b/samples/excel/spreadsheet/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/overview/tsconfig.json
+++ b/samples/excel/spreadsheet/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index 55317fe575..2dc8001949 100644
--- a/samples/excel/spreadsheet/sort-dialog/package.json
+++ b/samples/excel/spreadsheet/sort-dialog/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/sort-dialog/tsconfig.json b/samples/excel/spreadsheet/sort-dialog/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/excel/spreadsheet/sort-dialog/tsconfig.json
+++ b/samples/excel/spreadsheet/sort-dialog/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index fbe080493b..408c96fbf4 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/animation/tsconfig.json b/samples/gauges/bullet-graph/animation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/animation/tsconfig.json
+++ b/samples/gauges/bullet-graph/animation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index 2df5fe5ff3..608ffb1032 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/background/tsconfig.json b/samples/gauges/bullet-graph/background/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/background/tsconfig.json
+++ b/samples/gauges/bullet-graph/background/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index 7f48dc3f24..8c12518cfb 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/highlight-needle/tsconfig.json b/samples/gauges/bullet-graph/highlight-needle/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/highlight-needle/tsconfig.json
+++ b/samples/gauges/bullet-graph/highlight-needle/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index 9483219064..8cf2ea3c36 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/labels/tsconfig.json b/samples/gauges/bullet-graph/labels/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/labels/tsconfig.json
+++ b/samples/gauges/bullet-graph/labels/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index 835918ffd3..97fda25edf 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/measures/tsconfig.json b/samples/gauges/bullet-graph/measures/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/measures/tsconfig.json
+++ b/samples/gauges/bullet-graph/measures/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index 0f6483a780..8b36c1c066 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/ranges/tsconfig.json b/samples/gauges/bullet-graph/ranges/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/ranges/tsconfig.json
+++ b/samples/gauges/bullet-graph/ranges/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index 05a9287ad6..e99d6c517a 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/scale/tsconfig.json b/samples/gauges/bullet-graph/scale/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/scale/tsconfig.json
+++ b/samples/gauges/bullet-graph/scale/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index 891c15bf93..30ec227b12 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/tickmarks/tsconfig.json b/samples/gauges/bullet-graph/tickmarks/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/tickmarks/tsconfig.json
+++ b/samples/gauges/bullet-graph/tickmarks/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index bfbb28eb45..b340cae631 100644
--- a/samples/gauges/bullet-graph/type-filled/package.json
+++ b/samples/gauges/bullet-graph/type-filled/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-filled/tsconfig.json b/samples/gauges/bullet-graph/type-filled/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/type-filled/tsconfig.json
+++ b/samples/gauges/bullet-graph/type-filled/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index 7a3d90cb66..1b0d501cf0 100644
--- a/samples/gauges/bullet-graph/type-horizontal/package.json
+++ b/samples/gauges/bullet-graph/type-horizontal/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-horizontal/tsconfig.json b/samples/gauges/bullet-graph/type-horizontal/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/type-horizontal/tsconfig.json
+++ b/samples/gauges/bullet-graph/type-horizontal/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index f5444c85e4..7429ba3757 100644
--- a/samples/gauges/bullet-graph/type-reversed/package.json
+++ b/samples/gauges/bullet-graph/type-reversed/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-reversed/tsconfig.json b/samples/gauges/bullet-graph/type-reversed/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/type-reversed/tsconfig.json
+++ b/samples/gauges/bullet-graph/type-reversed/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index ca5e00f5c9..8222058995 100644
--- a/samples/gauges/bullet-graph/type-segmented/package.json
+++ b/samples/gauges/bullet-graph/type-segmented/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-segmented/tsconfig.json b/samples/gauges/bullet-graph/type-segmented/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/type-segmented/tsconfig.json
+++ b/samples/gauges/bullet-graph/type-segmented/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index c8873471d7..f4a831afed 100644
--- a/samples/gauges/bullet-graph/type-vertical/package.json
+++ b/samples/gauges/bullet-graph/type-vertical/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-vertical/tsconfig.json b/samples/gauges/bullet-graph/type-vertical/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/bullet-graph/type-vertical/tsconfig.json
+++ b/samples/gauges/bullet-graph/type-vertical/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index 45578d2b98..f1a5a9ec3b 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/animation/tsconfig.json b/samples/gauges/linear-gauge/animation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/animation/tsconfig.json
+++ b/samples/gauges/linear-gauge/animation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index 958b0e2f33..e4c9918b86 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/backing/tsconfig.json b/samples/gauges/linear-gauge/backing/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/backing/tsconfig.json
+++ b/samples/gauges/linear-gauge/backing/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index fb87ff3130..16c19df2d1 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/highlight-needle/tsconfig.json b/samples/gauges/linear-gauge/highlight-needle/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/highlight-needle/tsconfig.json
+++ b/samples/gauges/linear-gauge/highlight-needle/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index 0eaf004d7c..ba0c0ada00 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/labels/tsconfig.json b/samples/gauges/linear-gauge/labels/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/labels/tsconfig.json
+++ b/samples/gauges/linear-gauge/labels/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 26d7429dd9..dc98587299 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/needle/tsconfig.json b/samples/gauges/linear-gauge/needle/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/needle/tsconfig.json
+++ b/samples/gauges/linear-gauge/needle/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index 2914da6170..dce8402016 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/ranges/tsconfig.json b/samples/gauges/linear-gauge/ranges/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/ranges/tsconfig.json
+++ b/samples/gauges/linear-gauge/ranges/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index 393943119c..66e7009785 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/scale/tsconfig.json b/samples/gauges/linear-gauge/scale/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/scale/tsconfig.json
+++ b/samples/gauges/linear-gauge/scale/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index 5165e446de..3ef60565e5 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/tickmarks/tsconfig.json b/samples/gauges/linear-gauge/tickmarks/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/tickmarks/tsconfig.json
+++ b/samples/gauges/linear-gauge/tickmarks/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index 9779898f3d..b7afe268d0 100644
--- a/samples/gauges/linear-gauge/type-curved/package.json
+++ b/samples/gauges/linear-gauge/type-curved/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-curved/tsconfig.json b/samples/gauges/linear-gauge/type-curved/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/type-curved/tsconfig.json
+++ b/samples/gauges/linear-gauge/type-curved/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index 8c882873ba..de16ced6ad 100644
--- a/samples/gauges/linear-gauge/type-filled/package.json
+++ b/samples/gauges/linear-gauge/type-filled/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-filled/tsconfig.json b/samples/gauges/linear-gauge/type-filled/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/type-filled/tsconfig.json
+++ b/samples/gauges/linear-gauge/type-filled/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index 99f1dd36af..432c0685ef 100644
--- a/samples/gauges/linear-gauge/type-horizontal/package.json
+++ b/samples/gauges/linear-gauge/type-horizontal/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-horizontal/tsconfig.json b/samples/gauges/linear-gauge/type-horizontal/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/type-horizontal/tsconfig.json
+++ b/samples/gauges/linear-gauge/type-horizontal/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index 03211de8ec..11f4037e16 100644
--- a/samples/gauges/linear-gauge/type-multi-range/package.json
+++ b/samples/gauges/linear-gauge/type-multi-range/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-multi-range/tsconfig.json b/samples/gauges/linear-gauge/type-multi-range/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/type-multi-range/tsconfig.json
+++ b/samples/gauges/linear-gauge/type-multi-range/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index e4028f4606..7dc73e1269 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/package.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-multi-scale/tsconfig.json b/samples/gauges/linear-gauge/type-multi-scale/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/tsconfig.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index 4a777a540e..b51a77f83b 100644
--- a/samples/gauges/linear-gauge/type-segmented/package.json
+++ b/samples/gauges/linear-gauge/type-segmented/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-segmented/tsconfig.json b/samples/gauges/linear-gauge/type-segmented/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/type-segmented/tsconfig.json
+++ b/samples/gauges/linear-gauge/type-segmented/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index e276a7c544..ff57cd3a7e 100644
--- a/samples/gauges/linear-gauge/type-vertical/package.json
+++ b/samples/gauges/linear-gauge/type-vertical/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-vertical/tsconfig.json b/samples/gauges/linear-gauge/type-vertical/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/linear-gauge/type-vertical/tsconfig.json
+++ b/samples/gauges/linear-gauge/type-vertical/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index 909141c41a..245f3cfcd0 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/animation/tsconfig.json b/samples/gauges/radial-gauge/animation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/animation/tsconfig.json
+++ b/samples/gauges/radial-gauge/animation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index 1c1dbf0bab..b7215d114f 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/backing/tsconfig.json b/samples/gauges/radial-gauge/backing/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/backing/tsconfig.json
+++ b/samples/gauges/radial-gauge/backing/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 567dd03da4..015574aa39 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/highlight-needle/tsconfig.json b/samples/gauges/radial-gauge/highlight-needle/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/highlight-needle/tsconfig.json
+++ b/samples/gauges/radial-gauge/highlight-needle/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index a8a510da94..0efb8334c3 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/labels/tsconfig.json b/samples/gauges/radial-gauge/labels/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/labels/tsconfig.json
+++ b/samples/gauges/radial-gauge/labels/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index c798473717..6e9b6952f7 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/needle/tsconfig.json b/samples/gauges/radial-gauge/needle/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/needle/tsconfig.json
+++ b/samples/gauges/radial-gauge/needle/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index a8a510da94..0efb8334c3 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/optical-scaling/tsconfig.json b/samples/gauges/radial-gauge/optical-scaling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/optical-scaling/tsconfig.json
+++ b/samples/gauges/radial-gauge/optical-scaling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index 909506c489..3f6d22f455 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/ranges/tsconfig.json b/samples/gauges/radial-gauge/ranges/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/ranges/tsconfig.json
+++ b/samples/gauges/radial-gauge/ranges/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index 23c424594a..87d7142d98 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/scale/tsconfig.json b/samples/gauges/radial-gauge/scale/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/scale/tsconfig.json
+++ b/samples/gauges/radial-gauge/scale/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index 9d1e5ef68a..229af8f3d7 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/tickmarks/tsconfig.json b/samples/gauges/radial-gauge/tickmarks/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/tickmarks/tsconfig.json
+++ b/samples/gauges/radial-gauge/tickmarks/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index ca85cb945e..6b67f05716 100644
--- a/samples/gauges/radial-gauge/type-column/package.json
+++ b/samples/gauges/radial-gauge/type-column/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-column/tsconfig.json b/samples/gauges/radial-gauge/type-column/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/type-column/tsconfig.json
+++ b/samples/gauges/radial-gauge/type-column/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index 793d82e8da..88870124dd 100644
--- a/samples/gauges/radial-gauge/type-curved/package.json
+++ b/samples/gauges/radial-gauge/type-curved/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-curved/tsconfig.json b/samples/gauges/radial-gauge/type-curved/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/type-curved/tsconfig.json
+++ b/samples/gauges/radial-gauge/type-curved/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index ea9486c2d5..2be0213074 100644
--- a/samples/gauges/radial-gauge/type-direction/package.json
+++ b/samples/gauges/radial-gauge/type-direction/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-direction/tsconfig.json b/samples/gauges/radial-gauge/type-direction/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/type-direction/tsconfig.json
+++ b/samples/gauges/radial-gauge/type-direction/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index fe490b55e1..af365ee872 100644
--- a/samples/gauges/radial-gauge/type-full/package.json
+++ b/samples/gauges/radial-gauge/type-full/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-full/tsconfig.json b/samples/gauges/radial-gauge/type-full/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/type-full/tsconfig.json
+++ b/samples/gauges/radial-gauge/type-full/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index 59d7e9cdc0..3c77ef46f5 100644
--- a/samples/gauges/radial-gauge/type-half/package.json
+++ b/samples/gauges/radial-gauge/type-half/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-half/tsconfig.json b/samples/gauges/radial-gauge/type-half/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/type-half/tsconfig.json
+++ b/samples/gauges/radial-gauge/type-half/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index 230ef96f38..bf39b219d4 100644
--- a/samples/gauges/radial-gauge/type-quatre/package.json
+++ b/samples/gauges/radial-gauge/type-quatre/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-quatre/tsconfig.json b/samples/gauges/radial-gauge/type-quatre/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/type-quatre/tsconfig.json
+++ b/samples/gauges/radial-gauge/type-quatre/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index 35861ec0a6..75b6389084 100644
--- a/samples/gauges/radial-gauge/type-ring/package.json
+++ b/samples/gauges/radial-gauge/type-ring/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-ring/tsconfig.json b/samples/gauges/radial-gauge/type-ring/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/type-ring/tsconfig.json
+++ b/samples/gauges/radial-gauge/type-ring/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index 1e7c02b82d..3ebef93d6c 100644
--- a/samples/gauges/radial-gauge/type-segmented/package.json
+++ b/samples/gauges/radial-gauge/type-segmented/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-segmented/tsconfig.json b/samples/gauges/radial-gauge/type-segmented/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/type-segmented/tsconfig.json
+++ b/samples/gauges/radial-gauge/type-segmented/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index 8836917f7a..aa46cbc520 100644
--- a/samples/gauges/radial-gauge/type-semi/package.json
+++ b/samples/gauges/radial-gauge/type-semi/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-semi/tsconfig.json b/samples/gauges/radial-gauge/type-semi/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/gauges/radial-gauge/type-semi/tsconfig.json
+++ b/samples/gauges/radial-gauge/type-semi/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index da03aca8c3..9d72fe4971 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/accessibility/tsconfig.json b/samples/grids/data-grid/accessibility/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/accessibility/tsconfig.json
+++ b/samples/grids/data-grid/accessibility/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index 4411b92b99..8434e8f171 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/binding-data-service/tsconfig.json b/samples/grids/data-grid/binding-data-service/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/binding-data-service/tsconfig.json
+++ b/samples/grids/data-grid/binding-data-service/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index ac9a569041..8c4c751326 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -13,12 +13,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/binding-live-data/tsconfig.json b/samples/grids/data-grid/binding-live-data/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/binding-live-data/tsconfig.json
+++ b/samples/grids/data-grid/binding-live-data/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index 4f5cb27c15..21d8362a2b 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/binding-local-data/tsconfig.json b/samples/grids/data-grid/binding-local-data/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/binding-local-data/tsconfig.json
+++ b/samples/grids/data-grid/binding-local-data/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index eb19954a25..aea18eb221 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/binding-remote-data/tsconfig.json b/samples/grids/data-grid/binding-remote-data/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/binding-remote-data/tsconfig.json
+++ b/samples/grids/data-grid/binding-remote-data/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index 9d30cf1e3e..5f710a8c55 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/cell-activation/tsconfig.json b/samples/grids/data-grid/cell-activation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/cell-activation/tsconfig.json
+++ b/samples/grids/data-grid/cell-activation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index 1b6e224259..9ab74970de 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-editing/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/cell-editing/tsconfig.json b/samples/grids/data-grid/cell-editing/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/cell-editing/tsconfig.json
+++ b/samples/grids/data-grid/cell-editing/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index 8d1c214348..a9c5409f78 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/cell-merging/tsconfig.json b/samples/grids/data-grid/cell-merging/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/cell-merging/tsconfig.json
+++ b/samples/grids/data-grid/cell-merging/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index 674b5e99d4..316bd14f98 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/cell-selection/tsconfig.json b/samples/grids/data-grid/cell-selection/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/cell-selection/tsconfig.json
+++ b/samples/grids/data-grid/cell-selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index 7e76ce9b24..af5329358f 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-animation/tsconfig.json b/samples/grids/data-grid/column-animation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-animation/tsconfig.json
+++ b/samples/grids/data-grid/column-animation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index 855f1ce963..45b943969a 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-chooser-picker/tsconfig.json b/samples/grids/data-grid/column-chooser-picker/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-chooser-picker/tsconfig.json
+++ b/samples/grids/data-grid/column-chooser-picker/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index 5baf82589c..1c28808e9b 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-chooser-toolbar/tsconfig.json b/samples/grids/data-grid/column-chooser-toolbar/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/tsconfig.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index eadab20d2b..0c2220aa30 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-filter-expressions/tsconfig.json b/samples/grids/data-grid/column-filter-expressions/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-filter-expressions/tsconfig.json
+++ b/samples/grids/data-grid/column-filter-expressions/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index 70fd99c422..0d8d88ca66 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-filter-operands/tsconfig.json b/samples/grids/data-grid/column-filter-operands/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-filter-operands/tsconfig.json
+++ b/samples/grids/data-grid/column-filter-operands/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index d1fd57a1a1..104f13aec8 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-filtering/tsconfig.json b/samples/grids/data-grid/column-filtering/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-filtering/tsconfig.json
+++ b/samples/grids/data-grid/column-filtering/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index 85d5336dd3..7be2daebbe 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-moving/tsconfig.json b/samples/grids/data-grid/column-moving/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-moving/tsconfig.json
+++ b/samples/grids/data-grid/column-moving/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index a80d8916f7..396b505d40 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-options/tsconfig.json b/samples/grids/data-grid/column-options/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-options/tsconfig.json
+++ b/samples/grids/data-grid/column-options/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index 3dc482aa2b..b7e9fec5b8 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-pinning-picker/tsconfig.json b/samples/grids/data-grid/column-pinning-picker/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-pinning-picker/tsconfig.json
+++ b/samples/grids/data-grid/column-pinning-picker/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index d330aac1a3..a991d71f39 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-pinning-toolbar/tsconfig.json b/samples/grids/data-grid/column-pinning-toolbar/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/tsconfig.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index 8f09a55c61..2301dc772e 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-resizing/tsconfig.json b/samples/grids/data-grid/column-resizing/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-resizing/tsconfig.json
+++ b/samples/grids/data-grid/column-resizing/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index affa812061..c89a3ef492 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-scrolling/tsconfig.json b/samples/grids/data-grid/column-scrolling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-scrolling/tsconfig.json
+++ b/samples/grids/data-grid/column-scrolling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index 50344c867a..5eb7151754 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-sorting/tsconfig.json b/samples/grids/data-grid/column-sorting/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-sorting/tsconfig.json
+++ b/samples/grids/data-grid/column-sorting/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index 43f56f8dba..daa165af86 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-summaries/tsconfig.json b/samples/grids/data-grid/column-summaries/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-summaries/tsconfig.json
+++ b/samples/grids/data-grid/column-summaries/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index cfc2a630fd..10563740e2 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-types/tsconfig.json b/samples/grids/data-grid/column-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/column-types/tsconfig.json
+++ b/samples/grids/data-grid/column-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index 41a7192ee9..9feb8fdeb5 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -13,12 +13,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/load-save-layout/tsconfig.json b/samples/grids/data-grid/load-save-layout/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/load-save-layout/tsconfig.json
+++ b/samples/grids/data-grid/load-save-layout/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index 4ede16d2a2..5c99b4df4f 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/localization/tsconfig.json b/samples/grids/data-grid/localization/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/localization/tsconfig.json
+++ b/samples/grids/data-grid/localization/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index a826f3b066..4bcd197c04 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/overview/tsconfig.json b/samples/grids/data-grid/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/overview/tsconfig.json
+++ b/samples/grids/data-grid/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index 17c37676fd..31642e4328 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/pager/tsconfig.json b/samples/grids/data-grid/pager/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/pager/tsconfig.json
+++ b/samples/grids/data-grid/pager/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index 0903affeb6..2fe0cd2a09 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/performance/tsconfig.json b/samples/grids/data-grid/performance/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/performance/tsconfig.json
+++ b/samples/grids/data-grid/performance/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index b67fa1deb3..729980e82c 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-group-descriptions/tsconfig.json b/samples/grids/data-grid/row-group-descriptions/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/row-group-descriptions/tsconfig.json
+++ b/samples/grids/data-grid/row-group-descriptions/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index b67fa1deb3..729980e82c 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-grouping/tsconfig.json b/samples/grids/data-grid/row-grouping/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/row-grouping/tsconfig.json
+++ b/samples/grids/data-grid/row-grouping/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index 518664c135..3010055a2b 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-highlighting/tsconfig.json b/samples/grids/data-grid/row-highlighting/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/row-highlighting/tsconfig.json
+++ b/samples/grids/data-grid/row-highlighting/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index 383339a373..ecd2a6e3c5 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-paging/tsconfig.json b/samples/grids/data-grid/row-paging/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/row-paging/tsconfig.json
+++ b/samples/grids/data-grid/row-paging/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index 6c625a0d0f..f5cc531c8f 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-pinning/tsconfig.json b/samples/grids/data-grid/row-pinning/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/row-pinning/tsconfig.json
+++ b/samples/grids/data-grid/row-pinning/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index c7bbe52557..3f09dd783c 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-selection/tsconfig.json b/samples/grids/data-grid/row-selection/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/row-selection/tsconfig.json
+++ b/samples/grids/data-grid/row-selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index f2e2482aed..1db48a8a8e 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-comparison-table/tsconfig.json b/samples/grids/data-grid/type-comparison-table/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/type-comparison-table/tsconfig.json
+++ b/samples/grids/data-grid/type-comparison-table/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index 612e8ac9a7..6f3b74320d 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-heatmap-table/tsconfig.json b/samples/grids/data-grid/type-heatmap-table/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/type-heatmap-table/tsconfig.json
+++ b/samples/grids/data-grid/type-heatmap-table/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index 32e24782ff..56e158fc83 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-marketing-table/tsconfig.json b/samples/grids/data-grid/type-marketing-table/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/type-marketing-table/tsconfig.json
+++ b/samples/grids/data-grid/type-marketing-table/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index 4c7815f05b..faf8673d1c 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-matrix-table/tsconfig.json b/samples/grids/data-grid/type-matrix-table/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/type-matrix-table/tsconfig.json
+++ b/samples/grids/data-grid/type-matrix-table/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index 39ba40dcc8..85e3224901 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-periodic-table/tsconfig.json b/samples/grids/data-grid/type-periodic-table/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/data-grid/type-periodic-table/tsconfig.json
+++ b/samples/grids/data-grid/type-periodic-table/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/action-strip/.eslintrc.js b/samples/grids/grid/action-strip/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/action-strip/.eslintrc.js
+++ b/samples/grids/grid/action-strip/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/action-strip/package.json
+++ b/samples/grids/grid/action-strip/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/advanced-filtering-options/.eslintrc.js b/samples/grids/grid/advanced-filtering-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/advanced-filtering-options/.eslintrc.js
+++ b/samples/grids/grid/advanced-filtering-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/advanced-filtering-options/package.json
+++ b/samples/grids/grid/advanced-filtering-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/advanced-filtering-style/.eslintrc.js b/samples/grids/grid/advanced-filtering-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/advanced-filtering-style/.eslintrc.js
+++ b/samples/grids/grid/advanced-filtering-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/advanced-filtering-style/package.json
+++ b/samples/grids/grid/advanced-filtering-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/binding-composite-data/.eslintrc.js b/samples/grids/grid/binding-composite-data/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/binding-composite-data/.eslintrc.js
+++ b/samples/grids/grid/binding-composite-data/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/binding-crud-data/.eslintrc.js b/samples/grids/grid/binding-crud-data/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/binding-crud-data/.eslintrc.js
+++ b/samples/grids/grid/binding-crud-data/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/binding-crud-data/package.json
+++ b/samples/grids/grid/binding-crud-data/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/binding-nested-data-1/.eslintrc.js b/samples/grids/grid/binding-nested-data-1/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/binding-nested-data-1/.eslintrc.js
+++ b/samples/grids/grid/binding-nested-data-1/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/cascading-combo/.eslintrc.js b/samples/grids/grid/cascading-combo/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/cascading-combo/.eslintrc.js
+++ b/samples/grids/grid/cascading-combo/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/cell-editing-sample/.eslintrc.js b/samples/grids/grid/cell-editing-sample/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/cell-editing-sample/.eslintrc.js
+++ b/samples/grids/grid/cell-editing-sample/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/cell-editing-styling/.eslintrc.js b/samples/grids/grid/cell-editing-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/cell-editing-styling/.eslintrc.js
+++ b/samples/grids/grid/cell-editing-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/cell-editing-styling/package.json
+++ b/samples/grids/grid/cell-editing-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/cell-selection-mode/.eslintrc.js b/samples/grids/grid/cell-selection-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/cell-selection-mode/.eslintrc.js
+++ b/samples/grids/grid/cell-selection-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/cell-selection-style/.eslintrc.js b/samples/grids/grid/cell-selection-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/cell-selection-style/.eslintrc.js
+++ b/samples/grids/grid/cell-selection-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/cell-selection-style/package.json
+++ b/samples/grids/grid/cell-selection-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/change-icons-custom/tsconfig.json b/samples/grids/grid/change-icons-custom/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/change-icons-custom/tsconfig.json
+++ b/samples/grids/grid/change-icons-custom/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/clipboard-operations/tsconfig.json b/samples/grids/grid/clipboard-operations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/clipboard-operations/tsconfig.json
+++ b/samples/grids/grid/clipboard-operations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/column-auto-sizing/.eslintrc.js b/samples/grids/grid/column-auto-sizing/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-auto-sizing/.eslintrc.js
+++ b/samples/grids/grid/column-auto-sizing/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-auto-sizing/package.json
+++ b/samples/grids/grid/column-auto-sizing/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-collapsible-groups/.eslintrc.js b/samples/grids/grid/column-collapsible-groups/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-collapsible-groups/.eslintrc.js
+++ b/samples/grids/grid/column-collapsible-groups/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-collapsible-groups/package.json
+++ b/samples/grids/grid/column-collapsible-groups/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-data-types/.eslintrc.js b/samples/grids/grid/column-data-types/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-data-types/.eslintrc.js
+++ b/samples/grids/grid/column-data-types/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-data-types/package.json
+++ b/samples/grids/grid/column-data-types/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-hiding-options/.eslintrc.js b/samples/grids/grid/column-hiding-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-hiding-options/.eslintrc.js
+++ b/samples/grids/grid/column-hiding-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-hiding-options/package.json
+++ b/samples/grids/grid/column-hiding-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-hiding-toolbar-style/.eslintrc.js b/samples/grids/grid/column-hiding-toolbar-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/.eslintrc.js
+++ b/samples/grids/grid/column-hiding-toolbar-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/grid/column-hiding-toolbar-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-hiding-toolbar/.eslintrc.js b/samples/grids/grid/column-hiding-toolbar/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-hiding-toolbar/.eslintrc.js
+++ b/samples/grids/grid/column-hiding-toolbar/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-hiding-toolbar/package.json
+++ b/samples/grids/grid/column-hiding-toolbar/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-moving-options/.eslintrc.js b/samples/grids/grid/column-moving-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-moving-options/.eslintrc.js
+++ b/samples/grids/grid/column-moving-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-moving-styles/.eslintrc.js b/samples/grids/grid/column-moving-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-moving-styles/.eslintrc.js
+++ b/samples/grids/grid/column-moving-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-pinning-options/.eslintrc.js b/samples/grids/grid/column-pinning-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-pinning-options/.eslintrc.js
+++ b/samples/grids/grid/column-pinning-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-pinning-options/package.json
+++ b/samples/grids/grid/column-pinning-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-pinning-right-side/.eslintrc.js b/samples/grids/grid/column-pinning-right-side/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-pinning-right-side/.eslintrc.js
+++ b/samples/grids/grid/column-pinning-right-side/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-pinning-styles/.eslintrc.js b/samples/grids/grid/column-pinning-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-pinning-styles/.eslintrc.js
+++ b/samples/grids/grid/column-pinning-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-pinning-styles/package.json
+++ b/samples/grids/grid/column-pinning-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-pinning/.eslintrc.js b/samples/grids/grid/column-pinning/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-pinning/.eslintrc.js
+++ b/samples/grids/grid/column-pinning/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-pinning/package.json
+++ b/samples/grids/grid/column-pinning/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-resize-styling/.eslintrc.js b/samples/grids/grid/column-resize-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-resize-styling/.eslintrc.js
+++ b/samples/grids/grid/column-resize-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-resize-styling/package.json
+++ b/samples/grids/grid/column-resize-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-resizing/.eslintrc.js b/samples/grids/grid/column-resizing/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-resizing/.eslintrc.js
+++ b/samples/grids/grid/column-resizing/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-resizing/package.json
+++ b/samples/grids/grid/column-resizing/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-selection-group/.eslintrc.js b/samples/grids/grid/column-selection-group/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-selection-group/.eslintrc.js
+++ b/samples/grids/grid/column-selection-group/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-selection-group/package.json
+++ b/samples/grids/grid/column-selection-group/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-selection-mode/.eslintrc.js b/samples/grids/grid/column-selection-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-selection-mode/.eslintrc.js
+++ b/samples/grids/grid/column-selection-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-selection-styles/.eslintrc.js b/samples/grids/grid/column-selection-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-selection-styles/.eslintrc.js
+++ b/samples/grids/grid/column-selection-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-selection-styles/package.json
+++ b/samples/grids/grid/column-selection-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-sorting-indicators/.eslintrc.js b/samples/grids/grid/column-sorting-indicators/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-sorting-indicators/.eslintrc.js
+++ b/samples/grids/grid/column-sorting-indicators/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-sorting-indicators/package.json
+++ b/samples/grids/grid/column-sorting-indicators/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-sorting-options/.eslintrc.js b/samples/grids/grid/column-sorting-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-sorting-options/.eslintrc.js
+++ b/samples/grids/grid/column-sorting-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/column-sorting-style/.eslintrc.js b/samples/grids/grid/column-sorting-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/column-sorting-style/.eslintrc.js
+++ b/samples/grids/grid/column-sorting-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/column-sorting-style/package.json
+++ b/samples/grids/grid/column-sorting-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/conditional-cell-style-1/.eslintrc.js b/samples/grids/grid/conditional-cell-style-1/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/conditional-cell-style-1/.eslintrc.js
+++ b/samples/grids/grid/conditional-cell-style-1/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/conditional-cell-style-1/package.json
+++ b/samples/grids/grid/conditional-cell-style-1/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/conditional-cell-style-2/.eslintrc.js b/samples/grids/grid/conditional-cell-style-2/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/conditional-cell-style-2/.eslintrc.js
+++ b/samples/grids/grid/conditional-cell-style-2/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/conditional-cell-style-2/package.json
+++ b/samples/grids/grid/conditional-cell-style-2/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/conditional-row-selectors/.eslintrc.js b/samples/grids/grid/conditional-row-selectors/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/conditional-row-selectors/.eslintrc.js
+++ b/samples/grids/grid/conditional-row-selectors/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/conditional-row-selectors/package.json
+++ b/samples/grids/grid/conditional-row-selectors/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/custom-context-menu/tsconfig.json b/samples/grids/grid/custom-context-menu/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/custom-context-menu/tsconfig.json
+++ b/samples/grids/grid/custom-context-menu/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/data-batch-editing-actions/.eslintrc.js b/samples/grids/grid/data-batch-editing-actions/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/data-batch-editing-actions/.eslintrc.js
+++ b/samples/grids/grid/data-batch-editing-actions/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/data-performance-virtualization/.eslintrc.js b/samples/grids/grid/data-performance-virtualization/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/data-performance-virtualization/.eslintrc.js
+++ b/samples/grids/grid/data-performance-virtualization/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/data-searching/tsconfig.json b/samples/grids/grid/data-searching/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/data-searching/tsconfig.json
+++ b/samples/grids/grid/data-searching/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/data-summary-formatter/.eslintrc.js b/samples/grids/grid/data-summary-formatter/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/data-summary-formatter/.eslintrc.js
+++ b/samples/grids/grid/data-summary-formatter/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-summary-formatter/package.json
+++ b/samples/grids/grid/data-summary-formatter/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/data-summary-options/.eslintrc.js b/samples/grids/grid/data-summary-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/data-summary-options/.eslintrc.js
+++ b/samples/grids/grid/data-summary-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-summary-options/package.json
+++ b/samples/grids/grid/data-summary-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/data-summary-template/.eslintrc.js b/samples/grids/grid/data-summary-template/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/data-summary-template/.eslintrc.js
+++ b/samples/grids/grid/data-summary-template/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/data-validation-style/.eslintrc.js b/samples/grids/grid/data-validation-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/data-validation-style/.eslintrc.js
+++ b/samples/grids/grid/data-validation-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-validation-style/package.json
+++ b/samples/grids/grid/data-validation-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/data-validator-service-cross-field/.eslintrc.js b/samples/grids/grid/data-validator-service-cross-field/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/data-validator-service-cross-field/.eslintrc.js
+++ b/samples/grids/grid/data-validator-service-cross-field/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/data-validator-service-cross-field/package.json b/samples/grids/grid/data-validator-service-cross-field/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-validator-service-cross-field/package.json
+++ b/samples/grids/grid/data-validator-service-cross-field/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/data-validator-service-extended/.eslintrc.js b/samples/grids/grid/data-validator-service-extended/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/data-validator-service-extended/.eslintrc.js
+++ b/samples/grids/grid/data-validator-service-extended/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/data-validator-service/.eslintrc.js b/samples/grids/grid/data-validator-service/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/data-validator-service/.eslintrc.js
+++ b/samples/grids/grid/data-validator-service/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/editing-columns/.eslintrc.js b/samples/grids/grid/editing-columns/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/editing-columns/.eslintrc.js
+++ b/samples/grids/grid/editing-columns/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/editing-events/.eslintrc.js b/samples/grids/grid/editing-events/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/editing-events/.eslintrc.js
+++ b/samples/grids/grid/editing-events/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/editing-events/package.json
+++ b/samples/grids/grid/editing-events/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/editing-excel-style/.eslintrc.js b/samples/grids/grid/editing-excel-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/editing-excel-style/.eslintrc.js
+++ b/samples/grids/grid/editing-excel-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/editing-excel-style/package.json
+++ b/samples/grids/grid/editing-excel-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/editing-lifecycle/.eslintrc.js b/samples/grids/grid/editing-lifecycle/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/editing-lifecycle/.eslintrc.js
+++ b/samples/grids/grid/editing-lifecycle/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/editing-lifecycle/package.json
+++ b/samples/grids/grid/editing-lifecycle/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/excel-exporting/.eslintrc.js b/samples/grids/grid/excel-exporting/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/excel-exporting/.eslintrc.js
+++ b/samples/grids/grid/excel-exporting/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/excel-exporting/package.json
+++ b/samples/grids/grid/excel-exporting/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/.eslintrc.js b/samples/grids/grid/excel-style-filtering-sample-1/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/.eslintrc.js
+++ b/samples/grids/grid/excel-style-filtering-sample-1/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/.eslintrc.js b/samples/grids/grid/excel-style-filtering-sample-2/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/.eslintrc.js
+++ b/samples/grids/grid/excel-style-filtering-sample-2/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/package.json b/samples/grids/grid/excel-style-filtering-sample-2/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/.eslintrc.js b/samples/grids/grid/excel-style-filtering-sample-3/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/.eslintrc.js
+++ b/samples/grids/grid/excel-style-filtering-sample-3/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/package.json b/samples/grids/grid/excel-style-filtering-sample-3/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/excel-style-filtering-style/.eslintrc.js b/samples/grids/grid/excel-style-filtering-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/excel-style-filtering-style/.eslintrc.js
+++ b/samples/grids/grid/excel-style-filtering-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/excel-style-filtering-style/package.json
+++ b/samples/grids/grid/excel-style-filtering-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/external-advanced-filtering/.eslintrc.js b/samples/grids/grid/external-advanced-filtering/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/external-advanced-filtering/.eslintrc.js
+++ b/samples/grids/grid/external-advanced-filtering/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/external-advanced-filtering/package.json
+++ b/samples/grids/grid/external-advanced-filtering/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/filtering-options/.eslintrc.js b/samples/grids/grid/filtering-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/filtering-options/.eslintrc.js
+++ b/samples/grids/grid/filtering-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/filtering-options/package.json
+++ b/samples/grids/grid/filtering-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/filtering-strategy/.eslintrc.js b/samples/grids/grid/filtering-strategy/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/filtering-strategy/.eslintrc.js
+++ b/samples/grids/grid/filtering-strategy/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/filtering-strategy/package.json
+++ b/samples/grids/grid/filtering-strategy/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/filtering-style/.eslintrc.js b/samples/grids/grid/filtering-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/filtering-style/.eslintrc.js
+++ b/samples/grids/grid/filtering-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index f0094eed54..3b4ccb2cda 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -15,15 +15,15 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/finjs/tsconfig.json b/samples/grids/grid/finjs/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/finjs/tsconfig.json
+++ b/samples/grids/grid/finjs/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/groupby-custom/tsconfig.json b/samples/grids/grid/groupby-custom/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/groupby-custom/tsconfig.json
+++ b/samples/grids/grid/groupby-custom/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/groupby-expressions/.eslintrc.js b/samples/grids/grid/groupby-expressions/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/groupby-expressions/.eslintrc.js
+++ b/samples/grids/grid/groupby-expressions/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/groupby-expressions/package.json
+++ b/samples/grids/grid/groupby-expressions/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/groupby-paging/.eslintrc.js b/samples/grids/grid/groupby-paging/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/groupby-paging/.eslintrc.js
+++ b/samples/grids/grid/groupby-paging/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/groupby-paging/package.json
+++ b/samples/grids/grid/groupby-paging/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/groupby-styling/.eslintrc.js b/samples/grids/grid/groupby-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/groupby-styling/.eslintrc.js
+++ b/samples/grids/grid/groupby-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/groupby-styling/package.json
+++ b/samples/grids/grid/groupby-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/groupby-summary-options/.eslintrc.js b/samples/grids/grid/groupby-summary-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/groupby-summary-options/.eslintrc.js
+++ b/samples/grids/grid/groupby-summary-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/groupby-summary-styling/.eslintrc.js b/samples/grids/grid/groupby-summary-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/groupby-summary-styling/.eslintrc.js
+++ b/samples/grids/grid/groupby-summary-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/infinite-scroll/tsconfig.json b/samples/grids/grid/infinite-scroll/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/infinite-scroll/tsconfig.json
+++ b/samples/grids/grid/infinite-scroll/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/keyboard-custom-navigation/.eslintrc.js b/samples/grids/grid/keyboard-custom-navigation/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/keyboard-custom-navigation/.eslintrc.js
+++ b/samples/grids/grid/keyboard-custom-navigation/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/grid/keyboard-custom-navigation/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/keyboard-mrl-navigation/.eslintrc.js b/samples/grids/grid/keyboard-mrl-navigation/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/.eslintrc.js
+++ b/samples/grids/grid/keyboard-mrl-navigation/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/package.json
+++ b/samples/grids/grid/keyboard-mrl-navigation/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/layout-display-density/.eslintrc.js b/samples/grids/grid/layout-display-density/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/layout-display-density/.eslintrc.js
+++ b/samples/grids/grid/layout-display-density/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/master-detail/.eslintrc.js b/samples/grids/grid/master-detail/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/master-detail/.eslintrc.js
+++ b/samples/grids/grid/master-detail/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/master-detail/package.json
+++ b/samples/grids/grid/master-detail/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/multi-cell-selection-mode/tsconfig.json b/samples/grids/grid/multi-cell-selection-mode/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/multi-cell-selection-mode/tsconfig.json
+++ b/samples/grids/grid/multi-cell-selection-mode/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/multi-column-headers-export/.eslintrc.js b/samples/grids/grid/multi-column-headers-export/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/multi-column-headers-export/.eslintrc.js
+++ b/samples/grids/grid/multi-column-headers-export/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/multi-column-headers-export/package.json
+++ b/samples/grids/grid/multi-column-headers-export/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/multi-column-headers-overview/.eslintrc.js b/samples/grids/grid/multi-column-headers-overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/multi-column-headers-overview/.eslintrc.js
+++ b/samples/grids/grid/multi-column-headers-overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/multi-column-headers-styling/.eslintrc.js b/samples/grids/grid/multi-column-headers-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/multi-column-headers-styling/.eslintrc.js
+++ b/samples/grids/grid/multi-column-headers-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/multi-column-headers-styling/package.json
+++ b/samples/grids/grid/multi-column-headers-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/multi-column-headers-template/.eslintrc.js b/samples/grids/grid/multi-column-headers-template/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/multi-column-headers-template/.eslintrc.js
+++ b/samples/grids/grid/multi-column-headers-template/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/multi-column-headers-template/package.json
+++ b/samples/grids/grid/multi-column-headers-template/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/multi-row-layout-options/.eslintrc.js b/samples/grids/grid/multi-row-layout-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/multi-row-layout-options/.eslintrc.js
+++ b/samples/grids/grid/multi-row-layout-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/multi-row-layout-options/package.json
+++ b/samples/grids/grid/multi-row-layout-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/multi-row-layout-style/.eslintrc.js b/samples/grids/grid/multi-row-layout-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/multi-row-layout-style/.eslintrc.js
+++ b/samples/grids/grid/multi-row-layout-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/multi-row-layout-style/package.json
+++ b/samples/grids/grid/multi-row-layout-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/overview/.eslintrc.js b/samples/grids/grid/overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/overview/.eslintrc.js
+++ b/samples/grids/grid/overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/overview/package.json
+++ b/samples/grids/grid/overview/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/paste/.eslintrc.js b/samples/grids/grid/paste/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/paste/.eslintrc.js
+++ b/samples/grids/grid/paste/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/remote-paging-data/.eslintrc.js b/samples/grids/grid/remote-paging-data/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/remote-paging-data/.eslintrc.js
+++ b/samples/grids/grid/remote-paging-data/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/remote-paging-data/ReadMe.md b/samples/grids/grid/remote-paging-data/ReadMe.md
new file mode 100644
index 0000000000..293b5455d0
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Remote Paging Data feature using [Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/grids/grid/remote-paging-data" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/grids/grid/remote-paging-data?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/grids/grid/remote-paging-data
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/remote-paging-data/package.json
+++ b/samples/grids/grid/remote-paging-data/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/remote-paging-grid/ReadMe.md b/samples/grids/grid/remote-paging-grid/ReadMe.md
index 293b5455d0..5e1cd1f53e 100644
--- a/samples/grids/grid/remote-paging-grid/ReadMe.md
+++ b/samples/grids/grid/remote-paging-grid/ReadMe.md
@@ -1,7 +1,7 @@
 <!-- NOTE: do not change this file because it's auto re-generated from template: -->
 <!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
 
-This folder contains implementation of React application with example of Remote Paging Data feature using [Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+This folder contains implementation of React application with example of Remote Paging feature using [Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
 
 
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
@@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Remote
         <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
         </a>
-        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/grids/grid/remote-paging-data" rel="noopener noreferrer">
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/grids/grid/remote-paging-grid" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
         </a>
-        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/grids/grid/remote-paging-data?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/grids/grid/remote-paging-grid?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
         </a>
     </body>
@@ -34,7 +34,7 @@ Follow these instructions to run this example:
 git clone https://github.com/IgniteUI/igniteui-react-examples.git
 git checkout master
 cd ./igniteui-react-examples
-cd ./samples/grids/grid/remote-paging-data
+cd ./samples/grids/grid/remote-paging-grid
 ```
 
 open above folder in VS Code or type:
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index c3a7d8319b..9cc0c146b0 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/remote-paging-grid/tsconfig.json b/samples/grids/grid/remote-paging-grid/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/remote-paging-grid/tsconfig.json
+++ b/samples/grids/grid/remote-paging-grid/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/row-adding/.eslintrc.js b/samples/grids/grid/row-adding/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-adding/.eslintrc.js
+++ b/samples/grids/grid/row-adding/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-adding/package.json
+++ b/samples/grids/grid/row-adding/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-classes/.eslintrc.js b/samples/grids/grid/row-classes/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-classes/.eslintrc.js
+++ b/samples/grids/grid/row-classes/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-classes/package.json
+++ b/samples/grids/grid/row-classes/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-drag-base/tsconfig.json b/samples/grids/grid/row-drag-base/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/row-drag-base/tsconfig.json
+++ b/samples/grids/grid/row-drag-base/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/row-editing-options/.eslintrc.js b/samples/grids/grid/row-editing-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-editing-options/.eslintrc.js
+++ b/samples/grids/grid/row-editing-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-editing-options/package.json
+++ b/samples/grids/grid/row-editing-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-editing-style/.eslintrc.js b/samples/grids/grid/row-editing-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-editing-style/.eslintrc.js
+++ b/samples/grids/grid/row-editing-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-editing-style/package.json
+++ b/samples/grids/grid/row-editing-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-paging-basic/.eslintrc.js b/samples/grids/grid/row-paging-basic/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-paging-basic/.eslintrc.js
+++ b/samples/grids/grid/row-paging-basic/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-paging-options/.eslintrc.js b/samples/grids/grid/row-paging-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-paging-options/.eslintrc.js
+++ b/samples/grids/grid/row-paging-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-pinning-drag/.eslintrc.js b/samples/grids/grid/row-pinning-drag/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-pinning-drag/.eslintrc.js
+++ b/samples/grids/grid/row-pinning-drag/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-pinning-drag/package.json
+++ b/samples/grids/grid/row-pinning-drag/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-pinning-extra-column/.eslintrc.js b/samples/grids/grid/row-pinning-extra-column/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-pinning-extra-column/.eslintrc.js
+++ b/samples/grids/grid/row-pinning-extra-column/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-pinning-extra-column/package.json
+++ b/samples/grids/grid/row-pinning-extra-column/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-pinning-options/.eslintrc.js b/samples/grids/grid/row-pinning-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-pinning-options/.eslintrc.js
+++ b/samples/grids/grid/row-pinning-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-pinning-style/.eslintrc.js b/samples/grids/grid/row-pinning-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-pinning-style/.eslintrc.js
+++ b/samples/grids/grid/row-pinning-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-pinning-style/package.json
+++ b/samples/grids/grid/row-pinning-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-reorder/.eslintrc.js b/samples/grids/grid/row-reorder/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-reorder/.eslintrc.js
+++ b/samples/grids/grid/row-reorder/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-reorder/package.json
+++ b/samples/grids/grid/row-reorder/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-selection-mode/.eslintrc.js b/samples/grids/grid/row-selection-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-selection-mode/.eslintrc.js
+++ b/samples/grids/grid/row-selection-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-selection-template-excel/.eslintrc.js b/samples/grids/grid/row-selection-template-excel/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-selection-template-excel/.eslintrc.js
+++ b/samples/grids/grid/row-selection-template-excel/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-selection-template-excel/package.json
+++ b/samples/grids/grid/row-selection-template-excel/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-selection-template-numbers/.eslintrc.js b/samples/grids/grid/row-selection-template-numbers/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-selection-template-numbers/.eslintrc.js
+++ b/samples/grids/grid/row-selection-template-numbers/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/row-styles/.eslintrc.js b/samples/grids/grid/row-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/row-styles/.eslintrc.js
+++ b/samples/grids/grid/row-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/state-persistence-about/tsconfig.json b/samples/grids/grid/state-persistence-about/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/state-persistence-about/tsconfig.json
+++ b/samples/grids/grid/state-persistence-about/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/state-persistence-main/tsconfig.json b/samples/grids/grid/state-persistence-main/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/grid/state-persistence-main/tsconfig.json
+++ b/samples/grids/grid/state-persistence-main/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/grid/styling-custom-CSS/.eslintrc.js b/samples/grids/grid/styling-custom-CSS/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/styling-custom-CSS/.eslintrc.js
+++ b/samples/grids/grid/styling-custom-CSS/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/styling-custom-CSS/package.json
+++ b/samples/grids/grid/styling-custom-CSS/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/toolbar-sample-1/.eslintrc.js b/samples/grids/grid/toolbar-sample-1/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/toolbar-sample-1/.eslintrc.js
+++ b/samples/grids/grid/toolbar-sample-1/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/toolbar-sample-1/package.json
+++ b/samples/grids/grid/toolbar-sample-1/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/toolbar-sample-2/.eslintrc.js b/samples/grids/grid/toolbar-sample-2/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/toolbar-sample-2/.eslintrc.js
+++ b/samples/grids/grid/toolbar-sample-2/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/toolbar-sample-2/package.json
+++ b/samples/grids/grid/toolbar-sample-2/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/toolbar-sample-3/.eslintrc.js b/samples/grids/grid/toolbar-sample-3/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/toolbar-sample-3/.eslintrc.js
+++ b/samples/grids/grid/toolbar-sample-3/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/toolbar-sample-3/package.json
+++ b/samples/grids/grid/toolbar-sample-3/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/toolbar-style/.eslintrc.js b/samples/grids/grid/toolbar-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/grid/toolbar-style/.eslintrc.js
+++ b/samples/grids/grid/toolbar-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/grid/toolbar-style/package.json
+++ b/samples/grids/grid/toolbar-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/action-strip/.eslintrc.js b/samples/grids/hierarchical-grid/action-strip/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/action-strip/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/action-strip/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/action-strip/package.json
+++ b/samples/grids/hierarchical-grid/action-strip/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/.eslintrc.js b/samples/grids/hierarchical-grid/advanced-filtering-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/.eslintrc.js b/samples/grids/hierarchical-grid/advanced-filtering-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/.eslintrc.js b/samples/grids/hierarchical-grid/cell-editing-sample/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/.eslintrc.js b/samples/grids/hierarchical-grid/cell-editing-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/.eslintrc.js b/samples/grids/hierarchical-grid/cell-selection-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/.eslintrc.js b/samples/grids/hierarchical-grid/cell-selection-overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/.eslintrc.js b/samples/grids/hierarchical-grid/cell-selection-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/cell-selection-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/tsconfig.json b/samples/grids/hierarchical-grid/column-auto-sizing/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/tsconfig.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/.eslintrc.js b/samples/grids/hierarchical-grid/column-collapsible-groups/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/.eslintrc.js b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/.eslintrc.js b/samples/grids/hierarchical-grid/column-hiding-toolbar/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-moving-options/.eslintrc.js b/samples/grids/hierarchical-grid/column-moving-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-moving-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/.eslintrc.js b/samples/grids/hierarchical-grid/column-moving-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-moving-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/.eslintrc.js b/samples/grids/hierarchical-grid/column-pinning-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-pinning-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-pinning-right-side/.eslintrc.js b/samples/grids/hierarchical-grid/column-pinning-right-side/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/.eslintrc.js b/samples/grids/hierarchical-grid/column-pinning-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-pinning/.eslintrc.js b/samples/grids/hierarchical-grid/column-pinning/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-pinning/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-pinning/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-pinning/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/.eslintrc.js b/samples/grids/hierarchical-grid/column-resize-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-resize-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/package.json
+++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-resizing/.eslintrc.js b/samples/grids/hierarchical-grid/column-resizing/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-resizing/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-resizing/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-resizing/package.json
+++ b/samples/grids/hierarchical-grid/column-resizing/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-selection-group/.eslintrc.js b/samples/grids/hierarchical-grid/column-selection-group/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-selection-group/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-group/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/.eslintrc.js b/samples/grids/hierarchical-grid/column-selection-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-selection-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/.eslintrc.js b/samples/grids/hierarchical-grid/column-selection-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-selection-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/.eslintrc.js b/samples/grids/hierarchical-grid/column-sorting-indicators/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/.eslintrc.js b/samples/grids/hierarchical-grid/column-sorting-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-sorting-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/.eslintrc.js b/samples/grids/hierarchical-grid/column-sorting-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/column-sorting-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/.eslintrc.js b/samples/grids/hierarchical-grid/conditional-cell-style-1/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/.eslintrc.js b/samples/grids/hierarchical-grid/conditional-cell-style-2/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/.eslintrc.js b/samples/grids/hierarchical-grid/conditional-row-selectors/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/custom-filtering/.eslintrc.js b/samples/grids/hierarchical-grid/custom-filtering/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/custom-filtering/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/package.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/tsconfig.json b/samples/grids/hierarchical-grid/data-exporting-indicator/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/tsconfig.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/tsconfig.json b/samples/grids/hierarchical-grid/data-performance-virtualization/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/tsconfig.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/.eslintrc.js b/samples/grids/hierarchical-grid/data-summary-formatter/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/.eslintrc.js b/samples/grids/hierarchical-grid/data-summary-options-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/data-summary-options/.eslintrc.js b/samples/grids/hierarchical-grid/data-summary-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/data-summary-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/data-summary-template/.eslintrc.js b/samples/grids/hierarchical-grid/data-summary-template/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/data-summary-template/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/editing-columns/.eslintrc.js b/samples/grids/hierarchical-grid/editing-columns/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/editing-columns/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/editing-columns/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/editing-columns/package.json
+++ b/samples/grids/hierarchical-grid/editing-columns/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/editing-events/.eslintrc.js b/samples/grids/hierarchical-grid/editing-events/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/editing-events/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/editing-events/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/editing-events/package.json
+++ b/samples/grids/hierarchical-grid/editing-events/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/.eslintrc.js b/samples/grids/hierarchical-grid/editing-lifecycle/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/excel-exporting/.eslintrc.js b/samples/grids/hierarchical-grid/excel-exporting/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/excel-exporting/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/package.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/.eslintrc.js b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/.eslintrc.js b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/.eslintrc.js b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/.eslintrc.js b/samples/grids/hierarchical-grid/excel-style-filtering-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/filtering-options/.eslintrc.js b/samples/grids/hierarchical-grid/filtering-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/filtering-options/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/filtering-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/filtering-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/filtering-style/.eslintrc.js b/samples/grids/hierarchical-grid/filtering-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/filtering-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/filtering-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/filtering-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/.eslintrc.js b/samples/grids/hierarchical-grid/hierarchical-grid-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/.eslintrc.js b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/.eslintrc.js b/samples/grids/hierarchical-grid/hierarchical-grid-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/layout-display-density/.eslintrc.js b/samples/grids/hierarchical-grid/layout-display-density/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/layout-display-density/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/.eslintrc.js b/samples/grids/hierarchical-grid/multi-column-headers-export/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/.eslintrc.js b/samples/grids/hierarchical-grid/multi-column-headers-overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/.eslintrc.js b/samples/grids/hierarchical-grid/multi-column-headers-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/.eslintrc.js b/samples/grids/hierarchical-grid/multi-column-headers-template/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/overview/.eslintrc.js b/samples/grids/hierarchical-grid/overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/overview/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/overview/package.json
+++ b/samples/grids/hierarchical-grid/overview/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/remote-paging-hgrid/ReadMe.md b/samples/grids/hierarchical-grid/remote-paging-hgrid/ReadMe.md
index 05f5ea9723..c2212410bb 100644
--- a/samples/grids/hierarchical-grid/remote-paging-hgrid/ReadMe.md
+++ b/samples/grids/hierarchical-grid/remote-paging-hgrid/ReadMe.md
@@ -1,7 +1,7 @@
 <!-- NOTE: do not change this file because it's auto re-generated from template: -->
 <!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
 
-This folder contains implementation of React application with example of Data Performance Virtualization feature using [Hierarchical Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+This folder contains implementation of React application with example of Remote Paging Hgrid feature using [Hierarchical Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
 
 
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
@@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Data Pe
         <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
         </a>
-        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/grids/hierarchical-grid/data-performance-virtualization" rel="noopener noreferrer">
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/grids/hierarchical-grid/remote-paging-hgrid" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
         </a>
-        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/grids/hierarchical-grid/data-performance-virtualization?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/grids/hierarchical-grid/remote-paging-hgrid?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
         </a>
     </body>
@@ -34,7 +34,7 @@ Follow these instructions to run this example:
 git clone https://github.com/IgniteUI/igniteui-react-examples.git
 git checkout master
 cd ./igniteui-react-examples
-cd ./samples/grids/hierarchical-grid/data-performance-virtualization
+cd ./samples/grids/hierarchical-grid/remote-paging-hgrid
 ```
 
 open above folder in VS Code or type:
diff --git a/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json b/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/remote-paging-hgrid/tsconfig.json b/samples/grids/hierarchical-grid/remote-paging-hgrid/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/hierarchical-grid/remote-paging-hgrid/tsconfig.json
+++ b/samples/grids/hierarchical-grid/remote-paging-hgrid/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/hierarchical-grid/row-adding/.eslintrc.js b/samples/grids/hierarchical-grid/row-adding/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-adding/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-adding/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-adding/package.json
+++ b/samples/grids/hierarchical-grid/row-adding/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-classes/.eslintrc.js b/samples/grids/hierarchical-grid/row-classes/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-classes/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-classes/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-classes/package.json
+++ b/samples/grids/hierarchical-grid/row-classes/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-drag-base/tsconfig.json b/samples/grids/hierarchical-grid/row-drag-base/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/hierarchical-grid/row-editing-options/.eslintrc.js b/samples/grids/hierarchical-grid/row-editing-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-editing-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-editing-style/.eslintrc.js b/samples/grids/hierarchical-grid/row-editing-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-editing-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/.eslintrc.js b/samples/grids/hierarchical-grid/row-pinning-extra-column/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/.eslintrc.js b/samples/grids/hierarchical-grid/row-pinning-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-pinning-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/.eslintrc.js b/samples/grids/hierarchical-grid/row-pinning-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-pinning-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-reorder/.eslintrc.js b/samples/grids/hierarchical-grid/row-reorder/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-reorder/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-reorder/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-reorder/package.json
+++ b/samples/grids/hierarchical-grid/row-reorder/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/.eslintrc.js b/samples/grids/hierarchical-grid/row-selection-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-selection-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/.eslintrc.js b/samples/grids/hierarchical-grid/row-selection-template-numbers/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/row-styles/.eslintrc.js b/samples/grids/hierarchical-grid/row-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/row-styles/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/row-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/row-styles/package.json
+++ b/samples/grids/hierarchical-grid/row-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/tsconfig.json b/samples/grids/hierarchical-grid/state-persistence-about/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/tsconfig.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/tsconfig.json b/samples/grids/hierarchical-grid/state-persistence-main/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/tsconfig.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/.eslintrc.js b/samples/grids/hierarchical-grid/toolbar-sample-3/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/tsconfig.json b/samples/grids/hierarchical-grid/toolbar-sample-4/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/tsconfig.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/hierarchical-grid/toolbar-style/.eslintrc.js b/samples/grids/hierarchical-grid/toolbar-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/.eslintrc.js
+++ b/samples/grids/hierarchical-grid/toolbar-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index 3822ebb429..af5f412204 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/list/add-list-items/tsconfig.json b/samples/grids/list/add-list-items/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/grids/list/add-list-items/tsconfig.json
+++ b/samples/grids/list/add-list-items/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/list/list-item-content/package.json b/samples/grids/list/list-item-content/package.json
index 319f2bd905..3bb71b8d32 100644
--- a/samples/grids/list/list-item-content/package.json
+++ b/samples/grids/list/list-item-content/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/list/list-item-content/tsconfig.json b/samples/grids/list/list-item-content/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/grids/list/list-item-content/tsconfig.json
+++ b/samples/grids/list/list-item-content/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/list/overview/package.json b/samples/grids/list/overview/package.json
index 5cf6d47780..04e77dbf7e 100644
--- a/samples/grids/list/overview/package.json
+++ b/samples/grids/list/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/list/overview/tsconfig.json b/samples/grids/list/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/grids/list/overview/tsconfig.json
+++ b/samples/grids/list/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/list/styling/package.json b/samples/grids/list/styling/package.json
index 5b22d04e9b..5cfd3701d2 100644
--- a/samples/grids/list/styling/package.json
+++ b/samples/grids/list/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/list/styling/tsconfig.json b/samples/grids/list/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/grids/list/styling/tsconfig.json
+++ b/samples/grids/list/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/.eslintrc.js b/samples/grids/pivot-grid/aggregate-max-sales/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/.eslintrc.js
+++ b/samples/grids/pivot-grid/aggregate-max-sales/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/package.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/.eslintrc.js b/samples/grids/pivot-grid/aggregate-units-sold/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/.eslintrc.js
+++ b/samples/grids/pivot-grid/aggregate-units-sold/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/package.json
+++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/pivot-grid/data-selector/tsconfig.json b/samples/grids/pivot-grid/data-selector/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/pivot-grid/data-selector/tsconfig.json
+++ b/samples/grids/pivot-grid/data-selector/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/pivot-grid/features/.eslintrc.js b/samples/grids/pivot-grid/features/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/pivot-grid/features/.eslintrc.js
+++ b/samples/grids/pivot-grid/features/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/pivot-grid/features/package.json
+++ b/samples/grids/pivot-grid/features/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/pivot-grid/state-persistence-about/tsconfig.json b/samples/grids/pivot-grid/state-persistence-about/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/pivot-grid/state-persistence-about/tsconfig.json
+++ b/samples/grids/pivot-grid/state-persistence-about/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/pivot-grid/state-persistence-main/tsconfig.json b/samples/grids/pivot-grid/state-persistence-main/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/pivot-grid/state-persistence-main/tsconfig.json
+++ b/samples/grids/pivot-grid/state-persistence-main/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/action-strip/.eslintrc.js b/samples/grids/tree-grid/action-strip/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/action-strip/.eslintrc.js
+++ b/samples/grids/tree-grid/action-strip/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/action-strip/package.json
+++ b/samples/grids/tree-grid/action-strip/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/advanced-filtering-options/.eslintrc.js b/samples/grids/tree-grid/advanced-filtering-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/.eslintrc.js
+++ b/samples/grids/tree-grid/advanced-filtering-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/advanced-filtering-style/.eslintrc.js b/samples/grids/tree-grid/advanced-filtering-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/.eslintrc.js
+++ b/samples/grids/tree-grid/advanced-filtering-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/cell-editing-sample/.eslintrc.js b/samples/grids/tree-grid/cell-editing-sample/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/cell-editing-sample/.eslintrc.js
+++ b/samples/grids/tree-grid/cell-editing-sample/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/cell-editing-styling/.eslintrc.js b/samples/grids/tree-grid/cell-editing-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/cell-editing-styling/.eslintrc.js
+++ b/samples/grids/tree-grid/cell-editing-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/cell-editing-styling/package.json
+++ b/samples/grids/tree-grid/cell-editing-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/cell-selection-mode/.eslintrc.js b/samples/grids/tree-grid/cell-selection-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/cell-selection-mode/.eslintrc.js
+++ b/samples/grids/tree-grid/cell-selection-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/cell-selection-style/.eslintrc.js b/samples/grids/tree-grid/cell-selection-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/cell-selection-style/.eslintrc.js
+++ b/samples/grids/tree-grid/cell-selection-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/cell-selection-style/package.json
+++ b/samples/grids/tree-grid/cell-selection-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/clipboard-operations/tsconfig.json b/samples/grids/tree-grid/clipboard-operations/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/clipboard-operations/tsconfig.json
+++ b/samples/grids/tree-grid/clipboard-operations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/column-auto-sizing/.eslintrc.js b/samples/grids/tree-grid/column-auto-sizing/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-auto-sizing/.eslintrc.js
+++ b/samples/grids/tree-grid/column-auto-sizing/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-auto-sizing/package.json
+++ b/samples/grids/tree-grid/column-auto-sizing/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-collapsible-groups/.eslintrc.js b/samples/grids/tree-grid/column-collapsible-groups/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/.eslintrc.js
+++ b/samples/grids/tree-grid/column-collapsible-groups/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/package.json
+++ b/samples/grids/tree-grid/column-collapsible-groups/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-data-types/tsconfig.json b/samples/grids/tree-grid/column-data-types/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/column-data-types/tsconfig.json
+++ b/samples/grids/tree-grid/column-data-types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/.eslintrc.js b/samples/grids/tree-grid/column-hiding-toolbar-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/.eslintrc.js
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/.eslintrc.js b/samples/grids/tree-grid/column-hiding-toolbar/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/.eslintrc.js
+++ b/samples/grids/tree-grid/column-hiding-toolbar/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-moving-options/.eslintrc.js b/samples/grids/tree-grid/column-moving-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-moving-options/.eslintrc.js
+++ b/samples/grids/tree-grid/column-moving-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-moving-options/package.json
+++ b/samples/grids/tree-grid/column-moving-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-moving-styles/.eslintrc.js b/samples/grids/tree-grid/column-moving-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-moving-styles/.eslintrc.js
+++ b/samples/grids/tree-grid/column-moving-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-moving-styles/package.json
+++ b/samples/grids/tree-grid/column-moving-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-pinning-options/.eslintrc.js b/samples/grids/tree-grid/column-pinning-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-pinning-options/.eslintrc.js
+++ b/samples/grids/tree-grid/column-pinning-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-pinning-options/package.json
+++ b/samples/grids/tree-grid/column-pinning-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-pinning-right-side/.eslintrc.js b/samples/grids/tree-grid/column-pinning-right-side/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/.eslintrc.js
+++ b/samples/grids/tree-grid/column-pinning-right-side/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-pinning-right-side/package.json b/samples/grids/tree-grid/column-pinning-right-side/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/package.json
+++ b/samples/grids/tree-grid/column-pinning-right-side/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-pinning-styles/.eslintrc.js b/samples/grids/tree-grid/column-pinning-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-pinning-styles/.eslintrc.js
+++ b/samples/grids/tree-grid/column-pinning-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-pinning-styles/package.json
+++ b/samples/grids/tree-grid/column-pinning-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/.eslintrc.js b/samples/grids/tree-grid/column-pinning-toolbar/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/.eslintrc.js
+++ b/samples/grids/tree-grid/column-pinning-toolbar/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-pinning/.eslintrc.js b/samples/grids/tree-grid/column-pinning/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-pinning/.eslintrc.js
+++ b/samples/grids/tree-grid/column-pinning/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-pinning/package.json
+++ b/samples/grids/tree-grid/column-pinning/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-resize-styling/.eslintrc.js b/samples/grids/tree-grid/column-resize-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-resize-styling/.eslintrc.js
+++ b/samples/grids/tree-grid/column-resize-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-resize-styling/package.json
+++ b/samples/grids/tree-grid/column-resize-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-resizing/.eslintrc.js b/samples/grids/tree-grid/column-resizing/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-resizing/.eslintrc.js
+++ b/samples/grids/tree-grid/column-resizing/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-resizing/package.json
+++ b/samples/grids/tree-grid/column-resizing/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-selection-group/.eslintrc.js b/samples/grids/tree-grid/column-selection-group/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-selection-group/.eslintrc.js
+++ b/samples/grids/tree-grid/column-selection-group/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-selection-group/package.json
+++ b/samples/grids/tree-grid/column-selection-group/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-selection-mode/.eslintrc.js b/samples/grids/tree-grid/column-selection-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-selection-mode/.eslintrc.js
+++ b/samples/grids/tree-grid/column-selection-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-selection-style/tsconfig.json b/samples/grids/tree-grid/column-selection-style/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/column-selection-style/tsconfig.json
+++ b/samples/grids/tree-grid/column-selection-style/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/column-selection-styles/.eslintrc.js b/samples/grids/tree-grid/column-selection-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-selection-styles/.eslintrc.js
+++ b/samples/grids/tree-grid/column-selection-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-selection-styles/package.json
+++ b/samples/grids/tree-grid/column-selection-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-sorting-indicators/.eslintrc.js b/samples/grids/tree-grid/column-sorting-indicators/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/.eslintrc.js
+++ b/samples/grids/tree-grid/column-sorting-indicators/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/package.json
+++ b/samples/grids/tree-grid/column-sorting-indicators/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-sorting-options/.eslintrc.js b/samples/grids/tree-grid/column-sorting-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-sorting-options/.eslintrc.js
+++ b/samples/grids/tree-grid/column-sorting-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/column-sorting-style/.eslintrc.js b/samples/grids/tree-grid/column-sorting-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/column-sorting-style/.eslintrc.js
+++ b/samples/grids/tree-grid/column-sorting-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/column-sorting-style/package.json
+++ b/samples/grids/tree-grid/column-sorting-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/conditional-cell-style-1/.eslintrc.js b/samples/grids/tree-grid/conditional-cell-style-1/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/.eslintrc.js
+++ b/samples/grids/tree-grid/conditional-cell-style-1/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/conditional-cell-style-1/package.json b/samples/grids/tree-grid/conditional-cell-style-1/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/conditional-cell-style-2/.eslintrc.js b/samples/grids/tree-grid/conditional-cell-style-2/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/.eslintrc.js
+++ b/samples/grids/tree-grid/conditional-cell-style-2/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/conditional-cell-style-2/package.json b/samples/grids/tree-grid/conditional-cell-style-2/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/conditional-row-selectors/.eslintrc.js b/samples/grids/tree-grid/conditional-row-selectors/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/.eslintrc.js
+++ b/samples/grids/tree-grid/conditional-row-selectors/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/package.json
+++ b/samples/grids/tree-grid/conditional-row-selectors/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/data-exporting-indicator/tsconfig.json b/samples/grids/tree-grid/data-exporting-indicator/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/tsconfig.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index 43e777749a..515518fbcc 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -14,8 +14,8 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/data-searching/tsconfig.json b/samples/grids/tree-grid/data-searching/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/data-searching/tsconfig.json
+++ b/samples/grids/tree-grid/data-searching/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/data-summary-children/.eslintrc.js b/samples/grids/tree-grid/data-summary-children/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/data-summary-children/.eslintrc.js
+++ b/samples/grids/tree-grid/data-summary-children/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/data-summary-formatter/.eslintrc.js b/samples/grids/tree-grid/data-summary-formatter/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/data-summary-formatter/.eslintrc.js
+++ b/samples/grids/tree-grid/data-summary-formatter/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/data-summary-formatter/package.json
+++ b/samples/grids/tree-grid/data-summary-formatter/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/data-summary-options-styling/.eslintrc.js b/samples/grids/tree-grid/data-summary-options-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/.eslintrc.js
+++ b/samples/grids/tree-grid/data-summary-options-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/data-summary-options-styling/package.json b/samples/grids/tree-grid/data-summary-options-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/package.json
+++ b/samples/grids/tree-grid/data-summary-options-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/data-summary-options/.eslintrc.js b/samples/grids/tree-grid/data-summary-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/data-summary-options/.eslintrc.js
+++ b/samples/grids/tree-grid/data-summary-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/data-summary-options/package.json
+++ b/samples/grids/tree-grid/data-summary-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/data-summary-template/.eslintrc.js b/samples/grids/tree-grid/data-summary-template/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/data-summary-template/.eslintrc.js
+++ b/samples/grids/tree-grid/data-summary-template/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/editing-columns/.eslintrc.js b/samples/grids/tree-grid/editing-columns/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/editing-columns/.eslintrc.js
+++ b/samples/grids/tree-grid/editing-columns/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/editing-columns/package.json
+++ b/samples/grids/tree-grid/editing-columns/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/editing-events/.eslintrc.js b/samples/grids/tree-grid/editing-events/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/editing-events/.eslintrc.js
+++ b/samples/grids/tree-grid/editing-events/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/editing-events/package.json
+++ b/samples/grids/tree-grid/editing-events/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/editing-lifecycle/.eslintrc.js b/samples/grids/tree-grid/editing-lifecycle/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/editing-lifecycle/.eslintrc.js
+++ b/samples/grids/tree-grid/editing-lifecycle/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/editing-lifecycle/package.json
+++ b/samples/grids/tree-grid/editing-lifecycle/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/excel-exporting/.eslintrc.js b/samples/grids/tree-grid/excel-exporting/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/excel-exporting/.eslintrc.js
+++ b/samples/grids/tree-grid/excel-exporting/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/excel-exporting/package.json
+++ b/samples/grids/tree-grid/excel-exporting/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/.eslintrc.js b/samples/grids/tree-grid/excel-style-filtering-sample-1/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/.eslintrc.js
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/.eslintrc.js b/samples/grids/tree-grid/excel-style-filtering-sample-2/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-2/.eslintrc.js
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/.eslintrc.js b/samples/grids/tree-grid/excel-style-filtering-sample-3/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-3/.eslintrc.js
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/excel-style-filtering-style/.eslintrc.js b/samples/grids/tree-grid/excel-style-filtering-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/.eslintrc.js
+++ b/samples/grids/tree-grid/excel-style-filtering-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/excel-style-filtering-style/package.json b/samples/grids/tree-grid/excel-style-filtering-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/filtering-options/.eslintrc.js b/samples/grids/tree-grid/filtering-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/filtering-options/.eslintrc.js
+++ b/samples/grids/tree-grid/filtering-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/filtering-options/package.json
+++ b/samples/grids/tree-grid/filtering-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/filtering-style/.eslintrc.js b/samples/grids/tree-grid/filtering-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/filtering-style/.eslintrc.js
+++ b/samples/grids/tree-grid/filtering-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/filtering-style/package.json
+++ b/samples/grids/tree-grid/filtering-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/.eslintrc.js b/samples/grids/tree-grid/keyboard-custom-navigation/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/.eslintrc.js
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/layout-display-density/.eslintrc.js b/samples/grids/tree-grid/layout-display-density/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/layout-display-density/.eslintrc.js
+++ b/samples/grids/tree-grid/layout-display-density/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/multi-cell-selection-mode/package.json b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/multi-cell-selection-mode/tsconfig.json b/samples/grids/tree-grid/multi-cell-selection-mode/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/tsconfig.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/multi-column-headers-export/.eslintrc.js b/samples/grids/tree-grid/multi-column-headers-export/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/.eslintrc.js
+++ b/samples/grids/tree-grid/multi-column-headers-export/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/multi-column-headers-export/package.json b/samples/grids/tree-grid/multi-column-headers-export/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-export/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/.eslintrc.js b/samples/grids/tree-grid/multi-column-headers-overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/.eslintrc.js
+++ b/samples/grids/tree-grid/multi-column-headers-overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/multi-column-headers-styling/.eslintrc.js b/samples/grids/tree-grid/multi-column-headers-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/.eslintrc.js
+++ b/samples/grids/tree-grid/multi-column-headers-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/multi-column-headers-styling/package.json b/samples/grids/tree-grid/multi-column-headers-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/multi-column-headers-template/.eslintrc.js b/samples/grids/tree-grid/multi-column-headers-template/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/.eslintrc.js
+++ b/samples/grids/tree-grid/multi-column-headers-template/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/multi-column-headers-template/package.json b/samples/grids/tree-grid/multi-column-headers-template/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-template/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/overview-styling/.eslintrc.js b/samples/grids/tree-grid/overview-styling/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/overview-styling/.eslintrc.js
+++ b/samples/grids/tree-grid/overview-styling/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/overview-styling/package.json
+++ b/samples/grids/tree-grid/overview-styling/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/overview/.eslintrc.js b/samples/grids/tree-grid/overview/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/overview/.eslintrc.js
+++ b/samples/grids/tree-grid/overview/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/overview/package.json
+++ b/samples/grids/tree-grid/overview/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-adding/.eslintrc.js b/samples/grids/tree-grid/row-adding/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-adding/.eslintrc.js
+++ b/samples/grids/tree-grid/row-adding/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-adding/package.json
+++ b/samples/grids/tree-grid/row-adding/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-classes/.eslintrc.js b/samples/grids/tree-grid/row-classes/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-classes/.eslintrc.js
+++ b/samples/grids/tree-grid/row-classes/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-classes/package.json
+++ b/samples/grids/tree-grid/row-classes/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-drag-base/tsconfig.json b/samples/grids/tree-grid/row-drag-base/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/row-drag-base/tsconfig.json
+++ b/samples/grids/tree-grid/row-drag-base/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/row-editing-options/.eslintrc.js b/samples/grids/tree-grid/row-editing-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-editing-options/.eslintrc.js
+++ b/samples/grids/tree-grid/row-editing-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-editing-options/package.json
+++ b/samples/grids/tree-grid/row-editing-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-editing-style/.eslintrc.js b/samples/grids/tree-grid/row-editing-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-editing-style/.eslintrc.js
+++ b/samples/grids/tree-grid/row-editing-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-editing-style/package.json
+++ b/samples/grids/tree-grid/row-editing-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-paging-basic/.eslintrc.js b/samples/grids/tree-grid/row-paging-basic/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-paging-basic/.eslintrc.js
+++ b/samples/grids/tree-grid/row-paging-basic/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-paging-basic/package.json
+++ b/samples/grids/tree-grid/row-paging-basic/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-paging-options/.eslintrc.js b/samples/grids/tree-grid/row-paging-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-paging-options/.eslintrc.js
+++ b/samples/grids/tree-grid/row-paging-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-paging-style/.eslintrc.js b/samples/grids/tree-grid/row-paging-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-paging-style/.eslintrc.js
+++ b/samples/grids/tree-grid/row-paging-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-paging-style/package.json
+++ b/samples/grids/tree-grid/row-paging-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-pinning-extra-column/.eslintrc.js b/samples/grids/tree-grid/row-pinning-extra-column/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/.eslintrc.js
+++ b/samples/grids/tree-grid/row-pinning-extra-column/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-pinning-extra-column/package.json b/samples/grids/tree-grid/row-pinning-extra-column/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-pinning-options/.eslintrc.js b/samples/grids/tree-grid/row-pinning-options/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-pinning-options/.eslintrc.js
+++ b/samples/grids/tree-grid/row-pinning-options/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-pinning-style/.eslintrc.js b/samples/grids/tree-grid/row-pinning-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-pinning-style/.eslintrc.js
+++ b/samples/grids/tree-grid/row-pinning-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-pinning-style/package.json
+++ b/samples/grids/tree-grid/row-pinning-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-reorder/.eslintrc.js b/samples/grids/tree-grid/row-reorder/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-reorder/.eslintrc.js
+++ b/samples/grids/tree-grid/row-reorder/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-reorder/package.json
+++ b/samples/grids/tree-grid/row-reorder/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-selection-mode/.eslintrc.js b/samples/grids/tree-grid/row-selection-mode/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-selection-mode/.eslintrc.js
+++ b/samples/grids/tree-grid/row-selection-mode/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-selection-template-excel/.eslintrc.js b/samples/grids/tree-grid/row-selection-template-excel/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/.eslintrc.js
+++ b/samples/grids/tree-grid/row-selection-template-excel/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-selection-template-excel/package.json b/samples/grids/tree-grid/row-selection-template-excel/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/package.json
+++ b/samples/grids/tree-grid/row-selection-template-excel/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-selection-template-numbers/.eslintrc.js b/samples/grids/tree-grid/row-selection-template-numbers/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/.eslintrc.js
+++ b/samples/grids/tree-grid/row-selection-template-numbers/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-selection-template-numbers/package.json b/samples/grids/tree-grid/row-selection-template-numbers/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/row-styles/.eslintrc.js b/samples/grids/tree-grid/row-styles/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/row-styles/.eslintrc.js
+++ b/samples/grids/tree-grid/row-styles/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/row-styles/package.json
+++ b/samples/grids/tree-grid/row-styles/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/state-persistence-about/tsconfig.json b/samples/grids/tree-grid/state-persistence-about/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/state-persistence-about/tsconfig.json
+++ b/samples/grids/tree-grid/state-persistence-about/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/state-persistence-main/tsconfig.json b/samples/grids/tree-grid/state-persistence-main/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/state-persistence-main/tsconfig.json
+++ b/samples/grids/tree-grid/state-persistence-main/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/toolbar-sample-1/.eslintrc.js b/samples/grids/tree-grid/toolbar-sample-1/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/.eslintrc.js
+++ b/samples/grids/tree-grid/toolbar-sample-1/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/toolbar-sample-2/tsconfig.json b/samples/grids/tree-grid/toolbar-sample-2/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/tsconfig.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/toolbar-sample-3/.eslintrc.js b/samples/grids/tree-grid/toolbar-sample-3/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/.eslintrc.js
+++ b/samples/grids/tree-grid/toolbar-sample-3/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/toolbar-sample-4/tsconfig.json b/samples/grids/tree-grid/toolbar-sample-4/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/tsconfig.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/grids/tree-grid/toolbar-style/.eslintrc.js b/samples/grids/tree-grid/toolbar-style/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/toolbar-style/.eslintrc.js
+++ b/samples/grids/tree-grid/toolbar-style/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/.eslintrc.js b/samples/grids/tree-grid/using-primary-foreign-keys/.eslintrc.js
index 9d283f6407..7168b71441 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/.eslintrc.js
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",
diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/package.json b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
index 3c8be9ac67..66806d1663 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree/basic-example/package.json b/samples/grids/tree/basic-example/package.json
index 09b1538c6a..dc95c653a5 100644
--- a/samples/grids/tree/basic-example/package.json
+++ b/samples/grids/tree/basic-example/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/tree/basic-example/tsconfig.json b/samples/grids/tree/basic-example/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/grids/tree/basic-example/tsconfig.json
+++ b/samples/grids/tree/basic-example/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/badge/outlined/package.json b/samples/inputs/badge/outlined/package.json
index 6327fcfd56..c5f7172de3 100644
--- a/samples/inputs/badge/outlined/package.json
+++ b/samples/inputs/badge/outlined/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/badge/outlined/tsconfig.json b/samples/inputs/badge/outlined/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/badge/outlined/tsconfig.json
+++ b/samples/inputs/badge/outlined/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/badge/shape/package.json b/samples/inputs/badge/shape/package.json
index 0c7c11e2cd..64f4d467ba 100644
--- a/samples/inputs/badge/shape/package.json
+++ b/samples/inputs/badge/shape/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/badge/shape/tsconfig.json b/samples/inputs/badge/shape/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/badge/shape/tsconfig.json
+++ b/samples/inputs/badge/shape/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/badge/variants/package.json b/samples/inputs/badge/variants/package.json
index 8d13cb98a9..a95dbfb4d5 100644
--- a/samples/inputs/badge/variants/package.json
+++ b/samples/inputs/badge/variants/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/badge/variants/tsconfig.json b/samples/inputs/badge/variants/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/badge/variants/tsconfig.json
+++ b/samples/inputs/badge/variants/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button-group/alignment/package.json b/samples/inputs/button-group/alignment/package.json
index 6388f975c4..191c6a491b 100644
--- a/samples/inputs/button-group/alignment/package.json
+++ b/samples/inputs/button-group/alignment/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/alignment/tsconfig.json b/samples/inputs/button-group/alignment/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button-group/alignment/tsconfig.json
+++ b/samples/inputs/button-group/alignment/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button-group/overview/package.json b/samples/inputs/button-group/overview/package.json
index c4d6d808a5..5e90a4b24b 100644
--- a/samples/inputs/button-group/overview/package.json
+++ b/samples/inputs/button-group/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/overview/tsconfig.json b/samples/inputs/button-group/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button-group/overview/tsconfig.json
+++ b/samples/inputs/button-group/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button-group/selection/package.json b/samples/inputs/button-group/selection/package.json
index b55012a0e9..e399b5e302 100644
--- a/samples/inputs/button-group/selection/package.json
+++ b/samples/inputs/button-group/selection/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/selection/tsconfig.json b/samples/inputs/button-group/selection/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button-group/selection/tsconfig.json
+++ b/samples/inputs/button-group/selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button-group/size/package.json b/samples/inputs/button-group/size/package.json
index 30b3696089..f95015b794 100644
--- a/samples/inputs/button-group/size/package.json
+++ b/samples/inputs/button-group/size/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/size/tsconfig.json b/samples/inputs/button-group/size/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button-group/size/tsconfig.json
+++ b/samples/inputs/button-group/size/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button-group/styling/package.json b/samples/inputs/button-group/styling/package.json
index 2c5df477bf..0ff2ba323e 100644
--- a/samples/inputs/button-group/styling/package.json
+++ b/samples/inputs/button-group/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/styling/tsconfig.json b/samples/inputs/button-group/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button-group/styling/tsconfig.json
+++ b/samples/inputs/button-group/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button/contained/package.json b/samples/inputs/button/contained/package.json
index 1871c375b0..1dd45e3933 100644
--- a/samples/inputs/button/contained/package.json
+++ b/samples/inputs/button/contained/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/contained/tsconfig.json b/samples/inputs/button/contained/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button/contained/tsconfig.json
+++ b/samples/inputs/button/contained/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button/download/package.json b/samples/inputs/button/download/package.json
index 6264324889..17d6ca5058 100644
--- a/samples/inputs/button/download/package.json
+++ b/samples/inputs/button/download/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/download/tsconfig.json b/samples/inputs/button/download/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button/download/tsconfig.json
+++ b/samples/inputs/button/download/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button/fab/package.json b/samples/inputs/button/fab/package.json
index 46ad0fef41..2af55dbba7 100644
--- a/samples/inputs/button/fab/package.json
+++ b/samples/inputs/button/fab/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/fab/tsconfig.json b/samples/inputs/button/fab/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button/fab/tsconfig.json
+++ b/samples/inputs/button/fab/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button/flat/package.json b/samples/inputs/button/flat/package.json
index 0c26f7b680..8ea51c35fe 100644
--- a/samples/inputs/button/flat/package.json
+++ b/samples/inputs/button/flat/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/flat/tsconfig.json b/samples/inputs/button/flat/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button/flat/tsconfig.json
+++ b/samples/inputs/button/flat/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button/outlined/package.json b/samples/inputs/button/outlined/package.json
index 1349b30053..6fbf72e784 100644
--- a/samples/inputs/button/outlined/package.json
+++ b/samples/inputs/button/outlined/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/outlined/tsconfig.json b/samples/inputs/button/outlined/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button/outlined/tsconfig.json
+++ b/samples/inputs/button/outlined/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button/overview/package.json b/samples/inputs/button/overview/package.json
index 8f969bdaec..70c14b5ef8 100644
--- a/samples/inputs/button/overview/package.json
+++ b/samples/inputs/button/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/overview/tsconfig.json b/samples/inputs/button/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button/overview/tsconfig.json
+++ b/samples/inputs/button/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button/size/package.json b/samples/inputs/button/size/package.json
index 42eb99db55..532f2e8ed2 100644
--- a/samples/inputs/button/size/package.json
+++ b/samples/inputs/button/size/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/size/tsconfig.json b/samples/inputs/button/size/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button/size/tsconfig.json
+++ b/samples/inputs/button/size/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/button/styling/package.json b/samples/inputs/button/styling/package.json
index 1471d1463c..6031fe9f4a 100644
--- a/samples/inputs/button/styling/package.json
+++ b/samples/inputs/button/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/styling/tsconfig.json b/samples/inputs/button/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/button/styling/tsconfig.json
+++ b/samples/inputs/button/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/checkbox/checking/package.json b/samples/inputs/checkbox/checking/package.json
index b0c9a20c1d..65f90c9fcc 100644
--- a/samples/inputs/checkbox/checking/package.json
+++ b/samples/inputs/checkbox/checking/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/checking/tsconfig.json b/samples/inputs/checkbox/checking/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/checkbox/checking/tsconfig.json
+++ b/samples/inputs/checkbox/checking/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/checkbox/disabled/package.json b/samples/inputs/checkbox/disabled/package.json
index a4d393921f..68f1fbd7cd 100644
--- a/samples/inputs/checkbox/disabled/package.json
+++ b/samples/inputs/checkbox/disabled/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/disabled/tsconfig.json b/samples/inputs/checkbox/disabled/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/checkbox/disabled/tsconfig.json
+++ b/samples/inputs/checkbox/disabled/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/checkbox/indeterminate/package.json b/samples/inputs/checkbox/indeterminate/package.json
index 1feff5cdbc..afef9d68b9 100644
--- a/samples/inputs/checkbox/indeterminate/package.json
+++ b/samples/inputs/checkbox/indeterminate/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/indeterminate/tsconfig.json b/samples/inputs/checkbox/indeterminate/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/checkbox/indeterminate/tsconfig.json
+++ b/samples/inputs/checkbox/indeterminate/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/checkbox/label/package.json b/samples/inputs/checkbox/label/package.json
index ffcbea0dd4..985e0c3b2d 100644
--- a/samples/inputs/checkbox/label/package.json
+++ b/samples/inputs/checkbox/label/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/label/tsconfig.json b/samples/inputs/checkbox/label/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/checkbox/label/tsconfig.json
+++ b/samples/inputs/checkbox/label/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/checkbox/overview/package.json b/samples/inputs/checkbox/overview/package.json
index 707835410e..cef1bffff2 100644
--- a/samples/inputs/checkbox/overview/package.json
+++ b/samples/inputs/checkbox/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/overview/tsconfig.json b/samples/inputs/checkbox/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/checkbox/overview/tsconfig.json
+++ b/samples/inputs/checkbox/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/chip/multiple/package.json b/samples/inputs/chip/multiple/package.json
index 7dcb370f81..66e5027ef7 100644
--- a/samples/inputs/chip/multiple/package.json
+++ b/samples/inputs/chip/multiple/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/multiple/tsconfig.json b/samples/inputs/chip/multiple/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/chip/multiple/tsconfig.json
+++ b/samples/inputs/chip/multiple/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/chip/overview/package.json b/samples/inputs/chip/overview/package.json
index 815802e38d..653c0e8a43 100644
--- a/samples/inputs/chip/overview/package.json
+++ b/samples/inputs/chip/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/overview/tsconfig.json b/samples/inputs/chip/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/chip/overview/tsconfig.json
+++ b/samples/inputs/chip/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/chip/size/package.json b/samples/inputs/chip/size/package.json
index 8bce571e88..8b14f7c963 100644
--- a/samples/inputs/chip/size/package.json
+++ b/samples/inputs/chip/size/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/size/tsconfig.json b/samples/inputs/chip/size/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/chip/size/tsconfig.json
+++ b/samples/inputs/chip/size/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/chip/styling/package.json b/samples/inputs/chip/styling/package.json
index a3a14dbd2f..54c30c8b55 100644
--- a/samples/inputs/chip/styling/package.json
+++ b/samples/inputs/chip/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/styling/tsconfig.json b/samples/inputs/chip/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/chip/styling/tsconfig.json
+++ b/samples/inputs/chip/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/chip/variants/package.json b/samples/inputs/chip/variants/package.json
index d394b2556c..77de33e5c1 100644
--- a/samples/inputs/chip/variants/package.json
+++ b/samples/inputs/chip/variants/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/variants/tsconfig.json b/samples/inputs/chip/variants/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/chip/variants/tsconfig.json
+++ b/samples/inputs/chip/variants/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/circular-progress-indicator/dynamic/package.json b/samples/inputs/circular-progress-indicator/dynamic/package.json
index cddc64cb20..5de69d20e9 100644
--- a/samples/inputs/circular-progress-indicator/dynamic/package.json
+++ b/samples/inputs/circular-progress-indicator/dynamic/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/circular-progress-indicator/dynamic/tsconfig.json b/samples/inputs/circular-progress-indicator/dynamic/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/circular-progress-indicator/dynamic/tsconfig.json
+++ b/samples/inputs/circular-progress-indicator/dynamic/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/circular-progress-indicator/indeterminate/package.json b/samples/inputs/circular-progress-indicator/indeterminate/package.json
index 7218d07cf5..2e42353d22 100644
--- a/samples/inputs/circular-progress-indicator/indeterminate/package.json
+++ b/samples/inputs/circular-progress-indicator/indeterminate/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/circular-progress-indicator/indeterminate/tsconfig.json b/samples/inputs/circular-progress-indicator/indeterminate/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/circular-progress-indicator/indeterminate/tsconfig.json
+++ b/samples/inputs/circular-progress-indicator/indeterminate/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/circular-progress-indicator/simple/package.json b/samples/inputs/circular-progress-indicator/simple/package.json
index 4f58ae9caf..320f16ab5c 100644
--- a/samples/inputs/circular-progress-indicator/simple/package.json
+++ b/samples/inputs/circular-progress-indicator/simple/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/circular-progress-indicator/simple/tsconfig.json b/samples/inputs/circular-progress-indicator/simple/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/circular-progress-indicator/simple/tsconfig.json
+++ b/samples/inputs/circular-progress-indicator/simple/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/circular-progress-indicator/styling/package.json b/samples/inputs/circular-progress-indicator/styling/package.json
index 58ea9bd80b..a132790939 100644
--- a/samples/inputs/circular-progress-indicator/styling/package.json
+++ b/samples/inputs/circular-progress-indicator/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/circular-progress-indicator/styling/tsconfig.json b/samples/inputs/circular-progress-indicator/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/circular-progress-indicator/styling/tsconfig.json
+++ b/samples/inputs/circular-progress-indicator/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/color-editor/overview/.eslintrc.js b/samples/inputs/color-editor/overview/.eslintrc.js
new file mode 100644
index 0000000000..7168b71441
--- /dev/null
+++ b/samples/inputs/color-editor/overview/.eslintrc.js
@@ -0,0 +1,78 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/inputs/color-editor/overview/ReadMe.md b/samples/inputs/color-editor/overview/ReadMe.md
new file mode 100644
index 0000000000..34508b5c23
--- /dev/null
+++ b/samples/inputs/color-editor/overview/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Overview feature using [Color Editor](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/inputs/color-editor/overview" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/inputs/color-editor/overview?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/inputs/color-editor/overview
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/inputs/color-editor/overview/package.json b/samples/inputs/color-editor/overview/package.json
new file mode 100644
index 0000000000..ecc4d39770
--- /dev/null
+++ b/samples/inputs/color-editor/overview/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-webcomponents": "5.1.2",
+    "lit-html": "^3.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/inputs/color-editor/overview/public/index.html b/samples/inputs/color-editor/overview/public/index.html
new file mode 100644
index 0000000000..e2d3265576
--- /dev/null
+++ b/samples/inputs/color-editor/overview/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/react.png" >
+    <link rel="stylesheet"    href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/inputs/color-editor/overview/sandbox.config.json b/samples/inputs/color-editor/overview/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/inputs/color-editor/overview/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/inputs/color-editor/overview/src/index.css b/samples/inputs/color-editor/overview/src/index.css
new file mode 100644
index 0000000000..98682b8543
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
diff --git a/samples/inputs/color-editor/overview/src/index.tsx b/samples/inputs/color-editor/overview/src/index.tsx
new file mode 100644
index 0000000000..cb5bd3db5a
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/index.tsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+
+import { IgrColorEditorModule } from 'igniteui-react-inputs';
+import { IgrColorEditor } from 'igniteui-react-inputs';
+
+const mods: any[] = [
+    IgrColorEditorModule
+];
+mods.forEach((m) => m.register());
+
+export default class Sample extends React.Component<any, any> {
+    private colorEditor: IgrColorEditor
+    private colorEditorRef(r: IgrColorEditor) {
+        this.colorEditor = r;
+        this.setState({});
+    }
+
+    constructor(props: any) {
+        super(props);
+
+        this.colorEditorRef = this.colorEditorRef.bind(this);
+    }
+
+    public render(): JSX.Element {
+        return (
+        <div className="container sample">
+
+            <div className="container fill">
+                <IgrColorEditor
+                    ref={this.colorEditorRef}>
+                </IgrColorEditor>
+            </div>
+        </div>
+        );
+    }
+
+}
+
+// rendering above component in the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<Sample/>);
\ No newline at end of file
diff --git a/samples/inputs/color-editor/overview/src/react-app-env.d.ts b/samples/inputs/color-editor/overview/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/inputs/color-editor/overview/tsconfig.json b/samples/inputs/color-editor/overview/tsconfig.json
new file mode 100644
index 0000000000..42c6ace1da
--- /dev/null
+++ b/samples/inputs/color-editor/overview/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/inputs/combo/features/package.json b/samples/inputs/combo/features/package.json
index dc0090e092..4b130b119f 100644
--- a/samples/inputs/combo/features/package.json
+++ b/samples/inputs/combo/features/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/features/tsconfig.json b/samples/inputs/combo/features/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/combo/features/tsconfig.json
+++ b/samples/inputs/combo/features/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/combo/overview/package.json b/samples/inputs/combo/overview/package.json
index 71196e0365..d825b06ca6 100644
--- a/samples/inputs/combo/overview/package.json
+++ b/samples/inputs/combo/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/overview/tsconfig.json b/samples/inputs/combo/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/combo/overview/tsconfig.json
+++ b/samples/inputs/combo/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/combo/selection/package.json b/samples/inputs/combo/selection/package.json
index b39c69ade2..bac646da84 100644
--- a/samples/inputs/combo/selection/package.json
+++ b/samples/inputs/combo/selection/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/selection/tsconfig.json b/samples/inputs/combo/selection/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/combo/selection/tsconfig.json
+++ b/samples/inputs/combo/selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/combo/simplified/package.json b/samples/inputs/combo/simplified/package.json
index 31dbad1516..088b73c1a2 100644
--- a/samples/inputs/combo/simplified/package.json
+++ b/samples/inputs/combo/simplified/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/simplified/tsconfig.json b/samples/inputs/combo/simplified/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/combo/simplified/tsconfig.json
+++ b/samples/inputs/combo/simplified/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/combo/styling/package.json b/samples/inputs/combo/styling/package.json
index 4c79ffde12..be114df1e0 100644
--- a/samples/inputs/combo/styling/package.json
+++ b/samples/inputs/combo/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/styling/tsconfig.json b/samples/inputs/combo/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/combo/styling/tsconfig.json
+++ b/samples/inputs/combo/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/date-time-input/input-format-display-format/package.json b/samples/inputs/date-time-input/input-format-display-format/package.json
index 43a1cdea84..2cdf6ce2fd 100644
--- a/samples/inputs/date-time-input/input-format-display-format/package.json
+++ b/samples/inputs/date-time-input/input-format-display-format/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/date-time-input/input-format-display-format/tsconfig.json b/samples/inputs/date-time-input/input-format-display-format/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/inputs/date-time-input/input-format-display-format/tsconfig.json
+++ b/samples/inputs/date-time-input/input-format-display-format/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/date-time-input/min-max-value/package.json b/samples/inputs/date-time-input/min-max-value/package.json
index 6107a32020..9a8937b7ff 100644
--- a/samples/inputs/date-time-input/min-max-value/package.json
+++ b/samples/inputs/date-time-input/min-max-value/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/date-time-input/min-max-value/tsconfig.json b/samples/inputs/date-time-input/min-max-value/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/inputs/date-time-input/min-max-value/tsconfig.json
+++ b/samples/inputs/date-time-input/min-max-value/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/date-time-input/overview/package.json b/samples/inputs/date-time-input/overview/package.json
index d6b13a4c08..509937e550 100644
--- a/samples/inputs/date-time-input/overview/package.json
+++ b/samples/inputs/date-time-input/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/date-time-input/overview/tsconfig.json b/samples/inputs/date-time-input/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/inputs/date-time-input/overview/tsconfig.json
+++ b/samples/inputs/date-time-input/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/date-time-input/step-up-down/package.json b/samples/inputs/date-time-input/step-up-down/package.json
index 9e43b210d9..d10eb67fb2 100644
--- a/samples/inputs/date-time-input/step-up-down/package.json
+++ b/samples/inputs/date-time-input/step-up-down/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/date-time-input/step-up-down/tsconfig.json b/samples/inputs/date-time-input/step-up-down/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/inputs/date-time-input/step-up-down/tsconfig.json
+++ b/samples/inputs/date-time-input/step-up-down/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/dropdown/group/package.json b/samples/inputs/dropdown/group/package.json
index d14951226b..06b83ce3b9 100644
--- a/samples/inputs/dropdown/group/package.json
+++ b/samples/inputs/dropdown/group/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/group/tsconfig.json b/samples/inputs/dropdown/group/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/dropdown/group/tsconfig.json
+++ b/samples/inputs/dropdown/group/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/dropdown/header/package.json b/samples/inputs/dropdown/header/package.json
index 737921863b..436e4c2f2c 100644
--- a/samples/inputs/dropdown/header/package.json
+++ b/samples/inputs/dropdown/header/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/header/tsconfig.json b/samples/inputs/dropdown/header/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/dropdown/header/tsconfig.json
+++ b/samples/inputs/dropdown/header/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/dropdown/item/package.json b/samples/inputs/dropdown/item/package.json
index 53f5b6b0b6..4e41ec29c2 100644
--- a/samples/inputs/dropdown/item/package.json
+++ b/samples/inputs/dropdown/item/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/item/tsconfig.json b/samples/inputs/dropdown/item/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/dropdown/item/tsconfig.json
+++ b/samples/inputs/dropdown/item/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/dropdown/overview/package.json b/samples/inputs/dropdown/overview/package.json
index f426f84c8f..3c8ee1dbc5 100644
--- a/samples/inputs/dropdown/overview/package.json
+++ b/samples/inputs/dropdown/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/overview/tsconfig.json b/samples/inputs/dropdown/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/dropdown/overview/tsconfig.json
+++ b/samples/inputs/dropdown/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/dropdown/position/package.json b/samples/inputs/dropdown/position/package.json
index a151d06b7f..404dee94ca 100644
--- a/samples/inputs/dropdown/position/package.json
+++ b/samples/inputs/dropdown/position/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/position/tsconfig.json b/samples/inputs/dropdown/position/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/dropdown/position/tsconfig.json
+++ b/samples/inputs/dropdown/position/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/dropdown/styling/package.json b/samples/inputs/dropdown/styling/package.json
index 50966efdb1..c55cbf3f0e 100644
--- a/samples/inputs/dropdown/styling/package.json
+++ b/samples/inputs/dropdown/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/styling/tsconfig.json b/samples/inputs/dropdown/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/dropdown/styling/tsconfig.json
+++ b/samples/inputs/dropdown/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/dropdown/target/package.json b/samples/inputs/dropdown/target/package.json
index 70f40b83a1..7060f27ab2 100644
--- a/samples/inputs/dropdown/target/package.json
+++ b/samples/inputs/dropdown/target/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/target/tsconfig.json b/samples/inputs/dropdown/target/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/dropdown/target/tsconfig.json
+++ b/samples/inputs/dropdown/target/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/icon-button/size/package.json b/samples/inputs/icon-button/size/package.json
index 96c3f955a9..96672de116 100644
--- a/samples/inputs/icon-button/size/package.json
+++ b/samples/inputs/icon-button/size/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/icon-button/size/tsconfig.json b/samples/inputs/icon-button/size/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/icon-button/size/tsconfig.json
+++ b/samples/inputs/icon-button/size/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/icon-button/styling/package.json b/samples/inputs/icon-button/styling/package.json
index e2ee1dbdf0..83b01162c7 100644
--- a/samples/inputs/icon-button/styling/package.json
+++ b/samples/inputs/icon-button/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/icon-button/styling/tsconfig.json b/samples/inputs/icon-button/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/icon-button/styling/tsconfig.json
+++ b/samples/inputs/icon-button/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/icon-button/variant/package.json b/samples/inputs/icon-button/variant/package.json
index aa96a07357..9a32bf3a4c 100644
--- a/samples/inputs/icon-button/variant/package.json
+++ b/samples/inputs/icon-button/variant/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/icon-button/variant/tsconfig.json b/samples/inputs/icon-button/variant/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/icon-button/variant/tsconfig.json
+++ b/samples/inputs/icon-button/variant/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/input/helper-text/package.json b/samples/inputs/input/helper-text/package.json
index 0e1a478dde..b697203060 100644
--- a/samples/inputs/input/helper-text/package.json
+++ b/samples/inputs/input/helper-text/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/helper-text/tsconfig.json b/samples/inputs/input/helper-text/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/input/helper-text/tsconfig.json
+++ b/samples/inputs/input/helper-text/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/input/overview/package.json b/samples/inputs/input/overview/package.json
index cd6392787e..5f689bb23c 100644
--- a/samples/inputs/input/overview/package.json
+++ b/samples/inputs/input/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/overview/tsconfig.json b/samples/inputs/input/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/input/overview/tsconfig.json
+++ b/samples/inputs/input/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/input/prefix-suffix/package.json b/samples/inputs/input/prefix-suffix/package.json
index b7b9f453d1..ceee821f30 100644
--- a/samples/inputs/input/prefix-suffix/package.json
+++ b/samples/inputs/input/prefix-suffix/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/prefix-suffix/tsconfig.json b/samples/inputs/input/prefix-suffix/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/input/prefix-suffix/tsconfig.json
+++ b/samples/inputs/input/prefix-suffix/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/input/size/package.json b/samples/inputs/input/size/package.json
index 43066c5493..770f505423 100644
--- a/samples/inputs/input/size/package.json
+++ b/samples/inputs/input/size/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/size/tsconfig.json b/samples/inputs/input/size/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/input/size/tsconfig.json
+++ b/samples/inputs/input/size/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/input/styling/package.json b/samples/inputs/input/styling/package.json
index 28d76e02ae..2b499462a7 100644
--- a/samples/inputs/input/styling/package.json
+++ b/samples/inputs/input/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/styling/tsconfig.json b/samples/inputs/input/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/input/styling/tsconfig.json
+++ b/samples/inputs/input/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/linear-progress-indicator/dynamic/package.json b/samples/inputs/linear-progress-indicator/dynamic/package.json
index e505476452..43a0e80837 100644
--- a/samples/inputs/linear-progress-indicator/dynamic/package.json
+++ b/samples/inputs/linear-progress-indicator/dynamic/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/dynamic/tsconfig.json b/samples/inputs/linear-progress-indicator/dynamic/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/linear-progress-indicator/dynamic/tsconfig.json
+++ b/samples/inputs/linear-progress-indicator/dynamic/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/linear-progress-indicator/simple/package.json b/samples/inputs/linear-progress-indicator/simple/package.json
index e3dc4e77c3..f825998fc5 100644
--- a/samples/inputs/linear-progress-indicator/simple/package.json
+++ b/samples/inputs/linear-progress-indicator/simple/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/simple/tsconfig.json b/samples/inputs/linear-progress-indicator/simple/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/linear-progress-indicator/simple/tsconfig.json
+++ b/samples/inputs/linear-progress-indicator/simple/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/linear-progress-indicator/striped/package.json b/samples/inputs/linear-progress-indicator/striped/package.json
index 8d98f23687..13929c0887 100644
--- a/samples/inputs/linear-progress-indicator/striped/package.json
+++ b/samples/inputs/linear-progress-indicator/striped/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/striped/tsconfig.json b/samples/inputs/linear-progress-indicator/striped/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/linear-progress-indicator/striped/tsconfig.json
+++ b/samples/inputs/linear-progress-indicator/striped/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/linear-progress-indicator/styling/package.json b/samples/inputs/linear-progress-indicator/styling/package.json
index 197dc07cb9..5db05a9e42 100644
--- a/samples/inputs/linear-progress-indicator/styling/package.json
+++ b/samples/inputs/linear-progress-indicator/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/styling/tsconfig.json b/samples/inputs/linear-progress-indicator/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/linear-progress-indicator/styling/tsconfig.json
+++ b/samples/inputs/linear-progress-indicator/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/linear-progress-indicator/types/package.json b/samples/inputs/linear-progress-indicator/types/package.json
index c3e06539f3..1ea64872ed 100644
--- a/samples/inputs/linear-progress-indicator/types/package.json
+++ b/samples/inputs/linear-progress-indicator/types/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/types/tsconfig.json b/samples/inputs/linear-progress-indicator/types/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/linear-progress-indicator/types/tsconfig.json
+++ b/samples/inputs/linear-progress-indicator/types/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/mask-input/applying-mask/package.json b/samples/inputs/mask-input/applying-mask/package.json
index 84eff3a1db..6d176053de 100644
--- a/samples/inputs/mask-input/applying-mask/package.json
+++ b/samples/inputs/mask-input/applying-mask/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/mask-input/applying-mask/tsconfig.json b/samples/inputs/mask-input/applying-mask/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/mask-input/applying-mask/tsconfig.json
+++ b/samples/inputs/mask-input/applying-mask/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/mask-input/overview/package.json b/samples/inputs/mask-input/overview/package.json
index 11a889f8dd..0510499960 100644
--- a/samples/inputs/mask-input/overview/package.json
+++ b/samples/inputs/mask-input/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/mask-input/overview/tsconfig.json b/samples/inputs/mask-input/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/mask-input/overview/tsconfig.json
+++ b/samples/inputs/mask-input/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/mask-input/value-modes/package.json b/samples/inputs/mask-input/value-modes/package.json
index bc1403f735..769e435ac9 100644
--- a/samples/inputs/mask-input/value-modes/package.json
+++ b/samples/inputs/mask-input/value-modes/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/mask-input/value-modes/tsconfig.json b/samples/inputs/mask-input/value-modes/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/mask-input/value-modes/tsconfig.json
+++ b/samples/inputs/mask-input/value-modes/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/radio/alignment/package.json b/samples/inputs/radio/alignment/package.json
index e4fda9508a..f6ba8e0ee4 100644
--- a/samples/inputs/radio/alignment/package.json
+++ b/samples/inputs/radio/alignment/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/alignment/tsconfig.json b/samples/inputs/radio/alignment/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/radio/alignment/tsconfig.json
+++ b/samples/inputs/radio/alignment/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/radio/disabled/package.json b/samples/inputs/radio/disabled/package.json
index b07789dc15..50751484a6 100644
--- a/samples/inputs/radio/disabled/package.json
+++ b/samples/inputs/radio/disabled/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/disabled/tsconfig.json b/samples/inputs/radio/disabled/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/radio/disabled/tsconfig.json
+++ b/samples/inputs/radio/disabled/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/radio/group/package.json b/samples/inputs/radio/group/package.json
index ab3ffb24f5..f3e365b428 100644
--- a/samples/inputs/radio/group/package.json
+++ b/samples/inputs/radio/group/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/group/tsconfig.json b/samples/inputs/radio/group/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/radio/group/tsconfig.json
+++ b/samples/inputs/radio/group/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/radio/invalid/package.json b/samples/inputs/radio/invalid/package.json
index eb649905bd..88708cdfb1 100644
--- a/samples/inputs/radio/invalid/package.json
+++ b/samples/inputs/radio/invalid/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/invalid/tsconfig.json b/samples/inputs/radio/invalid/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/radio/invalid/tsconfig.json
+++ b/samples/inputs/radio/invalid/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/radio/label/package.json b/samples/inputs/radio/label/package.json
index ac8f3af9f4..c6c2e9dee8 100644
--- a/samples/inputs/radio/label/package.json
+++ b/samples/inputs/radio/label/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/label/tsconfig.json b/samples/inputs/radio/label/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/radio/label/tsconfig.json
+++ b/samples/inputs/radio/label/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/radio/styling/package.json b/samples/inputs/radio/styling/package.json
index 663dfb4461..0bc742ab51 100644
--- a/samples/inputs/radio/styling/package.json
+++ b/samples/inputs/radio/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/styling/tsconfig.json b/samples/inputs/radio/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/radio/styling/tsconfig.json
+++ b/samples/inputs/radio/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/rating/basic/package.json b/samples/inputs/rating/basic/package.json
index 8f969bdaec..70c14b5ef8 100644
--- a/samples/inputs/rating/basic/package.json
+++ b/samples/inputs/rating/basic/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/basic/tsconfig.json b/samples/inputs/rating/basic/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/rating/basic/tsconfig.json
+++ b/samples/inputs/rating/basic/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/rating/custom/package.json b/samples/inputs/rating/custom/package.json
index 8f969bdaec..70c14b5ef8 100644
--- a/samples/inputs/rating/custom/package.json
+++ b/samples/inputs/rating/custom/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/custom/tsconfig.json b/samples/inputs/rating/custom/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/rating/custom/tsconfig.json
+++ b/samples/inputs/rating/custom/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/rating/empty/package.json b/samples/inputs/rating/empty/package.json
index 8f969bdaec..70c14b5ef8 100644
--- a/samples/inputs/rating/empty/package.json
+++ b/samples/inputs/rating/empty/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/empty/tsconfig.json b/samples/inputs/rating/empty/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/rating/empty/tsconfig.json
+++ b/samples/inputs/rating/empty/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/rating/single-selection/package.json b/samples/inputs/rating/single-selection/package.json
index 8f969bdaec..70c14b5ef8 100644
--- a/samples/inputs/rating/single-selection/package.json
+++ b/samples/inputs/rating/single-selection/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/single-selection/tsconfig.json b/samples/inputs/rating/single-selection/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/rating/single-selection/tsconfig.json
+++ b/samples/inputs/rating/single-selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/rating/styling/package.json b/samples/inputs/rating/styling/package.json
index 8f969bdaec..70c14b5ef8 100644
--- a/samples/inputs/rating/styling/package.json
+++ b/samples/inputs/rating/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/styling/tsconfig.json b/samples/inputs/rating/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/rating/styling/tsconfig.json
+++ b/samples/inputs/rating/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/ripple/button/package.json b/samples/inputs/ripple/button/package.json
index a7aaf2332d..615000d233 100644
--- a/samples/inputs/ripple/button/package.json
+++ b/samples/inputs/ripple/button/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/ripple/button/tsconfig.json b/samples/inputs/ripple/button/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/ripple/button/tsconfig.json
+++ b/samples/inputs/ripple/button/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/ripple/color/package.json b/samples/inputs/ripple/color/package.json
index e244c17497..80b954ad52 100644
--- a/samples/inputs/ripple/color/package.json
+++ b/samples/inputs/ripple/color/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/ripple/color/tsconfig.json b/samples/inputs/ripple/color/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/ripple/color/tsconfig.json
+++ b/samples/inputs/ripple/color/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/select/group/package.json b/samples/inputs/select/group/package.json
index 5d95eb0ee6..54c7408f63 100644
--- a/samples/inputs/select/group/package.json
+++ b/samples/inputs/select/group/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/group/tsconfig.json b/samples/inputs/select/group/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/select/group/tsconfig.json
+++ b/samples/inputs/select/group/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/select/header/package.json b/samples/inputs/select/header/package.json
index 888d8a85af..ac75f4f1de 100644
--- a/samples/inputs/select/header/package.json
+++ b/samples/inputs/select/header/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/header/tsconfig.json b/samples/inputs/select/header/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/select/header/tsconfig.json
+++ b/samples/inputs/select/header/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/select/item/package.json b/samples/inputs/select/item/package.json
index d25b13e898..c0f441e626 100644
--- a/samples/inputs/select/item/package.json
+++ b/samples/inputs/select/item/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/item/tsconfig.json b/samples/inputs/select/item/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/select/item/tsconfig.json
+++ b/samples/inputs/select/item/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/select/overview/package.json b/samples/inputs/select/overview/package.json
index 3fb09f305a..d225165976 100644
--- a/samples/inputs/select/overview/package.json
+++ b/samples/inputs/select/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/overview/tsconfig.json b/samples/inputs/select/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/select/overview/tsconfig.json
+++ b/samples/inputs/select/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/select/styling/package.json b/samples/inputs/select/styling/package.json
index d52f46bcc9..57702cac8d 100644
--- a/samples/inputs/select/styling/package.json
+++ b/samples/inputs/select/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/styling/tsconfig.json b/samples/inputs/select/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/select/styling/tsconfig.json
+++ b/samples/inputs/select/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/constraints/package.json b/samples/inputs/slider/constraints/package.json
index 48f8a79322..16ef064958 100644
--- a/samples/inputs/slider/constraints/package.json
+++ b/samples/inputs/slider/constraints/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/constraints/tsconfig.json b/samples/inputs/slider/constraints/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/constraints/tsconfig.json
+++ b/samples/inputs/slider/constraints/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/disabled/package.json b/samples/inputs/slider/disabled/package.json
index ba682da302..7e825c1cb9 100644
--- a/samples/inputs/slider/disabled/package.json
+++ b/samples/inputs/slider/disabled/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/disabled/tsconfig.json b/samples/inputs/slider/disabled/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/disabled/tsconfig.json
+++ b/samples/inputs/slider/disabled/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/discrete/package.json b/samples/inputs/slider/discrete/package.json
index 1adb43bed1..1647d2ee92 100644
--- a/samples/inputs/slider/discrete/package.json
+++ b/samples/inputs/slider/discrete/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/discrete/tsconfig.json b/samples/inputs/slider/discrete/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/discrete/tsconfig.json
+++ b/samples/inputs/slider/discrete/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/labels/package.json b/samples/inputs/slider/labels/package.json
index 1743eebe4f..1cf33b2563 100644
--- a/samples/inputs/slider/labels/package.json
+++ b/samples/inputs/slider/labels/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/labels/tsconfig.json b/samples/inputs/slider/labels/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/labels/tsconfig.json
+++ b/samples/inputs/slider/labels/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/overview/package.json b/samples/inputs/slider/overview/package.json
index 8ed16acec7..3e2eafe15d 100644
--- a/samples/inputs/slider/overview/package.json
+++ b/samples/inputs/slider/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/overview/tsconfig.json b/samples/inputs/slider/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/overview/tsconfig.json
+++ b/samples/inputs/slider/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/styling/package.json b/samples/inputs/slider/styling/package.json
index 3dc40d3e68..90af4482bb 100644
--- a/samples/inputs/slider/styling/package.json
+++ b/samples/inputs/slider/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/styling/tsconfig.json b/samples/inputs/slider/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/styling/tsconfig.json
+++ b/samples/inputs/slider/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/tick-labels/package.json b/samples/inputs/slider/tick-labels/package.json
index 3d4a58c1f2..9efb545c38 100644
--- a/samples/inputs/slider/tick-labels/package.json
+++ b/samples/inputs/slider/tick-labels/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/tick-labels/tsconfig.json b/samples/inputs/slider/tick-labels/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/tick-labels/tsconfig.json
+++ b/samples/inputs/slider/tick-labels/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/ticks/package.json b/samples/inputs/slider/ticks/package.json
index 5b4a8c19a0..70acd24ff9 100644
--- a/samples/inputs/slider/ticks/package.json
+++ b/samples/inputs/slider/ticks/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/ticks/tsconfig.json b/samples/inputs/slider/ticks/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/ticks/tsconfig.json
+++ b/samples/inputs/slider/ticks/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/value-format/package.json b/samples/inputs/slider/value-format/package.json
index 6e0a9dcf2b..93b966e28e 100644
--- a/samples/inputs/slider/value-format/package.json
+++ b/samples/inputs/slider/value-format/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/value-format/tsconfig.json b/samples/inputs/slider/value-format/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/value-format/tsconfig.json
+++ b/samples/inputs/slider/value-format/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/slider/value/package.json b/samples/inputs/slider/value/package.json
index 9da1d7960b..c7c0574379 100644
--- a/samples/inputs/slider/value/package.json
+++ b/samples/inputs/slider/value/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/value/tsconfig.json b/samples/inputs/slider/value/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/slider/value/tsconfig.json
+++ b/samples/inputs/slider/value/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/switches/checking/package.json b/samples/inputs/switches/checking/package.json
index bec2494f07..38a7d5ed9f 100644
--- a/samples/inputs/switches/checking/package.json
+++ b/samples/inputs/switches/checking/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/switches/checking/tsconfig.json b/samples/inputs/switches/checking/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/switches/checking/tsconfig.json
+++ b/samples/inputs/switches/checking/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/switches/disabled/package.json b/samples/inputs/switches/disabled/package.json
index 6de60851e5..e287145627 100644
--- a/samples/inputs/switches/disabled/package.json
+++ b/samples/inputs/switches/disabled/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/switches/disabled/tsconfig.json b/samples/inputs/switches/disabled/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/switches/disabled/tsconfig.json
+++ b/samples/inputs/switches/disabled/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/switches/label/package.json b/samples/inputs/switches/label/package.json
index 146f280192..146bdcaa30 100644
--- a/samples/inputs/switches/label/package.json
+++ b/samples/inputs/switches/label/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/switches/label/tsconfig.json b/samples/inputs/switches/label/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/switches/label/tsconfig.json
+++ b/samples/inputs/switches/label/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/switches/overview/package.json b/samples/inputs/switches/overview/package.json
index 652e9fc351..ecc368cf2c 100644
--- a/samples/inputs/switches/overview/package.json
+++ b/samples/inputs/switches/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/switches/overview/tsconfig.json b/samples/inputs/switches/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/switches/overview/tsconfig.json
+++ b/samples/inputs/switches/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/textarea/form-integration/package.json b/samples/inputs/textarea/form-integration/package.json
index 046b9f9b08..f250946d04 100644
--- a/samples/inputs/textarea/form-integration/package.json
+++ b/samples/inputs/textarea/form-integration/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/form-integration/tsconfig.json b/samples/inputs/textarea/form-integration/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/textarea/form-integration/tsconfig.json
+++ b/samples/inputs/textarea/form-integration/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/textarea/overview/package.json b/samples/inputs/textarea/overview/package.json
index 7e72b761c3..6a778b2af0 100644
--- a/samples/inputs/textarea/overview/package.json
+++ b/samples/inputs/textarea/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/overview/tsconfig.json b/samples/inputs/textarea/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/textarea/overview/tsconfig.json
+++ b/samples/inputs/textarea/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/textarea/resize/package.json b/samples/inputs/textarea/resize/package.json
index 4b0a0aad13..71dbdaa33d 100644
--- a/samples/inputs/textarea/resize/package.json
+++ b/samples/inputs/textarea/resize/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/resize/tsconfig.json b/samples/inputs/textarea/resize/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/textarea/resize/tsconfig.json
+++ b/samples/inputs/textarea/resize/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/textarea/slots/package.json b/samples/inputs/textarea/slots/package.json
index 0aa1f1e0d9..a2003468fa 100644
--- a/samples/inputs/textarea/slots/package.json
+++ b/samples/inputs/textarea/slots/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/slots/tsconfig.json b/samples/inputs/textarea/slots/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/textarea/slots/tsconfig.json
+++ b/samples/inputs/textarea/slots/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/inputs/textarea/styling/package.json b/samples/inputs/textarea/styling/package.json
index 96dbe9b283..303261514c 100644
--- a/samples/inputs/textarea/styling/package.json
+++ b/samples/inputs/textarea/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/styling/tsconfig.json b/samples/inputs/textarea/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/inputs/textarea/styling/tsconfig.json
+++ b/samples/inputs/textarea/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/accordion/customization/package.json b/samples/layouts/accordion/customization/package.json
index 839da25d6f..3e1bf066b0 100644
--- a/samples/layouts/accordion/customization/package.json
+++ b/samples/layouts/accordion/customization/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/accordion/customization/tsconfig.json b/samples/layouts/accordion/customization/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/accordion/customization/tsconfig.json
+++ b/samples/layouts/accordion/customization/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/accordion/nested-scenario/package.json b/samples/layouts/accordion/nested-scenario/package.json
index 270afa5780..ca15dfce0c 100644
--- a/samples/layouts/accordion/nested-scenario/package.json
+++ b/samples/layouts/accordion/nested-scenario/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/accordion/nested-scenario/tsconfig.json b/samples/layouts/accordion/nested-scenario/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/accordion/nested-scenario/tsconfig.json
+++ b/samples/layouts/accordion/nested-scenario/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/accordion/overview/package.json b/samples/layouts/accordion/overview/package.json
index 863b9ab148..78497f25c6 100644
--- a/samples/layouts/accordion/overview/package.json
+++ b/samples/layouts/accordion/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/accordion/overview/tsconfig.json b/samples/layouts/accordion/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/accordion/overview/tsconfig.json
+++ b/samples/layouts/accordion/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/avatar/icon/package.json b/samples/layouts/avatar/icon/package.json
index 078aa07016..8f16db8286 100644
--- a/samples/layouts/avatar/icon/package.json
+++ b/samples/layouts/avatar/icon/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/icon/tsconfig.json b/samples/layouts/avatar/icon/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/avatar/icon/tsconfig.json
+++ b/samples/layouts/avatar/icon/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/avatar/image/package.json b/samples/layouts/avatar/image/package.json
index 53494be2ba..a1b052693e 100644
--- a/samples/layouts/avatar/image/package.json
+++ b/samples/layouts/avatar/image/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/image/tsconfig.json b/samples/layouts/avatar/image/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/avatar/image/tsconfig.json
+++ b/samples/layouts/avatar/image/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/avatar/initials/package.json b/samples/layouts/avatar/initials/package.json
index 625725fadb..10b4bb0ec7 100644
--- a/samples/layouts/avatar/initials/package.json
+++ b/samples/layouts/avatar/initials/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/initials/tsconfig.json b/samples/layouts/avatar/initials/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/avatar/initials/tsconfig.json
+++ b/samples/layouts/avatar/initials/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/avatar/shape/package.json b/samples/layouts/avatar/shape/package.json
index a5cd1d6af1..ed769b9aef 100644
--- a/samples/layouts/avatar/shape/package.json
+++ b/samples/layouts/avatar/shape/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/shape/tsconfig.json b/samples/layouts/avatar/shape/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/avatar/shape/tsconfig.json
+++ b/samples/layouts/avatar/shape/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/avatar/size/package.json b/samples/layouts/avatar/size/package.json
index 49b54ae024..64b1efc4b1 100644
--- a/samples/layouts/avatar/size/package.json
+++ b/samples/layouts/avatar/size/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/size/tsconfig.json b/samples/layouts/avatar/size/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/avatar/size/tsconfig.json
+++ b/samples/layouts/avatar/size/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/card/horizontal/package.json b/samples/layouts/card/horizontal/package.json
index fb0b39476f..a94decd482 100644
--- a/samples/layouts/card/horizontal/package.json
+++ b/samples/layouts/card/horizontal/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/card/horizontal/tsconfig.json b/samples/layouts/card/horizontal/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/card/horizontal/tsconfig.json
+++ b/samples/layouts/card/horizontal/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/card/overview/package.json b/samples/layouts/card/overview/package.json
index 9543e201fd..af22501295 100644
--- a/samples/layouts/card/overview/package.json
+++ b/samples/layouts/card/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/card/overview/tsconfig.json b/samples/layouts/card/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/card/overview/tsconfig.json
+++ b/samples/layouts/card/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/card/semi-horizontal/package.json b/samples/layouts/card/semi-horizontal/package.json
index 03b20b4c02..64bf7fd109 100644
--- a/samples/layouts/card/semi-horizontal/package.json
+++ b/samples/layouts/card/semi-horizontal/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/card/semi-horizontal/tsconfig.json b/samples/layouts/card/semi-horizontal/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/card/semi-horizontal/tsconfig.json
+++ b/samples/layouts/card/semi-horizontal/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/card/styling/package.json b/samples/layouts/card/styling/package.json
index 7b5466987b..d77d14881c 100644
--- a/samples/layouts/card/styling/package.json
+++ b/samples/layouts/card/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/card/styling/tsconfig.json b/samples/layouts/card/styling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/card/styling/tsconfig.json
+++ b/samples/layouts/card/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/carousel/animations/package.json b/samples/layouts/carousel/animations/package.json
index 81a3f4d41b..e4060984be 100644
--- a/samples/layouts/carousel/animations/package.json
+++ b/samples/layouts/carousel/animations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4-beta.0",
-    "igniteui-react-core": "18.7.4-beta.0",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/carousel/animations/tsconfig.json b/samples/layouts/carousel/animations/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/carousel/animations/tsconfig.json
+++ b/samples/layouts/carousel/animations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/carousel/components/package.json b/samples/layouts/carousel/components/package.json
index 83449232a7..15db354d51 100644
--- a/samples/layouts/carousel/components/package.json
+++ b/samples/layouts/carousel/components/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4-beta.0",
-    "igniteui-react-core": "18.7.4-beta.0",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/carousel/components/tsconfig.json b/samples/layouts/carousel/components/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/carousel/components/tsconfig.json
+++ b/samples/layouts/carousel/components/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/carousel/overview/package.json b/samples/layouts/carousel/overview/package.json
index 0758feca06..fe1560727c 100644
--- a/samples/layouts/carousel/overview/package.json
+++ b/samples/layouts/carousel/overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4-beta.0",
-    "igniteui-react-core": "18.7.4-beta.0",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/carousel/overview/tsconfig.json b/samples/layouts/carousel/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/carousel/overview/tsconfig.json
+++ b/samples/layouts/carousel/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/carousel/thumbnail/package.json b/samples/layouts/carousel/thumbnail/package.json
index 1e21805cda..623ade8e33 100644
--- a/samples/layouts/carousel/thumbnail/package.json
+++ b/samples/layouts/carousel/thumbnail/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4-beta.0",
-    "igniteui-react-core": "18.7.4-beta.0",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/carousel/thumbnail/tsconfig.json b/samples/layouts/carousel/thumbnail/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/carousel/thumbnail/tsconfig.json
+++ b/samples/layouts/carousel/thumbnail/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/divider/dashed/README.md b/samples/layouts/divider/dashed/README.md
index 28318bb2fb..9b2143344a 100644
--- a/samples/layouts/divider/dashed/README.md
+++ b/samples/layouts/divider/dashed/README.md
@@ -1,7 +1,7 @@
 <!-- NOTE: do not change this file because it's auto re-generated from template: -->
 <!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
 
-This folder contains implementation of React application with example of Icon feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+This folder contains implementation of React application with example of Dashed feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
 
 
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
@@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Icon fe
         <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
         </a>
-        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/avatar/icon" rel="noopener noreferrer">
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/divider/dashed" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
         </a>
-        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/avatar/icon?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/divider/dashed?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
         </a>
     </body>
@@ -34,7 +34,7 @@ Follow these instructions to run this example:
 git clone https://github.com/IgniteUI/igniteui-react-examples.git
 git checkout master
 cd ./igniteui-react-examples
-cd ./samples/layouts/avatar/icon
+cd ./samples/layouts/divider/dashed
 ```
 
 open above folder in VS Code or type:
diff --git a/samples/layouts/divider/dashed/package.json b/samples/layouts/divider/dashed/package.json
index 078aa07016..8f16db8286 100644
--- a/samples/layouts/divider/dashed/package.json
+++ b/samples/layouts/divider/dashed/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/divider/dashed/tsconfig.json b/samples/layouts/divider/dashed/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/divider/dashed/tsconfig.json
+++ b/samples/layouts/divider/dashed/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/divider/middle/README.md b/samples/layouts/divider/middle/README.md
index 28318bb2fb..cbd45aab52 100644
--- a/samples/layouts/divider/middle/README.md
+++ b/samples/layouts/divider/middle/README.md
@@ -1,7 +1,7 @@
 <!-- NOTE: do not change this file because it's auto re-generated from template: -->
 <!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
 
-This folder contains implementation of React application with example of Icon feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+This folder contains implementation of React application with example of Middle feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
 
 
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
@@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Icon fe
         <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
         </a>
-        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/avatar/icon" rel="noopener noreferrer">
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/divider/middle" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
         </a>
-        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/avatar/icon?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/divider/middle?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
         </a>
     </body>
@@ -34,7 +34,7 @@ Follow these instructions to run this example:
 git clone https://github.com/IgniteUI/igniteui-react-examples.git
 git checkout master
 cd ./igniteui-react-examples
-cd ./samples/layouts/avatar/icon
+cd ./samples/layouts/divider/middle
 ```
 
 open above folder in VS Code or type:
diff --git a/samples/layouts/divider/middle/package.json b/samples/layouts/divider/middle/package.json
index 078aa07016..8f16db8286 100644
--- a/samples/layouts/divider/middle/package.json
+++ b/samples/layouts/divider/middle/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/divider/middle/tsconfig.json b/samples/layouts/divider/middle/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/divider/middle/tsconfig.json
+++ b/samples/layouts/divider/middle/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/divider/overview/README.md b/samples/layouts/divider/overview/README.md
index 28318bb2fb..40d0a6ef85 100644
--- a/samples/layouts/divider/overview/README.md
+++ b/samples/layouts/divider/overview/README.md
@@ -1,7 +1,7 @@
 <!-- NOTE: do not change this file because it's auto re-generated from template: -->
 <!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
 
-This folder contains implementation of React application with example of Icon feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+This folder contains implementation of React application with example of Overview feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
 
 
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
@@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Icon fe
         <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
         </a>
-        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/avatar/icon" rel="noopener noreferrer">
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/divider/overview" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
         </a>
-        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/avatar/icon?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/divider/overview?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
         </a>
     </body>
@@ -34,7 +34,7 @@ Follow these instructions to run this example:
 git clone https://github.com/IgniteUI/igniteui-react-examples.git
 git checkout master
 cd ./igniteui-react-examples
-cd ./samples/layouts/avatar/icon
+cd ./samples/layouts/divider/overview
 ```
 
 open above folder in VS Code or type:
diff --git a/samples/layouts/divider/overview/package.json b/samples/layouts/divider/overview/package.json
index 078aa07016..8f16db8286 100644
--- a/samples/layouts/divider/overview/package.json
+++ b/samples/layouts/divider/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/divider/overview/tsconfig.json b/samples/layouts/divider/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/divider/overview/tsconfig.json
+++ b/samples/layouts/divider/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/divider/select/README.md b/samples/layouts/divider/select/README.md
index 28318bb2fb..0fc576ec86 100644
--- a/samples/layouts/divider/select/README.md
+++ b/samples/layouts/divider/select/README.md
@@ -1,7 +1,7 @@
 <!-- NOTE: do not change this file because it's auto re-generated from template: -->
 <!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
 
-This folder contains implementation of React application with example of Icon feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+This folder contains implementation of React application with example of Select feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
 
 
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
@@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Icon fe
         <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
         </a>
-        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/avatar/icon" rel="noopener noreferrer">
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/divider/select" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
         </a>
-        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/avatar/icon?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/divider/select?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
         </a>
     </body>
@@ -34,7 +34,7 @@ Follow these instructions to run this example:
 git clone https://github.com/IgniteUI/igniteui-react-examples.git
 git checkout master
 cd ./igniteui-react-examples
-cd ./samples/layouts/avatar/icon
+cd ./samples/layouts/divider/select
 ```
 
 open above folder in VS Code or type:
diff --git a/samples/layouts/divider/select/package.json b/samples/layouts/divider/select/package.json
index 078aa07016..8f16db8286 100644
--- a/samples/layouts/divider/select/package.json
+++ b/samples/layouts/divider/select/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/divider/select/tsconfig.json b/samples/layouts/divider/select/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/divider/select/tsconfig.json
+++ b/samples/layouts/divider/select/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/divider/vertical/README.md b/samples/layouts/divider/vertical/README.md
index 28318bb2fb..83fe30db4c 100644
--- a/samples/layouts/divider/vertical/README.md
+++ b/samples/layouts/divider/vertical/README.md
@@ -1,7 +1,7 @@
 <!-- NOTE: do not change this file because it's auto re-generated from template: -->
 <!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
 
-This folder contains implementation of React application with example of Icon feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+This folder contains implementation of React application with example of Vertical feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
 
 
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
@@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Icon fe
         <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
         </a>
-        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/avatar/icon" rel="noopener noreferrer">
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/divider/vertical" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
         </a>
-        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/avatar/icon?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/divider/vertical?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
         </a>
     </body>
@@ -34,7 +34,7 @@ Follow these instructions to run this example:
 git clone https://github.com/IgniteUI/igniteui-react-examples.git
 git checkout master
 cd ./igniteui-react-examples
-cd ./samples/layouts/avatar/icon
+cd ./samples/layouts/divider/vertical
 ```
 
 open above folder in VS Code or type:
diff --git a/samples/layouts/divider/vertical/package.json b/samples/layouts/divider/vertical/package.json
index 078aa07016..8f16db8286 100644
--- a/samples/layouts/divider/vertical/package.json
+++ b/samples/layouts/divider/vertical/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/divider/vertical/tsconfig.json b/samples/layouts/divider/vertical/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/divider/vertical/tsconfig.json
+++ b/samples/layouts/divider/vertical/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json
index 5e2179244f..ba63d8eab2 100644
--- a/samples/layouts/dock-manager/customize-buttons/package.json
+++ b/samples/layouts/dock-manager/customize-buttons/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/customize-buttons/tsconfig.json b/samples/layouts/dock-manager/customize-buttons/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/dock-manager/customize-buttons/tsconfig.json
+++ b/samples/layouts/dock-manager/customize-buttons/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index 356152bb7d..5b8c146d26 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/embedding-frames/tsconfig.json b/samples/layouts/dock-manager/embedding-frames/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/dock-manager/embedding-frames/tsconfig.json
+++ b/samples/layouts/dock-manager/embedding-frames/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index 5e2179244f..ba63d8eab2 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/overview/tsconfig.json b/samples/layouts/dock-manager/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/dock-manager/overview/tsconfig.json
+++ b/samples/layouts/dock-manager/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index f873fdc1e1..f3379c9e14 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/styling/tsconfig.json b/samples/layouts/dock-manager/styling/tsconfig.json
index b69384ce02..668ad2b988 100644
--- a/samples/layouts/dock-manager/styling/tsconfig.json
+++ b/samples/layouts/dock-manager/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,    
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index f4d9473334..8f0a8919cc 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/updating-panes/tsconfig.json b/samples/layouts/dock-manager/updating-panes/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/dock-manager/updating-panes/tsconfig.json
+++ b/samples/layouts/dock-manager/updating-panes/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/expansion-panel/component-customization/package.json b/samples/layouts/expansion-panel/component-customization/package.json
index 0fcf7913e2..ccad9e8af4 100644
--- a/samples/layouts/expansion-panel/component-customization/package.json
+++ b/samples/layouts/expansion-panel/component-customization/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/expansion-panel/component-customization/tsconfig.json b/samples/layouts/expansion-panel/component-customization/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/expansion-panel/component-customization/tsconfig.json
+++ b/samples/layouts/expansion-panel/component-customization/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/expansion-panel/properties-and-events/package.json b/samples/layouts/expansion-panel/properties-and-events/package.json
index 72154082ba..bf6cc64212 100644
--- a/samples/layouts/expansion-panel/properties-and-events/package.json
+++ b/samples/layouts/expansion-panel/properties-and-events/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/expansion-panel/properties-and-events/tsconfig.json b/samples/layouts/expansion-panel/properties-and-events/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/expansion-panel/properties-and-events/tsconfig.json
+++ b/samples/layouts/expansion-panel/properties-and-events/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/expansion-panel/styling/package.json b/samples/layouts/expansion-panel/styling/package.json
index a564e16fa4..4d173279d1 100644
--- a/samples/layouts/expansion-panel/styling/package.json
+++ b/samples/layouts/expansion-panel/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/expansion-panel/styling/tsconfig.json b/samples/layouts/expansion-panel/styling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/expansion-panel/styling/tsconfig.json
+++ b/samples/layouts/expansion-panel/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/expansion-panel/usage/package.json b/samples/layouts/expansion-panel/usage/package.json
index 289c6ef46c..6777cd4827 100644
--- a/samples/layouts/expansion-panel/usage/package.json
+++ b/samples/layouts/expansion-panel/usage/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/expansion-panel/usage/tsconfig.json b/samples/layouts/expansion-panel/usage/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/expansion-panel/usage/tsconfig.json
+++ b/samples/layouts/expansion-panel/usage/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/icon/sizing/package.json b/samples/layouts/icon/sizing/package.json
index a28ee82286..471d0f3e0f 100644
--- a/samples/layouts/icon/sizing/package.json
+++ b/samples/layouts/icon/sizing/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/icon/sizing/tsconfig.json b/samples/layouts/icon/sizing/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/icon/sizing/tsconfig.json
+++ b/samples/layouts/icon/sizing/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/icon/styling/package.json b/samples/layouts/icon/styling/package.json
index 338e77ba05..f38aecbee6 100644
--- a/samples/layouts/icon/styling/package.json
+++ b/samples/layouts/icon/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/icon/styling/tsconfig.json b/samples/layouts/icon/styling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/layouts/icon/styling/tsconfig.json
+++ b/samples/layouts/icon/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/stepper/animations/package.json b/samples/layouts/stepper/animations/package.json
index ab3ffb24f5..f3e365b428 100644
--- a/samples/layouts/stepper/animations/package.json
+++ b/samples/layouts/stepper/animations/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/stepper/animations/tsconfig.json b/samples/layouts/stepper/animations/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/stepper/animations/tsconfig.json
+++ b/samples/layouts/stepper/animations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/stepper/linear/package.json b/samples/layouts/stepper/linear/package.json
index ab3ffb24f5..f3e365b428 100644
--- a/samples/layouts/stepper/linear/package.json
+++ b/samples/layouts/stepper/linear/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/stepper/linear/tsconfig.json b/samples/layouts/stepper/linear/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/stepper/linear/tsconfig.json
+++ b/samples/layouts/stepper/linear/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/stepper/orientation/package.json b/samples/layouts/stepper/orientation/package.json
index ab3ffb24f5..f3e365b428 100644
--- a/samples/layouts/stepper/orientation/package.json
+++ b/samples/layouts/stepper/orientation/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/stepper/orientation/tsconfig.json b/samples/layouts/stepper/orientation/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/stepper/orientation/tsconfig.json
+++ b/samples/layouts/stepper/orientation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/stepper/steptypes/package.json b/samples/layouts/stepper/steptypes/package.json
index ab3ffb24f5..f3e365b428 100644
--- a/samples/layouts/stepper/steptypes/package.json
+++ b/samples/layouts/stepper/steptypes/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/stepper/steptypes/tsconfig.json b/samples/layouts/stepper/steptypes/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/stepper/steptypes/tsconfig.json
+++ b/samples/layouts/stepper/steptypes/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/tabs/alignment/package.json b/samples/layouts/tabs/alignment/package.json
index ab3ffb24f5..f3e365b428 100644
--- a/samples/layouts/tabs/alignment/package.json
+++ b/samples/layouts/tabs/alignment/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/tabs/alignment/tsconfig.json b/samples/layouts/tabs/alignment/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/tabs/alignment/tsconfig.json
+++ b/samples/layouts/tabs/alignment/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/tabs/overview/package.json b/samples/layouts/tabs/overview/package.json
index ab3ffb24f5..f3e365b428 100644
--- a/samples/layouts/tabs/overview/package.json
+++ b/samples/layouts/tabs/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/tabs/overview/tsconfig.json b/samples/layouts/tabs/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/tabs/overview/tsconfig.json
+++ b/samples/layouts/tabs/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/tabs/prefix-suffix/package.json b/samples/layouts/tabs/prefix-suffix/package.json
index ab3ffb24f5..f3e365b428 100644
--- a/samples/layouts/tabs/prefix-suffix/package.json
+++ b/samples/layouts/tabs/prefix-suffix/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/tabs/prefix-suffix/tsconfig.json b/samples/layouts/tabs/prefix-suffix/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/tabs/prefix-suffix/tsconfig.json
+++ b/samples/layouts/tabs/prefix-suffix/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/layouts/tabs/scrolling/package.json b/samples/layouts/tabs/scrolling/package.json
index ab3ffb24f5..f3e365b428 100644
--- a/samples/layouts/tabs/scrolling/package.json
+++ b/samples/layouts/tabs/scrolling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/tabs/scrolling/tsconfig.json b/samples/layouts/tabs/scrolling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/layouts/tabs/scrolling/tsconfig.json
+++ b/samples/layouts/tabs/scrolling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index fe9f479dcb..3ed8fab7f4 100644
--- a/samples/maps/geo-map/binding-data-csv/package.json
+++ b/samples/maps/geo-map/binding-data-csv/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-data-csv/tsconfig.json b/samples/maps/geo-map/binding-data-csv/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/binding-data-csv/tsconfig.json
+++ b/samples/maps/geo-map/binding-data-csv/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/binding-data-json-points/package.json b/samples/maps/geo-map/binding-data-json-points/package.json
index ddbd66054b..3a639a9fe2 100644
--- a/samples/maps/geo-map/binding-data-json-points/package.json
+++ b/samples/maps/geo-map/binding-data-json-points/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-data-json-points/tsconfig.json b/samples/maps/geo-map/binding-data-json-points/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/binding-data-json-points/tsconfig.json
+++ b/samples/maps/geo-map/binding-data-json-points/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/binding-data-json-shapes/package.json b/samples/maps/geo-map/binding-data-json-shapes/package.json
index 548cef768c..6336389e9d 100644
--- a/samples/maps/geo-map/binding-data-json-shapes/package.json
+++ b/samples/maps/geo-map/binding-data-json-shapes/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-data-json-shapes/tsconfig.json b/samples/maps/geo-map/binding-data-json-shapes/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/binding-data-json-shapes/tsconfig.json
+++ b/samples/maps/geo-map/binding-data-json-shapes/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index cf0dc61f35..8397f68024 100644
--- a/samples/maps/geo-map/binding-data-model/package.json
+++ b/samples/maps/geo-map/binding-data-model/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-data-model/tsconfig.json b/samples/maps/geo-map/binding-data-model/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/binding-data-model/tsconfig.json
+++ b/samples/maps/geo-map/binding-data-model/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index 8d150439d3..db5cd749af 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/package.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-multiple-shapes/tsconfig.json b/samples/maps/geo-map/binding-multiple-shapes/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/tsconfig.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index 32c4f06b3b..d63de91af1 100644
--- a/samples/maps/geo-map/binding-multiple-sources/package.json
+++ b/samples/maps/geo-map/binding-multiple-sources/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-multiple-sources/tsconfig.json b/samples/maps/geo-map/binding-multiple-sources/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/binding-multiple-sources/tsconfig.json
+++ b/samples/maps/geo-map/binding-multiple-sources/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index d25b9a6c6e..fd38b6d774 100644
--- a/samples/maps/geo-map/binding-shp-points/package.json
+++ b/samples/maps/geo-map/binding-shp-points/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-shp-points/tsconfig.json b/samples/maps/geo-map/binding-shp-points/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/binding-shp-points/tsconfig.json
+++ b/samples/maps/geo-map/binding-shp-points/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index 548cef768c..6336389e9d 100644
--- a/samples/maps/geo-map/binding-shp-polygons/package.json
+++ b/samples/maps/geo-map/binding-shp-polygons/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-shp-polygons/tsconfig.json b/samples/maps/geo-map/binding-shp-polygons/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/binding-shp-polygons/tsconfig.json
+++ b/samples/maps/geo-map/binding-shp-polygons/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index 18aacf5be3..b25d5145fa 100644
--- a/samples/maps/geo-map/binding-shp-polylines/package.json
+++ b/samples/maps/geo-map/binding-shp-polylines/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-shp-polylines/tsconfig.json b/samples/maps/geo-map/binding-shp-polylines/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/binding-shp-polylines/tsconfig.json
+++ b/samples/maps/geo-map/binding-shp-polylines/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index 25288699d4..e624f43e3d 100644
--- a/samples/maps/geo-map/custom-tooltips/package.json
+++ b/samples/maps/geo-map/custom-tooltips/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/custom-tooltips/tsconfig.json b/samples/maps/geo-map/custom-tooltips/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/custom-tooltips/tsconfig.json
+++ b/samples/maps/geo-map/custom-tooltips/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index 63ee3c70eb..1ea9a50e74 100644
--- a/samples/maps/geo-map/display-all-imagery/package.json
+++ b/samples/maps/geo-map/display-all-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-all-imagery/tsconfig.json b/samples/maps/geo-map/display-all-imagery/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/display-all-imagery/tsconfig.json
+++ b/samples/maps/geo-map/display-all-imagery/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index ed7f719e58..b2b44073fe 100644
--- a/samples/maps/geo-map/display-bing-imagery/package.json
+++ b/samples/maps/geo-map/display-bing-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-bing-imagery/tsconfig.json b/samples/maps/geo-map/display-bing-imagery/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/display-bing-imagery/tsconfig.json
+++ b/samples/maps/geo-map/display-bing-imagery/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/display-custom-imagery/package.json b/samples/maps/geo-map/display-custom-imagery/package.json
index 01cb0f6f62..9dfa84749f 100644
--- a/samples/maps/geo-map/display-custom-imagery/package.json
+++ b/samples/maps/geo-map/display-custom-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-custom-imagery/tsconfig.json b/samples/maps/geo-map/display-custom-imagery/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/display-custom-imagery/tsconfig.json
+++ b/samples/maps/geo-map/display-custom-imagery/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index e524f4cfa7..01b585802e 100644
--- a/samples/maps/geo-map/display-esri-imagery/package.json
+++ b/samples/maps/geo-map/display-esri-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-esri-imagery/tsconfig.json b/samples/maps/geo-map/display-esri-imagery/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/display-esri-imagery/tsconfig.json
+++ b/samples/maps/geo-map/display-esri-imagery/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index cc1552248b..6b1010447f 100644
--- a/samples/maps/geo-map/display-heat-imagery/package.json
+++ b/samples/maps/geo-map/display-heat-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-heat-imagery/tsconfig.json b/samples/maps/geo-map/display-heat-imagery/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/display-heat-imagery/tsconfig.json
+++ b/samples/maps/geo-map/display-heat-imagery/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index 2ec6a7687c..6cbf4371c9 100644
--- a/samples/maps/geo-map/display-osm-imagery/package.json
+++ b/samples/maps/geo-map/display-osm-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-osm-imagery/tsconfig.json b/samples/maps/geo-map/display-osm-imagery/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/display-osm-imagery/tsconfig.json
+++ b/samples/maps/geo-map/display-osm-imagery/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/marker-layouts/package.json b/samples/maps/geo-map/marker-layouts/package.json
index 8a1c2309f1..4d5673af64 100644
--- a/samples/maps/geo-map/marker-layouts/package.json
+++ b/samples/maps/geo-map/marker-layouts/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/marker-layouts/tsconfig.json b/samples/maps/geo-map/marker-layouts/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/marker-layouts/tsconfig.json
+++ b/samples/maps/geo-map/marker-layouts/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 0e570e7ca2..c49a6cf40f 100644
--- a/samples/maps/geo-map/marker-template/package.json
+++ b/samples/maps/geo-map/marker-template/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/marker-template/tsconfig.json b/samples/maps/geo-map/marker-template/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/marker-template/tsconfig.json
+++ b/samples/maps/geo-map/marker-template/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index d44da25533..aec7a70924 100644
--- a/samples/maps/geo-map/marker-type/package.json
+++ b/samples/maps/geo-map/marker-type/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/marker-type/tsconfig.json b/samples/maps/geo-map/marker-type/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/marker-type/tsconfig.json
+++ b/samples/maps/geo-map/marker-type/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/nav-grid/package.json b/samples/maps/geo-map/nav-grid/package.json
index 32c4f06b3b..d63de91af1 100644
--- a/samples/maps/geo-map/nav-grid/package.json
+++ b/samples/maps/geo-map/nav-grid/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/nav-grid/tsconfig.json b/samples/maps/geo-map/nav-grid/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/nav-grid/tsconfig.json
+++ b/samples/maps/geo-map/nav-grid/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/navigation-only-panning/package.json b/samples/maps/geo-map/navigation-only-panning/package.json
index 548cef768c..6336389e9d 100644
--- a/samples/maps/geo-map/navigation-only-panning/package.json
+++ b/samples/maps/geo-map/navigation-only-panning/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/navigation-only-panning/tsconfig.json b/samples/maps/geo-map/navigation-only-panning/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/navigation-only-panning/tsconfig.json
+++ b/samples/maps/geo-map/navigation-only-panning/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index e6e9be6729..499bee307f 100644
--- a/samples/maps/geo-map/navigation/package.json
+++ b/samples/maps/geo-map/navigation/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/navigation/tsconfig.json b/samples/maps/geo-map/navigation/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/navigation/tsconfig.json
+++ b/samples/maps/geo-map/navigation/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index 974f710035..b99eead938 100644
--- a/samples/maps/geo-map/overview/package.json
+++ b/samples/maps/geo-map/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/overview/tsconfig.json b/samples/maps/geo-map/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/overview/tsconfig.json
+++ b/samples/maps/geo-map/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/shape-selection/README.md b/samples/maps/geo-map/shape-selection/README.md
index e9ff44e606..2b953998a2 100644
--- a/samples/maps/geo-map/shape-selection/README.md
+++ b/samples/maps/geo-map/shape-selection/README.md
@@ -1,7 +1,7 @@
 <!-- NOTE: do not change this file because it's auto re-generated from template: -->
 <!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
 
-This folder contains implementation of React application with example of Shape Styling feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+This folder contains implementation of React application with example of Shape Selection feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
 
 
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
@@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Shape S
         <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
         </a>
-        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/maps/geo-map/shape-styling" rel="noopener noreferrer">
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/maps/geo-map/shape-selection" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
         </a>
-        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/maps/geo-map/shape-styling?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/maps/geo-map/shape-selection?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
             <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
         </a>
     </body>
@@ -34,7 +34,7 @@ Follow these instructions to run this example:
 git clone https://github.com/IgniteUI/igniteui-react-examples.git
 git checkout master
 cd ./igniteui-react-examples
-cd ./samples/maps/geo-map/shape-styling
+cd ./samples/maps/geo-map/shape-selection
 ```
 
 open above folder in VS Code or type:
diff --git a/samples/maps/geo-map/shape-selection/package.json b/samples/maps/geo-map/shape-selection/package.json
index a0a25cd3b2..2b01e4be64 100644
--- a/samples/maps/geo-map/shape-selection/package.json
+++ b/samples/maps/geo-map/shape-selection/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^5.3.0",
diff --git a/samples/maps/geo-map/shape-selection/tsconfig.json b/samples/maps/geo-map/shape-selection/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/shape-selection/tsconfig.json
+++ b/samples/maps/geo-map/shape-selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index da85661209..12dc955282 100644
--- a/samples/maps/geo-map/shape-styling/package.json
+++ b/samples/maps/geo-map/shape-styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/shape-styling/tsconfig.json b/samples/maps/geo-map/shape-styling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/shape-styling/tsconfig.json
+++ b/samples/maps/geo-map/shape-styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index 9d8814a423..fcffeef851 100644
--- a/samples/maps/geo-map/synchronization/package.json
+++ b/samples/maps/geo-map/synchronization/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/synchronization/tsconfig.json b/samples/maps/geo-map/synchronization/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/synchronization/tsconfig.json
+++ b/samples/maps/geo-map/synchronization/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index 2e923844a8..6fdd08f2b5 100644
--- a/samples/maps/geo-map/triangulating-data/package.json
+++ b/samples/maps/geo-map/triangulating-data/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/triangulating-data/tsconfig.json b/samples/maps/geo-map/triangulating-data/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/triangulating-data/tsconfig.json
+++ b/samples/maps/geo-map/triangulating-data/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/type-scatter-area-series/package.json b/samples/maps/geo-map/type-scatter-area-series/package.json
index d8be7ec0f2..ca63089aea 100644
--- a/samples/maps/geo-map/type-scatter-area-series/package.json
+++ b/samples/maps/geo-map/type-scatter-area-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-area-series/tsconfig.json b/samples/maps/geo-map/type-scatter-area-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/type-scatter-area-series/tsconfig.json
+++ b/samples/maps/geo-map/type-scatter-area-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/type-scatter-bubble-series/package.json b/samples/maps/geo-map/type-scatter-bubble-series/package.json
index 851fa07c4c..271d27e3e6 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/package.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-bubble-series/tsconfig.json b/samples/maps/geo-map/type-scatter-bubble-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/tsconfig.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/type-scatter-contour-series/package.json b/samples/maps/geo-map/type-scatter-contour-series/package.json
index 2b4360bc93..035aa2094b 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/package.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-contour-series/tsconfig.json b/samples/maps/geo-map/type-scatter-contour-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/tsconfig.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/type-scatter-density-series/package.json b/samples/maps/geo-map/type-scatter-density-series/package.json
index 777a3adcf4..dcf992580b 100644
--- a/samples/maps/geo-map/type-scatter-density-series/package.json
+++ b/samples/maps/geo-map/type-scatter-density-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-density-series/tsconfig.json b/samples/maps/geo-map/type-scatter-density-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/type-scatter-density-series/tsconfig.json
+++ b/samples/maps/geo-map/type-scatter-density-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/type-scatter-symbol-series/package.json b/samples/maps/geo-map/type-scatter-symbol-series/package.json
index 5e117ce27b..842e1a7890 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/package.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-symbol-series/tsconfig.json b/samples/maps/geo-map/type-scatter-symbol-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/tsconfig.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/type-shape-polygon-series/package.json b/samples/maps/geo-map/type-shape-polygon-series/package.json
index 3782858be0..260a88525e 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/package.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-shape-polygon-series/tsconfig.json b/samples/maps/geo-map/type-shape-polygon-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/tsconfig.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/maps/geo-map/type-shape-polyline-series/package.json b/samples/maps/geo-map/type-shape-polyline-series/package.json
index 1b4f305b66..07ffebf687 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/package.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-shape-polyline-series/tsconfig.json b/samples/maps/geo-map/type-shape-polyline-series/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/tsconfig.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/menus/nav-bar/overview/package.json b/samples/menus/nav-bar/overview/package.json
index befc977629..cc5c5fba09 100644
--- a/samples/menus/nav-bar/overview/package.json
+++ b/samples/menus/nav-bar/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-bar/styling/package.json b/samples/menus/nav-bar/styling/package.json
index 8952bf7da3..ba383d4a38 100644
--- a/samples/menus/nav-bar/styling/package.json
+++ b/samples/menus/nav-bar/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-bar/styling/tsconfig.json b/samples/menus/nav-bar/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/menus/nav-bar/styling/tsconfig.json
+++ b/samples/menus/nav-bar/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/menus/nav-drawer/add-drawer-items/package.json b/samples/menus/nav-drawer/add-drawer-items/package.json
index 6bbc488ac6..bf647fe51a 100644
--- a/samples/menus/nav-drawer/add-drawer-items/package.json
+++ b/samples/menus/nav-drawer/add-drawer-items/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-drawer/add-drawer-items/tsconfig.json b/samples/menus/nav-drawer/add-drawer-items/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/menus/nav-drawer/add-drawer-items/tsconfig.json
+++ b/samples/menus/nav-drawer/add-drawer-items/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/menus/nav-drawer/add-mini/package.json b/samples/menus/nav-drawer/add-mini/package.json
index 82776a94df..3c0d6ab77c 100644
--- a/samples/menus/nav-drawer/add-mini/package.json
+++ b/samples/menus/nav-drawer/add-mini/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-drawer/add-mini/tsconfig.json b/samples/menus/nav-drawer/add-mini/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/menus/nav-drawer/add-mini/tsconfig.json
+++ b/samples/menus/nav-drawer/add-mini/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/menus/nav-drawer/add-positions-navbar/package.json b/samples/menus/nav-drawer/add-positions-navbar/package.json
index 20c5f90736..1ebccb76cb 100644
--- a/samples/menus/nav-drawer/add-positions-navbar/package.json
+++ b/samples/menus/nav-drawer/add-positions-navbar/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-drawer/add-positions-navbar/tsconfig.json b/samples/menus/nav-drawer/add-positions-navbar/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/menus/nav-drawer/add-positions-navbar/tsconfig.json
+++ b/samples/menus/nav-drawer/add-positions-navbar/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/menus/nav-drawer/styling/package.json b/samples/menus/nav-drawer/styling/package.json
index d9c7f88d16..38153178e8 100644
--- a/samples/menus/nav-drawer/styling/package.json
+++ b/samples/menus/nav-drawer/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-drawer/styling/tsconfig.json b/samples/menus/nav-drawer/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/menus/nav-drawer/styling/tsconfig.json
+++ b/samples/menus/nav-drawer/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/banner/banner-advanced-sample/package.json b/samples/notifications/banner/banner-advanced-sample/package.json
index af5c449763..d012a04014 100644
--- a/samples/notifications/banner/banner-advanced-sample/package.json
+++ b/samples/notifications/banner/banner-advanced-sample/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/banner/banner-advanced-sample/tsconfig.json b/samples/notifications/banner/banner-advanced-sample/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/banner/banner-advanced-sample/tsconfig.json
+++ b/samples/notifications/banner/banner-advanced-sample/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/banner/banner-sample-1/package.json b/samples/notifications/banner/banner-sample-1/package.json
index 75a681a567..719ae4d5e2 100644
--- a/samples/notifications/banner/banner-sample-1/package.json
+++ b/samples/notifications/banner/banner-sample-1/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/banner/banner-sample-1/tsconfig.json b/samples/notifications/banner/banner-sample-1/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/banner/banner-sample-1/tsconfig.json
+++ b/samples/notifications/banner/banner-sample-1/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/banner/banner-sample-2/package.json b/samples/notifications/banner/banner-sample-2/package.json
index 8b92d68a66..267b5f959a 100644
--- a/samples/notifications/banner/banner-sample-2/package.json
+++ b/samples/notifications/banner/banner-sample-2/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/banner/banner-sample-2/tsconfig.json b/samples/notifications/banner/banner-sample-2/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/banner/banner-sample-2/tsconfig.json
+++ b/samples/notifications/banner/banner-sample-2/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/banner/banner-styling/package.json b/samples/notifications/banner/banner-styling/package.json
index 52adeefe40..9fd0cbc02c 100644
--- a/samples/notifications/banner/banner-styling/package.json
+++ b/samples/notifications/banner/banner-styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/banner/banner-styling/tsconfig.json b/samples/notifications/banner/banner-styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/banner/banner-styling/tsconfig.json
+++ b/samples/notifications/banner/banner-styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/dialog/closing-variations/package.json b/samples/notifications/dialog/closing-variations/package.json
index cb0404426c..6ab3730b0f 100644
--- a/samples/notifications/dialog/closing-variations/package.json
+++ b/samples/notifications/dialog/closing-variations/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/dialog/closing-variations/tsconfig.json b/samples/notifications/dialog/closing-variations/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/dialog/closing-variations/tsconfig.json
+++ b/samples/notifications/dialog/closing-variations/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/dialog/form/package.json b/samples/notifications/dialog/form/package.json
index 8c304a79d0..3a65887f58 100644
--- a/samples/notifications/dialog/form/package.json
+++ b/samples/notifications/dialog/form/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/dialog/form/tsconfig.json b/samples/notifications/dialog/form/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/dialog/form/tsconfig.json
+++ b/samples/notifications/dialog/form/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/dialog/overview/package.json b/samples/notifications/dialog/overview/package.json
index 27159132b8..9dc1fe0f4d 100644
--- a/samples/notifications/dialog/overview/package.json
+++ b/samples/notifications/dialog/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/dialog/overview/tsconfig.json b/samples/notifications/dialog/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/dialog/overview/tsconfig.json
+++ b/samples/notifications/dialog/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/dialog/styling/package.json b/samples/notifications/dialog/styling/package.json
index 5a9ca27c31..0979e0b18e 100644
--- a/samples/notifications/dialog/styling/package.json
+++ b/samples/notifications/dialog/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/dialog/styling/tsconfig.json b/samples/notifications/dialog/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/dialog/styling/tsconfig.json
+++ b/samples/notifications/dialog/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/snackbar/action-text/package.json b/samples/notifications/snackbar/action-text/package.json
index 49254c511b..c47e26d2a5 100644
--- a/samples/notifications/snackbar/action-text/package.json
+++ b/samples/notifications/snackbar/action-text/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/snackbar/action-text/tsconfig.json b/samples/notifications/snackbar/action-text/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/snackbar/action-text/tsconfig.json
+++ b/samples/notifications/snackbar/action-text/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/snackbar/display-time/package.json b/samples/notifications/snackbar/display-time/package.json
index f3ed1fc21f..441a7f214a 100644
--- a/samples/notifications/snackbar/display-time/package.json
+++ b/samples/notifications/snackbar/display-time/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/snackbar/display-time/tsconfig.json b/samples/notifications/snackbar/display-time/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/snackbar/display-time/tsconfig.json
+++ b/samples/notifications/snackbar/display-time/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/snackbar/overview/package.json b/samples/notifications/snackbar/overview/package.json
index 08184a398f..dcc3cfab8b 100644
--- a/samples/notifications/snackbar/overview/package.json
+++ b/samples/notifications/snackbar/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/snackbar/overview/tsconfig.json b/samples/notifications/snackbar/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/snackbar/overview/tsconfig.json
+++ b/samples/notifications/snackbar/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/snackbar/styling/package.json b/samples/notifications/snackbar/styling/package.json
index 7aaa42bd84..86541a1bc4 100644
--- a/samples/notifications/snackbar/styling/package.json
+++ b/samples/notifications/snackbar/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/snackbar/styling/tsconfig.json b/samples/notifications/snackbar/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/snackbar/styling/tsconfig.json
+++ b/samples/notifications/snackbar/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/toast/overview/package.json b/samples/notifications/toast/overview/package.json
index fdc8170270..267bc9cb00 100644
--- a/samples/notifications/toast/overview/package.json
+++ b/samples/notifications/toast/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/toast/overview/tsconfig.json b/samples/notifications/toast/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/toast/overview/tsconfig.json
+++ b/samples/notifications/toast/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/toast/properties/package.json b/samples/notifications/toast/properties/package.json
index aba1265746..3df7b3946a 100644
--- a/samples/notifications/toast/properties/package.json
+++ b/samples/notifications/toast/properties/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/toast/properties/tsconfig.json b/samples/notifications/toast/properties/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/toast/properties/tsconfig.json
+++ b/samples/notifications/toast/properties/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/notifications/toast/styling/package.json b/samples/notifications/toast/styling/package.json
index c7b5813e7b..3613a61a9f 100644
--- a/samples/notifications/toast/styling/package.json
+++ b/samples/notifications/toast/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/toast/styling/tsconfig.json b/samples/notifications/toast/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/notifications/toast/styling/tsconfig.json
+++ b/samples/notifications/toast/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/disabled-dates/package.json b/samples/scheduling/calendar/disabled-dates/package.json
index 5cf6d47780..04e77dbf7e 100644
--- a/samples/scheduling/calendar/disabled-dates/package.json
+++ b/samples/scheduling/calendar/disabled-dates/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/disabled-dates/tsconfig.json b/samples/scheduling/calendar/disabled-dates/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/disabled-dates/tsconfig.json
+++ b/samples/scheduling/calendar/disabled-dates/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/formatting/package.json b/samples/scheduling/calendar/formatting/package.json
index 1487942b72..e6fa3d41dc 100644
--- a/samples/scheduling/calendar/formatting/package.json
+++ b/samples/scheduling/calendar/formatting/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/formatting/tsconfig.json b/samples/scheduling/calendar/formatting/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/formatting/tsconfig.json
+++ b/samples/scheduling/calendar/formatting/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/header/package.json b/samples/scheduling/calendar/header/package.json
index 3c9ab489d5..033a547430 100644
--- a/samples/scheduling/calendar/header/package.json
+++ b/samples/scheduling/calendar/header/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/header/tsconfig.json b/samples/scheduling/calendar/header/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/header/tsconfig.json
+++ b/samples/scheduling/calendar/header/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/multiple-months/package.json b/samples/scheduling/calendar/multiple-months/package.json
index 909d29be3f..c576a6f8bd 100644
--- a/samples/scheduling/calendar/multiple-months/package.json
+++ b/samples/scheduling/calendar/multiple-months/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/multiple-months/tsconfig.json b/samples/scheduling/calendar/multiple-months/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/multiple-months/tsconfig.json
+++ b/samples/scheduling/calendar/multiple-months/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/multiple-selection/package.json b/samples/scheduling/calendar/multiple-selection/package.json
index 0987e4c2d6..1f5de5785d 100644
--- a/samples/scheduling/calendar/multiple-selection/package.json
+++ b/samples/scheduling/calendar/multiple-selection/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/multiple-selection/tsconfig.json b/samples/scheduling/calendar/multiple-selection/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/multiple-selection/tsconfig.json
+++ b/samples/scheduling/calendar/multiple-selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/overview/package.json b/samples/scheduling/calendar/overview/package.json
index 8700b1520d..24096bb1b8 100644
--- a/samples/scheduling/calendar/overview/package.json
+++ b/samples/scheduling/calendar/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/overview/tsconfig.json b/samples/scheduling/calendar/overview/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/overview/tsconfig.json
+++ b/samples/scheduling/calendar/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/range-selection/package.json b/samples/scheduling/calendar/range-selection/package.json
index 23b5243b41..1400564aff 100644
--- a/samples/scheduling/calendar/range-selection/package.json
+++ b/samples/scheduling/calendar/range-selection/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/range-selection/tsconfig.json b/samples/scheduling/calendar/range-selection/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/range-selection/tsconfig.json
+++ b/samples/scheduling/calendar/range-selection/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/size/package.json b/samples/scheduling/calendar/size/package.json
index a3267fad97..c117881ae3 100644
--- a/samples/scheduling/calendar/size/package.json
+++ b/samples/scheduling/calendar/size/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/size/tsconfig.json b/samples/scheduling/calendar/size/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/size/tsconfig.json
+++ b/samples/scheduling/calendar/size/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/special-dates/package.json b/samples/scheduling/calendar/special-dates/package.json
index d1671fe09e..8eca420ec3 100644
--- a/samples/scheduling/calendar/special-dates/package.json
+++ b/samples/scheduling/calendar/special-dates/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/special-dates/tsconfig.json b/samples/scheduling/calendar/special-dates/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/special-dates/tsconfig.json
+++ b/samples/scheduling/calendar/special-dates/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/styling/package.json b/samples/scheduling/calendar/styling/package.json
index da0dd411ce..fe2251593c 100644
--- a/samples/scheduling/calendar/styling/package.json
+++ b/samples/scheduling/calendar/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/styling/tsconfig.json b/samples/scheduling/calendar/styling/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/styling/tsconfig.json
+++ b/samples/scheduling/calendar/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/calendar/week-numbers/package.json b/samples/scheduling/calendar/week-numbers/package.json
index 1b41a2214b..34c1c5c18b 100644
--- a/samples/scheduling/calendar/week-numbers/package.json
+++ b/samples/scheduling/calendar/week-numbers/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/week-numbers/tsconfig.json b/samples/scheduling/calendar/week-numbers/tsconfig.json
index 8f5c3b15e4..e7db8a94f5 100644
--- a/samples/scheduling/calendar/week-numbers/tsconfig.json
+++ b/samples/scheduling/calendar/week-numbers/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/date-picker/dialog-mode/package.json b/samples/scheduling/date-picker/dialog-mode/package.json
index 2377f47423..8ff06e3c44 100644
--- a/samples/scheduling/date-picker/dialog-mode/package.json
+++ b/samples/scheduling/date-picker/dialog-mode/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/dialog-mode/tsconfig.json b/samples/scheduling/date-picker/dialog-mode/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/scheduling/date-picker/dialog-mode/tsconfig.json
+++ b/samples/scheduling/date-picker/dialog-mode/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/date-picker/form/package.json b/samples/scheduling/date-picker/form/package.json
index 2377f47423..8ff06e3c44 100644
--- a/samples/scheduling/date-picker/form/package.json
+++ b/samples/scheduling/date-picker/form/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/form/tsconfig.json b/samples/scheduling/date-picker/form/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/scheduling/date-picker/form/tsconfig.json
+++ b/samples/scheduling/date-picker/form/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/date-picker/format/package.json b/samples/scheduling/date-picker/format/package.json
index 2377f47423..8ff06e3c44 100644
--- a/samples/scheduling/date-picker/format/package.json
+++ b/samples/scheduling/date-picker/format/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/format/tsconfig.json b/samples/scheduling/date-picker/format/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/scheduling/date-picker/format/tsconfig.json
+++ b/samples/scheduling/date-picker/format/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/date-picker/overview/package.json b/samples/scheduling/date-picker/overview/package.json
index 2377f47423..8ff06e3c44 100644
--- a/samples/scheduling/date-picker/overview/package.json
+++ b/samples/scheduling/date-picker/overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/overview/tsconfig.json b/samples/scheduling/date-picker/overview/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/scheduling/date-picker/overview/tsconfig.json
+++ b/samples/scheduling/date-picker/overview/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,
diff --git a/samples/scheduling/date-picker/styling/package.json b/samples/scheduling/date-picker/styling/package.json
index 2377f47423..8ff06e3c44 100644
--- a/samples/scheduling/date-picker/styling/package.json
+++ b/samples/scheduling/date-picker/styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-core": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-core": "18.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/styling/tsconfig.json b/samples/scheduling/date-picker/styling/tsconfig.json
index 42c6ace1da..8c0d146f95 100644
--- a/samples/scheduling/date-picker/styling/tsconfig.json
+++ b/samples/scheduling/date-picker/styling/tsconfig.json
@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,