@patternfly/react-core 4.273.3 → 4.274.1
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 +24 -0
- package/components/Chip/Chip.d.ts.map +1 -1
- package/components/Chip/Chip.js +5 -4
- package/components/Chip/Chip.js.map +1 -1
- package/components/Menu/MenuGroup.d.ts +1 -1
- package/components/Menu/MenuGroup.d.ts.map +1 -1
- package/components/Menu/MenuGroup.js.map +1 -1
- package/components/Text/TextList.d.ts +2 -0
- package/components/Text/TextList.d.ts.map +1 -1
- package/components/Text/TextList.js +3 -2
- package/components/Text/TextList.js.map +1 -1
- package/dist/esm/components/Chip/Chip.d.ts.map +1 -1
- package/dist/esm/components/Chip/Chip.js +5 -4
- package/dist/esm/components/Chip/Chip.js.map +1 -1
- package/dist/esm/components/Menu/MenuGroup.d.ts +1 -1
- package/dist/esm/components/Menu/MenuGroup.d.ts.map +1 -1
- package/dist/esm/components/Menu/MenuGroup.js.map +1 -1
- package/dist/esm/components/Text/TextList.d.ts +2 -0
- package/dist/esm/components/Text/TextList.d.ts.map +1 -1
- package/dist/esm/components/Text/TextList.js +3 -2
- package/dist/esm/components/Text/TextList.js.map +1 -1
- package/dist/esm/next/components/Wizard/Wizard.d.ts +11 -14
- package/dist/esm/next/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/Wizard.js +30 -23
- package/dist/esm/next/components/Wizard/Wizard.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardContext.d.ts +16 -16
- package/dist/esm/next/components/Wizard/WizardContext.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardContext.js +17 -19
- package/dist/esm/next/components/Wizard/WizardContext.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardFooter.d.ts +8 -5
- package/dist/esm/next/components/Wizard/WizardFooter.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardFooter.js +1 -1
- package/dist/esm/next/components/Wizard/WizardFooter.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardHeader.d.ts +1 -1
- package/dist/esm/next/components/Wizard/WizardHeader.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNavInternal.d.ts +2 -2
- package/dist/esm/next/components/Wizard/WizardNavInternal.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNavInternal.js +15 -9
- package/dist/esm/next/components/Wizard/WizardNavInternal.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNavItem.d.ts +10 -4
- package/dist/esm/next/components/Wizard/WizardNavItem.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardNavItem.js +10 -9
- package/dist/esm/next/components/Wizard/WizardNavItem.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardStep.d.ts +3 -3
- package/dist/esm/next/components/Wizard/WizardStep.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardStep.js +4 -2
- package/dist/esm/next/components/Wizard/WizardStep.js.map +1 -1
- package/dist/esm/next/components/Wizard/WizardToggle.d.ts +4 -4
- package/dist/esm/next/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/WizardToggle.js +1 -1
- package/dist/esm/next/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/esm/next/components/Wizard/hooks/index.d.ts +1 -0
- package/dist/esm/next/components/Wizard/hooks/index.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/hooks/index.js +1 -0
- package/dist/esm/next/components/Wizard/hooks/index.js.map +1 -1
- package/dist/esm/next/components/Wizard/hooks/useGetMergedSteps.d.ts +9 -0
- package/dist/esm/next/components/Wizard/hooks/useGetMergedSteps.d.ts.map +1 -0
- package/dist/esm/next/components/Wizard/hooks/useGetMergedSteps.js +33 -0
- package/dist/esm/next/components/Wizard/hooks/useGetMergedSteps.js.map +1 -0
- package/dist/esm/next/components/Wizard/index.d.ts +2 -2
- package/dist/esm/next/components/Wizard/index.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/index.js +2 -2
- package/dist/esm/next/components/Wizard/index.js.map +1 -1
- package/dist/esm/next/components/Wizard/types.d.ts +13 -19
- package/dist/esm/next/components/Wizard/types.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/types.js +6 -0
- package/dist/esm/next/components/Wizard/types.js.map +1 -1
- package/dist/esm/next/components/Wizard/utils.d.ts +5 -6
- package/dist/esm/next/components/Wizard/utils.d.ts.map +1 -1
- package/dist/esm/next/components/Wizard/utils.js +15 -22
- package/dist/esm/next/components/Wizard/utils.js.map +1 -1
- package/dist/js/components/Chip/Chip.d.ts.map +1 -1
- package/dist/js/components/Chip/Chip.js +4 -4
- package/dist/js/components/Chip/Chip.js.map +1 -1
- package/dist/js/components/Menu/MenuGroup.d.ts +1 -1
- package/dist/js/components/Menu/MenuGroup.d.ts.map +1 -1
- package/dist/js/components/Menu/MenuGroup.js.map +1 -1
- package/dist/js/components/Text/TextList.d.ts +2 -0
- package/dist/js/components/Text/TextList.d.ts.map +1 -1
- package/dist/js/components/Text/TextList.js +3 -2
- package/dist/js/components/Text/TextList.js.map +1 -1
- package/dist/js/next/components/Wizard/Wizard.d.ts +11 -14
- package/dist/js/next/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/Wizard.js +28 -21
- package/dist/js/next/components/Wizard/Wizard.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardContext.d.ts +16 -16
- package/dist/js/next/components/Wizard/WizardContext.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardContext.js +16 -17
- package/dist/js/next/components/Wizard/WizardContext.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardFooter.d.ts +8 -5
- package/dist/js/next/components/Wizard/WizardFooter.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardFooter.js +1 -1
- package/dist/js/next/components/Wizard/WizardFooter.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardHeader.d.ts +1 -1
- package/dist/js/next/components/Wizard/WizardHeader.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardNavInternal.d.ts +2 -2
- package/dist/js/next/components/Wizard/WizardNavInternal.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardNavInternal.js +15 -9
- package/dist/js/next/components/Wizard/WizardNavInternal.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardNavItem.d.ts +10 -4
- package/dist/js/next/components/Wizard/WizardNavItem.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardNavItem.js +10 -8
- package/dist/js/next/components/Wizard/WizardNavItem.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardStep.d.ts +3 -3
- package/dist/js/next/components/Wizard/WizardStep.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardStep.js +4 -2
- package/dist/js/next/components/Wizard/WizardStep.js.map +1 -1
- package/dist/js/next/components/Wizard/WizardToggle.d.ts +4 -4
- package/dist/js/next/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/WizardToggle.js +1 -1
- package/dist/js/next/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/js/next/components/Wizard/hooks/index.d.ts +1 -0
- package/dist/js/next/components/Wizard/hooks/index.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/hooks/index.js +3 -1
- package/dist/js/next/components/Wizard/hooks/index.js.map +1 -1
- package/dist/js/next/components/Wizard/hooks/useGetMergedSteps.d.ts +9 -0
- package/dist/js/next/components/Wizard/hooks/useGetMergedSteps.d.ts.map +1 -0
- package/dist/js/next/components/Wizard/hooks/useGetMergedSteps.js +38 -0
- package/dist/js/next/components/Wizard/hooks/useGetMergedSteps.js.map +1 -0
- package/dist/js/next/components/Wizard/index.d.ts +2 -2
- package/dist/js/next/components/Wizard/index.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/index.js +4 -2
- package/dist/js/next/components/Wizard/index.js.map +1 -1
- package/dist/js/next/components/Wizard/types.d.ts +13 -19
- package/dist/js/next/components/Wizard/types.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/types.js +7 -1
- package/dist/js/next/components/Wizard/types.js.map +1 -1
- package/dist/js/next/components/Wizard/utils.d.ts +5 -6
- package/dist/js/next/components/Wizard/utils.d.ts.map +1 -1
- package/dist/js/next/components/Wizard/utils.js +17 -25
- package/dist/js/next/components/Wizard/utils.js.map +1 -1
- package/dist/umd/react-core.min.js +2 -2
- package/next/components/Wizard/Wizard.d.ts +11 -14
- package/next/components/Wizard/Wizard.d.ts.map +1 -1
- package/next/components/Wizard/Wizard.js +30 -23
- package/next/components/Wizard/Wizard.js.map +1 -1
- package/next/components/Wizard/WizardContext.d.ts +16 -16
- package/next/components/Wizard/WizardContext.d.ts.map +1 -1
- package/next/components/Wizard/WizardContext.js +17 -19
- package/next/components/Wizard/WizardContext.js.map +1 -1
- package/next/components/Wizard/WizardFooter.d.ts +8 -5
- package/next/components/Wizard/WizardFooter.d.ts.map +1 -1
- package/next/components/Wizard/WizardFooter.js +1 -1
- package/next/components/Wizard/WizardFooter.js.map +1 -1
- package/next/components/Wizard/WizardHeader.d.ts +1 -1
- package/next/components/Wizard/WizardHeader.d.ts.map +1 -1
- package/next/components/Wizard/WizardNavInternal.d.ts +2 -2
- package/next/components/Wizard/WizardNavInternal.d.ts.map +1 -1
- package/next/components/Wizard/WizardNavInternal.js +15 -9
- package/next/components/Wizard/WizardNavInternal.js.map +1 -1
- package/next/components/Wizard/WizardNavItem.d.ts +10 -4
- package/next/components/Wizard/WizardNavItem.d.ts.map +1 -1
- package/next/components/Wizard/WizardNavItem.js +10 -9
- package/next/components/Wizard/WizardNavItem.js.map +1 -1
- package/next/components/Wizard/WizardStep.d.ts +3 -3
- package/next/components/Wizard/WizardStep.d.ts.map +1 -1
- package/next/components/Wizard/WizardStep.js +4 -2
- package/next/components/Wizard/WizardStep.js.map +1 -1
- package/next/components/Wizard/WizardToggle.d.ts +4 -4
- package/next/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/next/components/Wizard/WizardToggle.js +1 -1
- package/next/components/Wizard/WizardToggle.js.map +1 -1
- package/next/components/Wizard/hooks/index.d.ts +1 -0
- package/next/components/Wizard/hooks/index.d.ts.map +1 -1
- package/next/components/Wizard/hooks/index.js +1 -0
- package/next/components/Wizard/hooks/index.js.map +1 -1
- package/next/components/Wizard/hooks/useGetMergedSteps.d.ts +9 -0
- package/next/components/Wizard/hooks/useGetMergedSteps.d.ts.map +1 -0
- package/next/components/Wizard/hooks/useGetMergedSteps.js +33 -0
- package/next/components/Wizard/hooks/useGetMergedSteps.js.map +1 -0
- package/next/components/Wizard/index.d.ts +2 -2
- package/next/components/Wizard/index.d.ts.map +1 -1
- package/next/components/Wizard/index.js +2 -2
- package/next/components/Wizard/index.js.map +1 -1
- package/next/components/Wizard/types.d.ts +13 -19
- package/next/components/Wizard/types.d.ts.map +1 -1
- package/next/components/Wizard/types.js +6 -0
- package/next/components/Wizard/types.js.map +1 -1
- package/next/components/Wizard/utils.d.ts +5 -6
- package/next/components/Wizard/utils.d.ts.map +1 -1
- package/next/components/Wizard/utils.js +15 -22
- package/next/components/Wizard/utils.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Chip/Chip.tsx +4 -2
- package/src/components/Chip/__tests__/Chip.test.tsx +9 -0
- package/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +55 -0
- package/src/components/ChipGroup/__tests__/__snapshots__/ChipGroup.test.tsx.snap +4 -0
- package/src/components/Menu/MenuGroup.tsx +2 -2
- package/src/components/Modal/examples/Modal.md +46 -11
- package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +2 -0
- package/src/components/Text/TextList.tsx +5 -1
- package/src/components/Text/__tests__/TextList.test.tsx +5 -0
- package/src/components/Text/examples/Text.md +5 -0
- package/src/components/Text/examples/TextPlainList.tsx +24 -0
- package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +2 -0
- package/src/next/components/Wizard/Wizard.tsx +71 -46
- package/src/next/components/Wizard/WizardContext.tsx +38 -43
- package/src/next/components/Wizard/WizardFooter.tsx +10 -6
- package/src/next/components/Wizard/WizardHeader.tsx +1 -1
- package/src/next/components/Wizard/WizardNavInternal.tsx +51 -43
- package/src/next/components/Wizard/WizardNavItem.tsx +21 -14
- package/src/next/components/Wizard/WizardStep.tsx +8 -6
- package/src/next/components/Wizard/WizardToggle.tsx +5 -5
- package/src/next/components/Wizard/__tests__/Wizard.test.tsx +129 -26
- package/src/next/components/Wizard/__tests__/WizardStep.test.tsx +5 -5
- package/src/next/components/Wizard/__tests__/WizardToggle.test.tsx +2 -2
- package/src/next/components/Wizard/__tests__/utils.test.tsx +3 -17
- package/src/next/components/Wizard/examples/Wizard.md +69 -41
- package/src/next/components/Wizard/examples/WizardBasic.tsx +6 -12
- package/src/next/components/Wizard/examples/WizardBasicDisabledSteps.tsx +22 -0
- package/src/next/components/Wizard/examples/WizardEnabledOnFormValidation.tsx +84 -0
- package/src/next/components/Wizard/examples/WizardExpandableSteps.tsx +42 -0
- package/src/next/components/Wizard/examples/WizardGetCurrentStep.tsx +53 -0
- package/src/next/components/Wizard/examples/WizardProgressiveSteps.tsx +31 -0
- package/src/next/components/Wizard/examples/WizardStepDrawerContent.tsx +80 -0
- package/src/next/components/Wizard/examples/WizardStepErrorStatus.tsx +55 -0
- package/src/next/components/Wizard/examples/WizardStepVisitRequired.tsx +22 -0
- package/src/next/components/Wizard/examples/WizardToggleStepVisibility.tsx +57 -0
- package/src/next/components/Wizard/examples/WizardValidateOnButtonPress.tsx +183 -0
- package/src/next/components/Wizard/examples/WizardWithCustomFooter.tsx +107 -0
- package/src/next/components/Wizard/examples/{WizardCustomNav.tsx → WizardWithCustomNav.tsx} +11 -11
- package/src/next/components/Wizard/examples/WizardWithCustomNavItem.tsx +22 -0
- package/src/next/components/Wizard/examples/WizardWithHeader.tsx +26 -0
- package/src/next/components/Wizard/examples/WizardWithNavAnchors.tsx +46 -0
- package/src/next/components/Wizard/examples/WizardWithSubmitProgress.tsx +86 -0
- package/src/next/components/Wizard/examples/WizardWithinModal.tsx +41 -0
- package/src/next/components/Wizard/hooks/index.ts +1 -0
- package/src/next/components/Wizard/hooks/useGetMergedSteps.tsx +45 -0
- package/src/next/components/Wizard/index.ts +2 -2
- package/src/next/components/Wizard/types.tsx +19 -29
- package/src/next/components/Wizard/utils.ts +27 -33
- package/src/next/components/Wizard/examples/WizardKitchenSink.tsx +0 -243
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { WizardStepType, WizardFooterType } from './types';
|
|
3
3
|
import { WizardFooterProps } from './WizardFooter';
|
|
4
4
|
export interface WizardContextProps {
|
|
5
5
|
/** List of steps */
|
|
6
|
-
steps:
|
|
6
|
+
steps: WizardStepType[];
|
|
7
7
|
/** Current step */
|
|
8
|
-
activeStep:
|
|
8
|
+
activeStep: WizardStepType;
|
|
9
9
|
/** Footer element */
|
|
10
10
|
footer: React.ReactElement;
|
|
11
|
+
/** Close the wizard */
|
|
12
|
+
close: () => void;
|
|
11
13
|
/** Navigate to the next step */
|
|
12
|
-
|
|
14
|
+
goToNextStep: () => void | Promise<void>;
|
|
13
15
|
/** Navigate to the previous step */
|
|
14
|
-
|
|
15
|
-
/** Close the wizard */
|
|
16
|
-
onClose: () => void;
|
|
16
|
+
goToPrevStep: () => void | Promise<void>;
|
|
17
17
|
/** Navigate to step by ID */
|
|
18
18
|
goToStepById: (id: number | string) => void;
|
|
19
19
|
/** Navigate to step by name */
|
|
@@ -23,22 +23,22 @@ export interface WizardContextProps {
|
|
|
23
23
|
/** Update the footer with any react element */
|
|
24
24
|
setFooter: (footer: React.ReactElement | Partial<WizardFooterProps>) => void;
|
|
25
25
|
/** Get step by ID */
|
|
26
|
-
getStep: (stepId: number | string) =>
|
|
26
|
+
getStep: (stepId: number | string) => WizardStepType;
|
|
27
27
|
/** Set step by ID */
|
|
28
|
-
setStep: (step: Pick<
|
|
28
|
+
setStep: (step: Pick<WizardStepType, 'id'> & Partial<WizardStepType>) => void;
|
|
29
29
|
}
|
|
30
30
|
export declare const WizardContext: React.Context<WizardContextProps>;
|
|
31
31
|
export interface WizardContextProviderProps {
|
|
32
|
-
steps:
|
|
32
|
+
steps: WizardStepType[];
|
|
33
33
|
activeStepIndex: number;
|
|
34
34
|
footer: WizardFooterType;
|
|
35
35
|
children: React.ReactElement;
|
|
36
|
-
onNext(steps:
|
|
37
|
-
onBack(steps:
|
|
38
|
-
onClose(): void;
|
|
39
|
-
goToStepById(steps:
|
|
40
|
-
goToStepByName(steps:
|
|
41
|
-
goToStepByIndex(steps:
|
|
36
|
+
onNext(event: React.MouseEvent<HTMLButtonElement>, steps: WizardStepType[]): void;
|
|
37
|
+
onBack(event: React.MouseEvent<HTMLButtonElement>, steps: WizardStepType[]): void;
|
|
38
|
+
onClose(event: React.MouseEvent<HTMLButtonElement>): void;
|
|
39
|
+
goToStepById(steps: WizardStepType[], id: number | string): void;
|
|
40
|
+
goToStepByName(steps: WizardStepType[], name: string): void;
|
|
41
|
+
goToStepByIndex(event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>, steps: WizardStepType[], index: number): void;
|
|
42
42
|
}
|
|
43
43
|
export declare const WizardContextProvider: React.FunctionComponent<WizardContextProviderProps>;
|
|
44
44
|
export declare const useWizardContext: () => WizardContextProps;
|
|
@@ -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,EAAyC,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGlG,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mBAAmB;IACnB,UAAU,EAAE,cAAc,CAAC;IAC3B,qBAAqB;IACrB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,uBAAuB;IACvB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gCAAgC;IAChC,YAAY,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,oCAAoC;IACpC,YAAY,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,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,cAAc,CAAC;IACrD,qBAAqB;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC/E;AAED,eAAO,MAAM,aAAa,mCAAgD,CAAC;AAE3E,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAClF,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAClF,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAC1D,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjE,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5D,eAAe,CACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAChF,KAAK,EAAE,cAAc,EAAE,EACvB,KAAK,EAAE,MAAM,GACZ,IAAI,CAAC;CACT;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAqFrF,CAAC;AAIF,eAAO,MAAM,gBAAgB,0BAAwC,CAAC"}
|
|
@@ -5,31 +5,27 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const types_1 = require("./types");
|
|
7
7
|
const utils_1 = require("./utils");
|
|
8
|
+
const hooks_1 = require("./hooks");
|
|
8
9
|
const WizardFooter_1 = require("./WizardFooter");
|
|
9
10
|
exports.WizardContext = react_1.default.createContext({});
|
|
10
11
|
const WizardContextProvider = ({ steps: initialSteps, footer: initialFooter, activeStepIndex, children, onNext, onBack, onClose, goToStepById, goToStepByName, goToStepByIndex }) => {
|
|
11
12
|
const [currentSteps, setCurrentSteps] = react_1.default.useState(initialSteps);
|
|
12
13
|
const [currentFooter, setCurrentFooter] = react_1.default.useState(typeof initialFooter !== 'function' ? initialFooter : undefined);
|
|
13
|
-
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}), [initialSteps, currentSteps]);
|
|
19
|
-
const activeStep = (0, utils_1.getActiveStep)(steps, activeStepIndex);
|
|
20
|
-
const goToNextStep = react_1.default.useCallback(() => onNext(steps), [onNext, steps]);
|
|
21
|
-
const goToPrevStep = react_1.default.useCallback(() => onBack(steps), [onBack, steps]);
|
|
14
|
+
const steps = (0, hooks_1.useGetMergedSteps)(initialSteps, currentSteps);
|
|
15
|
+
const activeStep = react_1.default.useMemo(() => (0, utils_1.getActiveStep)(steps, activeStepIndex), [activeStepIndex, steps]);
|
|
16
|
+
const close = react_1.default.useCallback(() => onClose(null), [onClose]);
|
|
17
|
+
const goToNextStep = react_1.default.useCallback(() => onNext(null, steps), [onNext, steps]);
|
|
18
|
+
const goToPrevStep = react_1.default.useCallback(() => onBack(null, steps), [onBack, steps]);
|
|
22
19
|
const footer = react_1.default.useMemo(() => {
|
|
23
|
-
var _a;
|
|
24
20
|
const wizardFooter = (activeStep === null || activeStep === void 0 ? void 0 : activeStep.footer) || currentFooter || initialFooter;
|
|
25
21
|
if ((0, types_1.isCustomWizardFooter)(wizardFooter)) {
|
|
26
22
|
const customFooter = wizardFooter;
|
|
27
23
|
return typeof customFooter === 'function'
|
|
28
|
-
? customFooter(activeStep, goToNextStep, goToPrevStep,
|
|
24
|
+
? customFooter(activeStep, goToNextStep, goToPrevStep, close)
|
|
29
25
|
: customFooter;
|
|
30
26
|
}
|
|
31
|
-
return (react_1.default.createElement(WizardFooter_1.WizardFooter, Object.assign({ activeStep: activeStep, onNext: goToNextStep, onBack: goToPrevStep, onClose:
|
|
32
|
-
}, [currentFooter, initialFooter, activeStep, goToNextStep, goToPrevStep,
|
|
27
|
+
return (react_1.default.createElement(WizardFooter_1.WizardFooter, Object.assign({ activeStep: activeStep, onNext: goToNextStep, onBack: goToPrevStep, onClose: close, isBackDisabled: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.index) === 1 || ((0, types_1.isWizardSubStep)(activeStep) && (activeStep === null || activeStep === void 0 ? void 0 : activeStep.index) === 2) }, wizardFooter)));
|
|
28
|
+
}, [currentFooter, initialFooter, activeStep, goToNextStep, goToPrevStep, close]);
|
|
33
29
|
const getStep = react_1.default.useCallback((stepId) => steps.find(step => step.id === stepId), [steps]);
|
|
34
30
|
const setStep = react_1.default.useCallback((step) => setCurrentSteps(prevSteps => prevSteps.map(prevStep => {
|
|
35
31
|
if (prevStep.id === step.id) {
|
|
@@ -41,15 +37,18 @@ const WizardContextProvider = ({ steps: initialSteps, footer: initialFooter, act
|
|
|
41
37
|
steps,
|
|
42
38
|
activeStep,
|
|
43
39
|
footer,
|
|
44
|
-
|
|
40
|
+
close,
|
|
45
41
|
getStep,
|
|
46
42
|
setStep,
|
|
43
|
+
goToNextStep,
|
|
44
|
+
goToPrevStep,
|
|
47
45
|
setFooter: setCurrentFooter,
|
|
48
|
-
onNext: goToNextStep,
|
|
49
|
-
onBack: goToPrevStep,
|
|
50
46
|
goToStepById: react_1.default.useCallback(id => goToStepById(steps, id), [goToStepById, steps]),
|
|
51
47
|
goToStepByName: react_1.default.useCallback(name => goToStepByName(steps, name), [goToStepByName, steps]),
|
|
52
|
-
goToStepByIndex: react_1.default.useCallback(index => goToStepByIndex(steps, index), [
|
|
48
|
+
goToStepByIndex: react_1.default.useCallback((index) => goToStepByIndex(null, steps, index), [
|
|
49
|
+
goToStepByIndex,
|
|
50
|
+
steps
|
|
51
|
+
])
|
|
53
52
|
} }, children));
|
|
54
53
|
};
|
|
55
54
|
exports.WizardContextProvider = WizardContextProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardContext.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"WizardContext.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { WizardStepType } from './types';
|
|
3
3
|
/**
|
|
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
7
|
/** The active step */
|
|
8
|
-
activeStep:
|
|
8
|
+
activeStep: WizardStepType;
|
|
9
9
|
/** Next button callback */
|
|
10
|
-
onNext: () =>
|
|
10
|
+
onNext: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>;
|
|
11
11
|
/** Back button callback */
|
|
12
|
-
onBack: () =>
|
|
12
|
+
onBack: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>;
|
|
13
13
|
/** Cancel link callback */
|
|
14
|
-
onClose: () => void;
|
|
14
|
+
onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
15
15
|
/** Custom text for the Next button. The current step's nextButtonText takes precedence. */
|
|
16
16
|
nextButtonText?: React.ReactNode;
|
|
17
17
|
/** Custom text for the Back button */
|
|
@@ -27,6 +27,9 @@ export interface WizardFooterProps {
|
|
|
27
27
|
/** True to hide the Cancel button */
|
|
28
28
|
isCancelHidden?: boolean;
|
|
29
29
|
}
|
|
30
|
+
/**
|
|
31
|
+
* Applies default wizard footer styling any number of child elements.
|
|
32
|
+
*/
|
|
30
33
|
interface WizardFooterWrapperProps {
|
|
31
34
|
children: React.ReactNode;
|
|
32
35
|
}
|
|
@@ -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,
|
|
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,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,sBAAsB;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,2BAA2B;IAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,2BAA2B;IAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,2BAA2B;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,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;;GAEG;AAEH,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"}
|
|
@@ -11,7 +11,7 @@ const WizardFooterWrapper = ({ children }) => (react_1.default.createElement("fo
|
|
|
11
11
|
exports.WizardFooterWrapper = WizardFooterWrapper;
|
|
12
12
|
const WizardFooter = (_a) => {
|
|
13
13
|
var { activeStep } = _a, internalProps = tslib_1.__rest(_a, ["activeStep"]);
|
|
14
|
-
const activeStepFooter = !(0, types_1.isCustomWizardFooter)(activeStep.footer) && activeStep.footer;
|
|
14
|
+
const activeStepFooter = !(0, types_1.isCustomWizardFooter)(activeStep === null || activeStep === void 0 ? void 0 : activeStep.footer) && (activeStep === null || activeStep === void 0 ? void 0 : activeStep.footer);
|
|
15
15
|
return react_1.default.createElement(InternalWizardFooter, Object.assign({}, internalProps, activeStepFooter));
|
|
16
16
|
};
|
|
17
17
|
exports.WizardFooter = WizardFooter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardFooter.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardFooter.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2DAA+C;AAC/C,2GAA2E;AAE3E,uDAAmE;AACnE,
|
|
1
|
+
{"version":3,"file":"WizardFooter.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardFooter.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2DAA+C;AAC/C,2GAA2E;AAE3E,uDAAmE;AACnE,mCAA+D;AAuCxD,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE,CAAC,CAC7E,0CAAQ,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAU,CACjE,CAAC;AAFW,QAAA,mBAAmB,uBAE9B;AAEK,MAAM,YAAY,GAAG,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,UAAU,OAAuC,EAAlC,aAAa,sBAA9B,cAAgC,CAAF;IACzD,MAAM,gBAAgB,GAAG,CAAC,IAAA,4BAAoB,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,CAAC;IACzF,OAAO,8BAAC,oBAAoB,oBAAK,aAAa,EAAM,gBAAgB,EAAI,CAAC;AAC3E,CAAC,CAAC;AAHW,QAAA,YAAY,gBAGvB;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,8BAAC,2BAAmB;IAClB,8BAAC,eAAM,IAAC,OAAO,EAAE,sBAAa,CAAC,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,IAC9F,cAAc,CACR;IAER,CAAC,YAAY,IAAI,CAChB,8BAAC,eAAM,IAAC,OAAO,EAAE,sBAAa,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,IAClF,cAAc,CACR,CACV;IAEA,CAAC,cAAc,IAAI,CAClB,uCAAK,SAAS,EAAE,gBAAM,CAAC,kBAAkB;QACvC,8BAAC,eAAM,IAAC,OAAO,EAAE,sBAAa,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IAClD,gBAAgB,CACV,CACL,CACP,CACmB,CACvB,CAAC;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AACxD,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface WizardHeaderProps {
|
|
3
3
|
/** Callback function called when the X (Close) button is clicked */
|
|
4
|
-
onClose?: () => void;
|
|
4
|
+
onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
5
|
/** Title of the wizard */
|
|
6
6
|
title: string;
|
|
7
7
|
/** Description of the wizard */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,iBAAiB;IAChC,oEAAoE;IACpE,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"WizardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,iBAAiB;IAChC,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC;IACnC,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA2BnE,CAAC"}
|
|
@@ -5,10 +5,10 @@ import { WizardNavProps } from './WizardNav';
|
|
|
5
5
|
* Hosts deafult wizard navigation logic by utilizing the wizard's context and WizardNav/WizardNavItem.
|
|
6
6
|
* This component is not exposed to consumers.
|
|
7
7
|
*/
|
|
8
|
-
interface WizardNavInternalProps extends Pick<WizardProps, '
|
|
8
|
+
interface WizardNavInternalProps extends Pick<WizardProps, 'isVisitRequired' | 'isProgressive'> {
|
|
9
9
|
nav: Partial<WizardNavProps>;
|
|
10
10
|
isNavExpanded: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const WizardNavInternal: ({ nav,
|
|
12
|
+
export declare const WizardNavInternal: ({ nav, isVisitRequired, isProgressive, isNavExpanded }: WizardNavInternalProps) => JSX.Element;
|
|
13
13
|
export {};
|
|
14
14
|
//# sourceMappingURL=WizardNavInternal.d.ts.map
|
|
@@ -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,
|
|
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,iBAAiB,GAAG,eAAe,CAAC;IAC7F,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,2DAA4D,sBAAsB,gBA+H/G,CAAC"}
|
|
@@ -7,15 +7,15 @@ const types_1 = require("./types");
|
|
|
7
7
|
const WizardContext_1 = require("./WizardContext");
|
|
8
8
|
const WizardNav_1 = require("./WizardNav");
|
|
9
9
|
const WizardNavItem_1 = require("./WizardNavItem");
|
|
10
|
-
const WizardNavInternal = ({ nav,
|
|
10
|
+
const WizardNavInternal = ({ nav, isVisitRequired, isProgressive, isNavExpanded }) => {
|
|
11
11
|
const { activeStep, steps, goToStepByIndex } = (0, WizardContext_1.useWizardContext)();
|
|
12
12
|
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']) && {
|
|
13
13
|
'aria-labelledby': nav['aria-labelledby']
|
|
14
14
|
}));
|
|
15
15
|
return (react_1.default.createElement(WizardNav_1.WizardNav, Object.assign({}, wizardNavProps), steps.map((step, stepIndex) => {
|
|
16
|
-
var _a
|
|
16
|
+
var _a;
|
|
17
17
|
const hasVisitedNextStep = steps.some(step => step.index > stepIndex + 1 && step.isVisited);
|
|
18
|
-
const isStepDisabled = step.isDisabled || (
|
|
18
|
+
const isStepDisabled = step.isDisabled || (isVisitRequired && !step.isVisited && !hasVisitedNextStep);
|
|
19
19
|
const customStepNavItem = (0, types_1.isCustomWizardNavItem)(step.navItem) && (react_1.default.createElement(react_1.default.Fragment, { key: step.id }, typeof step.navItem === 'function' ? step.navItem(step, activeStep, steps, goToStepByIndex) : step.navItem));
|
|
20
20
|
if ((0, types_1.isWizardParentStep)(step) && !step.isHidden) {
|
|
21
21
|
let firstSubStepIndex;
|
|
@@ -23,7 +23,7 @@ const WizardNavInternal = ({ nav, isStepVisitRequired, isNavExpanded }) => {
|
|
|
23
23
|
const subNavItems = (_a = step.subStepIds) === null || _a === void 0 ? void 0 : _a.map((subStepId, subStepIndex) => {
|
|
24
24
|
const subStep = steps.find(step => step.id === subStepId);
|
|
25
25
|
const hasVisitedNextStep = steps.some(step => step.index > subStep.index && step.isVisited);
|
|
26
|
-
const isSubStepDisabled = subStep.isDisabled || (
|
|
26
|
+
const isSubStepDisabled = subStep.isDisabled || (isVisitRequired && !subStep.isVisited && !hasVisitedNextStep);
|
|
27
27
|
const customSubStepNavItem = (0, types_1.isCustomWizardNavItem)(subStep.navItem) && (react_1.default.createElement(react_1.default.Fragment, { key: subStep.id }, typeof subStep.navItem === 'function'
|
|
28
28
|
? subStep.navItem(subStep, activeStep, steps, goToStepByIndex)
|
|
29
29
|
: subStep.navItem));
|
|
@@ -39,14 +39,20 @@ const WizardNavInternal = ({ nav, isStepVisitRequired, isNavExpanded }) => {
|
|
|
39
39
|
if ((activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) === subStep.id) {
|
|
40
40
|
hasActiveChild = true;
|
|
41
41
|
}
|
|
42
|
-
|
|
42
|
+
if (!isProgressive || (isProgressive && subStep.index <= activeStep.index)) {
|
|
43
|
+
return (customSubStepNavItem || (react_1.default.createElement(WizardNavItem_1.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, onClick: () => goToStepByIndex(subStep.index), status: subStep.status }, subStep.navItem))));
|
|
44
|
+
}
|
|
43
45
|
});
|
|
44
46
|
const hasEnabledChildren = react_1.default.Children.toArray(subNavItems).some(child => react_1.default.isValidElement(child) && !child.props.isDisabled);
|
|
45
|
-
|
|
46
|
-
react_1.default.createElement(
|
|
47
|
+
if (!isProgressive || (isProgressive && step.index <= activeStep.index)) {
|
|
48
|
+
return (customStepNavItem || (react_1.default.createElement(WizardNavItem_1.WizardNavItem, Object.assign({ key: step.id, id: step.id, content: step.name, isExpandable: step.isExpandable, isCurrent: hasActiveChild, isDisabled: !hasEnabledChildren, isVisited: step.isVisited, stepIndex: firstSubStepIndex, onClick: () => goToStepByIndex(firstSubStepIndex), status: step.status }, step.navItem),
|
|
49
|
+
react_1.default.createElement(WizardNav_1.WizardNav, Object.assign({}, wizardNavProps, { isInnerList: true }), subNavItems))));
|
|
50
|
+
}
|
|
47
51
|
}
|
|
48
|
-
if ((0, types_1.isWizardBasicStep)(step) &&
|
|
49
|
-
|
|
52
|
+
if ((0, types_1.isWizardBasicStep)(step) &&
|
|
53
|
+
!step.isHidden &&
|
|
54
|
+
(!isProgressive || (isProgressive && step.index <= activeStep.index))) {
|
|
55
|
+
return (customStepNavItem || (react_1.default.createElement(WizardNavItem_1.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, onClick: () => goToStepByIndex(step.index), status: step.status }, step.navItem))));
|
|
50
56
|
}
|
|
51
57
|
})));
|
|
52
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavInternal.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavInternal.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,mCAAuF;AAEvF,mDAAmD;AACnD,2CAAwD;AACxD,mDAAgD;AAYzC,MAAM,iBAAiB,GAAG,CAAC,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"WizardNavInternal.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavInternal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
import { OUIAProps } from '../../../helpers';
|
|
3
|
+
export interface WizardNavItemProps extends OUIAProps {
|
|
3
4
|
/** Can nest a WizardNav component for substeps */
|
|
4
5
|
children?: React.ReactNode;
|
|
5
6
|
/** The content to display in the navigation item */
|
|
@@ -13,11 +14,13 @@ export interface WizardNavItemProps {
|
|
|
13
14
|
/** The step index passed into the onNavItemClick callback */
|
|
14
15
|
stepIndex: number;
|
|
15
16
|
/** Callback for when the navigation item is clicked */
|
|
16
|
-
|
|
17
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>, index: number) => any;
|
|
17
18
|
/** Component used to render WizardNavItem */
|
|
18
|
-
|
|
19
|
+
component?: 'button' | 'a';
|
|
19
20
|
/** An optional url to use for when using an anchor component */
|
|
20
21
|
href?: string;
|
|
22
|
+
/** Where to display the linked URL when using an anchor component */
|
|
23
|
+
target?: React.HTMLAttributeAnchorTarget;
|
|
21
24
|
/** Flag indicating that this NavItem has child steps and is expandable */
|
|
22
25
|
isExpandable?: boolean;
|
|
23
26
|
/** The id for the navigation item */
|
|
@@ -25,5 +28,8 @@ export interface WizardNavItemProps {
|
|
|
25
28
|
/** Used to determine the icon displayed next to content. Default has no icon. */
|
|
26
29
|
status?: 'default' | 'error';
|
|
27
30
|
}
|
|
28
|
-
export declare const WizardNavItem:
|
|
31
|
+
export declare const WizardNavItem: {
|
|
32
|
+
({ children, content, isCurrent, isDisabled, isVisited, stepIndex, onClick, component: NavItemComponent, href, isExpandable, id, status, target, ouiaId, ouiaSafe }: WizardNavItemProps): JSX.Element;
|
|
33
|
+
displayName: string;
|
|
34
|
+
};
|
|
29
35
|
//# sourceMappingURL=WizardNavItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,SAAS,EAAgB,MAAM,kBAAkB,CAAC;AAG3D,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACnH,6CAA6C;IAC7C,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAC3B,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,MAAM,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC;IACzC,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa;yKAgBvB,kBAAkB;;CAkFpB,CAAC"}
|
|
@@ -7,15 +7,15 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
7
7
|
const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Wizard/wizard"));
|
|
8
8
|
const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
|
|
9
9
|
const exclamation_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-circle-icon'));
|
|
10
|
+
const helpers_1 = require("../../../helpers");
|
|
10
11
|
const types_1 = require("./types");
|
|
11
|
-
const WizardNavItem = (
|
|
12
|
-
var { children = null, content = '', isCurrent = false, isDisabled = false, isVisited = false, stepIndex, onNavItemClick = () => undefined, navItemComponent = 'button', href = null, isExpandable = false, id, status = 'default' } = _a, rest = tslib_1.__rest(_a, ["children", "content", "isCurrent", "isDisabled", "isVisited", "stepIndex", "onNavItemClick", "navItemComponent", "href", "isExpandable", "id", "status"]);
|
|
13
|
-
const NavItemComponent = navItemComponent;
|
|
12
|
+
const WizardNavItem = ({ children = null, content = '', isCurrent = false, isDisabled = false, isVisited = false, stepIndex, onClick, component: NavItemComponent = 'button', href, isExpandable = false, id, status = 'default', target, ouiaId, ouiaSafe = true }) => {
|
|
14
13
|
const [isExpanded, setIsExpanded] = React.useState(false);
|
|
14
|
+
const ouiaProps = (0, helpers_1.useOUIAProps)(exports.WizardNavItem.displayName, ouiaId, ouiaSafe);
|
|
15
15
|
React.useEffect(() => {
|
|
16
16
|
setIsExpanded(isCurrent);
|
|
17
17
|
}, [isCurrent]);
|
|
18
|
-
if (
|
|
18
|
+
if (NavItemComponent === 'a' && !href && process.env.NODE_ENV !== 'production') {
|
|
19
19
|
// eslint-disable-next-line no-console
|
|
20
20
|
console.error('WizardNavItem: When using an anchor, please provide an href');
|
|
21
21
|
}
|
|
@@ -33,10 +33,12 @@ const WizardNavItem = (_a) => {
|
|
|
33
33
|
}
|
|
34
34
|
}, [content, isCurrent, isVisited, status]);
|
|
35
35
|
return (React.createElement("li", { className: (0, react_styles_1.css)(wizard_1.default.wizardNavItem, isExpandable && wizard_1.default.modifiers.expandable, isExpandable && isExpanded && wizard_1.default.modifiers.expanded) },
|
|
36
|
-
React.createElement(NavItemComponent, Object.assign({},
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
React.createElement(NavItemComponent, Object.assign({}, (NavItemComponent === 'a'
|
|
37
|
+
? { tabIndex: isDisabled ? -1 : undefined, href, target }
|
|
38
|
+
: { disabled: isDisabled }), (id && { id: id.toString() }), { onClick: e => {
|
|
39
|
+
e.stopPropagation();
|
|
40
|
+
isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onClick === null || onClick === void 0 ? void 0 : onClick(e, stepIndex);
|
|
41
|
+
}, className: (0, react_styles_1.css)(wizard_1.default.wizardNavLink, isCurrent && wizard_1.default.modifiers.current, isDisabled && wizard_1.default.modifiers.disabled), "aria-disabled": isDisabled ? true : null, "aria-current": isCurrent && !children ? 'step' : false }, (isExpandable && { 'aria-expanded': isExpanded }), (ariaLabel && { 'aria-label': ariaLabel }), ouiaProps), isExpandable ? (React.createElement(React.Fragment, null,
|
|
40
42
|
React.createElement("span", { className: (0, react_styles_1.css)(wizard_1.default.wizardNavLinkText) }, content),
|
|
41
43
|
React.createElement("span", { className: (0, react_styles_1.css)(wizard_1.default.wizardNavLinkToggle) },
|
|
42
44
|
React.createElement("span", { className: (0, react_styles_1.css)(wizard_1.default.wizardNavLinkToggleIcon) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,2DAA+C;AAC/C,2GAA2E;AAC3E,sHAAqF;AACrF,oIAAmG;AAEnG,mCAA8C;
|
|
1
|
+
{"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,2DAA+C;AAC/C,2GAA2E;AAC3E,sHAAqF;AACrF,oIAAmG;AAEnG,8CAA2D;AAC3D,mCAA8C;AA+BvC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,OAAO,EACP,SAAS,EAAE,gBAAgB,GAAG,QAAQ,EACtC,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,EAAE,EACF,MAAM,GAAG,SAAS,EAClB,MAAM,EACN,MAAM,EACN,QAAQ,GAAG,IAAI,EACI,EAAE,EAAE;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,qBAAa,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE5E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,gBAAgB,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QAC9E,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,6DAA6D,CAAC,CAAC;KAC9E;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,MAAM,KAAK,2BAAmB,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,EAAE;YACrE,IAAI,KAAK,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;YAE/B,IAAI,MAAM,KAAK,2BAAmB,CAAC,KAAK,EAAE;gBACxC,KAAK,IAAI,KAAK,MAAM,EAAE,CAAC;aACxB;YAED,gDAAgD;YAChD,IAAI,SAAS,IAAI,CAAC,SAAS,EAAE;gBAC3B,KAAK,IAAI,WAAW,CAAC;aACtB;YAED,OAAO,KAAK,CAAC;SACd;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,4BACE,SAAS,EAAE,IAAA,kBAAG,EACZ,gBAAM,CAAC,aAAa,EACpB,YAAY,IAAI,gBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,YAAY,IAAI,UAAU,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,CACxD;QAED,oBAAC,gBAAgB,oBACX,CAAC,gBAAgB,KAAK,GAAG;YAC3B,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;YACzD,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EACzB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IACjC,OAAO,EAAE,CAAC,CAAC,EAAE;gBACX,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,EAAE,SAAS,CAAC,CAAC;YACnF,CAAC,EACD,SAAS,EAAE,IAAA,kBAAG,EACZ,gBAAM,CAAC,aAAa,EACpB,SAAS,IAAI,gBAAM,CAAC,SAAS,CAAC,OAAO,EACrC,UAAU,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,CACxC,mBACc,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,kBACzB,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IACjD,CAAC,YAAY,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,EACjD,CAAC,SAAS,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAC1C,SAAS,GAEZ,YAAY,CAAC,CAAC,CAAC,CACd;YACE,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,iBAAiB,CAAC,IAAG,OAAO,CAAQ;YAChE,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,mBAAmB,CAAC;gBAC9C,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,uBAAuB,CAAC;oBAClD,oBAAC,0BAAc,kBAAa,GAAG,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,YAAY,GAAI,CAC3E,CACF,CACN,CACJ,CAAC,CAAC,CAAC,CACF;YACG,OAAO;YAEP,MAAM,KAAK,2BAAmB,CAAC,KAAK,IAAI,CACvC,8BAAM,KAAK,EAAE,EAAE,UAAU,EAAE,8BAA8B,EAAE;gBACzD,oBAAC,iCAAqB,IAAC,KAAK,EAAC,qCAAqC,GAAG,CAChE,CACR,CACA,CACJ,CACgB;QAClB,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAlGW,QAAA,aAAa,iBAkGxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -11,7 +11,7 @@ export interface WizardStepProps {
|
|
|
11
11
|
/** Unique identifier */
|
|
12
12
|
id: string | number;
|
|
13
13
|
/** Optional for when the step is used as a parent to sub-steps */
|
|
14
|
-
children?: React.ReactNode;
|
|
14
|
+
children?: React.ReactNode | undefined;
|
|
15
15
|
/** Props for WizardBody that wraps content by default. Can be set to null for exclusion of WizardBody. */
|
|
16
16
|
body?: Omit<Omit<WizardBodyProps, 'children'>, 'children'> | null;
|
|
17
17
|
/** Optional list of sub-steps */
|
|
@@ -26,8 +26,8 @@ export interface WizardStepProps {
|
|
|
26
26
|
footer?: React.ReactElement | Partial<WizardFooterProps>;
|
|
27
27
|
/** Used to determine icon next to the step's navigation item */
|
|
28
28
|
status?: 'default' | 'error';
|
|
29
|
-
/** Flag to determine whether
|
|
30
|
-
|
|
29
|
+
/** Flag to determine whether parent steps can expand or not. Defaults to false. */
|
|
30
|
+
isExpandable?: boolean;
|
|
31
31
|
}
|
|
32
32
|
export declare const WizardStep: {
|
|
33
33
|
({ children, steps: _subSteps, ...props }: WizardStepProps): JSX.Element;
|
|
@@ -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,
|
|
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,EAAsB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC,0GAA0G;IAC1G,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAClE,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IAC9C,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACzD,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU;+CAA8C,eAAe;;CAsBnF,CAAC"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.WizardStep = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
const types_1 = require("./types");
|
|
6
7
|
const WizardContext_1 = require("./WizardContext");
|
|
7
8
|
const WizardStep = (_a) => {
|
|
8
9
|
var { children, steps: _subSteps } = _a, props = tslib_1.__rest(_a, ["children", "steps"]);
|
|
@@ -10,9 +11,10 @@ const WizardStep = (_a) => {
|
|
|
10
11
|
const { id, name, body, isDisabled, isHidden, navItem, footer, status } = props;
|
|
11
12
|
// Update step in context when props change or when the step is active has yet to be marked as visited.
|
|
12
13
|
react_1.default.useEffect(() => {
|
|
14
|
+
const shouldUpdateIsVisited = !(0, types_1.isWizardParentStep)(activeStep) && id === (activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) && !(activeStep === null || activeStep === void 0 ? void 0 : activeStep.isVisited);
|
|
13
15
|
setStep(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ id,
|
|
14
|
-
name }, (body && { body })), (isDisabled && { isDisabled })), (isHidden && { isHidden })), (navItem && { navItem })), (footer && { footer })), (status && { status })), (
|
|
15
|
-
}, [body, footer, id, isDisabled, isHidden, name, navItem, status, activeStep
|
|
16
|
+
name }, (body && { body })), (isDisabled && { isDisabled })), (isHidden && { isHidden })), (navItem && { navItem })), (footer && { footer })), (status && { status })), (shouldUpdateIsVisited && { isVisited: true })));
|
|
17
|
+
}, [body, footer, id, isDisabled, isHidden, name, navItem, status, activeStep, setStep]);
|
|
16
18
|
return react_1.default.createElement(react_1.default.Fragment, null, children);
|
|
17
19
|
};
|
|
18
20
|
exports.WizardStep = WizardStep;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;
|
|
1
|
+
{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardStep.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,mCAAgE;AAEhE,mDAAmD;AAgC5C,MAAM,UAAU,GAAG,CAAC,EAAyD,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,OAA6B,EAAxB,KAAK,sBAAtC,qBAAwC,CAAF;IAC/D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAgB,GAAE,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,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,qBAAqB,GAAG,CAAC,IAAA,0BAAkB,EAAC,UAAU,CAAC,IAAI,EAAE,MAAK,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,CAAA,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAA,CAAC;QAEjH,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,qBAAqB,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACjD,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzF,OAAO,8DAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AAtBW,QAAA,UAAU,cAsBrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { WizardNavProps } from '../Wizard';
|
|
3
|
-
import {
|
|
3
|
+
import { WizardStepType } from './types';
|
|
4
4
|
/**
|
|
5
5
|
* Used to toggle between step content, including the body and footer. This is also where the navigation and its expandability is controlled.
|
|
6
6
|
*/
|
|
7
7
|
export interface WizardToggleProps {
|
|
8
8
|
/** List of steps and/or sub-steps */
|
|
9
|
-
steps:
|
|
9
|
+
steps: WizardStepType[];
|
|
10
10
|
/** The current step */
|
|
11
|
-
activeStep:
|
|
11
|
+
activeStep: WizardStepType;
|
|
12
12
|
/** Wizard footer */
|
|
13
13
|
footer: React.ReactElement;
|
|
14
14
|
/** Wizard navigation */
|
|
@@ -18,7 +18,7 @@ export interface WizardToggleProps {
|
|
|
18
18
|
/** Flag to determine whether the dropdown navigation is expanded */
|
|
19
19
|
isNavExpanded?: boolean;
|
|
20
20
|
/** Callback to expand or collapse the dropdown navigation */
|
|
21
|
-
toggleNavExpanded?: () => void;
|
|
21
|
+
toggleNavExpanded?: (event: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
|
|
22
22
|
}
|
|
23
23
|
export declare const WizardToggle: {
|
|
24
24
|
({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, "aria-label": ariaLabel }: WizardToggleProps): JSX.Element;
|
|
@@ -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,EAA2C,MAAM,WAAW,CAAC;AACpF,OAAO,EAAE,
|
|
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,cAAc,EAAmB,MAAM,SAAS,CAAC;AAE1D;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,uBAAuB;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,oBAAoB;IACpB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,wBAAwB;IACxB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IACxC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,aAAa,KAAK,IAAI,CAAC;CAC1F;AAED,eAAO,MAAM,YAAY;oGAQtB,iBAAiB;;CAyEnB,CAAC"}
|
|
@@ -16,7 +16,7 @@ const WizardToggle = ({ steps, activeStep, footer, nav, isNavExpanded, toggleNav
|
|
|
16
16
|
const wizardToggleIndex = nonSubSteps.indexOf((0, types_1.isWizardSubStep)(activeStep) ? steps.find(step => step.id === activeStep.parentId) : activeStep) + 1;
|
|
17
17
|
const handleKeyClicks = react_1.default.useCallback((event) => {
|
|
18
18
|
if (isNavExpanded && event.key === constants_1.KeyTypes.Escape) {
|
|
19
|
-
toggleNavExpanded === null || toggleNavExpanded === void 0 ? void 0 : toggleNavExpanded();
|
|
19
|
+
toggleNavExpanded === null || toggleNavExpanded === void 0 ? void 0 : toggleNavExpanded(event);
|
|
20
20
|
}
|
|
21
21
|
}, [isNavExpanded, toggleNavExpanded]);
|
|
22
22
|
// Open/close collapsable navigation on keydown event
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardToggle.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2DAA+C;AAC/C,2GAA2E;AAC3E,sHAAqF;AACrF,oHAAmF;AAEnF,0DAAsD;AACtD,sCAAoF;AACpF,
|
|
1
|
+
{"version":3,"file":"WizardToggle.js","sourceRoot":"","sources":["../../../../../src/next/components/Wizard/WizardToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/Wizard/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|