@popmenu/admin-ui 0.126.0 → 0.126.2

package/build/esm/components/FeatureIntro/FeatureIntroProps.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface FeatureIntroProps {
+    /** The headline for a FeatureIntro. */
+    title: string;
+    /** Text to be used for the main messaging of the FeatureIntro. */
+    body: string;
+    /** The image to be displayed. */
+    image: {
+        alt: string;
+        src: string;
+    };
+    /** The primary CTA. */
+    primaryAction: {
+        label: string;
+        onClick: (event: React.SyntheticEvent) => void;
+    };
+    /** The secondary CTA. */
+    secondaryAction: {
+        label: string;
+        onClick: (event: React.SyntheticEvent) => void;
+    };
+}

package/build/esm/components/FeatureIntro/FeatureIntroStyles.d.ts

@@ -0,0 +1,2 @@
+import { FeatureIntroProps } from './FeatureIntroProps';
+export declare const useFeatureIntroStyles: (props: FeatureIntroProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/FeatureIntro/FeatureIntroStyles.js

@@ -0,0 +1,20 @@
+import { makeStyles } from '@material-ui/core';
+
+var useFeatureIntroStyles = makeStyles(function (_a) {
+    var spacing = _a.spacing;
+    return ({
+        root: {
+            gap: spacing(3),
+        },
+        actions: {
+            gap: spacing(3),
+        },
+        image: {
+            width: '100%',
+            objectFit: 'contain',
+        },
+    });
+});
+
+export { useFeatureIntroStyles };
+//# sourceMappingURL=FeatureIntroStyles.js.map

package/build/esm/components/FeatureIntro/FeatureIntroStyles.js.map

@@ -0,0 +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":";;AAIa,IAAA,qBAAqB,GAAG,UAAU,CAA2B,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAC1F,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,SAAS,EAAE,SAAS;AACrB,SAAA;KACF;AAX0F,CAWzF;;;;"}

package/build/esm/components/FeatureIntro/index.d.ts

@@ -0,0 +1,2 @@
+export { FeatureIntro as default } from './FeatureIntro';
+export { FeatureIntroProps } from './FeatureIntroProps';

package/build/esm/components/FullScreenStepper/FullScreenStepper.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FullScreenStepperProps } from './FullScreenStepperProps';
+/**
+ * TODO
+ * - i18n?
+ * - loading?
+ */
+export declare const FullScreenStepper: FC<FullScreenStepperProps>;

package/build/esm/components/FullScreenStepper/FullScreenStepper.js

