qpp-style 9.26.1 → 9.27.0

package/components/NotificationBanner/ExpandedView.js

@@ -13,7 +13,7 @@ const ExpandedView = ({
   return (
     <div className={`notification-banner-wrapper expanded-view`}>
       <div className="notification-banner-label">{label}</div>
-      <div className="notification-banner-content">
+      <div className="notification-banner-content qppds">
         <SanitizedContent
           html={expanded ? content : '<p>No notifications to display</p>'}
         />

package/components/SideNav/Content/index.js

@@ -1,4 +1,3 @@
 import LevelOneContent from './LevelOneContent';
-import LevelTwoContent from './LevelTwoContent';
 
-export { LevelOneContent, LevelTwoContent };
+export { LevelOneContent };

package/components/SideNav/Links/NavLinkInline.jsx

@@ -14,7 +14,6 @@ const NavLinkInline = ({
   showLabel,
   linkCallback,
   disabled,
-  useTooltips,
   target,
 }) => {
   const localUrl = urlExpressionToMatch || url;
@@ -26,12 +25,12 @@ const NavLinkInline = ({
   const tooltipRef = React.useRef();
 
   React.useEffect(() => {
-    if (!showLabel && useTooltips && svgRef.current) {
+    if (!showLabel && svgRef.current) {
       const existingMouseenter = svgRef.current.onmouseover;
       const existingMouseout = svgRef.current.onmouseout;
 
       svgRef.current.onmouseover = () => {
-        if (tooltipRef.current && useTooltips) {
+        if (tooltipRef.current) {
           const svgOffset = svgRef.current.getBoundingClientRect();
           tooltipRef.current.style.top = `${svgOffset.top - 5}px`;
           tooltipRef.current.style.display = 'block';
@@ -105,7 +104,6 @@ NavLinkInline.propTypes = {
   showLabel: PropTypes.bool,
   linkCallback: PropTypes.func,
   disabled: PropTypes.bool,
-  useTooltips: PropTypes.bool,
   target: PropTypes.string,
 };
 

package/components/SideNav/UI/SideNavUI.jsx

@@ -1,8 +1,8 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 
 import { withGetConfig } from '../../hooks/useGetConfig';
-import { LevelOneContent, LevelTwoContent } from '../Content';
+import { LevelOneContent } from '../Content';
 import {
   NavLinkContainer,
   NavLinkInline,
@@ -18,21 +18,16 @@ import CmsSwitchLink from '../Links/CmsSwitchLink';
 import defaultContent from './default-content';
 
 const SideNavUI = ({
-  chartData,
   config,
-  currentLevel,
   isAltStyle,
   isExpanded,
   items,
   onCollapsed,
   onExpanded,
   performanceYear,
-  showReportingLinks,
   result,
 }) => {
   const [isExpandedState, setIsExpandedState] = useState(isExpanded);
-  const [itemsState, setItemsState] = useState(items);
-  const [currentLevelState, setCurrentLevelState] = useState(currentLevel);
 
   const collapseRef = useRef(null);
 
@@ -54,30 +49,8 @@ const SideNavUI = ({
     isExpandedState ? collapse() : expand();
   };
 
-  const getLevelContent = () => {
-    return (
-      {
-        2: (
-          <LevelTwoContent
-            showReportingLinks={showReportingLinks}
-            isExpanded={isExpandedState}
-            chartData={chartData}
-            config={config}
-          />
-        ),
-      }[currentLevelState] || (
-        <LevelOneContent
-          levelOneContent={result?.content}
-          isExpanded={isExpandedState}
-          config={config}
-        />
-      )
-    );
-  };
-
   const getDynamicContent = (contentItems, className, recursionId) => {
-    const { openDrawersByDefault, linkActiveFunc, linkCallback, useTooltips } =
-      config;
+    const { openDrawersByDefault, linkActiveFunc, linkCallback } = config;
     let linkClass = isExpandedState ? 'link-inline' : 'link-collapsed';
     const containerRecursionId = recursionId || 0;
 
@@ -117,7 +90,6 @@ const SideNavUI = ({
                 label={item.label}
                 linkCallback={linkCallback}
                 showLabel={true}
-                useTooltips={useTooltips}
               />
             </AnimationGroup>
           ),
@@ -130,7 +102,6 @@ const SideNavUI = ({
                 label={item.label}
                 linkCallback={linkCallback}
                 showLabel={true}
-                useTooltips={useTooltips}
               />
             </AnimationGroup>
           ),
@@ -220,7 +191,6 @@ const SideNavUI = ({
             linkCallback={linkCallback}
             showLabel={isExpandedState}
             disabled={item.disabled}
-            useTooltips={useTooltips}
             target={item.target}
           />
         )
@@ -244,24 +214,18 @@ const SideNavUI = ({
     }
   };
 
-  const content = itemsState
-    ? getDynamicContent(
-        itemsState,
-        'sidebar-content' + (isAltStyle ? ' alt-style' : '')
-      )
-    : getLevelContent();
-
-  useEffect(() => {
-    setIsExpandedState(isExpanded);
-  }, [isExpanded]);
-
-  useEffect(() => {
-    setCurrentLevelState(currentLevel);
-  }, [currentLevel]);
-
-  useEffect(() => {
-    setItemsState(items);
-  }, [items]);
+  const content = !items?.length ? (
+    <LevelOneContent
+      levelOneContent={result?.content}
+      isExpanded={isExpandedState}
+      config={config}
+    />
+  ) : (
+    getDynamicContent(
+      items,
+      'sidebar-content' + (isAltStyle ? ' alt-style' : '')
+    )
+  );
 
   return (
     <aside