@patternfly/react-core 5.0.0-alpha.70 → 5.0.0-alpha.71

package/dist/js/next/components/Wizard/index.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WizardContext = exports.useWizardContext = exports.useWizardFooter = void 0;
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Wizard"), exports);
-tslib_1.__exportStar(require("./WizardBody"), exports);
-tslib_1.__exportStar(require("./WizardFooter"), exports);
-tslib_1.__exportStar(require("./WizardToggle"), exports);
-tslib_1.__exportStar(require("./WizardStep"), exports);
-tslib_1.__exportStar(require("./WizardNav"), exports);
-tslib_1.__exportStar(require("./WizardNavItem"), exports);
-tslib_1.__exportStar(require("./WizardHeader"), exports);
-tslib_1.__exportStar(require("./types"), exports);
-var hooks_1 = require("./hooks");
-Object.defineProperty(exports, "useWizardFooter", { enumerable: true, get: function () { return hooks_1.useWizardFooter; } });
-var WizardContext_1 = require("./WizardContext");
-Object.defineProperty(exports, "useWizardContext", { enumerable: true, get: function () { return WizardContext_1.useWizardContext; } });
-Object.defineProperty(exports, "WizardContext", { enumerable: true, get: function () { return WizardContext_1.WizardContext; } });
-//# sourceMappingURL=index.js.map

package/dist/js/next/components/Wizard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/index.ts"],"names":[],"mappings":";;;;AAAA,mDAAyB;AACzB,uDAA6B;AAC7B,yDAA+B;AAC/B,yDAA+B;AAC/B,uDAA6B;AAC7B,sDAA4B;AAC5B,0DAAgC;AAChC,yDAA+B;AAC/B,kDAAwB;AACxB,iCAA0C;AAAjC,wGAAA,eAAe,OAAA;AACxB,iDAAkE;AAAzD,iHAAA,gBAAgB,OAAA;AAAE,8GAAA,aAAa,OAAA"}

package/dist/js/next/components/Wizard/package.json

@@ -1 +0,0 @@
-{"name":"@patternfly/react-core-wizard-next-cjs","main":"index.js","module":"./dist/js/next/components/Wizard/index.js","typings":"index.d.ts","version":"5.0.0-alpha.69"}

package/dist/js/next/components/Wizard/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/types.tsx"],"names":[],"mappings":"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"}

package/dist/js/next/components/Wizard/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/types.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AA2B1B,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAG9B;AAmBD,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,sCAAa,CAAA;IACb,sCAAa,CAAA;IACb,oCAAW,CAAA;AACb,CAAC,EAJW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAIhC;AA8BD,SAAgB,iBAAiB,CAAC,GAAkB;IAClD,OAAO,OAAO,GAAG,KAAK,UAAU,IAAI,eAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAChE,CAAC;AAFD,8CAEC;AAED,SAAgB,qBAAqB,CACnC,OAA0B;IAE1B,OAAO,OAAO,OAAO,KAAK,UAAU,IAAI,eAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AACxE,CAAC;AAJD,sDAIC;AAED,SAAgB,oBAAoB,CAClC,MAAwB;IAExB,OAAO,OAAO,MAAM,KAAK,UAAU,IAAI,eAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AACtE,CAAC;AAJD,oDAIC;AAED,SAAgB,iBAAiB,CAAC,IAAoB;IACpD,OAAO,CAAC,IAAyB,aAAzB,IAAI,uBAAJ,IAAI,CAAuB,UAAU,MAAK,SAAS,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AACxF,CAAC;AAFD,8CAEC;AAED,SAAgB,eAAe,CAAC,IAAoB;IAClD,OAAO,CAAC,IAAsB,aAAtB,IAAI,uBAAJ,IAAI,CAAoB,QAAQ,MAAK,SAAS,CAAC;AACzD,CAAC;AAFD,0CAEC;AAED,SAAgB,kBAAkB,CAAC,IAAoB;IACrD,OAAO,CAAC,IAAyB,aAAzB,IAAI,uBAAJ,IAAI,CAAuB,UAAU,MAAK,SAAS,CAAC;AAC9D,CAAC;AAFD,gDAEC"}

