Merge pull request #300 from randomnetcat/context-focus

Allow disabling quickstart panel grabbing focus

Author: nicolethoen

packages/module/src/QuickStartPanelContent.tsx

@@ -56,7 +56,7 @@ const QuickStartPanelContent: React.FC<QuickStartPanelContentProps> = ({
   ...props
 }) => {
   const titleRef = React.useRef(null);
-  const { getResource, activeQuickStartState } =
+  const { getResource, activeQuickStartState, focusOnQuickStart } =
     React.useContext<QuickStartContextValues>(QuickStartContext);
   const [contentRef, setContentRef] = React.useState<HTMLDivElement>();
   const shadows = useScrollShadows(contentRef);
@@ -90,10 +90,10 @@ const QuickStartPanelContent: React.FC<QuickStartPanelContentProps> = ({
   };
 
   React.useEffect(() => {
-    if (quickStart) {
+    if (focusOnQuickStart && quickStart) {
       titleRef.current.focus();
     }
-  }, [quickStart]);
+  }, [focusOnQuickStart, quickStart]);
 
   const content = quickStart ? (
     <DrawerPanelContent

packages/module/src/controller/QuickStartTaskHeader.tsx

@@ -66,12 +66,14 @@ const QuickStartTaskHeader: React.FC<QuickStartTaskHeaderProps> = ({
   children,
 }) => {
   const titleRef = React.useRef(null);
+  const { focusOnQuickStart } = React.useContext(QuickStartContext);
+
   React.useEffect(() => {
-    if (isActiveTask) {
+    if (focusOnQuickStart && isActiveTask) {
       // Focus the WizardNavItem button element that contains the title
       titleRef.current.parentNode.focus();
     }
-  }, [isActiveTask]);
+  }, [focusOnQuickStart, isActiveTask]);
   const classNames = css('pfext-quick-start-task-header__title', {
     'pfext-quick-start-task-header__title-success': taskStatus === QuickStartTaskStatus.SUCCESS,
     'pfext-quick-start-task-header__title-failed':

packages/module/src/utils/quick-start-context.tsx

@@ -79,6 +79,7 @@ export interface QuickStartContextValues {
   setLoading?: any;
   alwaysShowTaskReview?: boolean;
   setAlwaysShowTaskReview?: any;
+  focusOnQuickStart?: boolean;
 }
 
 export const QuickStartContextDefaults = {
@@ -104,6 +105,7 @@ export const QuickStartContextDefaults = {
   markdown: null,
   loading: false,
   alwaysShowTaskReview: true,
+  focusOnQuickStart: true,
 };
 export const QuickStartContext = createContext<QuickStartContextValues>(QuickStartContextDefaults);