@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.7

package/next/components/Wizard/WizardFooter.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { 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 declare const WizardFooterWrapper: {
+    ({ children }: WizardFooterWrapperProps): JSX.Element;
+    displayName: string;
+};
+export declare const WizardFooter: {
+    ({ activeStep, ...internalProps }: WizardFooterProps): JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=WizardFooter.d.ts.map

package/next/components/Wizard/WizardFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardFooter.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAwB,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,sBAAsB;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,2BAA2B;IAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,2BAA2B;IAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,2BAA2B;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,2FAA2F;IAC3F,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,sCAAsC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qCAAqC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AAEH,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB;mBAAkB,wBAAwB;;CAEzE,CAAC;AAEF,eAAO,MAAM,YAAY;uCAAsC,iBAAiB;;CAG/E,CAAC"}

package/next/components/Wizard/WizardFooter.js

@@ -0,0 +1,20 @@
+import { __rest } from "tslib";
+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 } from './types';
+export const WizardFooterWrapper = ({ children }) => (React.createElement("footer", { className: css(styles.wizardFooter) }, children));
+export const WizardFooter = (_a) => {
+    var { activeStep } = _a, internalProps = __rest(_a, ["activeStep"]);
+    const activeStepFooter = !isCustomWizardFooter(activeStep === null || activeStep === void 0 ? void 0 : activeStep.footer) && (activeStep === null || activeStep === void 0 ? void 0 : activeStep.footer);
+    return React.createElement(InternalWizardFooter, Object.assign({}, internalProps, activeStepFooter));
+};
+const InternalWizardFooter = ({ onNext, onBack, onClose, isNextDisabled, isBackDisabled, isBackHidden, isCancelHidden, nextButtonText = 'Next', backButtonText = 'Back', cancelButtonText = 'Cancel' }) => (React.createElement(WizardFooterWrapper, null,
+    !isBackHidden && (React.createElement(Button, { variant: ButtonVariant.secondary, onClick: onBack, isDisabled: isBackDisabled }, backButtonText)),
+    React.createElement(Button, { variant: ButtonVariant.primary, type: "submit", onClick: onNext, isDisabled: isNextDisabled }, nextButtonText),
+    !isCancelHidden && (React.createElement("div", { className: styles.wizardFooterCancel },
+        React.createElement(Button, { variant: ButtonVariant.link, onClick: onClose }, cancelButtonText)))));
+WizardFooterWrapper.displayName = 'WizardFooterWrapper';
+WizardFooter.displayName = 'WizardFooter';
+//# sourceMappingURL=WizardFooter.js.map

package/next/components/Wizard/WizardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardFooter.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAkB,MAAM,SAAS,CAAC;AAuC/D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE,CAAC,CAC7E,gCAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAU,CACjE,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,UAAU,OAAuC,EAAlC,aAAa,cAA9B,cAAgC,CAAF;IACzD,MAAM,gBAAgB,GAAG,CAAC,oBAAoB,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,CAAC;IACzF,OAAO,oBAAC,oBAAoB,oBAAK,aAAa,EAAM,gBAAgB,EAAI,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,cAAc,GAAG,MAAM,EACvB,cAAc,GAAG,MAAM,EACvB,gBAAgB,GAAG,QAAQ,EACW,EAAE,EAAE,CAAC,CAC3C,oBAAC,mBAAmB;IACjB,CAAC,YAAY,IAAI,CAChB,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,IAClF,cAAc,CACR,CACV;IAED,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,IAC9F,cAAc,CACR;IAER,CAAC,cAAc,IAAI,CAClB,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;QACvC,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IAClD,gBAAgB,CACV,CACL,CACP,CACmB,CACvB,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AACxD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/next/components/Wizard/WizardHeader.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface WizardHeaderProps {
+    /** Callback function called when the X (Close) button is clicked */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Title of the wizard */
+    title: string;
+    /** Description of the wizard */
+    description?: React.ReactNode;
+    /** Component type of the description */
+    descriptionComponent?: 'div' | 'p';
+    /** Flag indicating whether the close button should be in the header */
+    isCloseHidden?: boolean;
+    /** Aria-label applied to the X (Close) button */
+    closeButtonAriaLabel?: string;
+    /** id for the title */
+    titleId?: string;
+    /** id for the description */
+    descriptionId?: string;
+}
+export declare const WizardHeader: React.FunctionComponent<WizardHeaderProps>;
+//# sourceMappingURL=WizardHeader.d.ts.map

package/next/components/Wizard/WizardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,iBAAiB;IAChC,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC;IACnC,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA2BnE,CAAC"}

package/next/components/Wizard/WizardHeader.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
+import { css } from '@patternfly/react-styles';
+import { Button } from '../../../components/Button';
+import { Title } from '../../../components/Title';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+export const WizardHeader = ({ onClose = () => undefined, title, description, isCloseHidden, closeButtonAriaLabel, titleId, descriptionComponent: Component = 'p', descriptionId }) => (React.createElement("div", { className: css(styles.wizardHeader) },
+    !isCloseHidden && (React.createElement(Button, { variant: "plain", className: css(styles.wizardClose), "aria-label": closeButtonAriaLabel, onClick: onClose },
+        React.createElement(TimesIcon, { "aria-hidden": "true" }))),
+    React.createElement(Title, { headingLevel: "h2", size: "3xl", className: css(styles.wizardTitle), "aria-label": title, id: titleId }, title || React.createElement(React.Fragment, null, "\u00A0")),
+    description && (React.createElement(Component, { className: css(styles.wizardDescription), id: descriptionId }, description))));
+WizardHeader.displayName = 'WizardHeader';
+//# sourceMappingURL=WizardHeader.js.map

package/next/components/Wizard/WizardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardHeader.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAqB1E,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EACvE,OAAO,GAAG,GAAG,EAAE,CAAC,SAAS,EACzB,KAAK,EACL,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,OAAO,EACP,oBAAoB,EAAE,SAAS,GAAG,GAAG,EACrC,aAAa,EACK,EAAE,EAAE,CAAC,CACvB,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC;IACrC,CAAC,aAAa,IAAI,CACjB,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAc,oBAAoB,EAAE,OAAO,EAAE,OAAO;QAC5G,oBAAC,SAAS,mBAAa,MAAM,GAAG,CACzB,CACV;IAED,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAc,KAAK,EAAE,EAAE,EAAE,OAAO,IACnG,KAAK,IAAI,mDAAW,CACf;IAEP,WAAW,IAAI,CACd,oBAAC,SAAS,IAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,EAAE,EAAE,aAAa,IACnE,WAAW,CACF,CACb,CACG,CACP,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/next/components/Wizard/WizardNav.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+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 declare const WizardNav: React.FunctionComponent<WizardNavProps>;
+//# sourceMappingURL=WizardNav.d.ts.map

package/next/components/Wizard/WizardNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardNav.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAoB7D,CAAC"}

package/next/components/Wizard/WizardNav.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
+import { css } from '@patternfly/react-styles';
+export const WizardNav = ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, isExpanded = false, isInnerList = false }) => {
+    if (isInnerList) {
+        return React.createElement("ol", { className: css(styles.wizardNavList) }, children);
+    }
+    return (React.createElement("nav", { className: css(styles.wizardNav, isExpanded && styles.modifiers.expanded), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy },
+        React.createElement("ol", { className: css(styles.wizardNavList) }, children)));
+};
+WizardNav.displayName = 'WizardNav';
+//# sourceMappingURL=WizardNav.js.map

