qpp-style 9.34.2-beta.0 → 9.34.2

package/components/Header/HeaderContainer.jsx

@@ -21,7 +21,6 @@ const HeaderContainer = ({
   showCancelButton,
   skipToContentId,
   isIESupportPage,
-  isDevPre,
 }) => {
   const { currentOpenMenu } = useHeaderState();
   const cssCancelBtn = showCancelButton ? "show-cancel-button" : "";
@@ -51,7 +50,7 @@ const HeaderContainer = ({
       <GovBanner />
       {!isIESupportPage && <NotificationBanner />}
       <header id="top" className={`${cssCancelBtn} ${cssMenuDropdownStatus}`}>
-        <HeaderLogo isDevPre={isDevPre} />
+        <HeaderLogo />
         {children}
       </header>
     </>
@@ -64,14 +63,12 @@ HeaderContainer.propTypes = {
   showCancelButton: PropTypes.bool,
   skipToContentId: PropTypes.string,
   isIESupportPage: PropTypes.bool,
-  isDevPre: PropTypes.bool,
 };
 HeaderContainer.defaultProps = {
   includeSkipToSidebar: false,
   showCancelButton: false,
   skipToContentId: null,
   isIESupportPage: false,
-  isDevPre: false,
 };
 
 export default HeaderContainer;

package/components/Header/HeaderLogo.jsx

@@ -1,14 +1,9 @@
 import React from "react";
-import PropTypes from "prop-types";
 
 import { useHeaderState } from "./hooks";
 
-const HeaderLogo = (isDevPre) => {
+const HeaderLogo = () => {
   const { closeMenus, RouterLink } = useHeaderState();
-  const url = isDevPre ? "/user/applications" : "/";
-  const label = isDevPre
-    ? "Quality Payment Program - My Applications"
-    : "Quality Payment Program";
   if (RouterLink) {
     return (
       <RouterLink
@@ -30,10 +25,10 @@ const HeaderLogo = (isDevPre) => {
   return (
     <a
       className="header-logo"
-      href={url}
+      href="/"
       data-track-category="HeaderNav"
       data-track-action="OpenQPPHome"
-      data-track-label={label}
+      data-track-label="Quality Payment Program"
     >
       <img
         className="qpp-logo"
@@ -44,11 +39,4 @@ const HeaderLogo = (isDevPre) => {
   );
 };
 
-HeaderLogo.propTypes = {
-  isDevPre: PropTypes.bool,
-};
-HeaderLogo.defaultProps = {
-  isDevPre: false,
-};
-
 export default HeaderLogo;

package/components/Header/HeaderUI.jsx

@@ -79,7 +79,6 @@ const HeaderUI = ({
       isIESupportPage={isIESupportPage}
       skipToContentId={skipToContentId}
       includeSkipToSidebar={includeSkipToSidebar}
-      isDevPre={isDevPre}
     >
       <nav aria-label="Primary navigation" hidden={!isMobileMenuExpanded}>
         <ul className="navigation-menu">

package/components/SideNav/UI/SideNavUI.jsx

@@ -54,16 +54,9 @@ const SideNavUI = ({
 
   const collapseRef = useRef(null);
 
-  const changeExpandedClass = (currentClass, newClass) => {
-    document
-      .querySelectorAll(`.${currentClass}`)
-      .forEach((e) => e.classList.replace(currentClass, newClass));
-  };
-
   const expand = () => {
     setSideNavExpanded(window.document, "true");
     setIsExpandedState(true);
-    changeExpandedClass("animation-group-exit", "animation-group-enter");
     if (onExpanded) {
       onExpanded();
     }
@@ -72,7 +65,6 @@ const SideNavUI = ({
   const collapse = () => {
     setSideNavExpanded(window.document, "false");
     setIsExpandedState(false);
-    changeExpandedClass("animation-group-enter", "animation-group-exit");
     if (onCollapsed) {
       onCollapsed();
     }
@@ -86,11 +78,6 @@ const SideNavUI = ({
     // some applications use the isExpanded prop instead of reading the cookie
     // this will ensure the application ignores the cookie
     if (isExpandedPropSet) {
-      if (isExpanded) {
-        changeExpandedClass("animation-group-exit", "animation-group-enter");
-      } else {
-        changeExpandedClass("animation-group-enter", "animation-group-exit");
-      }
       setIsExpandedState(isExpanded);
     } else {
       isSideNavExpanded(window.document);
@@ -98,7 +85,7 @@ const SideNavUI = ({
   }, [isExpanded, isExpandedPropSet]);
 
   useEffect(() => {
-    const initialExpandedState = isSideNavExpanded(window.document);
+    isSideNavExpanded(window.document);
     let cancelRequest = false;
     const { origin } = window.location;
     const isRunningLocally = origin.includes("localhost");
@@ -116,24 +103,7 @@ const SideNavUI = ({
         }
       }
       if (!cancelRequest) {
-        const realInitialState = isExpandedPropSet
-          ? isExpanded
-          : initialExpandedState;
-        if (realInitialState) {
-          setSideNavContent(sideNavMenuItems);
-        } else {
-          // TODO: we are replacing the class here because the server does not take into account the
-          // initial expand/collapse state of the sidenav.
-          // Once we have confirmation that everyone has installed this version of QPP-Style we can
-          // remove this if/else block (assuming the server has been updated to read the cookie and
-          // render the appropriate class for each link)
-          setSideNavContent(
-            sideNavMenuItems.replaceAll(
-              "animation-group-enter",
-              "animation-group-exit",
-            ),
-          );
-        }
+        setSideNavContent(sideNavMenuItems);
       }
     }
     getSideNavConfig();