@popmenu/ordering-ui 0.73.0 → 0.74.0

package/build/components/DishCheckoutCard/DishCheckoutCardProps.d.ts

@@ -15,4 +15,6 @@ export interface DishCheckoutCardProps {
     onDelete: () => void;
     /** Callback that runs when the select value is changed. Expects two arguments, the id of the selected dish and the new value that is being changed from the dropdown. Callback should update the dish */
     onChange: (id: number, value: number | string) => void;
+    /** Special instructions text */
+    specialInstructions?: string | undefined;
 }

package/build/index.es.js

@@ -1470,7 +1470,7 @@ var useDishCheckoutCardStyles = makeStyles$1(function (theme) { return ({
         padding: theme.spacing(2, 0),
         display: 'flex',
         flexDirection: 'column',
-        maxWidth: theme.spacing(44.5),
+        width: '100%',
         gridGap: theme.spacing(2),
         border: '1px',
     },
@@ -1510,7 +1510,7 @@ var useDishCheckoutCardStyles = makeStyles$1(function (theme) { return ({
 }); });
 
 var DishCheckoutCard = function (props) {
-    var id = props.id, name = props.name, quantity = props.quantity, modifiers = props.modifiers, onDelete = props.onDelete, onEdit = props.onEdit, onChange = props.onChange, price = props.price;
+    var id = props.id, name = props.name, quantity = props.quantity, modifiers = props.modifiers, onDelete = props.onDelete, onEdit = props.onEdit, onChange = props.onChange, price = props.price, specialInstructions = props.specialInstructions;
     var classes = useDishCheckoutCardStyles(props);
     var _a = useState(false), open = _a[0], setOpen = _a[1];
     return (React__default.createElement(Box, { className: classes.root },
@@ -1521,7 +1521,11 @@ var DishCheckoutCard = function (props) {
                     modifiers.map(function (modifier, i) { return (React__default.createElement(Typography, { key: i, variant: "body2" },
                         modifier[0],
                         ": ",
-                        modifier[1])); })),
+                        modifier[1])); }),
+                specialInstructions && React__default.createElement(Typography, { variant: "body2" },
+                    "\"",
+                    specialInstructions,
+                    "\"")),
             React__default.createElement(Box, { display: "flex", gridGap: 1, height: "100%" },
                 React__default.createElement(Button, { variant: "text", onClick: onEdit }, "Edit"),
                 React__default.createElement(IconButton, { onClick: onDelete },