@patternfly/react-core 4.223.2 → 4.224.1

package/dist/js/components/Wizard/WizardBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,QAAQ,EAAE,GAAG,CAAC;IACd,qDAAqD;IACrD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAa/D,CAAC"}
+{"version":3,"file":"WizardBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,QAAQ,EAAE,GAAG,CAAC;IACd,qDAAqD;IACrD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAClC,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAE5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAyB/D,CAAC"}

package/dist/js/components/Wizard/WizardBody.js

@@ -5,10 +5,14 @@ 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 WizardBody = ({ children, hasNoBodyPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, mainComponent = 'div' }) => {
+const WizardDrawerWrapper_1 = require("./WizardDrawerWrapper");
+const Drawer_1 = require("../Drawer");
+const WizardBody = ({ children, hasNoBodyPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, mainComponent = 'div', hasDrawer, isDrawerExpanded, activeStep }) => {
     const MainComponent = mainComponent;
     return (React.createElement(MainComponent, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: react_styles_1.css(wizard_1.default.wizardMain) },
-        React.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardMainBody, hasNoBodyPadding && wizard_1.default.modifiers.noPadding) }, children)));
+        React.createElement(WizardDrawerWrapper_1.WizardDrawerWrapper, { hasDrawer: hasDrawer && activeStep.drawerPanelContent, wrapper: (children) => (React.createElement(Drawer_1.Drawer, { isInline: true, isExpanded: isDrawerExpanded },
+                React.createElement(Drawer_1.DrawerContent, { panelContent: activeStep.drawerPanelContent }, children))) },
+            React.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardMainBody, hasNoBodyPadding && wizard_1.default.modifiers.noPadding) }, children))));
 };
 exports.WizardBody = WizardBody;
 exports.WizardBody.displayName = 'WizardBody';

package/dist/js/components/Wizard/WizardBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardBody.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAexC,MAAM,UAAU,GAA6C,CAAC,EACnE,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,aAAa,GAAG,KAAK,EACL,EAAE,EAAE;IACpB,MAAM,aAAa,GAAG,aAAa,CAAC;IACpC,OAAO,CACL,oBAAC,aAAa,kBAAa,SAAS,qBAAmB,cAAc,EAAE,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,UAAU,CAAC;QACtG,6BAAK,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,cAAc,EAAE,gBAAgB,IAAI,gBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAO,CAC9F,CACjB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,UAAU,cAarB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardBody.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAC/C,+DAA4D;AAC5D,sCAAkD;AAsB3C,MAAM,UAAU,GAA6C,CAAC,EACnE,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,gBAAgB,EAChB,UAAU,EACM,EAAE,EAAE;IACpB,MAAM,aAAa,GAAG,aAAa,CAAC;IACpC,OAAO,CACL,oBAAC,aAAa,kBAAa,SAAS,qBAAmB,cAAc,EAAE,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,UAAU,CAAC;QACtG,oBAAC,yCAAmB,IAClB,SAAS,EAAE,SAAS,IAAI,UAAU,CAAC,kBAAkB,EACrD,OAAO,EAAE,CAAC,QAAyB,EAAE,EAAE,CAAC,CACtC,oBAAC,eAAM,IAAC,QAAQ,QAAC,UAAU,EAAE,gBAAgB;gBAC3C,oBAAC,sBAAa,IAAC,YAAY,EAAE,UAAU,CAAC,kBAAkB,IAAG,QAAQ,CAAiB,CAC/E,CACV;YAED,6BAAK,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,cAAc,EAAE,gBAAgB,IAAI,gBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAO,CACxF,CACR,CACjB,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,UAAU,cAyBrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/js/components/Wizard/WizardDrawerWrapper.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface WizardDrawerWrapperProps {
+    /** The wizard content  */
+    children: React.ReactElement;
+    /** Flag indicating the wizard has a drawer for at least one of the wizard steps */
+    hasDrawer: boolean;
+    /** The drawer component which wraps the wizard content */
+    wrapper: (children: React.ReactElement) => JSX.Element;
+}
+export declare const WizardDrawerWrapper: React.FunctionComponent<WizardDrawerWrapperProps>;
+//# sourceMappingURL=WizardDrawerWrapper.d.ts.map

package/dist/js/components/Wizard/WizardDrawerWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardDrawerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardDrawerWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,wBAAwB;IACvC,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,mFAAmF;IACnF,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC;CACxD;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAIlC,CAAC"}

