@patternfly/react-core 4.248.0 → 4.250.0

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

@@ -5,10 +5,9 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Wizard/wizard"));
 const react_styles_1 = require("@patternfly/react-styles");
-const WizardNav = ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, isExpanded = false, returnList = false }) => {
-    const innerList = React.createElement("ol", { className: react_styles_1.css(wizard_1.default.wizardNavList) }, children);
-    if (returnList) {
-        return innerList;
+const WizardNav = ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, isExpanded = false, isInnerList = false }) => {
+    if (isInnerList) {
+        return React.createElement("ol", { className: react_styles_1.css(wizard_1.default.wizardNavList) }, children);
     }
     return (React.createElement("nav", { className: react_styles_1.css(wizard_1.default.wizardNav, isExpanded && wizard_1.default.modifiers.expanded), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy },
         React.createElement("ol", { className: react_styles_1.css(wizard_1.default.wizardNavList) }, children)));

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

@@ -1 +1 @@
-{"version":3,"file":"WizardNav.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNav.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAexC,MAAM,SAAS,GAA4C,CAAC,EACjE,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EACH,EAAE,EAAE;IACnB,MAAM,SAAS,GAAG,4BAAI,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CAAC;IAE5E,IAAI,UAAU,EAAE;QACd,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,6BACE,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,SAAS,EAAE,UAAU,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAC7D,SAAS,qBACJ,cAAc;QAE/B,4BAAI,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CACrD,CACP,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,SAAS,aAsBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"WizardNav.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNav.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAexC,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,kBAAG,CAAC,gBAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CAAC;KAClE;IAED,OAAO,CACL,6BACE,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,SAAS,EAAE,UAAU,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAC7D,SAAS,qBACJ,cAAc;QAE/B,4BAAI,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CACrD,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/js/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, 'isStepVisitRequired'> {
+    nav: Partial<WizardNavProps>;
+    isNavExpanded: boolean;
+}
+export declare const WizardNavInternal: ({ nav, isStepVisitRequired, isNavExpanded }: WizardNavInternalProps) => JSX.Element;
+export {};
+//# sourceMappingURL=WizardNavInternal.d.ts.map

package/dist/js/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,qBAAqB,CAAC;IAC/E,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,gDAAiD,sBAAsB,gBAsHpG,CAAC"}

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WizardNavInternal = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const types_1 = require("./types");
+const WizardContext_1 = require("./WizardContext");
+const WizardNav_1 = require("./WizardNav");
+const WizardNavItem_1 = require("./WizardNavItem");
+const WizardNavInternal = ({ nav, isStepVisitRequired, isNavExpanded }) => {
+    const { currentStep, steps, goToStepByIndex } = WizardContext_1.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_1.default.createElement(WizardNav_1.WizardNav, Object.assign({}, wizardNavProps), steps.map((step, index) => {
+        var _a;
+        const stepIndex = index + 1;
+        const customStepNavItem = types_1.isCustomWizardNavItem(step.navItem) && (react_1.default.createElement(react_1.default.Fragment, { key: step.id }, typeof step.navItem === 'function'
+            ? step.navItem(step, currentStep, steps, goToStepByIndex)
+            : step.navItem));
+        if (types_1.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 subStepOrderIndex = steps.indexOf(subStep) + 1;
+                const customSubStepNavItem = types_1.isCustomWizardNavItem(subStep.navItem) && (react_1.default.createElement(react_1.default.Fragment, { key: subStep.id }, typeof subStep.navItem === 'function'
+                    ? subStep.navItem(subStep, currentStep, 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 = subStepOrderIndex;
+                }
+                // When a sub-step is active, use this flag to set the parent step as active (isCurrent)
+                if ((currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === subStep.id) {
+                    hasActiveChild = true;
+                }
+                return (customSubStepNavItem || (react_1.default.createElement(WizardNavItem_1.WizardNavItem, Object.assign({ key: subStep.id, id: subStep.id, content: subStep.name, isCurrent: (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === subStep.id, isDisabled: subStep.isDisabled || (isStepVisitRequired && !subStep.isVisited), isVisited: subStep.isVisited, stepIndex: subStepOrderIndex, onNavItemClick: goToStepByIndex, status: subStep.status }, subStep.navItem))));
+            });
+            const hasEnabledChildren = react_1.default.Children.toArray(subNavItems).some(child => react_1.default.isValidElement(child) && !child.props.isDisabled);
+            return (customStepNavItem || (react_1.default.createElement(WizardNavItem_1.WizardNavItem, Object.assign({ key: step.id, id: step.id, content: step.name, isExpandable: true, isCurrent: hasActiveChild, isDisabled: !hasEnabledChildren, isVisited: step.isVisited, stepIndex: firstSubStepIndex, onNavItemClick: goToStepByIndex, status: step.status }, step.navItem),
+                react_1.default.createElement(WizardNav_1.WizardNav, Object.assign({}, wizardNavProps, { isInnerList: true }), subNavItems))));
+        }
+        if (types_1.isWizardBasicStep(step) && !step.isHidden) {
+            return (customStepNavItem || (react_1.default.createElement(WizardNavItem_1.WizardNavItem, Object.assign({ key: step.id, id: step.id, content: step.name, isCurrent: (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === step.id, isDisabled: step.isDisabled || (isStepVisitRequired && !step.isVisited), isVisited: step.isVisited, stepIndex: stepIndex, onNavItemClick: goToStepByIndex, status: step.status }, step.navItem))));
+        }
+    })));
+};
+exports.WizardNavInternal = WizardNavInternal;
+//# sourceMappingURL=WizardNavInternal.js.map

package/dist/js/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/dist/js/next/components/Wizard/WizardNavItem.d.ts

@@ -2,24 +2,28 @@ import * as React from 'react';
 export interface WizardNavItemProps {
     /** Can nest a WizardNav component for substeps */
     children?: React.ReactNode;
-    /** The content to display in the nav item */
+    /** The content to display in the navigation item */
     content?: React.ReactNode;
-    /** Whether the nav item is the currently active item */
+    /** Whether the navigation item is the currently active item */
     isCurrent?: boolean;
-    /** Whether the nav item is disabled */
+    /** Whether the navigation item is disabled */
     isDisabled?: boolean;
-    /** The step passed into the onNavItemClick callback */
-    step: number;
-    /** Callback for when the nav item is clicked */
-    onNavItemClick?: (step: number) => any;
+    /** 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 */
+    onNavItemClick?: (stepIndex: number) => any;
     /** Component used to render WizardNavItem */
     navItemComponent?: 'button' | 'a';
     /** An optional url to use for when using an anchor component */
     href?: string;
     /** Flag indicating that this NavItem has child steps and is expandable */
     isExpandable?: boolean;
-    /** The id for the nav item */
+    /** 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: React.FunctionComponent<WizardNavItemProps>;
 //# sourceMappingURL=WizardNavItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,kBAAkB;IACjC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAClC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA4ErE,CAAC"}
+{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,kBAAkB;IACjC,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,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,GAAG,CAAC;IAC5C,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAClC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA8FrE,CAAC"}

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

@@ -6,8 +6,10 @@ const React = tslib_1.__importStar(require("react"));
 const react_styles_1 = require("@patternfly/react-styles");
 const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Wizard/wizard"));
 const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-circle-icon'));
+const types_1 = require("./types");
 const WizardNavItem = (_a) => {
-    var { children = null, content = '', isCurrent = false, isDisabled = false, step, onNavItemClick = () => undefined, navItemComponent = 'button', href = null, isExpandable = false, id } = _a, rest = tslib_1.__rest(_a, ["children", "content", "isCurrent", "isDisabled", "step", "onNavItemClick", "navItemComponent", "href", "isExpandable", "id"]);
+    var { children = null, content = '', isCurrent = false, isDisabled = false, isVisited = false, stepIndex, onNavItemClick = () => undefined, navItemComponent = 'button', href = null, isExpandable = false, id, status = 'default' } = _a, rest = tslib_1.__rest(_a, ["children", "content", "isCurrent", "isDisabled", "isVisited", "stepIndex", "onNavItemClick", "navItemComponent", "href", "isExpandable", "id", "status"]);
     const NavItemComponent = navItemComponent;
     const [isExpanded, setIsExpanded] = React.useState(false);
     React.useEffect(() => {
@@ -17,22 +19,31 @@ const WizardNavItem = (_a) => {
         // eslint-disable-next-line no-console
         console.error('WizardNavItem: When using an anchor, please provide an href');
     }
-    const btnProps = {
-        disabled: isDisabled
-    };
-    const linkProps = {
-        tabIndex: isDisabled ? -1 : undefined,
-        href
-    };
+    const ariaLabel = React.useMemo(() => {
+        if (status === types_1.WizardNavItemStatus.Error || (isVisited && !isCurrent)) {
+            let label = content.toString();
+            if (status === types_1.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: react_styles_1.css(wizard_1.default.wizardNavItem, isExpandable && wizard_1.default.modifiers.expandable, isExpandable && isExpanded && wizard_1.default.modifiers.expanded) },
-        React.createElement(NavItemComponent, Object.assign({}, rest, (navItemComponent === 'a' ? Object.assign({}, linkProps) : Object.assign({}, btnProps)), (id && { id: id.toString() }), { onClick: e => {
+        React.createElement(NavItemComponent, Object.assign({}, rest, (navItemComponent === 'a' ? { tabIndex: isDisabled ? -1 : undefined, href } : { disabled: isDisabled }), (id && { id: id.toString() }), { onClick: e => {
                 e.preventDefault();
-                isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onNavItemClick(step);
-            }, className: react_styles_1.css(wizard_1.default.wizardNavLink, isCurrent && wizard_1.default.modifiers.current, isDisabled && wizard_1.default.modifiers.disabled), "aria-disabled": isDisabled ? true : null, "aria-current": isCurrent && !children ? 'step' : false }, (isExpandable && { 'aria-expanded': isExpanded })), isExpandable ? (React.createElement(React.Fragment, null,
+                isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onNavItemClick(stepIndex);
+            }, className: react_styles_1.css(wizard_1.default.wizardNavLink, isCurrent && wizard_1.default.modifiers.current, isDisabled && wizard_1.default.modifiers.disabled), "aria-disabled": isDisabled ? true : null, "aria-current": isCurrent && !children ? 'step' : false }, (isExpandable && { 'aria-expanded': isExpanded }), (ariaLabel && { 'aria-label': ariaLabel })), isExpandable ? (React.createElement(React.Fragment, null,
             React.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardNavLinkText) }, content),
             React.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardNavLinkToggle) },
                 React.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardNavLinkToggleIcon) },
-                    React.createElement(angle_right_icon_1.default, null))))) : (content)),
+                    React.createElement(angle_right_icon_1.default, null))))) : (React.createElement(React.Fragment, null,
+            content,
+            status === types_1.WizardNavItemStatus.Error && (React.createElement("span", { style: { marginLeft: 'var(--pf-global--spacer--sm)' } },
+                React.createElement(exclamation_circle_icon_1.default, { color: "var(--pf-global--danger-color--100)" })))))),
         children));
 };
 exports.WizardNavItem = WizardNavItem;

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

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

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

@@ -1,20 +1,36 @@
 import React from 'react';
-import { WizardBasicStep } from './types';
+import { WizardNavItemType } from './types';
 import { WizardBodyProps } from './WizardBody';
+import { WizardFooterProps } from './WizardFooter';
 /**
- * Used as a passthrough of step properties for Wizard and all supporting child components.
- * Also acts as a wrapper for content, with an optional inclusion of WizardBody.
+ * The primary child component for Wizard. Step props are used for the list of steps managed in context.
  */
-export interface WizardStepProps extends Omit<WizardBasicStep, 'visited'> {
+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;
     /** Props for WizardBody that wraps content by default. Can be set to null for exclusion of WizardBody. */
-    body?: Omit<WizardBodyProps, 'children'> | null;
+    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 represent whether the step has been visited (navigated to) */
+    isVisited?: 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';
 }
 export declare const WizardStep: {
-    ({ body, children }: WizardStepProps): JSX.Element;
+    ({ children, body, id, footer, isHidden, isDisabled, navItem, status }: WizardStepProps): JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=WizardStep.d.ts.map

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

@@ -1 +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,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D;;;GAGG;AAEH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IACvE,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0GAA0G;IAC1G,IAAI,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAChD,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;CAC/C;AAED,eAAO,MAAM,UAAU;yBAAwB,eAAe;;CACgC,CAAC"}
+{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAG3D,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,CAAC;IAC3B,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,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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;CAC9B;AAED,eAAO,MAAM,UAAU;4EAA2E,eAAe;;CA4BhH,CAAC"}

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

@@ -4,7 +4,26 @@ exports.WizardStep = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const WizardBody_1 = require("./WizardBody");
-const WizardStep = ({ body, children }) => body || body === undefined ? react_1.default.createElement(WizardBody_1.WizardBody, Object.assign({}, body), children) : react_1.default.createElement(react_1.default.Fragment, null, children);
+const useWizardFooter_1 = require("./hooks/useWizardFooter");
+const WizardContext_1 = require("./WizardContext");
+const WizardStep = ({ children, body, id, footer, isHidden, isDisabled, navItem, status }) => {
+    const { currentStep, setStep, toggleStep } = WizardContext_1.useWizardContext();
+    useWizardFooter_1.useWizardFooter(footer, id);
+    // Update the controlled step when a change is detected with select properties
+    react_1.default.useEffect(() => {
+        if ((currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === id && (isDisabled || navItem || status || !(currentStep === null || currentStep === void 0 ? void 0 : currentStep.isVisited))) {
+            setStep(Object.assign(Object.assign(Object.assign(Object.assign({ id }, (isDisabled && { isDisabled })), (navItem && { navItem })), (status && { status })), (!(currentStep === null || currentStep === void 0 ? void 0 : currentStep.isVisited) && { isVisited: true })));
+        }
+    }, [id, setStep, currentStep === null || currentStep === void 0 ? void 0 : currentStep.id, isDisabled, navItem, status, currentStep === null || currentStep === void 0 ? void 0 : currentStep.isVisited]);
+    // Toggle visibility when the isHidden flag updates.
+    // Wizard's hasUnmountedSteps prop must be set to false for visibility changes to take effect.
+    react_1.default.useEffect(() => {
+        if (isHidden !== undefined) {
+            toggleStep(id, isHidden);
+        }
+    }, [toggleStep, id, isHidden]);
+    return body || body === undefined ? react_1.default.createElement(WizardBody_1.WizardBody, Object.assign({}, body), children) : react_1.default.createElement(react_1.default.Fragment, null, children);
+};
 exports.WizardStep = WizardStep;
 exports.WizardStep.displayName = 'WizardStep';
 //# sourceMappingURL=WizardStep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAG1B,6CAA2D;AAgBpD,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAChE,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAC,uBAAU,oBAAK,IAAI,GAAG,QAAQ,CAAc,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAC;AADlF,QAAA,UAAU,cACwE;AAE/F,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAG1B,6CAA2D;AAC3D,6DAA0D;AAC1D,mDAAmD;AAgC5C,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAmB,EAAE,EAAE;IACnH,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,gCAAgB,EAAE,CAAC;IAEhE,iCAAe,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAE5B,8EAA8E;IAC9E,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,MAAK,EAAE,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,MAAM,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAA,CAAC,EAAE;YAC1F,OAAO,2DACL,EAAE,IACC,CAAC,UAAU,IAAI,EAAE,UAAU,EAAE,CAAC,GAC9B,CAAC,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC,GACxB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GAEtB,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACnD,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC,CAAC,CAAC;IAExF,oDAAoD;IACpD,8FAA8F;IAC9F,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,KAAK,SAAS,EAAE;YAC1B,UAAU,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,OAAO,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAC,uBAAU,oBAAK,IAAI,GAAG,QAAQ,CAAc,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAC;AACtG,CAAC,CAAC;AA5BW,QAAA,UAAU,cA4BrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

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

@@ -1,35 +1,29 @@
 import React from 'react';
 import { WizardNavProps } from '../Wizard';
-import { WizardControlStep, DefaultWizardNavProps, CustomWizardNavFunction } from './types';
+import { WizardControlStep } from './types';
 /**
- * Used to toggle between step content, including the body and footer. This is also where the nav and its expandability is controlled.
+ * 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: WizardControlStep[];
-    /** The currently active WizardStep */
-    activeStep: WizardControlStep;
+    /** The current step */
+    currentStep: WizardControlStep;
     /** Wizard footer */
     footer: React.ReactElement;
-    /** Wizard nav */
+    /** Wizard navigation */
     nav: React.ReactElement<WizardNavProps>;
     /** The expandable dropdown button's aria-label */
     'aria-label'?: string;
     /** Flag to unmount inactive steps instead of hiding. Defaults to true */
-    unmountInactiveSteps?: boolean;
-    /** Flag to determine whether the dropdown nav is expanded */
+    hasUnmountedSteps?: boolean;
+    /** Flag to determine whether the dropdown navigation is expanded */
     isNavExpanded?: boolean;
-    /** Callback to expand or collapse the dropdown nav */
+    /** Callback to expand or collapse the dropdown navigation */
     toggleNavExpanded?: () => void;
 }
 export declare const WizardToggle: {
-    ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, unmountInactiveSteps, "aria-label": ariaLabel }: WizardToggleProps): JSX.Element;
+    ({ steps, currentStep, footer, nav, isNavExpanded, toggleNavExpanded, hasUnmountedSteps, "aria-label": ariaLabel }: WizardToggleProps): JSX.Element;
     displayName: string;
 };
-interface WizardToggleInternalProps extends Pick<WizardToggleProps, 'unmountInactiveSteps'> {
-    /** Custom WizardNav or callback used to create a default WizardNav */
-    nav?: DefaultWizardNavProps | CustomWizardNavFunction;
-}
-export declare const WizardToggleInternal: ({ nav, unmountInactiveSteps }: WizardToggleInternalProps) => JSX.Element;
-export {};
 //# sourceMappingURL=WizardToggle.d.ts.map

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

@@ -1 +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,EAA4B,cAAc,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EACL,iBAAiB,EAKjB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAGjB;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,sCAAsC;IACtC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,oBAAoB;IACpB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,iBAAiB;IACjB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IACxC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,YAAY;0HAStB,iBAAiB;;CAmEnB,CAAC;AAEF,UAAU,yBAA0B,SAAQ,IAAI,CAAC,iBAAiB,EAAE,sBAAsB,CAAC;IACzF,sEAAsE;IACtE,GAAG,CAAC,EAAE,qBAAqB,GAAG,uBAAuB,CAAC;CACvD;AAED,eAAO,MAAM,oBAAoB,kCAAmC,yBAAyB,gBA2G5F,CAAC"}
+{"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,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAmB,MAAM,SAAS,CAAC;AAE7D;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,uBAAuB;IACvB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,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,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,YAAY;wHAStB,iBAAiB;;CAwEnB,CAAC"}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WizardToggleInternal = exports.WizardToggle = void 0;
+exports.WizardToggle = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const react_styles_1 = require("@patternfly/react-styles");
@@ -8,17 +8,17 @@ const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/c
 const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
 const caret_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/caret-down-icon'));
 const constants_1 = require("../../../helpers/constants");
-const Wizard_1 = require("../Wizard");
 const types_1 = require("./types");
-const WizardContext_1 = require("./WizardContext");
-const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, unmountInactiveSteps = true, 'aria-label': ariaLabel = 'Wizard toggle' }) => {
-    const isActiveSubStep = types_1.isWizardSubStep(activeStep);
+const WizardToggle = ({ steps, currentStep, footer, nav, isNavExpanded, toggleNavExpanded, hasUnmountedSteps = true, 'aria-label': ariaLabel = 'Wizard toggle' }) => {
+    const isActiveSubStep = types_1.isWizardSubStep(currentStep);
+    const nonSubSteps = steps.filter(step => !types_1.isWizardSubStep(step));
+    const wizardToggleIndex = nonSubSteps.indexOf(types_1.isWizardSubStep(currentStep) ? steps.find(step => step.id === currentStep.parentId) : currentStep) + 1;
     const handleKeyClicks = react_1.default.useCallback((event) => {
         if (isNavExpanded && event.key === constants_1.KeyTypes.Escape) {
             toggleNavExpanded();
         }
     }, [isNavExpanded, toggleNavExpanded]);
-    // Open/close collapsable nav on keydown event
+    // Open/close collapsable navigation on keydown event
     react_1.default.useEffect(() => {
         const target = typeof document !== 'undefined' ? document.body : null;
         target === null || target === void 0 ? void 0 : target.addEventListener('keydown', handleKeyClicks, false);
@@ -26,11 +26,11 @@ const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNav
             target === null || target === void 0 ? void 0 : target.removeEventListener('keydown', handleKeyClicks, false);
         };
     }, [handleKeyClicks]);
-    // Only render the active step when unmountInactiveSteps is true
-    const bodyContent = unmountInactiveSteps
-        ? activeStep === null || activeStep === void 0 ? void 0 : activeStep.component
+    // Only render the current step when hasUnmountedSteps is true
+    const bodyContent = hasUnmountedSteps
+        ? currentStep === null || currentStep === void 0 ? void 0 : currentStep.component
         : steps.map(step => {
-            if ((activeStep === null || activeStep === void 0 ? void 0 : activeStep.name) === step.name) {
+            if ((currentStep === null || currentStep === void 0 ? void 0 : currentStep.name) === step.name) {
                 return step.component;
             }
             return (react_1.default.createElement("div", { key: step.id, style: { display: 'none' } }, step.component));
@@ -38,10 +38,12 @@ const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNav
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("button", { onClick: toggleNavExpanded, className: react_styles_1.css(wizard_1.default.wizardToggle, isNavExpanded && 'pf-m-expanded'), "aria-label": ariaLabel, "aria-expanded": isNavExpanded },
             react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleList) },
-                react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 :
-                    activeStep.name,
+                react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleListItem) },
+                    react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleNum) }, wizardToggleIndex),
+                    " ", currentStep === null || currentStep === void 0 ? void 0 :
+                    currentStep.name,
                     isActiveSubStep && react_1.default.createElement(angle_right_icon_1.default, { className: react_styles_1.css(wizard_1.default.wizardToggleSeparator), "aria-hidden": "true" })),
