@popmenu/ordering-ui 0.92.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;
     }
@@ -191,37 +191,37 @@ var MenuItemInfo = function (props) {
     return (React__default.createElement(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.createElement("svg", _extends$5o({
+  return /*#__PURE__*/React.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.createElement("path", {
+  }, props), _path$2p || (_path$2p = /*#__PURE__*/React.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.createElement("svg", _extends$5n({
+  return /*#__PURE__*/React.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.createElement("path", {
+  }, props), _path$2o || (_path$2o = /*#__PURE__*/React.createElement("path", {
     d: "M12 10L8 6l-4 4",
     stroke: "currentColor"
   })));
@@ -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 },