@popmenu/ordering-ui 0.81.0 → 0.83.0

package/build/index.js

@@ -1542,17 +1542,31 @@ StatusTag.defaultProps = {
 };
 StatusTag.displayName = 'StatusTag';
 
+var OrderingAppContext = React.createContext(null);
+var useOrderingAppContext = function () {
+    var context = React.useContext(OrderingAppContext);
+    if (!context) {
+        throw new Error('useOrderingAppContext has to be used within <OrderingAppContext.Provider>');
+    }
+    return context;
+};
+var OrderingAppContextProvider = function (props) {
+    var context = React.useState(null);
+    return React__default['default'].createElement(OrderingAppContext.Provider, { value: context }, props.children);
+};
+
 var Label = function (props) {
     var name = props.name, price = props.price;
-    return (React__namespace.createElement(core.Box, { display: "flex", flexDirection: "column" },
-        React__namespace.createElement(core.Typography, null, name),
-        price && React__namespace.createElement(core.Typography, null,
+    return (React__default['default'].createElement(core.Box, { display: "flex", flexDirection: "column" },
+        React__default['default'].createElement(core.Typography, null, name),
+        price && React__default['default'].createElement(core.Typography, null,
             "+ ",
             price)));
 };
 var CheckboxGroup = function (props) {
     var value = props.value, modifiers = props.modifiers, onChange = props.onChange, disableNewSelections = props.disableNewSelections;
     var classes = useCheckboxModifierFormStyles();
+    var appContext = useOrderingAppContext()[0];
     var handleChange = function (event) {
         var _a;
         var price = (_a = modifiers.find(function (modifier) { return modifier.id === parseInt(event.target.value); })) === null || _a === void 0 ? void 0 : _a.price;
@@ -1564,14 +1578,17 @@ var CheckboxGroup = function (props) {
             },
         ], event.target.checked);
     };
-    return (React__namespace.createElement(core.Box, { display: "flex", flexDirection: "column" }, modifiers.map(function (modifier, index) {
+    return (React__default['default'].createElement(core.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; });
-        return (React__namespace.createElement(core.FormControlLabel, { key: index, value: modifier.id, control: React__namespace.createElement(core.Checkbox, { className: classes.radio, disabled: !targetValue && disableNewSelections }), label: React__namespace.createElement(Label, { name: modifier.name, price: modifier.price }), className: classes.root, checked: !!targetValue, onChange: handleChange }));
+        return (React__default['default'].createElement(core.FormControlLabel, { key: index, value: modifier.id, control: React__default['default'].createElement(core.Checkbox, { className: classes.radio, disabled: !targetValue && disableNewSelections }), label: React__default['default'].createElement(Label, { name: modifier.name, price: modifier.price
+                    ? "" + (appContext && appContext.currencySymbol) + Number(modifier.price).toFixed(2)
+                    : null }), className: classes.root, checked: !!targetValue, onChange: handleChange }));
     })));
 };
 var RadioGroup = function (props) {
     var value = props.value, modifiers = props.modifiers, onChange = props.onChange;
     var classes = useRadioModifierFormStyles();
+    var appContext = useOrderingAppContext()[0];
     var handleChange = function (event) {
         var _a;
         var price = (_a = modifiers.find(function (modifier) { return modifier.id === parseInt(event.target.value); })) === null || _a === void 0 ? void 0 : _a.price;
@@ -1583,7 +1600,7 @@ var RadioGroup = function (props) {
             },
         ]);
     };
-    return (React__namespace.createElement(MuiRadioGroup__default['default'], { name: "selectedModifiers", value: value ? value[0].id : '', onChange: handleChange }, modifiers.map(function (modifier, index) { return (React__namespace.createElement(core.FormControlLabel, { key: index, value: modifier.id, control: React__namespace.createElement(core.Radio, { className: classes.radio }), label: React__namespace.createElement(Label, { name: modifier.name, price: modifier.price }), className: classes.root })); })));
+    return (React__default['default'].createElement(MuiRadioGroup__default['default'], { name: "selectedModifiers", value: value ? value[0].id : '', onChange: handleChange }, modifiers.map(function (modifier, index) { return (React__default['default'].createElement(core.FormControlLabel, { key: index, value: modifier.id, control: React__default['default'].createElement(core.Radio, { className: classes.radio }), label: React__default['default'].createElement(Label, { name: modifier.name, price: modifier.price ? "" + (appContext && appContext.currencySymbol) + Number(modifier.price).toFixed(2) : null }), className: classes.root })); })));
 };
 
 var ModifierOptionsControl = function (props) {
@@ -2127,6 +2144,8 @@ exports.MenuItem = MenuItem;
 exports.MenuItemGroup = MenuItemGroup;
 exports.MenuSection = MenuSection;
 exports.MenuSectionGroup = MenuSectionGroup;
+exports.OrderingAppContext = OrderingAppContext;
+exports.OrderingAppContextProvider = OrderingAppContextProvider;
 exports.QuantityPicker = QuantityPicker;
 exports.ReactionCounter = ReactionCounter;
 exports.ReactionCounterGroup = ReactionCounterGroup;
@@ -2135,6 +2154,7 @@ exports.SelectableChipGroup = SelectableChipGroup;
 exports.SelectedMenuFiltersList = SelectedMenuFiltersList;
 exports.StatusTag = StatusTag;
 exports.orderingTheme = orderingTheme;
+exports.useOrderingAppContext = useOrderingAppContext;
 Object.keys(core).forEach(function (k) {
     if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
         enumerable: true,