@patternfly/react-core 5.0.0-alpha.2 → 5.0.0-alpha.20

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

@@ -1 +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,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0GAA0G;IAC1G,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAClE,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IAC9C,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACzD,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,8DAA8D;IAC9D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,UAAU;+CAA8C,eAAe;;CAoBnF,CAAC"}
+{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC,0GAA0G;IAC1G,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAClE,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IAC9C,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACzD,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU;+CAA8C,eAAe;;CAkCnF,CAAC"}

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

@@ -1,15 +1,30 @@
 import { __rest } from "tslib";
 import React from 'react';
+import { isWizardParentStep } from './types';
 import { useWizardContext } from './WizardContext';
 export const WizardStep = (_a) => {
     var { children, steps: _subSteps } = _a, props = __rest(_a, ["children", "steps"]);
     const { activeStep, setStep } = useWizardContext();
     const { id, name, body, isDisabled, isHidden, navItem, footer, status } = props;
+    const isParentStep = isWizardParentStep(activeStep);
     // Update step in context when props change or when the step is active has yet to be marked as visited.
     React.useEffect(() => {
         setStep(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ id,
-            name }, (body && { body })), (isDisabled && { isDisabled })), (isHidden && { isHidden })), (navItem && { navItem })), (footer && { footer })), (status && { status })), (id === (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) && !(activeStep === null || activeStep === void 0 ? void 0 : activeStep.isVisited) && { isVisited: true })));
-    }, [body, footer, id, isDisabled, isHidden, name, navItem, status, activeStep === null || activeStep === void 0 ? void 0 : activeStep.id, activeStep === null || activeStep === void 0 ? void 0 : activeStep.isVisited, setStep]);
+            name }, (body && { body })), (isDisabled && { isDisabled })), (isHidden && { isHidden })), (navItem && { navItem })), (footer && { footer })), (status && { status })), (!isParentStep && id === (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) && !(activeStep === null || activeStep === void 0 ? void 0 : activeStep.isVisited) && { isVisited: true })));
+    }, [
+        body,
+        footer,
+        id,
+        isDisabled,
+        isHidden,
+        name,
+        navItem,
+        status,
+        isParentStep,
+        setStep,
+        activeStep === null || activeStep === void 0 ? void 0 : activeStep.id,
+        activeStep === null || activeStep === void 0 ? void 0 : activeStep.isVisited
+    ]);
     return React.createElement(React.Fragment, null, children);
 };
 WizardStep.displayName = 'WizardStep';

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;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAgCnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAyD,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,OAA6B,EAAxB,KAAK,cAAtC,qBAAwC,CAAF;IAC/D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACnD,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEhF,uGAAuG;IACvG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,qGACL,EAAE;YACF,IAAI,IACD,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,GAClB,CAAC,UAAU,IAAI,EAAE,UAAU,EAAE,CAAC,GAC9B,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC,GAC1B,CAAC,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC,GACxB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GACtB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GACtB,CAAC,EAAE,MAAK,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,CAAA,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAC3E,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpH,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AAEF,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;AAE1B,OAAO,EAAE,kBAAkB,EAAqB,MAAM,SAAS,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAgCnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAyD,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,OAA6B,EAAxB,KAAK,cAAtC,qBAAwC,CAAF;IAC/D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACnD,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,YAAY,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEpD,uGAAuG;IACvG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,qGACL,EAAE;YACF,IAAI,IACD,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,GAClB,CAAC,UAAU,IAAI,EAAE,UAAU,EAAE,CAAC,GAC9B,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC,GAC1B,CAAC,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC,GACxB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GACtB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GACtB,CAAC,CAAC,YAAY,IAAI,EAAE,MAAK,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,CAAA,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAC5F,CAAC;IACL,CAAC,EAAE;QACD,IAAI;QACJ,MAAM;QACN,EAAE;QACF,UAAU;QACV,QAAQ;QACR,IAAI;QACJ,OAAO;QACP,MAAM;QACN,YAAY;QACZ,OAAO;QACP,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE;QACd,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS;KACtB,CAAC,CAAC;IAEH,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

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

@@ -1,14 +1,14 @@
 import React from 'react';
