@popmenu/ordering-ui 0.114.0 → 0.115.0

package/build/index.es.js

@@ -1844,6 +1844,10 @@ var SingleSelectModifierControl = function (props) {
     var modifiers = props.modifiers, isOutOfStock = props.isOutOfStock, onChange = props.onChange, value = props.value, handleOptionsClick = props.handleOptionsClick, aggregatePrice = props.aggregatePrice;
     var radioClasses = useRadioModifierFormStyles();
     var makeHandleChange = function (modifier) { return function (e) {
+        var isModifierInValue = Boolean(value.find(function (v) { return v.modifierId === modifier.id; }));
+        if (!isModifierInValue && modifier.hasModifiers) {
+            handleOptionsClick(modifier.id);
+        }
         onChange({
             isRadio: true,
             modifierId: Number(e.target.value),
@@ -1857,11 +1861,7 @@ var SingleSelectModifierControl = function (props) {
         React__default.createElement(RadioGroup, null, modifiers.map(function (modifier) {
             var _a, _b;
             var _c;
-            return (React__default.createElement(Box, { key: modifier.id, onClick: function () {
-                    if (modifier.hasModifiers) {
-                        handleOptionsClick(modifier.id);
-                    }
-                } },
+            return (React__default.createElement(Box, { key: modifier.id },
                 React__default.createElement(FormControlLabel$1, { key: modifier.id, value: modifier.id, className: radioClasses.root, control: React__default.createElement(Radio$2, { checked: ((_c = value[0]) === null || _c === void 0 ? void 0 : _c.modifierId) === modifier.id, className: classNames((_a = {}, _a[radioClasses.hideRadio] = modifier.outOfStock, _a), (_b = {}, _b[radioClasses.radio] = !modifier.outOfStock, _b)), disabled: isOutOfStock || modifier.outOfStock, onChange: makeHandleChange(modifier) }), label: React__default.createElement(Box, { className: radioClasses.label },
                         React__default.createElement(Label, { name: modifier.name, price: aggregatePrice[modifier.id] || modifier.formattedPrice, disabled: isOutOfStock || modifier.outOfStock }),
                         modifier.outOfStock && (React__default.createElement(Box, { minWidth: "90px", marginLeft: 2 },

package/build/index.js

@@ -1881,6 +1881,10 @@ var SingleSelectModifierControl = function (props) {
     var modifiers = props.modifiers, isOutOfStock = props.isOutOfStock, onChange = props.onChange, value = props.value, handleOptionsClick = props.handleOptionsClick, aggregatePrice = props.aggregatePrice;
     var radioClasses = useRadioModifierFormStyles();
     var makeHandleChange = function (modifier) { return function (e) {
+        var isModifierInValue = Boolean(value.find(function (v) { return v.modifierId === modifier.id; }));
+        if (!isModifierInValue && modifier.hasModifiers) {
+            handleOptionsClick(modifier.id);
+        }
         onChange({
             isRadio: true,
             modifierId: Number(e.target.value),
@@ -1894,11 +1898,7 @@ var SingleSelectModifierControl = function (props) {
         React__default['default'].createElement(core.RadioGroup, null, modifiers.map(function (modifier) {
             var _a, _b;
             var _c;
-            return (React__default['default'].createElement(core.Box, { key: modifier.id, onClick: function () {
-                    if (modifier.hasModifiers) {
-                        handleOptionsClick(modifier.id);
-                    }
-                } },
+            return (React__default['default'].createElement(core.Box, { key: modifier.id },
                 React__default['default'].createElement(core.FormControlLabel, { key: modifier.id, value: modifier.id, className: radioClasses.root, control: React__default['default'].createElement(core.Radio, { checked: ((_c = value[0]) === null || _c === void 0 ? void 0 : _c.modifierId) === modifier.id, className: classNames((_a = {}, _a[radioClasses.hideRadio] = modifier.outOfStock, _a), (_b = {}, _b[radioClasses.radio] = !modifier.outOfStock, _b)), disabled: isOutOfStock || modifier.outOfStock, onChange: makeHandleChange(modifier) }), label: React__default['default'].createElement(core.Box, { className: radioClasses.label },
                         React__default['default'].createElement(Label, { name: modifier.name, price: aggregatePrice[modifier.id] || modifier.formattedPrice, disabled: isOutOfStock || modifier.outOfStock }),
                         modifier.outOfStock && (React__default['default'].createElement(core.Box, { minWidth: "90px", marginLeft: 2 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/ordering-ui",
-  "version": "0.114.0",
+  "version": "0.115.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": "97b4a456b574d8089a4ee87d3484336ae6a9e81f"
+  "gitHead": "aa2e58120a1bf114ba5113b4095de78cf2f4ce4f"
 }