@popmenu/ordering-ui 0.152.0 → 0.154.0

package/build/cjs/components/ExpandableModifierGroup/ExpandableModifierGroup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ExpandableModifierGroupProps } from './ExpandableModifierGroupProps';
+export declare const ExpandableModifierGroup: {
+    ({ name, children, defaultExpanded, selectedSummary, }: ExpandableModifierGroupProps): React.JSX.Element;
+    displayName: string;
+};

package/build/cjs/components/ExpandableModifierGroup/ExpandableModifierGroup.styles.d.ts

@@ -0,0 +1 @@
+export declare const useExpandableModifierGroupStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;

package/build/cjs/components/ExpandableModifierGroup/ExpandableModifierGroupProps.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ExpandableModifierGroupProps {
+    /** The name of the modifier group, displayed as an uppercase header */
+    name: string;
+    /** Content to render inside the expanded body */
+    children: React.ReactNode;
+    /** Whether the group starts expanded. Defaults to true */
+    defaultExpanded?: boolean;
+    /** Summary of currently selected options, shown below the header when collapsed */
+    selectedSummary?: string;
+}

package/build/cjs/components/ExpandableModifierGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ExpandableModifierGroup } from './ExpandableModifierGroup';
+export type { ExpandableModifierGroupProps } from './ExpandableModifierGroupProps';

package/build/cjs/components/NestedModsV2DishModifierCard/DishModifierCard.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const useDishModifierCardStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useRadioModifierFormStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useCheckboxModifierFormStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useLabelStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useOptionsStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;

package/build/cjs/components/NestedModsV2DishModifierCard/DishModifierCardProps.d.ts

@@ -0,0 +1,79 @@
+export type ModifierValue = {
+    groupId: number;
+    modifierId: number;
+    parentModifierId?: number | null;
+    price: number;
+    quantity: number;
+    isRadio?: boolean;
+};
+export type Modifier = {
+    id: number;
+    hasModifiers: boolean;
+    name: string;
+    outOfStock: boolean;
+    price: number;
+    formattedPrice: string;
+    hidePrice?: boolean;
+    quantity: number;
+    parentModifierGroupId: number;
+    parentModifierGroupItemId?: number | null;
+};
+export type OnChangeValueType = ModifierValue;
+export type ModifierControlsOptions = {
+    /** Applies selected modifier visual treatment used by nested mods V2 */
+    enableSelectedModifierStyles?: boolean;
+    /** Changes the action label to UPDATE when a modifier is selected */
+    showUpdateButton?: boolean;
+    /** Optional selected modifier summary text shown below selected modifier names */
+    selectedNestedSummaryByModifierId?: Record<number, string>;
+    /**
+     * Suppresses the inline OPTIONS / UPDATE action on every modifier row,
+     * regardless of selection state, AND prevents the built-in auto-trigger
+     * of `handleOptionsClick` when a modifier with `hasModifiers: true` is
+     * selected.
+     */
+    hideNestedOptionsButton?: boolean;
+};
+export type NestedModsV2DishModifierCardProps = {
+    /** Aggregate price of the modifier and its nested children modifiers */
+    aggregatePrice: Record<number, string>;
+    /** Modifier options */
+    modifiers: Array<Modifier>;
+    /** The values of the modifier form */
+    value: Array<ModifierValue>;
+    /** Handles the change event */
+    onChange: (value: OnChangeValueType) => void;
+    /** Name of the modifier */
+    name: string;
+    /** Denotes the max amount of selections have been reached */
+    disableNewSelections?: boolean;
+    /** Denotes if modifier has an error */
+    error: boolean;
+    /** Denotes if modifier is required */
+    isRequired: boolean;
+    /** Denotes if modifier is out of stock */
+    isOutOfStock: boolean;
+    /** Selection type for modifier group */
+    type: 'singleSelect' | 'multipleSelect' | 'multipleQuantitySelect';
+    /** Renders the text of the dish modifiers */
+    messages: {
+        optionalText: string;
+        outOfStockText: string;
+        requiredText: string;
+        helperText: string;
+    };
+    /** Handles the dialog change for nested modifiers */
+    handleOptionsClick: (id: number) => void;
+    /** Used by parent modifier quantity tracking: parent modifier quantity denotes requiredSelectionCount and currentSelectionCount is the total quantity of the child modifier */
+    selectionQuantity: Record<number, {
+        requiredSelectionCount: number;
+        currentSelectionCount: number;
+    }>;
+    /** Optional feature-gated options for nested modifier controls */
+    modifierControlsOptions?: ModifierControlsOptions;
+    /** Removes the card border and border-radius, for use inside a container that provides its own card styling */
+    disableCardStyle?: boolean;
+    /** Hides the group name heading, useful when the name is already shown by a parent container */
+    hideName?: boolean;
+};
+export type ModifierOptionsControlProps = Pick<NestedModsV2DishModifierCardProps, 'value' | 'modifiers' | 'isOutOfStock' | 'isRequired' | 'onChange' | 'disableNewSelections' | 'type' | 'messages' | 'handleOptionsClick' | 'aggregatePrice' | 'selectionQuantity' | 'name' | 'modifierControlsOptions'>;

package/build/cjs/components/NestedModsV2DishModifierCard/ModifierControls.d.ts

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

package/build/cjs/components/NestedModsV2DishModifierCard/NestedModsV2DishModifierCard.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { NestedModsV2DishModifierCardProps } from './DishModifierCardProps';
+export declare const NestedModsV2DishModifierCard: {
+    (props: NestedModsV2DishModifierCardProps): React.JSX.Element;
+    displayName: string;
+};

package/build/cjs/components/NestedModsV2DishModifierCard/index.d.ts

@@ -0,0 +1,2 @@
+export { NestedModsV2DishModifierCard } from './NestedModsV2DishModifierCard';
+export type { NestedModsV2DishModifierCardProps } from './DishModifierCardProps';

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

@@ -48,3 +48,7 @@ export { Checkbox } from './Checkbox';
 export { Radio } from './Radio';
 export { MenuBanner } from './MenuBanner';
 export type { MenuBannerProps } from './MenuBanner';
+export { ExpandableModifierGroup } from './ExpandableModifierGroup';
+export type { ExpandableModifierGroupProps } from './ExpandableModifierGroup';
+export { NestedModsV2DishModifierCard } from './NestedModsV2DishModifierCard';
+export type { NestedModsV2DishModifierCardProps } from './NestedModsV2DishModifierCard';