@popmenu/admin-ui 0.57.0 → 0.59.0

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;
         }>;
@@ -46,7 +47,9 @@ export interface FullScreenStepperProps extends DialogProps {
     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. */
+    /** 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;

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

@@ -178,10 +178,10 @@ function __rest(s, e) {
 
 var _path$H;
 
-function _extends$1C() { _extends$1C = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1C.apply(this, arguments); }
+function _extends$1D() { _extends$1D = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }
 
 function SvgUser(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1C({
+  return /*#__PURE__*/React.createElement("svg", _extends$1D({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
@@ -855,26 +855,26 @@ makeStyles(function (theme) { return ({
     },
 }); });
 
-var _g$1h, _defs$J;
+var _g$1i, _defs$K;
 
-function _extends$2g() { _extends$2g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2g.apply(this, arguments); }
+function _extends$2h() { _extends$2h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2h.apply(this, arguments); }
 
 function SvgCheckCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2g({
+  return /*#__PURE__*/React.createElement("svg", _extends$2h({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$1h || (_g$1h = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$1i || (_g$1i = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#check-circle_svg__clip0_8_5831)",
     stroke: "currentColor"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M14.667 2.667L8 9.34l-2-2"
-  }))), _defs$J || (_defs$J = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$K || (_defs$K = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "check-circle_svg__clip0_8_5831"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -884,10 +884,10 @@ function SvgCheckCircle(props) {
 
 var _path$Z;
 
-function _extends$2e() { _extends$2e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2e.apply(this, arguments); }
+function _extends$2f() { _extends$2f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2f.apply(this, arguments); }
 
 function SvgX(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2e({
+  return /*#__PURE__*/React.createElement("svg", _extends$2f({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
@@ -900,26 +900,26 @@ function SvgX(props) {
   })));
 }
 
-var _g$19, _defs$C;
+var _g$1a, _defs$D;
 
-function _extends$24() { _extends$24 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$24.apply(this, arguments); }
+function _extends$25() { _extends$25 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$25.apply(this, arguments); }
 
 function SvgHelp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$24({
+  return /*#__PURE__*/React.createElement("svg", _extends$25({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$19 || (_g$19 = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$1a || (_g$1a = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#help_svg__clip0_8_5446)",
     stroke: "currentColor"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M6.06 6a2 2 0 013.887.667c0 1.333-2 2-2 2M8 11.334h.007"
-  }))), _defs$C || (_defs$C = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$D || (_defs$D = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "help_svg__clip0_8_5446"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -927,24 +927,24 @@ function SvgHelp(props) {
   })))));
 }
 
-var _g$17, _defs$B;
+var _g$18, _defs$C;
 
-function _extends$22() { _extends$22 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$22.apply(this, arguments); }
+function _extends$23() { _extends$23 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$23.apply(this, arguments); }
 
 function SvgInfo(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$22({
+  return /*#__PURE__*/React.createElement("svg", _extends$23({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$17 || (_g$17 = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$18 || (_g$18 = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#info_svg__clip0_8_5377)",
     stroke: "currentColor"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
-  }))), _defs$B || (_defs$B = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$C || (_defs$C = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "info_svg__clip0_8_5377"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -952,24 +952,24 @@ function SvgInfo(props) {
   })))));
 }
 
-var _g$U, _defs$s;
+var _g$V, _defs$t;
 
-function _extends$1y() { _extends$1y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }
+function _extends$1z() { _extends$1z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
 
 function SvgError(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1y({
+  return /*#__PURE__*/React.createElement("svg", _extends$1z({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$U || (_g$U = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$V || (_g$V = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#error_svg__clip0_8_5411)",
     stroke: "currentColor"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M5.24 1.333h5.52l3.907 3.907v5.52l-3.907 3.907H5.24L1.333 10.76V5.24L5.24 1.333zm2.76 4V8m0 2.666h.008"
-  }))), _defs$s || (_defs$s = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$t || (_defs$t = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "error_svg__clip0_8_5411"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -979,10 +979,10 @@ function SvgError(props) {
 
 var _path$E;
 
-function _extends$1x() { _extends$1x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1x.apply(this, arguments); }
+function _extends$1y() { _extends$1y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }
 
 function SvgWarning(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1x({
+  return /*#__PURE__*/React.createElement("svg", _extends$1y({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
@@ -995,24 +995,24 @@ function SvgWarning(props) {
   })));
 }
 
-var _g$y, _defs$k;
+var _g$z, _defs$l;
 
-function _extends$P() { _extends$P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
+function _extends$Q() { _extends$Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
 
 function SvgCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$P({
+  return /*#__PURE__*/React.createElement("svg", _extends$Q({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$y || (_g$y = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$z || (_g$z = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#circle_svg__clip0_8_2293)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z",
     stroke: "currentColor"
-  }))), _defs$k || (_defs$k = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$l || (_defs$l = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "circle_svg__clip0_8_2293"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -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 }))));
 };
@@ -1542,8 +1542,8 @@ var FullScreenStepperContext = createContext({});
  * - 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.displayCancelButton, displayCancelButton = _c === void 0 ? true : _c, _d = props.displayPreviousButton, displayPreviousButton = _d === void 0 ? true : _d, _e = props.resetStepCursorOnClose, resetStepCursorOnClose = _e === void 0 ? true : _e, steps = props.steps, onClose = props.onClose, onFinish = props.onFinish, onNext = props.onNext, onCancel = props.onCancel, onPrevious = props.onPrevious, DialogProps = __rest$1(props, ["children", "context", "defaultStepCursor", "displayCancelButton", "displayPreviousButton", "resetStepCursorOnClose", "steps", "onClose", "onFinish", "onNext", "onCancel", "onPrevious"]);
-    var _f = useState(defaultStepCursor), stepCursor = _f[0], setStepCursor = _f[1];
+    var children = props.children, _a = props.context, context = _a === void 0 ? {} : _a, _b = props.defaultStepCursor, defaultStepCursor = _b === void 0 ? 1 : _b, _c = props.displayCancelButton, displayCancelButton = _c === void 0 ? true : _c, _d = props.displayPreviousButton, displayPreviousButton = _d === void 0 ? true : _d, _e = props.resetStepCursorOnCancel, resetStepCursorOnCancel = _e === void 0 ? true : _e, _f = props.resetStepCursorOnClose, resetStepCursorOnClose = _f === void 0 ? true : _f, steps = props.steps, onClose = props.onClose, onFinish = props.onFinish, onNext = props.onNext, onCancel = props.onCancel, onPrevious = props.onPrevious, DialogProps = __rest$1(props, ["children", "context", "defaultStepCursor", "displayCancelButton", "displayPreviousButton", "resetStepCursorOnCancel", "resetStepCursorOnClose", "steps", "onClose", "onFinish", "onNext", "onCancel", "onPrevious"]);
+    var _g = useState(defaultStepCursor), stepCursor = _g[0], setStepCursor = _g[1];
     var stepCount = steps.length;
     var stepIndex = stepCursor - 1;
     var step = steps[stepIndex];
@@ -1612,7 +1612,11 @@ var FullScreenStepper = function (props) {
                 case 1:
                     _a.sent();
                     _a.label = 2;
-                case 2: return [2 /*return*/];
+                case 2:
+                    if (resetStepCursorOnCancel) {
+                        resetStepCursor();
+                    }
+                    return [2 /*return*/];
             }
         });
     }); };
@@ -1622,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';