@popmenu/admin-ui 0.58.0 → 0.60.0

package/build/components/AlertDialog/AlertDialog.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AlertDialogProps } from './AlertDialogProps';
-export declare const AlertDialog: React.ForwardRefExoticComponent<Pick<AlertDialogProps, "severity" | "classes" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "container" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onClose" | "onEscapeKeyDown" | "onRendered" | "open" | "innerRef" | "descriptionId" | "labelId" | "onCancel" | "onProceed" | "proceedButtonText" | "fullScreen" | "fullWidth" | "maxWidth" | "PaperComponent" | "PaperProps" | "scroll" | "TransitionComponent" | "transitionDuration" | "TransitionProps"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialog: React.ForwardRefExoticComponent<Pick<AlertDialogProps, "severity" | "classes" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "container" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onClose" | "onEscapeKeyDown" | "onRendered" | "open" | "innerRef" | "descriptionId" | "labelId" | "onCancel" | "onProceed" | "proceedButtonText" | "disabled" | "fullScreen" | "fullWidth" | "maxWidth" | "PaperComponent" | "PaperProps" | "scroll" | "TransitionComponent" | "transitionDuration" | "TransitionProps"> & React.RefAttributes<HTMLDivElement>>;

package/build/components/AlertDialog/AlertDialogProps.d.ts

@@ -13,6 +13,8 @@ export interface AlertDialogProps extends DialogProps {
     onProceed?: () => void;
     /** Sets the text within the proceed button. */
     proceedButtonText?: string;
+    /** Sets disabled state on the buttons */
+    disabled?: boolean;
     /** Sets the type of dialog that will be shown. */
     severity?: 'info' | 'error' | 'warning' | 'success';
     /** @ignore */

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DialogProps } from '@material-ui/core/Dialog';
 import { ButtonProps } from '../Button';
 import { FullScreenStepperTypes } from './types';
@@ -5,7 +6,7 @@ export declare namespace FullScreenStepperSubProps {
     interface ActionBar {
         /** Custom actions for a given step. Will appear as additional Button components. */
         actions?: Array<{
-            onClick: () => void;
+            onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, callbackArgs: FullScreenStepperTypes.EventCallbackArgs) => void;
             props: ButtonProps;
             text: string;
         }>;

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

@@ -1,6 +1,7 @@
 import { FullScreenStepperSubProps } from '../FullScreenStepper/FullScreenStepperProps';
 import { FullScreenStepperTypes } from '../FullScreenStepper/types';
 export interface FullScreenStepperActionsProps extends Partial<FullScreenStepperSubProps.ActionBar> {
+    callbackArgs: FullScreenStepperTypes.EventCallbackArgs;
     displayCancelButton: boolean;
     displayPreviousButton: boolean;
     stepCount: FullScreenStepperTypes.StepCount;

package/build/index.es.js

@@ -1255,19 +1255,19 @@ var severityIcons = {
     success: SvgCheckCircle,
 };
 var AlertDialog = forwardRef(function (props, ref) {
-    var children = props.children, labelId = props.labelId, descriptionId = props.descriptionId, _a = props.severity, severity = _a === void 0 ? 'info' : _a, _b = props.proceedButtonText, proceedButtonText = _b === void 0 ? 'proceed' : _b, onClose = props.onClose, onCancel = props.onCancel, onProceed = props.onProceed, DialogProps = __rest$1(props, ["children", "labelId", "descriptionId", "severity", "proceedButtonText", "onClose", "onCancel", "onProceed"]);
+    var children = props.children, labelId = props.labelId, descriptionId = props.descriptionId, _a = props.severity, severity = _a === void 0 ? 'info' : _a, _b = props.proceedButtonText, proceedButtonText = _b === void 0 ? 'proceed' : _b, _c = props.disabled, disabled = _c === void 0 ? false : _c, onClose = props.onClose, onCancel = props.onCancel, onProceed = props.onProceed, DialogProps = __rest$1(props, ["children", "labelId", "descriptionId", "severity", "proceedButtonText", "disabled", "onClose", "onCancel", "onProceed"]);
     var classes = useAlertDialogStyles(props);
     return (React__default.createElement(Dialog, __assign$1({ ref: ref, classes: { paper: classes.root }, maxWidth: "sm", fullWidth: true }, DialogProps),
         React__default.createElement(Card, { classes: { root: classes.card }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": labelId, "aria-describedby": descriptionId },
-            React__default.createElement(IconButton, { className: classes.cancelIcon, onClick: onClose },
+            React__default.createElement(IconButton, { className: classes.cancelIcon, onClick: onClose, disabled: disabled },
                 React__default.createElement(Icon, { icon: SvgX })),
             React__default.createElement(CardContent, null,
                 React__default.createElement(Box, { display: "flex" },
                     React__default.createElement(Icon, { className: classes.icon, color: severity, icon: severityIcons[severity] }),
                     React__default.createElement(Box, { pl: 2, pr: 3 }, children))),
             React__default.createElement(CardActions, { classes: { root: classes.cardActions } },
-                React__default.createElement(Button, { onClick: onCancel, variant: "ghost" }, "Cancel"),
-                React__default.createElement(Button, { onClick: onProceed, variant: severity }, proceedButtonText)))));
+                React__default.createElement(Button, { onClick: onCancel, disabled: disabled, variant: "ghost" }, "Cancel"),
+                React__default.createElement(Button, { onClick: onProceed, loading: disabled, variant: severity }, proceedButtonText)))));
 });
 AlertDialog.displayName = 'AlertDialog';
 
