update to TypeScript v3.8-rc

examples/bfetch_explorer/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

examples/demo_search/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

examples/embeddable_examples/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

examples/embeddable_explorer/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

examples/search_explorer/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

examples/state_containers_examples/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

package.json

@@ -83,7 +83,7 @@
     "**/@types/hapi": "^17.0.18",
     "**/@types/angular": "^1.6.56",
     "**/@types/hoist-non-react-statics": "^3.3.1",
-    "**/typescript": "3.7.2",
+    "**/typescript": "3.8.1-rc",
     "**/graphql-toolkit/lodash": "^4.17.13",
     "**/hoist-non-react-statics": "^3.3.2",
     "**/isomorphic-git/**/base64-js": "^1.2.1",
@@ -479,7 +479,7 @@
     "supertest": "^3.1.0",
     "supertest-as-promised": "^4.0.2",
     "tree-kill": "^1.2.2",
-    "typescript": "3.7.2",
+    "typescript": "3.8.1-rc",
     "typings-tester": "^0.3.2",
     "vinyl-fs": "^3.0.3",
     "xml2js": "^0.4.22",

packages/kbn-analytics/package.json

@@ -17,6 +17,6 @@
     "@babel/cli": "^7.5.5",
     "@kbn/dev-utils": "1.0.0",
     "@kbn/babel-preset": "1.0.0",
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

packages/kbn-babel-preset/common_preset.js

@@ -28,6 +28,10 @@ const plugins = [
   // See https://github.com/babel/proposals/issues/12 for progress
   require.resolve('@babel/plugin-proposal-class-properties'),
 
+  // Proposal is on stage 4 (https://github.com/tc39/proposal-export-ns-from)
+  // Need this since we are using TypeScript 3.8+
+  require.resolve('@babel/plugin-proposal-export-namespace-from'),
+
   // Optional Chaining proposal is stage 3 (https://github.com/tc39/proposal-optional-chaining)
   // Need this since we are using TypeScript 3.7+
   require.resolve('@babel/plugin-proposal-optional-chaining'),

packages/kbn-babel-preset/package.json

@@ -5,6 +5,7 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@babel/plugin-proposal-class-properties": "^7.5.1",
+    "@babel/plugin-proposal-export-namespace-from": "^7.8.3",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.4.4",
     "@babel/plugin-proposal-optional-chaining": "^7.6.0",
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",

packages/kbn-config-schema/package.json

@@ -10,7 +10,7 @@
     "kbn:bootstrap": "yarn build"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   },
   "peerDependencies": {
     "joi": "^13.5.2",

packages/kbn-dev-utils/package.json

@@ -22,7 +22,7 @@
     "tslib": "^1.9.3"
   },
   "devDependencies": {
-    "typescript": "3.7.2",
+    "typescript": "3.8.1-rc",
     "@kbn/expect": "1.0.0",
     "chance": "1.0.18"
   }

packages/kbn-i18n/package.json

