@popmenu/ordering-ui 0.93.0 → 0.94.0

package/build/index.es.js

@@ -1,7 +1,7 @@
 import { Button as Button$1, makeStyles as makeStyles$1, Box, Typography as Typography$1, Link as Link$1, Paper as Paper$1, Avatar as Avatar$1, Card, CardActionArea, FormControl, Select, InputAdornment, MenuItem as MenuItem$1, TextField, RadioGroup, FormControlLabel as FormControlLabel$1, Radio as Radio$2, FormGroup, Checkbox as Checkbox$2, Menu, Tabs, Chip, DialogTitle as DialogTitle$1, IconButton as IconButton$1, withStyles, Switch as Switch$2 } from '@material-ui/core';
 export * from '@material-ui/core';
 import * as React from 'react';
-import React__default, { forwardRef, createElement, createContext, useContext, useState } from 'react';
+import React__default, { forwardRef, createContext, createElement, useContext, useState } from 'react';
 import { makeStyles, lighten } from '@material-ui/core/styles';
 import '@material-ui/lab/Alert';
 import '@material-ui/core/AppBar';
@@ -170,7 +170,7 @@ var useDishCardStyles = makeStyles(function (theme) {
     });
 });
 
-var useStyles$6 = makeStyles$1(function () { return ({
+var useStyles$5 = makeStyles$1(function () { return ({
     img: {
         objectFit: 'cover',
         width: '100%',
@@ -180,7 +180,7 @@ var useStyles$6 = makeStyles$1(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;
     }
@@ -1038,7 +1038,7 @@ Link.defaultProps = {
 };
 Link.displayName = 'Link';
 
-var useStyles$5 = makeStyles$1(function (_a) {
+var useStyles$4$1 = makeStyles$1(function (_a) {
     var spacing = _a.spacing;
     return ({
         root: {
@@ -1052,7 +1052,7 @@ var useStyles$5 = makeStyles$1(function (_a) {
 });
 var Paper = 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.createElement(Paper$1, __assign({}, ref, { classes: __assign({}, (legacyStyles && classes)) }, restProps));
 });
 Paper.displayName = 'Paper';
@@ -1205,6 +1205,45 @@ makeStyles$1(function (theme) { return ({
     },
 }); });
 
+makeStyles$1(function () { return ({
+    root: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        gridGap: 16,
+    },
+}); });
+
+var FollowerAuthenticationDialogContext = createContext(null);
+FollowerAuthenticationDialogContext.Provider;
+
+makeStyles$1(function () { return ({
+    form: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        width: '100%',
+        gridGap: 16,
+    },
+}); });
+
+makeStyles$1(function () { return ({
+    main: {
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        gridGap: 16,
+    },
+}); });
+
+makeStyles$1(function () { return ({
+    root: {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+    },
+}); });
+
 var ReactionCounter = function (props) {
     var count = props.count, icon = props.icon;
     return (React__default.createElement(Box, { display: "flex", alignItems: "center", gridGap: 6 },
@@ -1501,6 +1540,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.createElement(Box, { className: classes.root },
         React__default.createElement(Box, { display: "flex", justifyContent: "space-between", gridGap: 3 },
             React__default.createElement(Box, null,
@@ -1520,7 +1562,7 @@ var DishCheckoutCard = function (props) {
                     React__default.createElement(Icon, { icon: SvgTrash, size: "large" })))),
         React__default.createElement(Box, { display: "flex", gridGap: 16, alignItems: "center" },
             React__default.createElement(FormControl, { variant: "outlined", hiddenLabel: true },
-                React__default.createElement(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.createElement(InputAdornment, { position: "start" },
+                React__default.createElement(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.createElement(InputAdornment, { position: "start" },
                         React__default.createElement(Icon, { icon: open ? SvgChevronUp : SvgChevronDown, size: "large" })), inputProps: { shrink: false }, MenuProps: {
                         disablePortal: true,
                         anchorOrigin: {
@@ -1533,7 +1575,7 @@ var DishCheckoutCard = function (props) {
                         },
                         getContentAnchorEl: null,
                         classes: { paper: classes.selectPaper },
-                    }, className: classes.select }, Array.from({ length: 99 }, function (_, index) { return (React__default.createElement(MenuItem$1, { key: index + 1, value: index + 1 }, index + 1)); }))),
+                    }, className: classes.select }, Array.from({ length: 99 }, function (_, index) { return (React__default.createElement(MenuItem$1, { key: index + 1, value: index + 1, "aria-label": "" + (index + 1) }, index + 1)); }))),
             React__default.createElement(Typography, { className: classes.price }, formattedPrice)),
         warningMessage && (React__default.createElement(Box, { className: classes.warning },
             React__default.createElement(Box, { paddingTop: 0.25 },