@@ -1447,7 +1447,7 @@ var StepperActionsCancelButton = function (props) {
 };
 
 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, 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 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__default.createElement(Box, { className: classes.root },
         React__default.createElement(Box, { className: classes.inlineStartActions },
@@ -1455,7 +1455,7 @@ var FullScreenStepperActions = function (props) {
             React__default.createElement(StepperActionsStatusText, { statusText: statusText })),
         React__default.createElement(Box, { className: classes.inlineEndActions },
             actions &&
-                actions.map(function (action, i) { return (React__default.createElement(Button, __assign$1({ key: "custom-action-" + stepCursor + "-" + i, variant: "ghost", onClick: action.onClick }, action.props), action.text)); }),
+                actions.map(function (action, i) { return (React__default.createElement(Button, __assign$1({ key: "custom-action-" + stepCursor + "-" + i, variant: "ghost", onClick: function (event) { return action.onClick(event, callbackArgs); } }, action.props), action.text)); }),
             React__default.createElement(StepperActionsCancelButton, { setStepCursor: setStepCursor, stepCursor: stepCursor, cancelButtonText: cancelButtonText, cancelButtonProps: cancelButtonProps, handleCancelClick: handleCancelClick, displayCancelButton: displayCancelButton }),
             React__default.createElement(StepperActionsNextButton, { handleNextClick: handleNextClick, nextButtonProps: nextButtonProps, setStepCursor: setStepCursor, stepCursor: stepCursor, stepCount: stepCount, finishButtonText: finishButtonText, nextButtonText: nextButtonText }))));
 };
@@ -1626,7 +1626,7 @@ var FullScreenStepper = function (props) {
             React__default.createElement(Box$1, { display: "flex", flexDirection: "column", flexGrow: 1 },
                 React__default.createElement(FullScreenStepperHeader, { stepCount: stepCount, stepCursor: stepCursor, onClose: handleClose, step: step }),
                 React__default.createElement(Box$1, { display: "flex", mx: 6, flexGrow: 1, alignItems: "center", flexDirection: "column" }, content),
-                React__default.createElement(FullScreenStepperActions, __assign$1({}, step.actionBar, { displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick }))))));
+                React__default.createElement(FullScreenStepperActions, __assign$1({}, step.actionBar, { callbackArgs: callbackArgs, displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick }))))));
 };
 FullScreenStepper.displayName = 'FullScreenStepper';
 

package/build/index.js