-import { WizardNavProps } from '../Wizard';
-import { WizardControlStep } from './types';
+import { WizardStepType } from './types';
+import { WizardNavProps } from './WizardNav';
 /**
  * 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[];
+    steps: WizardStepType[];
     /** The current step */
-    activeStep: WizardControlStep;
+    activeStep: WizardStepType;
     /** Wizard footer */
     footer: React.ReactElement;
     /** Wizard navigation */
@@ -18,7 +18,7 @@ export interface WizardToggleProps {
     /** Flag to determine whether the dropdown navigation is expanded */
     isNavExpanded?: boolean;
     /** Callback to expand or collapse the dropdown navigation */
-    toggleNavExpanded?: () => void;
+    toggleNavExpanded?: (event: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
 }
 export declare const WizardToggle: {
     ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, "aria-label": ariaLabel }: WizardToggleProps): JSX.Element;

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,EAAE,cAAc,EAA2C,MAAM,WAAW,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAmB,MAAM,SAAS,CAAC;AAE7D;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,uBAAuB;IACvB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,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,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,YAAY;oGAQtB,iBAAiB;;CAyEnB,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,EAAmB,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7C;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,uBAAuB;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,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,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,aAAa,KAAK,IAAI,CAAC;CAC1F;AAED,eAAO,MAAM,YAAY;oGAQtB,iBAAiB;;CAwEnB,CAAC"}

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

@@ -5,15 +5,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 { WizardBody, WizardStep } from '../Wizard';
 import { isWizardSubStep } from './types';
