fix: build and lint errors from a project for all components and scenarios

Lipata · Lipata · commit 095562dd6671 · 2025-02-24T14:09:36.000+02:00
diff --git a/packages/cli/templates/angular/ig-ts/line-chart/default/files/src/app/assets/line-chart-data.ts b/packages/cli/templates/angular/ig-ts/line-chart/default/files/src/app/assets/line-chart-data.ts
@@ -1,4 +1,4 @@
-const data = [
+const data: any = [
   { "CountryName": "China", "Pop1995": 1216, "Pop2005": 1297, "Pop2015": 1361, "Pop2025": 1394 },
   { "CountryName": "India", "Pop1995": 920, "Pop2005": 1090, "Pop2015": 1251, "Pop2025": 1396 },
   { "CountryName": "United States", "Pop1995": 266, "Pop2005": 295, "Pop2015": 322, "Pop2025": 351 },
diff --git a/packages/cli/templates/react/igr-es6/doughnut-chart/default/files/src/views/__path__/index.js b/packages/cli/templates/react/igr-es6/doughnut-chart/default/files/src/views/__path__/index.js
@@ -14,7 +14,7 @@ IgrDoughnutChartModule.register();
 IgrRingSeriesModule.register();
 
 
-const data = [
+const data: any = [
     { MarketShare: 30, Company: "Google", },
     { MarketShare: 15, Company: "Microsoft", },
     { MarketShare: 30, Company: "Apple", },
@@ -82,4 +82,4 @@ export default class $(ClassName) extends Component {
             </div>
         )
     }
-}
+}
diff --git a/packages/cli/templates/react/igr-es6/financial-chart/default/files/src/views/__path__/index.js b/packages/cli/templates/react/igr-es6/financial-chart/default/files/src/views/__path__/index.js
@@ -5,7 +5,7 @@ import style from './style.css';
 
 IgrFinancialChartModule.register();
 
-const data = [
+const data: any = [
     { time: new Date(2013, 1, 1), open: 268.93, high: 268.93, low: 262.80, close: 265.00, volume: 6118146 },
     { time: new Date(2013, 1, 4), open: 262.78, high: 264.68, low: 259.07, close: 259.98, volume: 3723793 },
     { time: new Date(2013, 1, 5), open: 262.00, high: 268.03, low: 261.46, close: 266.89, volume: 4013780 },
@@ -52,4 +52,4 @@ export default class $(ClassName) extends Component {
             </div >
         )
     }
-}
+}
diff --git a/packages/cli/templates/react/igr-es6/pie-chart/default/files/src/views/__path__/index.js b/packages/cli/templates/react/igr-es6/pie-chart/default/files/src/views/__path__/index.js
@@ -9,7 +9,7 @@ import style from './style.css';
 IgrPieChartModule.register();
 IgrItemLegendModule.register();
 
-const data = [
+const data: any = [
     { MarketShare: 30, Company: "Google", },
     { MarketShare: 15, Company: "Microsoft", },
     { MarketShare: 30, Company: "Apple", },
@@ -80,4 +80,4 @@ export default class $(ClassName) extends Component {
             </div>
         )
     }
-}
+}
diff --git a/packages/cli/templates/react/igr-ts/category-chart/default/files/src/app/__path__/__filePrefix__.tsx b/packages/cli/templates/react/igr-ts/category-chart/default/files/src/app/__path__/__filePrefix__.tsx
@@ -5,7 +5,7 @@ import style from './style.module.css';
 
 IgrCategoryChartModule.register();
 
