@popmenu/ordering-ui 0.80.0 → 0.81.0

package/build/components/DishModifierCard/DishModifierCardProps.d.ts

@@ -1,5 +1,6 @@
 declare type ModifierValue = {
     id: number | string;
+    price?: number | null;
     quantity?: number;
 };
 declare type Modifier = {

package/build/index.es.js

@@ -1511,7 +1511,15 @@ var CheckboxGroup = function (props) {
     var value = props.value, modifiers = props.modifiers, onChange = props.onChange, disableNewSelections = props.disableNewSelections;
     var classes = useCheckboxModifierFormStyles();
     var handleChange = function (event) {
-        onChange([{ id: parseInt(event.target.value), quantity: 1 }], event.target.checked);
+        var _a;
+        var price = (_a = modifiers.find(function (modifier) { return modifier.id === parseInt(event.target.value); })) === null || _a === void 0 ? void 0 : _a.price;
+        onChange([
+            {
+                id: parseInt(event.target.value),
+                price: (price && parseInt(price)) || 0,
+                quantity: 1,
+            },
+        ], event.target.checked);
     };
     return (React.createElement(Box, { display: "flex", flexDirection: "column" }, modifiers.map(function (modifier, index) {
         var targetValue = value === null || value === void 0 ? void 0 : value.find(function (v) { return v.id == modifier.id; });
@@ -1522,7 +1530,15 @@ var RadioGroup = function (props) {
     var value = props.value, modifiers = props.modifiers, onChange = props.onChange;
     var classes = useRadioModifierFormStyles();
     var handleChange = function (event) {
-        onChange([{ id: parseInt(event.target.value), quantity: 1 }]);
+        var _a;
+        var price = (_a = modifiers.find(function (modifier) { return modifier.id === parseInt(event.target.value); })) === null || _a === void 0 ? void 0 : _a.price;
+        onChange([
+            {
+                id: parseInt(event.target.value),
+                price: (price && parseInt(price)) || 0,
+                quantity: 1,
+            },
+        ]);
     };
     return (React.createElement(MuiRadioGroup, { name: "selectedModifiers", value: value ? value[0].id : '', onChange: handleChange }, modifiers.map(function (modifier, index) { return (React.createElement(FormControlLabel$1, { key: index, value: modifier.id, control: React.createElement(Radio$1, { className: classes.radio }), label: React.createElement(Label, { name: modifier.name, price: modifier.price }), className: classes.root })); })));
 };