@popmenu/ordering-ui 0.93.0 → 0.95.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;
     }
@@ -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 },