@@ -0,0 +1,104 @@
+import { __rest, __assign, __awaiter, __generator } from 'tslib';
+import { Dialog, Box } from '@material-ui/core';
+import React, { useState } from 'react';
+import { FullScreenStepperActions } from '../FullScreenStepperActions/FullScreenStepperActions.js';
+import { FullScreenStepperHeader } from '../FullScreenStepperHeader/FullScreenStepperHeader.js';
+import { FullScreenStepperContext } from './FullScreenStepperContext.js';
+
+/**
+ * TODO
+ * - i18n?
+ * - loading?
+ */
+var FullScreenStepper = function (props) {
+    var children = props.children, _a = props.context, context = _a === void 0 ? {} : _a, _b = props.defaultStepCursor, defaultStepCursor = _b === void 0 ? 1 : _b, _c = props.displayActionBar, displayActionBar = _c === void 0 ? true : _c, _d = props.displayCancelButton, displayCancelButton = _d === void 0 ? true : _d, _e = props.displayPreviousButton, displayPreviousButton = _e === void 0 ? true : _e, _f = props.resetStepCursorOnCancel, resetStepCursorOnCancel = _f === void 0 ? true : _f, _g = props.resetStepCursorOnClose, resetStepCursorOnClose = _g === void 0 ? true : _g, steps = props.steps, onClose = props.onClose, onFinish = props.onFinish, onNext = props.onNext, onCancel = props.onCancel, onPrevious = props.onPrevious, DialogProps = __rest(props, ["children", "context", "defaultStepCursor", "displayActionBar", "displayCancelButton", "displayPreviousButton", "resetStepCursorOnCancel", "resetStepCursorOnClose", "steps", "onClose", "onFinish", "onNext", "onCancel", "onPrevious"]);
+    var _h = useState(defaultStepCursor), stepCursor = _h[0], setStepCursor = _h[1];
+    var stepCount = steps.length;
+    var stepIndex = stepCursor - 1;
+    var step = steps[stepIndex];
+    var _j = step.displayActionBar, displayStepActionBar = _j === void 0 ? true : _j;
+    var isFinalStep = stepCursor / stepCount === 1;
+    var callbackArgs = { setStepCursor: setStepCursor, step: step, stepCount: stepCount, stepIndex: stepIndex, steps: steps };
+    var mergedContext = __assign(__assign({}, context), callbackArgs);
+    var resetStepCursor = function () { return setTimeout(function () { return setStepCursor(1); }, 600); };
+    var handleClose = function () {
+        if (typeof onClose === 'function') {
+            onClose(callbackArgs);
+        }
+        if (resetStepCursorOnClose) {
+            resetStepCursor();
+        }
+    };
+    var handleNextClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!isFinalStep) return [3 /*break*/, 3];
+                    if (!(typeof onFinish === 'function')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onFinish(callbackArgs)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    if (typeof onClose === 'function') {
+                        onClose(callbackArgs);
+                    }
+                    resetStepCursor();
+                    return [3 /*break*/, 6];
+                case 3:
+                    if (!(typeof onNext === 'function')) return [3 /*break*/, 5];
+                    return [4 /*yield*/, onNext(callbackArgs)];
+                case 4:
+                    _a.sent();
+                    _a.label = 5;
+                case 5:
+                    setStepCursor(stepCursor + 1);
+                    _a.label = 6;
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handlePreviousClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(typeof onPrevious === 'function')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onPrevious(callbackArgs)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    setStepCursor(stepCursor - 1);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleCancelClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(typeof onCancel === 'function')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onCancel(callbackArgs)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    if (resetStepCursorOnCancel) {
+                        resetStepCursor();
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var content = React.Children.toArray(children).find(function (child) { return React.isValidElement(child) && child.props.name === step.name; });
+    return (React.createElement(Dialog, __assign({ fullScreen: true }, DialogProps),
+        React.createElement(FullScreenStepperContext.Provider, { value: mergedContext },
+            React.createElement(Box, { display: "flex", flexDirection: "column", flexGrow: 1 },
+                React.createElement(FullScreenStepperHeader, { stepCount: stepCount, stepCursor: stepCursor, onClose: handleClose, step: step }),
+                React.createElement(Box, { display: "flex", mx: 6, flexGrow: 1, alignItems: "center", flexDirection: "column" }, content),
+                displayActionBar && displayStepActionBar && (React.createElement(FullScreenStepperActions, __assign({}, step.actionBar, { callbackArgs: callbackArgs, displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick })))))));
+};
+FullScreenStepper.displayName = 'FullScreenStepper';
+
+export { FullScreenStepper };
+//# sourceMappingURL=FullScreenStepper.js.map

package/build/esm/components/FullScreenStepper/FullScreenStepper.js.map

@@ -0,0 +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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"}

package/build/esm/components/FullScreenStepper/FullScreenStepperContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FullScreenStepperTypes } from './types';
+export interface FullScreenStepperContextValue extends FullScreenStepperTypes.EventCallbackArgs {
+    [key: string]: unknown;
+}
+export declare const FullScreenStepperContext: import("react").Context<FullScreenStepperContextValue>;

package/build/esm/components/FullScreenStepper/FullScreenStepperContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+var FullScreenStepperContext = createContext({});
+
+export { FullScreenStepperContext };
+//# sourceMappingURL=FullScreenStepperContext.js.map

package/build/esm/components/FullScreenStepper/FullScreenStepperContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenStepperContext.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepperContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { FullScreenStepperTypes } from './types'\n\nexport interface FullScreenStepperContextValue extends FullScreenStepperTypes.EventCallbackArgs {\n  [key: string]: unknown\n}\n\nexport const FullScreenStepperContext = createContext({} as FullScreenStepperContextValue)\n"],"names":[],"mappings":";;IAOa,wBAAwB,GAAG,aAAa,CAAC,EAAmC;;;;"}

