From abaac1d72f30589a848b750b21e86dca9456b1ca Mon Sep 17 00:00:00 2001
From: Jimmy Merritello <7191639+jmfury@users.noreply.github.com>
Date: Fri, 9 Oct 2020 10:39:08 -0500
Subject: [PATCH] [Website] Add new HashiStackMenu (#9042)

* Add new HashiStackMenu

* Bump version

* Bump HSM version and rm meganav styles
---
 website/package-lock.json | 29 +++++++++++++++++++++--------
 website/package.json      |  2 +-
 website/pages/_app.js     |  4 ++--
 website/pages/style.css   |  1 -
 4 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/website/package-lock.json b/website/package-lock.json
index 48d90d8ba..17005bf64 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -1783,6 +1783,27 @@
       "resolved": "https://registry.npmjs.org/@hashicorp/react-global-styles/-/react-global-styles-4.4.0.tgz",
       "integrity": "sha512-lv6XR2plm2m3+qO6VE+RYquTzOODIt3mQ/1fBT1bn7wsR0qxFiuryW4JfsF94oCGk++LkDkRt/8V742HiT+fHw=="
     },
+    "@hashicorp/react-hashi-stack-menu": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@hashicorp/react-hashi-stack-menu/-/react-hashi-stack-menu-1.0.3.tgz",
+      "integrity": "sha512-bzO6fBodh61OrunYIMQKfGSJQUKIq70TQ74dt2trBPjBsgURHMCIkiMmKffjuSdJjhCxx2nb+y0/B/PwxxHxmg==",
+      "requires": {
+        "@hashicorp/react-inline-svg": "^1.0.2",
+        "slugify": "1.3.4"
+      },
+      "dependencies": {
+        "@hashicorp/react-inline-svg": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
+          "integrity": "sha512-AAFnBslSTgnEr++dTbMn3sybAqvn7myIj88ijGigF6u11eSRiV64zqEcyYLQKWTV6dF4AvYoxiYC6GSOgiM0Yw=="
+        },
+        "slugify": {
+          "version": "1.3.4",
+          "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.3.4.tgz",
+          "integrity": "sha512-KP0ZYk5hJNBS8/eIjGkFDCzGQIoZ1mnfQRYS5WM3273z+fxGWXeN0fkwf2ebEweydv9tioZIHGZKoF21U07/nw=="
+        }
+      }
+    },
     "@hashicorp/react-head": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@hashicorp/react-head/-/react-head-1.1.1.tgz",
@@ -1901,14 +1922,6 @@
         }
       }
     },
-    "@hashicorp/react-mega-nav": {
-      "version": "4.0.1-2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-mega-nav/-/react-mega-nav-4.0.1-2.tgz",
-      "integrity": "sha512-uDw+vk6YBDSR9sZoZa3oYd0N15UzYpuGLV1/2lofM6O4/IhEkWlGlsyWpzWABV+pcHBB4KOqnCUxpvmS9Ar61g==",
-      "requires": {
-        "@hashicorp/react-inline-svg": "^1.0.0"
-      }
-    },
     "@hashicorp/react-product-downloader": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@hashicorp/react-product-downloader/-/react-product-downloader-4.0.2.tgz",
diff --git a/website/package.json b/website/package.json
index c9ac4e544..7c13fa5d4 100644
--- a/website/package.json
+++ b/website/package.json
@@ -13,11 +13,11 @@
     "@hashicorp/react-docs-page": "5.0.1",
     "@hashicorp/react-docs-sidenav": "4.0.1",
     "@hashicorp/react-global-styles": "4.4.0",
+    "@hashicorp/react-hashi-stack-menu": "^1.0.3",
     "@hashicorp/react-head": "1.1.1",
     "@hashicorp/react-hero": "3.1.2",
     "@hashicorp/react-image": "2.0.1",
     "@hashicorp/react-inline-svg": "1.0.0",
-    "@hashicorp/react-mega-nav": "4.0.1-2",
     "@hashicorp/react-product-downloader": "4.0.2",
     "@hashicorp/react-search": "^2.1.0",
     "@hashicorp/react-section-header": "2.0.0",
diff --git a/website/pages/_app.js b/website/pages/_app.js
index 88a3c0df5..3a7888a51 100644
--- a/website/pages/_app.js
+++ b/website/pages/_app.js
@@ -7,7 +7,7 @@ import NProgress from '@hashicorp/nextjs-scripts/lib/nprogress'
 import { ErrorBoundary } from '@hashicorp/nextjs-scripts/lib/bugsnag'
 import createConsentManager from '@hashicorp/nextjs-scripts/lib/consent-manager'
 import useAnchorLinkAnalytics from '@hashicorp/nextjs-scripts/lib/anchor-link-analytics'
-import MegaNav from '@hashicorp/react-mega-nav'
+import HashiStackMenu from '@hashicorp/react-hashi-stack-menu'
 import AlertBanner from '@hashicorp/react-alert-banner'
 import HashiHead from '@hashicorp/react-head'
 import Footer from 'components/footer'
@@ -48,7 +48,7 @@ function App({ Component, pageProps }) {
       {ALERT_BANNER_ACTIVE && (
         <AlertBanner {...alertBannerData} theme="nomad" />
       )}
-      <MegaNav product="Nomad" />
+      <HashiStackMenu />
       <ProductSubnav />
       <div className={`content${ALERT_BANNER_ACTIVE ? ' banner' : ''}`}>
         <Component {...pageProps} />
diff --git a/website/pages/style.css b/website/pages/style.css
index a8aaa86ca..56ccc66f5 100644
--- a/website/pages/style.css
+++ b/website/pages/style.css
@@ -23,7 +23,6 @@
 @import '~@hashicorp/react-enterprise-alert/dist/style.css';
 @import '~@hashicorp/react-hero/dist/style.css';
 @import '~@hashicorp/react-logo-grid/dist/style.css';
-@import '~@hashicorp/react-mega-nav/style.css';
 @import '~@hashicorp/react-product-downloader/dist/style.css';
 @import '~@hashicorp/react-search/dist/style.css';
 @import '~@hashicorp/react-section-header/dist/style.css';