package/dist/js/next/components/Wizard/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D;;;;GAIG;AACH,eAAO,MAAM,UAAU,aAAc,MAAM,SAAS,GAAG,MAAM,SAAS,EAAE,qBAmChE,CAAC;AAET,wBAAgB,YAAY,CAC1B,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,GAC/C,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAE9C;AAGD,eAAO,MAAM,kBAAkB,2DAI5B,eAAe,KAAG,KAAK,cAAc,EAAE,OAAO,CAAgB,CAAC"}

package/dist/js/next/components/Wizard/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/utils.ts"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAG1B,6CAA2D;AAE3D;;;;GAIG;AACI,MAAM,UAAU,GAAG,CAAC,QAA6C,EAAE,EAAE,CAC1E,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAqB,EAAE,KAAsB,EAAE,KAAa,EAAE,EAAE;IACvG,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;QACvB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QACpC,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,EAAE,GAAG,UAAU,CAAC;QACtD,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QACjC,MAAM,QAAQ,GAAqB,EAAE,CAAC;QAEtC,GAAG,CAAC,IAAI,6CAEJ,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,KAAK,IACb,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,CAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GACpE,CAAC,mBAAmB,IAAI;YACzB,UAAU,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,GAAG,CAAC,CAAC,kBAAkB,EAAE,YAAY,EAAE,EAAE;gBACxE,QAAQ,CAAC,IAAI,+BACX,KAAK,EAAE,SAAS,GAAG,YAAY,GAAG,CAAC,EACnC,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,EAAE,IACT,CAAC,KAAK,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAC1D,IAAA,0BAAkB,EAAC,kBAAkB,CAAC,KAAK,CAAC,EAC/C,CAAC;gBAEH,OAAO,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;YACrC,CAAC,CAAC;SACH,CAAC,GACC,IAAA,0BAAkB,EAAC,UAAU,CAAC,GAEnC,GAAG,QAAQ,CACZ,CAAC;KACH;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;KACrE;IAED,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAAE,CAAC,CAAC;AAnCI,QAAA,UAAU,cAmCd;AAET,SAAgB,YAAY,CAC1B,KAAgD;IAEhD,OAAO,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAK,KAA6C,CAAC,IAAI,KAAK,uBAAU,CAAC;AAC3G,CAAC;AAJD,oCAIC;AAED,2EAA2E;AACpE,MAAM,kBAAkB,GAAG,CAAC,EAIjB,EAAiC,EAAE;QAJlB,EACjC,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,MAAM,OAEG,EADb,WAAW,sBAHmB,qBAIlC,CADe;IACsC,OAAA,WAAW,CAAA;CAAA,CAAC;AAJrD,QAAA,kBAAkB,sBAImC"}

package/src/next/components/Wizard/Wizard.tsx

