[Console] Converted all /lib/autocomplete/**/*.js files to typescript

CHANGELOG.md

@@ -209,6 +209,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - [Console] Remove unused ul element and its custom styling ([#3993](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3993))
 - Fix EUI/OUI type errors ([#3798](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3798))
 - Remove unused Sass in `tile_map` plugin ([#4110](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4110))
+- [Console] Convert /lib/autocomplete/ to TypeScript ([#4148](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4148))
 
 ### 🔩 Tests
 

src/plugins/console/public/lib/autocomplete/__jest__/url_autocomplete.test.js → src/plugins/console/public/lib/autocomplete/__jest__/url_autocomplete.test.ts

@@ -33,16 +33,25 @@ import {
   URL_PATH_END_MARKER,
   UrlPatternMatcher,
   ListComponent,
+  SharedComponent,
 } from '../../autocomplete/components';
 
 import { populateContext } from '../../autocomplete/engine';
+import { PartialAutoCompleteContext } from '../components/autocomplete_component';
+import { ComponentFactory, ParametrizedComponentFactories } from '../../osd';
 
 describe('Url autocomplete', () => {
-  function patternsTest(name, endpoints, tokenPath, expectedContext, globalUrlComponentFactories) {
+  function patternsTest(
+    name: string,
+    endpoints: Record<number | string, any>,
+    tokenPath: string | Array<string | string[]>,
+    expectedContext: PartialAutoCompleteContext,
+    globalUrlComponentFactories?: ParametrizedComponentFactories
+  ) {
     test(name, function () {
       const patternMatcher = new UrlPatternMatcher(globalUrlComponentFactories);
       _.each(endpoints, function (e, id) {
-        e.id = id;
+        e.id = id.toString();
         _.each(e.patterns, function (p) {
           patternMatcher.addEndpoint(p, e);
         });
@@ -52,25 +61,25 @@ describe('Url autocomplete', () => {
           tokenPath = tokenPath.substr(0, tokenPath.length - 1) + '/' + URL_PATH_END_MARKER;
         }
         tokenPath = _.map(tokenPath.split('/'), function (p) {
-          p = p.split(',');
-          if (p.length === 1) {
-            return p[0];
+          const pSplit = p.split(',');
+          if (pSplit.length === 1) {
+            return pSplit[0];
           }
-          return p;
+          return pSplit;
         });
       }
 
       if (expectedContext.autoCompleteSet) {
-        expectedContext.autoCompleteSet = _.map(expectedContext.autoCompleteSet, function (t) {
-          if (_.isString(t)) {
-            t = { name: t };
+        expectedContext.autoCompleteSet = _.map(expectedContext.autoCompleteSet, function (term) {
+          if (_.isString(term)) {
+            term = { name: term };
           }
-          return t;
+          return term;
         });
         expectedContext.autoCompleteSet = _.sortBy(expectedContext.autoCompleteSet, 'name');
       }
 
-      const context = {};
+      const context: PartialAutoCompleteContext = {};
       if (expectedContext.method) {
         context.method = expectedContext.method;
       }
@@ -79,12 +88,12 @@ describe('Url autocomplete', () => {
         context,
         null,
         expectedContext.autoCompleteSet,
-        patternMatcher.getTopLevelComponents(context.method)
+        patternMatcher.getTopLevelComponents(context.method!)
       );
 
       // override context to just check on id
       if (context.endpoint) {
-        context.endpoint = context.endpoint.id;
+        context.endpoint = (context as any).endpoint.id;
       }
 
       if (context.autoCompleteSet) {
@@ -95,9 +104,9 @@ describe('Url autocomplete', () => {
     });
   }
 
-  function t(name, meta) {
+  function t(name: string, meta: string) {
     if (meta) {
-      return { name: name, meta: meta };
+      return { name, meta };
     }
     return name;
   }
@@ -265,11 +274,11 @@ describe('Url autocomplete', () => {
       },
     };
     const globalFactories = {
-      p: function (name, parent) {
+      p(name: string, parent: SharedComponent) {
         return new ListComponent(name, ['g1', 'g2'], parent);
       },
-      getComponent(name) {
-        return this[name];
+      getComponent(name: string): ComponentFactory {
+        return (this as any)[name];
       },
     };
 
@@ -355,7 +364,7 @@ describe('Url autocomplete', () => {
   })();
 
   (function () {
-    const endpoints = {
+    const endpoints: Record<string, any> = {
       '1_param': {
         patterns: ['a/{p}'],
         methods: ['GET'],

src/plugins/console/public/lib/autocomplete/__jest__/url_params.test.js → src/plugins/console/public/lib/autocomplete/__jest__/url_params.test.ts

@@ -31,27 +31,36 @@
 import _ from 'lodash';
 import { UrlParams } from '../../autocomplete/url_params';
 import { populateContext } from '../../autocomplete/engine';
+import { AutoCompleteContext, Term } from '../types';
+import { PartialAutoCompleteContext } from '../components/autocomplete_component';
+import { SharedComponent } from '../components';
 
 describe('Url params', () => {
-  function paramTest(name, description, tokenPath, expectedContext, globalParams) {
+  function paramTest(
+    name: string,
+    description: Record<string, unknown>,
+    tokenPath: string | Array<string | string[]>,
+    expectedContext: PartialAutoCompleteContext,
+    globalParams?: Record<string, unknown>
+  ) {
     test(name, function () {
       const urlParams = new UrlParams(description, globalParams || {});
       if (typeof tokenPath === 'string') {
         tokenPath = _.map(tokenPath.split('/'), function (p) {
-          p = p.split(',');
-          if (p.length === 1) {
-            return p[0];
+          const pSplit = p.split(',');
+          if (pSplit.length === 1) {
+            return pSplit[0];
           }
-          return p;
+          return pSplit;
         });
       }
 
       if (expectedContext.autoCompleteSet) {
-        expectedContext.autoCompleteSet = _.map(expectedContext.autoCompleteSet, function (t) {
-          if (_.isString(t)) {
-            t = { name: t };
+        expectedContext.autoCompleteSet = _.map(expectedContext.autoCompleteSet, function (term) {
+          if (_.isString(term)) {
+            term = { name: term };
           }
-          return t;
+          return term;
         });
         expectedContext.autoCompleteSet = _.sortBy(expectedContext.autoCompleteSet, 'name');
       }
@@ -63,32 +72,34 @@ describe('Url params', () => {
         context,
         null,
         expectedContext.autoCompleteSet,
-        urlParams.getTopLevelComponents()
+        urlParams.getTopLevelComponents() as SharedComponent[]
       );
 
-      if (context.autoCompleteSet) {
-        context.autoCompleteSet = _.sortBy(context.autoCompleteSet, 'name');
+      const populatedContext = context as AutoCompleteContext;
+
+      if (populatedContext.autoCompleteSet) {
+        populatedContext.autoCompleteSet = _.sortBy(populatedContext.autoCompleteSet, 'name');
       }
 
-      expect(context).toEqual(expectedContext);
+      expect(populatedContext).toEqual(expectedContext);
     });
   }
 
-  function t(name, meta, insertValue) {
-    let r = name;
+  function t(name: string, meta?: string, insertValue?: string) {
+    let r: string | Term = name;
     if (meta) {
-      r = { name: name, meta: meta };
+      r = { name, meta };
       if (meta === 'param' && !insertValue) {
         insertValue = name + '=';
       }
     }
     if (insertValue) {
       if (_.isString(r)) {
-        r = { name: name };
+        r = { name };
       }
       r.insertValue = insertValue;
     }
-    return r;
+    return r as Term;
   }
 
   (function () {