@popmenu/ordering-ui 0.90.0 → 0.92.0

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

@@ -1,25 +1,30 @@
-declare type ModifierValue = {
-    id: number;
-    price?: number;
-    quantity?: number;
+export declare type ModifierValue = Pick<Modifier, 'id' | 'price'> & {
+    quantity: number;
 };
-declare type Modifier = {
+export declare type Modifier = {
     id: number;
     name: string;
     outOfStock: boolean;
-    price?: string;
+    price: number;
+    formattedPrice: string;
+    quantity: number;
 };
-declare type OnChange = (value: Array<ModifierValue>, checked?: boolean) => void;
 interface Base {
     /** Modifier options */
     modifiers: Array<Modifier>;
     /** The values of the modifier form */
-    value: Array<ModifierValue> | undefined;
+    value: Array<ModifierValue>;
     /** Handles the change event */
-    onChange: OnChange;
+    onChange: (value: Array<ModifierValue>) => void;
     isOutOfStock: boolean;
 }
-export declare type DishModifierCardProps = Base & {
+export declare type DishModifierCardProps = {
+    /** Modifier options */
+    modifiers: Array<Modifier>;
+    /** The values of the modifier form */
+    value: Array<ModifierValue>;
+    /** Handles the change event */
+    onChange: (value: Array<ModifierValue>) => void;
     /** Name of the modifier */
     name: string;
     /** Denotes the max amount of selections have been reached */
@@ -30,7 +35,8 @@ export declare type DishModifierCardProps = Base & {
     isRequired: boolean;
     /** Denotes if modifier is out of stock */
     isOutOfStock: boolean;
-    type: 'singleSelect' | 'multipleSelect';
+    /** Selection type for modifier group */
+    type: 'singleSelect' | 'multipleSelect' | 'multipleQuantitySelect';
     /** Renders the text of the dish modifiers */
     messages: {
         optionalText: string;
@@ -43,8 +49,5 @@ export declare type RadioModifierFormProps = Base;
 export declare type CheckboxModifierFormProps = Base & {
     disableNewSelections?: boolean;
 };
-export declare type ModifierOptionsControlProps = Base & {
-    disableNewSelections?: boolean;
-    type: 'singleSelect' | 'multipleSelect';
-};
+export declare type ModifierOptionsControlProps = Pick<DishModifierCardProps, 'value' | 'modifiers' | 'isOutOfStock' | 'onChange' | 'disableNewSelections' | 'type' | 'messages'>;
 export {};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ModifierOptionsControlProps } from './DishModifierCardProps';
+export declare const ModifierControls: (props: ModifierOptionsControlProps) => JSX.Element | null;

package/build/components/QuantityPicker/QuantityPicker.styles.d.ts

@@ -1,2 +1,5 @@
+import { QuantityPickerProps } from './QuantityPickerProps';
 export declare const useQuantityPickerStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;
-export declare const useQuantityInputStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "input" | "adornedStart" | "adornedEnd">;
+export declare const useQuantityInputStyles: (props: QuantityPickerProps) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useStartAdornmentStyles: (props: QuantityPickerProps) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useEndAdornmentStyles: (props: QuantityPickerProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/components/QuantityPicker/QuantityPickerProps.d.ts

@@ -1,13 +1,19 @@
+import React, { ChangeEvent } from 'react';
 export declare type QuantityChangeEvent = {
-    target: {
-        value: number;
-    };
+    quantity: number;
+    reason: string;
 };
 export interface QuantityPickerProps {
     /** Callback for when the quantity is increased or decreased for the parent form  */
-    onChange: (event: QuantityChangeEvent, reason: string) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>, change: QuantityChangeEvent) => void;
     /** the quantity represented by the picker */
     value: number;
     /** determines if picker is active */
     disabled?: boolean;
+    /** limits the quantity picker from increasing the value */
+    disableIncrement?: boolean;
+    /** prevents a uer from typing a new value, forcing them to use the increment/decrement buttons */
+    preventManualChange?: boolean;
+    /** indicates how the quantity picker will be used and changes styles accordingly */
+    variation: 'itemCount' | 'modifierCount';
 }