@@ -21,7 +21,7 @@
     "del": "^5.1.0",
     "getopts": "^2.2.4",
     "supports-color": "^7.0.0",
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   },
   "dependencies": {
     "intl-format-cache": "^2.1.0",

packages/kbn-pm/package.json

@@ -61,7 +61,7 @@
     "strip-ansi": "^4.0.0",
     "strong-log-transformer": "^2.1.0",
     "tempy": "^0.3.0",
-    "typescript": "3.7.2",
+    "typescript": "3.8.1-rc",
     "unlazy-loader": "^0.1.3",
     "webpack": "^4.41.5",
     "webpack-cli": "^3.3.10",

src/core/index.ts

@@ -16,7 +16,5 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import * as Public from './public';
-import * as Server from './server';
-
-export { Public, Server };
+export * as Public from './public';
+export * as Server from './server';

src/core/public/chrome/ui/header/header_badge.tsx

@@ -66,7 +66,7 @@ export class HeaderBadge extends Component<Props, State> {
       <div className="chrHeaderBadge__wrapper">
         <EuiBetaBadge
           data-test-subj="headerBadge"
-          data-test-badge-label={this.state.badge.text}
+          data-test-badge-label={(this.state.badge.text as unknown) as undefined}
           tabIndex={0}
           label={this.state.badge.text}
           tooltipContent={this.state.badge.tooltip}

src/dev/i18n/extractors/code.js

@@ -76,6 +76,7 @@ export function* extractCodeMessages(buffer, reporter) {
         'dynamicImport',
         'nullishCoalescingOperator',
         'optionalChaining',
+        'exportNamespaceFrom',
       ],
     });
   } catch (error) {

src/legacy/core_plugins/kibana/public/dashboard/np_ready/lib/migrate_app_state.ts

@@ -38,7 +38,7 @@ import { migratePanelsTo730 } from '../../migrations/migrate_to_730_panels';
  * Once we hit a major version, we can remove support for older style URLs and get rid of this logic.
  */
 export function migrateAppState(
-  appState: { [key: string]: unknown } & DashboardAppState,
+  appState: { [key: string]: any } & DashboardAppState,
   kibanaVersion: string
 ): DashboardAppState {
   if (!appState.panels) {

src/legacy/core_plugins/vis_type_metric/public/metric_vis_type.test.ts

@@ -61,7 +61,7 @@ describe('metric_vis - createMetricVisTypeDefinition', () => {
     // @ts-ignore
     vis = new visualizationsStart.Vis(stubIndexPattern, {
       type: 'metric',
-      aggs: [{ id: '1', type: 'top_hits', schema: 'metric', params: { field: 'ip' } }],
+      aggs: [{ id: '1', type: 'top_hits', schema: 'metric', params: { field: 'ip' } }] as any,
     });
 
     vis.params.dimensions = {

src/legacy/core_plugins/vis_type_timelion/public/components/panel.tsx

@@ -70,18 +70,18 @@ const emptyCaption = '<br>';
 function Panel({ interval, seriesList, renderComplete }: PanelProps) {
   const kibana = useKibana<TimelionVisDependencies>();
   const [chart, setChart] = useState(() => cloneDeep(seriesList.list));
-  const [canvasElem, setCanvasElem] = useState();
-  const [chartElem, setChartElem] = useState();
+  const [canvasElem, setCanvasElem] = useState<HTMLElement>();
+  const [chartElem, setChartElem] = useState<HTMLElement>();
 
   const [originalColorMap, setOriginalColorMap] = useState(() => new Map<Series, string>());
 
   const [highlightedSeries, setHighlightedSeries] = useState<number | null>(null);
-  const [focusedSeries, setFocusedSeries] = useState();
-  const [plot, setPlot] = useState();
+  const [focusedSeries, setFocusedSeries] = useState<number | null>();
+  const [plot, setPlot] = useState<jquery.flot.plot>();
 
   // Used to toggle the series, and for displaying values on hover
-  const [legendValueNumbers, setLegendValueNumbers] = useState();
-  const [legendCaption, setLegendCaption] = useState();
+  const [legendValueNumbers, setLegendValueNumbers] = useState<JQuery<HTMLElement>>();
+  const [legendCaption, setLegendCaption] = useState<JQuery<HTMLElement>>();
 
   const canvasRef = useCallback(node => {
     if (node !== null) {
@@ -97,7 +97,7 @@ function Panel({ interval, seriesList, renderComplete }: PanelProps) {
 
   useEffect(
     () => () => {
-      $(chartElem)
+      $(chartElem!)
         .off('plotselected')
         .off('plothover')
         .off('mouseleave');
@@ -156,11 +156,11 @@ function Panel({ interval, seriesList, renderComplete }: PanelProps) {
         caption.html(emptyCaption);
         setLegendCaption(caption);
 
-        const canvasNode = $(canvasElem);
+        const canvasNode = $(canvasElem!);
         canvasNode.find('div.legend table').append(caption);
         setLegendValueNumbers(canvasNode.find('.ngLegendValueNumber'));
 
-        const legend = $(canvasElem).find('.ngLegendValue');
+        const legend = $(canvasElem!).find('.ngLegendValue');
         if (legend) {
           legend.click(toggleSeries);
           legend.focus(focusSeries);
@@ -254,20 +254,20 @@ function Panel({ interval, seriesList, renderComplete }: PanelProps) {
     (pos: Position) => {
       unhighlightSeries();
 
-      const axes = plot.getAxes();
-      if (pos.x < axes.xaxis.min || pos.x > axes.xaxis.max) {
+      const axes = plot!.getAxes();
+      if (pos.x < axes.xaxis.min! || pos.x > axes.xaxis.max!) {
         return;
       }
 
-      const dataset = plot.getData();
+      const dataset = plot!.getData();
       if (legendCaption) {
         legendCaption.text(
           moment(pos.x).format(get(dataset, '[0]._global.legend.timeFormat', DEFAULT_TIME_FORMAT))
         );
       }
       for (let i = 0; i < dataset.length; ++i) {
         const series = dataset[i];
-        const useNearestPoint = series.lines.show && !series.lines.steps;
+        const useNearestPoint = series.lines!.show && !series.lines!.steps;
         const precision = get(series, '_meta.precision', 2);
 
         if (series._hide) {
@@ -289,12 +289,12 @@ function Panel({ interval, seriesList, renderComplete }: PanelProps) {
 
         if (y != null && legendValueNumbers) {
           let label = y.toFixed(precision);
-          if (series.yaxis.tickFormatter) {
-            label = series.yaxis.tickFormatter(Number(label), series.yaxis);
+          if (series.yaxis!.tickFormatter) {
+            label = series.yaxis!.tickFormatter(Number(label), series.yaxis);
           }
           legendValueNumbers.eq(i).text(`(${label})`);
         } else {
-          legendValueNumbers.eq(i).empty();
+          legendValueNumbers!.eq(i).empty();
         }
       }
     },
@@ -314,7 +314,7 @@ function Panel({ interval, seriesList, renderComplete }: PanelProps) {
     if (legendCaption) {
       legendCaption.html(emptyCaption);
     }
-    each(legendValueNumbers, (num: Node) => {
+    each(legendValueNumbers!, (num: Node) => {
       $(num).empty();
     });
   }, [legendCaption, legendValueNumbers]);

src/plugins/data/public/ui/shard_failure_modal/shard_failure_modal.tsx

@@ -113,7 +113,7 @@ export function ShardFailureModal({ request, response, title, onClose }: Props)
             </EuiButtonEmpty>
           )}
         </EuiCopy>
-        <EuiButton onClick={() => onClose()} fill data-test-sub="closeShardFailureModal">
+        <EuiButton onClick={() => onClose()} fill data-test-subj="closeShardFailureModal">
           <FormattedMessage
             id="data.search.searchSource.fetch.shardsFailedModal.close"
             defaultMessage="Close"

src/plugins/share/public/components/url_panel_content.tsx

@@ -112,7 +112,7 @@ export class UrlPanelContent extends Component<Props, State> {
                 fullWidth
                 onClick={copy}
                 disabled={this.state.isCreatingShortUrl || this.state.url === ''}
-                data-share-url={this.state.url}
+                data-share-url={(this.state.url as unknown) as undefined}
                 data-test-subj="copyShareUrlButton"
                 size="s"
               >

test/plugin_functional/plugins/core_plugin_a/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

test/plugin_functional/plugins/core_plugin_b/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

test/plugin_functional/plugins/core_plugin_legacy/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

test/plugin_functional/plugins/kbn_tp_bfetch_explorer/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json

@@ -17,6 +17,6 @@
   },
   "devDependencies": {
     "@kbn/plugin-helpers": "9.0.2",
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json

@@ -17,6 +17,6 @@
   },
   "devDependencies": {
     "@kbn/plugin-helpers": "9.0.2",
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

test/plugin_functional/plugins/management_test_plugin/package.json

@@ -12,6 +12,6 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "typescript": "3.7.2"
+    "typescript": "3.8.1-rc"
   }
 }

x-pack/legacy/plugins/apm/cypress/package.json

@@ -15,7 +15,7 @@
     "js-yaml": "^3.13.1",
     "p-limit": "^2.2.1",
     "ts-loader": "^6.1.0",
-    "typescript": "3.7.2",
+    "typescript": "3.8.1-rc",
     "webpack": "^4.41.5"
   }
 }

x-pack/legacy/plugins/apm/public/components/app/ServiceMap/cytoscapeOptions.ts

@@ -45,6 +45,7 @@ const style: cytoscape.Stylesheet[] = [
         isService(el) ? '80%' : '40%',
       'background-width': (el: cytoscape.NodeSingular) =>
         isService(el) ? '80%' : '40%',
+      // @ts-ignore no function allowed
       'border-color': (el: cytoscape.NodeSingular) =>
         el.hasClass('primary')
           ? theme.euiColorSecondary
@@ -54,17 +55,21 @@ const style: cytoscape.Stylesheet[] = [
       // theme.euiFontFamily doesn't work here for some reason, so we're just
       // specifying a subset of the fonts for the label text.
       'font-family': 'Inter UI, Segoe UI, Helvetica, Arial, sans-serif',
+      // @ts-ignore no strings allowed
       'font-size': theme.euiFontSizeXS,
       height: nodeHeight,
       label: 'data(label)',
+      // @ts-ignore no strings allowed
       'min-zoomed-font-size': theme.euiSizeL,
       'overlay-opacity': 0,
+      // @ts-ignore no function allowed
       shape: (el: cytoscape.NodeSingular) =>
         isService(el) ? 'ellipse' : 'diamond',
       'text-background-color': theme.euiColorLightestShade,
       'text-background-opacity': 0,
       'text-background-padding': theme.paddingSizes.xs,
       'text-background-shape': 'roundrectangle',
+      // @ts-ignore no strings allowed
       'text-margin-y': theme.paddingSizes.s,
       'text-max-width': '200px',
       'text-valign': 'bottom',

x-pack/legacy/plugins/apm/public/components/shared/charts/MetricsChart/index.tsx

@@ -60,7 +60,7 @@ function getYTickFormatter(chart: GenericMetricsChart) {
     case 'bytes': {
       const max = Math.max(
         ...chart.series.map(({ data }) =>
-          Math.max(...data.map(({ y }) => y || 0))
+          Math.max(...data.map(({ y }: { y: number }) => y || 0))
         )
       );
       return getFixedByteFormatter(max);