@patternfly/react-core 4.255.0 → 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 +19 -0
- package/dist/esm/components/Alert/AlertIcon.js +1 -1
- package/dist/esm/components/Alert/AlertIcon.js.map +1 -1
- 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/components/Alert/AlertIcon.js +1 -1
- package/dist/js/components/Alert/AlertIcon.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/dist/umd/react-core.min.css +812 -812
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/Alert/AlertIcon.tsx +2 -2
- package/src/components/Button/__tests__/Button.test.tsx +16 -7
- package/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +36 -0
- package/src/components/Button/examples/ButtonProgress.tsx +15 -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
|
@@ -1,24 +1,16 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
1
2
|
import React from 'react';
|
|
2
|
-
import { WizardBody } from './WizardBody';
|
|
3
|
-
import { useWizardFooter } from './hooks/useWizardFooter';
|
|
4
3
|
import { useWizardContext } from './WizardContext';
|
|
5
|
-
export const WizardStep = (
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
export const WizardStep = (_a) => {
|
|
5
|
+
var { children, steps: _subSteps } = _a, props = __rest(_a, ["children", "steps"]);
|
|
6
|
+
const { activeStep, setStep } = useWizardContext();
|
|
7
|
+
const { id, name, body, isDisabled, isHidden, navItem, footer, status } = props;
|
|
8
|
+
// Update step in context when props change or when the step is active has yet to be marked as visited.
|
|
9
9
|
React.useEffect(() => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
// Toggle visibility when the isHidden flag updates.
|
|
15
|
-
// Wizard's hasUnmountedSteps prop must be set to false for visibility changes to take effect.
|
|
16
|
-
React.useEffect(() => {
|
|
17
|
-
if (isHidden !== undefined) {
|
|
18
|
-
toggleStep(id, isHidden);
|
|
19
|
-
}
|
|
20
|
-
}, [toggleStep, id, isHidden]);
|
|
21
|
-
return body || body === undefined ? React.createElement(WizardBody, Object.assign({}, body), children) : React.createElement(React.Fragment, null, children);
|
|
10
|
+
setStep(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ id,
|
|
11
|
+
name }, (body && { body })), (isDisabled && { isDisabled })), (isHidden && { isHidden })), (navItem && { navItem })), (footer && { footer })), (status && { status })), (id === (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) && !(activeStep === null || activeStep === void 0 ? void 0 : activeStep.isVisited) && { isVisited: true })));
|
|
12
|
+
}, [body, footer, id, isDisabled, isHidden, name, navItem, status, activeStep === null || activeStep === void 0 ? void 0 : activeStep.id, activeStep === null || activeStep === void 0 ? void 0 : activeStep.isVisited, setStep]);
|
|
13
|
+
return React.createElement(React.Fragment, null, children);
|
|
22
14
|
};
|
|
23
15
|
WizardStep.displayName = 'WizardStep';
|
|
24
16
|
//# sourceMappingURL=WizardStep.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AA8BnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAyD,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,OAA6B,EAAxB,KAAK,cAAtC,qBAAwC,CAAF;IAC/D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACnD,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEhF,uGAAuG;IACvG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,qGACL,EAAE;YACF,IAAI,IACD,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,GAClB,CAAC,UAAU,IAAI,EAAE,UAAU,EAAE,CAAC,GAC9B,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC,GAC1B,CAAC,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC,GACxB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GACtB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,GACtB,CAAC,EAAE,MAAK,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,CAAA,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAC3E,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpH,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -8,22 +8,20 @@ export interface WizardToggleProps {
|
|
|
8
8
|
/** List of steps and/or sub-steps */
|
|
9
9
|
steps: WizardControlStep[];
|
|
10
10
|
/** The current step */
|
|
11
|
-
|
|
11
|
+
activeStep: WizardControlStep;
|
|
12
12
|
/** Wizard footer */
|
|
13
13
|
footer: React.ReactElement;
|
|
14
14
|
/** Wizard navigation */
|
|
15
15
|
nav: React.ReactElement<WizardNavProps>;
|
|
16
16
|
/** The expandable dropdown button's aria-label */
|
|
17
17
|
'aria-label'?: string;
|
|
18
|
-
/** Flag to unmount inactive steps instead of hiding. Defaults to true */
|
|
19
|
-
hasUnmountedSteps?: boolean;
|
|
20
18
|
/** Flag to determine whether the dropdown navigation is expanded */
|
|
21
19
|
isNavExpanded?: boolean;
|
|
22
20
|
/** Callback to expand or collapse the dropdown navigation */
|
|
23
21
|
toggleNavExpanded?: () => void;
|
|
24
22
|
}
|
|
25
23
|
export declare const WizardToggle: {
|
|
26
|
-
({ steps,
|
|
24
|
+
({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, "aria-label": ariaLabel }: WizardToggleProps): JSX.Element;
|
|
27
25
|
displayName: string;
|
|
28
26
|
};
|
|
29
27
|
//# 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;AAQ1B,OAAO,EAAE,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,EAAE,cAAc,EAA2C,MAAM,WAAW,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAmB,MAAM,SAAS,CAAC;AAE7D;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,uBAAuB;IACvB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,oBAAoB;IACpB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,wBAAwB;IACxB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IACxC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,YAAY;oGAQtB,iBAAiB;;CAyEnB,CAAC"}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { css } from '@patternfly/react-styles';
|
|
3
4
|
import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
|
|
4
5
|
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
|
|
5
6
|
import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
|
|
6
7
|
import { KeyTypes } from '../../../helpers/constants';
|
|
8
|
+
import { WizardBody, WizardStep } from '../Wizard';
|
|
7
9
|
import { isWizardSubStep } from './types';
|
|
8
|
-
export const WizardToggle = ({ steps,
|
|
9
|
-
const isActiveSubStep = isWizardSubStep(
|
|
10
|
+
export const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, 'aria-label': ariaLabel = 'Wizard toggle' }) => {
|
|
11
|
+
const isActiveSubStep = isWizardSubStep(activeStep);
|
|
10
12
|
const nonSubSteps = steps.filter(step => !isWizardSubStep(step));
|
|
11
|
-
const wizardToggleIndex = nonSubSteps.indexOf(isWizardSubStep(
|
|
13
|
+
const wizardToggleIndex = nonSubSteps.indexOf(isWizardSubStep(activeStep) ? steps.find(step => step.id === activeStep.parentId) : activeStep) + 1;
|
|
12
14
|
const handleKeyClicks = React.useCallback((event) => {
|
|
13
15
|
if (isNavExpanded && event.key === KeyTypes.Escape) {
|
|
14
|
-
toggleNavExpanded();
|
|
16
|
+
toggleNavExpanded === null || toggleNavExpanded === void 0 ? void 0 : toggleNavExpanded();
|
|
15
17
|
}
|
|
16
18
|
}, [isNavExpanded, toggleNavExpanded]);
|
|
17
19
|
// Open/close collapsable navigation on keydown event
|
|
@@ -22,24 +24,25 @@ export const WizardToggle = ({ steps, currentStep, footer, nav, isNavExpanded, t
|
|
|
22
24
|
target === null || target === void 0 ? void 0 : target.removeEventListener('keydown', handleKeyClicks, false);
|
|
23
25
|
};
|
|
24
26
|
}, [handleKeyClicks]);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
const bodyContent = steps.map(step => {
|
|
28
|
+
var _a;
|
|
29
|
+
const props = ((_a = step.component) === null || _a === void 0 ? void 0 : _a.props) || {};
|
|
30
|
+
const { children, body } = props, propsWithoutChildren = __rest(props, ["children", "body"]);
|
|
31
|
+
return (React.createElement(React.Fragment, { key: step.id },
|
|
32
|
+
(activeStep === null || activeStep === void 0 ? void 0 : activeStep.name) === step.name &&
|
|
33
|
+
(body || body === undefined ? React.createElement(WizardBody, Object.assign({}, body), children) : children),
|
|
34
|
+
React.createElement("div", { key: step.id, style: { display: 'none' } },
|
|
35
|
+
React.createElement(WizardStep, Object.assign({}, propsWithoutChildren)))));
|
|
36
|
+
});
|
|
34
37
|
return (React.createElement(React.Fragment, null,
|
|
35
38
|
React.createElement("button", { onClick: toggleNavExpanded, className: css(styles.wizardToggle, isNavExpanded && 'pf-m-expanded'), "aria-label": ariaLabel, "aria-expanded": isNavExpanded },
|
|
36
39
|
React.createElement("span", { className: css(styles.wizardToggleList) },
|
|
37
40
|
React.createElement("span", { className: css(styles.wizardToggleListItem) },
|
|
38
41
|
React.createElement("span", { className: css(styles.wizardToggleNum) }, wizardToggleIndex),
|
|
39
|
-
" ",
|
|
40
|
-
|
|
42
|
+
" ", activeStep === null || activeStep === void 0 ? void 0 :
|
|
43
|
+
activeStep.name,
|
|
41
44
|
isActiveSubStep && React.createElement(AngleRightIcon, { className: css(styles.wizardToggleSeparator), "aria-hidden": "true" })),
|
|
42
|
-
isActiveSubStep && React.createElement("span", { className: css(styles.wizardToggleListItem) },
|
|
45
|
+
isActiveSubStep && React.createElement("span", { className: css(styles.wizardToggleListItem) }, activeStep === null || activeStep === void 0 ? void 0 : activeStep.name)),
|
|
43
46
|
React.createElement("span", { className: css(styles.wizardToggleIcon) },
|
|
44
47
|
React.createElement(CaretDownIcon, { "aria-hidden": "true" }))),
|
|
45
48
|
React.createElement("div", { className: css(styles.wizardOuterWrap) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardToggle.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,aAAa,MAAM,wDAAwD,CAAC;AAEnF,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardToggle.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,15 +6,15 @@ import { useWizardContext } from '../WizardContext';
|
|
|
6
6
|
* @param stepId
|
|
7
7
|
*/
|
|
8
8
|
export const useWizardFooter = (footer, stepId) => {
|
|
9
|
-
const {
|
|
9
|
+
const { activeStep, setFooter } = useWizardContext();
|
|
10
10
|
React.useEffect(() => {
|
|
11
|
-
if (footer && (!stepId || (
|
|
11
|
+
if (footer && (!stepId || (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === stepId)) {
|
|
12
12
|
setFooter(footer);
|
|
13
13
|
// Reset the footer on unmount.
|
|
14
14
|
return () => {
|
|
15
15
|
setFooter(null);
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
|
-
}, [
|
|
18
|
+
}, [activeStep, footer, setFooter, stepId]);
|
|
19
19
|
};
|
|
20
20
|
//# sourceMappingURL=useWizardFooter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWizardFooter.js","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/useWizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAuD,EAAE,MAAwB,EAAE,EAAE;IACnH,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"useWizardFooter.js","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/useWizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAuD,EAAE,MAAwB,EAAE,EAAE;IACnH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,IAAI,CAAC,CAAC,MAAM,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,MAAK,MAAM,CAAC,EAAE;YACpD,SAAS,CAAC,MAAM,CAAC,CAAC;YAElB,+BAA+B;YAC/B,OAAO,GAAG,EAAE;gBACV,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC"}
|
|
@@ -6,6 +6,8 @@ export interface WizardBasicStep {
|
|
|
6
6
|
name: React.ReactNode;
|
|
7
7
|
/** Unique identifier */
|
|
8
8
|
id: string | number;
|
|
9
|
+
/** Order index of step (starts at 1) */
|
|
10
|
+
index: number;
|
|
9
11
|
/** Flag to disable the step's navigation item */
|
|
10
12
|
isDisabled?: boolean;
|
|
11
13
|
/** Flag to represent whether the step has been visited (navigated to) */
|
|
@@ -52,11 +54,11 @@ export declare type WizardFooterType = Partial<WizardFooterProps> | CustomWizard
|
|
|
52
54
|
export declare type WizardNavType = Partial<WizardNavProps> | CustomWizardNavFunction | React.ReactElement;
|
|
53
55
|
export declare type WizardNavItemType = Partial<WizardNavItemProps> | CustomWizardNavItemFunction | React.ReactElement;
|
|
54
56
|
/** Callback for the Wizard's 'nav' property. Returns element which replaces the Wizard's default navigation. */
|
|
55
|
-
export declare type CustomWizardNavFunction = (isExpanded: boolean, steps: WizardControlStep[],
|
|
57
|
+
export declare type CustomWizardNavFunction = (isExpanded: boolean, steps: WizardControlStep[], activeStep: WizardControlStep, goToStepByIndex: (index: number) => void) => React.ReactElement<WizardNavProps>;
|
|
56
58
|
/** Callback for the Wizard's 'navItem' property. Returns element which replaces the WizardStep's default navigation item. */
|
|
57
|
-
export declare type CustomWizardNavItemFunction = (step: WizardControlStep,
|
|
59
|
+
export declare type CustomWizardNavItemFunction = (step: WizardControlStep, activeStep: WizardControlStep, steps: WizardControlStep[], goToStepByIndex: (index: number) => void) => React.ReactElement<WizardNavItemProps>;
|
|
58
60
|
/** Callback for the Wizard's 'footer' property. Returns element which replaces the Wizard's default footer. */
|
|
59
|
-
export declare type CustomWizardFooterFunction = (
|
|
61
|
+
export declare type CustomWizardFooterFunction = (activeStep: WizardControlStep, onNext: () => void, onBack: () => void, onClose: () => void) => React.ReactElement<WizardFooterProps>;
|
|
60
62
|
export declare function isCustomWizardNav(nav: WizardNavType): nav is CustomWizardNavFunction | React.ReactElement;
|
|
61
63
|
export declare function isCustomWizardNavItem(navItem: WizardNavItemType): navItem is CustomWizardNavItemFunction | React.ReactElement;
|
|
62
64
|
export declare function isCustomWizardFooter(footer: WizardFooterType): footer is CustomWizardFooterFunction | React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAElF,mHAAmH;AACnH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qIAAqI;IACrI,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACzD,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B;AAED,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,wCAAwC;AACxC,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,sBAAsB;IACtB,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CACjC;AAED,qCAAqC;AACrC,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,uFAAuF;AACvF,oBAAY,iBAAiB,GAAG,eAAe,GAAG,gBAAgB,GAAG,aAAa,CAAC;AAEnF,mFAAmF;AACnF,oBAAY,qBAAqB,GAAG,CAAC,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAE9G,mEAAmE;AACnE,MAAM,WAAW,iBAAiB;IAChC,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAAC;AAC5G,oBAAY,aAAa,GAAG,OAAO,CAAC,cAAc,CAAC,GAAG,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAAC;AACnG,oBAAY,iBAAiB,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAAC;AAE/G,gHAAgH;AAChH,oBAAY,uBAAuB,GAAG,CACpC,UAAU,EAAE,OAAO,EACnB,KAAK,EAAE,iBAAiB,EAAE,EAC1B,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/types.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2B1B,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AA0DD,MAAM,UAAU,iBAAiB,CAAC,GAAkB;IAClD,OAAO,OAAO,GAAG,KAAK,UAAU,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,OAA0B;IAE1B,OAAO,OAAO,OAAO,KAAK,UAAU,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AACxE,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,MAAwB;IAExB,OAAO,OAAO,MAAM,KAAK,UAAU,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAuB;;IACvD,OAAO,CAAA,MAAC,IAAyB,0CAAE,UAAU,MAAK,SAAS,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AACxF,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAuB;;IACrD,OAAO,CAAA,MAAC,IAAsB,0CAAE,QAAQ,MAAK,SAAS,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,IAAuB;;IACxD,OAAO,CAAA,MAAC,IAAyB,0CAAE,UAAU,MAAK,SAAS,CAAC;AAC9D,CAAC"}
|
|
@@ -8,7 +8,7 @@ import { WizardStepProps } from './WizardStep';
|
|
|
8
8
|
*/
|
|
9
9
|
export declare const buildSteps: (children: React.ReactElement<WizardStepProps> | React.ReactElement<WizardStepProps>[]) => WizardControlStep[];
|
|
10
10
|
export declare function isWizardStep(child: any | React.ReactElement<WizardStepProps>): child is React.ReactElement<WizardStepProps>;
|
|
11
|
-
export declare const normalizeStep: ({ children, steps,
|
|
12
|
-
export declare const normalizeNavStep: (navStep: WizardControlStep
|
|
13
|
-
export declare const
|
|
11
|
+
export declare const normalizeStep: ({ children, steps, ...controlStep }: WizardStepProps) => Omit<WizardControlStep, 'index'>;
|
|
12
|
+
export declare const normalizeNavStep: (navStep: WizardControlStep) => WizardNavStepData;
|
|
13
|
+
export declare const getActiveStep: (steps: WizardControlStep[], activeStepIndex: number) => WizardControlStep;
|
|
14
14
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -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;AAE3D;;;;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;AAE3D;;;;GAIG;AACH,eAAO,MAAM,UAAU,aAAc,MAAM,YAAY,CAAC,eAAe,CAAC,GAAG,MAAM,YAAY,CAAC,eAAe,CAAC,EAAE,wBAmCxG,CAAC;AAET,wBAAgB,YAAY,CAC1B,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,GAC/C,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAK9C;AAGD,eAAO,MAAM,aAAa,wCAAyC,eAAe,KAAG,KAAK,iBAAiB,EAAE,OAAO,CACvG,CAAC;AAEd,eAAO,MAAM,gBAAgB,YAAa,iBAAiB,KAAG,iBAI5D,CAAC;AAEH,eAAO,MAAM,aAAa,UAAW,iBAAiB,EAAE,mBAAmB,MAAM,sBAC7B,CAAC"}
|
|
@@ -8,16 +8,19 @@ import { WizardStep } from './WizardStep';
|
|
|
8
8
|
*/
|
|
9
9
|
export const buildSteps = (children) => React.Children.toArray(children).reduce((acc, child) => {
|
|
10
10
|
if (isWizardStep(child)) {
|
|
11
|
-
const { steps: subSteps, id } = child.props;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
const { steps: subSteps, id, isHidden, isDisabled } = child.props;
|
|
12
|
+
const subControlledSteps = [];
|
|
13
|
+
const stepIndex = acc.length + 1;
|
|
14
|
+
acc.push(Object.assign(Object.assign(Object.assign({ index: stepIndex, component: child }, (stepIndex === 1 && { isVisited: true })), (subSteps && {
|
|
15
|
+
subStepIds: subSteps === null || subSteps === void 0 ? void 0 : subSteps.map((subStep, subStepIndex) => {
|
|
16
|
+
subControlledSteps.push(Object.assign({ isHidden,
|
|
17
|
+
isDisabled, component: subStep, parentId: id, index: stepIndex + subStepIndex + 1 }, normalizeStep(subStep.props)));
|
|
15
18
|
return subStep.props.id;
|
|
16
19
|
})
|
|
17
|
-
})));
|
|
20
|
+
})), normalizeStep(child.props)), ...subControlledSteps);
|
|
18
21
|
}
|
|
19
22
|
else {
|
|
20
|
-
throw new Error('Wizard only accepts children
|
|
23
|
+
throw new Error('Wizard only accepts children with required WizardStepProps.');
|
|
21
24
|
}
|
|
22
25
|
return acc;
|
|
23
26
|
}, []);
|
|
@@ -28,13 +31,13 @@ export function isWizardStep(child) {
|
|
|
28
31
|
}
|
|
29
32
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
30
33
|
export const normalizeStep = (_a) => {
|
|
31
|
-
var { children, steps
|
|
34
|
+
var { children, steps } = _a, controlStep = __rest(_a, ["children", "steps"]);
|
|
32
35
|
return controlStep;
|
|
33
36
|
};
|
|
34
|
-
export const normalizeNavStep = (navStep
|
|
37
|
+
export const normalizeNavStep = (navStep) => ({
|
|
35
38
|
id: navStep.id,
|
|
36
|
-
|
|
37
|
-
|
|
39
|
+
index: navStep.index,
|
|
40
|
+
name: navStep.name.toString()
|
|
38
41
|
});
|
|
39
|
-
export const
|
|
42
|
+
export const getActiveStep = (steps, activeStepIndex) => steps.find(step => step.index === activeStepIndex);
|
|
40
43
|
//# sourceMappingURL=utils.js.map
|
|
@@ -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;;;;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,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/utils.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAE3D;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAqF,EAAE,EAAE,CAClH,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAwB,EAAE,KAAsB,EAAE,EAAE;IAC3F,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;QACvB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;QAClE,MAAM,kBAAkB,GAAwB,EAAE,CAAC;QACnD,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QAEjC,GAAG,CAAC,IAAI,6CAEJ,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,KAAK,IACb,CAAC,SAAS,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GACxC,CAAC,QAAQ,IAAI;YACd,UAAU,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE;gBAClD,kBAAkB,CAAC,IAAI,iBACrB,QAAQ;oBACR,UAAU,EACV,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,SAAS,GAAG,YAAY,GAAG,CAAC,IAChC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,CAAC;gBAEH,OAAO,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,CAAC,CAAC;SACH,CAAC,GACC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,GAE/B,GAAG,kBAAkB,CACtB,CAAC;KACH;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAC;KAChF;IAED,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAAE,CAAC,CAAC;AAET,MAAM,UAAU,YAAY,CAC1B,KAAgD;;IAEhD,OAAO,CACL,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAK,KAA6C,CAAC,IAAI,KAAK,UAAU,CAAC;QACnG,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,MAAK,SAAS,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,EAAE,MAAK,SAAS,CAAC,CACnE,CAAC;AACJ,CAAC;AAED,6DAA6D;AAC7D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAoD,EAAoC,EAAE;QAA1F,EAAE,QAAQ,EAAE,KAAK,OAAmC,EAA9B,WAAW,cAAjC,qBAAmC,CAAF;IAC7D,OAAA,WAAW,CAAA;CAAA,CAAC;AAEd,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAA0B,EAAqB,EAAE,CAAC,CAAC;IAClF,EAAE,EAAE,OAAO,CAAC,EAAE;IACd,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;CAC9B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,eAAuB,EAAE,EAAE,CACnF,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,CAAC"}
|
|
@@ -20,7 +20,7 @@ exports.variantIcons = {
|
|
|
20
20
|
const AlertIcon = (_a) => {
|
|
21
21
|
var { variant, customIcon, className = '' } = _a, props = tslib_1.__rest(_a, ["variant", "customIcon", "className"]);
|
|
22
22
|
const Icon = exports.variantIcons[variant];
|
|
23
|
-
return (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(alert_1.default.alertIcon, className) }), customIcon || React.createElement(Icon, null)));
|
|
23
|
+
return Icon ? (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(alert_1.default.alertIcon, className) }), customIcon || React.createElement(Icon, null))) : null;
|
|
24
24
|
};
|
|
25
25
|
exports.AlertIcon = AlertIcon;
|
|
26
26
|
//# sourceMappingURL=AlertIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertIcon.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertIcon.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wGAAyE;AACzE,wHAAuF;AACvF,oIAAmG;AACnG,wIAAuG;AACvG,sHAAqF;AACrF,wGAAwE;AAE3D,QAAA,YAAY,GAAG;IAC1B,OAAO,EAAE,2BAAe;IACxB,MAAM,EAAE,iCAAqB;IAC7B,OAAO,EAAE,mCAAuB;IAChC,IAAI,EAAE,0BAAc;IACpB,OAAO,EAAE,mBAAQ;CAClB,CAAC;AAWK,MAAM,SAAS,GAAG,CAAC,EAAiE,EAAE,EAAE;QAArE,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,OAA4B,EAAvB,KAAK,sBAA/C,sCAAiD,CAAF;IACvE,MAAM,IAAI,GAAG,oBAAY,CAAC,OAAO,CAAC,CAAC;IACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"AlertIcon.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertIcon.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wGAAyE;AACzE,wHAAuF;AACvF,oIAAmG;AACnG,wIAAuG;AACvG,sHAAqF;AACrF,wGAAwE;AAE3D,QAAA,YAAY,GAAG;IAC1B,OAAO,EAAE,2BAAe;IACxB,MAAM,EAAE,iCAAqB;IAC7B,OAAO,EAAE,mCAAuB;IAChC,IAAI,EAAE,0BAAc;IACpB,OAAO,EAAE,mBAAQ;CAClB,CAAC;AAWK,MAAM,SAAS,GAAG,CAAC,EAAiE,EAAE,EAAE;QAArE,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,OAA4B,EAAvB,KAAK,sBAA/C,sCAAiD,CAAF;IACvE,MAAM,IAAI,GAAG,oBAAY,CAAC,OAAO,CAAC,CAAC;IACnC,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,6CAAS,KAAK,IAAE,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,SAAS,EAAE,SAAS,CAAC,KACxD,UAAU,IAAI,oBAAC,IAAI,OAAG,CACnB,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAPW,QAAA,SAAS,aAOpB"}
|
|
@@ -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"}
|
|
@@ -12,29 +12,28 @@ const WizardContext_1 = require("./WizardContext");
|
|
|
12
12
|
const WizardToggle_1 = require("./WizardToggle");
|
|
13
13
|
const WizardNavInternal_1 = require("./WizardNavInternal");
|
|
14
14
|
const Wizard = (_a) => {
|
|
15
|
-
var { children, footer, height, width, className, header, nav, startIndex = 1, isStepVisitRequired = false,
|
|
16
|
-
const [
|
|
15
|
+
var { children, footer, height, width, className, header, nav, startIndex = 1, isStepVisitRequired = false, onNavByIndex, onNext, onBack, onSave, onClose } = _a, wrapperProps = tslib_1.__rest(_a, ["children", "footer", "height", "width", "className", "header", "nav", "startIndex", "isStepVisitRequired", "onNavByIndex", "onNext", "onBack", "onSave", "onClose"]);
|
|
16
|
+
const [activeStepIndex, setActiveStepIndex] = react_1.default.useState(startIndex);
|
|
17
17
|
const initialSteps = utils_1.buildSteps(children);
|
|
18
18
|
const goToNextStep = (steps = initialSteps) => {
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
var _a;
|
|
20
|
+
const newStepIndex = (_a = steps.find(step => step.index > activeStepIndex && !step.isHidden && !types_1.isWizardParentStep(step))) === null || _a === void 0 ? void 0 : _a.index;
|
|
21
|
+
if (activeStepIndex >= steps.length || !newStepIndex) {
|
|
21
22
|
return onSave ? onSave() : onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
22
23
|
}
|
|
23
|
-
const currStep = types_1.isWizardParentStep(steps[
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
setCurrentStepIndex(newStepIndex);
|
|
28
|
-
return onNext === null || onNext === void 0 ? void 0 : onNext(utils_1.normalizeNavStep(currStep, steps), utils_1.normalizeNavStep(prevStep, steps));
|
|
24
|
+
const currStep = types_1.isWizardParentStep(steps[activeStepIndex]) ? steps[activeStepIndex + 1] : steps[activeStepIndex];
|
|
25
|
+
const prevStep = steps[activeStepIndex - 1];
|
|
26
|
+
setActiveStepIndex(newStepIndex);
|
|
27
|
+
return onNext === null || onNext === void 0 ? void 0 : onNext(utils_1.normalizeNavStep(currStep), utils_1.normalizeNavStep(prevStep));
|
|
29
28
|
};
|
|
30
29
|
const goToPrevStep = (steps = initialSteps) => {
|
|
31
|
-
const newStepIndex = findLastIndex_1.default(steps, (step
|
|
32
|
-
const currStep = types_1.isWizardParentStep(steps[
|
|
33
|
-
? steps[
|
|
34
|
-
: steps[
|
|
35
|
-
const prevStep = steps[
|
|
36
|
-
|
|
37
|
-
return onBack === null || onBack === void 0 ? void 0 : onBack(utils_1.normalizeNavStep(currStep
|
|
30
|
+
const newStepIndex = findLastIndex_1.default(steps, (step) => step.index < activeStepIndex && !step.isHidden && !types_1.isWizardParentStep(step)) + 1;
|
|
31
|
+
const currStep = types_1.isWizardParentStep(steps[activeStepIndex - 2])
|
|
32
|
+
? steps[activeStepIndex - 3]
|
|
33
|
+
: steps[activeStepIndex - 2];
|
|
34
|
+
const prevStep = steps[activeStepIndex - 1];
|
|
35
|
+
setActiveStepIndex(newStepIndex);
|
|
36
|
+
return onBack === null || onBack === void 0 ? void 0 : onBack(utils_1.normalizeNavStep(currStep), utils_1.normalizeNavStep(prevStep));
|
|
38
37
|
};
|
|
39
38
|
const goToStepByIndex = (steps = initialSteps, index) => {
|
|
40
39
|
const lastStepIndex = steps.length + 1;
|
|
@@ -45,51 +44,43 @@ const Wizard = (_a) => {
|
|
|
45
44
|
else if (index > lastStepIndex) {
|
|
46
45
|
index = lastStepIndex;
|
|
47
46
|
}
|
|
48
|
-
else if (steps[index - 1].isHidden) {
|
|
49
|
-
// eslint-disable-next-line no-console
|
|
50
|
-
console.error('Wizard: Unable to navigate to hidden step.');
|
|
51
|
-
}
|
|
52
47
|
const currStep = steps[index - 1];
|
|
53
|
-
const prevStep = steps[
|
|
54
|
-
|
|
55
|
-
return onNavByIndex === null || onNavByIndex === void 0 ? void 0 : onNavByIndex(utils_1.normalizeNavStep(currStep
|
|
48
|
+
const prevStep = steps[activeStepIndex - 1];
|
|
49
|
+
setActiveStepIndex(index);
|
|
50
|
+
return onNavByIndex === null || onNavByIndex === void 0 ? void 0 : onNavByIndex(utils_1.normalizeNavStep(currStep), utils_1.normalizeNavStep(prevStep));
|
|
56
51
|
};
|
|
57
52
|
const goToStepById = (steps = initialSteps, id) => {
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
// eslint-disable-next-line no-console
|
|
64
|
-
console.error(`Wizard: Unable to navigate to step with id: ${id}.`);
|
|
53
|
+
const step = steps.find(step => step.id === id);
|
|
54
|
+
const stepIndex = step === null || step === void 0 ? void 0 : step.index;
|
|
55
|
+
const lastStepIndex = steps.length + 1;
|
|
56
|
+
if (stepIndex > 0 && stepIndex < lastStepIndex && !step.isHidden) {
|
|
57
|
+
setActiveStepIndex(stepIndex);
|
|
65
58
|
}
|
|
66
59
|
};
|
|
67
60
|
const goToStepByName = (steps = initialSteps, name) => {
|
|
68
|
-
const
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
// eslint-disable-next-line no-console
|
|
74
|
-
console.error(`Wizard: Unable to navigate to step with name: ${name}.`);
|
|
61
|
+
const step = steps.find(step => step.name === name);
|
|
62
|
+
const stepIndex = step === null || step === void 0 ? void 0 : step.index;
|
|
63
|
+
const lastStepIndex = steps.length + 1;
|
|
64
|
+
if (stepIndex > 0 && stepIndex < lastStepIndex && !step.isHidden) {
|
|
65
|
+
setActiveStepIndex(stepIndex);
|
|
75
66
|
}
|
|
76
67
|
};
|
|
77
|
-
return (react_1.default.createElement(WizardContext_1.WizardContextProvider, { steps: initialSteps,
|
|
68
|
+
return (react_1.default.createElement(WizardContext_1.WizardContextProvider, { steps: initialSteps, activeStepIndex: activeStepIndex, footer: footer, onNext: goToNextStep, onBack: goToPrevStep, onClose: onClose, goToStepById: goToStepById, goToStepByName: goToStepByName, goToStepByIndex: goToStepByIndex },
|
|
78
69
|
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),
|
|
79
70
|
header,
|
|
80
|
-
react_1.default.createElement(WizardInternal, { nav: nav,
|
|
71
|
+
react_1.default.createElement(WizardInternal, { nav: nav, isStepVisitRequired: isStepVisitRequired }))));
|
|
81
72
|
};
|
|
82
73
|
exports.Wizard = Wizard;
|
|
83
|
-
const WizardInternal = ({ nav,
|
|
84
|
-
const {
|
|
74
|
+
const WizardInternal = ({ nav, isStepVisitRequired }) => {
|
|
75
|
+
const { activeStep, steps, footer, goToStepByIndex } = WizardContext_1.useWizardContext();
|
|
85
76
|
const [isNavExpanded, setIsNavExpanded] = react_1.default.useState(false);
|
|
86
77
|
const wizardNav = react_1.default.useMemo(() => {
|
|
87
78
|
if (types_1.isCustomWizardNav(nav)) {
|
|
88
|
-
return typeof nav === 'function' ? nav(isNavExpanded, steps,
|
|
79
|
+
return typeof nav === 'function' ? nav(isNavExpanded, steps, activeStep, goToStepByIndex) : nav;
|
|
89
80
|
}
|
|
90
81
|
return react_1.default.createElement(WizardNavInternal_1.WizardNavInternal, { nav: nav, isNavExpanded: isNavExpanded, isStepVisitRequired: isStepVisitRequired });
|
|
91
|
-
}, [
|
|
92
|
-
return (react_1.default.createElement(WizardToggle_1.WizardToggle, { nav: wizardNav, footer: footer, steps: steps,
|
|
82
|
+
}, [activeStep, isStepVisitRequired, goToStepByIndex, isNavExpanded, nav, steps]);
|
|
83
|
+
return (react_1.default.createElement(WizardToggle_1.WizardToggle, { nav: wizardNav, footer: footer, steps: steps, activeStep: activeStep, isNavExpanded: isNavExpanded, toggleNavExpanded: () => setIsNavExpanded(prevIsExpanded => !prevIsExpanded) }));
|
|
93
84
|
};
|
|
94
85
|
exports.Wizard.displayName = 'Wizard';
|
|
95
86
|
//# sourceMappingURL=Wizard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/Wizard.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,iFAAiD;AAEjD,2DAA+C;AAC/C,2GAA2E;AAE3E,mCAOiB;AACjB,mCAAuD;AACvD,mDAA0E;AAE1E,iDAA8C;AAC9C,2DAAwD;
|
|
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"}
|
|
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importDefault(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 WizardBody = ({ children,
|
|
9
|
-
react_1.default.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardMainBody,
|
|
8
|
+
const WizardBody = ({ children, hasNoPadding = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, component: WrapperComponent = 'div' }) => (react_1.default.createElement(WrapperComponent, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: react_styles_1.css(wizard_1.default.wizardMain) },
|
|
9
|
+
react_1.default.createElement("div", { className: react_styles_1.css(wizard_1.default.wizardMainBody, hasNoPadding && wizard_1.default.modifiers.noPadding) }, children)));
|
|
10
10
|
exports.WizardBody = WizardBody;
|
|
11
11
|
exports.WizardBody.displayName = 'WizardBody';
|
|
12
12
|
//# sourceMappingURL=WizardBody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2GAA2E;AAC3E,2DAA+C;AAkBxC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"WizardBody.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardBody.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2GAA2E;AAC3E,2DAA+C;AAkBxC,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,8BAAC,gBAAgB,kBAAa,SAAS,qBAAmB,cAAc,EAAE,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,UAAU,CAAC;IACzG,uCAAK,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,cAAc,EAAE,YAAY,IAAI,gBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAO,CACvF,CACpB,CAAC;AAVW,QAAA,UAAU,cAUrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|