@popmenu/admin-ui 0.126.4 → 0.127.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/build/cjs/components/Alert/index.d.ts +2 -2
- package/build/cjs/components/AlertDialog/AlertDialog.d.ts +1 -1
- package/build/cjs/components/AlertDialog/index.d.ts +2 -2
- package/build/cjs/components/AlertDialogHeader/index.d.ts +1 -1
- package/build/cjs/components/AlertTitle/index.d.ts +1 -1
- package/build/cjs/components/Button/ButtonProps.d.ts +1 -1
- package/build/cjs/components/Button/ButtonStyles.d.ts +1 -1
- package/build/cjs/components/Button/index.d.ts +2 -2
- package/build/cjs/components/Button/util/deriveButtonProps.d.ts +1 -1
- package/build/cjs/components/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/build/cjs/components/ButtonGroup/index.d.ts +2 -2
- package/build/cjs/components/Dialog/index.d.ts +2 -1
- package/build/cjs/components/DialogActions/index.d.ts +1 -1
- package/build/cjs/components/DialogContent/index.d.ts +2 -1
- package/build/cjs/components/DialogTitle/index.d.ts +2 -1
- package/build/cjs/components/FeatureIntro/FeatureIntroProps.d.ts +0 -1
- package/build/cjs/components/FeatureIntro/index.d.ts +2 -2
- package/build/cjs/components/FullScreenStepper/FullScreenStepperContext.d.ts +0 -1
- package/build/cjs/components/FullScreenStepper/FullScreenStepperProps.d.ts +10 -11
- package/build/cjs/components/FullScreenStepper/index.d.ts +1 -1
- package/build/cjs/components/FullScreenStepperActions/index.d.ts +2 -2
- package/build/cjs/components/FullScreenStepperActions/util/StepperActionsCancelButton.d.ts +1 -1
- package/build/cjs/components/FullScreenStepperActions/util/StepperActionsNextButton.d.ts +1 -1
- package/build/cjs/components/FullScreenStepperActions/util/StepperActionsPreviousButton.d.ts +1 -1
- package/build/cjs/components/FullScreenStepperActions/util/augmentButtonProps.d.ts +1 -1
- package/build/cjs/components/FullScreenStepperContent/index.d.ts +1 -1
- package/build/cjs/components/FullScreenStepperHeader/index.d.ts +1 -1
- package/build/cjs/components/FullScreenStepperProgress/index.d.ts +1 -1
- package/build/cjs/components/List/List.d.ts +0 -1
- package/build/cjs/components/List/index.d.ts +1 -1
- package/build/cjs/components/PageSectionTitle/PageSectionTitle.d.ts +0 -1
- package/build/cjs/components/SelectableCard/index.d.ts +2 -2
- package/build/cjs/components/SettingsIndexCard/SettingsIndexCardProps.d.ts +1 -1
- package/build/cjs/components/SettingsIndexCard/SettingsIndexCardStyles.d.ts +1 -1
- package/build/cjs/components/SettingsIndexCard/index.d.ts +1 -1
- package/build/cjs/components/SettingsIndexCardGroup/SettingsIndexCardGroup.d.ts +0 -1
- package/build/cjs/components/StandardListItem/StandardListItem.d.ts +0 -1
- package/build/cjs/components/StandardListItem/index.d.ts +1 -1
- package/build/cjs/components/Toast/index.d.ts +2 -2
- package/build/cjs/components/index.d.ts +27 -26
- package/build/cjs/hooks/useDialog.d.ts +0 -1
- package/build/cjs/hooks/useFullScreenStepperContext.d.ts +1 -1
- package/build/cjs/index.js +431 -459
- package/build/cjs/index.js.map +1 -1
- package/build/cjs/theme/adminDarkTheme.d.ts +1 -1
- package/build/esm/components/Alert/Alert.js +14 -15
- package/build/esm/components/Alert/Alert.js.map +1 -1
- package/build/esm/components/Alert/AlertStyles.js +5 -8
- package/build/esm/components/Alert/AlertStyles.js.map +1 -1
- package/build/esm/components/Alert/index.d.ts +2 -2
- package/build/esm/components/AlertDialog/AlertDialog.d.ts +1 -1
- package/build/esm/components/AlertDialog/AlertDialog.js +6 -7
- package/build/esm/components/AlertDialog/AlertDialog.js.map +1 -1
- package/build/esm/components/AlertDialog/AlertDialogStyles.js +3 -3
- package/build/esm/components/AlertDialog/AlertDialogStyles.js.map +1 -1
- package/build/esm/components/AlertDialog/index.d.ts +2 -2
- package/build/esm/components/AlertDialogHeader/AlertDialogHeader.js +3 -4
- package/build/esm/components/AlertDialogHeader/AlertDialogHeader.js.map +1 -1
- package/build/esm/components/AlertDialogHeader/index.d.ts +1 -1
- package/build/esm/components/AlertTitle/AlertTitle.js +3 -4
- package/build/esm/components/AlertTitle/AlertTitle.js.map +1 -1
- package/build/esm/components/AlertTitle/index.d.ts +1 -1
- package/build/esm/components/Button/Button.js +12 -7
- package/build/esm/components/Button/Button.js.map +1 -1
- package/build/esm/components/Button/ButtonProps.d.ts +1 -1
- package/build/esm/components/Button/ButtonStyles.d.ts +1 -1
- package/build/esm/components/Button/ButtonStyles.js +52 -53
- package/build/esm/components/Button/ButtonStyles.js.map +1 -1
- package/build/esm/components/Button/index.d.ts +2 -2
- package/build/esm/components/Button/util/deriveButtonProps.d.ts +1 -1
- package/build/esm/components/Button/util/deriveButtonProps.js +3 -3
- package/build/esm/components/Button/util/deriveButtonProps.js.map +1 -1
- package/build/esm/components/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/build/esm/components/ButtonGroup/ButtonGroup.js +16 -13
- package/build/esm/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/build/esm/components/ButtonGroup/ButtonGroupStyles.js +5 -5
- package/build/esm/components/ButtonGroup/ButtonGroupStyles.js.map +1 -1
- package/build/esm/components/ButtonGroup/index.d.ts +2 -2
- package/build/esm/components/Dialog/index.d.ts +2 -1
- package/build/esm/components/DialogActions/DialogActions.js +8 -12
- package/build/esm/components/DialogActions/DialogActions.js.map +1 -1
- package/build/esm/components/DialogActions/index.d.ts +1 -1
- package/build/esm/components/DialogContent/index.d.ts +2 -1
- package/build/esm/components/DialogTitle/index.d.ts +2 -1
- package/build/esm/components/FeatureIntro/FeatureIntro.js +9 -10
- package/build/esm/components/FeatureIntro/FeatureIntro.js.map +1 -1
- package/build/esm/components/FeatureIntro/FeatureIntroProps.d.ts +0 -1
- package/build/esm/components/FeatureIntro/FeatureIntroStyles.js +12 -15
- package/build/esm/components/FeatureIntro/FeatureIntroStyles.js.map +1 -1
- package/build/esm/components/FeatureIntro/index.d.ts +2 -2
- package/build/esm/components/FullScreenStepper/FullScreenStepper.js +43 -74
- package/build/esm/components/FullScreenStepper/FullScreenStepper.js.map +1 -1
- package/build/esm/components/FullScreenStepper/FullScreenStepperContext.d.ts +0 -1
- package/build/esm/components/FullScreenStepper/FullScreenStepperContext.js +1 -1
- package/build/esm/components/FullScreenStepper/FullScreenStepperContext.js.map +1 -1
- package/build/esm/components/FullScreenStepper/FullScreenStepperProps.d.ts +10 -11
- package/build/esm/components/FullScreenStepper/index.d.ts +1 -1
- package/build/esm/components/FullScreenStepperActions/FullScreenStepperActions.js +6 -7
- package/build/esm/components/FullScreenStepperActions/FullScreenStepperActions.js.map +1 -1
- package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsStyles.js +4 -4
- package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsStyles.js.map +1 -1
- package/build/esm/components/FullScreenStepperActions/index.d.ts +2 -2
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsCancelButton.d.ts +1 -1
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsCancelButton.js +4 -5
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsCancelButton.js.map +1 -1
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsNextButton.d.ts +1 -1
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsNextButton.js +8 -9
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsNextButton.js.map +1 -1
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.d.ts +1 -1
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.js +4 -5
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.js.map +1 -1
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsStatusText.js +4 -4
- package/build/esm/components/FullScreenStepperActions/util/StepperActionsStatusText.js.map +1 -1
- package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.d.ts +1 -1
- package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.js +11 -24
- package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.js.map +1 -1
- package/build/esm/components/FullScreenStepperContent/FullScreenStepperContent.js +3 -4
- package/build/esm/components/FullScreenStepperContent/FullScreenStepperContent.js.map +1 -1
- package/build/esm/components/FullScreenStepperContent/index.d.ts +1 -1
- package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeader.js +3 -3
- package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeader.js.map +1 -1
- package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.js +18 -21
- package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.js.map +1 -1
- package/build/esm/components/FullScreenStepperHeader/index.d.ts +1 -1
- package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgress.js +2 -2
- package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgress.js.map +1 -1
- package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.js +9 -9
- package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.js.map +1 -1
- package/build/esm/components/FullScreenStepperProgress/index.d.ts +1 -1
- package/build/esm/components/List/List.d.ts +0 -1
- package/build/esm/components/List/List.js +4 -6
- package/build/esm/components/List/List.js.map +1 -1
- package/build/esm/components/List/index.d.ts +1 -1
- package/build/esm/components/List/styles.js +3 -3
- package/build/esm/components/List/styles.js.map +1 -1
- package/build/esm/components/Page/Page.js +3 -4
- package/build/esm/components/Page/Page.js.map +1 -1
- package/build/esm/components/PageBody/PageBody.js +3 -4
- package/build/esm/components/PageBody/PageBody.js.map +1 -1
- package/build/esm/components/PageSection/PageSection.js +4 -5
- package/build/esm/components/PageSection/PageSection.js.map +1 -1
- package/build/esm/components/PageSection/PageSectionStyles.js +8 -14
- package/build/esm/components/PageSection/PageSectionStyles.js.map +1 -1
- package/build/esm/components/PageSectionHead/PageSectionHead.js +4 -5
- package/build/esm/components/PageSectionHead/PageSectionHead.js.map +1 -1
- package/build/esm/components/PageSectionTitle/PageSectionTitle.d.ts +0 -1
- package/build/esm/components/PageSectionTitle/PageSectionTitle.js +4 -5
- package/build/esm/components/PageSectionTitle/PageSectionTitle.js.map +1 -1
- package/build/esm/components/PageSectionTitle/styles.js +2 -2
- package/build/esm/components/PageSectionTitle/styles.js.map +1 -1
- package/build/esm/components/PageSections/PageSections.js +3 -4
- package/build/esm/components/PageSections/PageSections.js.map +1 -1
- package/build/esm/components/SelectableCard/SelectableCard.js +7 -8
- package/build/esm/components/SelectableCard/SelectableCard.js.map +1 -1
- package/build/esm/components/SelectableCard/SelectableCardStyles.js +8 -20
- package/build/esm/components/SelectableCard/SelectableCardStyles.js.map +1 -1
- package/build/esm/components/SelectableCard/index.d.ts +2 -2
- package/build/esm/components/SettingsIndexCard/SettingsIndexCard.js +6 -7
- package/build/esm/components/SettingsIndexCard/SettingsIndexCard.js.map +1 -1
- package/build/esm/components/SettingsIndexCard/SettingsIndexCardProps.d.ts +1 -1
- package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.d.ts +1 -1
- package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js +3 -3
- package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js.map +1 -1
- package/build/esm/components/SettingsIndexCard/index.d.ts +1 -1
- package/build/esm/components/SettingsIndexCardGroup/SettingsIndexCardGroup.d.ts +0 -1
- package/build/esm/components/SettingsIndexCardGroup/SettingsIndexCardGroup.js +3 -4
- package/build/esm/components/SettingsIndexCardGroup/SettingsIndexCardGroup.js.map +1 -1
- package/build/esm/components/StandardListItem/StandardListItem.d.ts +0 -1
- package/build/esm/components/StandardListItem/StandardListItem.js +7 -8
- package/build/esm/components/StandardListItem/StandardListItem.js.map +1 -1
- package/build/esm/components/StandardListItem/index.d.ts +1 -1
- package/build/esm/components/Toast/Toast.js +4 -6
- package/build/esm/components/Toast/Toast.js.map +1 -1
- package/build/esm/components/Toast/ToastStyles.js +2 -2
- package/build/esm/components/Toast/ToastStyles.js.map +1 -1
- package/build/esm/components/Toast/index.d.ts +2 -2
- package/build/esm/components/index.d.ts +27 -26
- package/build/esm/hooks/useDialog.d.ts +0 -1
- package/build/esm/hooks/useDialog.js +7 -7
- package/build/esm/hooks/useDialog.js.map +1 -1
- package/build/esm/hooks/useFullScreenStepperContext.d.ts +1 -1
- package/build/esm/hooks/useFullScreenStepperContext.js +1 -1
- package/build/esm/hooks/useFullScreenStepperContext.js.map +1 -1
- package/build/esm/hooks/useSelectableCard.js +11 -13
- package/build/esm/hooks/useSelectableCard.js.map +1 -1
- package/build/esm/theme/adminDarkTheme.d.ts +1 -1
- package/build/esm/theme/adminDarkTheme.js +19 -5
- package/build/esm/theme/adminDarkTheme.js.map +1 -1
- package/build/esm/theme/adminLightTheme.js +19 -5
- package/build/esm/theme/adminLightTheme.js.map +1 -1
- package/build/esm/theme/breakpoints.js +1 -1
- package/build/esm/theme/breakpoints.js.map +1 -1
- package/build/esm/theme/customThemeProperties.js +20 -14
- package/build/esm/theme/customThemeProperties.js.map +1 -1
- package/build/esm/theme/overrides.js +1 -1
- package/build/esm/theme/overrides.js.map +1 -1
- package/build/esm/theme/palette.js +4 -4
- package/build/esm/theme/palette.js.map +1 -1
- package/build/esm/theme/props.js +1 -1
- package/build/esm/theme/props.js.map +1 -1
- package/build/esm/theme/typography.js +2 -2
- package/build/esm/theme/typography.js.map +1 -1
- package/package.json +3 -4
|
@@ -1,20 +1,17 @@
|
|
|
1
1
|
import { makeStyles } from '@material-ui/core';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
},
|
|
16
|
-
});
|
|
17
|
-
});
|
|
3
|
+
const useFeatureIntroStyles = makeStyles(({ spacing }) => ({
|
|
4
|
+
root: {
|
|
5
|
+
gap: spacing(3),
|
|
6
|
+
},
|
|
7
|
+
actions: {
|
|
8
|
+
gap: spacing(3),
|
|
9
|
+
},
|
|
10
|
+
image: {
|
|
11
|
+
width: '100%',
|
|
12
|
+
objectFit: 'contain',
|
|
13
|
+
},
|
|
14
|
+
}));
|
|
18
15
|
|
|
19
16
|
export { useFeatureIntroStyles };
|
|
20
17
|
//# sourceMappingURL=FeatureIntroStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeatureIntroStyles.js","sources":["../../../../src/components/FeatureIntro/FeatureIntroStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FeatureIntroProps } from './FeatureIntroProps'\n\nexport const useFeatureIntroStyles = makeStyles<Theme, FeatureIntroProps>(({ spacing }) => ({\n root: {\n gap: spacing(3),\n },\n actions: {\n gap: spacing(3),\n },\n image: {\n width: '100%',\n objectFit: 'contain',\n },\n}))\n"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"FeatureIntroStyles.js","sources":["../../../../src/components/FeatureIntro/FeatureIntroStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FeatureIntroProps } from './FeatureIntroProps'\n\nexport const useFeatureIntroStyles = makeStyles<Theme, FeatureIntroProps>(({ spacing }) => ({\n root: {\n gap: spacing(3),\n },\n actions: {\n gap: spacing(3),\n },\n image: {\n width: '100%',\n objectFit: 'contain',\n },\n}))\n"],"names":[],"mappings":";;AAIO,MAAM,qBAAqB,GAAG,UAAU,CAA2B,CAAC,EAAE,OAAO,EAAE,MAAM;AAC1F,IAAA,IAAI,EAAE;AACJ,QAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,SAAS,EAAE,SAAS;AACrB,KAAA;AACF,CAAA,CAAC;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { FeatureIntro
|
|
2
|
-
export { FeatureIntroProps } from './FeatureIntroProps';
|
|
1
|
+
export { FeatureIntro } from './FeatureIntro';
|
|
2
|
+
export type { FeatureIntroProps } from './FeatureIntroProps';
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __rest, __assign, __awaiter, __generator } from 'tslib';
|
|
2
1
|
import { Dialog, Box } from '@material-ui/core';
|
|
3
2
|
import React, { useState } from 'react';
|
|
4
3
|
import { FullScreenStepperActions } from '../FullScreenStepperActions/FullScreenStepperActions.js';
|
|
@@ -10,18 +9,18 @@ import { FullScreenStepperContext } from './FullScreenStepperContext.js';
|
|
|
10
9
|
* - i18n?
|
|
11
10
|
* - loading?
|
|
12
11
|
*/
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
12
|
+
const FullScreenStepper = (props) => {
|
|
13
|
+
const { children, context = {}, defaultStepCursor = 1, displayActionBar = true, displayCancelButton = true, displayPreviousButton = true, resetStepCursorOnCancel = true, resetStepCursorOnClose = true, steps, onClose, onFinish, onNext, onCancel, onPrevious, ...DialogProps } = props;
|
|
14
|
+
const [stepCursor, setStepCursor] = useState(defaultStepCursor);
|
|
15
|
+
const stepCount = steps.length;
|
|
16
|
+
const stepIndex = stepCursor - 1;
|
|
17
|
+
const step = steps[stepIndex];
|
|
18
|
+
const { displayActionBar: displayStepActionBar = true } = step;
|
|
19
|
+
const isFinalStep = stepCursor / stepCount === 1;
|
|
20
|
+
const callbackArgs = { setStepCursor, step, stepCount, stepIndex, steps };
|
|
21
|
+
const mergedContext = { ...context, ...callbackArgs };
|
|
22
|
+
const resetStepCursor = () => setTimeout(() => setStepCursor(1), 600);
|
|
23
|
+
const handleClose = () => {
|
|
25
24
|
if (typeof onClose === 'function') {
|
|
26
25
|
onClose(callbackArgs);
|
|
27
26
|
}
|
|
@@ -29,74 +28,44 @@ var FullScreenStepper = function (props) {
|
|
|
29
28
|
resetStepCursor();
|
|
30
29
|
}
|
|
31
30
|
};
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
if (!isFinalStep) return [3 /*break*/, 3];
|
|
37
|
-
if (!(typeof onFinish === 'function')) return [3 /*break*/, 2];
|
|
38
|
-
return [4 /*yield*/, onFinish(callbackArgs)];
|
|
39
|
-
case 1:
|
|
40
|
-
_a.sent();
|
|
41
|
-
_a.label = 2;
|
|
42
|
-
case 2:
|
|
43
|
-
if (typeof onClose === 'function') {
|
|
44
|
-
onClose(callbackArgs);
|
|
45
|
-
}
|
|
46
|
-
resetStepCursor();
|
|
47
|
-
return [3 /*break*/, 6];
|
|
48
|
-
case 3:
|
|
49
|
-
if (!(typeof onNext === 'function')) return [3 /*break*/, 5];
|
|
50
|
-
return [4 /*yield*/, onNext(callbackArgs)];
|
|
51
|
-
case 4:
|
|
52
|
-
_a.sent();
|
|
53
|
-
_a.label = 5;
|
|
54
|
-
case 5:
|
|
55
|
-
setStepCursor(stepCursor + 1);
|
|
56
|
-
_a.label = 6;
|
|
57
|
-
case 6: return [2 /*return*/];
|
|
31
|
+
const handleNextClick = async () => {
|
|
32
|
+
if (isFinalStep) {
|
|
33
|
+
if (typeof onFinish === 'function') {
|
|
34
|
+
await onFinish(callbackArgs);
|
|
58
35
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
var handlePreviousClick = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
62
|
-
return __generator(this, function (_a) {
|
|
63
|
-
switch (_a.label) {
|
|
64
|
-
case 0:
|
|
65
|
-
if (!(typeof onPrevious === 'function')) return [3 /*break*/, 2];
|
|
66
|
-
return [4 /*yield*/, onPrevious(callbackArgs)];
|
|
67
|
-
case 1:
|
|
68
|
-
_a.sent();
|
|
69
|
-
_a.label = 2;
|
|
70
|
-
case 2:
|
|
71
|
-
setStepCursor(stepCursor - 1);
|
|
72
|
-
return [2 /*return*/];
|
|
36
|
+
if (typeof onClose === 'function') {
|
|
37
|
+
onClose(callbackArgs);
|
|
73
38
|
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
case 0:
|
|
80
|
-
if (!(typeof onCancel === 'function')) return [3 /*break*/, 2];
|
|
81
|
-
return [4 /*yield*/, onCancel(callbackArgs)];
|
|
82
|
-
case 1:
|
|
83
|
-
_a.sent();
|
|
84
|
-
_a.label = 2;
|
|
85
|
-
case 2:
|
|
86
|
-
if (resetStepCursorOnCancel) {
|
|
87
|
-
resetStepCursor();
|
|
88
|
-
}
|
|
89
|
-
return [2 /*return*/];
|
|
39
|
+
resetStepCursor();
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
if (typeof onNext === 'function') {
|
|
43
|
+
await onNext(callbackArgs);
|
|
90
44
|
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
45
|
+
setStepCursor(stepCursor + 1);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
const handlePreviousClick = async () => {
|
|
49
|
+
if (typeof onPrevious === 'function') {
|
|
50
|
+
await onPrevious(callbackArgs);
|
|
51
|
+
}
|
|
52
|
+
setStepCursor(stepCursor - 1);
|
|
53
|
+
};
|
|
54
|
+
const handleCancelClick = async () => {
|
|
55
|
+
if (typeof onCancel === 'function') {
|
|
56
|
+
await onCancel(callbackArgs);
|
|
57
|
+
}
|
|
58
|
+
if (resetStepCursorOnCancel) {
|
|
59
|
+
resetStepCursor();
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
const content = React.Children.toArray(children).find((child) => React.isValidElement(child) && child.props.name === step.name);
|
|
63
|
+
return (React.createElement(Dialog, { fullScreen: true, ...DialogProps },
|
|
95
64
|
React.createElement(FullScreenStepperContext.Provider, { value: mergedContext },
|
|
96
65
|
React.createElement(Box, { display: "flex", flexDirection: "column", flexGrow: 1 },
|
|
97
66
|
React.createElement(FullScreenStepperHeader, { stepCount: stepCount, stepCursor: stepCursor, onClose: handleClose, step: step }),
|
|
98
67
|
React.createElement(Box, { display: "flex", mx: 6, flexGrow: 1, alignItems: "center", flexDirection: "column" }, content),
|
|
99
|
-
displayActionBar && displayStepActionBar && (React.createElement(FullScreenStepperActions,
|
|
68
|
+
displayActionBar && displayStepActionBar && (React.createElement(FullScreenStepperActions, { ...step.actionBar, callbackArgs: callbackArgs, displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick }))))));
|
|
100
69
|
};
|
|
101
70
|
FullScreenStepper.displayName = 'FullScreenStepper';
|
|
102
71
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullScreenStepper.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepper.tsx"],"sourcesContent":["import { Box, Dialog } from '@material-ui/core'\nimport React, { FC, useState } from 'react'\nimport FullScreenStepperActions from '../FullScreenStepperActions'\nimport FullScreenStepperHeader from '../FullScreenStepperHeader'\nimport { FullScreenStepperContext } from './FullScreenStepperContext'\nimport { FullScreenStepperProps } from './FullScreenStepperProps'\n\n/**\n * TODO\n * - i18n?\n * - loading?\n */\n\nexport const FullScreenStepper: FC<FullScreenStepperProps> = (props) => {\n const {\n children,\n context = {},\n defaultStepCursor = 1,\n displayActionBar = true,\n displayCancelButton = true,\n displayPreviousButton = true,\n resetStepCursorOnCancel = true,\n resetStepCursorOnClose = true,\n steps,\n onClose,\n onFinish,\n onNext,\n onCancel,\n onPrevious,\n ...DialogProps\n } = props\n const [stepCursor, setStepCursor] = useState(defaultStepCursor)\n const stepCount = steps.length\n const stepIndex = stepCursor - 1\n const step = steps[stepIndex]\n const { displayActionBar: displayStepActionBar = true } = step\n const isFinalStep = stepCursor / stepCount === 1\n const callbackArgs = { setStepCursor, step, stepCount, stepIndex, steps }\n const mergedContext = { ...context, ...callbackArgs }\n const resetStepCursor = () => setTimeout(() => setStepCursor(1), 600)\n const handleClose = () => {\n if (typeof onClose === 'function') {\n onClose(callbackArgs)\n }\n if (resetStepCursorOnClose) {\n resetStepCursor()\n }\n }\n const handleNextClick = async () => {\n if (isFinalStep) {\n if (typeof onFinish === 'function') {\n await onFinish(callbackArgs)\n }\n if (typeof onClose === 'function') {\n onClose(callbackArgs)\n }\n resetStepCursor()\n } else {\n if (typeof onNext === 'function') {\n await onNext(callbackArgs)\n }\n setStepCursor(stepCursor + 1)\n }\n }\n const handlePreviousClick = async () => {\n if (typeof onPrevious === 'function') {\n await onPrevious(callbackArgs)\n }\n setStepCursor(stepCursor - 1)\n }\n const handleCancelClick = async () => {\n if (typeof onCancel === 'function') {\n await onCancel(callbackArgs)\n }\n if (resetStepCursorOnCancel) {\n resetStepCursor()\n }\n }\n const content = React.Children.toArray(children).find(\n (child) => React.isValidElement(child) && child.props.name === step.name,\n )\n\n return (\n <Dialog fullScreen {...DialogProps}>\n <FullScreenStepperContext.Provider value={mergedContext}>\n <Box display=\"flex\" flexDirection=\"column\" flexGrow={1}>\n <FullScreenStepperHeader stepCount={stepCount} stepCursor={stepCursor} onClose={handleClose} step={step} />\n <Box display=\"flex\" mx={6} flexGrow={1} alignItems=\"center\" flexDirection=\"column\">\n {content}\n </Box>\n {displayActionBar && displayStepActionBar && (\n <FullScreenStepperActions\n {...step.actionBar}\n callbackArgs={callbackArgs}\n displayCancelButton={displayCancelButton}\n displayPreviousButton={displayPreviousButton}\n stepCount={stepCount}\n stepCursor={stepCursor}\n setStepCursor={setStepCursor}\n handleCancelClick={handleCancelClick}\n handleNextClick={handleNextClick}\n handlePreviousClick={handlePreviousClick}\n />\n )}\n </Box>\n </FullScreenStepperContext.Provider>\n </Dialog>\n )\n}\n\nFullScreenStepper.displayName = 'FullScreenStepper'\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FullScreenStepper.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepper.tsx"],"sourcesContent":["import { Box, Dialog } from '@material-ui/core'\nimport React, { FC, useState } from 'react'\nimport { FullScreenStepperActions } from '../FullScreenStepperActions'\nimport { FullScreenStepperHeader } from '../FullScreenStepperHeader'\nimport { FullScreenStepperContext } from './FullScreenStepperContext'\nimport { FullScreenStepperProps } from './FullScreenStepperProps'\n\n/**\n * TODO\n * - i18n?\n * - loading?\n */\n\nexport const FullScreenStepper: FC<FullScreenStepperProps> = (props) => {\n const {\n children,\n context = {},\n defaultStepCursor = 1,\n displayActionBar = true,\n displayCancelButton = true,\n displayPreviousButton = true,\n resetStepCursorOnCancel = true,\n resetStepCursorOnClose = true,\n steps,\n onClose,\n onFinish,\n onNext,\n onCancel,\n onPrevious,\n ...DialogProps\n } = props\n const [stepCursor, setStepCursor] = useState(defaultStepCursor)\n const stepCount = steps.length\n const stepIndex = stepCursor - 1\n const step = steps[stepIndex]\n const { displayActionBar: displayStepActionBar = true } = step\n const isFinalStep = stepCursor / stepCount === 1\n const callbackArgs = { setStepCursor, step, stepCount, stepIndex, steps }\n const mergedContext = { ...context, ...callbackArgs }\n const resetStepCursor = () => setTimeout(() => setStepCursor(1), 600)\n const handleClose = () => {\n if (typeof onClose === 'function') {\n onClose(callbackArgs)\n }\n if (resetStepCursorOnClose) {\n resetStepCursor()\n }\n }\n const handleNextClick = async () => {\n if (isFinalStep) {\n if (typeof onFinish === 'function') {\n await onFinish(callbackArgs)\n }\n if (typeof onClose === 'function') {\n onClose(callbackArgs)\n }\n resetStepCursor()\n } else {\n if (typeof onNext === 'function') {\n await onNext(callbackArgs)\n }\n setStepCursor(stepCursor + 1)\n }\n }\n const handlePreviousClick = async () => {\n if (typeof onPrevious === 'function') {\n await onPrevious(callbackArgs)\n }\n setStepCursor(stepCursor - 1)\n }\n const handleCancelClick = async () => {\n if (typeof onCancel === 'function') {\n await onCancel(callbackArgs)\n }\n if (resetStepCursorOnCancel) {\n resetStepCursor()\n }\n }\n const content = React.Children.toArray(children).find(\n (child) => React.isValidElement(child) && child.props.name === step.name,\n )\n\n return (\n <Dialog fullScreen {...DialogProps}>\n <FullScreenStepperContext.Provider value={mergedContext}>\n <Box display=\"flex\" flexDirection=\"column\" flexGrow={1}>\n <FullScreenStepperHeader stepCount={stepCount} stepCursor={stepCursor} onClose={handleClose} step={step} />\n <Box display=\"flex\" mx={6} flexGrow={1} alignItems=\"center\" flexDirection=\"column\">\n {content}\n </Box>\n {displayActionBar && displayStepActionBar && (\n <FullScreenStepperActions\n {...step.actionBar}\n callbackArgs={callbackArgs}\n displayCancelButton={displayCancelButton}\n displayPreviousButton={displayPreviousButton}\n stepCount={stepCount}\n stepCursor={stepCursor}\n setStepCursor={setStepCursor}\n handleCancelClick={handleCancelClick}\n handleNextClick={handleNextClick}\n handlePreviousClick={handlePreviousClick}\n />\n )}\n </Box>\n </FullScreenStepperContext.Provider>\n </Dialog>\n )\n}\n\nFullScreenStepper.displayName = 'FullScreenStepper'\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullScreenStepperContext.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepperContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { ActionBarActionCallbackArgs } from './FullScreenStepperProps'\n\nexport interface FullScreenStepperContextValue extends ActionBarActionCallbackArgs {\n [key: string]: unknown\n}\n\nexport const FullScreenStepperContext = createContext({} as FullScreenStepperContextValue)\n"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"FullScreenStepperContext.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepperContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { ActionBarActionCallbackArgs } from './FullScreenStepperProps'\n\nexport interface FullScreenStepperContextValue extends ActionBarActionCallbackArgs {\n [key: string]: unknown\n}\n\nexport const FullScreenStepperContext = createContext({} as FullScreenStepperContextValue)\n"],"names":[],"mappings":";;MAOa,wBAAwB,GAAG,aAAa,CAAC,EAAmC;;;;"}
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DialogProps } from '@material-ui/core';
|
|
3
2
|
import { ButtonProps } from '../Button';
|
|
4
3
|
/** The current active step. Counts up from 1. */
|
|
5
|
-
export
|
|
4
|
+
export type StepCursor = number;
|
|
6
5
|
/** An updater function the state controlling which step is active. */
|
|
7
|
-
export
|
|
6
|
+
export type SetStepCursor = (step: number) => void;
|
|
8
7
|
/** The total number of steps. */
|
|
9
|
-
export
|
|
8
|
+
export type StepCount = number;
|
|
10
9
|
/** The index of the current step in the steps array. */
|
|
11
|
-
export
|
|
10
|
+
export type StepIndex = number;
|
|
12
11
|
/** Indicates that the FullScreenStepper is showing the last step in the steps array. */
|
|
13
|
-
export
|
|
14
|
-
export
|
|
12
|
+
export type IsFinalStep = boolean;
|
|
13
|
+
export type ActionBarActionCallbackArgs = {
|
|
15
14
|
/** The current step object. */
|
|
16
15
|
step: StepperStep;
|
|
17
16
|
/** The total number of steps. */
|
|
@@ -23,12 +22,12 @@ export declare type ActionBarActionCallbackArgs = {
|
|
|
23
22
|
/** The steps prop that is passed into the FullScreenStepper */
|
|
24
23
|
steps: Array<StepperStep>;
|
|
25
24
|
};
|
|
26
|
-
export
|
|
25
|
+
export type ActionBarAction = {
|
|
27
26
|
onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, callbackArgs: ActionBarActionCallbackArgs) => void;
|
|
28
27
|
props: ButtonProps;
|
|
29
28
|
text: string;
|
|
30
29
|
};
|
|
31
|
-
export
|
|
30
|
+
export type StepperActionBar = {
|
|
32
31
|
/** Custom actions for a given step. Will appear as additional Button components. */
|
|
33
32
|
actions?: Array<ActionBarAction>;
|
|
34
33
|
/** Override for "Cancel" button. */
|
|
@@ -48,7 +47,7 @@ export declare type StepperActionBar = {
|
|
|
48
47
|
/** Text for the optional "Status Text" region. */
|
|
49
48
|
statusText?: string;
|
|
50
49
|
};
|
|
51
|
-
export
|
|
50
|
+
export type StepperStep = {
|
|
52
51
|
/** Group of props for modifying the ActionBar region of FullScreenStepper. */
|
|
53
52
|
actionBar?: StepperActionBar;
|
|
54
53
|
/** When false; disables the ActionBar of a step */
|
|
@@ -58,7 +57,7 @@ export declare type StepperStep = {
|
|
|
58
57
|
/** Text displayed as the title of a step. */
|
|
59
58
|
title: string;
|
|
60
59
|
};
|
|
61
|
-
export
|
|
60
|
+
export type FullScreenStepperProps = DialogProps & {
|
|
62
61
|
/** Configurations for each step. Modifies elements outside the FullScreenStepper content area. */
|
|
63
62
|
steps: Array<StepperStep>;
|
|
64
63
|
/** Will be used to initialize a React context which can be accessed with the useFullScreenStepperHook. */
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { FullScreenStepper } from './FullScreenStepper';
|
|
2
|
-
export { FullScreenStepperContext
|
|
2
|
+
export { FullScreenStepperContext } from './FullScreenStepperContext';
|
|
3
3
|
export * from './FullScreenStepperProps';
|
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { Box } from '@popmenu/common-ui';
|
|
4
3
|
import { Button } from '../Button/Button.js';
|
|
5
4
|
import { useFullScreenStepperActionsStyles } from './FullScreenStepperActionsStyles.js';
|
|
5
|
+
import { StepperActionsCancelButton } from './util/StepperActionsCancelButton.js';
|
|
6
|
+
import { StepperActionsNextButton } from './util/StepperActionsNextButton.js';
|
|
6
7
|
import { StepperActionsPreviousButton } from './util/StepperActionsPreviousButton.js';
|
|
7
8
|
import { StepperActionsStatusText } from './util/StepperActionsStatusText.js';
|
|
8
|
-
import { StepperActionsNextButton } from './util/StepperActionsNextButton.js';
|
|
9
|
-
import { StepperActionsCancelButton } from './util/StepperActionsCancelButton.js';
|
|
10
9
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
const FullScreenStepperActions = (props) => {
|
|
11
|
+
const { stepCount, stepCursor, setStepCursor, handleNextClick, handlePreviousClick, handleCancelClick, actions, callbackArgs, cancelButtonText, nextButtonText, finishButtonText, nextButtonProps, previousButtonText, previousButtonProps, cancelButtonProps, statusText, displayPreviousButton, displayCancelButton, } = props;
|
|
12
|
+
const classes = useFullScreenStepperActionsStyles(props);
|
|
14
13
|
return (React.createElement(Box, { className: classes.root },
|
|
15
14
|
React.createElement(Box, { className: classes.inlineStartActions },
|
|
16
15
|
React.createElement(StepperActionsPreviousButton, { displayPreviousButton: displayPreviousButton, previousButtonText: previousButtonText, handlePreviousClick: handlePreviousClick, previousButtonProps: previousButtonProps, stepCursor: stepCursor, setStepCursor: setStepCursor }),
|
|
17
16
|
React.createElement(StepperActionsStatusText, { statusText: statusText })),
|
|
18
17
|
React.createElement(Box, { className: classes.inlineEndActions },
|
|
19
18
|
actions &&
|
|
20
|
-
actions.map(
|
|
19
|
+
actions.map((action, i) => (React.createElement(Button, { key: `custom-action-${stepCursor}-${i}`, variant: "ghost", onClick: (event) => action.onClick(event, callbackArgs), ...action.props }, action.text))),
|
|
21
20
|
React.createElement(StepperActionsCancelButton, { setStepCursor: setStepCursor, stepCursor: stepCursor, cancelButtonText: cancelButtonText, cancelButtonProps: cancelButtonProps, handleCancelClick: handleCancelClick, displayCancelButton: displayCancelButton }),
|
|
22
21
|
React.createElement(StepperActionsNextButton, { handleNextClick: handleNextClick, nextButtonProps: nextButtonProps, setStepCursor: setStepCursor, stepCursor: stepCursor, stepCount: stepCount, finishButtonText: finishButtonText, nextButtonText: nextButtonText }))));
|
|
23
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullScreenStepperActions.js","sources":["../../../../src/components/FullScreenStepperActions/FullScreenStepperActions.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box } from '@popmenu/common-ui'\nimport Button from '../Button'\nimport {
|
|
1
|
+
{"version":3,"file":"FullScreenStepperActions.js","sources":["../../../../src/components/FullScreenStepperActions/FullScreenStepperActions.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box } from '@popmenu/common-ui'\nimport { Button } from '../Button'\nimport { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps'\nimport { useFullScreenStepperActionsStyles } from './FullScreenStepperActionsStyles'\nimport { StepperActionsCancelButton } from './util/StepperActionsCancelButton'\nimport { StepperActionsNextButton } from './util/StepperActionsNextButton'\nimport { StepperActionsPreviousButton } from './util/StepperActionsPreviousButton'\nimport { StepperActionsStatusText } from './util/StepperActionsStatusText'\n\nexport const FullScreenStepperActions: FC<FullScreenStepperActionsProps> = (props) => {\n const {\n stepCount,\n stepCursor,\n setStepCursor,\n handleNextClick,\n handlePreviousClick,\n handleCancelClick,\n actions,\n callbackArgs,\n cancelButtonText,\n nextButtonText,\n finishButtonText,\n nextButtonProps,\n previousButtonText,\n previousButtonProps,\n cancelButtonProps,\n statusText,\n displayPreviousButton,\n displayCancelButton,\n } = props\n const classes = useFullScreenStepperActionsStyles(props)\n\n return (\n <Box className={classes.root}>\n <Box className={classes.inlineStartActions}>\n <StepperActionsPreviousButton\n displayPreviousButton={displayPreviousButton}\n previousButtonText={previousButtonText}\n handlePreviousClick={handlePreviousClick}\n previousButtonProps={previousButtonProps}\n stepCursor={stepCursor}\n setStepCursor={setStepCursor}\n />\n <StepperActionsStatusText statusText={statusText} />\n </Box>\n <Box className={classes.inlineEndActions}>\n {actions &&\n actions.map((action, i) => (\n <Button\n key={`custom-action-${stepCursor}-${i}`}\n variant=\"ghost\"\n onClick={(event: React.MouseEvent<HTMLButtonElement>) => action.onClick(event, callbackArgs)}\n {...action.props}\n >\n {action.text}\n </Button>\n ))}\n <StepperActionsCancelButton\n setStepCursor={setStepCursor}\n stepCursor={stepCursor}\n cancelButtonText={cancelButtonText}\n cancelButtonProps={cancelButtonProps}\n handleCancelClick={handleCancelClick}\n displayCancelButton={displayCancelButton}\n />\n <StepperActionsNextButton\n handleNextClick={handleNextClick}\n nextButtonProps={nextButtonProps}\n setStepCursor={setStepCursor}\n stepCursor={stepCursor}\n stepCount={stepCount}\n finishButtonText={finishButtonText}\n nextButtonText={nextButtonText}\n />\n </Box>\n </Box>\n )\n}\n"],"names":[],"mappings":";;;;;;;;;AAWa,MAAA,wBAAwB,GAAsC,CAAC,KAAK,KAAI;AACnF,IAAA,MAAM,EACJ,SAAS,EACT,UAAU,EACV,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,EACV,qBAAqB,EACrB,mBAAmB,GACpB,GAAG,KAAK;AACT,IAAA,MAAM,OAAO,GAAG,iCAAiC,CAAC,KAAK,CAAC;IAExD,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;AAC1B,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,kBAAkB,EAAA;YACxC,KAAC,CAAA,aAAA,CAAA,4BAA4B,EAC3B,EAAA,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,CAAA;AACF,YAAA,KAAA,CAAA,aAAA,CAAC,wBAAwB,EAAC,EAAA,UAAU,EAAE,UAAU,GAAI,CAChD;AACN,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,EAAA;YACrC,OAAO;gBACN,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,MACpB,oBAAC,MAAM,EAAA,EACL,GAAG,EAAE,CAAiB,cAAA,EAAA,UAAU,IAAI,CAAC,CAAA,CAAE,EACvC,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,CAAC,KAA0C,KAAK,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,EAAA,GACxF,MAAM,CAAC,KAAK,EAAA,EAEf,MAAM,CAAC,IAAI,CACL,CACV,CAAC;YACJ,KAAC,CAAA,aAAA,CAAA,0BAA0B,EACzB,EAAA,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,CAAA;AACF,YAAA,KAAA,CAAA,aAAA,CAAC,wBAAwB,EAAA,EACvB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAAA,CAC9B,CACE,CACF;AAEV;;;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { makeStyles } from '@material-ui/core';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
const useFullScreenStepperActionsStyles = makeStyles((theme) => ({
|
|
4
4
|
root: {
|
|
5
5
|
position: 'sticky',
|
|
6
6
|
background: 'white',
|
|
7
7
|
bottom: 0,
|
|
8
8
|
display: 'flex',
|
|
9
9
|
justifyContent: 'space-between',
|
|
10
|
-
padding: theme.spacing(1.5)
|
|
11
|
-
borderTop: theme.spacing(0.5)
|
|
10
|
+
padding: `${theme.spacing(1.5)}px ${theme.spacing(3)}px`,
|
|
11
|
+
borderTop: `${theme.spacing(0.5)}px solid ${theme.palette.grey[100]}`,
|
|
12
12
|
zIndex: 3,
|
|
13
13
|
},
|
|
14
14
|
inlineEndActions: {
|
|
@@ -23,7 +23,7 @@ var useFullScreenStepperActionsStyles = makeStyles(function (theme) { return ({
|
|
|
23
23
|
marginInlineEnd: theme.spacing(2),
|
|
24
24
|
},
|
|
25
25
|
},
|
|
26
|
-
})
|
|
26
|
+
}));
|
|
27
27
|
|
|
28
28
|
export { useFullScreenStepperActionsStyles };
|
|
29
29
|
//# sourceMappingURL=FullScreenStepperActionsStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullScreenStepperActionsStyles.js","sources":["../../../../src/components/FullScreenStepperActions/FullScreenStepperActionsStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps'\n\nexport const useFullScreenStepperActionsStyles = makeStyles<Theme, FullScreenStepperActionsProps>((theme) => ({\n root: {\n position: 'sticky',\n background: 'white',\n bottom: 0,\n display: 'flex',\n justifyContent: 'space-between',\n padding: `${theme.spacing(1.5)}px ${theme.spacing(3)}px`,\n borderTop: `${theme.spacing(0.5)}px solid ${theme.palette.grey[100]}`,\n zIndex: 3,\n },\n inlineEndActions: {\n '& > *': {\n marginInlineStart: theme.spacing(2),\n },\n },\n inlineStartActions: {\n display: 'flex',\n alignItems: 'center',\n '& > *': {\n marginInlineEnd: theme.spacing(2),\n },\n },\n}))\n"],"names":[],"mappings":";;AAIa,
|
|
1
|
+
{"version":3,"file":"FullScreenStepperActionsStyles.js","sources":["../../../../src/components/FullScreenStepperActions/FullScreenStepperActionsStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps'\n\nexport const useFullScreenStepperActionsStyles = makeStyles<Theme, FullScreenStepperActionsProps>((theme) => ({\n root: {\n position: 'sticky',\n background: 'white',\n bottom: 0,\n display: 'flex',\n justifyContent: 'space-between',\n padding: `${theme.spacing(1.5)}px ${theme.spacing(3)}px`,\n borderTop: `${theme.spacing(0.5)}px solid ${theme.palette.grey[100]}`,\n zIndex: 3,\n },\n inlineEndActions: {\n '& > *': {\n marginInlineStart: theme.spacing(2),\n },\n },\n inlineStartActions: {\n display: 'flex',\n alignItems: 'center',\n '& > *': {\n marginInlineEnd: theme.spacing(2),\n },\n },\n}))\n"],"names":[],"mappings":";;AAIa,MAAA,iCAAiC,GAAG,UAAU,CAAuC,CAAC,KAAK,MAAM;AAC5G,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,OAAO,EAAE,CAAA,EAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAI,EAAA,CAAA;AACxD,QAAA,SAAS,EAAE,CAAG,EAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAY,SAAA,EAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA;AACrE,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,OAAO,EAAE;AACP,YAAA,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE;AACP,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAClC,SAAA;AACF,KAAA;AACF,CAAA,CAAC;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { FullScreenStepperActions
|
|
2
|
-
export { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps';
|
|
1
|
+
export { FullScreenStepperActions } from './FullScreenStepperActions';
|
|
2
|
+
export type { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { ButtonProps } from '../../Button';
|
|
2
|
+
import type { ButtonProps } from '../../Button';
|
|
3
3
|
import { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps';
|
|
4
4
|
export declare const StepperActionsCancelButton: FC<{
|
|
5
5
|
setStepCursor: SetStepCursor;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { Button } from '../../Button/Button.js';
|
|
4
3
|
import { augmentButtonProps } from './augmentButtonProps.js';
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return displayCancelButton ? (React.createElement(Button,
|
|
5
|
+
const StepperActionsCancelButton = (props) => {
|
|
6
|
+
const { setStepCursor, stepCursor, cancelButtonText, cancelButtonProps, handleCancelClick, displayCancelButton } = props;
|
|
7
|
+
const augmentedCancelButtonProps = augmentButtonProps({ onClick: handleCancelClick }, cancelButtonProps, setStepCursor, stepCursor, 0);
|
|
8
|
+
return displayCancelButton ? (React.createElement(Button, { variant: "ghost", ...augmentedCancelButtonProps }, cancelButtonText || 'cancel')) : null;
|
|
10
9
|
};
|
|
11
10
|
|
|
12
11
|
export { StepperActionsCancelButton };
|
package/build/esm/components/FullScreenStepperActions/util/StepperActionsCancelButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepperActionsCancelButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsCancelButton.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport
|
|
1
|
+
{"version":3,"file":"StepperActionsCancelButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsCancelButton.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport type { ButtonProps } from '../../Button'\nimport { Button } from '../../Button'\nimport { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsCancelButton: FC<{\n setStepCursor: SetStepCursor\n stepCursor: StepCursor\n cancelButtonText?: string\n cancelButtonProps?: ButtonProps\n handleCancelClick?: () => Promise<void>\n displayCancelButton: boolean\n}> = (props) => {\n const { setStepCursor, stepCursor, cancelButtonText, cancelButtonProps, handleCancelClick, displayCancelButton } =\n props\n const augmentedCancelButtonProps = augmentButtonProps(\n { onClick: handleCancelClick },\n cancelButtonProps,\n setStepCursor,\n stepCursor,\n 0,\n )\n\n return displayCancelButton ? (\n <Button variant=\"ghost\" {...augmentedCancelButtonProps}>\n {cancelButtonText || 'cancel'}\n </Button>\n ) : null\n}\n"],"names":[],"mappings":";;;;AAOa,MAAA,0BAA0B,GAOlC,CAAC,KAAK,KAAI;AACb,IAAA,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,GAC9G,KAAK;AACP,IAAA,MAAM,0BAA0B,GAAG,kBAAkB,CACnD,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAC9B,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,CAAC,CACF;IAED,OAAO,mBAAmB,IACxB,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,OAAO,EAAC,OAAO,KAAK,0BAA0B,EAAA,EACnD,gBAAgB,IAAI,QAAQ,CACtB,IACP,IAAI;AACV;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { ButtonProps } from '../../Button';
|
|
2
|
+
import type { ButtonProps } from '../../Button';
|
|
3
3
|
import { SetStepCursor, StepCount, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps';
|
|
4
4
|
export declare const StepperActionsNextButton: FC<{
|
|
5
5
|
handleNextClick: () => Promise<void>;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { Button } from '../../Button/Button.js';
|
|
4
3
|
import { augmentButtonProps } from './augmentButtonProps.js';
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return React.createElement(Button,
|
|
5
|
+
const StepperActionsNextButton = (props) => {
|
|
6
|
+
const { handleNextClick, nextButtonProps, setStepCursor, stepCursor, stepCount, finishButtonText, nextButtonText } = props;
|
|
7
|
+
const augmentedNextButtonProps = augmentButtonProps({ onClick: handleNextClick }, nextButtonProps, setStepCursor, stepCursor, 1);
|
|
8
|
+
const finalStep = stepCursor / stepCount === 1;
|
|
9
|
+
const finishText = finishButtonText || 'finish';
|
|
10
|
+
const nextText = nextButtonText || 'next';
|
|
11
|
+
const buttonText = finalStep ? finishText : nextText;
|
|
12
|
+
return React.createElement(Button, { ...augmentedNextButtonProps }, buttonText);
|
|
14
13
|
};
|
|
15
14
|
|
|
16
15
|
export { StepperActionsNextButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepperActionsNextButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsNextButton.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport
|
|
1
|
+
{"version":3,"file":"StepperActionsNextButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsNextButton.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport type { ButtonProps } from '../../Button'\nimport { Button } from '../../Button'\nimport { SetStepCursor, StepCount, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsNextButton: FC<{\n handleNextClick: () => Promise<void>\n nextButtonProps?: ButtonProps\n setStepCursor: SetStepCursor\n stepCursor: StepCursor\n stepCount: StepCount\n finishButtonText?: string\n nextButtonText?: string\n}> = (props) => {\n const { handleNextClick, nextButtonProps, setStepCursor, stepCursor, stepCount, finishButtonText, nextButtonText } =\n props\n const augmentedNextButtonProps = augmentButtonProps(\n { onClick: handleNextClick },\n nextButtonProps,\n setStepCursor,\n stepCursor,\n 1,\n )\n const finalStep = stepCursor / stepCount === 1\n const finishText = finishButtonText || 'finish'\n const nextText = nextButtonText || 'next'\n const buttonText = finalStep ? finishText : nextText\n\n return <Button {...augmentedNextButtonProps}>{buttonText}</Button>\n}\n"],"names":[],"mappings":";;;;AAOa,MAAA,wBAAwB,GAQhC,CAAC,KAAK,KAAI;AACb,IAAA,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAChH,KAAK;AACP,IAAA,MAAM,wBAAwB,GAAG,kBAAkB,CACjD,EAAE,OAAO,EAAE,eAAe,EAAE,EAC5B,eAAe,EACf,aAAa,EACb,UAAU,EACV,CAAC,CACF;AACD,IAAA,MAAM,SAAS,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAC9C,IAAA,MAAM,UAAU,GAAG,gBAAgB,IAAI,QAAQ;AAC/C,IAAA,MAAM,QAAQ,GAAG,cAAc,IAAI,MAAM;IACzC,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ;AAEpD,IAAA,OAAO,oBAAC,MAAM,EAAA,EAAA,GAAK,wBAAwB,EAAG,EAAA,UAAU,CAAU;AACpE;;;;"}
|
package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { ButtonProps } from '../../Button';
|
|
2
|
+
import type { ButtonProps } from '../../Button';
|
|
3
3
|
import { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps';
|
|
4
4
|
export declare const StepperActionsPreviousButton: FC<{
|
|
5
5
|
previousButtonText?: string;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { Button } from '../../Button/Button.js';
|
|
4
3
|
import { augmentButtonProps } from './augmentButtonProps.js';
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return displayPreviousButton ? (React.createElement(Button,
|
|
5
|
+
const StepperActionsPreviousButton = (props) => {
|
|
6
|
+
const { previousButtonText, stepCursor, handlePreviousClick, previousButtonProps, setStepCursor, displayPreviousButton, } = props;
|
|
7
|
+
const augmentedPreviousButtonProps = augmentButtonProps({ onClick: handlePreviousClick }, previousButtonProps, setStepCursor, stepCursor, -1);
|
|
8
|
+
return displayPreviousButton ? (React.createElement(Button, { variant: "tertiary", disabled: stepCursor === 1, ...augmentedPreviousButtonProps }, previousButtonText || 'previous')) : null;
|
|
10
9
|
};
|
|
11
10
|
|
|
12
11
|
export { StepperActionsPreviousButton };
|
package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepperActionsPreviousButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsPreviousButton.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport
|
|
1
|
+
{"version":3,"file":"StepperActionsPreviousButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsPreviousButton.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport type { ButtonProps } from '../../Button'\nimport { Button } from '../../Button'\nimport { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsPreviousButton: FC<{\n previousButtonText?: string\n stepCursor: StepCursor\n handlePreviousClick: () => Promise<void>\n previousButtonProps?: ButtonProps\n setStepCursor: SetStepCursor\n displayPreviousButton: boolean\n}> = (props) => {\n const {\n previousButtonText,\n stepCursor,\n handlePreviousClick,\n previousButtonProps,\n setStepCursor,\n displayPreviousButton,\n } = props\n\n const augmentedPreviousButtonProps = augmentButtonProps(\n { onClick: handlePreviousClick },\n previousButtonProps,\n setStepCursor,\n stepCursor,\n -1,\n )\n\n return displayPreviousButton ? (\n <Button variant=\"tertiary\" disabled={stepCursor === 1} {...augmentedPreviousButtonProps}>\n {previousButtonText || 'previous'}\n </Button>\n ) : null\n}\n"],"names":[],"mappings":";;;;AAOa,MAAA,4BAA4B,GAOpC,CAAC,KAAK,KAAI;AACb,IAAA,MAAM,EACJ,kBAAkB,EAClB,UAAU,EACV,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,qBAAqB,GACtB,GAAG,KAAK;AAET,IAAA,MAAM,4BAA4B,GAAG,kBAAkB,CACrD,EAAE,OAAO,EAAE,mBAAmB,EAAE,EAChC,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,EAAE,CACH;AAED,IAAA,OAAO,qBAAqB,IAC1B,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAA,GAAM,4BAA4B,EAAA,EACpF,kBAAkB,IAAI,UAAU,CAC1B,IACP,IAAI;AACV;;;;"}
|
|
@@ -2,14 +2,14 @@ import { makeStyles } from '@material-ui/core';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Typography } from '@popmenu/common-ui';
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
const useStyles = makeStyles({
|
|
6
6
|
root: {
|
|
7
7
|
fontStyle: 'italic',
|
|
8
8
|
},
|
|
9
9
|
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
const StepperActionsStatusText = (props) => {
|
|
11
|
+
const { statusText } = props;
|
|
12
|
+
const classes = useStyles(props);
|
|
13
13
|
return statusText ? (React.createElement(Typography, { classes: { root: classes.root }, variant: "body2" }, statusText)) : null;
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepperActionsStatusText.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsStatusText.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\nimport React, { FC } from 'react'\n\nimport { Typography } from '@popmenu/common-ui'\n\nconst useStyles = makeStyles({\n root: {\n fontStyle: 'italic',\n },\n})\n\nexport const StepperActionsStatusText: FC<{\n statusText?: string\n}> = (props) => {\n const { statusText } = props\n const classes = useStyles(props)\n return statusText ? (\n <Typography classes={{ root: classes.root }} variant=\"body2\">\n {statusText}\n </Typography>\n ) : null\n}\n"],"names":[],"mappings":";;;;AAKA,
|
|
1
|
+
{"version":3,"file":"StepperActionsStatusText.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsStatusText.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\nimport React, { FC } from 'react'\n\nimport { Typography } from '@popmenu/common-ui'\n\nconst useStyles = makeStyles({\n root: {\n fontStyle: 'italic',\n },\n})\n\nexport const StepperActionsStatusText: FC<{\n statusText?: string\n}> = (props) => {\n const { statusText } = props\n const classes = useStyles(props)\n return statusText ? (\n <Typography classes={{ root: classes.root }} variant=\"body2\">\n {statusText}\n </Typography>\n ) : null\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACF,CAAA,CAAC;AAEW,MAAA,wBAAwB,GAEhC,CAAC,KAAK,KAAI;AACb,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK;AAC5B,IAAA,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,OAAO,UAAU,IACf,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,OAAO,EAAC,OAAO,EAAA,EACzD,UAAU,CACA,IACX,IAAI;AACV;;;;"}
|
|
@@ -2,4 +2,4 @@ import { ButtonProps } from '../../Button';
|
|
|
2
2
|
import { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps';
|
|
3
3
|
export declare const augmentButtonProps: (internalProps: {
|
|
4
4
|
onClick?: () => Promise<void>;
|
|
5
|
-
}, externalProps: ButtonProps
|
|
5
|
+
}, externalProps: ButtonProps | undefined, setStepCursor: SetStepCursor, stepCursor: StepCursor, incrementor: number) => ButtonProps;
|