package/dist/js/components/Wizard/WizardDrawerWrapper.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WizardDrawerWrapper = void 0;
+const WizardDrawerWrapper = ({ hasDrawer, wrapper, children }) => (hasDrawer ? wrapper(children) : children);
+exports.WizardDrawerWrapper = WizardDrawerWrapper;
+exports.WizardDrawerWrapper.displayName = 'WizardDrawerWrapper';
+//# sourceMappingURL=WizardDrawerWrapper.js.map

package/dist/js/components/Wizard/WizardDrawerWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardDrawerWrapper.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardDrawerWrapper.tsx"],"names":[],"mappings":";;;AAWO,MAAM,mBAAmB,GAAsD,CAAC,EACrF,SAAS,EACT,OAAO,EACP,QAAQ,EACT,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAJpC,QAAA,mBAAmB,uBAIiB;AAEjD,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

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

@@ -8,7 +8,7 @@ export interface WizardToggleProps {
     /** The currently active WizardStep */
     activeStep: WizardStep;
     /** The WizardFooter */
-    children: React.ReactNode;
+    children?: React.ReactNode;
     /** Set to true to remove body padding */
     hasNoBodyPadding: boolean;
     /** If the nav is open */
@@ -23,6 +23,10 @@ export interface WizardToggleProps {
     mainAriaLabel?: string;
     /** If the wizard is in-page */
     isInPage?: boolean;
+    /** @beta Flag indicating the wizard has a drawer for at least one of the wizard steps */
+    hasDrawer?: boolean;
+    /** @beta Flag indicating the wizard drawer is expanded */
+    isDrawerExpanded?: boolean;
 }
 export declare const WizardToggle: React.FunctionComponent<WizardToggleProps>;
 //# sourceMappingURL=WizardToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WizardToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,GAAG,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,KAAK,CAAC,YAAY,CAAC;IACtD,uBAAuB;IACvB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAoEnE,CAAC"}
+{"version":3,"file":"WizardToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,GAAG,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,KAAK,CAAC,YAAY,CAAC;IACtD,uBAAuB;IACvB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA0EnE,CAAC"}

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

@@ -8,7 +8,7 @@ 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 WizardBody_1 = require("./WizardBody");
-const WizardToggle = ({ isNavOpen, onNavToggle, nav, steps, activeStep, children, hasNoBodyPadding = false, 'aria-label': ariaLabel = 'Wizard Toggle', mainAriaLabelledBy = null, mainAriaLabel = null, isInPage = true }) => {
+const WizardToggle = ({ isNavOpen, onNavToggle, nav, steps, activeStep, children, hasNoBodyPadding = false, 'aria-label': ariaLabel = 'Wizard Toggle', mainAriaLabelledBy = null, mainAriaLabel = null, isInPage = true, hasDrawer, isDrawerExpanded }) => {
     let activeStepIndex;
     let activeStepName;
     let activeStepSubName;
@@ -43,7 +43,9 @@ const WizardToggle = ({ isNavOpen, onNavToggle, nav, steps, activeStep, children
         React.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardOuterWrap) },
             React.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardInnerWrap) },
                 nav(isNavOpen),
-                React.createElement(WizardBody_1.WizardBody, { mainComponent: isInPage ? 'div' : 'main', "aria-label": mainAriaLabel, "aria-labelledby": mainAriaLabelledBy, hasNoBodyPadding: hasNoBodyPadding }, activeStep.component)),
+                React.createElement(WizardBody_1.WizardBody, { mainComponent: isInPage ? 'div' : 'main', "aria-label": mainAriaLabel, "aria-labelledby": mainAriaLabelledBy, hasNoBodyPadding: hasNoBodyPadding, activeStep: activeStep, isDrawerExpanded: isDrawerExpanded, hasDrawer: hasDrawer },
+                    hasDrawer && !isDrawerExpanded && activeStep.drawerToggleButton,
+                    activeStep.component)),
             children)));
 };
 exports.WizardToggle = WizardToggle;

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

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

package/dist/umd/react-core.js

@@ -7527,30 +7527,32 @@
                     this.refCollection[this.state.viewMoreNextIndex][0].focus();
                     this.setState({ viewMoreNextIndex: -1 });
                 }
