From 4d34a13babd74d0c43066993468d4c69527254d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Fern=C3=A1ndez=20G=C3=B3mez?=
 <alejandro.fernandez@elastic.co>
Date: Fri, 19 Feb 2021 15:06:33 +0100
Subject: [PATCH] [Logs UI] Replace dependencies in the infra bundle (#91503)

---
 packages/kbn-optimizer/limits.yml                    |  2 +-
 x-pack/plugins/infra/common/formatters/index.ts      |  3 +--
 x-pack/plugins/infra/public/apps/legacy_app.tsx      | 10 ++++------
 x-pack/plugins/infra/public/hooks/use_link_props.tsx | 11 +++++------
 4 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/packages/kbn-optimizer/limits.yml b/packages/kbn-optimizer/limits.yml
index 1a157624d7a8..1ebd0a9b83bd 100644
--- a/packages/kbn-optimizer/limits.yml
+++ b/packages/kbn-optimizer/limits.yml
@@ -34,7 +34,7 @@ pageLoadAssetSize:
   indexLifecycleManagement: 107090
   indexManagement: 140608
   indexPatternManagement: 28222
-  infra: 204800
+  infra: 184320
   fleet: 415829
   ingestPipelines: 58003
   inputControlVis: 172675
diff --git a/x-pack/plugins/infra/common/formatters/index.ts b/x-pack/plugins/infra/common/formatters/index.ts
index 61e01aa7e683..a4aeee808482 100644
--- a/x-pack/plugins/infra/common/formatters/index.ts
+++ b/x-pack/plugins/infra/common/formatters/index.ts
@@ -5,7 +5,6 @@
  * 2.0.
  */
 
-import Mustache from 'mustache';
 import { createBytesFormatter } from './bytes';
 import { formatNumber } from './number';
 import { formatPercent } from './percent';
@@ -34,5 +33,5 @@ export const createFormatter = (format: InventoryFormatterType, template: string
   }
   const fmtFn = FORMATTERS[format];
   const value = fmtFn(Number(val));
-  return Mustache.render(template, { value });
+  return template.replace(/{{value}}/g, value);
 };
diff --git a/x-pack/plugins/infra/public/apps/legacy_app.tsx b/x-pack/plugins/infra/public/apps/legacy_app.tsx
index 50f24c2042c1..8aeb99c42665 100644
--- a/x-pack/plugins/infra/public/apps/legacy_app.tsx
+++ b/x-pack/plugins/infra/public/apps/legacy_app.tsx
@@ -11,7 +11,6 @@ import { AppMountParameters } from 'kibana/public';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Route, RouteProps, Router, Switch } from 'react-router-dom';
-import url from 'url';
 
 // This exists purely to facilitate legacy app/infra URL redirects.
 // It will be removed in 8.0.0.
@@ -79,11 +78,10 @@ const LegacyApp: React.FunctionComponent<{ history: History<unknown> }> = ({ his
               nextPath = nextPathParts[0];
               nextSearch = nextPathParts[1] ? nextPathParts[1] : undefined;
 
-              let nextUrl = url.format({
-                pathname: `${nextBasePath}/${nextPath}`,
-                hash: undefined,
-                search: nextSearch,
-              });
+              const builtPathname = `${nextBasePath}/${nextPath}`;
+              const builtSearch = nextSearch ? `?${nextSearch}` : '';
+
+              let nextUrl = `${builtPathname}${builtSearch}`;
 
               nextUrl = nextUrl.replace('//', '/');
 
diff --git a/x-pack/plugins/infra/public/hooks/use_link_props.tsx b/x-pack/plugins/infra/public/hooks/use_link_props.tsx
index 72a538cd5628..7546f9f0c9f7 100644
--- a/x-pack/plugins/infra/public/hooks/use_link_props.tsx
+++ b/x-pack/plugins/infra/public/hooks/use_link_props.tsx
@@ -7,7 +7,6 @@
 
 import { useMemo } from 'react';
 import { stringify } from 'query-string';
-import url from 'url';
 import { url as urlUtils } from '../../../../../src/plugins/kibana_utils/public';
 import { usePrefixPathWithBasepath } from './use_prefix_path_with_basepath';
 import { useKibana } from '../../../../../src/plugins/kibana_react/public';
@@ -58,11 +57,11 @@ export const useLinkProps = (
   }, [pathname, encodedSearch]);
 
   const href = useMemo(() => {
-    const link = url.format({
-      pathname,
-      hash: mergedHash,
-      search: !hash ? encodedSearch : undefined,
-    });
+    const builtPathname = pathname ?? '';
+    const builtHash = mergedHash ? `#${mergedHash}` : '';
+    const builtSearch = !hash ? (encodedSearch ? `?${encodedSearch}` : '') : '';
+
+    const link = `${builtPathname}${builtSearch}${builtHash}`;
 
     return prefixer(app, link);
   }, [mergedHash, hash, encodedSearch, pathname, prefixer, app]);