@popmenu/ordering-ui 0.82.0 → 0.83.1

package/build/components/OrderingAppContext/OrderingAppContext.d.ts

@@ -1,7 +1,14 @@
-/// <reference types="react" />
-interface OrderingAppContextValue {
-    currencySymbol: string;
-}
-export declare const OrderingAppContext: import("react").Context<OrderingAppContextValue | null>;
-export declare const useOrderingAppContext: () => OrderingAppContextValue;
+import React, { PropsWithChildren } from 'react';
+declare type OrderingAppContextValue = {
+    currencySymbol?: string;
+    basePath: string;
+    restaurantId: number;
+};
+declare type OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>];
+export declare const OrderingAppContext: React.Context<OrderingAppContextType | null>;
+export declare const useOrderingAppContext: () => OrderingAppContextType;
+declare type OrderingAppContextProviderProps = PropsWithChildren<{
+    defaultContext: OrderingAppContextValue;
+}>;
+export declare const OrderingAppContextProvider: (props: OrderingAppContextProviderProps) => JSX.Element;
 export {};

package/build/components/OrderingAppContext/index.d.ts

@@ -1 +1 @@
-export { OrderingAppContext, useOrderingAppContext } from './OrderingAppContext';
+export { OrderingAppContext, useOrderingAppContext, OrderingAppContextProvider } from './OrderingAppContext';

package/build/components/index.d.ts

@@ -9,7 +9,7 @@ export { default as ItemTagGroup } from './ItemTagGroup';
 export { default as LocationCard, LocationCardProps } from './LocationCard';
 export { default as MenuDropdown, MenuDropdownProps, MenuDropdownOption } from './MenuDropdown';
 export { default as MenuFilter, MenuFilterProps, MenuFilterOption, MenuFilterChangeHandler } from './MenuFilter';
-export { OrderingAppContext, useOrderingAppContext } from './OrderingAppContext';
+export { OrderingAppContext, useOrderingAppContext, OrderingAppContextProvider } from './OrderingAppContext';
 export { default as ReactionCounter, ReactionCounterProps } from './ReactionCounter';
 export { default as ReactionCounterGroup } from './ReactionCounterGroup';
 export { default as QuantityPicker, QuantityPickerProps, QuantityChangeEvent } from './QuantityPicker';

package/build/index.es.js

@@ -1506,6 +1506,10 @@ var useOrderingAppContext = function () {
         throw new Error('useOrderingAppContext has to be used within <OrderingAppContext.Provider>');
     }
     return context;
+};
+var OrderingAppContextProvider = function (props) {
+    var context = useState(props.defaultContext);
+    return React__default.createElement(OrderingAppContext.Provider, { value: context }, props.children);
 };
 
 var Label = function (props) {
@@ -1519,7 +1523,7 @@ var Label = function (props) {
 var CheckboxGroup = function (props) {
     var value = props.value, modifiers = props.modifiers, onChange = props.onChange, disableNewSelections = props.disableNewSelections;
     var classes = useCheckboxModifierFormStyles();
-    var orderingContext = useOrderingAppContext();
+    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;
@@ -1534,14 +1538,14 @@ var CheckboxGroup = function (props) {
     return (React__default.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; });
         return (React__default.createElement(FormControlLabel$1, { key: index, value: modifier.id, control: React__default.createElement(Checkbox$1, { className: classes.radio, disabled: !targetValue && disableNewSelections }), label: React__default.createElement(Label, { name: modifier.name, price: modifier.price
-                    ? "" + (orderingContext && orderingContext.currencySymbol) + Number(modifier.price).toFixed(2)
+                    ? "" + (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 orderingContext = useOrderingAppContext();
+    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;
@@ -1553,9 +1557,7 @@ var RadioGroup = function (props) {
             },
         ]);
     };
-    return (React__default.createElement(MuiRadioGroup, { name: "selectedModifiers", value: value ? value[0].id : '', onChange: handleChange }, modifiers.map(function (modifier, index) { return (React__default.createElement(FormControlLabel$1, { key: index, value: modifier.id, control: React__default.createElement(Radio$1, { className: classes.radio }), label: React__default.createElement(Label, { name: modifier.name, price: modifier.price
-                ? "" + (orderingContext && orderingContext.currencySymbol) + Number(modifier.price).toFixed(2)
-                : null }), className: classes.root })); })));
+    return (React__default.createElement(MuiRadioGroup, { name: "selectedModifiers", value: value ? value[0].id : '', onChange: handleChange }, modifiers.map(function (modifier, index) { return (React__default.createElement(FormControlLabel$1, { key: index, value: modifier.id, control: React__default.createElement(Radio$1, { className: classes.radio }), label: React__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) {
@@ -2086,5 +2088,5 @@ var orderingTheme = {
     props: props,
 };
 
-export { Button$1 as Button, DishCheckoutCard, DishDetailsReview, DishModifierCard, ItemTag, ItemTagGroup, LocationCard, MenuDropdown, MenuFilter, MenuItem, MenuItemGroup, MenuSection, MenuSectionGroup, OrderingAppContext, QuantityPicker, ReactionCounter, ReactionCounterGroup, SelectableChip, SelectableChipGroup, SelectedMenuFiltersList, StatusTag, orderingTheme, useOrderingAppContext };
+export { Button$1 as Button, DishCheckoutCard, DishDetailsReview, DishModifierCard, ItemTag, ItemTagGroup, LocationCard, MenuDropdown, MenuFilter, MenuItem, MenuItemGroup, MenuSection, MenuSectionGroup, OrderingAppContext, OrderingAppContextProvider, QuantityPicker, ReactionCounter, ReactionCounterGroup, SelectableChip, SelectableChipGroup, SelectedMenuFiltersList, StatusTag, orderingTheme, useOrderingAppContext };
 //# sourceMappingURL=index.es.js.map