@patternfly/react-core 4.249.0 → 4.250.0

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

@@ -1,5 +1,24 @@
 import React from 'react';
 import { WizardBody } from './WizardBody';
-export const WizardStep = ({ body, children }) => body || body === undefined ? React.createElement(WizardBody, Object.assign({}, body), children) : React.createElement(React.Fragment, null, children);
+import { useWizardFooter } from './hooks/useWizardFooter';
+import { useWizardContext } from './WizardContext';
+export const WizardStep = ({ children, body, id, footer, isHidden, isDisabled, navItem, status }) => {
+    const { currentStep, setStep, toggleStep } = useWizardContext();
+    useWizardFooter(footer, id);
+    // Update the controlled step when a change is detected with select properties
+    React.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.useEffect(() => {
+        if (isHidden !== undefined) {
+            toggleStep(id, isHidden);
+        }
+    }, [toggleStep, id, isHidden]);
+    return body || 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

@@ -1 +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,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,oBAAC,UAAU,oBAAK,IAAI,GAAG,QAAQ,CAAc,CAAC,CAAC,CAAC,0CAAG,QAAQ,CAAI,CAAC;AAE/F,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"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;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAgCnD,MAAM,CAAC,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,gBAAgB,EAAE,CAAC;IAEhE,eAAe,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAE5B,8EAA8E;IAC9E,KAAK,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,KAAK,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,oBAAC,UAAU,oBAAK,IAAI,GAAG,QAAQ,CAAc,CAAC,CAAC,CAAC,0CAAG,QAAQ,CAAI,CAAC;AACtG,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/esm/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/esm/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/esm/next/components/Wizard/WizardToggle.js

@@ -4,17 +4,17 @@ import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
 import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
 import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
 import { KeyTypes } from '../../../helpers/constants';
-import { WizardNav, WizardNavItem } from '../Wizard';
-import { isWizardBasicStep, isWizardParentStep, isWizardSubStep, isCustomWizardNav } from './types';
-import { useWizardContext } from './WizardContext';
-export const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, unmountInactiveSteps = true, 'aria-label': ariaLabel = 'Wizard toggle' }) => {
-    const isActiveSubStep = isWizardSubStep(activeStep);
+import { isWizardSubStep } from './types';
+export const WizardToggle = ({ steps, currentStep, footer, nav, isNavExpanded, toggleNavExpanded, hasUnmountedSteps = true, 'aria-label': ariaLabel = 'Wizard toggle' }) => {
+    const isActiveSubStep = isWizardSubStep(currentStep);
+    const nonSubSteps = steps.filter(step => !isWizardSubStep(step));
+    const wizardToggleIndex = nonSubSteps.indexOf(isWizardSubStep(currentStep) ? steps.find(step => step.id === currentStep.parentId) : currentStep) + 1;
     const handleKeyClicks = React.useCallback((event) => {
         if (isNavExpanded && event.key === KeyTypes.Escape) {
             toggleNavExpanded();
         }
     }, [isNavExpanded, toggleNavExpanded]);
-    // Open/close collapsable nav on keydown event
+    // Open/close collapsable navigation on keydown event
     React.useEffect(() => {
         const target = typeof document !== 'undefined' ? document.body : null;
         target === null || target === void 0 ? void 0 : target.addEventListener('keydown', handleKeyClicks, false);
@@ -22,11 +22,11 @@ export const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, to
             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.createElement("div", { key: step.id, style: { display: 'none' } }, step.component));
@@ -34,10 +34,12 @@ export const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, to
     return (React.createElement(React.Fragment, null,
         React.createElement("button", { onClick: toggleNavExpanded, className: css(styles.wizardToggle, isNavExpanded && 'pf-m-expanded'), "aria-label": ariaLabel, "aria-expanded": isNavExpanded },
             React.createElement("span", { className: css(styles.wizardToggleList) },
-                React.createElement("span", { className: css(styles.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 :
-                    activeStep.name,
+                React.createElement("span", { className: css(styles.wizardToggleListItem) },
+                    React.createElement("span", { className: css(styles.wizardToggleNum) }, wizardToggleIndex),
+                    " ", currentStep === null || currentStep === void 0 ? void 0 :
+                    currentStep.name,
                     isActiveSubStep && React.createElement(AngleRightIcon, { className: css(styles.wizardToggleSeparator), "aria-hidden": "true" })),
-                isActiveSubStep && React.createElement("span", { className: css(styles.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 : activeStep.name)),
+                isActiveSubStep && React.createElement("span", { className: css(styles.wizardToggleListItem) }, currentStep === null || currentStep === void 0 ? void 0 : currentStep.name)),
             React.createElement("span", { className: css(styles.wizardToggleIcon) },
                 React.createElement(CaretDownIcon, { "aria-hidden": "true" }))),
         React.createElement("div", { className: css(styles.wizardOuterWrap) },
@@ -46,42 +48,5 @@ export const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, to
                 bodyContent),
             footer)));
 };
-export const WizardToggleInternal = ({ nav, unmountInactiveSteps }) => {
-    const [isNavExpanded, setIsNavExpanded] = React.useState(false);
-    const { activeStep, steps, footer, goToStepByIndex } = useWizardContext();
-    const wizardNav = React.useMemo(() => {
-        if (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.createElement(WizardNav, Object.assign({}, navProps), steps.map((step, index) => {
-            var _a;
-            const stepIndex = index + 1;
-            const stepNavItem = step.navItem && React.createElement(React.Fragment, { key: step.id }, step.navItem);
-            if (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.createElement(React.Fragment, { key: subStep.id }, subStep.navItem)) : (React.createElement(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.Children.toArray(subNavItems).some(child => React.isValidElement(child) && !child.props.isDisabled);
-                return (stepNavItem || (React.createElement(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.createElement(WizardNav, Object.assign({}, navProps, { returnList: true }), subNavItems))));
-            }
-            if (isWizardBasicStep(step)) {
-                return (stepNavItem || (React.createElement(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.createElement(WizardToggle, { nav: wizardNav, footer: footer, steps: steps, activeStep: activeStep, isNavExpanded: isNavExpanded, toggleNavExpanded: () => setIsNavExpanded(prevIsExpanded => !prevIsExpanded), unmountInactiveSteps: unmountInactiveSteps }));
-};
 WizardToggle.displayName = 'WizardToggle';
 //# sourceMappingURL=WizardToggle.js.map

package/dist/esm/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/esm/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/esm/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/esm/next/components/Wizard/hooks/useWizardFooter.js

@@ -6,15 +6,15 @@ import { useWizardContext } from '../WizardContext';
  * @param stepId
  */
 export const useWizardFooter = (footer, stepId) => {
-    const { activeStep, setFooter } = useWizardContext();
+    const { currentStep, setFooter } = useWizardContext();
     React.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]);
 };
 //# sourceMappingURL=useWizardFooter.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAqD,EAAE,MAAwB,EAAE,EAAE;IACjH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErD,KAAK,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"}
+{"version":3,"file":"useWizardFooter.js","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/useWizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAuD,EAAE,MAAwB,EAAE,EAAE;IACnH,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEtD,KAAK,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"}

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

@@ -1,74 +1,65 @@
 import React from 'react';
-import { WizardNavProps, WizardNavItemProps } from '../Wizard';
+import { WizardNavProps, WizardNavItemProps, WizardFooterProps } from '../Wizard';
 /** Type used to define 'basic' steps, or in other words, steps that are neither parents or children of parents. */
 export interface WizardBasicStep {
-    /** Name of the step's nav item */
+    /** Name of the step's navigation item */
     name: React.ReactNode;
     /** Unique identifier */
     id: string | number;
-    /** Flag to disable the step's nav item */
+    /** Flag to disable the step's navigation item */
     isDisabled?: boolean;
     /** Flag to represent whether the step has been visited (navigated to) */
-    visited?: boolean;
-    /** Content shown when the step's nav item is selected. When treated as a parent step, only sub-step content will be shown. */
+    isVisited?: boolean;
+    /** Flag to determine whether the step is hidden */
+    isHidden?: boolean;
+    /** Content shown when the step's navigation item is selected. When treated as a parent step, only sub-step content will be shown. */
     component?: React.ReactElement;
-    /** (Unused if nav is controlled) Custom WizardNavItem */
-    navItem?: React.ReactElement<WizardNavItemProps>;
-    /** (Unused if footer is controlled) Can change the Next button text. If nextButtonText is also set for the Wizard, this step specific one overrides it. */
-    nextButtonText?: React.ReactNode;
-    /** (Unused if footer is controlled) The condition needed to disable the Next button */
-    disableNext?: boolean;
-    /** (Unused if footer is controlled) True to hide the Cancel button */
-    hideCancelButton?: boolean;
-    /** (Unused if footer is controlled) True to hide the Back button */
-    hideBackButton?: 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 navItem */
+    status?: 'default' | 'error';
+}
+export declare enum WizardNavItemStatus {
+    Default = "default",
+    Error = "error"
 }
 /** Type used to define parent steps. */
 export interface WizardParentStep extends WizardBasicStep {
     /** Nested step IDs */
-    subStepIds: string[];
+    subStepIds: (string | number)[];
 }
 /** Type used to define sub-steps. */
 export interface WizardSubStep extends WizardBasicStep {
     /** Unique identifier of the parent step */
     parentId: string | number;
 }
-/** Used to customize aspects of the Wizard's default navigation. */
-export interface DefaultWizardNavProps {
-    /** Flag indicating nav items with sub steps are expandable */
-    isExpandable?: boolean;
-    /** Aria-label for the Nav */
-    ariaLabel?: string;
-    /** Sets aria-labelledby on nav element */
-    ariaLabelledBy?: string;
-    /** Disable step nav items until they are visited */
-    forceStepVisit?: boolean;
-}
-/** Used to customize aspects of the Wizard's default footer. */
-export interface DefaultWizardFooterProps {
-    /** The Next button text */
-    nextButtonText?: React.ReactNode;
-    /** The Back button text */
-    backButtonText?: React.ReactNode;
-    /** The Cancel button text */
-    cancelButtonText?: React.ReactNode;
-    /** Next button callback */
-    onNext?: () => WizardNavStepFunction | void;
-    /** Back button callback */
-    onBack?: () => WizardNavStepFunction | void;
-    /** Cancel link callback */
-    onClose?: () => void;
-}
 /** Encompasses all step type variants that are internally controlled by the Wizard. */
 export declare type WizardControlStep = WizardBasicStep | WizardParentStep | WizardSubStep;
 /** Callback for the Wizard's 'onNext', 'onBack', and 'onNavByIndex' properties. */
 export declare type WizardNavStepFunction = (currentStep: WizardNavStepData, previousStep: WizardNavStepData) => void;
 /** Data returned for either parameter of WizardNavStepFunction. */
-export declare type WizardNavStepData = Pick<WizardControlStep, 'id' | 'name'>;
+export interface WizardNavStepData {
+    /** Unique identifier */
+    id: string | number;
+    /** Name of the step */
+    name: string;
+    /** Index of the step (starts at 1) */
+    index: number;
+}
+export declare type WizardFooterType = Partial<WizardFooterProps> | CustomWizardFooterFunction | React.ReactElement;
+export declare type WizardNavType = Partial<WizardNavProps> | CustomWizardNavFunction | React.ReactElement;
+export declare type WizardNavItemType = Partial<WizardNavItemProps> | CustomWizardNavItemFunction | React.ReactElement;
 /** Callback for the Wizard's 'nav' property. Returns element which replaces the Wizard's default navigation. */
-export declare type CustomWizardNavFunction = (isExpanded: boolean, steps: WizardControlStep[], activeStep: WizardControlStep, goToStepByIndex: (index: number) => void) => React.ReactElement<WizardNavProps>;
-export declare function isCustomWizardNav(nav: DefaultWizardNavProps | CustomWizardNavFunction): nav is CustomWizardNavFunction;
-export declare function isCustomWizardFooter(footer: DefaultWizardFooterProps | React.ReactElement): footer is React.ReactElement;
+export declare type CustomWizardNavFunction = (isExpanded: boolean, steps: WizardControlStep[], currentStep: WizardControlStep, goToStepByIndex: (index: number) => void) => React.ReactElement<WizardNavProps>;
+/** Callback for the Wizard's 'navItem' property. Returns element which replaces the WizardStep's default navigation item. */
+export declare type CustomWizardNavItemFunction = (step: WizardControlStep, currentStep: WizardControlStep, steps: WizardControlStep[], goToStepByIndex: (index: number) => void) => React.ReactElement<WizardNavItemProps>;
+/** Callback for the Wizard's 'footer' property. Returns element which replaces the Wizard's default footer. */
+export declare type CustomWizardFooterFunction = (currentStep: WizardControlStep, onNext: () => void, onBack: () => void, onClose: () => void) => React.ReactElement<WizardFooterProps>;
+export declare function isCustomWizardNav(nav: WizardNavType): nav is CustomWizardNavFunction | React.ReactElement;
+export declare function isCustomWizardNavItem(navItem: WizardNavItemType): navItem is CustomWizardNavItemFunction | React.ReactElement;
+export declare function isCustomWizardFooter(footer: WizardFooterType): footer is CustomWizardFooterFunction | React.ReactElement;
 export declare function isWizardBasicStep(step: WizardControlStep): step is WizardBasicStep;
 export declare function isWizardSubStep(step: WizardControlStep): step is WizardSubStep;
 export declare function isWizardParentStep(step: WizardControlStep): step is WizardParentStep;

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

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

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

@@ -1,9 +1,17 @@
 import React from 'react';
+export var WizardNavItemStatus;
+(function (WizardNavItemStatus) {
+    WizardNavItemStatus["Default"] = "default";
+    WizardNavItemStatus["Error"] = "error";
+})(WizardNavItemStatus || (WizardNavItemStatus = {}));
 export function isCustomWizardNav(nav) {
-    return typeof nav === 'function';
+    return typeof nav === 'function' || React.isValidElement(nav);
+}
+export function isCustomWizardNavItem(navItem) {
+    return typeof navItem === 'function' || React.isValidElement(navItem);
 }
 export function isCustomWizardFooter(footer) {
-    return React.isValidElement(footer);
+    return typeof footer === 'function' || React.isValidElement(footer);
 }
 export function isWizardBasicStep(step) {
     var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoF1B,MAAM,UAAU,iBAAiB,CAC/B,GAAoD;IAEpD,OAAO,OAAO,GAAG,KAAK,UAAU,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,MAAqD;IAErD,OAAO,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAuB;;IACvD,OAAO,CAAA,MAAC,IAAyB,0CAAE,UAAU,MAAK,SAAS,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AACxF,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAuB;;IACrD,OAAO,CAAA,MAAC,IAAsB,0CAAE,QAAQ,MAAK,SAAS,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,IAAuB;;IACxD,OAAO,CAAA,MAAC,IAAyB,0CAAE,UAAU,MAAK,SAAS,CAAC;AAC9D,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AA0DD,MAAM,UAAU,iBAAiB,CAAC,GAAkB;IAClD,OAAO,OAAO,GAAG,KAAK,UAAU,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,OAA0B;IAE1B,OAAO,OAAO,OAAO,KAAK,UAAU,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AACxE,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,MAAwB;IAExB,OAAO,OAAO,MAAM,KAAK,UAAU,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAuB;;IACvD,OAAO,CAAA,MAAC,IAAyB,0CAAE,UAAU,MAAK,SAAS,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AACxF,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAuB;;IACrD,OAAO,CAAA,MAAC,IAAsB,0CAAE,QAAQ,MAAK,SAAS,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,IAAuB;;IACxD,OAAO,CAAA,MAAC,IAAyB,0CAAE,UAAU,MAAK,SAAS,CAAC;AAC9D,CAAC"}

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

@@ -7,9 +7,8 @@ import { WizardStepProps } from './WizardStep';
  * @returns WizardControlStep[]
  */
 export declare const buildSteps: (children: React.ReactElement<WizardStepProps> | React.ReactElement<WizardStepProps>[]) => WizardControlStep[];
-export declare const normalizeNavStep: ({ id, name }: WizardNavStepData) => {
-    id: string | number;
-    name: React.ReactNode;
-};
-export declare const getActiveStep: (steps: WizardControlStep[], currentStepIndex: number) => WizardControlStep;
+export declare function isWizardStep(child: any | React.ReactElement<WizardStepProps>): child is React.ReactElement<WizardStepProps>;
+export declare const normalizeStep: ({ children, steps, body, ...controlStep }: WizardStepProps) => WizardControlStep;
+export declare const normalizeNavStep: (navStep: WizardControlStep, steps: WizardControlStep[]) => WizardNavStepData;
+export declare const getCurrentStep: (steps: WizardControlStep[], currentStepIndex: number) => WizardControlStep;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAM3D;;;;GAIG;AACH,eAAO,MAAM,UAAU,aAAc,MAAM,YAAY,CAAC,eAAe,CAAC,GAAG,MAAM,YAAY,CAAC,eAAe,CAAC,EAAE,wBA8BxG,CAAC;AAET,eAAO,MAAM,gBAAgB,iBAAkB,iBAAiB;;;CAAmB,CAAC;AACpF,eAAO,MAAM,aAAa,UAAW,iBAAiB,EAAE,oBAAoB,MAAM,sBACxB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D;;;;GAIG;AACH,eAAO,MAAM,UAAU,aAAc,MAAM,YAAY,CAAC,eAAe,CAAC,GAAG,MAAM,YAAY,CAAC,eAAe,CAAC,EAAE,wBAyBxG,CAAC;AAET,wBAAgB,YAAY,CAC1B,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,GAC/C,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAK9C;AAGD,eAAO,MAAM,aAAa,8CAA+C,eAAe,KAAG,iBAC9E,CAAC;AAEd,eAAO,MAAM,gBAAgB,YAAa,iBAAiB,SAAS,iBAAiB,EAAE,KAAG,iBAIxF,CAAC;AAEH,eAAO,MAAM,cAAc,UAAW,iBAAiB,EAAE,oBAAoB,MAAM,sBACzB,CAAC"}

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

@@ -1,24 +1,17 @@
 import { __rest } from "tslib";
 import React from 'react';
 import { WizardStep } from './WizardStep';
-function hasWizardStepProps(props) {
-    return props.name !== undefined && props.id !== undefined;
-}
 /**
  * Accumulate list of step & sub-step props pulled from child components
  * @param children
  * @returns WizardControlStep[]
  */
 export const buildSteps = (children) => React.Children.toArray(children).reduce((acc, child) => {
-    if (React.isValidElement(child) && (child.type === WizardStep || hasWizardStepProps(child.props))) {
-        // Omit "children" and use the whole "child" (WizardStep) for the component prop. Sub-steps will do the same.
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const _a = child.props, { steps: subSteps, id, children } = _a, stepProps = __rest(_a, ["steps", "id", "children"]);
-        acc.push(Object.assign(Object.assign({ id, component: child }, stepProps), (subSteps && {
+    if (isWizardStep(child)) {
+        const { steps: subSteps, id } = child.props;
+        acc.push(Object.assign(Object.assign({ component: child }, normalizeStep(child.props)), (subSteps && {
             subStepIds: subSteps === null || subSteps === void 0 ? void 0 : subSteps.map(subStep => {
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                const _a = subStep.props, { children } = _a, subStepProps = __rest(_a, ["children"]);
-                acc.push(Object.assign(Object.assign({}, subStepProps), { component: subStep, parentId: id }));
+                acc.push(Object.assign(Object.assign({}, normalizeStep(subStep.props)), { component: subStep, parentId: id }));
                 return subStep.props.id;
             })
         })));
@@ -28,6 +21,20 @@ export const buildSteps = (children) => React.Children.toArray(children).reduce(
     }
     return acc;
 }, []);
-export const normalizeNavStep = ({ id, name }) => ({ id, name });
-export const getActiveStep = (steps, currentStepIndex) => steps.find((_, index) => index + 1 === currentStepIndex);
+export function isWizardStep(child) {
+    var _a, _b;
+    return ((React.isValidElement(child) && child.type === WizardStep) ||
+        (((_a = child.props) === null || _a === void 0 ? void 0 : _a.name) !== undefined && ((_b = child.props) === null || _b === void 0 ? void 0 : _b.id) !== undefined));
+}
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const normalizeStep = (_a) => {
+    var { children, steps, body } = _a, controlStep = __rest(_a, ["children", "steps", "body"]);
+    return controlStep;
+};
+export const normalizeNavStep = (navStep, steps) => ({
+    id: navStep.id,
+    name: navStep.name.toString(),
+    index: steps.indexOf(navStep) + 1
+});
+export const getCurrentStep = (steps, currentStepIndex) => steps.find((_, index) => index + 1 === currentStepIndex);
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/utils.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAE3D,SAAS,kBAAkB,CAAC,KAA4B;IACtD,OAAO,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC;AAC5D,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAqF,EAAE,EAAE,CAClH,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAwB,EAAE,KAAK,EAAE,EAAE;IAC1E,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;QACjG,6GAA6G;QAC7G,6DAA6D;QAC7D,MAAM,KAAkD,KAAK,CAAC,KAAwB,EAAhF,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,OAAiD,EAA5C,SAAS,cAA7C,2BAA+C,CAAiC,CAAC;QAEvF,GAAG,CAAC,IAAI,+BACN,EAAE,EACF,SAAS,EAAE,KAAK,IACb,SAAS,GACT,CAAC,QAAQ,IAAI;YACd,UAAU,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,OAAO,CAAC,EAAE;gBAClC,6DAA6D;gBAC7D,MAAM,KAAgC,OAAO,CAAC,KAAK,EAA7C,EAAE,QAAQ,OAAmC,EAA9B,YAAY,cAA3B,YAA6B,CAAgB,CAAC;gBACpD,GAAG,CAAC,IAAI,iCACH,YAAY,KACf,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,EAAE,IACZ,CAAC;gBAEH,OAAO,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,CAAC,CAAC;SACH,CAAC,EACF,CAAC;KACJ;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;KACpE;IAED,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAAE,CAAC,CAAC;AAET,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAqB,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,gBAAwB,EAAE,EAAE,CACpF,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,KAAK,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/utils.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAE3D;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAqF,EAAE,EAAE,CAClH,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAwB,EAAE,KAA6C,EAAE,EAAE;IAClH,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;QACvB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;QAE5C,GAAG,CAAC,IAAI,+BACN,SAAS,EAAE,KAAK,IACb,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,GAC1B,CAAC,QAAQ,IAAI;YACd,UAAU,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,OAAO,CAAC,EAAE;gBAClC,GAAG,CAAC,IAAI,iCACH,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,KAC/B,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,EAAE,IACZ,CAAC;gBAEH,OAAO,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,CAAC,CAAC;SACH,CAAC,EACF,CAAC;KACJ;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;KACpE;IAED,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAAE,CAAC,CAAC;AAET,MAAM,UAAU,YAAY,CAC1B,KAAgD;;IAEhD,OAAO,CACL,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAK,KAA6C,CAAC,IAAI,KAAK,UAAU,CAAC;QACnG,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,MAAK,SAAS,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,EAAE,MAAK,SAAS,CAAC,CACnE,CAAC;AACJ,CAAC;AAED,6DAA6D;AAC7D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAA0D,EAAqB,EAAE;QAAjF,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAmC,EAA9B,WAAW,cAAvC,6BAAyC,CAAF;IACnE,OAAA,WAAW,CAAA;CAAA,CAAC;AAEd,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAA0B,EAAE,KAA0B,EAAqB,EAAE,CAAC,CAAC;IAC9G,EAAE,EAAE,OAAO,CAAC,EAAE;IACd,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;IAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;CAClC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,gBAAwB,EAAE,EAAE,CACrF,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,KAAK,gBAAgB,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
-export * from './Wizard';
 export * from './Dropdown';
+export * from './Select';
+export * from './Wizard';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

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

@@ -1,3 +1,4 @@
-export * from './Wizard';
 export * from './Dropdown';
+export * from './Select';
+export * from './Wizard';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/dist/js/next/components/Select/Select.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { MenuProps } from '../../../components/Menu';
+import { OUIAProps } from '../../../helpers';
+export interface SelectProps extends MenuProps, OUIAProps {
+    /** Anything which can be rendered in a select */
+    children?: React.ReactNode;
+    /** Classes applied to root element of select */
+    className?: string;
+    /** Flag to indicate if select is open */
+    isOpen?: boolean;
+    /** Single itemId for single select menus, or array of itemIds for multi select. You can also specify isSelected on the SelectOption. */
+    selected?: any | any[];
+    /** Renderer for a custom select toggle. Forwards a ref to the toggle. */
+    toggle: (toggleRef: React.RefObject<any>) => React.ReactNode;
+    /** Function callback when user selects an option. */
+    onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, itemId?: string | number) => void;
+    /** Callback to allow the select component to change the open state of the menu.
+     * Triggered by clicking outside of the menu, or by pressing either tab or escape. */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** Indicates if the select should be without the outer box-shadow */
+    isPlain?: boolean;
+    /** Minimum width of the select menu */
+    minWidth?: string;
+    /** @hide Forwarded ref */
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<any>>;
+//# sourceMappingURL=Select.d.ts.map

package/dist/js/next/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAgB,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACtC;AAgGD,eAAO,MAAM,MAAM,yEAEjB,CAAC"}