package/next/components/Wizard/WizardNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardNav.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAe/C,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EACjE,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACJ,EAAE,EAAE;IACnB,IAAI,WAAW,EAAE;QACf,OAAO,4BAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CAAC;KAClE;IAED,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAC7D,SAAS,qBACJ,cAAc;QAE/B,4BAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CACrD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/next/components/Wizard/WizardNavInternal.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { WizardProps } from './Wizard';
+import { WizardNavProps } from './WizardNav';
+/**
+ * Hosts deafult wizard navigation logic by utilizing the wizard's context and WizardNav/WizardNavItem.
+ * This component is not exposed to consumers.
+ */
+interface WizardNavInternalProps extends Pick<WizardProps, 'isVisitRequired' | 'isProgressive'> {
+    nav: Partial<WizardNavProps>;
+    isNavExpanded: boolean;
+}
+export declare const WizardNavInternal: ({ nav, isVisitRequired, isProgressive, isNavExpanded }: WizardNavInternalProps) => JSX.Element;
+export {};
+//# sourceMappingURL=WizardNavInternal.d.ts.map

package/next/components/Wizard/WizardNavInternal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardNavInternal.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavInternal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AAEH,UAAU,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,iBAAiB,GAAG,eAAe,CAAC;IAC7F,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,2DAA4D,sBAAsB,gBA+H/G,CAAC"}

