@popmenu/ordering-ui 0.121.2 → 0.123.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/index.es.js

@@ -1621,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];
@@ -1677,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 },
@@ -2100,7 +2100,7 @@ var LocationCard = function (props) {
         onClick(value);
     };
     return (React__default.createElement(Card, __assign$1({ className: classes.root }, muiProps),
-        React__default.createElement(CardActionArea, __assign$1({ onClick: handleClick, role: "checkbox", "aria-checked": selected, disabled: outOfRange, classes: { focusHighlight: classes.actionAreaFocusHighlight } }, CardActionAreaProps),
+        React__default.createElement(CardActionArea, __assign$1({ onClick: handleClick, role: "checkbox", "aria-checked": selected, disabled: outOfRange || Boolean(anyAvailability), classes: { focusHighlight: classes.actionAreaFocusHighlight } }, CardActionAreaProps),
             React__default.createElement(CardContent, { className: classes.content },
                 React__default.createElement(Box, { className: classes.locationInfo },
                     React__default.createElement(Box, { display: "flex", justifyContent: "space-between" },

package/build/index.js

@@ -1658,7 +1658,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];
@@ -1714,8 +1714,8 @@ var DishCheckoutCard = function (props) {
                     specialInstructions,
                     "\"")),
             React__default['default'].createElement(core.Box, { display: "flex", gridGap: 1, height: "100%", alignItems: "center" },
-                React__default['default'].createElement(Button, { disabled: disabled, className: classes.editButton, variant: "text", onClick: onEdit }, "Edit"),
-                React__default['default'].createElement(IconButton, { disabled: disabled, onClick: onDelete, classes: { root: classes.deleteButton } },
+                React__default['default'].createElement(Button, { "aria-label": messages.ariaEdit, disabled: disabled, className: classes.editButton, variant: "text", onClick: onEdit }, messages.edit),
+                React__default['default'].createElement(IconButton, { "aria-label": messages.ariaDelete, disabled: disabled, onClick: onDelete, classes: { root: classes.deleteButton } },
                     React__default['default'].createElement(Icon, { icon: SvgTrash, size: "large" })))),
         React__default['default'].createElement(core.Box, { display: "flex", gridGap: 16, alignItems: "center" },
             React__default['default'].createElement(core.FormControl, { variant: "outlined", hiddenLabel: true },
@@ -2137,7 +2137,7 @@ var LocationCard = function (props) {
         onClick(value);
     };
     return (React__default['default'].createElement(core.Card, __assign$1({ className: classes.root }, muiProps),
-        React__default['default'].createElement(core.CardActionArea, __assign$1({ onClick: handleClick, role: "checkbox", "aria-checked": selected, disabled: outOfRange, classes: { focusHighlight: classes.actionAreaFocusHighlight } }, CardActionAreaProps),
+        React__default['default'].createElement(core.CardActionArea, __assign$1({ onClick: handleClick, role: "checkbox", "aria-checked": selected, disabled: outOfRange || Boolean(anyAvailability), classes: { focusHighlight: classes.actionAreaFocusHighlight } }, CardActionAreaProps),
             React__default['default'].createElement(core.CardContent, { className: classes.content },
                 React__default['default'].createElement(core.Box, { className: classes.locationInfo },
                     React__default['default'].createElement(core.Box, { display: "flex", justifyContent: "space-between" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/ordering-ui",
-  "version": "0.121.2",
+  "version": "0.123.0",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components specifically for the popmenu Online Ordering web app.",
@@ -32,5 +32,5 @@
     "acorn-jsx": "^5.3.2"
   },
   "sideEffects": false,
-  "gitHead": "28b00516a5ad21c49456311913eec33aed27ab89"
+  "gitHead": "a696dbecef0a8c3135cb9e68abfb938b396250e5"
 }