@popmenu/ordering-ui 0.121.0 → 0.122.0

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

@@ -1,8 +1,8 @@
 export interface DishCheckoutCardProps {
     /** Adds a border to the bottom of the card */
     borderBottom?: boolean;
-    /** Modifier group object of the dish */
-    modifierGroups?: ModifierGroupsType[];
+    /** disables all interactive elements in the card, like "edit" or "delete" */
+    disabled?: boolean;
     /** Id of the dish */
     id: number;
     /** Dish image information */
@@ -10,20 +10,22 @@ export interface DishCheckoutCardProps {
         alt?: string;
         src?: string | null;
     };
-    /** disables all interactive elements in the card, like "edit" or "delete" */
-    disabled?: boolean;
+    /** Edit and remove button text and aria-label */
+    messages: Record<'edit' | 'ariaEdit' | 'ariaDelete', string>;
+    /** Modifier group object of the dish */
+    modifierGroups?: ModifierGroupsType[];
     /** Name of the dish */
     name: string;
-    /** Quantity of dish selected */
-    quantity: number;
-    /** Price of an item. numbers will be prepended with the currencySymbol from OrderingAppContext. */
-    price: number | string;
     /** Callback for edit button */
     onEdit: () => void;
     /** Callback for delete button */
     onDelete: () => void;
     /** Callback for change of select element */
     onQuantityChange: (id: number, value: number) => void;
+    /** Price of an item. numbers will be prepended with the currencySymbol from OrderingAppContext. */
+    price: number | string;
+    /** Quantity of dish selected */
+    quantity: number;
     /** Special instructions text */
     specialInstructions?: string | null;
     /** If item is in cart but is not unavailable */

package/build/components/MenuFilter/MenuFilterProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare type MenuFilterOption = {
-    id: number;
+    id: string;
     abbr: string;
     color: string;
     name: string;

package/build/index.es.js

@@ -912,6 +912,8 @@ var getBorder = function (theme) { return function (props) {
     }
     return borderColor;
 }; };
+// using `any` here is a bit of cheating but it doesn't matter since this doesn't depend on
+// any component-specific props
 makeStyles(function (theme) { return ({
     root: {
         background: getBackground(theme),
@@ -1098,6 +1100,7 @@ var useLinkStyles = makeStyles(function (theme) { return ({
     },
 }); });
 
+// eslint-disable-next-line react/display-name -- false positive
 var Link = forwardRef(function (props, ref) {
     var children = props.children, muiProps = __rest(props, ["children"]);
     var classes = useLinkStyles(props);
@@ -1618,7 +1621,7 @@ var OrderingAppContextProvider = function (props) {
 
 var DishCheckoutCard = function (props) {
     var _a;
-    var id = props.id, name = props.name, quantity = props.quantity, modifierGroups = props.modifierGroups, onDelete = props.onDelete, onEdit = props.onEdit, onQuantityChange = props.onQuantityChange, price = props.price, specialInstructions = props.specialInstructions, disabled = props.disabled, warningMessage = props.warningMessage, _b = props.image, image = _b === void 0 ? {} : _b;
+    var id = props.id, name = props.name, quantity = props.quantity, modifierGroups = props.modifierGroups, onDelete = props.onDelete, onEdit = props.onEdit, onQuantityChange = props.onQuantityChange, price = props.price, specialInstructions = props.specialInstructions, disabled = props.disabled, warningMessage = props.warningMessage, _b = props.image, image = _b === void 0 ? {} : _b, messages = props.messages;
     var src = image.src, alt = image.alt;
     var classes = useDishCheckoutCardStyles(props);
     var appContext = useOrderingAppContext()[0];
@@ -1674,8 +1677,8 @@ var DishCheckoutCard = function (props) {
                     specialInstructions,
                     "\"")),
             React__default.createElement(Box, { display: "flex", gridGap: 1, height: "100%", alignItems: "center" },
-                React__default.createElement(Button, { disabled: disabled, className: classes.editButton, variant: "text", onClick: onEdit }, "Edit"),
-                React__default.createElement(IconButton, { disabled: disabled, onClick: onDelete, classes: { root: classes.deleteButton } },
+                React__default.createElement(Button, { "aria-label": messages.ariaEdit, disabled: disabled, className: classes.editButton, variant: "text", onClick: onEdit }, messages.edit),
+                React__default.createElement(IconButton, { "aria-label": messages.ariaDelete, disabled: disabled, onClick: onDelete, classes: { root: classes.deleteButton } },
                     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 },