@@ -1,220 +0,0 @@
-import React from 'react';
-
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
-
-import {
-  isWizardParentStep,
-  WizardStepType,
-  isCustomWizardNav,
-  WizardFooterType,
-  WizardNavType,
-  WizardStepChangeScope
-} from './types';
-import { buildSteps } from './utils';
-import { useWizardContext, WizardContextProvider } from './WizardContext';
-import { WizardToggle } from './WizardToggle';
-import { WizardNavInternal } from './WizardNavInternal';
-
-/**
- * Wrapper for all steps and hosts state, including navigation helpers, within context.
- * The WizardContext provided by default gives any child of wizard access to those resources.
- */
-
-export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
-  /** Step components */
-  children: React.ReactNode | React.ReactNode[];
-  /** Wizard header */
-  header?: React.ReactNode;
-  /** Wizard footer */
-  footer?: WizardFooterType;
-  /** Wizard navigation */
-  nav?: WizardNavType;
-  /** The initial index the wizard is to start on (1 or higher). Defaults to 1. */
-  startIndex?: number;
-  /** Additional classes spread to the wizard */
-  className?: string;
-  /** Custom width of the wizard */
-  width?: number | string;
-  /** Custom height of the wizard */
-  height?: number | string;
-  /** Disables steps that haven't been visited. Defaults to false. */
-  isVisitRequired?: boolean;
-  /** Progressively shows steps, where all steps following the active step are hidden. Defaults to false. */
-  isProgressive?: boolean;
-  /** Callback function when navigating between steps */
-  onStepChange?: (
-    event: React.MouseEvent<HTMLButtonElement>,
-    currentStep: WizardStepType,
-    prevStep: WizardStepType,
-    scope: WizardStepChangeScope
-  ) => void | Promise<void>;
-  /** Callback function to save at the end of the wizard, if not specified uses onClose */
-  onSave?: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>;
-  /** Callback function to close the wizard */
-  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-
-export const Wizard = ({
-  children,
-  footer,
-  height,
-  width,
-  className,
-  header,
-  nav,
-  startIndex = 1,
-  isVisitRequired = false,
-  isProgressive = false,
-  onStepChange,
-  onSave,
-  onClose,
-  ...wrapperProps
-}: WizardProps) => {
-  const [activeStepIndex, setActiveStepIndex] = React.useState(startIndex);
-  const initialSteps = buildSteps(children);
-  const firstStepRef = React.useRef(initialSteps[startIndex - 1]);
-
-  // When the startIndex maps to a parent step, focus on the first sub-step
-  React.useEffect(() => {
-    if (isWizardParentStep(firstStepRef.current)) {
-      setActiveStepIndex(startIndex + 1);
-    }
-  }, [startIndex]);
-
-  const goToNextStep = (event: React.MouseEvent<HTMLButtonElement>, steps: WizardStepType[] = initialSteps) => {
-    const newStep = steps.find(
-      step => step.index > activeStepIndex && !step.isHidden && !step.isDisabled && !isWizardParentStep(step)
-    );
-
-    if (activeStepIndex >= steps.length || !newStep?.index) {
-      return onSave ? onSave(event) : onClose?.(event);
-    }
-
-    const currStep = isWizardParentStep(steps[activeStepIndex]) ? steps[activeStepIndex + 1] : steps[activeStepIndex];
-    const prevStep = steps[activeStepIndex - 1];
-
-    setActiveStepIndex(newStep?.index);
-    onStepChange?.(event, currStep, prevStep, WizardStepChangeScope.Next);
-  };
-
-  const goToPrevStep = (event: React.MouseEvent<HTMLButtonElement>, steps: WizardStepType[] = initialSteps) => {
-    const newStep = [...steps]
-      .reverse()
-      .find(
-        (step: WizardStepType) =>
-          step.index < activeStepIndex && !step.isHidden && !step.isDisabled && !isWizardParentStep(step)
-      );
-    const currStep = isWizardParentStep(steps[activeStepIndex - 2])
-      ? steps[activeStepIndex - 3]
-      : steps[activeStepIndex - 2];
-    const prevStep = steps[activeStepIndex - 1];
-
-    setActiveStepIndex(newStep?.index);
-    onStepChange?.(event, currStep, prevStep, WizardStepChangeScope.Back);
-  };
-
-  const goToStepByIndex = (
-    event: React.MouseEvent<HTMLButtonElement>,
-    steps: WizardStepType[] = initialSteps,
-    index: number
-  ) => {
-    const lastStepIndex = steps.length + 1;
-
-    // Handle index when out of bounds or hidden
-    if (index < 1) {
-      index = 1;
-    } else if (index > lastStepIndex) {
-      index = lastStepIndex;
-    }
-
-    const currStep = steps[index - 1];
-    const prevStep = steps[activeStepIndex - 1];
-
-    setActiveStepIndex(index);
-    onStepChange?.(event, currStep, prevStep, WizardStepChangeScope.Nav);
-  };
-
-  const goToStepById = (steps: WizardStepType[] = initialSteps, id: number | string) => {
-    const step = steps.find(step => step.id === id);
-    const stepIndex = step?.index;
-    const lastStepIndex = steps.length + 1;
-
-    if (stepIndex > 0 && stepIndex < lastStepIndex && !step.isDisabled && !step.isHidden) {
-      setActiveStepIndex(stepIndex);
-    }
-  };
-
-  const goToStepByName = (steps: WizardStepType[] = initialSteps, name: string) => {
-    const step = steps.find(step => step.name === name);
-    const stepIndex = step?.index;
-    const lastStepIndex = steps.length + 1;
-
-    if (stepIndex > 0 && stepIndex < lastStepIndex && !step.isDisabled && !step.isHidden) {
-      setActiveStepIndex(stepIndex);
-    }
-  };
-
-  return (
-    <WizardContextProvider
-      steps={initialSteps}
-      activeStepIndex={activeStepIndex}
-      footer={footer}
-      onNext={goToNextStep}
-      onBack={goToPrevStep}
-      onClose={onClose}
-      goToStepById={goToStepById}
-      goToStepByName={goToStepByName}
-      goToStepByIndex={goToStepByIndex}
-    >
-      <div
-        className={css(styles.wizard, className)}
-        style={{
-          ...(height ? { height } : {}),
-          ...(width ? { width } : {})
-        }}
-        {...wrapperProps}
-      >
-        {header}
-        <WizardInternal nav={nav} isVisitRequired={isVisitRequired} isProgressive={isProgressive} />
-      </div>
-    </WizardContextProvider>
-  );
-};
-
-const WizardInternal = ({
-  nav,
-  isVisitRequired,
-  isProgressive
-}: Pick<WizardProps, 'nav' | 'isVisitRequired' | 'isProgressive'>) => {
-  const { activeStep, steps, footer, goToStepByIndex } = useWizardContext();
-  const [isNavExpanded, setIsNavExpanded] = React.useState(false);
-
-  const wizardNav = React.useMemo(() => {
-    if (isCustomWizardNav(nav)) {
-      return typeof nav === 'function' ? nav(isNavExpanded, steps, activeStep, goToStepByIndex) : nav;
-    }
-
-    return (
-      <WizardNavInternal
-        nav={nav}
-        isNavExpanded={isNavExpanded}
-        isVisitRequired={isVisitRequired}
-        isProgressive={isProgressive}
-      />
-    );
-  }, [activeStep, isVisitRequired, isProgressive, goToStepByIndex, isNavExpanded, nav, steps]);
-
-  return (
-    <WizardToggle
-      nav={wizardNav}
-      footer={footer}
-      steps={steps}
-      activeStep={activeStep}
-      isNavExpanded={isNavExpanded}
-      toggleNavExpanded={() => setIsNavExpanded(prevIsExpanded => !prevIsExpanded)}
-    />
-  );
-};
-
-Wizard.displayName = 'Wizard';

