@patternfly/react-core 4.240.0 → 4.241.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/esm/next/components/Wizard/Wizard.d.ts +4 -2
- package/dist/esm/next/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/Wizard.js +9 -18
- package/dist/esm/next/components/Wizard/Wizard.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardBody.d.ts +1 -1
- package/dist/esm/next/components/Wizard/WizardBody.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardContext.d.ts +3 -3
- package/dist/esm/next/components/Wizard/WizardContext.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardContext.js +12 -2
- package/dist/esm/next/components/Wizard/WizardContext.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNav.d.ts +1 -1
- package/dist/esm/next/components/Wizard/WizardNav.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNav.js +2 -2
- package/dist/esm/next/components/Wizard/WizardNav.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNavItem.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNavItem.js +4 -1
- package/dist/esm/next/components/Wizard/WizardNavItem.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardStep.d.ts +3 -3
- package/dist/esm/next/components/Wizard/WizardStep.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardStep.js +1 -1
- package/dist/esm/next/components/Wizard/WizardStep.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardToggle.d.ts +17 -8
- package/dist/esm/next/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardToggle.js +29 -24
- package/dist/esm/next/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/esm/next/components/Wizard/hooks/useWizardFooter.d.ts +2 -1
- package/dist/esm/next/components/Wizard/hooks/useWizardFooter.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/hooks/useWizardFooter.js.map +1 -1
- package/dist/esm/next/components/Wizard/types.d.ts +7 -1
- package/dist/esm/next/components/Wizard/types.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/types.js.map +1 -1
- package/dist/esm/next/components/Wizard/utils.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/utils.js +16 -18
- package/dist/esm/next/components/Wizard/utils.js.map +1 -1
- package/dist/js/next/components/Wizard/Wizard.d.ts +4 -2
- package/dist/js/next/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/Wizard.js +6 -15
- package/dist/js/next/components/Wizard/Wizard.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardBody.d.ts +1 -1
- package/dist/js/next/components/Wizard/WizardBody.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardContext.d.ts +3 -3
- package/dist/js/next/components/Wizard/WizardContext.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardContext.js +12 -2
- package/dist/js/next/components/Wizard/WizardContext.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardNav.d.ts +1 -1
- package/dist/js/next/components/Wizard/WizardNav.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardNav.js +2 -2
- package/dist/js/next/components/Wizard/WizardNav.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardNavItem.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardNavItem.js +4 -1
- package/dist/js/next/components/Wizard/WizardNavItem.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardStep.d.ts +3 -3
- package/dist/js/next/components/Wizard/WizardStep.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardStep.js +1 -1
- package/dist/js/next/components/Wizard/WizardStep.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardToggle.d.ts +17 -8
- package/dist/js/next/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardToggle.js +32 -26
- package/dist/js/next/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/js/next/components/Wizard/hooks/useWizardFooter.d.ts +2 -1
- package/dist/js/next/components/Wizard/hooks/useWizardFooter.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/hooks/useWizardFooter.js.map +1 -1
- package/dist/js/next/components/Wizard/types.d.ts +7 -1
- package/dist/js/next/components/Wizard/types.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/types.js.map +1 -1
- package/dist/js/next/components/Wizard/utils.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/utils.js +16 -18
- package/dist/js/next/components/Wizard/utils.js.map +1 -1
- package/package.json +5 -5
- package/src/next/components/Wizard/Wizard.tsx +34 -47
- package/src/next/components/Wizard/WizardBody.tsx +1 -1
- package/src/next/components/Wizard/WizardContext.tsx +29 -5
- package/src/next/components/Wizard/WizardNav.tsx +3 -3
- package/src/next/components/Wizard/WizardNavItem.tsx +4 -1
- package/src/next/components/Wizard/WizardStep.tsx +4 -4
- package/src/next/components/Wizard/WizardToggle.tsx +74 -49
- package/src/next/components/Wizard/__tests__/Wizard.test.tsx +316 -298
- package/src/next/components/Wizard/__tests__/WizardBody.test.tsx +41 -0
- package/src/next/components/Wizard/__tests__/WizardFooter.test.tsx +93 -0
- package/src/next/components/Wizard/__tests__/WizardStep.test.tsx +33 -0
- package/src/next/components/Wizard/__tests__/WizardToggle.test.tsx +113 -0
- package/src/next/components/Wizard/__tests__/utils.test.tsx +66 -0
- package/src/next/components/Wizard/examples/Wizard.md +3 -5
- package/src/next/components/Wizard/examples/WizardCustomNav.tsx +2 -2
- package/src/next/components/Wizard/examples/WizardKitchenSink.tsx +3 -11
- package/src/next/components/Wizard/hooks/__tests__/useWizardFooter.test.tsx +51 -0
- package/src/next/components/Wizard/hooks/useWizardFooter.tsx +3 -1
- package/src/next/components/Wizard/types.tsx +7 -1
- package/src/next/components/Wizard/utils.ts +23 -21
|
@@ -1 +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,
|
|
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"}
|
|
@@ -2,7 +2,7 @@ import { __rest } from "tslib";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { WizardStep } from './WizardStep';
|
|
4
4
|
function hasWizardStepProps(props) {
|
|
5
|
-
return props.name !== undefined && props.id !== undefined
|
|
5
|
+
return props.name !== undefined && props.id !== undefined;
|
|
6
6
|
}
|
|
7
7
|
/**
|
|
8
8
|
* Accumulate list of step & sub-step props pulled from child components
|
|
@@ -10,23 +10,21 @@ function hasWizardStepProps(props) {
|
|
|
10
10
|
* @returns WizardControlStep[]
|
|
11
11
|
*/
|
|
12
12
|
export const buildSteps = (children) => React.Children.toArray(children).reduce((acc, child) => {
|
|
13
|
-
if (React.isValidElement(child)) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
throw new Error('Wizard only accepts children of type WizardStep');
|
|
29
|
-
}
|
|
13
|
+
if (React.isValidElement(child) && (child.type === WizardStep || hasWizardStepProps(child.props))) {
|
|
14
|
+
// Omit "children" and use the whole "child" (WizardStep) for the component prop. Sub-steps will do the same.
|
|
15
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
16
|
+
const _a = child.props, { steps: subSteps, id, children } = _a, stepProps = __rest(_a, ["steps", "id", "children"]);
|
|
17
|
+
acc.push(Object.assign(Object.assign({ id, component: child }, stepProps), (subSteps && {
|
|
18
|
+
subStepIds: subSteps === null || subSteps === void 0 ? void 0 : subSteps.map(subStep => {
|
|
19
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20
|
+
const _a = subStep.props, { children } = _a, subStepProps = __rest(_a, ["children"]);
|
|
21
|
+
acc.push(Object.assign(Object.assign({}, subStepProps), { component: subStep, parentId: id }));
|
|
22
|
+
return subStep.props.id;
|
|
23
|
+
})
|
|
24
|
+
})));
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
throw new Error('Wizard only accepts children of type WizardStep');
|
|
30
28
|
}
|
|
31
29
|
return acc;
|
|
32
30
|
}, []);
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -12,7 +12,7 @@ export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
12
12
|
header?: React.ReactNode;
|
|
13
13
|
/** Wizard footer */
|
|
14
14
|
footer?: DefaultWizardFooterProps | React.ReactElement;
|
|
15
|
-
/**
|
|
15
|
+
/** Wizard nav */
|
|
16
16
|
nav?: DefaultWizardNavProps | CustomWizardNavFunction;
|
|
17
17
|
/** The initial index the wizard is to start on (1 or higher). Defaults to 1. */
|
|
18
18
|
startIndex?: number;
|
|
@@ -22,6 +22,8 @@ export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
22
22
|
width?: number | string;
|
|
23
23
|
/** Custom height of the wizard */
|
|
24
24
|
height?: number | string;
|
|
25
|
+
/** Flag to unmount inactive steps instead of hiding. Defaults to true */
|
|
26
|
+
unmountInactiveSteps?: boolean;
|
|
25
27
|
/** Callback function when a step in the nav is clicked */
|
|
26
28
|
onNavByIndex?: WizardNavStepFunction;
|
|
27
29
|
/** Callback function after next button is clicked */
|
|
@@ -34,7 +36,7 @@ export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
34
36
|
onClose?: () => void;
|
|
35
37
|
}
|
|
36
38
|
export declare const Wizard: {
|
|
37
|
-
(
|
|
39
|
+
({ startIndex, children, footer, height, width, className, header, nav, unmountInactiveSteps, onNavByIndex, onNext, onBack, onSave, onClose, ...wrapperProps }: WizardProps): JSX.Element;
|
|
38
40
|
displayName: string;
|
|
39
41
|
};
|
|
40
42
|
//# sourceMappingURL=Wizard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,wBAAwB,EACxB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EAErB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C;;;GAGG;AAEH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACtF,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oBAAoB;IACpB,MAAM,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,CAAC;IACvD,iBAAiB;IACjB,GAAG,CAAC,EAAE,qBAAqB,GAAG,uBAAuB,CAAC;IACtD,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,yEAAyE;IACzE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,0DAA0D;IAC1D,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,qDAAqD;IACrD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qDAAqD;IACrD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,MAAM;oKAgBhB,WAAW;;CAmGb,CAAC"}
|
|
@@ -8,10 +8,9 @@ const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/c
|
|
|
8
8
|
const types_1 = require("./types");
|
|
9
9
|
const utils_1 = require("./utils");
|
|
10
10
|
const WizardContext_1 = require("./WizardContext");
|
|
11
|
-
const WizardFooter_1 = require("./WizardFooter");
|
|
12
11
|
const WizardToggle_1 = require("./WizardToggle");
|
|
13
|
-
const Wizard = (
|
|
14
|
-
|
|
12
|
+
const Wizard = (_a) => {
|
|
13
|
+
var { startIndex = 1, children, footer, height, width, className, header, nav, unmountInactiveSteps, onNavByIndex, onNext, onBack, onSave, onClose } = _a, wrapperProps = tslib_1.__rest(_a, ["startIndex", "children", "footer", "height", "width", "className", "header", "nav", "unmountInactiveSteps", "onNavByIndex", "onNext", "onBack", "onSave", "onClose"]);
|
|
15
14
|
const [currentStepIndex, setCurrentStepIndex] = react_1.default.useState(startIndex);
|
|
16
15
|
const steps = utils_1.buildSteps(children);
|
|
17
16
|
const goToStepByIndex = (index) => {
|
|
@@ -72,19 +71,11 @@ const Wizard = (props) => {
|
|
|
72
71
|
const stepIndex = steps.findIndex(step => step.name === name) + 1;
|
|
73
72
|
stepIndex > 0 && setCurrentStepIndex(stepIndex);
|
|
74
73
|
};
|
|
75
|
-
return (react_1.default.createElement(WizardContext_1.WizardContextProvider, { steps: steps, currentStepIndex: currentStepIndex, footer:
|
|
76
|
-
react_1.default.createElement(
|
|
74
|
+
return (react_1.default.createElement(WizardContext_1.WizardContextProvider, { steps: steps, currentStepIndex: currentStepIndex, footer: footer, onNext: goToNextStep, onBack: goToPrevStep, onClose: onClose, goToStepById: goToStepById, goToStepByName: goToStepByName, goToStepByIndex: goToStepByIndex },
|
|
75
|
+
react_1.default.createElement("div", Object.assign({ className: react_styles_1.css(wizard_1.default.wizard, className), style: Object.assign(Object.assign({}, (height ? { height } : {})), (width ? { width } : {})) }, wrapperProps),
|
|
76
|
+
header,
|
|
77
|
+
react_1.default.createElement(WizardToggle_1.WizardToggleInternal, { nav: nav, unmountInactiveSteps: unmountInactiveSteps }))));
|
|
77
78
|
};
|
|
78
79
|
exports.Wizard = Wizard;
|
|
79
|
-
// eslint-disable-next-line patternfly-react/no-anonymous-functions
|
|
80
|
-
const WizardInternal = (_a) => {
|
|
81
|
-
var _b;
|
|
82
|
-
var { height, width, className, header, footer, nav } = _a, divProps = tslib_1.__rest(_a, ["height", "width", "className", "header", "footer", "nav"]);
|
|
83
|
-
const { activeStep, steps, footer: customFooter, onNext, onBack, onClose, goToStepByIndex } = WizardContext_1.useWizardContext();
|
|
84
|
-
const wizardFooter = customFooter || (react_1.default.createElement(WizardFooter_1.WizardFooter, Object.assign({ activeStep: activeStep, onNext: onNext, onBack: onBack, onClose: onClose, disableBackButton: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === ((_b = steps[0]) === null || _b === void 0 ? void 0 : _b.id) }, footer)));
|
|
85
|
-
return (react_1.default.createElement("div", Object.assign({ className: react_styles_1.css(wizard_1.default.wizard, className), style: Object.assign(Object.assign({}, (height ? { height } : {})), (width ? { width } : {})) }, divProps),
|
|
86
|
-
header,
|
|
87
|
-
react_1.default.createElement(WizardToggle_1.WizardToggle, { steps: steps, activeStep: activeStep, footer: wizardFooter, nav: nav, goToStepByIndex: goToStepByIndex })));
|
|
88
|
-
};
|
|
89
80
|
exports.Wizard.displayName = 'Wizard';
|
|
90
81
|
//# sourceMappingURL=Wizard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/Wizard.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2DAA+C;AAC/C,2GAA2E;AAE3E,
|
|
1
|
+
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/Wizard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
* Used as a wrapper for WizardStep content, where the wrapping element is customizable.
|
|
4
4
|
*/
|
|
5
5
|
export interface WizardBodyProps {
|
|
6
|
-
children
|
|
6
|
+
children: React.ReactNode | React.ReactNode[];
|
|
7
7
|
/** Set to true to remove the default body padding */
|
|
8
8
|
hasNoBodyPadding?: boolean;
|
|
9
9
|
/** An aria-label to use for the wrapper element */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardBody.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,
|
|
1
|
+
{"version":3,"file":"WizardBody.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9C,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACpC;AAED,eAAO,MAAM,UAAU;0HAMpB,eAAe;;CAIjB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { WizardControlStep } from './types';
|
|
2
|
+
import { DefaultWizardFooterProps, WizardControlStep } from './types';
|
|
3
3
|
export interface WizardContextProps {
|
|
4
4
|
/** List of steps */
|
|
5
5
|
steps: WizardControlStep[];
|
|
@@ -20,7 +20,7 @@ export interface WizardContextProps {
|
|
|
20
20
|
/** Navigate to step by index */
|
|
21
21
|
goToStepByIndex: (index: number) => void;
|
|
22
22
|
/** Update the footer with any react element */
|
|
23
|
-
setFooter: (footer: React.ReactElement) => void;
|
|
23
|
+
setFooter: (footer: DefaultWizardFooterProps | React.ReactElement) => void;
|
|
24
24
|
}
|
|
25
25
|
export declare const WizardContext: React.Context<WizardContextProps>;
|
|
26
26
|
interface WizardContextRenderProps {
|
|
@@ -34,7 +34,7 @@ interface WizardContextRenderProps {
|
|
|
34
34
|
export interface WizardContextProviderProps {
|
|
35
35
|
steps: WizardControlStep[];
|
|
36
36
|
currentStepIndex: number;
|
|
37
|
-
footer: React.ReactElement;
|
|
37
|
+
footer: DefaultWizardFooterProps | React.ReactElement;
|
|
38
38
|
children: React.ReactElement | ((props: WizardContextRenderProps) => React.ReactElement);
|
|
39
39
|
onNext(): void;
|
|
40
40
|
onBack(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardContext.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardContext.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,wBAAwB,EAAwB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5F,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,kBAAkB;IAClB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,qBAAqB;IACrB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,gCAAgC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,oCAAoC;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uBAAuB;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,+BAA+B;IAC/B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,SAAS,EAAE,CAAC,MAAM,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;CAC5E;AAED,eAAO,MAAM,aAAa,mCAAgD,CAAC;AAE3E,UAAU,wBAAwB;IAChC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,MAAM,IAAI,IAAI,CAAC;IACf,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;IACzF,MAAM,IAAI,IAAI,CAAC;IACf,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;IAChB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC;AAGD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAoErF,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAAwC,CAAC"}
|
|
@@ -3,13 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useWizardContext = exports.WizardContextProvider = exports.WizardContext = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
|
+
const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Wizard/wizard"));
|
|
8
|
+
const types_1 = require("./types");
|
|
6
9
|
const utils_1 = require("./utils");
|
|
10
|
+
const WizardFooter_1 = require("./WizardFooter");
|
|
7
11
|
exports.WizardContext = react_1.default.createContext({});
|
|
8
12
|
// eslint-disable-next-line patternfly-react/no-anonymous-functions
|
|
9
13
|
const WizardContextProvider = ({ steps: initialSteps, footer: initialFooter, currentStepIndex, children, onNext, onBack, onClose, goToStepById, goToStepByName, goToStepByIndex }) => {
|
|
10
14
|
const [steps, setSteps] = react_1.default.useState(initialSteps);
|
|
11
15
|
const [footer, setFooter] = react_1.default.useState(initialFooter);
|
|
12
16
|
const activeStep = utils_1.getActiveStep(steps, currentStepIndex);
|
|
17
|
+
const wizardFooter = react_1.default.useMemo(() => {
|
|
18
|
+
var _a;
|
|
19
|
+
return types_1.isCustomWizardFooter(footer) ? (react_1.default.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardFooter) }, footer)) : (react_1.default.createElement(WizardFooter_1.WizardFooter, Object.assign({ activeStep: activeStep, onNext: onNext, onBack: onBack, onClose: onClose, disableBackButton: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === ((_a = steps[0]) === null || _a === void 0 ? void 0 : _a.id) }, footer)));
|
|
20
|
+
}, [activeStep, footer, onBack, onClose, onNext, steps]);
|
|
13
21
|
// When the active step changes and the newly active step isn't visited, set the visited flag to true.
|
|
14
22
|
react_1.default.useEffect(() => {
|
|
15
23
|
if (activeStep && !(activeStep === null || activeStep === void 0 ? void 0 : activeStep.visited)) {
|
|
@@ -24,7 +32,7 @@ const WizardContextProvider = ({ steps: initialSteps, footer: initialFooter, cur
|
|
|
24
32
|
return (react_1.default.createElement(exports.WizardContext.Provider, { value: {
|
|
25
33
|
steps,
|
|
26
34
|
activeStep,
|
|
27
|
-
footer,
|
|
35
|
+
footer: wizardFooter,
|
|
28
36
|
onNext,
|
|
29
37
|
onBack,
|
|
30
38
|
onClose,
|
|
@@ -32,7 +40,9 @@ const WizardContextProvider = ({ steps: initialSteps, footer: initialFooter, cur
|
|
|
32
40
|
goToStepByName,
|
|
33
41
|
goToStepByIndex,
|
|
34
42
|
setFooter
|
|
35
|
-
} }, typeof children === 'function'
|
|
43
|
+
} }, typeof children === 'function'
|
|
44
|
+
? children({ activeStep, steps, footer: wizardFooter, onNext, onBack, onClose })
|
|
45
|
+
: children));
|
|
36
46
|
};
|
|
37
47
|
exports.WizardContextProvider = WizardContextProvider;
|
|
38
48
|
const useWizardContext = () => react_1.default.useContext(exports.WizardContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardContext.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,mCAAwC;
|
|
1
|
+
{"version":3,"file":"WizardContext.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2DAA+C;AAC/C,2GAA2E;AAE3E,mCAA4F;AAC5F,mCAAwC;AACxC,iDAA8C;AAyBjC,QAAA,aAAa,GAAG,eAAK,CAAC,aAAa,CAAC,EAAwB,CAAC,CAAC;AAwB3E,mEAAmE;AAC5D,MAAM,qBAAqB,GAAwD,CAAC,EACzF,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,aAAa,EACrB,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,qBAAa,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,eAAK,CAAC,OAAO,CAChC,GAAG,EAAE;;QACH,OAAA,4BAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAC7B,uCAAK,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,YAAY,CAAC,IAAG,MAAM,CAAO,CACzD,CAAC,CAAC,CAAC,CACF,8BAAC,2BAAY,kBACX,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,OAAK,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,EAAE,CAAA,IAC9C,MAAM,EACV,CACH,CAAA;KAAA,EACH,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CACrD,CAAC;IAEF,sGAAsG;IACtG,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,UAAU,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAAA,EAAE;YACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,CACnB,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBACnB,IAAI,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,EAAE;oBAC7B,uCAAY,IAAI,KAAE,OAAO,EAAE,IAAI,IAAG;iBACnC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CACH,CAAC;SACH;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,8BAAC,qBAAa,CAAC,QAAQ,IACrB,KAAK,EAAE;YACL,KAAK;YACL,UAAU;YACV,MAAM,EAAE,YAAY;YACpB,MAAM;YACN,MAAM;YACN,OAAO;YACP,YAAY;YACZ,cAAc;YACd,eAAe;YACf,SAAS;SACV,IAEA,OAAO,QAAQ,KAAK,UAAU;QAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAChF,CAAC,CAAC,QAAQ,CACW,CAC1B,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,qBAAqB,yBAoEhC;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,eAAK,CAAC,UAAU,CAAC,qBAAa,CAAC,CAAC;AAAzD,QAAA,gBAAgB,oBAAyC"}
|
|
@@ -7,7 +7,7 @@ export interface WizardNavProps {
|
|
|
7
7
|
/** Sets the aria-labelledby attribute on the nav element */
|
|
8
8
|
'aria-labelledby'?: string;
|
|
9
9
|
/** Whether the nav is expanded */
|
|
10
|
-
|
|
10
|
+
isExpanded?: boolean;
|
|
11
11
|
/** True to return the inner list without the wrapping nav element */
|
|
12
12
|
returnList?: boolean;
|
|
13
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNav.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,
|
|
1
|
+
{"version":3,"file":"WizardNav.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAsB7D,CAAC"}
|
|
@@ -5,12 +5,12 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Wizard/wizard"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
-
const WizardNav = ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy,
|
|
8
|
+
const WizardNav = ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, isExpanded = false, returnList = false }) => {
|
|
9
9
|
const innerList = React.createElement("ol", { className: react_styles_1.css(wizard_1.default.wizardNavList) }, children);
|
|
10
10
|
if (returnList) {
|
|
11
11
|
return innerList;
|
|
12
12
|
}
|
|
13
|
-
return (React.createElement("nav", { className: react_styles_1.css(wizard_1.default.wizardNav,
|
|
13
|
+
return (React.createElement("nav", { className: react_styles_1.css(wizard_1.default.wizardNav, isExpanded && wizard_1.default.modifiers.expanded), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy },
|
|
14
14
|
React.createElement("ol", { className: react_styles_1.css(wizard_1.default.wizardNavList) }, children)));
|
|
15
15
|
};
|
|
16
16
|
exports.WizardNav = WizardNav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNav.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNav.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAexC,MAAM,SAAS,GAA4C,CAAC,EACjE,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,
|
|
1
|
+
{"version":3,"file":"WizardNav.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNav.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAexC,MAAM,SAAS,GAA4C,CAAC,EACjE,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EACH,EAAE,EAAE;IACnB,MAAM,SAAS,GAAG,4BAAI,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CAAC;IAE5E,IAAI,UAAU,EAAE;QACd,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,6BACE,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,SAAS,EAAE,UAAU,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAC7D,SAAS,qBACJ,cAAc;QAE/B,4BAAI,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CACrD,CACP,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,SAAS,aAsBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,kBAAkB;IACjC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAClC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,kBAAkB;IACjC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAClC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA4ErE,CAAC"}
|
|
@@ -25,7 +25,10 @@ const WizardNavItem = (_a) => {
|
|
|
25
25
|
href
|
|
26
26
|
};
|
|
27
27
|
return (React.createElement("li", { className: react_styles_1.css(wizard_1.default.wizardNavItem, isExpandable && wizard_1.default.modifiers.expandable, isExpandable && isExpanded && wizard_1.default.modifiers.expanded) },
|
|
28
|
-
React.createElement(NavItemComponent, Object.assign({}, rest, (navItemComponent === 'a' ? Object.assign({}, linkProps) : Object.assign({}, btnProps)), (id && { id: id.toString() }), { onClick:
|
|
28
|
+
React.createElement(NavItemComponent, Object.assign({}, rest, (navItemComponent === 'a' ? Object.assign({}, linkProps) : Object.assign({}, btnProps)), (id && { id: id.toString() }), { onClick: e => {
|
|
29
|
+
e.preventDefault();
|
|
30
|
+
isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onNavItemClick(step);
|
|
31
|
+
}, className: react_styles_1.css(wizard_1.default.wizardNavLink, isCurrent && wizard_1.default.modifiers.current, isDisabled && wizard_1.default.modifiers.disabled), "aria-disabled": isDisabled ? true : null, "aria-current": isCurrent && !children ? 'step' : false }, (isExpandable && { 'aria-expanded': isExpanded })), isExpandable ? (React.createElement(React.Fragment, null,
|
|
29
32
|
React.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardNavLinkText) }, content),
|
|
30
33
|
React.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardNavLinkToggle) },
|
|
31
34
|
React.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardNavLinkToggleIcon) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,2GAA2E;AAC3E,sHAAqF;AAyB9E,MAAM,aAAa,GAAgD,CAAC,EAYtD,EAAE,EAAE;QAZkD,EACzE,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,cAAc,GAAG,GAAG,EAAE,CAAC,SAAS,EAChC,gBAAgB,GAAG,QAAQ,EAC3B,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,KAAK,EACpB,EAAE,OAEiB,EADhB,IAAI,sBAXkE,8HAY1E,CADQ;IAEP,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;IAE1C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,gBAAgB,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QAC9E,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,6DAA6D,CAAC,CAAC;KAC9E;IAED,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,UAAU;KACrB,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QACrC,IAAI;KACL,CAAC;IAEF,OAAO,CACL,4BACE,SAAS,EAAE,kBAAG,CACZ,gBAAM,CAAC,aAAa,EACpB,YAAY,IAAI,gBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,YAAY,IAAI,UAAU,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,CACxD;QAED,oBAAC,gBAAgB,oBACX,IAAI,EACJ,CAAC,gBAAgB,KAAK,GAAG,CAAC,CAAC,mBAAM,SAAS,EAAG,CAAC,mBAAM,QAAQ,CAAE,CAAC,EAC/D,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IACjC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { WizardBasicStep } from './types';
|
|
3
3
|
import { WizardBodyProps } from './WizardBody';
|
|
4
4
|
/**
|
|
5
5
|
* Used as a passthrough of step properties for Wizard and all supporting child components.
|
|
6
6
|
* Also acts as a wrapper for content, with an optional inclusion of WizardBody.
|
|
7
7
|
*/
|
|
8
|
-
export interface WizardStepProps extends Omit<
|
|
8
|
+
export interface WizardStepProps extends Omit<WizardBasicStep, 'visited'> {
|
|
9
9
|
/** Optional for when the step is used as a parent to sub-steps */
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
/** Props for WizardBody that wraps content by default. Can be set to null for exclusion of WizardBody. */
|
|
12
|
-
body?: WizardBodyProps | null;
|
|
12
|
+
body?: Omit<WizardBodyProps, 'children'> | null;
|
|
13
13
|
/** Optional list of sub-steps */
|
|
14
14
|
steps?: React.ReactElement<WizardStepProps>[];
|
|
15
15
|
}
|
|
@@ -1 +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,
|
|
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,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D;;;GAGG;AAEH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IACvE,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0GAA0G;IAC1G,IAAI,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAChD,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;CAC/C;AAED,eAAO,MAAM,UAAU;yBAAwB,eAAe;;CACgC,CAAC"}
|
|
@@ -4,7 +4,7 @@ exports.WizardStep = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const WizardBody_1 = require("./WizardBody");
|
|
7
|
-
const WizardStep = ({ body, children }) => body === undefined ? react_1.default.createElement(WizardBody_1.WizardBody, Object.assign({}, body), children) : react_1.default.createElement(react_1.default.Fragment, null, children);
|
|
7
|
+
const WizardStep = ({ body, children }) => body || body === undefined ? react_1.default.createElement(WizardBody_1.WizardBody, Object.assign({}, body), children) : react_1.default.createElement(react_1.default.Fragment, null, children);
|
|
8
8
|
exports.WizardStep = WizardStep;
|
|
9
9
|
exports.WizardStep.displayName = 'WizardStep';
|
|
10
10
|
//# sourceMappingURL=WizardStep.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAG1B,6CAA2D;AAgBpD,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAChE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAC,uBAAU,oBAAK,IAAI,GAAG,QAAQ,CAAc,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAG1B,6CAA2D;AAgBpD,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAChE,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAC,uBAAU,oBAAK,IAAI,GAAG,QAAQ,CAAc,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAC;AADlF,QAAA,UAAU,cACwE;AAE/F,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { WizardNavProps } from '../Wizard';
|
|
3
|
+
import { WizardControlStep, DefaultWizardNavProps, CustomWizardNavFunction } from './types';
|
|
3
4
|
/**
|
|
4
5
|
* Used to toggle between step content, including the body and footer. This is also where the nav and its expandability is controlled.
|
|
5
6
|
*/
|
|
@@ -8,19 +9,27 @@ export interface WizardToggleProps {
|
|
|
8
9
|
steps: WizardControlStep[];
|
|
9
10
|
/** The currently active WizardStep */
|
|
10
11
|
activeStep: WizardControlStep;
|
|
11
|
-
/**
|
|
12
|
+
/** Wizard footer */
|
|
12
13
|
footer: React.ReactElement;
|
|
13
|
-
/**
|
|
14
|
-
nav:
|
|
15
|
-
/**
|
|
16
|
-
goToStepByIndex: (index: number) => void;
|
|
17
|
-
/** The button's aria-label */
|
|
14
|
+
/** Wizard nav */
|
|
15
|
+
nav: React.ReactElement<WizardNavProps>;
|
|
16
|
+
/** The expandable dropdown button's aria-label */
|
|
18
17
|
'aria-label'?: string;
|
|
19
18
|
/** Flag to unmount inactive steps instead of hiding. Defaults to true */
|
|
20
19
|
unmountInactiveSteps?: boolean;
|
|
20
|
+
/** Flag to determine whether the dropdown nav is expanded */
|
|
21
|
+
isNavExpanded?: boolean;
|
|
22
|
+
/** Callback to expand or collapse the dropdown nav */
|
|
23
|
+
toggleNavExpanded?: () => void;
|
|
21
24
|
}
|
|
22
25
|
export declare const WizardToggle: {
|
|
23
|
-
({ steps, activeStep, footer, nav,
|
|
26
|
+
({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, unmountInactiveSteps, "aria-label": ariaLabel }: WizardToggleProps): JSX.Element;
|
|
24
27
|
displayName: string;
|
|
25
28
|
};
|
|
29
|
+
interface WizardToggleInternalProps extends Pick<WizardToggleProps, 'unmountInactiveSteps'> {
|
|
30
|
+
/** Custom WizardNav or callback used to create a default WizardNav */
|
|
31
|
+
nav?: DefaultWizardNavProps | CustomWizardNavFunction;
|
|
32
|
+
}
|
|
33
|
+
export declare const WizardToggleInternal: ({ nav, unmountInactiveSteps }: WizardToggleInternalProps) => JSX.Element;
|
|
34
|
+
export {};
|
|
26
35
|
//# sourceMappingURL=WizardToggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardToggle.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WizardToggle = void 0;
|
|
3
|
+
exports.WizardToggleInternal = exports.WizardToggle = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
@@ -10,14 +10,14 @@ const caret_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-ico
|
|
|
10
10
|
const constants_1 = require("../../../helpers/constants");
|
|
11
11
|
const Wizard_1 = require("../Wizard");
|
|
12
12
|
const types_1 = require("./types");
|
|
13
|
-
const
|
|
14
|
-
|
|
13
|
+
const WizardContext_1 = require("./WizardContext");
|
|
14
|
+
const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, unmountInactiveSteps = true, 'aria-label': ariaLabel = 'Wizard toggle' }) => {
|
|
15
15
|
const isActiveSubStep = types_1.isWizardSubStep(activeStep);
|
|
16
16
|
const handleKeyClicks = react_1.default.useCallback((event) => {
|
|
17
|
-
if (
|
|
18
|
-
|
|
17
|
+
if (isNavExpanded && event.key === constants_1.KeyTypes.Escape) {
|
|
18
|
+
toggleNavExpanded();
|
|
19
19
|
}
|
|
20
|
-
}, [
|
|
20
|
+
}, [isNavExpanded, toggleNavExpanded]);
|
|
21
21
|
// Open/close collapsable nav on keydown event
|
|
22
22
|
react_1.default.useEffect(() => {
|
|
23
23
|
const target = typeof document !== 'undefined' ? document.body : null;
|
|
@@ -35,12 +35,31 @@ const WizardToggle = ({ steps, activeStep, footer, nav, goToStepByIndex, unmount
|
|
|
35
35
|
}
|
|
36
36
|
return (react_1.default.createElement("div", { key: step.id, style: { display: 'none' } }, step.component));
|
|
37
37
|
});
|
|
38
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
39
|
+
react_1.default.createElement("button", { onClick: toggleNavExpanded, className: react_styles_1.css(wizard_1.default.wizardToggle, isNavExpanded && 'pf-m-expanded'), "aria-label": ariaLabel, "aria-expanded": isNavExpanded },
|
|
40
|
+
react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleList) },
|
|
41
|
+
react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 :
|
|
42
|
+
activeStep.name,
|
|
43
|
+
isActiveSubStep && react_1.default.createElement(angle_right_icon_1.default, { className: react_styles_1.css(wizard_1.default.wizardToggleSeparator), "aria-hidden": "true" })),
|
|
44
|
+
isActiveSubStep && react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 : activeStep.name)),
|
|
45
|
+
react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleIcon) },
|
|
46
|
+
react_1.default.createElement(caret_down_icon_1.default, { "aria-hidden": "true" }))),
|
|
47
|
+
react_1.default.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardOuterWrap) },
|
|
48
|
+
react_1.default.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardInnerWrap) },
|
|
49
|
+
nav,
|
|
50
|
+
bodyContent),
|
|
51
|
+
footer)));
|
|
52
|
+
};
|
|
53
|
+
exports.WizardToggle = WizardToggle;
|
|
54
|
+
const WizardToggleInternal = ({ nav, unmountInactiveSteps }) => {
|
|
55
|
+
const [isNavExpanded, setIsNavExpanded] = react_1.default.useState(false);
|
|
56
|
+
const { activeStep, steps, footer, goToStepByIndex } = WizardContext_1.useWizardContext();
|
|
38
57
|
const wizardNav = react_1.default.useMemo(() => {
|
|
39
58
|
if (types_1.isCustomWizardNav(nav)) {
|
|
40
|
-
return nav(
|
|
59
|
+
return nav(isNavExpanded, steps, activeStep, goToStepByIndex);
|
|
41
60
|
}
|
|
42
|
-
const
|
|
43
|
-
return (react_1.default.createElement(Wizard_1.WizardNav, Object.assign({},
|
|
61
|
+
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 }));
|
|
62
|
+
return (react_1.default.createElement(Wizard_1.WizardNav, Object.assign({}, navProps), steps.map((step, index) => {
|
|
44
63
|
var _a;
|
|
45
64
|
const stepIndex = index + 1;
|
|
46
65
|
const stepNavItem = step.navItem && react_1.default.createElement(react_1.default.Fragment, { key: step.id }, step.navItem);
|
|
@@ -60,28 +79,15 @@ const WizardToggle = ({ steps, activeStep, footer, nav, goToStepByIndex, unmount
|
|
|
60
79
|
});
|
|
61
80
|
const hasEnabledChildren = react_1.default.Children.toArray(subNavItems).some(child => react_1.default.isValidElement(child) && !child.props.isDisabled);
|
|
62
81
|
return (stepNavItem || (react_1.default.createElement(Wizard_1.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 },
|
|
63
|
-
react_1.default.createElement(Wizard_1.WizardNav, Object.assign({},
|
|
82
|
+
react_1.default.createElement(Wizard_1.WizardNav, Object.assign({}, navProps, { returnList: true }), subNavItems))));
|
|
64
83
|
}
|
|
65
84
|
if (types_1.isWizardBasicStep(step)) {
|
|
66
85
|
return (stepNavItem || (react_1.default.createElement(Wizard_1.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 })));
|
|
67
86
|
}
|
|
68
87
|
})));
|
|
69
|
-
}, [activeStep
|
|
70
|
-
return (react_1.default.createElement(
|
|
71
|
-
react_1.default.createElement("button", { onClick: () => setIsNavOpen(prevIsOpen => !prevIsOpen), className: react_styles_1.css(wizard_1.default.wizardToggle, isNavOpen && 'pf-m-expanded'), "aria-label": ariaLabel, "aria-expanded": isNavOpen },
|
|
72
|
-
react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleList) },
|
|
73
|
-
react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 :
|
|
74
|
-
activeStep.name,
|
|
75
|
-
isActiveSubStep && react_1.default.createElement(angle_right_icon_1.default, { className: react_styles_1.css(wizard_1.default.wizardToggleSeparator), "aria-hidden": "true" })),
|
|
76
|
-
isActiveSubStep && react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 : activeStep.name)),
|
|
77
|
-
react_1.default.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardToggleIcon) },
|
|
78
|
-
react_1.default.createElement(caret_down_icon_1.default, { "aria-hidden": "true" }))),
|
|
79
|
-
react_1.default.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardOuterWrap) },
|
|
80
|
-
react_1.default.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardInnerWrap) },
|
|
81
|
-
wizardNav,
|
|
82
|
-
bodyContent),
|
|
83
|
-
footer)));
|
|
88
|
+
}, [activeStep, goToStepByIndex, isNavExpanded, nav, steps]);
|
|
89
|
+
return (react_1.default.createElement(exports.WizardToggle, { nav: wizardNav, footer: footer, steps: steps, activeStep: activeStep, isNavExpanded: isNavExpanded, toggleNavExpanded: () => setIsNavExpanded(prevIsExpanded => !prevIsExpanded), unmountInactiveSteps: unmountInactiveSteps }));
|
|
84
90
|
};
|
|
85
|
-
exports.
|
|
91
|
+
exports.WizardToggleInternal = WizardToggleInternal;
|
|
86
92
|
exports.WizardToggle.displayName = 'WizardToggle';
|
|
87
93
|
//# sourceMappingURL=WizardToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardToggle.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2DAA+C;AAC/C,2GAA2E;AAC3E,sHAAqF;AACrF,oHAAmF;AAEnF,0DAAsD;AACtD,
|
|
1
|
+
{"version":3,"file":"WizardToggle.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { DefaultWizardFooterProps } from '../types';
|
|
2
3
|
/**
|
|
3
4
|
* Set a unique footer for the wizard. stepId is only required if inactive steps are hidden instead of unmounted.
|
|
4
5
|
* @param footer
|
|
5
6
|
* @param stepId
|
|
6
7
|
*/
|
|
7
|
-
export declare const useWizardFooter: (footer: React.ReactElement, stepId?: string | number) => void;
|
|
8
|
+
export declare const useWizardFooter: (footer: DefaultWizardFooterProps | React.ReactElement, stepId?: string | number) => void;
|
|
8
9
|
//# sourceMappingURL=useWizardFooter.d.ts.map
|