chore(samples): clean up deprecated imports and replace var with

let/const

  - Remove deprecated module imports flagged by
    @typescript-eslint/no-deprecated
  - Replace `var` declarations with `let`/`const` across sample sources

Author: dkalinovInfra

browser/templates/shared/src/DataGridSharedData.ts

@@ -144,7 +144,7 @@ export class DataGridSharedData {
             const gender: string = this.getRandomGender();
             const firstName: string = this.getRandomNameFirst(gender);
             const lastName: string = this.getRandomNameLast();
-            const initials = firstName.substr(0, 1).toLowerCase();
+            const initials = firstName.substring(0, 1).toLowerCase();
             const email: string = initials + lastName.toLowerCase() + "@" + this.getRandomItem(emails);
 
             const street: string = this.getRandomStreet();

samples/charts/category-chart/annotations-all/src/index.tsx

@@ -126,7 +126,7 @@ export default class Sample extends React.Component<any, any> {
     public get renderer(): ComponentRenderer {
         if (this._componentRenderer == null) {
             this._componentRenderer = new ComponentRenderer();
-            var context = this._componentRenderer.context;
+            const context = this._componentRenderer.context;
             PropertyEditorPanelDescriptionModule.register(context);
             CategoryChartDescriptionModule.register(context);
         }
@@ -137,4 +137,4 @@ export default class Sample extends React.Component<any, any> {
 
 // rendering above component in the React DOM
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<Sample/>);
+root.render(<Sample/>);

samples/charts/category-chart/annotations-callouts/src/index.tsx

@@ -96,7 +96,7 @@ export default class Sample extends React.Component<any, any> {
     public get renderer(): ComponentRenderer {
         if (this._componentRenderer == null) {
             this._componentRenderer = new ComponentRenderer();
-            var context = this._componentRenderer.context;
+            let context = this._componentRenderer.context;
             PropertyEditorPanelDescriptionModule.register(context);
             CategoryChartDescriptionModule.register(context);
         }

samples/charts/category-chart/annotations-crosshairs/src/index.tsx

@@ -108,7 +108,7 @@ export default class Sample extends React.Component<any, any> {
     public get renderer(): ComponentRenderer {
         if (this._componentRenderer == null) {
             this._componentRenderer = new ComponentRenderer();
-            var context = this._componentRenderer.context;
+            let context = this._componentRenderer.context;
             PropertyEditorPanelDescriptionModule.register(context);
             CategoryChartDescriptionModule.register(context);
         }

samples/charts/category-chart/annotations-custom/src/index.tsx

@@ -99,7 +99,7 @@ export default class Sample extends React.Component<any, any> {
     public get renderer(): ComponentRenderer {
         if (this._componentRenderer == null) {
             this._componentRenderer = new ComponentRenderer();
-            var context = this._componentRenderer.context;
+            let context = this._componentRenderer.context;
             PropertyEditorPanelDescriptionModule.register(context);
             CategoryChartDescriptionModule.register(context);
         }

samples/charts/category-chart/annotations-final-value/src/index.tsx

@@ -98,7 +98,7 @@ export default class Sample extends React.Component<any, any> {
     public get renderer(): ComponentRenderer {
         if (this._componentRenderer == null) {
             this._componentRenderer = new ComponentRenderer();
-            var context = this._componentRenderer.context;
+            let context = this._componentRenderer.context;
             PropertyEditorPanelDescriptionModule.register(context);
             CategoryChartDescriptionModule.register(context);
         }

samples/charts/category-chart/annotations-highlighting/src/index.tsx

@@ -101,7 +101,7 @@ export default class Sample extends React.Component<any, any> {
     public get renderer(): ComponentRenderer {
         if (this._componentRenderer == null) {
             this._componentRenderer = new ComponentRenderer();
-            var context = this._componentRenderer.context;
+            let context = this._componentRenderer.context;
             PropertyEditorPanelDescriptionModule.register(context);
             CategoryChartDescriptionModule.register(context);
         }

samples/charts/category-chart/axis-gap/src/index.tsx

@@ -110,7 +110,7 @@ export default class Sample extends React.Component<any, any> {
     public get renderer(): ComponentRenderer {
         if (this._componentRenderer == null) {
             this._componentRenderer = new ComponentRenderer();
-            var context = this._componentRenderer.context;
+            let context = this._componentRenderer.context;
             PropertyEditorPanelDescriptionModule.register(context);
             LegendDescriptionModule.register(context);
             CategoryChartDescriptionModule.register(context);

samples/charts/category-chart/axis-gridlines/src/index.tsx

@@ -166,7 +166,7 @@ export default class Sample extends React.Component<any, any> {
     public get renderer(): ComponentRenderer {
         if (this._componentRenderer == null) {
             this._componentRenderer = new ComponentRenderer();
-            var context = this._componentRenderer.context;
+            let context = this._componentRenderer.context;
             PropertyEditorPanelDescriptionModule.register(context);
             LegendDescriptionModule.register(context);
             CategoryChartDescriptionModule.register(context);

samples/charts/category-chart/axis-inverted/src/index.tsx

@@ -104,7 +104,7 @@ export default class Sample extends React.Component<any, any> {
     public get renderer(): ComponentRenderer {
         if (this._componentRenderer == null) {
             this._componentRenderer = new ComponentRenderer();
-            var context = this._componentRenderer.context;
+            let context = this._componentRenderer.context;
             PropertyEditorPanelDescriptionModule.register(context);
             CategoryChartDescriptionModule.register(context);
         }