package/next/components/Wizard/WizardNavInternal.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { isCustomWizardNavItem, isWizardBasicStep, isWizardParentStep } from './types';
+import { useWizardContext } from './WizardContext';
+import { WizardNav } from './WizardNav';
+import { WizardNavItem } from './WizardNavItem';
+export const WizardNavInternal = ({ nav, isVisitRequired, isProgressive, isNavExpanded }) => {
+    const { activeStep, steps, goToStepByIndex } = useWizardContext();
+    const wizardNavProps = Object.assign({ isExpanded: isNavExpanded, 'aria-label': (nav === null || nav === void 0 ? void 0 : nav['aria-label']) || 'Wizard steps' }, ((nav === null || nav === void 0 ? void 0 : nav['aria-labelledby']) && {
+        'aria-labelledby': nav['aria-labelledby']
+    }));
+    return (React.createElement(WizardNav, Object.assign({}, wizardNavProps), steps.map((step, stepIndex) => {
+        var _a;
+        const hasVisitedNextStep = steps.some(step => step.index > stepIndex + 1 && step.isVisited);
+        const isStepDisabled = step.isDisabled || (isVisitRequired && !step.isVisited && !hasVisitedNextStep);
+        const customStepNavItem = isCustomWizardNavItem(step.navItem) && (React.createElement(React.Fragment, { key: step.id }, typeof step.navItem === 'function' ? step.navItem(step, activeStep, steps, goToStepByIndex) : step.navItem));
+        if (isWizardParentStep(step) && !step.isHidden) {
+            let firstSubStepIndex;
+            let hasActiveChild = false;
+            const subNavItems = (_a = step.subStepIds) === null || _a === void 0 ? void 0 : _a.map((subStepId, subStepIndex) => {
+                const subStep = steps.find(step => step.id === subStepId);
+                const hasVisitedNextStep = steps.some(step => step.index > subStep.index && step.isVisited);
+                const isSubStepDisabled = subStep.isDisabled || (isVisitRequired && !subStep.isVisited && !hasVisitedNextStep);
+                const customSubStepNavItem = isCustomWizardNavItem(subStep.navItem) && (React.createElement(React.Fragment, { key: subStep.id }, typeof subStep.navItem === 'function'
+                    ? subStep.navItem(subStep, activeStep, steps, goToStepByIndex)
+                    : subStep.navItem));
+                // Don't render the sub-step navigation item if the hidden property is enabled
+                if (subStep.isHidden) {
+                    return;
+                }
+                // Store the first sub-step index so that when its parent is clicked, the first sub-step is focused
+                if (subStepIndex === 0) {
+                    firstSubStepIndex = subStep.index;
+                }
+                // When a sub-step is active, use this flag to set the parent step as active (isCurrent)
+                if ((activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === subStep.id) {
+                    hasActiveChild = true;
+                }
+                if (!isProgressive || (isProgressive && subStep.index <= activeStep.index)) {
+                    return (customSubStepNavItem || (React.createElement(WizardNavItem, Object.assign({ key: subStep.id, id: subStep.id, content: subStep.name, isCurrent: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === subStep.id, isDisabled: isSubStepDisabled, isVisited: subStep.isVisited, stepIndex: subStep.index, onClick: () => goToStepByIndex(subStep.index), status: subStep.status }, subStep.navItem))));
+                }
+            });
+            const hasEnabledChildren = React.Children.toArray(subNavItems).some(child => React.isValidElement(child) && !child.props.isDisabled);
+            if (!isProgressive || (isProgressive && step.index <= activeStep.index)) {
+                return (customStepNavItem || (React.createElement(WizardNavItem, Object.assign({ key: step.id, id: step.id, content: step.name, isExpandable: step.isExpandable, isCurrent: hasActiveChild, isDisabled: !hasEnabledChildren, isVisited: step.isVisited, stepIndex: firstSubStepIndex, onClick: () => goToStepByIndex(firstSubStepIndex), status: step.status }, step.navItem),
+                    React.createElement(WizardNav, Object.assign({}, wizardNavProps, { isInnerList: true }), subNavItems))));
+            }
+        }
+        if (isWizardBasicStep(step) &&
+            !step.isHidden &&
+            (!isProgressive || (isProgressive && step.index <= activeStep.index))) {
+            return (customStepNavItem || (React.createElement(WizardNavItem, Object.assign({ key: step.id, id: step.id, content: step.name, isCurrent: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === step.id, isDisabled: isStepDisabled, isVisited: step.isVisited, stepIndex: step.index, onClick: () => goToStepByIndex(step.index), status: step.status }, step.navItem))));
+        }
+    })));
+};
+//# sourceMappingURL=WizardNavInternal.js.map

package/next/components/Wizard/WizardNavInternal.js.map

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

package/next/components/Wizard/WizardNavItem.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { OUIAProps } from '../../../helpers';
+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 declare const WizardNavItem: {
+    ({ children, content, isCurrent, isDisabled, isVisited, stepIndex, onClick, component: NavItemComponent, href, isExpandable, id, status, target, ouiaId, ouiaSafe }: WizardNavItemProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=WizardNavItem.d.ts.map

package/next/components/Wizard/WizardNavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,SAAS,EAAgB,MAAM,kBAAkB,CAAC;AAG3D,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACnH,6CAA6C;IAC7C,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAC3B,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,MAAM,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC;IACzC,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa;yKAgBvB,kBAAkB;;CAkFpB,CAAC"}

package/next/components/Wizard/WizardNavItem.js

@@ -0,0 +1,48 @@
+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 { useOUIAProps } from '../../../helpers';
+import { WizardNavItemStatus } from './types';
+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 }) => {
+    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 (React.createElement("li", { className: css(styles.wizardNavItem, isExpandable && styles.modifiers.expandable, isExpandable && isExpanded && styles.modifiers.expanded) },
+        React.createElement(NavItemComponent, Object.assign({}, (NavItemComponent === 'a'
+            ? { tabIndex: isDisabled ? -1 : undefined, href, target }
+            : { disabled: isDisabled }), (id && { id: id.toString() }), { onClick: e => {
+                e.stopPropagation();
+                isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onClick === null || onClick === void 0 ? void 0 : 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 ? (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: css(styles.wizardNavLinkText) }, content),
+            React.createElement("span", { className: css(styles.wizardNavLinkToggle) },
+                React.createElement("span", { className: css(styles.wizardNavLinkToggleIcon) },
+                    React.createElement(AngleRightIcon, { "aria-label": `${isCurrent ? 'Collapse' : 'Expand'} step icon` }))))) : (React.createElement(React.Fragment, null,
+            content,
+            status === WizardNavItemStatus.Error && (React.createElement("span", { style: { marginLeft: 'var(--pf-global--spacer--sm)' } },
+                React.createElement(ExclamationCircleIcon, { color: "var(--pf-global--danger-color--100)" })))))),
+        children));
+};
+WizardNavItem.displayName = 'WizardNavItem';
+//# sourceMappingURL=WizardNavItem.js.map

package/next/components/Wizard/WizardNavItem.js.map

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

package/next/components/Wizard/WizardStep.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { WizardNavItemType } from './types';
+import { WizardBodyProps } from './WizardBody';
+import { WizardFooterProps } from './WizardFooter';
+/**
+ * The primary child component for Wizard. Step props are used for the list of steps managed in context.
+ */
+export interface WizardStepProps {
+    /** Name of the step's navigation item */
+    name: React.ReactNode;
+    /** Unique identifier */
+    id: string | number;
+    /** Optional for when the step is used as a parent to sub-steps */
+    children?: React.ReactNode | undefined;
+    /** Props for WizardBody that wraps content by default. Can be set to null for exclusion of WizardBody. */
+    body?: Omit<Omit<WizardBodyProps, 'children'>, 'children'> | null;
+    /** Optional list of sub-steps */
+    steps?: React.ReactElement<WizardStepProps>[];
+    /** Flag to disable the step's navigation item */
+    isDisabled?: boolean;
+    /** Flag to determine whether the step is hidden */
+    isHidden?: boolean;
+    /** Replaces the step's navigation item or its properties. */
+    navItem?: WizardNavItemType;
+    /** Replaces the step's footer. The step's footer takes precedance over the wizard's footer. */
+    footer?: React.ReactElement | Partial<WizardFooterProps>;
+    /** Used to determine icon next to the step's navigation item */
+    status?: 'default' | 'error';
+    /** Flag to determine whether parent steps can expand or not. Defaults to false. */
+    isExpandable?: boolean;
+}
+export declare const WizardStep: {
+    ({ children, steps: _subSteps, ...props }: WizardStepProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=WizardStep.d.ts.map

package/next/components/Wizard/WizardStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC,0GAA0G;IAC1G,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAClE,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IAC9C,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACzD,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU;+CAA8C,eAAe;;CAkCnF,CAAC"}

package/next/components/Wizard/WizardStep.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { isWizardParentStep } from './types';
+import { useWizardContext } from './WizardContext';
+export const WizardStep = (_a) => {
+    var { children, steps: _subSteps } = _a, props = __rest(_a, ["children", "steps"]);
+    const { activeStep, setStep } = useWizardContext();
+    const { id, name, body, isDisabled, isHidden, navItem, footer, status } = props;
+    const isParentStep = isWizardParentStep(activeStep);
+    // Update step in context when props change or when the step is active has yet to be marked as visited.
+    React.useEffect(() => {
+        setStep(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ id,
+            name }, (body && { body })), (isDisabled && { isDisabled })), (isHidden && { isHidden })), (navItem && { navItem })), (footer && { footer })), (status && { status })), (!isParentStep && id === (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) && !(activeStep === null || activeStep === void 0 ? void 0 : activeStep.isVisited) && { isVisited: true })));
+    }, [
+        body,
+        footer,
+        id,
+        isDisabled,
+        isHidden,
+        name,
+        navItem,
+        status,
+        isParentStep,
+        setStep,
+        activeStep === null || activeStep === void 0 ? void 0 : activeStep.id,
+        activeStep === null || activeStep === void 0 ? void 0 : activeStep.isVisited
+    ]);
+    return React.createElement(React.Fragment, null, children);
+};
+WizardStep.displayName = 'WizardStep';
+//# sourceMappingURL=WizardStep.js.map

