@patternfly/react-core 4.223.3 → 4.224.0

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

@@ -20883,14 +20883,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 +20930,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 +21139,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 +21156,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 +21220,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 +21254,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));