-                const checkUpdatedChildren = (prevChildren, currChildren) => prevChildren.some((prevChild, index) => {
-                    const prevChildProps = prevChild.props;
-                    const currChild = currChildren[index];
-                    const { props: currChildProps } = currChild;
-                    if (prevChildProps && currChildProps) {
-                        return (prevChildProps.value !== currChildProps.value ||
-                            prevChildProps.label !== currChildProps.label ||
-                            prevChildProps.isDisabled !== currChildProps.isDisabled ||
-                            prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
-                    }
-                    else {
-                        return prevChild !== currChild;
+                if (this.props.variant === 'typeahead' || this.props.variant === 'typeaheadmulti') {
+                    const checkUpdatedChildren = (prevChildren, currChildren) => Array.from(prevChildren).some((prevChild, index) => {
+                        const prevChildProps = prevChild.props;
+                        const currChild = currChildren[index];
+                        const { props: currChildProps } = currChild;
+                        if (prevChildProps && currChildProps) {
+                            return (prevChildProps.value !== currChildProps.value ||
+                                prevChildProps.label !== currChildProps.label ||
+                                prevChildProps.isDisabled !== currChildProps.isDisabled ||
+                                prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
+                        }
+                        else {
+                            return prevChild !== currChild;
+                        }
+                    });
+                    const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
+                        checkUpdatedChildren(prevProps.children, this.props.children) ||
+                        (this.props.isGrouped &&
+                            Array.from(prevProps.children).some((prevChild, index) => prevChild.type === SelectGroup &&
+                                prevChild.props.children &&
+                                this.props.children[index].props.children &&
+                                (prevChild.props.children.length !== this.props.children[index].props.children.length ||
+                                    checkUpdatedChildren(prevChild.props.children, this.props.children[index].props.children))));
+                    if (hasUpdatedChildren) {
+                        this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
                     }
-                });
-                const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
-                    checkUpdatedChildren(prevProps.children, this.props.children) ||
-                    (this.props.isGrouped &&
-                        prevProps.children.some((prevChild, index) => prevChild.type === SelectGroup &&
-                            prevChild.props.children &&
-                            this.props.children[index].props.children &&
-                            (prevChild.props.children.length !== this.props.children[index].props.children.length ||
-                                checkUpdatedChildren(prevChild.props.children, this.props.children[index].props.children))));
-                if (hasUpdatedChildren) {
-                    this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
                 }
                 // for menus with favorites,
                 // if the number of favorites or typeahead filtered children has changed, the generated
@@ -14111,8 +14113,8 @@
                     ASTERISK))),
             ' ',
             React__namespace.isValidElement(labelIcon) && labelIcon));
-        return (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
-            label && (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroupLabel, labelInfo && styles$Z.modifiers.info, hasNoPaddingTop && styles$Z.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
+        return (React__namespace.createElement(GenerateId, null, randomId => (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId || randomId}-legend` }), props),
+            label && (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroupLabel, labelInfo && styles$Z.modifiers.info, hasNoPaddingTop && styles$Z.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId || randomId}-legend` })),
                 labelInfo && (React__namespace.createElement(React__namespace.Fragment, null,
                     React__namespace.createElement("div", { className: css(styles$Z.formGroupLabelMain) }, labelContent),
                     React__namespace.createElement("div", { className: css(styles$Z.formGroupLabelInfo) }, labelInfo))),
@@ -14120,7 +14122,7 @@
             React__namespace.createElement("div", { className: css(styles$Z.formGroupControl, isInline && styles$Z.modifiers.inline, isStack && styles$Z.modifiers.stack) },
                 isHelperTextBeforeField && helperTextToDisplay,
                 children,
-                !isHelperTextBeforeField && helperTextToDisplay)));
+                !isHelperTextBeforeField && helperTextToDisplay)))));
     };
     FormGroup.displayName = 'FormGroup';
 
@@ -20883,14 +20885,19 @@
             React__namespace.createElement(Button, { variant: exports.ButtonVariant.link, onClick: onClose }, cancelButtonText)))));
     WizardFooterInternal.displayName = 'WizardFooterInternal';
 
