@patternfly/react-core 4.255.1 → 4.255.2
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 +8 -0
- package/dist/esm/next/components/Wizard/Wizard.d.ts +1 -3
- package/dist/esm/next/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/Wizard.js +36 -45
- package/dist/esm/next/components/Wizard/Wizard.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardBody.d.ts +2 -2
- package/dist/esm/next/components/Wizard/WizardBody.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardBody.js +2 -2
- package/dist/esm/next/components/Wizard/WizardBody.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardContext.d.ts +2 -7
- package/dist/esm/next/components/Wizard/WizardContext.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardContext.js +18 -39
- package/dist/esm/next/components/Wizard/WizardContext.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardFooter.d.ts +3 -3
- package/dist/esm/next/components/Wizard/WizardFooter.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardFooter.js +3 -3
- package/dist/esm/next/components/Wizard/WizardFooter.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNavInternal.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNavInternal.js +12 -12
- package/dist/esm/next/components/Wizard/WizardNavInternal.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardStep.d.ts +1 -3
- package/dist/esm/next/components/Wizard/WizardStep.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardStep.js +10 -18
- package/dist/esm/next/components/Wizard/WizardStep.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardToggle.d.ts +2 -4
- package/dist/esm/next/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardToggle.js +19 -16
- package/dist/esm/next/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/esm/next/components/Wizard/hooks/useWizardFooter.js +3 -3
- package/dist/esm/next/components/Wizard/hooks/useWizardFooter.js.map +1 -1
- package/dist/esm/next/components/Wizard/types.d.ts +5 -3
- 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 +3 -3
- package/dist/esm/next/components/Wizard/utils.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/utils.js +14 -11
- package/dist/esm/next/components/Wizard/utils.js.map +1 -1
- package/dist/js/next/components/Wizard/Wizard.d.ts +1 -3
- package/dist/js/next/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/Wizard.js +36 -45
- package/dist/js/next/components/Wizard/Wizard.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardBody.d.ts +2 -2
- package/dist/js/next/components/Wizard/WizardBody.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardBody.js +2 -2
- package/dist/js/next/components/Wizard/WizardBody.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardContext.d.ts +2 -7
- package/dist/js/next/components/Wizard/WizardContext.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardContext.js +15 -37
- package/dist/js/next/components/Wizard/WizardContext.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardFooter.d.ts +3 -3
- package/dist/js/next/components/Wizard/WizardFooter.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardFooter.js +3 -3
- package/dist/js/next/components/Wizard/WizardFooter.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardNavInternal.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardNavInternal.js +12 -12
- package/dist/js/next/components/Wizard/WizardNavInternal.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardStep.d.ts +1 -3
- package/dist/js/next/components/Wizard/WizardStep.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardStep.js +9 -18
- package/dist/js/next/components/Wizard/WizardStep.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardToggle.d.ts +2 -4
- package/dist/js/next/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardToggle.js +18 -16
- package/dist/js/next/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/js/next/components/Wizard/hooks/useWizardFooter.js +3 -3
- package/dist/js/next/components/Wizard/hooks/useWizardFooter.js.map +1 -1
- package/dist/js/next/components/Wizard/types.d.ts +5 -3
- 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 +3 -3
- package/dist/js/next/components/Wizard/utils.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/utils.js +16 -13
- package/dist/js/next/components/Wizard/utils.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Wizard/examples/Wizard.md +11 -7
- package/src/next/components/Wizard/Wizard.tsx +35 -54
- package/src/next/components/Wizard/WizardBody.tsx +3 -3
- package/src/next/components/Wizard/WizardContext.tsx +29 -61
- package/src/next/components/Wizard/WizardFooter.tsx +6 -6
- package/src/next/components/Wizard/WizardNavInternal.tsx +18 -17
- package/src/next/components/Wizard/WizardStep.tsx +19 -30
- package/src/next/components/Wizard/WizardToggle.tsx +22 -24
- package/src/next/components/Wizard/__tests__/Wizard.test.tsx +1 -21
- package/src/next/components/Wizard/__tests__/WizardBody.test.tsx +2 -2
- package/src/next/components/Wizard/__tests__/WizardFooter.test.tsx +5 -5
- package/src/next/components/Wizard/__tests__/WizardStep.test.tsx +22 -76
- package/src/next/components/Wizard/__tests__/WizardToggle.test.tsx +7 -11
- package/src/next/components/Wizard/__tests__/utils.test.tsx +3 -3
- package/src/next/components/Wizard/examples/Wizard.md +4 -4
- package/src/next/components/Wizard/examples/WizardCustomNav.tsx +4 -4
- package/src/next/components/Wizard/examples/WizardKitchenSink.tsx +74 -85
- package/src/next/components/Wizard/hooks/__tests__/useWizardFooter.test.tsx +4 -4
- package/src/next/components/Wizard/hooks/useWizardFooter.tsx +3 -3
- package/src/next/components/Wizard/types.tsx +5 -3
- package/src/next/components/Wizard/utils.ts +35 -25
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.255.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.255.1...@patternfly/react-core@4.255.2) (2022-10-24)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [4.255.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.255.0...@patternfly/react-core@4.255.1) (2022-10-22)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -24,8 +24,6 @@ export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
24
24
|
height?: number | string;
|
|
25
25
|
/** Disables navigation items that haven't been visited. Defaults to false */
|
|
26
26
|
isStepVisitRequired?: boolean;
|
|
27
|
-
/** Flag to unmount inactive steps instead of hiding. Defaults to true */
|
|
28
|
-
hasUnmountedSteps?: boolean;
|
|
29
27
|
/** Callback function when a step in the navigation is clicked */
|
|
30
28
|
onNavByIndex?: WizardNavStepFunction;
|
|
31
29
|
/** Callback function after next button is clicked */
|
|
@@ -38,7 +36,7 @@ export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
38
36
|
onClose?: () => void;
|
|
39
37
|
}
|
|
40
38
|
export declare const Wizard: {
|
|
41
|
-
({ children, footer, height, width, className, header, nav, startIndex, isStepVisitRequired,
|
|
39
|
+
({ children, footer, height, width, className, header, nav, startIndex, isStepVisitRequired, onNavByIndex, onNext, onBack, onSave, onClose, ...wrapperProps }: WizardProps): JSX.Element;
|
|
42
40
|
displayName: string;
|
|
43
41
|
};
|
|
44
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;AAM1B,OAAO,EAEL,qBAAqB,EAGrB,gBAAgB,EAChB,aAAa,EACd,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C;;;GAGG;AAEH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACtF,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oBAAoB;IACpB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,wBAAwB;IACxB,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,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,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,
|
|
1
|
+
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAEL,qBAAqB,EAGrB,gBAAgB,EAChB,aAAa,EACd,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C;;;GAGG;AAEH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACtF,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oBAAoB;IACpB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,wBAAwB;IACxB,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,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,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iEAAiE;IACjE,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;mKAgBhB,WAAW;;CAgGb,CAAC"}
|
|
@@ -9,29 +9,28 @@ import { useWizardContext, WizardContextProvider } from './WizardContext';
|
|
|
9
9
|
import { WizardToggle } from './WizardToggle';
|
|
10
10
|
import { WizardNavInternal } from './WizardNavInternal';
|
|
11
11
|
export const Wizard = (_a) => {
|
|
12
|
-
var { children, footer, height, width, className, header, nav, startIndex = 1, isStepVisitRequired = false,
|
|
13
|
-
const [
|
|
12
|
+
var { children, footer, height, width, className, header, nav, startIndex = 1, isStepVisitRequired = false, onNavByIndex, onNext, onBack, onSave, onClose } = _a, wrapperProps = __rest(_a, ["children", "footer", "height", "width", "className", "header", "nav", "startIndex", "isStepVisitRequired", "onNavByIndex", "onNext", "onBack", "onSave", "onClose"]);
|
|
13
|
+
const [activeStepIndex, setActiveStepIndex] = React.useState(startIndex);
|
|
14
14
|
const initialSteps = buildSteps(children);
|
|
15
15
|
const goToNextStep = (steps = initialSteps) => {
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
var _a;
|
|
17
|
+
const newStepIndex = (_a = steps.find(step => step.index > activeStepIndex && !step.isHidden && !isWizardParentStep(step))) === null || _a === void 0 ? void 0 : _a.index;
|
|
18
|
+
if (activeStepIndex >= steps.length || !newStepIndex) {
|
|
18
19
|
return onSave ? onSave() : onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
19
20
|
}
|
|
20
|
-
const currStep = isWizardParentStep(steps[
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
setCurrentStepIndex(newStepIndex);
|
|
25
|
-
return onNext === null || onNext === void 0 ? void 0 : onNext(normalizeNavStep(currStep, steps), normalizeNavStep(prevStep, steps));
|
|
21
|
+
const currStep = isWizardParentStep(steps[activeStepIndex]) ? steps[activeStepIndex + 1] : steps[activeStepIndex];
|
|
22
|
+
const prevStep = steps[activeStepIndex - 1];
|
|
23
|
+
setActiveStepIndex(newStepIndex);
|
|
24
|
+
return onNext === null || onNext === void 0 ? void 0 : onNext(normalizeNavStep(currStep), normalizeNavStep(prevStep));
|
|
26
25
|
};
|
|
27
26
|
const goToPrevStep = (steps = initialSteps) => {
|
|
28
|
-
const newStepIndex = findLastIndex(steps, (step
|
|
29
|
-
const currStep = isWizardParentStep(steps[
|
|
30
|
-
? steps[
|
|
31
|
-
: steps[
|
|
32
|
-
const prevStep = steps[
|
|
33
|
-
|
|
34
|
-
return onBack === null || onBack === void 0 ? void 0 : onBack(normalizeNavStep(currStep
|
|
27
|
+
const newStepIndex = findLastIndex(steps, (step) => step.index < activeStepIndex && !step.isHidden && !isWizardParentStep(step)) + 1;
|
|
28
|
+
const currStep = isWizardParentStep(steps[activeStepIndex - 2])
|
|
29
|
+
? steps[activeStepIndex - 3]
|
|
30
|
+
: steps[activeStepIndex - 2];
|
|
31
|
+
const prevStep = steps[activeStepIndex - 1];
|
|
32
|
+
setActiveStepIndex(newStepIndex);
|
|
33
|
+
return onBack === null || onBack === void 0 ? void 0 : onBack(normalizeNavStep(currStep), normalizeNavStep(prevStep));
|
|
35
34
|
};
|
|
36
35
|
const goToStepByIndex = (steps = initialSteps, index) => {
|
|
37
36
|
const lastStepIndex = steps.length + 1;
|
|
@@ -42,50 +41,42 @@ export const Wizard = (_a) => {
|
|
|
42
41
|
else if (index > lastStepIndex) {
|
|
43
42
|
index = lastStepIndex;
|
|
44
43
|
}
|
|
45
|
-
else if (steps[index - 1].isHidden) {
|
|
46
|
-
// eslint-disable-next-line no-console
|
|
47
|
-
console.error('Wizard: Unable to navigate to hidden step.');
|
|
48
|
-
}
|
|
49
44
|
const currStep = steps[index - 1];
|
|
50
|
-
const prevStep = steps[
|
|
51
|
-
|
|
52
|
-
return onNavByIndex === null || onNavByIndex === void 0 ? void 0 : onNavByIndex(normalizeNavStep(currStep
|
|
45
|
+
const prevStep = steps[activeStepIndex - 1];
|
|
46
|
+
setActiveStepIndex(index);
|
|
47
|
+
return onNavByIndex === null || onNavByIndex === void 0 ? void 0 : onNavByIndex(normalizeNavStep(currStep), normalizeNavStep(prevStep));
|
|
53
48
|
};
|
|
54
49
|
const goToStepById = (steps = initialSteps, id) => {
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
// eslint-disable-next-line no-console
|
|
61
|
-
console.error(`Wizard: Unable to navigate to step with id: ${id}.`);
|
|
50
|
+
const step = steps.find(step => step.id === id);
|
|
51
|
+
const stepIndex = step === null || step === void 0 ? void 0 : step.index;
|
|
52
|
+
const lastStepIndex = steps.length + 1;
|
|
53
|
+
if (stepIndex > 0 && stepIndex < lastStepIndex && !step.isHidden) {
|
|
54
|
+
setActiveStepIndex(stepIndex);
|
|
62
55
|
}
|
|
63
56
|
};
|
|
64
57
|
const goToStepByName = (steps = initialSteps, name) => {
|
|
65
|
-
const
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
// eslint-disable-next-line no-console
|
|
71
|
-
console.error(`Wizard: Unable to navigate to step with name: ${name}.`);
|
|
58
|
+
const step = steps.find(step => step.name === name);
|
|
59
|
+
const stepIndex = step === null || step === void 0 ? void 0 : step.index;
|
|
60
|
+
const lastStepIndex = steps.length + 1;
|
|
61
|
+
if (stepIndex > 0 && stepIndex < lastStepIndex && !step.isHidden) {
|
|
62
|
+
setActiveStepIndex(stepIndex);
|
|
72
63
|
}
|
|
73
64
|
};
|
|
74
|
-
return (React.createElement(WizardContextProvider, { steps: initialSteps,
|
|
65
|
+
return (React.createElement(WizardContextProvider, { steps: initialSteps, activeStepIndex: activeStepIndex, footer: footer, onNext: goToNextStep, onBack: goToPrevStep, onClose: onClose, goToStepById: goToStepById, goToStepByName: goToStepByName, goToStepByIndex: goToStepByIndex },
|
|
75
66
|
React.createElement("div", Object.assign({ className: css(styles.wizard, className), style: Object.assign(Object.assign({}, (height ? { height } : {})), (width ? { width } : {})) }, wrapperProps),
|
|
76
67
|
header,
|
|
77
|
-
React.createElement(WizardInternal, { nav: nav,
|
|
68
|
+
React.createElement(WizardInternal, { nav: nav, isStepVisitRequired: isStepVisitRequired }))));
|
|
78
69
|
};
|
|
79
|
-
const WizardInternal = ({ nav,
|
|
80
|
-
const {
|
|
70
|
+
const WizardInternal = ({ nav, isStepVisitRequired }) => {
|
|
71
|
+
const { activeStep, steps, footer, goToStepByIndex } = useWizardContext();
|
|
81
72
|
const [isNavExpanded, setIsNavExpanded] = React.useState(false);
|
|
82
73
|
const wizardNav = React.useMemo(() => {
|
|
83
74
|
if (isCustomWizardNav(nav)) {
|
|
84
|
-
return typeof nav === 'function' ? nav(isNavExpanded, steps,
|
|
75
|
+
return typeof nav === 'function' ? nav(isNavExpanded, steps, activeStep, goToStepByIndex) : nav;
|
|
85
76
|
}
|
|
86
77
|
return React.createElement(WizardNavInternal, { nav: nav, isNavExpanded: isNavExpanded, isStepVisitRequired: isStepVisitRequired });
|
|
87
|
-
}, [
|
|
88
|
-
return (React.createElement(WizardToggle, { nav: wizardNav, footer: footer, steps: steps,
|
|
78
|
+
}, [activeStep, isStepVisitRequired, goToStepByIndex, isNavExpanded, nav, steps]);
|
|
79
|
+
return (React.createElement(WizardToggle, { nav: wizardNav, footer: footer, steps: steps, activeStep: activeStep, isNavExpanded: isNavExpanded, toggleNavExpanded: () => setIsNavExpanded(prevIsExpanded => !prevIsExpanded) }));
|
|
89
80
|
};
|
|
90
81
|
Wizard.displayName = 'Wizard';
|
|
91
82
|
//# sourceMappingURL=Wizard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/Wizard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAE3E,OAAO,EACL,kBAAkB,EAGlB,iBAAiB,EAGlB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/Wizard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import React from 'react';
|
|
|
5
5
|
export interface WizardBodyProps {
|
|
6
6
|
children: React.ReactNode | React.ReactNode[];
|
|
7
7
|
/** Set to true to remove the default body padding */
|
|
8
|
-
|
|
8
|
+
hasNoPadding?: boolean;
|
|
9
9
|
/** An aria-label to use for the wrapper element */
|
|
10
10
|
'aria-label'?: string;
|
|
11
11
|
/** Sets the aria-labelledby attribute for the wrapper element */
|
|
@@ -14,7 +14,7 @@ export interface WizardBodyProps {
|
|
|
14
14
|
component?: React.ElementType;
|
|
15
15
|
}
|
|
16
16
|
export declare const WizardBody: {
|
|
17
|
-
({ children,
|
|
17
|
+
({ children, hasNoPadding, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, component: WrapperComponent }: WizardBodyProps): JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
//# sourceMappingURL=WizardBody.d.ts.map
|
|
@@ -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,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9C,qDAAqD;IACrD,
|
|
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,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU;0HAMpB,eAAe;;CAIjB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
|
-
export const WizardBody = ({ children,
|
|
5
|
-
React.createElement("div", { className: css(styles.wizardMainBody,
|
|
4
|
+
export const WizardBody = ({ children, hasNoPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, component: WrapperComponent = 'div' }) => (React.createElement(WrapperComponent, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: css(styles.wizardMain) },
|
|
5
|
+
React.createElement("div", { className: css(styles.wizardMainBody, hasNoPadding && styles.modifiers.noPadding) }, children)));
|
|
6
6
|
WizardBody.displayName = 'WizardBody';
|
|
7
7
|
//# sourceMappingURL=WizardBody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAkB/C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAkB/C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAS,EAAE,gBAAgB,GAAG,KAAK,EACnB,EAAE,EAAE,CAAC,CACrB,oBAAC,gBAAgB,kBAAa,SAAS,qBAAmB,cAAc,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC;IACzG,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAO,CACvF,CACpB,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -5,9 +5,7 @@ export interface WizardContextProps {
|
|
|
5
5
|
/** List of steps */
|
|
6
6
|
steps: WizardControlStep[];
|
|
7
7
|
/** Current step */
|
|
8
|
-
|
|
9
|
-
/** Current step index */
|
|
10
|
-
currentStepIndex: number;
|
|
8
|
+
activeStep: WizardControlStep;
|
|
11
9
|
/** Footer element */
|
|
12
10
|
footer: React.ReactElement;
|
|
13
11
|
/** Navigate to the next step */
|
|
@@ -28,15 +26,12 @@ export interface WizardContextProps {
|
|
|
28
26
|
getStep: (stepId: number | string) => WizardControlStep;
|
|
29
27
|
/** Set step by ID */
|
|
30
28
|
setStep: (step: Pick<WizardControlStep, 'id'> & Partial<WizardControlStep>) => void;
|
|
31
|
-
/** Toggle step visibility by ID */
|
|
32
|
-
toggleStep: (stepId: number | string, isHidden: boolean) => void;
|
|
33
29
|
}
|
|
34
30
|
export declare const WizardContext: React.Context<WizardContextProps>;
|
|
35
31
|
export interface WizardContextProviderProps {
|
|
36
32
|
steps: WizardControlStep[];
|
|
37
|
-
|
|
33
|
+
activeStepIndex: number;
|
|
38
34
|
footer: WizardFooterType;
|
|
39
|
-
isStepVisitRequired: boolean;
|
|
40
35
|
children: React.ReactElement;
|
|
41
36
|
onNext(steps: WizardControlStep[]): void;
|
|
42
37
|
onBack(steps: WizardControlStep[]): 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;AAE1B,OAAO,
|
|
1
|
+
{"version":3,"file":"WizardContext.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAwB,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEpF,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,mBAAmB;IACnB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,qBAAqB;IACrB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,gCAAgC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,oCAAoC;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uBAAuB;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,+BAA+B;IAC/B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7E,qBAAqB;IACrB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,iBAAiB,CAAC;IACxD,qBAAqB;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACrF;AAED,eAAO,MAAM,aAAa,mCAAgD,CAAC;AAE3E,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,MAAM,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC;IACzC,MAAM,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC;IACzC,OAAO,IAAI,IAAI,CAAC;IAChB,YAAY,CAAC,KAAK,EAAE,iBAAiB,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpE,cAAc,CAAC,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/D,eAAe,CAAC,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CA+FrF,CAAC;AAIF,eAAO,MAAM,gBAAgB,0BAAwC,CAAC"}
|
|
@@ -1,67 +1,46 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
1
2
|
import React from 'react';
|
|
2
|
-
import { isCustomWizardFooter
|
|
3
|
-
import {
|
|
3
|
+
import { isCustomWizardFooter } from './types';
|
|
4
|
+
import { getActiveStep } from './utils';
|
|
4
5
|
import { WizardFooter } from './WizardFooter';
|
|
5
6
|
export const WizardContext = React.createContext({});
|
|
6
|
-
export const WizardContextProvider = ({ steps: initialSteps, footer: initialFooter,
|
|
7
|
-
const [
|
|
7
|
+
export const WizardContextProvider = ({ steps: initialSteps, footer: initialFooter, activeStepIndex, children, onNext, onBack, onClose, goToStepById, goToStepByName, goToStepByIndex }) => {
|
|
8
|
+
const [currentSteps, setCurrentSteps] = React.useState(initialSteps);
|
|
8
9
|
const [currentFooter, setCurrentFooter] = React.useState(typeof initialFooter !== 'function' ? initialFooter : undefined);
|
|
9
|
-
|
|
10
|
+
// Combined initial and current state steps
|
|
11
|
+
const steps = React.useMemo(() => currentSteps.map((currentStepProps, index) => {
|
|
12
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13
|
+
const _a = initialSteps[index], { isVisited } = _a, initialStepProps = __rest(_a, ["isVisited"]);
|
|
14
|
+
return Object.assign(Object.assign({}, currentStepProps), initialStepProps);
|
|
15
|
+
}), [initialSteps, currentSteps]);
|
|
16
|
+
const activeStep = getActiveStep(steps, activeStepIndex);
|
|
10
17
|
const goToNextStep = React.useCallback(() => onNext(steps), [onNext, steps]);
|
|
11
18
|
const goToPrevStep = React.useCallback(() => onBack(steps), [onBack, steps]);
|
|
12
19
|
const footer = React.useMemo(() => {
|
|
13
20
|
var _a;
|
|
14
|
-
const wizardFooter = currentFooter || initialFooter;
|
|
21
|
+
const wizardFooter = (activeStep === null || activeStep === void 0 ? void 0 : activeStep.footer) || currentFooter || initialFooter;
|
|
15
22
|
if (isCustomWizardFooter(wizardFooter)) {
|
|
16
23
|
const customFooter = wizardFooter;
|
|
17
24
|
return typeof customFooter === 'function'
|
|
18
|
-
? customFooter(
|
|
25
|
+
? customFooter(activeStep, goToNextStep, goToPrevStep, onClose)
|
|
19
26
|
: customFooter;
|
|
20
27
|
}
|
|
21
|
-
return (React.createElement(WizardFooter, Object.assign({
|
|
22
|
-
}, [currentFooter, initialFooter,
|
|
28
|
+
return (React.createElement(WizardFooter, Object.assign({ activeStep: activeStep, onNext: goToNextStep, onBack: goToPrevStep, onClose: onClose, isBackDisabled: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === ((_a = steps[0]) === null || _a === void 0 ? void 0 : _a.id) }, wizardFooter)));
|
|
29
|
+
}, [currentFooter, initialFooter, activeStep, goToNextStep, goToPrevStep, onClose, steps]);
|
|
23
30
|
const getStep = React.useCallback((stepId) => steps.find(step => step.id === stepId), [steps]);
|
|
24
|
-
const setStep = React.useCallback((step) =>
|
|
31
|
+
const setStep = React.useCallback((step) => setCurrentSteps(prevSteps => prevSteps.map(prevStep => {
|
|
25
32
|
if (prevStep.id === step.id) {
|
|
26
33
|
return Object.assign(Object.assign({}, prevStep), step);
|
|
27
34
|
}
|
|
28
35
|
return prevStep;
|
|
29
36
|
})), []);
|
|
30
|
-
const toggleStep = React.useCallback((stepId, isHidden) => setSteps(prevSteps => {
|
|
31
|
-
let stepToHide;
|
|
32
|
-
return prevSteps.map(prevStep => {
|
|
33
|
-
if (prevStep.id === stepId) {
|
|
34
|
-
// Don't hide the currently active step or its parent (if a sub-step).
|
|
35
|
-
if (isHidden &&
|
|
36
|
-
(currentStep.id === prevStep.id ||
|
|
37
|
-
(isWizardParentStep(prevStep) && prevStep.subStepIds.includes(currentStep.id)))) {
|
|
38
|
-
// eslint-disable-next-line no-console
|
|
39
|
-
console.error('Wizard: Unable to hide the current step or its parent.');
|
|
40
|
-
return prevStep;
|
|
41
|
-
}
|
|
42
|
-
stepToHide = Object.assign(Object.assign({}, prevStep), { isHidden });
|
|
43
|
-
return stepToHide;
|
|
44
|
-
}
|
|
45
|
-
// When isStepVisitRequired is enabled, if the step was previously hidden and not visited yet,
|
|
46
|
-
// when it is shown, all steps beyond it should be disabled to ensure it is visited.
|
|
47
|
-
if (isStepVisitRequired &&
|
|
48
|
-
(stepToHide === null || stepToHide === void 0 ? void 0 : stepToHide.isHidden) === false &&
|
|
49
|
-
!(stepToHide === null || stepToHide === void 0 ? void 0 : stepToHide.isVisited) &&
|
|
50
|
-
prevSteps.indexOf(stepToHide) < prevSteps.indexOf(prevStep)) {
|
|
51
|
-
return Object.assign(Object.assign({}, prevStep), { isVisited: false });
|
|
52
|
-
}
|
|
53
|
-
return prevStep;
|
|
54
|
-
});
|
|
55
|
-
}), [currentStep.id, isStepVisitRequired]);
|
|
56
37
|
return (React.createElement(WizardContext.Provider, { value: {
|
|
57
38
|
steps,
|
|
58
|
-
|
|
59
|
-
currentStepIndex,
|
|
39
|
+
activeStep,
|
|
60
40
|
footer,
|
|
61
41
|
onClose,
|
|
62
42
|
getStep,
|
|
63
43
|
setStep,
|
|
64
|
-
toggleStep,
|
|
65
44
|
setFooter: setCurrentFooter,
|
|
66
45
|
onNext: goToNextStep,
|
|
67
46
|
onBack: goToPrevStep,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardContext.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"WizardContext.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,8 @@ import { WizardControlStep, WizardNavStepFunction } from './types';
|
|
|
4
4
|
* Hosts the standard structure of a footer with ties to the active step so that text for buttons can vary from step to step.
|
|
5
5
|
*/
|
|
6
6
|
export interface WizardFooterProps {
|
|
7
|
-
/** The
|
|
8
|
-
|
|
7
|
+
/** The active step */
|
|
8
|
+
activeStep: WizardControlStep;
|
|
9
9
|
/** Next button callback */
|
|
10
10
|
onNext: () => WizardNavStepFunction | void;
|
|
11
11
|
/** Back button callback */
|
|
@@ -35,7 +35,7 @@ export declare const WizardFooterWrapper: {
|
|
|
35
35
|
displayName: string;
|
|
36
36
|
};
|
|
37
37
|
export declare const WizardFooter: {
|
|
38
|
-
({
|
|
38
|
+
({ activeStep, ...internalProps }: WizardFooterProps): JSX.Element;
|
|
39
39
|
displayName: string;
|
|
40
40
|
};
|
|
41
41
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardFooter.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAwB,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzF;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,
|
|
1
|
+
{"version":3,"file":"WizardFooter.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAwB,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzF;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,sBAAsB;IACtB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,2BAA2B;IAC3B,MAAM,EAAE,MAAM,qBAAqB,GAAG,IAAI,CAAC;IAC3C,2BAA2B;IAC3B,MAAM,EAAE,MAAM,qBAAqB,GAAG,IAAI,CAAC;IAC3C,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,sCAAsC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qCAAqC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB;mBAAkB,wBAAwB;;CAEzE,CAAC;AAEF,eAAO,MAAM,YAAY;uCAAsC,iBAAiB;;CAG/E,CAAC"}
|
|
@@ -6,9 +6,9 @@ import { Button, ButtonVariant } from '../../../components/Button';
|
|
|
6
6
|
import { isCustomWizardFooter } from './types';
|
|
7
7
|
export const WizardFooterWrapper = ({ children }) => (React.createElement("footer", { className: css(styles.wizardFooter) }, children));
|
|
8
8
|
export const WizardFooter = (_a) => {
|
|
9
|
-
var {
|
|
10
|
-
const
|
|
11
|
-
return React.createElement(InternalWizardFooter, Object.assign({}, internalProps,
|
|
9
|
+
var { activeStep } = _a, internalProps = __rest(_a, ["activeStep"]);
|
|
10
|
+
const activeStepFooter = !isCustomWizardFooter(activeStep.footer) && activeStep.footer;
|
|
11
|
+
return React.createElement(InternalWizardFooter, Object.assign({}, internalProps, activeStepFooter));
|
|
12
12
|
};
|
|
13
13
|
const InternalWizardFooter = ({ onNext, onBack, onClose, isNextDisabled, isBackDisabled, isBackHidden, isCancelHidden, nextButtonText = 'Next', backButtonText = 'Back', cancelButtonText = 'Cancel' }) => (React.createElement(WizardFooterWrapper, null,
|
|
14
14
|
React.createElement(Button, { variant: ButtonVariant.primary, type: "submit", onClick: onNext, isDisabled: isNextDisabled }, nextButtonText),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardFooter.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAA4C,MAAM,SAAS,CAAC;AAmCzF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE,CAAC,CAC7E,gCAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAU,CACjE,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"WizardFooter.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAA4C,MAAM,SAAS,CAAC;AAmCzF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE,CAAC,CAC7E,gCAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAU,CACjE,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,UAAU,OAAuC,EAAlC,aAAa,cAA9B,cAAgC,CAAF;IACzD,MAAM,gBAAgB,GAAG,CAAC,oBAAoB,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC;IACvF,OAAO,oBAAC,oBAAoB,oBAAK,aAAa,EAAM,gBAAgB,EAAI,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,cAAc,GAAG,MAAM,EACvB,cAAc,GAAG,MAAM,EACvB,gBAAgB,GAAG,QAAQ,EACW,EAAE,EAAE,CAAC,CAC3C,oBAAC,mBAAmB;IAClB,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,IAC9F,cAAc,CACR;IAER,CAAC,YAAY,IAAI,CAChB,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,IAClF,cAAc,CACR,CACV;IAEA,CAAC,cAAc,IAAI,CAClB,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;QACvC,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IAClD,gBAAgB,CACV,CACL,CACP,CACmB,CACvB,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AACxD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavInternal.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavInternal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AAEH,UAAU,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,qBAAqB,CAAC;IAC/E,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,gDAAiD,sBAAsB,
|
|
1
|
+
{"version":3,"file":"WizardNavInternal.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavInternal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AAEH,UAAU,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,qBAAqB,CAAC;IAC/E,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,gDAAiD,sBAAsB,gBAuHpG,CAAC"}
|
|
@@ -4,24 +4,24 @@ import { useWizardContext } from './WizardContext';
|
|
|
4
4
|
import { WizardNav } from './WizardNav';
|
|
5
5
|
import { WizardNavItem } from './WizardNavItem';
|
|
6
6
|
export const WizardNavInternal = ({ nav, isStepVisitRequired, isNavExpanded }) => {
|
|
7
|
-
const {
|
|
7
|
+
const { activeStep, steps, goToStepByIndex } = useWizardContext();
|
|
8
8
|
const wizardNavProps = Object.assign({ isExpanded: isNavExpanded, 'aria-label': (nav === null || nav === void 0 ? void 0 : nav['aria-label']) || 'Wizard steps' }, ((nav === null || nav === void 0 ? void 0 : nav['aria-labelledby']) && {
|
|
9
9
|
'aria-labelledby': nav['aria-labelledby']
|
|
10
10
|
}));
|
|
11
|
-
return (React.createElement(WizardNav, Object.assign({}, wizardNavProps), steps.map((step,
|
|
11
|
+
return (React.createElement(WizardNav, Object.assign({}, wizardNavProps), steps.map((step, stepIndex) => {
|
|
12
12
|
var _a;
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
: step.navItem));
|
|
13
|
+
const hasVisitedNextStep = steps.some(step => step.index > stepIndex + 1 && step.isVisited);
|
|
14
|
+
const isStepDisabled = step.isDisabled || (isStepVisitRequired && !step.isVisited && !hasVisitedNextStep);
|
|
15
|
+
const customStepNavItem = isCustomWizardNavItem(step.navItem) && (React.createElement(React.Fragment, { key: step.id }, typeof step.navItem === 'function' ? step.navItem(step, activeStep, steps, goToStepByIndex) : step.navItem));
|
|
17
16
|
if (isWizardParentStep(step) && !step.isHidden) {
|
|
18
17
|
let firstSubStepIndex;
|
|
19
18
|
let hasActiveChild = false;
|
|
20
19
|
const subNavItems = (_a = step.subStepIds) === null || _a === void 0 ? void 0 : _a.map((subStepId, subStepIndex) => {
|
|
21
20
|
const subStep = steps.find(step => step.id === subStepId);
|
|
22
|
-
const
|
|
21
|
+
const hasVisitedNextStep = steps.some(step => step.index > subStep.index && step.isVisited);
|
|
22
|
+
const isSubStepDisabled = subStep.isDisabled || (isStepVisitRequired && !subStep.isVisited && !hasVisitedNextStep);
|
|
23
23
|
const customSubStepNavItem = isCustomWizardNavItem(subStep.navItem) && (React.createElement(React.Fragment, { key: subStep.id }, typeof subStep.navItem === 'function'
|
|
24
|
-
? subStep.navItem(subStep,
|
|
24
|
+
? subStep.navItem(subStep, activeStep, steps, goToStepByIndex)
|
|
25
25
|
: subStep.navItem));
|
|
26
26
|
// Don't render the sub-step navigation item if the hidden property is enabled
|
|
27
27
|
if (subStep.isHidden) {
|
|
@@ -29,20 +29,20 @@ export const WizardNavInternal = ({ nav, isStepVisitRequired, isNavExpanded }) =
|
|
|
29
29
|
}
|
|
30
30
|
// Store the first sub-step index so that when its parent is clicked, the first sub-step is focused
|
|
31
31
|
if (subStepIndex === 0) {
|
|
32
|
-
firstSubStepIndex =
|
|
32
|
+
firstSubStepIndex = subStep.index;
|
|
33
33
|
}
|
|
34
34
|
// When a sub-step is active, use this flag to set the parent step as active (isCurrent)
|
|
35
|
-
if ((
|
|
35
|
+
if ((activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === subStep.id) {
|
|
36
36
|
hasActiveChild = true;
|
|
37
37
|
}
|
|
38
|
-
return (customSubStepNavItem || (React.createElement(WizardNavItem, Object.assign({ key: subStep.id, id: subStep.id, content: subStep.name, isCurrent: (
|
|
38
|
+
return (customSubStepNavItem || (React.createElement(WizardNavItem, Object.assign({ key: subStep.id, id: subStep.id, content: subStep.name, isCurrent: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === subStep.id, isDisabled: isSubStepDisabled, isVisited: subStep.isVisited, stepIndex: subStep.index, onNavItemClick: goToStepByIndex, status: subStep.status }, subStep.navItem))));
|
|
39
39
|
});
|
|
40
40
|
const hasEnabledChildren = React.Children.toArray(subNavItems).some(child => React.isValidElement(child) && !child.props.isDisabled);
|
|
41
41
|
return (customStepNavItem || (React.createElement(WizardNavItem, Object.assign({ key: step.id, id: step.id, content: step.name, isExpandable: true, isCurrent: hasActiveChild, isDisabled: !hasEnabledChildren, isVisited: step.isVisited, stepIndex: firstSubStepIndex, onNavItemClick: goToStepByIndex, status: step.status }, step.navItem),
|
|
42
42
|
React.createElement(WizardNav, Object.assign({}, wizardNavProps, { isInnerList: true }), subNavItems))));
|
|
43
43
|
}
|
|
44
44
|
if (isWizardBasicStep(step) && !step.isHidden) {
|
|
45
|
-
return (customStepNavItem || (React.createElement(WizardNavItem, Object.assign({ key: step.id, id: step.id, content: step.name, isCurrent: (
|
|
45
|
+
return (customStepNavItem || (React.createElement(WizardNavItem, Object.assign({ key: step.id, id: step.id, content: step.name, isCurrent: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === step.id, isDisabled: isStepDisabled, isVisited: step.isVisited, stepIndex: step.index, onNavItemClick: goToStepByIndex, status: step.status }, step.navItem))));
|
|
46
46
|
}
|
|
47
47
|
})));
|
|
48
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavInternal.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavInternal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAYhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,aAAa,EAA0B,EAAE,EAAE;IACvG,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"WizardNavInternal.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavInternal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,8 +18,6 @@ export interface WizardStepProps {
|
|
|
18
18
|
steps?: React.ReactElement<WizardStepProps>[];
|
|
19
19
|
/** Flag to disable the step's navigation item */
|
|
20
20
|
isDisabled?: boolean;
|
|
21
|
-
/** Flag to represent whether the step has been visited (navigated to) */
|
|
22
|
-
isVisited?: boolean;
|
|
23
21
|
/** Flag to determine whether the step is hidden */
|
|
24
22
|
isHidden?: boolean;
|
|
25
23
|
/** Replaces the step's navigation item or its properties. */
|
|
@@ -30,7 +28,7 @@ export interface WizardStepProps {
|
|
|
30
28
|
status?: 'default' | 'error';
|
|
31
29
|
}
|
|
32
30
|
export declare const WizardStep: {
|
|
33
|
-
({ children,
|
|
31
|
+
({ children, steps: _subSteps, ...props }: WizardStepProps): JSX.Element;
|
|
34
32
|
displayName: string;
|
|
35
33
|
};
|
|
36
34
|
//# sourceMappingURL=WizardStep.d.ts.map
|
|
@@ -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,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,
|
|
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;CAC9B;AAED,eAAO,MAAM,UAAU;+CAA8C,eAAe;;CAoBnF,CAAC"}
|