+import { WizardStep } from './WizardStep';
+import { WizardBody } from './WizardBody';
 export const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, 'aria-label': ariaLabel = 'Wizard toggle' }) => {
     const isActiveSubStep = isWizardSubStep(activeStep);
+    const parentStep = isActiveSubStep && steps.find(step => step.id === activeStep.parentId);
     const nonSubSteps = steps.filter(step => !isWizardSubStep(step));
-    const wizardToggleIndex = nonSubSteps.indexOf(isWizardSubStep(activeStep) ? steps.find(step => step.id === activeStep.parentId) : activeStep) + 1;
+    const wizardToggleIndex = nonSubSteps.indexOf(parentStep || activeStep) + 1;
     const handleKeyClicks = React.useCallback((event) => {
         if (isNavExpanded && event.key === KeyTypes.Escape) {
-            toggleNavExpanded === null || toggleNavExpanded === void 0 ? void 0 : toggleNavExpanded();
+            toggleNavExpanded === null || toggleNavExpanded === void 0 ? void 0 : toggleNavExpanded(event);
         }
     }, [isNavExpanded, toggleNavExpanded]);
     // Open/close collapsable navigation on keydown event
@@ -39,8 +41,8 @@ export const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, to
             React.createElement("span", { className: css(styles.wizardToggleList) },
                 React.createElement("span", { className: css(styles.wizardToggleListItem) },
                     React.createElement("span", { className: css(styles.wizardToggleNum) }, wizardToggleIndex),
-                    " ", activeStep === null || activeStep === void 0 ? void 0 :
-                    activeStep.name,
+                    ' ',
+                    (parentStep === null || parentStep === void 0 ? void 0 : parentStep.name) || (activeStep === null || activeStep === void 0 ? void 0 : activeStep.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)),
             React.createElement("span", { className: css(styles.wizardToggleIcon) },

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/index.d.ts

@@ -6,7 +6,7 @@ export * from './WizardStep';
 export * from './WizardNav';
 export * from './WizardNavItem';
 export * from './WizardHeader';
-export * from './hooks';
 export * from './types';
-export { useWizardContext } from './WizardContext';
+export { useWizardFooter } from './hooks';
+export { useWizardContext, WizardContext } from './WizardContext';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -6,7 +6,7 @@ export * from './WizardStep';
 export * from './WizardNav';
 export * from './WizardNavItem';
 export * from './WizardHeader';
-export * from './hooks';
 export * from './types';
-export { useWizardContext } from './WizardContext';
+export { useWizardFooter } from './hooks';
+export { useWizardContext, WizardContext } from './WizardContext';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -31,8 +31,8 @@ export declare enum WizardNavItemStatus {
 export interface WizardParentStep extends WizardBasicStep {
     /** Nested step IDs */
     subStepIds: (string | number)[];
-    /** Flag to determine whether sub-steps can collapse or not */
-    isCollapsible?: boolean;
+    /** Flag to determine whether the step can expand or not. */
+    isExpandable?: boolean;
 }
 /** Type used to define sub-steps. */
 export interface WizardSubStep extends WizardBasicStep {
@@ -40,31 +40,25 @@ export interface WizardSubStep extends WizardBasicStep {
     parentId: string | number;
 }
 /** 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 | Promise<void>;
-/** Data returned for either parameter of WizardNavStepFunction. */
-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 WizardStepType = WizardBasicStep | WizardParentStep | WizardSubStep;
+export declare enum WizardStepChangeScope {
+    Next = "next",
+    Back = "back",
+    Nav = "nav"
 }
 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 type CustomWizardNavFunction = (isExpanded: boolean, steps: WizardStepType[], activeStep: WizardStepType, 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, activeStep: WizardControlStep, steps: WizardControlStep[], goToStepByIndex: (index: number) => void) => React.ReactElement<WizardNavItemProps>;
+export declare type CustomWizardNavItemFunction = (step: WizardStepType, activeStep: WizardStepType, steps: WizardStepType[], 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 = (activeStep: WizardControlStep, onNext: () => void | Promise<void>, onBack: () => void | Promise<void>, onClose: () => void | Promise<void>) => React.ReactElement<WizardFooterProps>;
+export declare type CustomWizardFooterFunction = (activeStep: WizardStepType, onNext: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>, onBack: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>, onClose: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<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;
+export declare function isWizardBasicStep(step: WizardStepType): step is WizardBasicStep;
+export declare function isWizardSubStep(step: WizardStepType): step is WizardSubStep;
+export declare function isWizardParentStep(step: WizardStepType): step is WizardParentStep;
 //# sourceMappingURL=types.d.ts.map

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAElF,mHAAmH;AACnH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qIAAqI;IACrI,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACzD,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B;AAED,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,wCAAwC;AACxC,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,sBAAsB;IACtB,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAChC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,qCAAqC;AACrC,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,uFAAuF;AACvF,oBAAY,iBAAiB,GAAG,eAAe,GAAG,gBAAgB,GAAG,aAAa,CAAC;AAEnF,mFAAmF;AACnF,oBAAY,qBAAqB,GAAG,CAClC,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,iBAAiB,KAC5B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE1B,mEAAmE;AACnE,MAAM,WAAW,iBAAiB;IAChC,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAAC;AAC5G,oBAAY,aAAa,GAAG,OAAO,CAAC,cAAc,CAAC,GAAG,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAAC;AACnG,oBAAY,iBAAiB,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAAC;AAE/G,gHAAgH;AAChH,oBAAY,uBAAuB,GAAG,CACpC,UAAU,EAAE,OAAO,EACnB,KAAK,EAAE,iBAAiB,EAAE,EAC1B,UAAU,EAAE,iBAAiB,EAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,KACrC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;AAExC,6HAA6H;AAC7H,oBAAY,2BAA2B,GAAG,CACxC,IAAI,EAAE,iBAAiB,EACvB,UAAU,EAAE,iBAAiB,EAC7B,KAAK,EAAE,iBAAiB,EAAE,EAC1B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,KACrC,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;AAE5C,+GAA+G;AAC/G,oBAAY,0BAA0B,GAAG,CACvC,UAAU,EAAE,iBAAiB,EAC7B,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAClC,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAClC,OAAO,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAChC,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;AAE3C,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,aAAa,GAAG,GAAG,IAAI,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAEzG;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,iBAAiB,GACzB,OAAO,IAAI,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAE7D;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,gBAAgB,GACvB,MAAM,IAAI,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAE3D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,IAAI,eAAe,CAElF;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,IAAI,aAAa,CAE9E;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,IAAI,gBAAgB,CAEpF"}
+{"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

@@ -4,6 +4,12 @@ export var WizardNavItemStatus;
     WizardNavItemStatus["Default"] = "default";
     WizardNavItemStatus["Error"] = "error";
 })(WizardNavItemStatus || (WizardNavItemStatus = {}));
+export var WizardStepChangeScope;
+(function (WizardStepChangeScope) {
+    WizardStepChangeScope["Next"] = "next";
+    WizardStepChangeScope["Back"] = "back";
+    WizardStepChangeScope["Nav"] = "nav";
+})(WizardStepChangeScope || (WizardStepChangeScope = {}));
 export function isCustomWizardNav(nav) {
     return typeof nav === 'function' || React.isValidElement(nav);
 }
@@ -14,15 +20,12 @@ export function isCustomWizardFooter(footer) {
     return typeof footer === 'function' || React.isValidElement(footer);
 }
 export function isWizardBasicStep(step) {
-    var _a;
-    return ((_a = step) === null || _a === void 0 ? void 0 : _a.subStepIds) === undefined && !isWizardSubStep(step);
+    return (step === null || step === void 0 ? void 0 : step.subStepIds) === undefined && !isWizardSubStep(step);
 }
 export function isWizardSubStep(step) {
-    var _a;
-    return ((_a = step) === null || _a === void 0 ? void 0 : _a.parentId) !== undefined;
+    return (step === null || step === void 0 ? void 0 : step.parentId) !== undefined;
 }
 export function isWizardParentStep(step) {
-    var _a;
-    return ((_a = step) === null || _a === void 0 ? void 0 : _a.subStepIds) !== undefined;
+    return (step === null || step === void 0 ? void 0 : step.subStepIds) !== undefined;
 }
 //# sourceMappingURL=types.js.map

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;AA2B1B,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AA+DD,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"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2B1B,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAmBD,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,sCAAa,CAAA;IACb,sCAAa,CAAA;IACb,oCAAW,CAAA;AACb,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AA8BD,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,IAAoB;IACpD,OAAO,CAAC,IAAyB,aAAzB,IAAI,uBAAJ,IAAI,CAAuB,UAAU,MAAK,SAAS,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AACxF,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAoB;IAClD,OAAO,CAAC,IAAsB,aAAtB,IAAI,uBAAJ,IAAI,CAAoB,QAAQ,MAAK,SAAS,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,IAAoB;IACrD,OAAO,CAAC,IAAyB,aAAzB,IAAI,uBAAJ,IAAI,CAAuB,UAAU,MAAK,SAAS,CAAC;AAC9D,CAAC"}

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

@@ -1,14 +1,12 @@
 import React from 'react';
-import { WizardControlStep, WizardNavStepData } from './types';
+import { WizardStepType } from './types';
 import { WizardStepProps } from './WizardStep';
 /**
  * Accumulate list of step & sub-step props pulled from child components
  * @param children
- * @returns WizardControlStep[]
+ * @returns WizardStepType[]
  */
-export declare const buildSteps: (children: React.ReactElement<WizardStepProps> | React.ReactElement<WizardStepProps>[]) => WizardControlStep[];
+export declare const buildSteps: (children: React.ReactNode | React.ReactNode[]) => WizardStepType[];
 export declare function isWizardStep(child: any | React.ReactElement<WizardStepProps>): child is React.ReactElement<WizardStepProps>;
-export declare const normalizeStep: ({ children, steps, ...controlStep }: WizardStepProps) => Omit<WizardControlStep, 'index'>;
-export declare const normalizeNavStep: (navStep: WizardControlStep) => WizardNavStepData;
-export declare const getActiveStep: (steps: WizardControlStep[], activeStepIndex: number) => WizardControlStep;
+export declare const normalizeStepProps: ({ children: _children, steps: _steps, ...controlStep }: WizardStepProps) => Omit<WizardStepType, 'index'>;
 //# 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;AAE3D;;;;GAIG;AACH,eAAO,MAAM,UAAU,aAAc,MAAM,YAAY,CAAC,eAAe,CAAC,GAAG,MAAM,YAAY,CAAC,eAAe,CAAC,EAAE,wBAmCxG,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,wCAAyC,eAAe,KAAG,KAAK,iBAAiB,EAAE,OAAO,CACvG,CAAC;AAEd,eAAO,MAAM,gBAAgB,YAAa,iBAAiB,KAAG,iBAI5D,CAAC;AAEH,eAAO,MAAM,aAAa,UAAW,iBAAiB,EAAE,mBAAmB,MAAM,sBAC7B,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,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D;;;;GAIG;AACH,eAAO,MAAM,UAAU,aAAc,MAAM,SAAS,GAAG,MAAM,SAAS,EAAE,qBAmChE,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,CAE9C;AAGD,eAAO,MAAM,kBAAkB,2DAI5B,eAAe,KAAG,KAAK,cAAc,EAAE,OAAO,CAAgB,CAAC"}

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

@@ -4,40 +4,32 @@ import { WizardStep } from './WizardStep';
 /**
  * Accumulate list of step & sub-step props pulled from child components
  * @param children
- * @returns WizardControlStep[]
+ * @returns WizardStepType[]
  */
-export const buildSteps = (children) => React.Children.toArray(children).reduce((acc, child) => {
+export const buildSteps = (children) => React.Children.toArray(children).reduce((acc, child, index) => {
     if (isWizardStep(child)) {
-        const { steps: subSteps, id, isHidden, isDisabled } = child.props;
-        const subControlledSteps = [];
+        const { props: childProps } = child;
+        const { steps: childStepComponents, id } = childProps;
         const stepIndex = acc.length + 1;
-        acc.push(Object.assign(Object.assign(Object.assign({ index: stepIndex, component: child }, (stepIndex === 1 && { isVisited: true })), (subSteps && {
-            subStepIds: subSteps === null || subSteps === void 0 ? void 0 : subSteps.map((subStep, subStepIndex) => {
-                subControlledSteps.push(Object.assign({ isHidden,
-                    isDisabled, component: subStep, parentId: id, index: stepIndex + subStepIndex + 1 }, normalizeStep(subStep.props)));
-                return subStep.props.id;
+        const subSteps = [];
+        acc.push(Object.assign(Object.assign(Object.assign({ index: stepIndex, component: child }, (index === 0 && !(childStepComponents === null || childStepComponents === void 0 ? void 0 : childStepComponents.length) && { isVisited: true })), (childStepComponents && {
+            subStepIds: childStepComponents === null || childStepComponents === void 0 ? void 0 : childStepComponents.map((childStepComponent, subStepIndex) => {
+                subSteps.push(Object.assign(Object.assign({ index: stepIndex + subStepIndex + 1, component: childStepComponent, parentId: id }, (index === 0 && subStepIndex === 0 && { isVisited: true })), normalizeStepProps(childStepComponent.props)));
+                return childStepComponent.props.id;
             })
-        })), normalizeStep(child.props)), ...subControlledSteps);
+        })), normalizeStepProps(childProps)), ...subSteps);
     }
     else {
-        throw new Error('Wizard only accepts children with required WizardStepProps.');
+        throw new Error('Wizard only accepts children of type WizardStep.');
     }
     return acc;
 }, []);
 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));
+    return React.isValidElement(child) && child.type === WizardStep;
 }
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const normalizeStep = (_a) => {
-    var { children, steps } = _a, controlStep = __rest(_a, ["children", "steps"]);
+// Omit "children" and "steps" when building steps for the Wizard's context
+export const normalizeStepProps = (_a) => {
+    var { children: _children, steps: _steps } = _a, controlStep = __rest(_a, ["children", "steps"]);
     return controlStep;
 };
-export const normalizeNavStep = (navStep) => ({
-    id: navStep.id,
-    index: navStep.index,
-    name: navStep.name.toString()
-});
-export const getActiveStep = (steps, activeStepIndex) => steps.find(step => step.index === activeStepIndex);
 //# 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;;;;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,KAAsB,EAAE,EAAE;IAC3F,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;QACvB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;QAClE,MAAM,kBAAkB,GAAwB,EAAE,CAAC;QACnD,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QAEjC,GAAG,CAAC,IAAI,6CAEJ,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,KAAK,IACb,CAAC,SAAS,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GACxC,CAAC,QAAQ,IAAI;YACd,UAAU,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE;gBAClD,kBAAkB,CAAC,IAAI,iBACrB,QAAQ;oBACR,UAAU,EACV,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,SAAS,GAAG,YAAY,GAAG,CAAC,IAChC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,CAAC;gBAEH,OAAO,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,CAAC,CAAC;SACH,CAAC,GACC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,GAE/B,GAAG,kBAAkB,CACtB,CAAC;KACH;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAC;KAChF;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,EAAoD,EAAoC,EAAE;QAA1F,EAAE,QAAQ,EAAE,KAAK,OAAmC,EAA9B,WAAW,cAAjC,qBAAmC,CAAF;IAC7D,OAAA,WAAW,CAAA;CAAA,CAAC;AAEd,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAA0B,EAAqB,EAAE,CAAC,CAAC;IAClF,EAAE,EAAE,OAAO,CAAC,EAAE;IACd,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;CAC9B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,eAAuB,EAAE,EAAE,CACnF,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,eAAe,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,QAA6C,EAAE,EAAE,CAC1E,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAqB,EAAE,KAAsB,EAAE,KAAa,EAAE,EAAE;IACvG,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;QACvB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QACpC,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,EAAE,GAAG,UAAU,CAAC;QACtD,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QACjC,MAAM,QAAQ,GAAqB,EAAE,CAAC;QAEtC,GAAG,CAAC,IAAI,6CAEJ,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,KAAK,IACb,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,CAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GACpE,CAAC,mBAAmB,IAAI;YACzB,UAAU,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,GAAG,CAAC,CAAC,kBAAkB,EAAE,YAAY,EAAE,EAAE;gBACxE,QAAQ,CAAC,IAAI,+BACX,KAAK,EAAE,SAAS,GAAG,YAAY,GAAG,CAAC,EACnC,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,EAAE,IACT,CAAC,KAAK,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAC1D,kBAAkB,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAC/C,CAAC;gBAEH,OAAO,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;YACrC,CAAC,CAAC;SACH,CAAC,GACC,kBAAkB,CAAC,UAAU,CAAC,GAEnC,GAAG,QAAQ,CACZ,CAAC;KACH;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;KACrE;IAED,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAAE,CAAC,CAAC;AAET,MAAM,UAAU,YAAY,CAC1B,KAAgD;IAEhD,OAAO,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAK,KAA6C,CAAC,IAAI,KAAK,UAAU,CAAC;AAC3G,CAAC;AAED,2EAA2E;AAC3E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAIjB,EAAiC,EAAE;QAJlB,EACjC,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,MAAM,OAEG,EADb,WAAW,cAHmB,qBAIlC,CADe;IACsC,OAAA,WAAW,CAAA;CAAA,CAAC"}

package/dist/js/components/AboutModal/AboutModal.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { PickOptional } from '../../helpers/typeUtils';
-export interface AboutModalProps {
+export interface AboutModalProps extends React.HTMLProps<HTMLDivElement> {
     /** Content rendered inside the about modal */
     children: React.ReactNode;
     /** Additional classes added to the about modal */
@@ -8,7 +7,7 @@ export interface AboutModalProps {
     /** Flag to show the about modal  */
     isOpen?: boolean;
     /** A callback for when the close button is clicked  */
-    onClose?: () => void;
+    onClose?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
     /** Product name  */
     productName?: string;
     /** Trademark information  */
@@ -20,32 +19,15 @@ export interface AboutModalProps {
     /** The URL of the image for the background  */
     backgroundImageSrc?: string;
     /** Prevents the about modal from rendering content inside a container; allows for more flexible layouts  */
-    noAboutModalBoxContentContainer?: boolean;
+    hasNoContentContainer?: boolean;
     /** The parent container to append the modal to. Defaults to document.body */
     appendTo?: HTMLElement | (() => HTMLElement);
+    /** Aria label for the about modal.  This should be used when no productName prop is provided */
+    'aria-label'?: string;
     /** Set aria label to the close button */
     closeButtonAriaLabel?: string;
     /** Flag to disable focus trap */
     disableFocusTrap?: boolean;
 }
-interface ModalState {
-    container: HTMLElement;
-}
-export declare class AboutModal extends React.Component<AboutModalProps, ModalState> {
-    static displayName: string;
-    private static currentId;
-    private id;
-    ariaLabelledBy: string;
-    ariaDescribedBy: string;
-    static defaultProps: PickOptional<AboutModalProps>;
-    constructor(props: AboutModalProps);
-    handleEscKeyClick: (event: KeyboardEvent) => void;
-    toggleSiblingsFromScreenReaders: (hide: boolean) => void;
-    getElement: (appendTo: HTMLElement | (() => HTMLElement)) => HTMLElement;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-}
-export {};
+export declare const AboutModal: React.FunctionComponent<AboutModalProps>;
 //# sourceMappingURL=AboutModal.d.ts.map

package/dist/js/components/AboutModal/AboutModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutModal.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4GAA4G;IAC5G,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,UAAU;IAClB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC;IAC1E,MAAM,CAAC,WAAW,SAAgB;IAClC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAC7B,OAAO,CAAC,EAAE,CAA0B;IACpC,cAAc,SAAqC;IACnD,eAAe,SAAuC;IAEtD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,eAAe,CAAC,CAShD;gBAEU,KAAK,EAAE,eAAe;IAYlC,iBAAiB,UAAW,aAAa,UAIvC;IAEF,+BAA+B,SAAU,OAAO,UAS9C;IAEF,UAAU,aAAc,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,iBAKvD;IAEF,iBAAiB;IAcjB,kBAAkB;IAWlB,oBAAoB;IASpB,MAAM;CAkBP"}
+{"version":3,"file":"AboutModal.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACzE,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4GAA4G;IAC5G,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,gGAAgG;IAChG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6D/D,CAAC"}

package/dist/js/components/AboutModal/AboutModal.js

@@ -3,100 +3,36 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AboutModal = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const ReactDOM = tslib_1.__importStar(require("react-dom"));
 const react_styles_1 = require("@patternfly/react-styles");
-const backdrop_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Backdrop/backdrop"));
-const helpers_1 = require("../../helpers");
-const constants_1 = require("../../helpers/constants");
-const AboutModalContainer_1 = require("./AboutModalContainer");
-class AboutModal extends React.Component {
-    constructor(props) {
-        super(props);
-        this.id = AboutModal.currentId++;
-        this.ariaLabelledBy = `pf-about-modal-title-${this.id}`;
-        this.ariaDescribedBy = `pf-about-modal-content-${this.id}`;
-        this.handleEscKeyClick = (event) => {
-            if (event.key === constants_1.KeyTypes.Escape && this.props.isOpen) {
-                this.props.onClose();
-            }
-        };
-        this.toggleSiblingsFromScreenReaders = (hide) => {
-            const { appendTo } = this.props;
-            const target = this.getElement(appendTo);
-            const bodyChildren = target.children;
-            for (const child of Array.from(bodyChildren)) {
-                if (child !== this.state.container) {
-                    hide ? child.setAttribute('aria-hidden', '' + hide) : child.removeAttribute('aria-hidden');
-                }
-            }
-        };
-        this.getElement = (appendTo) => {
-            if (typeof appendTo === 'function') {
-                return appendTo();
-            }
-            return appendTo || document.body;
-        };
-        this.state = {
-            container: undefined
-        };
-        if (props.brandImageSrc && !props.brandImageAlt) {
-            // eslint-disable-next-line no-console
-            console.error('AboutModal:', 'brandImageAlt is required when a brandImageSrc is specified');
-        }
+const AboutModalBoxContent_1 = require("./AboutModalBoxContent");
+const AboutModalBoxHeader_1 = require("./AboutModalBoxHeader");
+const AboutModalBoxHero_1 = require("./AboutModalBoxHero");
+const AboutModalBoxBrand_1 = require("./AboutModalBoxBrand");
+const AboutModalBoxCloseButton_1 = require("./AboutModalBoxCloseButton");
+const AboutModalBox_1 = require("./AboutModalBox");
+const Modal_1 = require("../Modal");
+const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
+const AboutModal = (_a) => {
+    var { children, className, isOpen = false, onClose = (_e) => undefined, productName, trademark, backgroundImageSrc, brandImageSrc, brandImageAlt, hasNoContentContainer = false, appendTo, closeButtonAriaLabel, 'aria-label': ariaLabel, disableFocusTrap } = _a, props = tslib_1.__rest(_a, ["children", "className", "isOpen", "onClose", "productName", "trademark", "backgroundImageSrc", "brandImageSrc", "brandImageAlt", "hasNoContentContainer", "appendTo", "closeButtonAriaLabel", 'aria-label', "disableFocusTrap"]);
+    if (brandImageSrc && !brandImageAlt) {
+        // eslint-disable-next-line no-console
+        console.error('AboutModal:', 'brandImageAlt is required when a brandImageSrc is specified, and should not be an empty string.');
     }
-    componentDidMount() {
-        const container = document.createElement('div');
-        const target = this.getElement(this.props.appendTo);
-        this.setState({ container });
-        target.appendChild(container);
-        target.addEventListener('keydown', this.handleEscKeyClick, false);
-        if (this.props.isOpen) {
-            target.classList.add(react_styles_1.css(backdrop_1.default.backdropOpen));
-        }
-        else {
-            target.classList.remove(react_styles_1.css(backdrop_1.default.backdropOpen));
-        }
+    if (!productName && !ariaLabel) {
+        // eslint-disable-next-line no-console
+        console.error('AboutModal:', 'Either productName or ariaLabel is required for component to be accessible');
     }
-    componentDidUpdate() {
-        const target = this.getElement(this.props.appendTo);
-        if (this.props.isOpen) {
-            target.classList.add(react_styles_1.css(backdrop_1.default.backdropOpen));
-            this.toggleSiblingsFromScreenReaders(true);
-        }
-        else {
-            target.classList.remove(react_styles_1.css(backdrop_1.default.backdropOpen));
-            this.toggleSiblingsFromScreenReaders(false);
-        }
+    if (!isOpen) {
+        return null;
     }
-    componentWillUnmount() {
-        const target = this.getElement(this.props.appendTo);
-        if (this.state.container) {
-            target.removeChild(this.state.container);
-        }
-        target.removeEventListener('keydown', this.handleEscKeyClick, false);
-        target.classList.remove(react_styles_1.css(backdrop_1.default.backdropOpen));
-    }
-    render() {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const _a = this.props, { appendTo } = _a, props = tslib_1.__rest(_a, ["appendTo"]);
-        const { container } = this.state;
-        if (!helpers_1.canUseDOM || !container) {
-            return null;
-        }
-        return ReactDOM.createPortal(React.createElement(AboutModalContainer_1.AboutModalContainer, Object.assign({ aboutModalBoxHeaderId: this.ariaLabelledBy, aboutModalBoxContentId: this.ariaDescribedBy }, props)), container);
-    }
-}
-exports.AboutModal = AboutModal;
-AboutModal.displayName = 'AboutModal';
-AboutModal.currentId = 0;
-AboutModal.defaultProps = {
-    className: '',
-    isOpen: false,
-    onClose: () => undefined,
-    productName: '',
-    trademark: '',
-    backgroundImageSrc: '',
-    noAboutModalBoxContentContainer: false,
-    appendTo: null
+    return (React.createElement(GenerateId_1.GenerateId, { prefix: "pf-about-modal-title-" }, ariaLabelledBy => (React.createElement(Modal_1.Modal, Object.assign({ isOpen: isOpen, variant: Modal_1.ModalVariant.large }, (productName && { 'aria-labelledby': ariaLabelledBy }), { "aria-label": ariaLabel, onEscapePress: onClose, showClose: false, appendTo: appendTo, disableFocusTrap: disableFocusTrap, hasNoBodyWrapper: true }),
+        React.createElement(AboutModalBox_1.AboutModalBox, { className: (0, react_styles_1.css)(className) },
+            React.createElement(AboutModalBoxBrand_1.AboutModalBoxBrand, { src: brandImageSrc, alt: brandImageAlt }),
+            React.createElement(AboutModalBoxCloseButton_1.AboutModalBoxCloseButton, { "aria-label": closeButtonAriaLabel, onClose: onClose }),
+            productName && React.createElement(AboutModalBoxHeader_1.AboutModalBoxHeader, { id: ariaLabelledBy, productName: productName }),
+            React.createElement(AboutModalBoxContent_1.AboutModalBoxContent, Object.assign({ trademark: trademark, hasNoContentContainer: hasNoContentContainer }, props), children),
+            React.createElement(AboutModalBoxHero_1.AboutModalBoxHero, { backgroundImageSrc: backgroundImageSrc }))))));
 };
+exports.AboutModal = AboutModal;
+exports.AboutModal.displayName = 'AboutModal';
 //# sourceMappingURL=AboutModal.js.map