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

@@ -84,7 +84,7 @@
     "**/@types/react-router": "^5.1.3",
     "**/@types/hapi": "^17.0.18",
     "**/@types/angular": "^1.6.56",
-    "**/typescript": "3.7.2",
+    "**/typescript": "3.8.1-rc",
     "**/graphql-toolkit/lodash": "^4.17.13",
     "**/isomorphic-git/**/base64-js": "^1.2.1",
     "**/image-diff/gm/debug": "^2.6.9",
@@ -480,7 +480,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/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/shared/charts/MetricsChart/index.tsx

@@ -59,7 +59,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);

x-pack/legacy/plugins/infra/public/components/waffle/waffle_accounts_controls.tsx

@@ -24,7 +24,7 @@ interface Props {
 
 export const WaffleAccountsControls = (props: Props) => {
   const { accountId, options } = props;
-  const [isOpen, setIsOpen] = useState();
+  const [isOpen, setIsOpen] = useState<boolean>();
 
   const showPopover = useCallback(() => {
     setIsOpen(true);

x-pack/legacy/plugins/infra/public/components/waffle/waffle_region_controls.tsx

@@ -23,7 +23,7 @@ interface Props {
 
 export const WaffleRegionControls = (props: Props) => {
   const { region, options } = props;
-  const [isOpen, setIsOpen] = useState();
+  const [isOpen, setIsOpen] = useState<boolean>();
 
   const showPopover = useCallback(() => {
     setIsOpen(true);

x-pack/legacy/plugins/ml/public/application/data_frame_analytics/pages/analytics_management/components/analytics_list/action_start.tsx

@@ -54,7 +54,7 @@ export const StartAction: FC<StartActionProps> = ({ item }) => {
       iconType="play"
       onClick={openModal}
       aria-label={buttonStartText}
-      data-test-sub="mlAnalyticsJobStartButton"
+      data-test-subj="mlAnalyticsJobStartButton"
     >
       {buttonStartText}
     </EuiButtonEmpty>

x-pack/legacy/plugins/ml/public/application/data_frame_analytics/pages/analytics_management/components/analytics_list/actions.tsx

@@ -80,7 +80,7 @@ export const getActions = () => {
             iconType="stop"
             onClick={() => stopAnalytics(item)}
             aria-label={buttonStopText}
-            data-test-sub="mlAnalyticsJobStopButton"
+            data-test-subj="mlAnalyticsJobStopButton"
           >
             {buttonStopText}
           </EuiButtonEmpty>

x-pack/legacy/plugins/ml/public/application/services/http_service.ts

@@ -18,7 +18,6 @@ export interface HttpOptions {
 
 function getResultHeaders(headers: HeadersInit): HeadersInit {
   return {
-    asSystemRequest: false,
     'Content-Type': 'application/json',
     'kbn-version': getXSRF(),
     ...headers,

x-pack/legacy/plugins/rollup/server/lib/search_strategies/rollup_search_capabilities.ts

@@ -21,7 +21,7 @@ export const getRollupSearchCapabilities = (DefaultSearchCapabilities: any) =>
     }
 
     public get dateHistogram() {
-      const [dateHistogram] = Object.values(this.availableMetrics.date_histogram);
+      const [dateHistogram] = Object.values<any>(this.availableMetrics.date_histogram);
 
       return dateHistogram;
     }