fix(docked nav): persistent inline nav (#12653)

* fix(docked nav): persist inline nav

* fix(docked nav): remove isDockExpanded

* fix(compass): add logic for persistent nav in compass demo

* fix(docked nav): update logic from coderabbit

* fix(docked nav): update logic from coderabbit

Author: jcmill

packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx

@@ -111,6 +111,10 @@ export const CompassDockDemo: React.FunctionComponent = () => {
   const onNavSelect = (_event: React.FormEvent<HTMLInputElement>, selectedItem: NavOnSelectProps) => {
     typeof selectedItem.itemId === 'number' && setActiveItem(selectedItem.itemId);
 
+    if (!isMobile && isDockTextExpanded) {
+      return;
+    }
+
     setIsDockExpandableExpanded(false);
     setIsDockTextExpanded(false);
     setIsDockExpanded(false);

packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx

@@ -114,6 +114,10 @@ export const NavDockedNav: React.FunctionComponent = () => {
   const onNavSelect = (_event: React.FormEvent<HTMLInputElement>, selectedItem: NavOnSelectProps) => {
     typeof selectedItem.itemId === 'number' && setActiveItem(selectedItem.itemId);
 
+    if (!isMobile && isDockTextExpanded) {
+      return;
+    }
+
     setIsDockExpandableExpanded(false);
     setIsDockTextExpanded(false);
     setIsDockExpanded(false);