fix: extract NavBarVariant to separate file to prevent circular imports

Author: hinzed1127

web/src/components/navbar/NavBar.tsx

@@ -4,15 +4,7 @@ import { useUserData } from "@/lib/data-hooks/useUserData";
 import { Task } from "@businessnjgovnavigator/shared/types";
 import { ReactElement, useEffect, useState } from "react";
 
-export enum NavBarVariant {
-  LOGO_ONLY = "LOGO_ONLY",
-  LOGO_WITH_TEXT = "LOGO_WITH_TEXT",
-  MINIMAL_WITH_LOGIN = "MINIMAL_WITH_LOGIN",
-  FULL_LANDING = "FULL_LANDING",
-  MINIMAL_WITH_DISABLED_DROPDOWN = "MINIMAL_WITH_DISABLED_DROPDOWN",
-  FULL_AUTHENTICATED = "FULL_AUTHENTICATED",
-  FULL_GUEST = "FULL_GUEST",
-}
+import { NavBarVariant } from "@/components/navbar/NavBarTypes";
 
 type Props = {
   variant: NavBarVariant;
@@ -22,7 +14,6 @@ type Props = {
   hideMiniRoadmap?: boolean;
   previousBusinessId?: string | undefined;
 };
-
 export const NavBar = (props: Props): ReactElement => {
   const [scrolled, setScrolled] = useState(false);
   const { userData } = useUserData();

web/src/components/navbar/NavBarTypes.ts

@@ -0,0 +1,9 @@
+export enum NavBarVariant {
+  LOGO_ONLY = "LOGO_ONLY",
+  LOGO_WITH_TEXT = "LOGO_WITH_TEXT",
+  MINIMAL_WITH_LOGIN = "MINIMAL_WITH_LOGIN",
+  FULL_LANDING = "FULL_LANDING",
+  MINIMAL_WITH_DISABLED_DROPDOWN = "MINIMAL_WITH_DISABLED_DROPDOWN",
+  FULL_AUTHENTICATED = "FULL_AUTHENTICATED",
+  FULL_GUEST = "FULL_GUEST",
+}

web/src/components/navbar/desktop/NavBarDesktop.test.tsx

@@ -1,4 +1,4 @@
-import { NavBarVariant } from "@/components/navbar/NavBar";
+import { NavBarVariant } from "@/components/navbar/NavBarTypes";
 import { NavBarDesktop } from "@/components/navbar/desktop/NavBarDesktop";
 import { randomPublicFilingLegalStructure } from "@/test/factories";
 import { useMockRouter } from "@/test/mock/mockRouter";

web/src/components/navbar/desktop/NavBarDesktop.tsx

@@ -1,6 +1,6 @@
 import { ButtonIcon } from "@/components/ButtonIcon";
 import { NavBarLoginButton } from "@/components/navbar/NavBarLoginButton";
-import { NavBarVariant } from "@/components/navbar/NavBar";
+import { NavBarVariant } from "@/components/navbar/NavBarTypes";
 import { NavBarDesktopDropDown } from "@/components/navbar/desktop/NavBarDesktopDropDown";
 import { NavBarDesktopHomeLogo } from "@/components/navbar/desktop/NavBarDesktopHomeLogo";
 import { NavBarDesktopQuickLinks } from "@/components/navbar/desktop/NavBarDesktopQuickLinks";

web/src/components/navbar/mobile/NavBarMobile.test.tsx

@@ -1,4 +1,4 @@
-import { NavBarVariant } from "@/components/navbar/NavBar";
+import { NavBarVariant } from "@/components/navbar/NavBarTypes";
 import { NavBarMobile } from "@/components/navbar/mobile/NavBarMobile";
 import { generateRoadmap, generateStep, generateTask } from "@/test/factories";
 import { useMockRouter } from "@/test/mock/mockRouter";

web/src/components/navbar/mobile/NavBarMobile.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable react/jsx-key */
 import { NavBarLoginButton } from "@/components/navbar/NavBarLoginButton";
-import { NavBarVariant } from "@/components/navbar/NavBar";
+import { NavBarVariant } from "@/components/navbar/NavBarTypes";
 import { NavBarLogoOnlyMobile } from "@/components/navbar/mobile/NavBarLogoOnlyMobile";
 import { NavBarMobileAccountSlideOutMenu } from "@/components/navbar/mobile/NavBarMobileAccountSlideOutMenu";
 import { NavBarMobileHomeLogo } from "@/components/navbar/mobile/NavBarMobileHomeLogo";

web/src/components/njwds-layout/PageSkeleton.tsx

@@ -2,7 +2,8 @@ import { BetaBar } from "@/components/BetaBar";
 import { LegalMessage } from "@/components/LegalMessage";
 import { PageFooter } from "@/components/PageFooter";
 import { SkipToMainContent } from "@/components/SkipToMainContent";
-import { NavBar, NavBarVariant } from "@/components/navbar/NavBar";
+import { NavBar } from "@/components/navbar/NavBar";
+import { NavBarVariant } from "@/components/navbar/NavBarTypes";
 import { Banner } from "@/components/njwds/Banner";
 import { AuthContext } from "@/contexts/authContext";
 import { ROUTES } from "@/lib/domain-logic/routes";

web/src/lib/cms/previews/NavBarPreview.tsx

@@ -1,4 +1,4 @@
-import { NavBarVariant } from "@/components/navbar/NavBar";
+import { NavBarVariant } from "@/components/navbar/NavBarTypes";
 import { NavBarDesktop } from "@/components/navbar/desktop/NavBarDesktop";
 import { NavBarMobile } from "@/components/navbar/mobile/NavBarMobile";
 import { PreviewProps } from "@/lib/cms/helpers/previewHelpers";

web/src/pages/starter-kits/[starterKitsUrl].tsx

@@ -1,4 +1,5 @@
-import { NavBar, NavBarVariant } from "@/components/navbar/NavBar";
+import { NavBar } from "@/components/navbar/NavBar";
+import { NavBarVariant } from "@/components/navbar/NavBarTypes";
 import { PageSkeleton } from "@/components/njwds-layout/PageSkeleton";
 import { StarterKitsBody } from "@/components/starter-kits/StarterKitsBody";
 import {

web/src/pages/starter-kits/index.tsx

@@ -1,4 +1,5 @@
-import { NavBar, NavBarVariant } from "@/components/navbar/NavBar";
+import { NavBar } from "@/components/navbar/NavBar";
+import { NavBarVariant } from "@/components/navbar/NavBarTypes";
 import { PageSkeleton } from "@/components/njwds-layout/PageSkeleton";
 import { SingleColumnContainer } from "@/components/njwds/SingleColumnContainer";
 import { PageCircularIndicator } from "@/components/PageCircularIndicator";