@popmenu/ordering-ui 0.94.0 → 0.96.0

package/build/components/MenuItem/MenuItem.styles.d.ts

@@ -1 +1 @@
-export declare const useDishCardStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"cardActionArea" | "card" | "cardTitle" | "cardDescription">;
+export declare const useMenuItemStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"cardActionArea" | "card" | "cardTitle" | "cardDescription">;

package/build/components/MenuItem/MenuItemProps.d.ts

@@ -26,7 +26,7 @@ export interface MenuItemProps {
     loading?: boolean;
     /** Number of reviews */
     reviewCount?: Maybe<number>;
-    /** Callback for when the DishCard is clicked */
+    /** Callback for when MenuItem is clicked */
     onClick: (id: string, event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Whether or not the menu item is available for ordering */
     available: boolean;

package/build/index.es.js

@@ -114,7 +114,7 @@ var Button = forwardRef(function (props, ref) {
 });
 Button.displayName = 'Button';
 
-var useDishCardStyles = makeStyles(function (theme) {
+var useMenuItemStyles = makeStyles(function (theme) {
     var _a, _b;
     return ({
         cardActionArea: (_a = {
@@ -1430,7 +1430,7 @@ StatusTag.displayName = 'StatusTag';
 
 var MenuItem = forwardRef(function (props, ref) {
     var onClick = props.onClick, id = props.id, description = props.description, isOutOfStock = props.isOutOfStock, title = props.title, loading = props.loading;
-    var classes = useDishCardStyles(props);
+    var classes = useMenuItemStyles(props);
     var handleClick = function (event) {
         onClick(id, event);
     };
@@ -1942,7 +1942,7 @@ function SvgRestaurantMenuIcon(props) {
 }
 
 var useMenuDropdownStyles = makeStyles(function (theme) {
-    var _a;
+    var _a, _b;
     return ({
         formControl: (_a = {},
             _a[theme.breakpoints.up('lg')] = {
@@ -1955,11 +1955,17 @@ var useMenuDropdownStyles = makeStyles(function (theme) {
             gridGap: theme.spacing(1),
         },
         select: {
-            '& .MuiSelect-root': {
-                color: '#212121',
-                padding: theme.spacing(1, 0.5, 1, 0.5),
-                zIndex: 10,
-            },
+            '& .MuiSelect-root': (_b = {
+                    color: '#212121',
+                    padding: theme.spacing(1, 0.5, 1, 0.5),
+                    zIndex: 10
+                },
+                _b[theme.breakpoints.down('md')] = {
+                    width: 0,
+                    minWidth: 0,
+                    padding: 0,
+                },
+                _b),
         },
         unavailable: {
             color: theme.palette.grey[700],