package/src/next/components/Wizard/WizardBody.tsx

@@ -1,83 +0,0 @@
-import React from 'react';
-
-import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
-import { css } from '@patternfly/react-styles';
-import { WizardContext } from './WizardContext';
-import { debounce } from '../../../helpers/util';
-import { getResizeObserver } from '../../../helpers/resizeObserver';
-
-/**
- * Used as a wrapper for WizardStep content, where the wrapping element is customizable.
- */
-
-export interface WizardBodyProps {
-  children: React.ReactNode | React.ReactNode[];
-  /** Set to true to remove the default body padding */
-  hasNoPadding?: boolean;
-  /** Adds an accessible name to the wrapper element when the content overflows and renders
-   * a scrollbar.
-   */
-  'aria-label'?: string;
-  /** Adds an accessible name to the wrapper element by passing the the id of one or more elements.
-   * The aria-labelledby will only be applied when the content overflows and renders a scrollbar.
-   */
-  'aria-labelledby'?: string;
-  /** Component used as the wrapping content container */
-  component?: React.ElementType;
-}
-
-export const WizardBody = ({
-  children,
-  hasNoPadding = false,
-  'aria-label': ariaLabel,
-  'aria-labelledby': ariaLabelledBy,
-  component = 'div'
-}: WizardBodyProps) => {
-  const [hasScrollbar, setHasScrollbar] = React.useState(false);
-  const [previousWidth, setPreviousWidth] = React.useState<number | undefined>(undefined);
-  const wrapperRef = React.useRef(null);
-  const WrapperComponent = component;
-  const { activeStep } = React.useContext(WizardContext);
-  const defaultAriaLabel = ariaLabel || `${activeStep?.name} content`;
-
-  React.useEffect(() => {
-    const resize = () => {
-      if (wrapperRef?.current) {
-        const { offsetWidth, offsetHeight, scrollHeight } = wrapperRef.current;
-
-        if (previousWidth !== offsetWidth) {
-          setPreviousWidth(offsetWidth);
-          setHasScrollbar(offsetHeight < scrollHeight);
-        }
-      }
-    };
-
-    const handleResizeWithDelay = debounce(resize, 250);
-    let observer = () => {};
-
-    if (wrapperRef?.current) {
-      observer = getResizeObserver(wrapperRef.current, handleResizeWithDelay);
-      const { offsetHeight, scrollHeight } = wrapperRef.current;
-
-      setHasScrollbar(offsetHeight < scrollHeight);
-      setPreviousWidth((wrapperRef.current as HTMLElement).offsetWidth);
-    }
-
-    return () => {
-      observer();
-    };
-  }, []);
-
-  return (
-    <WrapperComponent
-      ref={wrapperRef}
-      {...(component === 'div' && hasScrollbar && { role: 'region' })}
-      {...(hasScrollbar && { 'aria-label': defaultAriaLabel, 'aria-labelledby': ariaLabelledBy, tabIndex: 0 })}
-      className={css(styles.wizardMain)}
-    >
-      <div className={css(styles.wizardMainBody, hasNoPadding && styles.modifiers.noPadding)}>{children}</div>
-    </WrapperComponent>
-  );
-};
-
-WizardBody.displayName = 'WizardBody';

