From cef3d914fb051c572de4cfdf6813f6417cbe3ed5 Mon Sep 17 00:00:00 2001
From: Yohannah Bautista <yohannahbautista@gmail.com>
Date: Mon, 1 Apr 2024 18:16:59 +0800
Subject: [PATCH 1/5] 8381. Added setting to disable nav switcher

---
 app/views/components/module-nav/example-index.html | 11 ++++++++++-
 docs/CHANGELOG.md                                  |  1 +
 src/components/module-nav/module-nav.dropdown.scss |  6 ++++++
 src/components/module-nav/module-nav.js            | 10 ++++++++--
 src/components/module-nav/module-nav.switcher.js   | 13 +++++++++++--
 5 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/app/views/components/module-nav/example-index.html b/app/views/components/module-nav/example-index.html
index 983d45480a..dbee7a5e85 100644
--- a/app/views/components/module-nav/example-index.html
+++ b/app/views/components/module-nav/example-index.html
@@ -62,7 +62,7 @@
   <aside id="nav" class="module-nav" data-options="{ 'filterable': true }">
     <div class="module-nav-bar">
       <!-- Module Nav's top-level navigation items are inside the accordion -->
-      <div class="module-nav-accordion accordion panel" data-options="{'allowOnePane': false}">
+      <div class="module-nav-accordion accordion panel" data-options="{'allowOnePane': false }">
         <!-- Module switcher -->
         <div class="module-nav-header accordion-section">
           <div class="module-nav-switcher">
@@ -355,6 +355,10 @@ <h1>Module Nav</h1>
           <input type="checkbox" class="checkbox" name="hide-completely" id="hide-completely" />
           <label for="hide-completely" class="checkbox-label">Hide completely</label>
         </div>
+        <div class="field">
+          <input type="checkbox" class="checkbox" name="disable-switcher" id="disable-switcher" />
+          <label for="disable-switcher" class="checkbox-label">Disable switcher</label>
+        </div>
       </div>
     </div>
     <div class="row test-spacer">&nbsp;</div>
@@ -379,6 +383,7 @@ <h1>Module Nav</h1>
     const hideCompletelyEl = $('#hide-completely');
     const hamburgerBtnEl = $('#header-hamburger');
     const pinSectionsCheckEl = $('#pin-sections');
+    const disableSwitcher = $('#disable-switcher');
 
     displayCheckEl.on('change.test', (e) => {
       navAPI.updated({ showDetailView: displayCheckEl[0].checked });
@@ -388,6 +393,10 @@ <h1>Module Nav</h1>
       navAPI.updated({ pinSections: pinSectionsCheckEl[0].checked });
     });
 