-const data = [
+const data: any = [
   { 'CountryName': 'China', 'Pop1995': 1216, 'Pop2005': 1297, 'Pop2015': 1361, 'Pop2025': 1394 },
   { 'CountryName': 'India', 'Pop1995': 920, 'Pop2005': 1090, 'Pop2015': 1251, 'Pop2025': 1396 },
   { 'CountryName': 'United States', 'Pop1995': 266, 'Pop2005': 295, 'Pop2015': 322, 'Pop2025': 351 },
diff --git a/packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.tsx b/packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.tsx
@@ -13,7 +13,7 @@ IgrDoughnutChartModule.register();
 IgrRingSeriesModule.register();
 
 
-const data = [
+const data: any = [
   { MarketShare: 30, Company: "Google", },
   { MarketShare: 15, Company: "Microsoft", },
   { MarketShare: 30, Company: "Apple", },
diff --git a/packages/cli/templates/react/igr-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.tsx b/packages/cli/templates/react/igr-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.tsx
@@ -5,7 +5,7 @@ import style from './style.module.css';
 
 IgrFinancialChartModule.register();
 
-const data = [
+const data: any = [
   { time: new Date(2013, 1, 1), open: 268.93, high: 268.93, low: 262.80, close: 265.00, volume: 6118146 },
   { time: new Date(2013, 1, 4), open: 262.78, high: 264.68, low: 259.07, close: 259.98, volume: 3723793 },
   { time: new Date(2013, 1, 5), open: 262.00, high: 268.03, low: 261.46, close: 266.89, volume: 4013780 },
diff --git a/packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.tsx b/packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.tsx
@@ -8,7 +8,7 @@ import style from './style.module.css';
 IgrPieChartModule.register();
 IgrItemLegendModule.register();
 
-const data = [
+const data: any = [
   { MarketShare: 30, Company: "Google", },
   { MarketShare: 15, Company: "Microsoft", },
   { MarketShare: 30, Company: "Apple", },
diff --git a/packages/cli/templates/react/igr-ts/projects/top-nav/files/src/components/navigation-header/index.tsx b/packages/cli/templates/react/igr-ts/projects/top-nav/files/src/components/navigation-header/index.tsx
@@ -1,10 +1,10 @@
 import { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 
-export default function NavigationHeader({ routes }) {
+export default function NavigationHeader({ routes }: any) {
   const [state, setState] = useState({ activeItem: null });
 
-  function handleClick(index) {
+  function handleClick(index: any) {
     setState({ activeItem: index });
   }
 
@@ -13,15 +13,15 @@ export default function NavigationHeader({ routes }) {
     if (!currentRoute) {
       currentRoute = '/'
     }
-    const activeItem = routes.findIndex((route) => route.path === currentRoute);
+    const activeItem = routes.findIndex((route: any) => route.path === currentRoute);
     setState({ activeItem });
   }, [routes]);
 
   return (
     <nav>
       <ul>
         {routes.map(
-          (route, i) => <li key={i} className={state.activeItem === i ? 'active' : ''}><Link onClick={() => handleClick(i)} to={route.path}>{route.text}</Link></li>
+          (route: any, i: any) => <li key={i} className={state.activeItem === i ? 'active' : ''}><Link onClick={() => handleClick(i)} to={route.path}>{route.text}</Link></li>
         )}
       </ul>
     </nav>
diff --git a/packages/cli/templates/webcomponents/igc-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.ts b/packages/cli/templates/webcomponents/igc-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.ts
@@ -1,10 +1,7 @@
 import { css, html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import 'igniteui-webcomponents-grids/grids/combined';
-import {
-  IgcGridComponent,
-  IgcColumnComponent,
-} from 'igniteui-webcomponents-grids/grids';
+import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
 import {
   ComponentRenderer,
   WebGridDescriptionModule,
@@ -47,13 +44,6 @@ export default class $(ClassName) extends LitElement {
     const grid = this.shadowRoot?.getElementById('grid') as IgcGridComponent;
     const nwindData = NwindData;
 
-    const productID = this.shadowRoot?.getElementById('ProductID') as IgcColumnComponent;
-    const productName = this.shadowRoot?.getElementById('ProductName') as IgcColumnComponent;
-    const unitPrice = this.shadowRoot?.getElementById('UnitPrice') as IgcColumnComponent;
-    const unitsInStock = this.shadowRoot?.getElementById('UnitsInStock') as IgcColumnComponent;
-    const discontinued = this.shadowRoot?.getElementById('Discontinued') as IgcColumnComponent;
-    const orderDate = this.shadowRoot?.getElementById('OrderDate') as IgcColumnComponent;
-
     grid.data = new nwindData();
 
     const _componentRenderer = new ComponentRenderer();
diff --git a/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/src/app/app.test.ts b/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/src/app/app.test.ts
@@ -1,5 +1,5 @@
 import { expect } from '@open-wc/testing';
-import App from './app.js';
+import { App } from './app.js';
 
 describe('App', () => {
   it('<app-root> is an instance of App', async () => {
diff --git a/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json b/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json
@@ -16,7 +16,7 @@
     "start": "tsc && concurrently -k -r \"tsc --watch\" \"wds\"",
     "build": "rimraf dist && tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite.js build",
     "start:build": "web-dev-server --root-dir dist --app-index index.html --open",
-    "lint": "eslint \"**/*.{js,ts}\" --ignore-path .gitignore",
+    "lint": "eslint \"**/*.{js,ts}\" --ignore-pattern .gitignore",
     "test": "tsc --project tsconfig.test.json && wtr"
   },
   "dependencies": {
diff --git a/packages/cli/templates/webcomponents/igc-ts/projects/side-nav/files/src/app/app.ts b/packages/cli/templates/webcomponents/igc-ts/projects/side-nav/files/src/app/app.ts
@@ -1,4 +1,3 @@
-/* eslint-disable no-return-assign */
 import { html, css, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import {
diff --git a/packages/igx-templates/igx-ts-legacy/pivot-grid/default/files/src/app/__path__/data.ts b/packages/igx-templates/igx-ts-legacy/pivot-grid/default/files/src/app/__path__/data.ts
@@ -1,4 +1,4 @@
-export const DATA = [
+export const DATA: any = [
   {
       Product: {
           Name: 'Clothing',
diff --git a/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/data.ts b/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/data.ts
@@ -1,4 +1,4 @@
-export const DATA = [
+export const DATA: any = [
   {
       Product: {
           Name: 'Clothing',

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-const data = [`
	`1`	`+const data: any = [`
`2`	`2`	`{ "CountryName": "China", "Pop1995": 1216, "Pop2005": 1297, "Pop2015": 1361, "Pop2025": 1394 },`
`3`	`3`	`{ "CountryName": "India", "Pop1995": 920, "Pop2005": 1090, "Pop2015": 1251, "Pop2025": 1396 },`
`4`	`4`	`{ "CountryName": "United States", "Pop1995": 266, "Pop2005": 295, "Pop2015": 322, "Pop2025": 351 },`
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ IgrDoughnutChartModule.register();`
`14`	`14`	`IgrRingSeriesModule.register();`
`15`	`15`
`16`	`16`
`17`		`-const data = [`
	`17`	`+const data: any = [`
`18`	`18`	`{ MarketShare: 30, Company: "Google", },`
`19`	`19`	`{ MarketShare: 15, Company: "Microsoft", },`
`20`	`20`	`{ MarketShare: 30, Company: "Apple", },`
`@@ -82,4 +82,4 @@ export default class $(ClassName) extends Component {`
`82`	`82`	`</div>`
`83`	`83`	`)`
`84`	`84`	`}`
`85`		`-}`
	`85`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ import style from './style.css';`
`5`	`5`
`6`	`6`	`IgrFinancialChartModule.register();`
`7`	`7`
`8`		`-const data = [`
	`8`	`+const data: any = [`
`9`	`9`	`{ time: new Date(2013, 1, 1), open: 268.93, high: 268.93, low: 262.80, close: 265.00, volume: 6118146 },`
`10`	`10`	`{ time: new Date(2013, 1, 4), open: 262.78, high: 264.68, low: 259.07, close: 259.98, volume: 3723793 },`
`11`	`11`	`{ time: new Date(2013, 1, 5), open: 262.00, high: 268.03, low: 261.46, close: 266.89, volume: 4013780 },`
`@@ -52,4 +52,4 @@ export default class $(ClassName) extends Component {`
`52`	`52`	`</div >`
`53`	`53`	`)`
`54`	`54`	`}`
`55`		`-}`
	`55`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ import style from './style.css';`
`9`	`9`	`IgrPieChartModule.register();`
`10`	`10`	`IgrItemLegendModule.register();`
`11`	`11`
`12`		`-const data = [`
	`12`	`+const data: any = [`
`13`	`13`	`{ MarketShare: 30, Company: "Google", },`
`14`	`14`	`{ MarketShare: 15, Company: "Microsoft", },`
`15`	`15`	`{ MarketShare: 30, Company: "Apple", },`
`@@ -80,4 +80,4 @@ export default class $(ClassName) extends Component {`
`80`	`80`	`</div>`
`81`	`81`	`)`
`82`	`82`	`}`
`83`		`-}`
	`83`	`+}`