@popmenu/ordering-ui 0.147.0 → 0.148.0

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

@@ -1,4 +1,5 @@
 export interface MenuTabStylesProps {
     isUnavailable: boolean | undefined;
+    selected: boolean | undefined;
 }
 export declare const useMenuTabStyles: (props: MenuTabStylesProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/cjs/components/MenuTab/MenuTabProps.d.ts

@@ -1,4 +1,10 @@
-import { TabProps } from '@material-ui/core/Tab';
-export type MenuTabProps = TabProps & {
+import React from 'react';
+export type MenuTabProps = {
+    onClick: (event: React.MouseEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLAnchorElement>, value: string) => void;
+    value: string;
+    label: string;
+    href: string;
+    selected: boolean;
     isUnavailable: boolean;
+    unavailableLabel: string;
 };

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

@@ -1 +1 @@
-export declare const useMenuTabGroupStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;
+export declare const useMenuTabGroupStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "flexContainer" | "scrollButtonLeft" | "scrollButtonRight">;

package/build/cjs/components/MenuTabGroup/MenuTabGroupProps.d.ts

@@ -1,6 +1,6 @@
-import { TabsProps } from '@material-ui/core/Tabs';
-type MenuTabGroupOnChange = (event: React.ChangeEvent<Record<string, unknown>>, value: number) => void;
-export type MenuTabGroupProps = Omit<TabsProps, 'onChange'> & {
-    onChange?: MenuTabGroupOnChange;
-};
-export {};
+import React from 'react';
+export type MenuTabGroupProps = {
+    children: React.ReactNode;
+    scrollLeftLabel: string;
+    scrollRightLabel: string;
+} & React.HTMLAttributes<HTMLElement>;

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

@@ -1,2 +1,2 @@
 import { QuantityPickerProps } from './QuantityPickerProps';
-export declare const QuantityPicker: ({ value, onChange, disabled, preventManualChange, disableIncrement, variation, name, min, max, }: QuantityPickerProps) => JSX.Element;
+export declare const QuantityPicker: ({ id, value, onChange, disabled, preventManualChange, disableIncrement, variation, name, min, max, incrementButtonTitle, decrementButtonTitle, }: QuantityPickerProps) => JSX.Element;

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

@@ -4,8 +4,10 @@ export type QuantityChangeEvent = {
     reason: string;
 };
 export interface QuantityPickerProps {
+    /** Unique ID for the spinbutton input - required for aria-controls on buttons */
+    id: string;
     /** Callback for when the quantity is increased or decreased for the parent form  */
-    onChange: (event: ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>, change: QuantityChangeEvent) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.KeyboardEvent<HTMLInputElement>, change: QuantityChangeEvent) => void;
     /** the quantity represented by the picker */
     value: number;
     /** determines if picker is active */
@@ -22,4 +24,8 @@ export interface QuantityPickerProps {
     variation: 'itemCount' | 'modifierCount';
     /** name of the modifier the quantity picker is assigned to */
     name: string;
+    /** Accessible title for the increment button (e.g., "Add adult") - used for i18n */
+    incrementButtonTitle: string;
+    /** Accessible title for the decrement button (e.g., "Remove adult") - used for i18n */
+    decrementButtonTitle: string;
 }

package/build/cjs/components/ReactionCounter/ReactionCounterProps.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface ReactionCounterProps {
     count: number;
-    icon: string | React.FC<React.SVGProps<SVGSVGElement>>;
+    icon: React.FC<React.SVGProps<SVGSVGElement>>;
     label: string;
 }

package/build/cjs/components/SelectableChip/SelectableChipProps.d.ts

@@ -1,2 +1,7 @@
-import { TabProps } from '@material-ui/core';
-export type SelectableChipProps = TabProps;
+export type SelectableChipProps = {
+    onClick: (event: React.MouseEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLAnchorElement>, value: number) => void;
+    value: number;
+    label: string;
+    href: string;
+    selected: boolean;
+};

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

@@ -1,2 +1,6 @@
-import { SelectableChipGroupProps } from './SelectableChipGroupProps';
+import React from 'react';
+type SelectableChipGroupProps = {
+    children: React.ReactNode;
+} & React.HTMLAttributes<HTMLElement>;
 export declare const SelectableChipGroup: (props: SelectableChipGroupProps) => JSX.Element;
+export {};

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

@@ -1,2 +1 @@
 export { SelectableChipGroup } from './SelectableChipGroup';
-export type { SelectableChipGroupProps } from './SelectableChipGroupProps';

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

@@ -31,7 +31,6 @@ export type { QuantityChangeEvent, QuantityPickerProps } from './QuantityPicker'
 export { SelectableChip } from './SelectableChip';
 export type { SelectableChipProps } from './SelectableChip';
 export { SelectableChipGroup } from './SelectableChipGroup';
-export type { SelectableChipGroupProps } from './SelectableChipGroup';
 export { StatusTag } from './StatusTag';
 export type { StatusTagProps } from './StatusTag';
 export { SelectedMenuFiltersList } from './SelectedMenuFiltersList';