@patternfly/react-core 4.234.3 → 4.235.1

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.235.1 (2022-08-24)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
+# 4.235.0 (2022-08-23)
+
+
+### Features
+
+* **WizardComposable:** Created composable spinoff of wizard w/ enhancements ([#7703](https://github.com/patternfly/patternfly-react/issues/7703)) ([76eab29](https://github.com/patternfly/patternfly-react/commit/76eab29b640e2f71cd9bd5d42f58fa8dd0eba799))
+
+
+
+
+
+## 4.234.4 (2022-08-23)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
 ## 4.234.3 (2022-08-23)
 
 **Note:** Version bump only for package @patternfly/react-core

package/dist/esm/next/components/Wizard/Wizard.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { DefaultWizardFooterProps, DefaultWizardNavProps, WizardNavStepFunction, CustomWizardNavFunction } from './types';
+import { WizardStepProps } from './WizardStep';
+/**
+ * Wrapper for all steps and hosts state, including navigation helpers, within context.
+ * The WizardContext provided by default gives any child of wizard access to those resources.
+ */
+export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
+    /** Step components */
+    children: React.ReactElement<WizardStepProps> | React.ReactElement<WizardStepProps>[];
+    /** Wizard header */
+    header?: React.ReactNode;
+    /** Wizard footer */
+    footer?: DefaultWizardFooterProps | React.ReactElement;
+    /** Default wizard nav props or a custom WizardNav (with callback) */
+    nav?: DefaultWizardNavProps | CustomWizardNavFunction;
+    /** The initial index the wizard is to start on (1 or higher). Defaults to 1. */
+    startIndex?: number;
+    /** Additional classes spread to the wizard */
+    className?: string;
+    /** Custom width of the wizard */
+    width?: number | string;
+    /** Custom height of the wizard */
+    height?: number | string;
+    /** Callback function when a step in the nav is clicked */
+    onNavByIndex?: WizardNavStepFunction;
+    /** Callback function after next button is clicked */
+    onNext?: WizardNavStepFunction;
+    /** Callback function after back button is clicked */
+    onBack?: WizardNavStepFunction;
+    /** Callback function to save at the end of the wizard, if not specified uses onClose */
+    onSave?: () => void;
+    /** Callback function to close the wizard */
+    onClose?: () => void;
+}
+export declare const Wizard: {
+    (props: WizardProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Wizard.d.ts.map

package/dist/esm/next/components/Wizard/Wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EAGrB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C;;;GAGG;AAEH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACtF,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oBAAoB;IACpB,MAAM,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,CAAC;IACvD,qEAAqE;IACrE,GAAG,CAAC,EAAE,qBAAqB,GAAG,uBAAuB,CAAC;IACtD,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,qDAAqD;IACrD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qDAAqD;IACrD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,MAAM;YAAW,WAAW;;CA4FxC,CAAC"}

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

@@ -0,0 +1,86 @@
+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 { isCustomWizardFooter, isWizardParentStep } from './types';
+import { buildSteps, normalizeNavStep } from './utils';
+import { useWizardContext, WizardContextProvider } from './WizardContext';
+import { WizardFooter } from './WizardFooter';
+import { WizardToggle } from './WizardToggle';
+export const Wizard = (props) => {
+    const { startIndex = 1, children, footer, onNavByIndex, onNext, onBack, onSave, onClose } = props, internalProps = __rest(props, ["startIndex", "children", "footer", "onNavByIndex", "onNext", "onBack", "onSave", "onClose"]);
+    const [currentStepIndex, setCurrentStepIndex] = React.useState(startIndex);
+    const steps = buildSteps(children);
+    const goToStepByIndex = (index) => {
+        const lastStepIndex = steps.length;
+        if (index < 1) {
+            index = 1;
+        }
+        else if (index > lastStepIndex) {
+            index = lastStepIndex;
+        }
+        const currStep = steps[index - 1];
+        const prevStep = steps[currentStepIndex - 1];
+        setCurrentStepIndex(index);
+        return onNavByIndex === null || onNavByIndex === void 0 ? void 0 : onNavByIndex(normalizeNavStep(currStep), normalizeNavStep(prevStep));
+    };
+    const goToNextStep = () => {
+        // Save when on the last step, otherwise close
+        if (currentStepIndex >= steps.length) {
+            if (onSave) {
+                return onSave();
+            }
+            return onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+        let currStep = steps[currentStepIndex];
+        let newStepIndex = currentStepIndex + 1;
+        const prevStep = steps[currentStepIndex - 1];
+        // Skip parent step and focus on the first sub-step if they exist
+        if (isWizardParentStep(currStep)) {
+            newStepIndex += 1;
+            currStep = steps[currentStepIndex + 1];
+        }
+        setCurrentStepIndex(newStepIndex);
+        return onNext === null || onNext === void 0 ? void 0 : onNext(normalizeNavStep(currStep), normalizeNavStep(prevStep));
+    };
+    const goToPrevStep = () => {
+        if (steps.length < currentStepIndex) {
+            // Previous step was removed, just update the currentStep state
+            setCurrentStepIndex(steps.length);
+        }
+        else {
+            let currStep = steps[currentStepIndex - 2];
+            let newStepIndex = currentStepIndex - 1;
+            const prevStep = steps[currentStepIndex - 1];
+            // // Skip parent step and focus on the step prior
+            if (isWizardParentStep(currStep)) {
+                newStepIndex -= 1;
+                currStep = steps[currentStepIndex - 3];
+            }
+            setCurrentStepIndex(newStepIndex);
+            return onBack === null || onBack === void 0 ? void 0 : onBack(normalizeNavStep(currStep), normalizeNavStep(prevStep));
+        }
+    };
+    const goToStepById = (id) => {
+        const stepIndex = steps.findIndex(step => step.id === id) + 1;
+        stepIndex > 0 && setCurrentStepIndex(stepIndex);
+    };
+    const goToStepByName = (name) => {
+        const stepIndex = steps.findIndex(step => step.name === name) + 1;
+        stepIndex > 0 && setCurrentStepIndex(stepIndex);
+    };
+    return (React.createElement(WizardContextProvider, { steps: steps, currentStepIndex: currentStepIndex, footer: isCustomWizardFooter(footer) && footer, onNext: goToNextStep, onBack: goToPrevStep, onClose: onClose, goToStepById: goToStepById, goToStepByName: goToStepByName, goToStepByIndex: goToStepByIndex },
+        React.createElement(WizardInternal, Object.assign({}, internalProps, { footer: footer }), children)));
+};
+// eslint-disable-next-line patternfly-react/no-anonymous-functions
+const WizardInternal = (_a) => {
+    var _b;
+    var { height, width, className, header, footer, nav } = _a, divProps = __rest(_a, ["height", "width", "className", "header", "footer", "nav"]);
+    const { activeStep, steps, footer: customFooter, onNext, onBack, onClose, goToStepByIndex } = useWizardContext();
+    const wizardFooter = customFooter || (React.createElement(WizardFooter, Object.assign({ activeStep: activeStep, onNext: onNext, onBack: onBack, onClose: onClose, disableBackButton: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === ((_b = steps[0]) === null || _b === void 0 ? void 0 : _b.id) }, footer)));
+    return (React.createElement("div", Object.assign({ className: css(styles.wizard, className), style: Object.assign(Object.assign({}, (height ? { height } : {})), (width ? { width } : {})) }, divProps),
+        header,
+        React.createElement(WizardToggle, { steps: steps, activeStep: activeStep, footer: wizardFooter, nav: nav, goToStepByIndex: goToStepByIndex })));
+};
+Wizard.displayName = 'Wizard';
+//# sourceMappingURL=Wizard.js.map

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

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

package/dist/esm/next/components/Wizard/WizardBody.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+/**
+ * Used as a wrapper for WizardStep content, where the wrapping element is customizable.
+ */
+export interface WizardBodyProps {
+    children?: React.ReactNode | React.ReactNode[];
+    /** Set to true to remove the default body padding */
+    hasNoBodyPadding?: boolean;
+    /** An aria-label to use for the wrapper element */
+    'aria-label'?: string;
+    /** Sets the aria-labelledby attribute for the wrapper element */
+    'aria-labelledby'?: string;
+    /** Component used as the wrapping content container */
+    wrapperElement?: React.ElementType;
+}
+export declare const WizardBody: {
+    ({ children, hasNoBodyPadding, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, wrapperElement: Wrapper }: WizardBodyProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=WizardBody.d.ts.map

package/dist/esm/next/components/Wizard/WizardBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardBody.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACpC;AAED,eAAO,MAAM,UAAU;0HAMpB,eAAe;;CAIjB,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
+import { css } from '@patternfly/react-styles';
+export const WizardBody = ({ children, hasNoBodyPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, wrapperElement: Wrapper = 'div' }) => (React.createElement(Wrapper, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: css(styles.wizardMain) },
+    React.createElement("div", { className: css(styles.wizardMainBody, hasNoBodyPadding && styles.modifiers.noPadding) }, children)));
+WizardBody.displayName = 'WizardBody';
+//# sourceMappingURL=WizardBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAkB/C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,cAAc,EAAE,OAAO,GAAG,KAAK,EACf,EAAE,EAAE,CAAC,CACrB,oBAAC,OAAO,kBAAa,SAAS,qBAAmB,cAAc,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC;IAChG,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,gBAAgB,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAO,CACpG,CACX,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/esm/next/components/Wizard/WizardContext.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { WizardControlStep } from './types';
+export interface WizardContextProps {
+    /** List of steps */
+    steps: WizardControlStep[];
+    /** Active step */
+    activeStep: WizardControlStep;
+    /** Footer element */
+    footer: React.ReactElement;
+    /** Navigate to the next step */
+    onNext: () => void;
+    /** Navigate to the previous step */
+    onBack: () => void;
+    /** Close the wizard */
+    onClose: () => void;
+    /** Navigate to step by ID */
+    goToStepById: (id: number | string) => void;
+    /** Navigate to step by name */
+    goToStepByName: (name: string) => void;
+    /** Navigate to step by index */
+    goToStepByIndex: (index: number) => void;
+    /** Update the footer with any react element */
+    setFooter: (footer: React.ReactElement) => void;
+}
+export declare const WizardContext: React.Context<WizardContextProps>;
+interface WizardContextRenderProps {
+    steps: WizardControlStep[];
+    activeStep: WizardControlStep;
+    footer: React.ReactElement;
+    onNext(): void;
+    onBack(): void;
+    onClose(): void;
+}
+export interface WizardContextProviderProps {
+    steps: WizardControlStep[];
+    currentStepIndex: number;
+    footer: React.ReactElement;
+    children: React.ReactElement | ((props: WizardContextRenderProps) => React.ReactElement);
+    onNext(): void;
+    onBack(): void;
+    onClose(): void;
+    goToStepById(id: number | string): void;
+    goToStepByName(name: string): void;
+    goToStepByIndex(index: number): void;
+}
+export declare const WizardContextProvider: React.FunctionComponent<WizardContextProviderProps>;
+export declare const useWizardContext: () => WizardContextProps;
+export {};
+//# sourceMappingURL=WizardContext.d.ts.map

package/dist/esm/next/components/Wizard/WizardContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContext.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,kBAAkB;IAClB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,qBAAqB;IACrB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,gCAAgC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,oCAAoC;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uBAAuB;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,+BAA+B;IAC/B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,aAAa,mCAAgD,CAAC;AAE3E,UAAU,wBAAwB;IAChC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,MAAM,IAAI,IAAI,CAAC;IACf,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;IACzF,MAAM,IAAI,IAAI,CAAC;IACf,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;IAChB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC;AAGD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAiDrF,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAAwC,CAAC"}

package/dist/esm/next/components/Wizard/WizardContext.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { getActiveStep } from './utils';
+export const WizardContext = React.createContext({});
+// eslint-disable-next-line patternfly-react/no-anonymous-functions
+export const WizardContextProvider = ({ steps: initialSteps, footer: initialFooter, currentStepIndex, children, onNext, onBack, onClose, goToStepById, goToStepByName, goToStepByIndex }) => {
+    const [steps, setSteps] = React.useState(initialSteps);
+    const [footer, setFooter] = React.useState(initialFooter);
+    const activeStep = getActiveStep(steps, currentStepIndex);
+    // When the active step changes and the newly active step isn't visited, set the visited flag to true.
+    React.useEffect(() => {
+        if (activeStep && !(activeStep === null || activeStep === void 0 ? void 0 : activeStep.visited)) {
+            setSteps(prevSteps => prevSteps.map(step => {
+                if (step.id === activeStep.id) {
+                    return Object.assign(Object.assign({}, step), { visited: true });
+                }
+                return step;
+            }));
+        }
+    }, [activeStep]);
+    return (React.createElement(WizardContext.Provider, { value: {
+            steps,
+            activeStep,
+            footer,
+            onNext,
+            onBack,
+            onClose,
+            goToStepById,
+            goToStepByName,
+            goToStepByIndex,
+            setFooter
+        } }, typeof children === 'function' ? children({ activeStep, steps, footer, onNext, onBack, onClose }) : children));
+};
+export const useWizardContext = () => React.useContext(WizardContext);
+//# sourceMappingURL=WizardContext.js.map

package/dist/esm/next/components/Wizard/WizardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContext.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAyBxC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,EAAwB,CAAC,CAAC;AAwB3E,mEAAmE;AACnE,MAAM,CAAC,MAAM,qBAAqB,GAAwD,CAAC,EACzF,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,aAAa,EACrB,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;IAE1D,sGAAsG;IACtG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,UAAU,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAAA,EAAE;YACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,CACnB,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBACnB,IAAI,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,EAAE;oBAC7B,uCAAY,IAAI,KAAE,OAAO,EAAE,IAAI,IAAG;iBACnC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CACH,CAAC;SACH;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE;YACL,KAAK;YACL,UAAU;YACV,MAAM;YACN,MAAM;YACN,MAAM;YACN,OAAO;YACP,YAAY;YACZ,cAAc;YACd,eAAe;YACf,SAAS;SACV,IAEA,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CACtF,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { WizardControlStep, WizardNavStepFunction } 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 currently active WizardStep */
+    activeStep: WizardControlStep;
+    /** Next button callback */
+    onNext: () => WizardNavStepFunction | void;
+    /** Back button callback */
+    onBack: () => WizardNavStepFunction | void;
+    /** Cancel link callback */
+    onClose: () => void;
+    /** Custom text for the Next button. The activeStep'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;
+    /** Optional flag to disable the first step's back button */
+    disableBackButton?: boolean;
+}
+export declare const WizardFooter: {
+    ({ onNext, onBack, onClose, activeStep, disableBackButton, nextButtonText, backButtonText, cancelButtonText }: WizardFooterProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=WizardFooter.d.ts.map

package/dist/esm/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,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEnE;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,2BAA2B;IAC3B,MAAM,EAAE,MAAM,qBAAqB,GAAG,IAAI,CAAC;IAC3C,2BAA2B;IAC3B,MAAM,EAAE,MAAM,qBAAqB,GAAG,IAAI,CAAC;IAC3C,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,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,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY;mHAStB,iBAAiB;;CAoBnB,CAAC"}

package/dist/esm/next/components/Wizard/WizardFooter.js

@@ -0,0 +1,11 @@
+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';
+export const WizardFooter = ({ onNext, onBack, onClose, activeStep, disableBackButton, nextButtonText = 'Next', backButtonText = 'Back', cancelButtonText = 'Cancel' }) => (React.createElement("footer", { className: css(styles.wizardFooter) },
+    React.createElement(Button, { variant: ButtonVariant.primary, type: "submit", onClick: onNext, isDisabled: activeStep === null || activeStep === void 0 ? void 0 : activeStep.disableNext }, (activeStep === null || activeStep === void 0 ? void 0 : activeStep.nextButtonText) || nextButtonText),
+    !(activeStep === null || activeStep === void 0 ? void 0 : activeStep.hideBackButton) && (React.createElement(Button, { variant: ButtonVariant.secondary, onClick: onBack, isDisabled: disableBackButton }, backButtonText)),
+    !(activeStep === null || activeStep === void 0 ? void 0 : activeStep.hideCancelButton) && (React.createElement("div", { className: styles.wizardFooterCancel },
+        React.createElement(Button, { variant: ButtonVariant.link, onClick: onClose }, cancelButtonText)))));
+WizardFooter.displayName = 'WizardFooter';
+//# sourceMappingURL=WizardFooter.js.map

package/dist/esm/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;AA0BnE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,cAAc,GAAG,MAAM,EACvB,cAAc,GAAG,MAAM,EACvB,gBAAgB,GAAG,QAAQ,EACT,EAAE,EAAE,CAAC,CACvB,gCAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC;IACzC,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,IACvG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,KAAI,cAAc,CACtC;IAER,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,CAAA,IAAI,CAC9B,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,iBAAiB,IACrF,cAAc,CACR,CACV;IAEA,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,CAAA,IAAI,CAChC,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;QACvC,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IAClD,gBAAgB,CACV,CACL,CACP,CACM,CACV,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/esm/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?: () => 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 */
+    hideClose?: 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/dist/esm/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,MAAM,IAAI,CAAC;IACrB,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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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,CAyBnE,CAAC"}

package/dist/esm/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, hideClose, closeButtonAriaLabel, titleId, descriptionComponent: Component = 'p', descriptionId }) => (React.createElement("div", { className: css(styles.wizardHeader) },
+    !hideClose && (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/dist/esm/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,SAAS,EACT,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,SAAS,IAAI,CACb,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;IACD,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;IACP,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;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/esm/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 nav element */
+    'aria-label'?: string;
+    /** Sets the aria-labelledby attribute on the nav element */
+    'aria-labelledby'?: string;
+    /** Whether the nav is expanded */
+    isOpen?: boolean;
+    /** True to return the inner list without the wrapping nav element */
+    returnList?: boolean;
+}
+export declare const WizardNav: React.FunctionComponent<WizardNavProps>;
+//# sourceMappingURL=WizardNav.d.ts.map

package/dist/esm/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,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAsB7D,CAAC"}

package/dist/esm/next/components/Wizard/WizardNav.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';
+export const WizardNav = ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, isOpen = false, returnList = false }) => {
+    const innerList = React.createElement("ol", { className: css(styles.wizardNavList) }, children);
+    if (returnList) {
+        return innerList;
+    }
+    return (React.createElement("nav", { className: css(styles.wizardNav, isOpen && 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/dist/esm/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,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,KAAK,EACH,EAAE,EAAE;IACnB,MAAM,SAAS,GAAG,4BAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CAAC;IAE5E,IAAI,UAAU,EAAE;QACd,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBACzD,SAAS,qBACJ,cAAc;QAE/B,4BAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CACrD,CACP,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

@@ -0,0 +1,25 @@
+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 */
+    content?: React.ReactNode;
+    /** Whether the nav item is the currently active item */
+    isCurrent?: boolean;
+    /** Whether the nav 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;
+    /** 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 */
+    id?: string | number;
+}
+export declare const WizardNavItem: React.FunctionComponent<WizardNavItemProps>;
+//# sourceMappingURL=WizardNavItem.d.ts.map

package/dist/esm/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;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,CAyErE,CAAC"}

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

@@ -0,0 +1,33 @@
+import { __rest } from "tslib";
+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';
+export const WizardNavItem = (_a) => {
+    var { children = null, content = '', isCurrent = false, isDisabled = false, step, onNavItemClick = () => undefined, navItemComponent = 'button', href = null, isExpandable = false, id } = _a, rest = __rest(_a, ["children", "content", "isCurrent", "isDisabled", "step", "onNavItemClick", "navItemComponent", "href", "isExpandable", "id"]);
+    const NavItemComponent = navItemComponent;
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    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 btnProps = {
+        disabled: isDisabled
+    };
+    const linkProps = {
+        tabIndex: isDisabled ? -1 : undefined,
+        href
+    };
+    return (React.createElement("li", { className: css(styles.wizardNavItem, isExpandable && styles.modifiers.expandable, isExpandable && isExpanded && styles.modifiers.expanded) },
+        React.createElement(NavItemComponent, Object.assign({}, rest, (navItemComponent === 'a' ? Object.assign({}, linkProps) : Object.assign({}, btnProps)), (id && { id: id.toString() }), { onClick: () => (isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onNavItemClick(step)), 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 })), 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, null))))) : (content)),
+        children));
+};
+WizardNavItem.displayName = 'WizardNavItem';
+//# sourceMappingURL=WizardNavItem.js.map

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { WizardControlStep } from './types';
+import { WizardBodyProps } from './WizardBody';
+/**
+ * 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.
+ */
+export interface WizardStepProps extends Omit<WizardControlStep, 'parentId' | 'subStepIds' | 'visited'> {
+    /** 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?: WizardBodyProps | null;
+    /** Optional list of sub-steps */
+    steps?: React.ReactElement<WizardStepProps>[];
+}
+export declare const WizardStep: {
+    ({ body, children }: WizardStepProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=WizardStep.d.ts.map

package/dist/esm/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,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D;;;GAGG;AAEH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IACrG,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0GAA0G;IAC1G,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;CAC/C;AAED,eAAO,MAAM,UAAU;yBAAwB,eAAe;;CACwB,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { WizardBody } from './WizardBody';
+export const WizardStep = ({ body, children }) => body === undefined ? React.createElement(WizardBody, Object.assign({}, body), children) : React.createElement(React.Fragment, null, children);
+WizardStep.displayName = 'WizardStep';
+//# sourceMappingURL=WizardStep.js.map

package/dist/esm/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;AAG1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAgB3D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAChE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,oBAAC,UAAU,oBAAK,IAAI,GAAG,QAAQ,CAAc,CAAC,CAAC,CAAC,0CAAG,QAAQ,CAAI,CAAC;AAEvF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { WizardControlStep, CustomWizardNavFunction, DefaultWizardNavProps } from './types';
+/**
+ * Used to toggle between step content, including the body and footer. This is also where the nav and its expandability is controlled.
+ */
+export interface WizardToggleProps {
+    /** List of steps and/or sub-steps */
+    steps: WizardControlStep[];
+    /** The currently active WizardStep */
+    activeStep: WizardControlStep;
+    /** The WizardFooter */
+    footer: React.ReactElement;
+    /** Custom WizardNav or callback used to create a default WizardNav */
+    nav: DefaultWizardNavProps | CustomWizardNavFunction;
+    /** Navigate using the step index */
+    goToStepByIndex: (index: number) => void;
+    /** The button's aria-label */
+    'aria-label'?: string;
+    /** Flag to unmount inactive steps instead of hiding. Defaults to true */
+    unmountInactiveSteps?: boolean;
+}
+export declare const WizardToggle: {
+    ({ steps, activeStep, footer, nav, goToStepByIndex, unmountInactiveSteps, "aria-label": ariaLabel }: WizardToggleProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=WizardToggle.d.ts.map

package/dist/esm/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;AAS1B,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,EAKtB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,sCAAsC;IACtC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,uBAAuB;IACvB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,sEAAsE;IACtE,GAAG,EAAE,qBAAqB,GAAG,uBAAuB,CAAC;IACrD,oCAAoC;IACpC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,YAAY;yGAQtB,iBAAiB;;CA8JnB,CAAC"}