package/build/esm/components/FullScreenStepper/FullScreenStepperProps.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+import { DialogProps } from '@material-ui/core';
+import { ButtonProps } from '../Button';
+import { FullScreenStepperTypes } from './types';
+export declare namespace FullScreenStepperSubProps {
+    interface ActionBar {
+        /** Custom actions for a given step. Will appear as additional Button components. */
+        actions?: Array<{
+            onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, callbackArgs: FullScreenStepperTypes.EventCallbackArgs) => void;
+            props: ButtonProps;
+            text: string;
+        }>;
+        /** Override for "Cancel" button. */
+        cancelButtonProps?: ButtonProps;
+        /** Custom text for "Cancel" button. */
+        cancelButtonText?: string;
+        /** Custom text for "Finish" button. */
+        finishButtonText?: string;
+        /** Override for "Next" button. */
+        nextButtonProps?: ButtonProps;
+        /** Custom text for "Next" button. */
+        nextButtonText?: string;
+        /** Override for "Previous" button. */
+        previousButtonProps?: ButtonProps;
+        /** Custom text for "Previous" button. */
+        previousButtonText?: string;
+        /** Text for the optional "Status Text" region. */
+        statusText?: string;
+    }
+    interface Step {
+        /** Group of props for modifying the ActionBar region of FullScreenStepper. */
+        actionBar?: ActionBar;
+        /** When false; disables the ActionBar of a step */
+        displayActionBar?: boolean;
+        /** The name of a given step. Used to match with a provided content component. */
+        name: string;
+        /** Text displayed as the title of a step. */
+        title: string;
+    }
+}
+export interface FullScreenStepperProps extends DialogProps {
+    /** Configurations for each step. Modifies elements outside the FullScreenStepper content area. */
+    steps: Array<FullScreenStepperSubProps.Step>;
+    /** Will be used to initialize a React context which can be accessed with the useFullScreenStepperHook. */
+    context?: Record<string, unknown>;
+    /** Specifies which step the dialog will initialize at. */
+    defaultStepCursor?: number;
+    /** When false; disables the ActionBar across all the FullScreenStepper */
+    displayActionBar?: boolean;
+    /** Controls whether or not the "Cancel" button is displayed. */
+    displayCancelButton?: boolean;
+    /** Controls whether or not the "Previous" button is displayed. */
+    displayPreviousButton?: boolean;
+    /** When true; the stepper will update it's internal state to render the first step after a user cancels the stepper. */
+    resetStepCursorOnCancel?: boolean;
+    /** When true; the stepper will update it's internal state to render the first step after a user closes the stepper. */
+    resetStepCursorOnClose?: boolean;
+    /** Callback triggered when the "Cancel" button is clicked. Called with `step`, `steps`, and `stepIndex`. */
+    onCancel?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
+    /** Callback triggered when the close icon button is clicked. Called with `step`, `steps`, and `stepIndex`. */
+    onClose?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
+    /** Callback triggered when the "Finish" button is clicked. Called with `step`, `steps`, and `stepIndex`. */
+    onFinish?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
+    /** Callback triggered when the "Next" button is clicked. Called with `step`, `steps`, and `stepIndex`. */
+    onNext?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
+    /** Callback triggered when the "Previous" button is clicked. Called with `step`, `steps`, and `stepIndex`. */
+    onPrevious?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
+}

package/build/esm/components/FullScreenStepper/index.d.ts

@@ -0,0 +1,3 @@
+export { FullScreenStepper as default } from './FullScreenStepper';
+export { FullScreenStepperContext, FullScreenStepperContextValue } from './FullScreenStepperContext';
+export { FullScreenStepperProps } from './FullScreenStepperProps';

package/build/esm/components/FullScreenStepper/types/index.d.ts

@@ -0,0 +1,25 @@
+import { FullScreenStepperSubProps } from '../FullScreenStepperProps';
+export declare namespace FullScreenStepperTypes {
+    /** The current active step. Counts up from 1. */
+    type StepCursor = number;
+    /** An updater function the state controlling which step is active. */
+    type SetStepCursor = (step: number) => void;
+    /** The total number of steps. */
+    type StepCount = number;
+    /** The index of the current step in the steps array. */
+    type StepIndex = number;
+    /** Indicates that the FullScreenStepper is showing the last step in the steps array. */
+    type IsFinalStep = boolean;
+    interface EventCallbackArgs {
+        /** The current step object. */
+        step: FullScreenStepperSubProps.Step;
+        /** The total number of steps. */
+        stepCount: number;
+        /** The index of the current step in the steps array. */
+        stepIndex: number;
+        /** An updater function the state controlling which step is active. */
+        setStepCursor: (cursor: number) => void;
+        /** The steps prop that is passed into the FullScreenStepper */
+        steps: Array<FullScreenStepperSubProps.Step>;
+    }
+}

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActions.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps';
+export declare const FullScreenStepperActions: FC<FullScreenStepperActionsProps>;

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActions.js

