UNPKG

@breakaway/react-core

Version:

This library provides a set of common React components for use with the PatternFly reference implementation.

25 lines 2.1 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.WizardFooter = exports.WizardFooterWrapper = void 0; const tslib_1 = require("tslib"); const react_1 = tslib_1.__importDefault(require("react")); const react_styles_1 = require("@breakaway/react-styles"); const wizard_1 = tslib_1.__importDefault(require("@breakaway/react-styles/css/components/Wizard/wizard")); const Button_1 = require("../../../components/Button"); const types_1 = require("./types"); const WizardFooterWrapper = ({ children }) => (react_1.default.createElement("footer", { className: react_styles_1.css(wizard_1.default.wizardFooter) }, children)); exports.WizardFooterWrapper = WizardFooterWrapper; const WizardFooter = (_a) => { var { activeStep } = _a, internalProps = tslib_1.__rest(_a, ["activeStep"]); const activeStepFooter = !types_1.isCustomWizardFooter(activeStep.footer) && activeStep.footer; return react_1.default.createElement(InternalWizardFooter, Object.assign({}, internalProps, activeStepFooter)); }; exports.WizardFooter = WizardFooter; const InternalWizardFooter = ({ onNext, onBack, onClose, isNextDisabled, isBackDisabled, isBackHidden, isCancelHidden, nextButtonText = 'Next', backButtonText = 'Back', cancelButtonText = 'Cancel' }) => (react_1.default.createElement(exports.WizardFooterWrapper, null, react_1.default.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.primary, type: "submit", onClick: onNext, isDisabled: isNextDisabled }, nextButtonText), !isBackHidden && (react_1.default.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.secondary, onClick: onBack, isDisabled: isBackDisabled }, backButtonText)), !isCancelHidden && (react_1.default.createElement("div", { className: wizard_1.default.wizardFooterCancel }, react_1.default.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.link, onClick: onClose }, cancelButtonText))))); exports.WizardFooterWrapper.displayName = 'WizardFooterWrapper'; exports.WizardFooter.displayName = 'WizardFooter'; //# sourceMappingURL=WizardFooter.js.map