-    const WizardBody = ({ children, hasNoBodyPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, mainComponent = 'div' }) => {
+    const WizardDrawerWrapper = ({ hasDrawer, wrapper, children }) => (hasDrawer ? wrapper(children) : children);
+    WizardDrawerWrapper.displayName = 'WizardDrawerWrapper';
+
+    const WizardBody = ({ children, hasNoBodyPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, mainComponent = 'div', hasDrawer, isDrawerExpanded, activeStep }) => {
         const MainComponent = mainComponent;
         return (React__namespace.createElement(MainComponent, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: css(styles$8.wizardMain) },
-            React__namespace.createElement("div", { className: css(styles$8.wizardMainBody, hasNoBodyPadding && styles$8.modifiers.noPadding) }, children)));
+            React__namespace.createElement(WizardDrawerWrapper, { hasDrawer: hasDrawer && activeStep.drawerPanelContent, wrapper: (children) => (React__namespace.createElement(Drawer, { isInline: true, isExpanded: isDrawerExpanded },
+                    React__namespace.createElement(DrawerContent, { panelContent: activeStep.drawerPanelContent }, children))) },
+                React__namespace.createElement("div", { className: css(styles$8.wizardMainBody, hasNoBodyPadding && styles$8.modifiers.noPadding) }, children))));
     };
     WizardBody.displayName = 'WizardBody';
 
-    const WizardToggle = ({ isNavOpen, onNavToggle, nav, steps, activeStep, children, hasNoBodyPadding = false, 'aria-label': ariaLabel = 'Wizard Toggle', mainAriaLabelledBy = null, mainAriaLabel = null, isInPage = true }) => {
+    const WizardToggle = ({ isNavOpen, onNavToggle, nav, steps, activeStep, children, hasNoBodyPadding = false, 'aria-label': ariaLabel = 'Wizard Toggle', mainAriaLabelledBy = null, mainAriaLabel = null, isInPage = true, hasDrawer, isDrawerExpanded }) => {
         let activeStepIndex;
         let activeStepName;
         let activeStepSubName;
@@ -20925,7 +20932,9 @@
             React__namespace.createElement("div", { className: css(styles$8.wizardOuterWrap) },
                 React__namespace.createElement("div", { className: css(styles$8.wizardInnerWrap) },
                     nav(isNavOpen),
-                    React__namespace.createElement(WizardBody, { mainComponent: isInPage ? 'div' : 'main', "aria-label": mainAriaLabel, "aria-labelledby": mainAriaLabelledBy, hasNoBodyPadding: hasNoBodyPadding }, activeStep.component)),
+                    React__namespace.createElement(WizardBody, { mainComponent: isInPage ? 'div' : 'main', "aria-label": mainAriaLabel, "aria-labelledby": mainAriaLabelledBy, hasNoBodyPadding: hasNoBodyPadding, activeStep: activeStep, isDrawerExpanded: isDrawerExpanded, hasDrawer: hasDrawer },
+                        hasDrawer && !isDrawerExpanded && activeStep.drawerToggleButton,
+                        activeStep.component)),
                 children)));
     };
     WizardToggle.displayName = 'WizardToggle';
@@ -21132,6 +21141,7 @@
                 currentStep: this.props.startAtStep && Number.isInteger(this.props.startAtStep) ? this.props.startAtStep : 1,
                 isNavOpen: false
             };