@@ -0,0 +1,26 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { Box } from '@popmenu/common-ui';
+import { Button } from '../Button/Button.js';
+import { useFullScreenStepperActionsStyles } from './FullScreenStepperActionsStyles.js';
+import { StepperActionsPreviousButton } from './util/StepperActionsPreviousButton.js';
+import { StepperActionsStatusText } from './util/StepperActionsStatusText.js';
+import { StepperActionsNextButton } from './util/StepperActionsNextButton.js';
+import { StepperActionsCancelButton } from './util/StepperActionsCancelButton.js';
+
+var FullScreenStepperActions = function (props) {
+    var stepCount = props.stepCount, stepCursor = props.stepCursor, setStepCursor = props.setStepCursor, handleNextClick = props.handleNextClick, handlePreviousClick = props.handlePreviousClick, handleCancelClick = props.handleCancelClick, actions = props.actions, callbackArgs = props.callbackArgs, cancelButtonText = props.cancelButtonText, nextButtonText = props.nextButtonText, finishButtonText = props.finishButtonText, nextButtonProps = props.nextButtonProps, previousButtonText = props.previousButtonText, previousButtonProps = props.previousButtonProps, cancelButtonProps = props.cancelButtonProps, statusText = props.statusText, displayPreviousButton = props.displayPreviousButton, displayCancelButton = props.displayCancelButton;
+    var classes = useFullScreenStepperActionsStyles(props);
+    return (React.createElement(Box, { className: classes.root },
+        React.createElement(Box, { className: classes.inlineStartActions },
+            React.createElement(StepperActionsPreviousButton, { displayPreviousButton: displayPreviousButton, previousButtonText: previousButtonText, handlePreviousClick: handlePreviousClick, previousButtonProps: previousButtonProps, stepCursor: stepCursor, setStepCursor: setStepCursor }),
+            React.createElement(StepperActionsStatusText, { statusText: statusText })),
+        React.createElement(Box, { className: classes.inlineEndActions },
+            actions &&
+                actions.map(function (action, i) { return (React.createElement(Button, __assign({ key: "custom-action-" + stepCursor + "-" + i, variant: "ghost", onClick: function (event) { return action.onClick(event, callbackArgs); } }, action.props), action.text)); }),
+            React.createElement(StepperActionsCancelButton, { setStepCursor: setStepCursor, stepCursor: stepCursor, cancelButtonText: cancelButtonText, cancelButtonProps: cancelButtonProps, handleCancelClick: handleCancelClick, displayCancelButton: displayCancelButton }),
+            React.createElement(StepperActionsNextButton, { handleNextClick: handleNextClick, nextButtonProps: nextButtonProps, setStepCursor: setStepCursor, stepCursor: stepCursor, stepCount: stepCount, finishButtonText: finishButtonText, nextButtonText: nextButtonText }))));
+};
+
+export { FullScreenStepperActions };
+//# sourceMappingURL=FullScreenStepperActions.js.map

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActions.js.map