package/src/next/components/Wizard/WizardFooter.tsx

@@ -1,89 +0,0 @@
-import React from 'react';
-
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
-
-import { Button, ButtonVariant } from '../../../components/Button';
-import { isCustomWizardFooter, WizardStepType } from './types';
-
-/**
- * Hosts the standard structure of a footer with ties to the active step so that text for buttons can vary from step to step.
- */
-
-export interface WizardFooterProps {
-  /** The active step */
-  activeStep: WizardStepType;
-  /** Next button callback */
-  onNext: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>;
-  /** Back button callback */
-  onBack: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>;
-  /** Cancel link callback */
-  onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  /** Custom text for the Next button. The current step's nextButtonText takes precedence. */
-  nextButtonText?: React.ReactNode;
-  /** Custom text for the Back button */
-  backButtonText?: React.ReactNode;
-  /** Custom text for the Cancel link */
-  cancelButtonText?: React.ReactNode;
-  /** Flag to disable the next button */
-  isNextDisabled?: boolean;
-  /** Flag to disable the back button */
-  isBackDisabled?: boolean;
-  /** True to hide the Back button */
-  isBackHidden?: boolean;
-  /** True to hide the Cancel button */
-  isCancelHidden?: boolean;
-}
-
-/**
- * Applies default wizard footer styling any number of child elements.
- */
-
-interface WizardFooterWrapperProps {
-  children: React.ReactNode;
-}
-
-export const WizardFooterWrapper = ({ children }: WizardFooterWrapperProps) => (
-  <footer className={css(styles.wizardFooter)}>{children}</footer>
-);
-
-export const WizardFooter = ({ activeStep, ...internalProps }: WizardFooterProps) => {
-  const activeStepFooter = !isCustomWizardFooter(activeStep?.footer) && activeStep?.footer;
-  return <InternalWizardFooter {...internalProps} {...activeStepFooter} />;
-};
-
-const InternalWizardFooter = ({
-  onNext,
-  onBack,
-  onClose,
-  isNextDisabled,
-  isBackDisabled,
-  isBackHidden,
-  isCancelHidden,
-  nextButtonText = 'Next',
-  backButtonText = 'Back',
-  cancelButtonText = 'Cancel'
-}: Omit<WizardFooterProps, 'activeStep'>) => (
-  <WizardFooterWrapper>
-    {!isBackHidden && (
-      <Button variant={ButtonVariant.secondary} onClick={onBack} isDisabled={isBackDisabled}>
-        {backButtonText}
-      </Button>
-    )}
-
-    <Button variant={ButtonVariant.primary} type="submit" onClick={onNext} isDisabled={isNextDisabled}>
-      {nextButtonText}
-    </Button>
-
-    {!isCancelHidden && (
-      <div className={styles.wizardFooterCancel}>
-        <Button variant={ButtonVariant.link} onClick={onClose}>
-          {cancelButtonText}
-        </Button>
-      </div>
-    )}
-  </WizardFooterWrapper>
-);
-
-WizardFooterWrapper.displayName = 'WizardFooterWrapper';
-WizardFooter.displayName = 'WizardFooter';