package/next/components/Wizard/WizardStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAqB,MAAM,SAAS,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAgCnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAyD,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,OAA6B,EAAxB,KAAK,cAAtC,qBAAwC,CAAF;IAC/D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACnD,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,YAAY,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEpD,uGAAuG;IACvG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,qGACL,EAAE;YACF,IAAI,IACD,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,GAClB,CAAC,UAAU,IAAI,EAAE,UAAU,EAAE,CAAC,GAC9B,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC,GAC1B,CAAC,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC,GACxB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GACtB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GACtB,CAAC,CAAC,YAAY,IAAI,EAAE,MAAK,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,CAAA,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAC5F,CAAC;IACL,CAAC,EAAE;QACD,IAAI;QACJ,MAAM;QACN,EAAE;QACF,UAAU;QACV,QAAQ;QACR,IAAI;QACJ,OAAO;QACP,MAAM;QACN,YAAY;QACZ,OAAO;QACP,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE;QACd,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS;KACtB,CAAC,CAAC;IAEH,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/next/components/Wizard/WizardToggle.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { WizardNavProps } from '../Wizard';
+import { WizardStepType } from './types';
+/**
+ * Used to toggle between step content, including the body and footer. This is also where the navigation and its expandability is controlled.
+ */
+export interface WizardToggleProps {
+    /** List of steps and/or sub-steps */
+    steps: WizardStepType[];
+    /** The current step */
+    activeStep: WizardStepType;
+    /** Wizard footer */
+    footer: React.ReactElement;
+    /** Wizard navigation */
+    nav: React.ReactElement<WizardNavProps>;
+    /** The expandable dropdown button's aria-label */
+    'aria-label'?: string;
+    /** Flag to determine whether the dropdown navigation is expanded */
+    isNavExpanded?: boolean;
+    /** Callback to expand or collapse the dropdown navigation */
+    toggleNavExpanded?: (event: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
+}
+export declare const WizardToggle: {
+    ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, "aria-label": ariaLabel }: WizardToggleProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=WizardToggle.d.ts.map

package/next/components/Wizard/WizardToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardToggle.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,cAAc,EAA2C,MAAM,WAAW,CAAC;AACpF,OAAO,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAC;AAE1D;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,uBAAuB;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,oBAAoB;IACpB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,wBAAwB;IACxB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IACxC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,aAAa,KAAK,IAAI,CAAC;CAC1F;AAED,eAAO,MAAM,YAAY;oGAQtB,iBAAiB;;CAyEnB,CAAC"}

package/next/components/Wizard/WizardToggle.js

@@ -0,0 +1,55 @@
+import { __rest } from "tslib";
+import 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 CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
+import { KeyTypes } from '../../../helpers/constants';
+import { WizardBody, WizardStep } from '../Wizard';
+import { isWizardSubStep } from './types';
+export const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, 'aria-label': ariaLabel = 'Wizard toggle' }) => {
+    const isActiveSubStep = isWizardSubStep(activeStep);
+    const nonSubSteps = steps.filter(step => !isWizardSubStep(step));
+    const wizardToggleIndex = nonSubSteps.indexOf(isWizardSubStep(activeStep) ? steps.find(step => step.id === activeStep.parentId) : activeStep) + 1;
+    const handleKeyClicks = React.useCallback((event) => {
+        if (isNavExpanded && event.key === KeyTypes.Escape) {
+            toggleNavExpanded === null || toggleNavExpanded === void 0 ? void 0 : toggleNavExpanded(event);
+        }
+    }, [isNavExpanded, toggleNavExpanded]);
+    // Open/close collapsable navigation on keydown event
+    React.useEffect(() => {
+        const target = typeof document !== 'undefined' ? document.body : null;
+        target === null || target === void 0 ? void 0 : target.addEventListener('keydown', handleKeyClicks, false);
+        return () => {
+            target === null || target === void 0 ? void 0 : target.removeEventListener('keydown', handleKeyClicks, false);
+        };
+    }, [handleKeyClicks]);
+    const bodyContent = steps.map(step => {
+        var _a;
+        const props = ((_a = step.component) === null || _a === void 0 ? void 0 : _a.props) || {};
+        const { children, body } = props, propsWithoutChildren = __rest(props, ["children", "body"]);
+        return (React.createElement(React.Fragment, { key: step.id },
+            (activeStep === null || activeStep === void 0 ? void 0 : activeStep.name) === step.name &&
+                (body || body === undefined ? React.createElement(WizardBody, Object.assign({}, body), children) : children),
+            React.createElement("div", { key: step.id, style: { display: 'none' } },
+                React.createElement(WizardStep, Object.assign({}, propsWithoutChildren)))));
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { onClick: toggleNavExpanded, className: css(styles.wizardToggle, isNavExpanded && 'pf-m-expanded'), "aria-label": ariaLabel, "aria-expanded": isNavExpanded },
+            React.createElement("span", { className: css(styles.wizardToggleList) },
+                React.createElement("span", { className: css(styles.wizardToggleListItem) },
+                    React.createElement("span", { className: css(styles.wizardToggleNum) }, wizardToggleIndex),
+                    " ", activeStep === null || activeStep === void 0 ? void 0 :
+                    activeStep.name,
+                    isActiveSubStep && React.createElement(AngleRightIcon, { className: css(styles.wizardToggleSeparator), "aria-hidden": "true" })),
+                isActiveSubStep && React.createElement("span", { className: css(styles.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 : activeStep.name)),
+            React.createElement("span", { className: css(styles.wizardToggleIcon) },
+                React.createElement(CaretDownIcon, { "aria-hidden": "true" }))),
+        React.createElement("div", { className: css(styles.wizardOuterWrap) },
+            React.createElement("div", { className: css(styles.wizardInnerWrap) },
+                nav,
+                bodyContent),
+            footer)));
+};
+WizardToggle.displayName = 'WizardToggle';
+//# sourceMappingURL=WizardToggle.js.map

package/next/components/Wizard/WizardToggle.js.map

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

package/next/components/Wizard/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useWizardFooter } from './useWizardFooter';
+//# sourceMappingURL=index.d.ts.map