-                isActiveSubStep && react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 : activeStep.name)),
+                isActiveSubStep && react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleListItem) }, currentStep === null || currentStep === void 0 ? void 0 : currentStep.name)),
             react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleIcon) },
                 react_1.default.createElement(caret_down_icon_1.default, { "aria-hidden": "true" }))),
         react_1.default.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardOuterWrap) },
@@ -51,43 +53,5 @@ const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNav
             footer)));
 };
 exports.WizardToggle = WizardToggle;
-const WizardToggleInternal = ({ nav, unmountInactiveSteps }) => {
-    const [isNavExpanded, setIsNavExpanded] = react_1.default.useState(false);
-    const { activeStep, steps, footer, goToStepByIndex } = WizardContext_1.useWizardContext();
-    const wizardNav = react_1.default.useMemo(() => {
-        if (types_1.isCustomWizardNav(nav)) {
-            return nav(isNavExpanded, steps, activeStep, goToStepByIndex);
-        }
-        const navProps = Object.assign({ isExpanded: isNavExpanded, 'aria-label': (nav === null || nav === void 0 ? void 0 : nav.ariaLabel) || 'Wizard nav' }, ((nav === null || nav === void 0 ? void 0 : nav.ariaLabelledBy) && { 'aria-labelledby': nav === null || nav === void 0 ? void 0 : nav.ariaLabelledBy }));
-        return (react_1.default.createElement(Wizard_1.WizardNav, Object.assign({}, navProps), steps.map((step, index) => {
-            var _a;
-            const stepIndex = index + 1;
-            const stepNavItem = step.navItem && react_1.default.createElement(react_1.default.Fragment, { key: step.id }, step.navItem);
-            if (types_1.isWizardParentStep(step)) {
-                let firstSubStepIndex;
-                let hasActiveChild = false;
-                const subNavItems = (_a = step.subStepIds) === null || _a === void 0 ? void 0 : _a.map((subStepId, index) => {
-                    const subStep = steps.find(step => step.id === subStepId);
-                    const subStepIndex = steps.indexOf(subStep) + 1;
-                    if (index === 0) {
-                        firstSubStepIndex = subStepIndex;
-                    }
-                    if ((activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === subStep.id) {
-                        hasActiveChild = true;
-                    }
-                    return subStep.navItem ? (react_1.default.createElement(react_1.default.Fragment, { key: subStep.id }, subStep.navItem)) : (react_1.default.createElement(Wizard_1.WizardNavItem, { key: subStep.id, id: subStep.id, content: subStep.name, isCurrent: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === subStep.id, isDisabled: subStep.isDisabled || ((nav === null || nav === void 0 ? void 0 : nav.forceStepVisit) && !subStep.visited), step: subStepIndex, onNavItemClick: goToStepByIndex }));
-                });
-                const hasEnabledChildren = react_1.default.Children.toArray(subNavItems).some(child => react_1.default.isValidElement(child) && !child.props.isDisabled);
-                return (stepNavItem || (react_1.default.createElement(Wizard_1.WizardNavItem, { key: step.id, id: step.id, content: step.name, isExpandable: nav === null || nav === void 0 ? void 0 : nav.isExpandable, isCurrent: hasActiveChild, isDisabled: !hasEnabledChildren, step: firstSubStepIndex, onNavItemClick: goToStepByIndex },
-                    react_1.default.createElement(Wizard_1.WizardNav, Object.assign({}, navProps, { returnList: true }), subNavItems))));
-            }
-            if (types_1.isWizardBasicStep(step)) {
-                return (stepNavItem || (react_1.default.createElement(Wizard_1.WizardNavItem, { key: step.id, id: step.id, content: step.name, isCurrent: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === step.id, isDisabled: step.isDisabled || ((nav === null || nav === void 0 ? void 0 : nav.forceStepVisit) && !step.visited), step: stepIndex, onNavItemClick: goToStepByIndex })));
-            }
-        })));
-    }, [activeStep, goToStepByIndex, isNavExpanded, nav, steps]);
-    return (react_1.default.createElement(exports.WizardToggle, { nav: wizardNav, footer: footer, steps: steps, activeStep: activeStep, isNavExpanded: isNavExpanded, toggleNavExpanded: () => setIsNavExpanded(prevIsExpanded => !prevIsExpanded), unmountInactiveSteps: unmountInactiveSteps }));
-};
-exports.WizardToggleInternal = WizardToggleInternal;
 exports.WizardToggle.displayName = 'WizardToggle';
 //# sourceMappingURL=WizardToggle.js.map

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

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

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { DefaultWizardFooterProps } from '../types';
+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: DefaultWizardFooterProps | React.ReactElement, stepId?: string | number) => void;
+export declare const useWizardFooter: (footer: React.ReactElement | Partial<WizardFooterProps>, stepId?: string | number) => void;
 //# sourceMappingURL=useWizardFooter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWizardFooter.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/useWizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAGpD;;;;GAIG;AACH,eAAO,MAAM,eAAe,WAAY,wBAAwB,GAAG,MAAM,YAAY,WAAW,MAAM,GAAG,MAAM,SAa9G,CAAC"}
