qpp-style 9.16.7 → 9.16.8

package/components/SideNav/Links/NavLinkDrawer.jsx

@@ -23,6 +23,7 @@ const NavLinkDrawer = ({
   isHighlighted,
   darkerBackground,
   leftBorderHighlightDisabled,
+  hideLabelSection,
   largerDrawerBottomPadding
 }) => {
   const [isOpen, setIsOpen] = useState(openByDefault);
@@ -102,6 +103,10 @@ const NavLinkDrawer = ({
     return leftBorderHighlightDisabled ? 'left-border-disabled' : ''
   }
 
+  const isLabelSectionHidden = (hideLabelSection) => {
+    return hideLabelSection ? 'hidden-label-section' : '';
+  }
+
   const isHiddenWhileCollapsed = (isLeftBorderDisabled, isExpanded) => {
     return isLeftBorderDisabled && !isExpanded ? 'hidden-nav-link-item' : '';
   }
@@ -190,6 +195,7 @@ const NavLinkDrawer = ({
           : {})}
         className={`${className} ${expandedClass} ${highlightTitle(isHighlighted)} ${hasDarkerTitle(darkerBackground)}
          ${currentPage ? 'currentPage' : ''} ${isLeftBorderHighlightDisabled(leftBorderHighlightDisabled)}
+         ${isLabelSectionHidden(hideLabelSection)}
          ${isHiddenWhileCollapsed(leftBorderHighlightDisabled, isExpanded)}`}
       >
         <div className={isExpanded ? 'link-body' : 'link-body collapsed'}>
@@ -243,6 +249,7 @@ NavLinkDrawer.propTypes = {
   isHighlighted: PropTypes.bool,
   darkerBackground: PropTypes.bool,
   leftBorderHighlightDisabled: PropTypes.bool,
+  hideLabelSection: PropTypes.bool,
   largerDrawerBottomPadding: PropTypes.bool
 };
 

package/components/SideNav/UI/SideNavUI.jsx

@@ -78,13 +78,10 @@ const SideNavUI = ({
     );
   };
 
-  const getDynamicContent = (contentItems, className, recursionId, hideLinkClass) => {
+  const getDynamicContent = (contentItems, className, recursionId) => {
     const { openDrawersByDefault, linkActiveFunc, linkCallback, useTooltips } =
       config;
     let linkClass = isExpandedState ? 'link-inline' : 'link-collapsed';
-    if (hideLinkClass) {
-      linkClass = '';
-    }
     const containerRecursionId = recursionId || 0;
 
     const getDynamicIcon = (icon) => {
@@ -108,8 +105,7 @@ const SideNavUI = ({
           container: getDynamicContent(
             item.items,
             item.className,
-            containerRecursionId + 1,
-            item.hideLinkClass
+            containerRecursionId + 1
           ),
           linkBack: (
             <AnimationGroup display={isExpandedState} key={key}>
@@ -183,6 +179,7 @@ const SideNavUI = ({
               isHighlighted={item.isHighlighted}
               darkerBackground={item.darkerBackground}
               leftBorderHighlightDisabled={item.leftBorderHighlightDisabled}
+              hideLabelSection={item.hideLabelSection}
               largerDrawerBottomPadding={item.largerDrawerBottomPadding}
             />
           ),