package/src/next/components/Wizard/WizardNav.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
-import { css } from '@patternfly/react-styles';
-
-export interface WizardNavProps {
-  /** children should be WizardNavItem components */
-  children?: any;
-  /** Aria-label applied to the navigation element */
-  'aria-label'?: string;
-  /** Sets the aria-labelledby attribute on the navigation element */
-  'aria-labelledby'?: string;
-  /** Whether the navigation is expanded */
-  isExpanded?: boolean;
-  /** True to return the inner list without the wrapping navigation element */
-  isInnerList?: boolean;
-}
-
-export const WizardNav: React.FunctionComponent<WizardNavProps> = ({
-  children,
-  'aria-label': ariaLabel,
-  'aria-labelledby': ariaLabelledBy,
-  isExpanded = false,
-  isInnerList = false
-}: WizardNavProps) => {
-  if (isInnerList) {
-    return (
-      <ol className={css(styles.wizardNavList)} role="list">
-        {children}
-      </ol>
-    );
-  }
-
-  return (
-    <nav
-      className={css(styles.wizardNav, isExpanded && styles.modifiers.expanded)}
-      aria-label={ariaLabel}
-      aria-labelledby={ariaLabelledBy}
-    >
-      <ol className={css(styles.wizardNavList)} role="list">
-        {children}
-      </ol>
-    </nav>
-  );
-};
-
-WizardNav.displayName = 'WizardNav';

package/src/next/components/Wizard/WizardNavItem.tsx

