Updated prop name

patternfly · Apr 26, 2024 · 3133abd · 3133abd
1 parent 18a6331
commit 3133abd
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
  }}
  >