package/next/components/Wizard/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { useWizardFooter } from './useWizardFooter';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/next/components/Wizard/hooks/useWizardFooter.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WizardFooterProps } from '../WizardFooter';
+/**
+ * Set a unique footer for the wizard. stepId is only required if inactive steps are hidden instead of unmounted.
+ * @param footer
+ * @param stepId
+ */
+export declare const useWizardFooter: (footer: React.ReactElement | Partial<WizardFooterProps>, stepId?: string | number) => void;
+//# sourceMappingURL=useWizardFooter.d.ts.map

package/next/components/Wizard/hooks/useWizardFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWizardFooter.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/useWizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;;;GAIG;AACH,eAAO,MAAM,eAAe,WAAY,MAAM,YAAY,GAAG,QAAQ,iBAAiB,CAAC,WAAW,MAAM,GAAG,MAAM,SAahH,CAAC"}

package/next/components/Wizard/hooks/useWizardFooter.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useWizardContext } from '../WizardContext';
+/**
+ * Set a unique footer for the wizard. stepId is only required if inactive steps are hidden instead of unmounted.
+ * @param footer
+ * @param stepId
+ */
+export const useWizardFooter = (footer, stepId) => {
+    const { activeStep, setFooter } = useWizardContext();
+    React.useEffect(() => {
+        if (footer && (!stepId || (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === stepId)) {
+            setFooter(footer);
+            // Reset the footer on unmount.
+            return () => {
+                setFooter(null);
+            };
+        }
+    }, [activeStep, footer, setFooter, stepId]);
+};
+//# sourceMappingURL=useWizardFooter.js.map

package/next/components/Wizard/hooks/useWizardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWizardFooter.js","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/useWizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAuD,EAAE,MAAwB,EAAE,EAAE;IACnH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,IAAI,CAAC,CAAC,MAAM,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,MAAK,MAAM,CAAC,EAAE;YACpD,SAAS,CAAC,MAAM,CAAC,CAAC;YAElB,+BAA+B;YAC/B,OAAO,GAAG,EAAE;gBACV,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC"}

package/next/components/Wizard/index.d.ts

@@ -0,0 +1,12 @@
+export * from './Wizard';
+export * from './WizardBody';
+export * from './WizardFooter';
+export * from './WizardToggle';
+export * from './WizardStep';
+export * from './WizardNav';
+export * from './WizardNavItem';
+export * from './WizardHeader';
+export * from './types';
+export { useWizardFooter } from './hooks';
+export { useWizardContext, WizardContext } from './WizardContext';
+//# sourceMappingURL=index.d.ts.map

package/next/components/Wizard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}