+            this.drawerRef = React__namespace.createRef();
         }
         componentDidMount() {
             const target = typeof document !== 'undefined' ? document.body : null;
@@ -21148,7 +21158,7 @@
         render() {
             const _a = this.props, { 
             /* eslint-disable @typescript-eslint/no-unused-vars */
-            width, height, title, description, descriptionComponent, onClose, onSave, onBack, onNext, onGoToStep, className, steps, startAtStep, nextButtonText = 'Next', backButtonText = 'Back', cancelButtonText = 'Cancel', hideClose, closeButtonAriaLabel = 'Close', navAriaLabel, navAriaLabelledBy, mainAriaLabel, mainAriaLabelledBy, hasNoBodyPadding, footer, appendTo, isOpen, titleId, descriptionId, isNavExpandable } = _a, rest = __rest$1(_a, ["width", "height", "title", "description", "descriptionComponent", "onClose", "onSave", "onBack", "onNext", "onGoToStep", "className", "steps", "startAtStep", "nextButtonText", "backButtonText", "cancelButtonText", "hideClose", "closeButtonAriaLabel", "navAriaLabel", "navAriaLabelledBy", "mainAriaLabel", "mainAriaLabelledBy", "hasNoBodyPadding", "footer", "appendTo", "isOpen", "titleId", "descriptionId", "isNavExpandable"])
+            width, height, title, description, descriptionComponent, onClose, onSave, onBack, onNext, onGoToStep, className, steps, startAtStep, nextButtonText = 'Next', backButtonText = 'Back', cancelButtonText = 'Cancel', hideClose, closeButtonAriaLabel = 'Close', navAriaLabel, navAriaLabelledBy, mainAriaLabel, mainAriaLabelledBy, hasNoBodyPadding, footer, appendTo, isOpen, titleId, descriptionId, isNavExpandable, hasDrawer, isDrawerExpanded } = _a, rest = __rest$1(_a, ["width", "height", "title", "description", "descriptionComponent", "onClose", "onSave", "onBack", "onNext", "onGoToStep", "className", "steps", "startAtStep", "nextButtonText", "backButtonText", "cancelButtonText", "hideClose", "closeButtonAriaLabel", "navAriaLabel", "navAriaLabelledBy", "mainAriaLabel", "mainAriaLabelledBy", "hasNoBodyPadding", "footer", "appendTo", "isOpen", "titleId", "descriptionId", "isNavExpandable", "hasDrawer", "isDrawerExpanded"])
             /* eslint-enable @typescript-eslint/no-unused-vars */
             ;
             const { currentStep } = this.state;
@@ -21212,7 +21222,7 @@
             const wizard = (React__namespace.createElement(WizardContextProvider, { value: context },
                 React__namespace.createElement("div", Object.assign({}, rest, { className: css(styles$8.wizard, activeStep && activeStep.isFinishedStep && 'pf-m-finished', className), style: Object.keys(divStyles).length ? divStyles : undefined }),
                     title && (React__namespace.createElement(WizardHeader, { titleId: this.titleId, descriptionId: this.descriptionId, onClose: onClose, title: title, description: description, descriptionComponent: descriptionComponent, closeButtonAriaLabel: closeButtonAriaLabel, hideClose: hideClose })),
-                    React__namespace.createElement(WizardToggle, { mainAriaLabel: mainAriaLabel, isInPage: isOpen === undefined, mainAriaLabelledBy: (title || mainAriaLabelledBy) && (mainAriaLabelledBy || this.titleId), isNavOpen: this.state.isNavOpen, onNavToggle: isNavOpen => this.setState({ isNavOpen }), nav: nav, steps: steps, activeStep: activeStep, hasNoBodyPadding: hasNoBodyPadding }, footer || (React__namespace.createElement(WizardFooterInternal, { onNext: this.onNext, onBack: this.onBack, onClose: onClose, isValid: isValid, firstStep: firstStep, activeStep: activeStep, nextButtonText: (activeStep && activeStep.nextButtonText) || nextButtonText, backButtonText: backButtonText, cancelButtonText: cancelButtonText }))))));
+                    React__namespace.createElement(WizardToggle, { hasDrawer: hasDrawer, isDrawerExpanded: isDrawerExpanded, mainAriaLabel: mainAriaLabel, isInPage: isOpen === undefined, mainAriaLabelledBy: (title || mainAriaLabelledBy) && (mainAriaLabelledBy || this.titleId), isNavOpen: this.state.isNavOpen, onNavToggle: isNavOpen => this.setState({ isNavOpen }), nav: nav, steps: steps, activeStep: activeStep, hasNoBodyPadding: hasNoBodyPadding }, footer || (React__namespace.createElement(WizardFooterInternal, { onNext: this.onNext, onBack: this.onBack, onClose: onClose, isValid: isValid, firstStep: firstStep, activeStep: activeStep, nextButtonText: (activeStep && activeStep.nextButtonText) || nextButtonText, backButtonText: backButtonText, cancelButtonText: cancelButtonText }))))));
             if (isOpen !== undefined) {
                 return (React__namespace.createElement(Modal, { width: width !== null ? width : undefined, isOpen: isOpen, variant: exports.ModalVariant.large, "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, showClose: false, hasNoBodyWrapper: true }, wizard));
             }
@@ -21246,7 +21256,9 @@
         onClose: () => undefined,
         appendTo: null,
         isOpen: undefined,
-        isNavExpandable: false
+        isNavExpandable: false,
+        hasDrawer: false,
+        isDrawerExpanded: false
     };
 
     const WizardFooter = ({ children }) => (React__namespace.createElement("footer", { className: css(styles$8.wizardFooter) }, children));