@popmenu/ordering-ui 0.92.0 → 0.94.0

package/build/index.js

@@ -210,7 +210,7 @@ var useDishCardStyles = styles.makeStyles(function (theme) {
     });
 });
 
-var useStyles$6 = core.makeStyles(function () { return ({
+var useStyles$5 = core.makeStyles(function () { return ({
     img: {
         objectFit: 'cover',
         width: '100%',
@@ -220,7 +220,7 @@ var useStyles$6 = core.makeStyles(function () { return ({
 var MenuItemImg = function (props) {
     var _a = props.image, image = _a === void 0 ? {} : _a;
     var src = image.src, alt = image.alt;
-    var classes = useStyles$6();
+    var classes = useStyles$5();
     if (!src || !alt) {
         return null;
     }
@@ -231,37 +231,37 @@ var MenuItemInfo = function (props) {
     return (React__default['default'].createElement(core.Box, { display: "flex", flexGrow: 1, flexDirection: "column", height: "100%" }, props.children));
 };
 
-var _path$2o;
+var _path$2p;
 
-function _extends$5o() { _extends$5o = 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$5o.apply(this, arguments); }
+function _extends$5p() { _extends$5p = 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$5p.apply(this, arguments); }
 
 function SvgChevronDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5o({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5p({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$2o || (_path$2o = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2p || (_path$2p = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M4 6l4 4 4-4",
     stroke: "currentColor"
   })));
 }
 
-var _path$2n;
+var _path$2o;
 
-function _extends$5n() { _extends$5n = 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$5n.apply(this, arguments); }
+function _extends$5o() { _extends$5o = 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$5o.apply(this, arguments); }
 
 function SvgChevronUp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5n({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5o({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$2n || (_path$2n = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2o || (_path$2o = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 10L8 6l-4 4",
     stroke: "currentColor"
   })));
@@ -1078,7 +1078,7 @@ Link.defaultProps = {
 };
 Link.displayName = 'Link';
 
-var useStyles$5 = core.makeStyles(function (_a) {
+var useStyles$4$1 = core.makeStyles(function (_a) {
     var spacing = _a.spacing;
     return ({
         root: {
@@ -1092,7 +1092,7 @@ var useStyles$5 = core.makeStyles(function (_a) {
 });
 var Paper = React.forwardRef(function (props, ref) {
     var legacyStyles = props.legacyStyles, restProps = __rest(props, ["legacyStyles"]);
-    var classes = useStyles$5(props);
+    var classes = useStyles$4$1(props);
     return React__default['default'].createElement(core.Paper, __assign({}, ref, { classes: __assign({}, (legacyStyles && classes)) }, restProps));
 });
 Paper.displayName = 'Paper';
@@ -1245,6 +1245,45 @@ core.makeStyles(function (theme) { return ({
     },
 }); });
 
+core.makeStyles(function () { return ({
+    root: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        gridGap: 16,
+    },
+}); });
+
+var FollowerAuthenticationDialogContext = React.createContext(null);
+FollowerAuthenticationDialogContext.Provider;
+
+core.makeStyles(function () { return ({
+    form: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        width: '100%',
+        gridGap: 16,
+    },
+}); });
+
+core.makeStyles(function () { return ({
+    main: {
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        gridGap: 16,
+    },
+}); });
+
+core.makeStyles(function () { return ({
+    root: {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+    },
+}); });
+
 var ReactionCounter = function (props) {
     var count = props.count, icon = props.icon;
     return (React__default['default'].createElement(core.Box, { display: "flex", alignItems: "center", gridGap: 6 },
@@ -1541,6 +1580,9 @@ var DishCheckoutCard = function (props) {
     var handleQuantityChange = function (event) {
         return onQuantityChange(id, parseInt(event.target.value, 10));
     };
+    var labelString = function (label) {
+        return label.replace(/[^a-zA-Z\s]/g, '').toLowerCase();
+    };
     return (React__default['default'].createElement(core.Box, { className: classes.root },
         React__default['default'].createElement(core.Box, { display: "flex", justifyContent: "space-between", gridGap: 3 },
             React__default['default'].createElement(core.Box, null,
@@ -1560,7 +1602,7 @@ var DishCheckoutCard = function (props) {
                     React__default['default'].createElement(Icon, { icon: SvgTrash, size: "large" })))),
         React__default['default'].createElement(core.Box, { display: "flex", gridGap: 16, alignItems: "center" },
             React__default['default'].createElement(core.FormControl, { variant: "outlined", hiddenLabel: true },
-                React__default['default'].createElement(core.Select, { disabled: disabled, open: open, value: quantity, labelId: "select-label-" + id, onClick: function () { return setOpen(!open); }, disableUnderline: true, onChange: handleQuantityChange, fullWidth: true, startAdornment: React__default['default'].createElement(core.InputAdornment, { position: "start" },
+                React__default['default'].createElement(core.Select, { disabled: disabled, open: open, value: quantity, labelId: "select-label-" + id, "aria-label": labelString(name) + " quantity select", onClick: function () { return setOpen(!open); }, disableUnderline: true, onChange: handleQuantityChange, fullWidth: true, startAdornment: React__default['default'].createElement(core.InputAdornment, { position: "start" },
                         React__default['default'].createElement(Icon, { icon: open ? SvgChevronUp : SvgChevronDown, size: "large" })), inputProps: { shrink: false }, MenuProps: {
                         disablePortal: true,
                         anchorOrigin: {
@@ -1573,7 +1615,7 @@ var DishCheckoutCard = function (props) {
                         },
                         getContentAnchorEl: null,
                         classes: { paper: classes.selectPaper },
-                    }, className: classes.select }, Array.from({ length: 99 }, function (_, index) { return (React__default['default'].createElement(core.MenuItem, { key: index + 1, value: index + 1 }, index + 1)); }))),
+                    }, className: classes.select }, Array.from({ length: 99 }, function (_, index) { return (React__default['default'].createElement(core.MenuItem, { key: index + 1, value: index + 1, "aria-label": "" + (index + 1) }, index + 1)); }))),
             React__default['default'].createElement(Typography, { className: classes.price }, formattedPrice)),
         warningMessage && (React__default['default'].createElement(core.Box, { className: classes.warning },
             React__default['default'].createElement(core.Box, { paddingTop: 0.25 },