@@ -1307,19 +1307,19 @@ var severityIcons = {
     success: SvgCheckCircle,
 };
 var AlertDialog = React.forwardRef(function (props, ref) {
-    var children = props.children, labelId = props.labelId, descriptionId = props.descriptionId, _a = props.severity, severity = _a === void 0 ? 'info' : _a, _b = props.proceedButtonText, proceedButtonText = _b === void 0 ? 'proceed' : _b, onClose = props.onClose, onCancel = props.onCancel, onProceed = props.onProceed, DialogProps = __rest$1(props, ["children", "labelId", "descriptionId", "severity", "proceedButtonText", "onClose", "onCancel", "onProceed"]);
+    var children = props.children, labelId = props.labelId, descriptionId = props.descriptionId, _a = props.severity, severity = _a === void 0 ? 'info' : _a, _b = props.proceedButtonText, proceedButtonText = _b === void 0 ? 'proceed' : _b, _c = props.disabled, disabled = _c === void 0 ? false : _c, onClose = props.onClose, onCancel = props.onCancel, onProceed = props.onProceed, DialogProps = __rest$1(props, ["children", "labelId", "descriptionId", "severity", "proceedButtonText", "disabled", "onClose", "onCancel", "onProceed"]);
     var classes = useAlertDialogStyles(props);
     return (React__default['default'].createElement(Dialog__default['default'], __assign$1({ ref: ref, classes: { paper: classes.root }, maxWidth: "sm", fullWidth: true }, DialogProps),
         React__default['default'].createElement(Card__default['default'], { classes: { root: classes.card }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": labelId, "aria-describedby": descriptionId },
-            React__default['default'].createElement(IconButton, { className: classes.cancelIcon, onClick: onClose },
+            React__default['default'].createElement(IconButton, { className: classes.cancelIcon, onClick: onClose, disabled: disabled },
                 React__default['default'].createElement(Icon, { icon: SvgX })),
             React__default['default'].createElement(CardContent__default['default'], null,
                 React__default['default'].createElement(core.Box, { display: "flex" },
                     React__default['default'].createElement(Icon, { className: classes.icon, color: severity, icon: severityIcons[severity] }),
                     React__default['default'].createElement(core.Box, { pl: 2, pr: 3 }, children))),
             React__default['default'].createElement(CardActions__default['default'], { classes: { root: classes.cardActions } },
-                React__default['default'].createElement(Button, { onClick: onCancel, variant: "ghost" }, "Cancel"),
-                React__default['default'].createElement(Button, { onClick: onProceed, variant: severity }, proceedButtonText)))));
+                React__default['default'].createElement(Button, { onClick: onCancel, disabled: disabled, variant: "ghost" }, "Cancel"),
+                React__default['default'].createElement(Button, { onClick: onProceed, loading: disabled, variant: severity }, proceedButtonText)))));
 });
 AlertDialog.displayName = 'AlertDialog';
 
@@ -1499,7 +1499,7 @@ var StepperActionsCancelButton = function (props) {
 };
 
 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, 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 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__default['default'].createElement(core.Box, { className: classes.root },
         React__default['default'].createElement(core.Box, { className: classes.inlineStartActions },
@@ -1507,7 +1507,7 @@ var FullScreenStepperActions = function (props) {
             React__default['default'].createElement(StepperActionsStatusText, { statusText: statusText })),
         React__default['default'].createElement(core.Box, { className: classes.inlineEndActions },
             actions &&
-                actions.map(function (action, i) { return (React__default['default'].createElement(Button, __assign$1({ key: "custom-action-" + stepCursor + "-" + i, variant: "ghost", onClick: action.onClick }, action.props), action.text)); }),
+                actions.map(function (action, i) { return (React__default['default'].createElement(Button, __assign$1({ key: "custom-action-" + stepCursor + "-" + i, variant: "ghost", onClick: function (event) { return action.onClick(event, callbackArgs); } }, action.props), action.text)); }),
             React__default['default'].createElement(StepperActionsCancelButton, { setStepCursor: setStepCursor, stepCursor: stepCursor, cancelButtonText: cancelButtonText, cancelButtonProps: cancelButtonProps, handleCancelClick: handleCancelClick, displayCancelButton: displayCancelButton }),
             React__default['default'].createElement(StepperActionsNextButton, { handleNextClick: handleNextClick, nextButtonProps: nextButtonProps, setStepCursor: setStepCursor, stepCursor: stepCursor, stepCount: stepCount, finishButtonText: finishButtonText, nextButtonText: nextButtonText }))));
 };
@@ -1678,7 +1678,7 @@ var FullScreenStepper = function (props) {
             React__default['default'].createElement(Box__default['default'], { display: "flex", flexDirection: "column", flexGrow: 1 },
                 React__default['default'].createElement(FullScreenStepperHeader, { stepCount: stepCount, stepCursor: stepCursor, onClose: handleClose, step: step }),
                 React__default['default'].createElement(Box__default['default'], { display: "flex", mx: 6, flexGrow: 1, alignItems: "center", flexDirection: "column" }, content),
-                React__default['default'].createElement(FullScreenStepperActions, __assign$1({}, step.actionBar, { displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick }))))));
+                React__default['default'].createElement(FullScreenStepperActions, __assign$1({}, step.actionBar, { callbackArgs: callbackArgs, displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick }))))));
 };
 FullScreenStepper.displayName = 'FullScreenStepper';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/admin-ui",
-  "version": "0.58.0",
+  "version": "0.60.0",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components specifically for the MyPop web app.",
@@ -32,5 +32,5 @@
     "acorn-jsx": "^5.3.2"
   },
   "sideEffects": false,
-  "gitHead": "2883c154490ef1e42ebec6f7282f5893684d9646"
+  "gitHead": "69d783789b9da6dc5cd9234df9902ac720442343"
 }