@@ -0,0 +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 { useFullScreenStepperActionsStyles } from './FullScreenStepperActionsStyles'\nimport { StepperActionsPreviousButton } from './util/StepperActionsPreviousButton'\nimport { StepperActionsStatusText } from './util/StepperActionsStatusText'\nimport { StepperActionsNextButton } from './util/StepperActionsNextButton'\nimport { StepperActionsCancelButton } from './util/StepperActionsCancelButton'\nimport { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps'\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":";;;;;;;;;;AAWO,IAAM,wBAAwB,GAAsC,UAAC,KAAK,EAAA;AAE7E,IAAA,IAAA,SAAS,GAkBP,KAAK,UAlBE,EACT,UAAU,GAiBR,KAAK,CAAA,UAjBG,EACV,aAAa,GAgBX,KAAK,CAhBM,aAAA,EACb,eAAe,GAeb,KAAK,gBAfQ,EACf,mBAAmB,GAcjB,KAAK,oBAdY,EACnB,iBAAiB,GAaf,KAAK,CAAA,iBAbU,EACjB,OAAO,GAYL,KAAK,CAZA,OAAA,EACP,YAAY,GAWV,KAAK,aAXK,EACZ,gBAAgB,GAUd,KAAK,CAAA,gBAVS,EAChB,cAAc,GASZ,KAAK,CAAA,cATO,EACd,gBAAgB,GAQd,KAAK,CARS,gBAAA,EAChB,eAAe,GAOb,KAAK,gBAPQ,EACf,kBAAkB,GAMhB,KAAK,CAAA,kBANW,EAClB,mBAAmB,GAKjB,KAAK,CALY,mBAAA,EACnB,iBAAiB,GAIf,KAAK,kBAJU,EACjB,UAAU,GAGR,KAAK,CAAA,UAHG,EACV,qBAAqB,GAEnB,KAAK,CAFc,qBAAA,EACrB,mBAAmB,GACjB,KAAK,oBADY;AAErB,IAAA,IAAM,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,UAAC,MAAM,EAAE,CAAC,EAAA,EAAK,QACzB,KAAC,CAAA,aAAA,CAAA,MAAM,aACL,GAAG,EAAE,gBAAiB,GAAA,UAAU,GAAI,GAAA,GAAA,CAAG,EACvC,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,UAAC,KAA0C,EAAA,EAAK,OAAA,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAnC,EAAmC,IACxF,MAAM,CAAC,KAAK,CAAA,EAEf,MAAM,CAAC,IAAI,CACL,EARgB,EAS1B,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;;;;"}

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsProps.d.ts

@@ -0,0 +1,22 @@
+import { FullScreenStepperSubProps } from '../FullScreenStepper/FullScreenStepperProps';
+import { FullScreenStepperTypes } from '../FullScreenStepper/types';
+export interface FullScreenStepperActionsProps extends Partial<FullScreenStepperSubProps.ActionBar> {
+    /** The callback args for custom actions */
+    callbackArgs: FullScreenStepperTypes.EventCallbackArgs;
+    /** When false; hides the "Cancel" button */
+    displayCancelButton: boolean;
+    /** When false; hides the "Previous" button */
+    displayPreviousButton: boolean;
+    /** The total number of steps */
+    stepCount: FullScreenStepperTypes.StepCount;
+    /** The current value of step cursor */
+    stepCursor: FullScreenStepperTypes.StepCursor;
+    /** The setter for value of step cursor */
+    setStepCursor: FullScreenStepperTypes.SetStepCursor;
+    /** Callback triggered when the "Cancel" button is clicked. */
+    handleCancelClick?: () => Promise<void>;
+    /** Callback triggered when the "Next" button is clicked. */
+    handleNextClick: () => Promise<void>;
+    /** Callback triggered when the "Previous" button is clicked. */
+    handlePreviousClick: () => Promise<void>;
+}

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsStyles.d.ts

@@ -0,0 +1,2 @@
+import { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps';
+export declare const useFullScreenStepperActionsStyles: (props: FullScreenStepperActionsProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsStyles.js

@@ -0,0 +1,29 @@
+import { makeStyles } from '@material-ui/core';
+
+var useFullScreenStepperActionsStyles = makeStyles(function (theme) { return ({
+    root: {
+        position: 'sticky',
+        background: 'white',
+        bottom: 0,
+        display: 'flex',
+        justifyContent: 'space-between',
+        padding: theme.spacing(1.5) + "px " + theme.spacing(3) + "px",
+        borderTop: theme.spacing(0.5) + "px solid " + theme.palette.grey[100],
+        zIndex: 3,
+    },
+    inlineEndActions: {
+        '& > *': {
+            marginInlineStart: theme.spacing(2),
+        },
+    },
+    inlineStartActions: {
+        display: 'flex',
+        alignItems: 'center',
+        '& > *': {
+            marginInlineEnd: theme.spacing(2),
+        },
+    },
+}); });
+
+export { useFullScreenStepperActionsStyles };
+//# sourceMappingURL=FullScreenStepperActionsStyles.js.map

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsStyles.js.map

@@ -0,0 +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,IAAA,iCAAiC,GAAG,UAAU,CAAuC,UAAC,KAAK,EAAK,EAAA,QAAC;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,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAM,KAAA,GAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,IAAA;AACxD,QAAA,SAAS,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAY,WAAA,GAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;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;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/FullScreenStepperActions/index.d.ts

@@ -0,0 +1,2 @@
+export { FullScreenStepperActions as default } from './FullScreenStepperActions';
+export { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps';

package/build/esm/components/FullScreenStepperActions/util/StepperActionsCancelButton.d.ts

@@ -0,0 +1,11 @@
+import { FullScreenStepperTypes } from '../../FullScreenStepper/types';
+import { FC } from 'react';
+import { ButtonProps } from '../../Button';
+export declare const StepperActionsCancelButton: FC<{
+    setStepCursor: FullScreenStepperTypes.SetStepCursor;
+    stepCursor: FullScreenStepperTypes.StepCursor;
+    cancelButtonText?: string;
+    cancelButtonProps?: ButtonProps;
+    handleCancelClick?: () => Promise<void>;
+    displayCancelButton: boolean;
+}>;

package/build/esm/components/FullScreenStepperActions/util/StepperActionsCancelButton.js

@@ -0,0 +1,13 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { Button } from '../../Button/Button.js';
+import { augmentButtonProps } from './augmentButtonProps.js';
+
+var StepperActionsCancelButton = function (props) {
+    var setStepCursor = props.setStepCursor, stepCursor = props.stepCursor, cancelButtonText = props.cancelButtonText, cancelButtonProps = props.cancelButtonProps, handleCancelClick = props.handleCancelClick, displayCancelButton = props.displayCancelButton;
+    var augmentedCancelButtonProps = augmentButtonProps({ onClick: handleCancelClick }, cancelButtonProps, setStepCursor, stepCursor, 0);
+    return displayCancelButton ? (React.createElement(Button, __assign({ variant: "ghost" }, augmentedCancelButtonProps), cancelButtonText || 'cancel')) : null;
+};
+
+export { StepperActionsCancelButton };
+//# sourceMappingURL=StepperActionsCancelButton.js.map

package/build/esm/components/FullScreenStepperActions/util/StepperActionsCancelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperActionsCancelButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsCancelButton.tsx"],"sourcesContent":["import { FullScreenStepperTypes } from '../../FullScreenStepper/types'\nimport React, { FC } from 'react'\n\nimport Button, { ButtonProps } from '../../Button'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsCancelButton: FC<{\n  setStepCursor: FullScreenStepperTypes.SetStepCursor\n  stepCursor: FullScreenStepperTypes.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":";;;;;AAMO,IAAM,0BAA0B,GAOlC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,aAAa,GACnB,KAAK,CAAA,aADc,EAAE,UAAU,GAC/B,KAAK,CAD0B,UAAA,EAAE,gBAAgB,GACjD,KAAK,CAAA,gBAD4C,EAAE,iBAAiB,GACpE,KAAK,CAD+D,iBAAA,EAAE,iBAAiB,GACvF,KAAK,CAAA,iBADkF,EAAE,mBAAmB,GAC5G,KAAK,oBADuG;AAE9G,IAAA,IAAM,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,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,IAAK,0BAA0B,CAAA,EACnD,gBAAgB,IAAI,QAAQ,CACtB,IACP,IAAI;AACV;;;;"}

package/build/esm/components/FullScreenStepperActions/util/StepperActionsNextButton.d.ts

@@ -0,0 +1,12 @@
+import { FullScreenStepperTypes } from '../../FullScreenStepper/types';
+import { FC } from 'react';
+import { ButtonProps } from '../../Button';
+export declare const StepperActionsNextButton: FC<{
+    handleNextClick: () => Promise<void>;
+    nextButtonProps?: ButtonProps;
+    setStepCursor: FullScreenStepperTypes.SetStepCursor;
+    stepCursor: FullScreenStepperTypes.StepCursor;
+    stepCount: FullScreenStepperTypes.StepCount;
+    finishButtonText?: string;
+    nextButtonText?: string;
+}>;

package/build/esm/components/FullScreenStepperActions/util/StepperActionsNextButton.js

@@ -0,0 +1,17 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { Button } from '../../Button/Button.js';
+import { augmentButtonProps } from './augmentButtonProps.js';
+
+var StepperActionsNextButton = function (props) {
+    var handleNextClick = props.handleNextClick, nextButtonProps = props.nextButtonProps, setStepCursor = props.setStepCursor, stepCursor = props.stepCursor, stepCount = props.stepCount, finishButtonText = props.finishButtonText, nextButtonText = props.nextButtonText;
+    var augmentedNextButtonProps = augmentButtonProps({ onClick: handleNextClick }, nextButtonProps, setStepCursor, stepCursor, 1);
+    var finalStep = stepCursor / stepCount === 1;
+    var finishText = finishButtonText || 'finish';
+    var nextText = nextButtonText || 'next';
+    var buttonText = finalStep ? finishText : nextText;
+    return React.createElement(Button, __assign({}, augmentedNextButtonProps), buttonText);
+};
+
+export { StepperActionsNextButton };
+//# sourceMappingURL=StepperActionsNextButton.js.map

package/build/esm/components/FullScreenStepperActions/util/StepperActionsNextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperActionsNextButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsNextButton.tsx"],"sourcesContent":["import { FullScreenStepperTypes } from '../../FullScreenStepper/types'\nimport React, { FC } from 'react'\n\nimport Button, { ButtonProps } from '../../Button'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsNextButton: FC<{\n  handleNextClick: () => Promise<void>\n  nextButtonProps?: ButtonProps\n  setStepCursor: FullScreenStepperTypes.SetStepCursor\n  stepCursor: FullScreenStepperTypes.StepCursor\n  stepCount: FullScreenStepperTypes.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":";;;;;AAMO,IAAM,wBAAwB,GAQhC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,eAAe,GACrB,KAAK,CAAA,eADgB,EAAE,eAAe,GACtC,KAAK,CAAA,eADiC,EAAE,aAAa,GACrD,KAAK,CAAA,aADgD,EAAE,UAAU,GACjE,KAAK,CAAA,UAD4D,EAAE,SAAS,GAC5E,KAAK,UADuE,EAAE,gBAAgB,GAC9F,KAAK,iBADyF,EAAE,cAAc,GAC9G,KAAK,eADyG;AAEhH,IAAA,IAAM,wBAAwB,GAAG,kBAAkB,CACjD,EAAE,OAAO,EAAE,eAAe,EAAE,EAC5B,eAAe,EACf,aAAa,EACb,UAAU,EACV,CAAC,CACF;AACD,IAAA,IAAM,SAAS,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAC9C,IAAA,IAAM,UAAU,GAAG,gBAAgB,IAAI,QAAQ;AAC/C,IAAA,IAAM,QAAQ,GAAG,cAAc,IAAI,MAAM;IACzC,IAAM,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ;AAEpD,IAAA,OAAO,oBAAC,MAAM,EAAA,QAAA,CAAA,EAAA,EAAK,wBAAwB,CAAG,EAAA,UAAU,CAAU;AACpE;;;;"}

package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.d.ts

@@ -0,0 +1,11 @@
+import { FullScreenStepperTypes } from '../../FullScreenStepper/types';
+import { FC } from 'react';
+import { ButtonProps } from '../../Button';
+export declare const StepperActionsPreviousButton: FC<{
+    previousButtonText?: string;
+    stepCursor: FullScreenStepperTypes.StepCursor;
+    handlePreviousClick: () => Promise<void>;
+    previousButtonProps?: ButtonProps;
+    setStepCursor: FullScreenStepperTypes.SetStepCursor;
+    displayPreviousButton: boolean;
+}>;

package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.js

@@ -0,0 +1,13 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { Button } from '../../Button/Button.js';
+import { augmentButtonProps } from './augmentButtonProps.js';
+
+var StepperActionsPreviousButton = function (props) {
+    var previousButtonText = props.previousButtonText, stepCursor = props.stepCursor, handlePreviousClick = props.handlePreviousClick, previousButtonProps = props.previousButtonProps, setStepCursor = props.setStepCursor, displayPreviousButton = props.displayPreviousButton;
+    var augmentedPreviousButtonProps = augmentButtonProps({ onClick: handlePreviousClick }, previousButtonProps, setStepCursor, stepCursor, -1);
+    return displayPreviousButton ? (React.createElement(Button, __assign({ variant: "tertiary", disabled: stepCursor === 1 }, augmentedPreviousButtonProps), previousButtonText || 'previous')) : null;
+};
+
+export { StepperActionsPreviousButton };
+//# sourceMappingURL=StepperActionsPreviousButton.js.map

package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperActionsPreviousButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsPreviousButton.tsx"],"sourcesContent":["import { FullScreenStepperTypes } from '../../FullScreenStepper/types'\nimport React, { FC } from 'react'\n\nimport Button, { ButtonProps } from '../../Button'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsPreviousButton: FC<{\n  previousButtonText?: string\n  stepCursor: FullScreenStepperTypes.StepCursor\n  handlePreviousClick: () => Promise<void>\n  previousButtonProps?: ButtonProps\n  setStepCursor: FullScreenStepperTypes.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":";;;;;AAMO,IAAM,4BAA4B,GAOpC,UAAC,KAAK,EAAA;AAEP,IAAA,IAAA,kBAAkB,GAMhB,KAAK,CAAA,kBANW,EAClB,UAAU,GAKR,KAAK,CALG,UAAA,EACV,mBAAmB,GAIjB,KAAK,CAAA,mBAJY,EACnB,mBAAmB,GAGjB,KAAK,CAHY,mBAAA,EACnB,aAAa,GAEX,KAAK,CAAA,aAFM,EACb,qBAAqB,GACnB,KAAK,sBADc;AAGvB,IAAA,IAAM,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,QAAA,CAAA,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAA,EAAM,4BAA4B,CAAA,EACpF,kBAAkB,IAAI,UAAU,CAC1B,IACP,IAAI;AACV;;;;"}

package/build/esm/components/FullScreenStepperActions/util/StepperActionsStatusText.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const StepperActionsStatusText: FC<{
+    statusText?: string;
+}>;

package/build/esm/components/FullScreenStepperActions/util/StepperActionsStatusText.js

@@ -0,0 +1,17 @@
+import { makeStyles } from '@material-ui/core';
+import React from 'react';
+import { Typography } from '@popmenu/common-ui';
+
+var useStyles = makeStyles({
+    root: {
+        fontStyle: 'italic',
+    },
+});
+var StepperActionsStatusText = function (props) {
+    var statusText = props.statusText;
+    var classes = useStyles(props);
+    return statusText ? (React.createElement(Typography, { classes: { root: classes.root }, variant: "body2" }, statusText)) : null;
+};
+
+export { StepperActionsStatusText };
+//# sourceMappingURL=StepperActionsStatusText.js.map

package/build/esm/components/FullScreenStepperActions/util/StepperActionsStatusText.js.map

@@ -0,0 +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,IAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACF,CAAA,CAAC;AAEK,IAAM,wBAAwB,GAEhC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,UAAU,GAAK,KAAK,CAAA,UAAV;AAClB,IAAA,IAAM,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;;;;"}

package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.d.ts

@@ -0,0 +1,5 @@
+import { FullScreenStepperTypes } from '../../FullScreenStepper/types';
+import { ButtonProps } from '../../Button';
+export declare const augmentButtonProps: (internalProps: {
+    onClick?: () => Promise<void>;
+}, externalProps: ButtonProps<"button"> | undefined, setStepCursor: FullScreenStepperTypes.SetStepCursor, stepCursor: FullScreenStepperTypes.StepCursor, incrementor: number) => ButtonProps;

package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.js

@@ -0,0 +1,29 @@
+import { __assign, __awaiter, __generator } from 'tslib';
+
+var augmentButtonProps = function (internalProps, externalProps, setStepCursor, stepCursor, incrementor) {
+    if (externalProps === void 0) { externalProps = {}; }
+    var mergedProps = __assign(__assign({}, internalProps), externalProps);
+    mergedProps.onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(typeof externalProps.onClick === 'function')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, externalProps.onClick({})];
+                case 1:
+                    _a.sent();
+                    setStepCursor(stepCursor + incrementor);
+                    return [3 /*break*/, 3];
+                case 2:
+                    if (typeof internalProps.onClick === 'function') {
+                        internalProps.onClick();
+                    }
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    return mergedProps;
+};
+
+export { augmentButtonProps };
+//# sourceMappingURL=augmentButtonProps.js.map

package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"augmentButtonProps.js","sources":["../../../../../src/components/FullScreenStepperActions/util/augmentButtonProps.ts"],"sourcesContent":["import React from 'react'\n\nimport { FullScreenStepperTypes } from '../../FullScreenStepper/types'\nimport { ButtonProps } from '../../Button'\n\nexport const augmentButtonProps = (\n  internalProps: { onClick?: () => Promise<void> },\n  externalProps: ButtonProps = {},\n  setStepCursor: FullScreenStepperTypes.SetStepCursor,\n  stepCursor: FullScreenStepperTypes.StepCursor,\n  incrementor: number,\n): ButtonProps => {\n  const mergedProps = { ...internalProps, ...externalProps }\n  mergedProps.onClick = async () => {\n    if (typeof externalProps.onClick === 'function') {\n      await externalProps.onClick({} as React.MouseEvent<HTMLButtonElement, MouseEvent>)\n      setStepCursor(stepCursor + incrementor)\n    } else if (typeof internalProps.onClick === 'function') {\n      internalProps.onClick()\n    }\n  }\n  return mergedProps\n}\n"],"names":[],"mappings":";;AAKO,IAAM,kBAAkB,GAAG,UAChC,aAAgD,EAChD,aAA+B,EAC/B,aAAmD,EACnD,UAA6C,EAC7C,WAAmB,EAAA;AAHnB,IAAA,IAAA,aAAA,KAAA,MAAA,EAAA,EAAA,aAA+B,GAAA,EAAA,CAAA;AAK/B,IAAA,IAAM,WAAW,GAAQ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,aAAa,CAAK,EAAA,aAAa,CAAE;IAC1D,WAAW,CAAC,OAAO,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;0BAChB,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,CAAA,EAA3C,OAA2C,CAAA,CAAA,YAAA,CAAA,CAAA;AAC7C,oBAAA,OAAA,CAAA,CAAA,YAAM,aAAa,CAAC,OAAO,CAAC,EAAqD,CAAC,CAAA;;AAAlF,oBAAA,EAAA,CAAA,IAAA,EAAkF;AAClF,oBAAA,aAAa,CAAC,UAAU,GAAG,WAAW,CAAC;;;AAClC,oBAAA,IAAI,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,EAAE;wBACtD,aAAa,CAAC,OAAO,EAAE;AACxB;;;;;SACF;AACD,IAAA,OAAO,WAAW;AACpB;;;;"}