+    disableSwitcher.on('change.test', (e, mode) => {
+      navAPI.updated({ disableSwitcher: disableSwitcher[0].checked });
+    })
+
     if (hamburgerBtnEl.length) {
       hamburgerBtnEl.on('click.test', (e) => {
         navAPI.handleHamburgerClick();
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index 9410d50812..a9d4d4ae6a 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -9,6 +9,7 @@
 - `[Homepage]` Added row height style classes for widgets. ([#8211](https://github.com/infor-design/enterprise/issues/8211))
 - `[Lookup]` Added placeholder setting in toolbar. ([#8416](https://github.com/infor-design/enterprise/issues/8416))
 - `[Modal]` Added setting `draggable` to be able to drag modals. ([#7019](https://github.com/infor-design/enterprise/issues/7019))
+- `[Module Nav]` Added setting `disableSwitcher` to disable nav switcher. ([#8381](https://github.com/infor-design/enterprise/issues/8381))
 
 ## v4.94.0 Fixes
 
diff --git a/src/components/module-nav/module-nav.dropdown.scss b/src/components/module-nav/module-nav.dropdown.scss
index 2a670738ca..9df1a1e378 100644
--- a/src/components/module-nav/module-nav.dropdown.scss
+++ b/src/components/module-nav/module-nav.dropdown.scss
@@ -37,6 +37,12 @@ $module-nav-container-size: $module-nav-switcher-button-size + $module-nav-switc
       top: 4px;
     }
 
+    &.is-disabled {
+      + .icon {
+        display: none;
+      }
+    }
+
     // Overrides a dropdown default
     &:focus {
       box-shadow: none;
diff --git a/src/components/module-nav/module-nav.js b/src/components/module-nav/module-nav.js
index 4a5cf4655b..f517cb393e 100644
--- a/src/components/module-nav/module-nav.js
+++ b/src/components/module-nav/module-nav.js
@@ -40,7 +40,8 @@ const MODULE_NAV_DEFAULTS = {
   showGuestSection: false,
   showSearchBar: true,
   enableOutsideClick: false,
-  autoCollapseOnMobile: true
+  autoCollapseOnMobile: true,
+  disableSwitcher: false
 };
 
 const toggleScrollbar = (el, doToggle) => {
@@ -189,7 +190,12 @@ ModuleNav.prototype = {
 
     // Auto-init child components, if applicable
     if (this.settings.initChildren) {
-      if (!this.switcherAPI) $(this.switcherEl).modulenavswitcher({ displayMode: this.settings.displayMode });
+      if (!this.switcherAPI) {
+        $(this.switcherEl).modulenavswitcher({
+          displayMode: this.settings.displayMode,
+          disabled: this.settings.disableSwitcher
+        });
+      }
       if (!this.settingsAPI) $(this.settingsEl).modulenavsettings({ displayMode: this.settings.displayMode });
       if (!this.accordionAPI) {
         $(this.accordionEl).accordion(this.settings.accordionSettings);
diff --git a/src/components/module-nav/module-nav.switcher.js b/src/components/module-nav/module-nav.switcher.js
index b97588822b..ff025b0da3 100644
--- a/src/components/module-nav/module-nav.switcher.js
+++ b/src/components/module-nav/module-nav.switcher.js
@@ -180,13 +180,22 @@ ModuleNavSwitcher.prototype = {
   },
 
   renderRoleDropdown() {
+    const roleDropdown = $(this.roleDropdownEl);
+
     if (this.settings.generate && (!this.roleDropdownContainerEl || !this.roleDropdownEl)) {
       this.element[0].insertAdjacentHTML('beforeend', dropdownTemplate(this.settings.roleDropdownLabel));
     }
-    if (!$(this.roleDropdownEl).find('option').length) {
+    if (!roleDropdown.find('option').length) {
       this.renderDropdownOptions();
     }
-    $(this.roleDropdownEl).dropdown({
+
+    if (this.settings.disabled) {
+      roleDropdown.attr('disabled', true);
+    } else {
+      roleDropdown.removeAttr('disabled');
+    }
+
+    roleDropdown.dropdown({
       cssClass: 'role-dropdown',
       dropdownIcon: 'expand-all',
       extraListWrapper: true,

From 28a34af4144be4f4ce4c77340066616a3fc840db Mon Sep 17 00:00:00 2001
From: Yohannah Bautista <yohannahbautista@gmail.com>
Date: Tue, 2 Apr 2024 10:11:34 +0800
Subject: [PATCH 2/5] 8361. Update style

---
 src/components/module-nav/module-nav.dropdown.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/module-nav/module-nav.dropdown.scss b/src/components/module-nav/module-nav.dropdown.scss
index 9df1a1e378..d84d3ad4f4 100644
--- a/src/components/module-nav/module-nav.dropdown.scss
+++ b/src/components/module-nav/module-nav.dropdown.scss
@@ -38,6 +38,13 @@ $module-nav-container-size: $module-nav-switcher-button-size + $module-nav-switc
     }
 
     &.is-disabled {
+      background-color: transparent;
+      border: none;
+
+      span {
+        font-size: 2rem;
+      }
+
       + .icon {
         display: none;
       }

From 2e16d7433d7cb0a9b93cef7aba1c249b3e0437c0 Mon Sep 17 00:00:00 2001
From: Yohannah Bautista <yohannahbautista@gmail.com>
Date: Wed, 3 Apr 2024 09:18:43 +0800
Subject: [PATCH 3/5] 8381. Updated changelog

---
 docs/CHANGELOG.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index a9d4d4ae6a..c915202068 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -1,5 +1,11 @@
 # What's New with Enterprise
 
+## v4.95.0
+
+## v4.95.0 Fixes
+
+- `[Module Nav]` Added setting `disableSwitcher` to disable nav switcher. ([#8381](https://github.com/infor-design/enterprise/issues/8381))
+
 ## v4.94.0
 
 ## v4.94.0 Features
@@ -9,7 +15,6 @@
 - `[Homepage]` Added row height style classes for widgets. ([#8211](https://github.com/infor-design/enterprise/issues/8211))
 - `[Lookup]` Added placeholder setting in toolbar. ([#8416](https://github.com/infor-design/enterprise/issues/8416))
 - `[Modal]` Added setting `draggable` to be able to drag modals. ([#7019](https://github.com/infor-design/enterprise/issues/7019))
-- `[Module Nav]` Added setting `disableSwitcher` to disable nav switcher. ([#8381](https://github.com/infor-design/enterprise/issues/8381))
 
 ## v4.94.0 Fixes
 

From 9512a7e46fb28cb06e25145d2726483bcfd4223d Mon Sep 17 00:00:00 2001
From: Yohannah Bautista <yohannahbautista@gmail.com>
Date: Wed, 3 Apr 2024 11:50:26 +0800
Subject: [PATCH 4/5] 8381. Style update

---
 docs/CHANGELOG.md                                  | 2 +-
 src/components/module-nav/module-nav.dropdown.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index ce7d8b0efa..5882cb203d 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -2,7 +2,7 @@
 
 ## v4.95.0
 
-## v4.95.0 Fixes
+## v4.95.0 Features
 
 - `[Module Nav]` Added setting `disableSwitcher` to disable nav switcher. ([#8381](https://github.com/infor-design/enterprise/issues/8381))
 
diff --git a/src/components/module-nav/module-nav.dropdown.scss b/src/components/module-nav/module-nav.dropdown.scss
index d84d3ad4f4..45d4d94f33 100644
--- a/src/components/module-nav/module-nav.dropdown.scss
+++ b/src/components/module-nav/module-nav.dropdown.scss
@@ -5,7 +5,7 @@ $module-nav-container-size: $module-nav-switcher-button-size + $module-nav-switc
 
 @mixin module-nav-div-dropdown-adjustment() {
   background-color: $module-nav-switcher-dropdown-background-color;
-  padding-block-start: 9px;
+  padding-block-start: 7px;
   padding-block-end: 7px;
   padding-inline-start: 8px;
   padding-inline-end: 40px;

From 1f2e75e467c8de2d8ad62e324b372045e3393624 Mon Sep 17 00:00:00 2001
From: Tim McConechy <tim.mcconechy@infor.com>
Date: Thu, 4 Apr 2024 11:17:06 -0400
Subject: [PATCH 5/5] Tweak the style

---
 src/components/module-nav/module-nav.dropdown.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/module-nav/module-nav.dropdown.scss b/src/components/module-nav/module-nav.dropdown.scss
index 45d4d94f33..a81ee7a2c0 100644
--- a/src/components/module-nav/module-nav.dropdown.scss
+++ b/src/components/module-nav/module-nav.dropdown.scss
@@ -40,6 +40,7 @@ $module-nav-container-size: $module-nav-switcher-button-size + $module-nav-switc
     &.is-disabled {
       background-color: transparent;
       border: none;
+      margin-inline-start: -6px;
 
       span {
         font-size: 2rem;