+{"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/dist/js/next/components/Wizard/hooks/useWizardFooter.js

@@ -10,16 +10,16 @@ const WizardContext_1 = require("../WizardContext");
  * @param stepId
  */
 const useWizardFooter = (footer, stepId) => {
-    const { activeStep, setFooter } = WizardContext_1.useWizardContext();
+    const { currentStep, setFooter } = WizardContext_1.useWizardContext();
     react_1.default.useEffect(() => {
-        if (!stepId || activeStep.id === stepId) {
+        if (footer && (!stepId || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id) === stepId)) {
             setFooter(footer);
             // Reset the footer on unmount.
             return () => {
                 setFooter(null);
             };
         }
-    }, [activeStep, footer, setFooter, stepId]);
+    }, [currentStep, footer, setFooter, stepId]);
 };
 exports.useWizardFooter = useWizardFooter;
 //# sourceMappingURL=useWizardFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWizardFooter.js","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/useWizardFooter.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAG1B,oDAAoD;AAEpD;;;;GAIG;AACI,MAAM,eAAe,GAAG,CAAC,MAAqD,EAAE,MAAwB,EAAE,EAAE;IACjH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,gCAAgB,EAAE,CAAC;IAErD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,IAAI,UAAU,CAAC,EAAE,KAAK,MAAM,EAAE;YACvC,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;AAbW,QAAA,eAAe,mBAa1B"}
+{"version":3,"file":"useWizardFooter.js","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/useWizardFooter.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,oDAAoD;AAGpD;;;;GAIG;AACI,MAAM,eAAe,GAAG,CAAC,MAAuD,EAAE,MAAwB,EAAE,EAAE;IACnH,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,gCAAgB,EAAE,CAAC;IAEtD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,IAAI,CAAC,CAAC,MAAM,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,MAAK,MAAM,CAAC,EAAE;YACrD,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,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAC/C,CAAC,CAAC;AAbW,QAAA,eAAe,mBAa1B"}