@@ -1,140 +0,0 @@
-import * as React from 'react';
-
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
-import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
-import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
-
-import { OUIAProps, useOUIAProps } from '../../../helpers';
-import { WizardNavItemStatus } from './types';
-
-export interface WizardNavItemProps extends OUIAProps {
-  /** Can nest a WizardNav component for substeps */
-  children?: React.ReactNode;
-  /** The content to display in the navigation item */
-  content?: React.ReactNode;
-  /** Whether the navigation item is the currently active item */
-  isCurrent?: boolean;
-  /** Whether the navigation item is disabled */
-  isDisabled?: boolean;
-  /** Whether the navigation item has been visited */
-  isVisited?: boolean;
-  /** The step index passed into the onNavItemClick callback */
-  stepIndex: number;
-  /** Callback for when the navigation item is clicked */
-  onClick?: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>, index: number) => any;
-  /** Component used to render WizardNavItem */
-  component?: 'button' | 'a';
-  /** An optional url to use for when using an anchor component */
-  href?: string;
-  /** Where to display the linked URL when using an anchor component */
-  target?: React.HTMLAttributeAnchorTarget;
-  /** Flag indicating that this NavItem has child steps and is expandable */
-  isExpandable?: boolean;
-  /** The id for the navigation item */
-  id?: string | number;
-  /** Used to determine the icon displayed next to content. Default has no icon. */
-  status?: 'default' | 'error';
-}
-
-export const WizardNavItem = ({
-  children = null,
-  content = '',
-  isCurrent = false,
-  isDisabled = false,
-  isVisited = false,
-  stepIndex,
-  onClick,
-  component: NavItemComponent = 'button',
-  href,
-  isExpandable = false,
-  id,
-  status = 'default',
-  target,
-  ouiaId,
-  ouiaSafe = true
-}: WizardNavItemProps) => {
-  const [isExpanded, setIsExpanded] = React.useState(false);
-  const ouiaProps = useOUIAProps(WizardNavItem.displayName, ouiaId, ouiaSafe);
-
-  React.useEffect(() => {
-    setIsExpanded(isCurrent);
-  }, [isCurrent]);
-
-  if (NavItemComponent === 'a' && !href && process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line no-console
-    console.error('WizardNavItem: When using an anchor, please provide an href');
-  }
-
-  const ariaLabel = React.useMemo(() => {
-    if (status === WizardNavItemStatus.Error || (isVisited && !isCurrent)) {
-      let label = content.toString();
-
-      if (status === WizardNavItemStatus.Error) {
-        label += `, ${status}`;
-      }
-
-      // No need to signify step is visited if current
-      if (isVisited && !isCurrent) {
-        label += ', visited';
-      }
-
-      return label;
-    }
-  }, [content, isCurrent, isVisited, status]);
-
-  return (
-    <li
-      className={css(
-        styles.wizardNavItem,
-        isExpandable && styles.modifiers.expandable,
-        isExpandable && isExpanded && styles.modifiers.expanded
-      )}
-    >
-      <NavItemComponent
-        {...(NavItemComponent === 'a'
-          ? { tabIndex: isDisabled ? -1 : undefined, href, target }
-          : { disabled: isDisabled })}
-        {...(id && { id: id.toString() })}
-        onClick={e => {
-          e.stopPropagation();
-          isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onClick?.(e, stepIndex);
-        }}
-        className={css(
-          styles.wizardNavLink,
-          isCurrent && styles.modifiers.current,
-          isDisabled && styles.modifiers.disabled
-        )}
-        aria-disabled={isDisabled ? true : null}
-        aria-current={isCurrent && !children ? 'step' : false}
-        {...(isExpandable && { 'aria-expanded': isExpanded })}
-        {...(ariaLabel && { 'aria-label': ariaLabel })}
-        {...ouiaProps}
-      >
-        {isExpandable ? (
-          <>
-            <span className={css(styles.wizardNavLinkText)}>{content}</span>
-            <span className={css(styles.wizardNavLinkToggle)}>
-              <span className={css(styles.wizardNavLinkToggleIcon)}>
-                <AngleRightIcon aria-label={`${isCurrent ? 'Collapse' : 'Expand'} step icon`} />
-              </span>
-            </span>
-          </>
-        ) : (
-          <>
-            {content}
-            {/* TODO, patternfly/patternfly#5142 */}
-            {status === WizardNavItemStatus.Error && (
-              <span style={{ marginLeft: 'var(--pf-global--spacer--sm)' }}>
-                <ExclamationCircleIcon color="var(--pf-global--danger-color--100)" />
-              </span>
-            )}
-          </>
-        )}
-      </NavItemComponent>
-      {children}
-    </li>
-  );
-};
-
-WizardNavItem.displayName = 'WizardNavItem';