Updated prop name

patternfly · Apr 29, 2024 · bf7318d · bf7318d
1 parent 5b5a690
commit bf7318d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/packages/react-core/src/components/Wizard/Wizard.tsx b/packages/react-core/src/components/Wizard/Wizard.tsx
@@ -58,7 +58,7 @@ export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
   /** @beta Flag indicating whether the wizard content should be focused after the onNext or onBack callbacks
    * are called.
    */
-  shouldFocusContentOnNextOrBack?: boolean;
+  shouldFocusContent?: boolean;
 }
 
 export const Wizard = ({
@@ -76,7 +76,7 @@ export const Wizard = ({
   onStepChange,
   onSave,
   onClose,
-  shouldFocusContentOnNextOrBack = false,
+  shouldFocusContent = false,
   ...wrapperProps
 }: WizardProps) => {
   const [activeStepIndex, setActiveStepIndex] = React.useState(startIndex);
@@ -105,7 +105,7 @@ export const Wizard = ({
 
     setActiveStepIndex(newStep?.index);
     onStepChange?.(event, newStep, steps[activeStepIndex - 1], WizardStepChangeScope.Next);
-    shouldFocusContentOnNextOrBack && focusMainContentElement();
+    shouldFocusContent && focusMainContentElement();
   };
 
   const goToPrevStep = (event: React.MouseEvent<HTMLButtonElement>, steps: WizardStepType[] = initialSteps) => {
@@ -115,7 +115,7 @@ export const Wizard = ({
 
     setActiveStepIndex(newStep?.index);
     onStepChange?.(event, newStep, steps[activeStepIndex - 1], WizardStepChangeScope.Back);
-    shouldFocusContentOnNextOrBack && focusMainContentElement();
+    shouldFocusContent && focusMainContentElement();
   };
 
   const goToStepByIndex = (
@@ -170,7 +170,7 @@ export const Wizard = ({
       goToStepById={goToStepById}
       goToStepByName={goToStepByName}
       goToStepByIndex={goToStepByIndex}
-      shouldFocusContentOnNextOrBack={shouldFocusContentOnNextOrBack}
+      shouldFocusContent={shouldFocusContent}
       mainWrapperRef={wrapperRef}
     >
       <div

diff --git a/packages/react-core/src/components/Wizard/WizardBody.tsx b/packages/react-core/src/components/Wizard/WizardBody.tsx
@@ -37,7 +37,7 @@ export const WizardBody = ({
   const [hasScrollbar, setHasScrollbar] = React.useState(false);
   const [previousWidth, setPreviousWidth] = React.useState<number | undefined>(undefined);
   const WrapperComponent = component;
-  const { activeStep, shouldFocusContentOnNextOrBack, mainWrapperRef } = React.useContext(WizardContext);
+  const { activeStep, shouldFocusContent, mainWrapperRef } = React.useContext(WizardContext);
   const defaultAriaLabel = ariaLabel || `${activeStep?.name} content`;
 
   React.useEffect(() => {
@@ -71,7 +71,7 @@ export const WizardBody = ({
   return (
     <WrapperComponent
       ref={mainWrapperRef}
-      {...(shouldFocusContentOnNextOrBack && { tabIndex: -1 })}
+      {...(shouldFocusContent && { tabIndex: -1 })}
       {...(component === 'div' && hasScrollbar && { role: 'region' })}
       {...(hasScrollbar && { 'aria-label': defaultAriaLabel, 'aria-labelledby': ariaLabelledBy, tabIndex: 0 })}
       className={css(styles.wizardMain)}

diff --git a/packages/react-core/src/components/Wizard/WizardContext.tsx b/packages/react-core/src/components/Wizard/WizardContext.tsx
@@ -31,7 +31,7 @@ export interface WizardContextProps {
   /** Flag indicating whether the wizard content should be focused after the onNext or onBack callbacks
    * are called.
    */
-  shouldFocusContentOnNextOrBack: boolean;
+  shouldFocusContent: boolean;
   /** Ref for main wizard content element. */
   mainWrapperRef: React.RefObject<HTMLElement>;
 }
@@ -53,7 +53,7 @@ export interface WizardContextProviderProps {
     steps: WizardStepType[],
     index: number
   ): void;
-  shouldFocusContentOnNextOrBack: boolean;
+  shouldFocusContent: boolean;
   mainWrapperRef: React.RefObject<HTMLElement>;
 }
 
@@ -68,7 +68,7 @@ export const WizardContextProvider: React.FunctionComponent<WizardContextProvide
   goToStepById,
   goToStepByName,
   goToStepByIndex,
-  shouldFocusContentOnNextOrBack,
+  shouldFocusContent,
   mainWrapperRef
 }) => {
   const [currentSteps, setCurrentSteps] = React.useState<WizardStepType[]>(initialSteps);
@@ -150,7 +150,7 @@ export const WizardContextProvider: React.FunctionComponent<WizardContextProvide
           (index: number) => goToStepByIndex(null, steps, index),
           [goToStepByIndex, steps]
         ),
-        shouldFocusContentOnNextOrBack,
+        shouldFocusContent,
         mainWrapperRef
       }}
     >