@popmenu/ordering-ui 0.67.0 → 0.69.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/Button/Button.d.ts +3 -0
- package/build/components/Button/Button.styles.d.ts +6 -0
- package/build/components/Button/ButtonProps.d.ts +6 -0
- package/build/components/Button/index.d.ts +2 -0
- package/build/components/Button/util/deriveButtonProps.d.ts +5 -0
- package/build/components/DishCard/DishCard.d.ts +3 -0
- package/build/components/DishCard/DishCard.styles.d.ts +2 -0
- package/build/components/DishCard/DishCardProps.d.ts +27 -0
- package/build/components/DishCard/index.d.ts +2 -0
- package/build/components/DishCheckoutCard/DishCheckoutCard.d.ts +3 -0
- package/build/components/DishCheckoutCard/DishCheckoutCard.styles.d.ts +2 -0
- package/build/components/DishCheckoutCard/DishCheckoutCardProps.d.ts +18 -0
- package/build/components/DishCheckoutCard/index.d.ts +2 -0
- package/build/components/DishDetailsReview/DishDetailsReview.d.ts +3 -0
- package/build/components/DishDetailsReview/DishDetailsReviewProps.d.ts +10 -0
- package/build/components/DishDetailsReview/index.d.ts +2 -0
- package/build/components/DishModifierCard/DishModifierCard.d.ts +6 -0
- package/build/components/DishModifierCard/DishModifierCard.styles.d.ts +3 -0
- package/build/components/DishModifierCard/DishModifierCardProps.d.ts +47 -0
- package/build/components/DishModifierCard/ModifierForm.d.ts +4 -0
- package/build/components/DishModifierCard/ModifierOptionsControl.d.ts +3 -0
- package/build/components/DishModifierCard/index.d.ts +2 -0
- package/build/components/ItemTag/ItemTagProps.d.ts +2 -3
- package/build/components/ItemTag/index.d.ts +1 -1
- package/build/components/LocationCard/LocationCard.d.ts +3 -0
- package/build/components/LocationCard/LocationCard.styles.d.ts +2 -0
- package/build/components/LocationCard/LocationCardProps.d.ts +23 -0
- package/build/components/LocationCard/index.d.ts +2 -0
- package/build/components/MenuDropdown/MenuDropdown.d.ts +3 -0
- package/build/components/MenuDropdown/MenuDropdown.styles.d.ts +2 -0
- package/build/components/MenuDropdown/MenuDropdownProps.d.ts +12 -0
- package/build/components/MenuDropdown/index.d.ts +2 -0
- package/build/components/MenuFilter/MenuFilter.d.ts +3 -0
- package/build/components/MenuFilter/MenuFilterProps.d.ts +18 -0
- package/build/components/MenuFilter/index.d.ts +2 -0
- package/build/components/QuantityPicker/QuantityPicker.d.ts +3 -0
- package/build/components/QuantityPicker/QuantityPicker.styles.d.ts +2 -0
- package/build/components/QuantityPicker/QuantityPickerProps.d.ts +13 -0
- package/build/components/QuantityPicker/index.d.ts +2 -0
- package/build/components/SelectableChip/SelectableChip.d.ts +3 -0
- package/build/components/SelectableChip/SelectableChip.styles.d.ts +2 -0
- package/build/components/SelectableChip/SelectableChipProps.d.ts +2 -0
- package/build/components/SelectableChip/index.d.ts +2 -0
- package/build/components/SelectableChipGroup/SelectableChipGroup.d.ts +3 -0
- package/build/components/SelectableChipGroup/SelectableChipGroup.styles.d.ts +1 -0
- package/build/components/SelectableChipGroup/SelectableChipGroupProps.d.ts +5 -0
- package/build/components/SelectableChipGroup/index.d.ts +2 -0
- package/build/components/StatusTag/StatusTag.d.ts +10 -0
- package/build/components/StatusTag/StatusTag.styles.d.ts +2 -0
- package/build/components/StatusTag/StatusTagProps.d.ts +8 -0
- package/build/components/StatusTag/index.d.ts +2 -0
- package/build/components/index.d.ts +13 -1
- package/build/index.es.js +1318 -116
- package/build/index.es.js.map +1 -1
- package/build/index.js +1349 -128
- package/build/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ButtonProps } from './ButtonProps';
|
|
3
|
+
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "className" | "style" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "variant" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "disableFocusRipple" | "href" | "size" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ButtonProps as CommonButtonProps } from '@material-ui/core/Button';
|
|
2
|
+
export interface ButtonProps extends Omit<CommonButtonProps, 'variant'> {
|
|
3
|
+
loading?: boolean;
|
|
4
|
+
/** Sets the overall visual of a button according the the design system button variants. */
|
|
5
|
+
variant?: 'primary' | 'secondary' | 'text';
|
|
6
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ButtonProps } from '../ButtonProps';
|
|
2
|
+
import { ButtonProps as CommonButtonProps } from '@popmenu/common-ui';
|
|
3
|
+
declare type DerivedProps = Partial<Pick<CommonButtonProps, 'variant'>>;
|
|
4
|
+
export declare const deriveButtonProps: (props: ButtonProps) => DerivedProps;
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export interface DishCardProps {
|
|
2
|
+
/** Renders the title of the dish */
|
|
3
|
+
title: string;
|
|
4
|
+
/** Renders the price of the dish */
|
|
5
|
+
price: string;
|
|
6
|
+
/** Renders the description of the dish */
|
|
7
|
+
description: string;
|
|
8
|
+
/** The image to be displayed. */
|
|
9
|
+
image: {
|
|
10
|
+
alt: string;
|
|
11
|
+
src: string;
|
|
12
|
+
};
|
|
13
|
+
/** List of item tags for a dish */
|
|
14
|
+
itemTags: Array<{
|
|
15
|
+
abbr: string;
|
|
16
|
+
color: string;
|
|
17
|
+
name: string;
|
|
18
|
+
}>;
|
|
19
|
+
/** Number of likes */
|
|
20
|
+
likeCount: number;
|
|
21
|
+
/** Number of reviews */
|
|
22
|
+
reviewCount: number;
|
|
23
|
+
/** Callback for when the DishCard is clicked */
|
|
24
|
+
onClick: () => void;
|
|
25
|
+
/** Boolean for whether or not the view is in mobile */
|
|
26
|
+
isMobile: boolean;
|
|
27
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface DishCheckoutCardProps {
|
|
2
|
+
/** Modifiers of the dish in tuple format */
|
|
3
|
+
modifiers?: Array<[string | number, string | number]>;
|
|
4
|
+
/** Id of the dish */
|
|
5
|
+
id: number;
|
|
6
|
+
/** Name of the dish */
|
|
7
|
+
name: string;
|
|
8
|
+
/** Quantity of dish selected */
|
|
9
|
+
quantity: number;
|
|
10
|
+
/** Price of description should be formatted in the correct currency before passing as a prop */
|
|
11
|
+
price: string;
|
|
12
|
+
/** Callback for edit button */
|
|
13
|
+
onEdit: () => void;
|
|
14
|
+
/** Callback for delete button */
|
|
15
|
+
onDelete: () => void;
|
|
16
|
+
/** Callback that runs when the select value is changed. Expects two arguments, the id of the selected dish and the new value that is being changed from the dropdown. Callback should update the dish */
|
|
17
|
+
onChange: (id: number, value: number | string) => void;
|
|
18
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface DishDetailsReviewProps {
|
|
2
|
+
/** name of the restaurant follower user who posted the review */
|
|
3
|
+
userName: string;
|
|
4
|
+
/** url information for follower profile picture that may be provided */
|
|
5
|
+
userAvatarUrl: string | undefined;
|
|
6
|
+
/** the text of the review */
|
|
7
|
+
content: string;
|
|
8
|
+
/** the text represeantation of the relative current time since the review was created */
|
|
9
|
+
timeSinceCreated: string;
|
|
10
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const useDishModifierCardStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
|
|
2
|
+
export declare const useRadioModifierFormStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
|
|
3
|
+
export declare const useCheckboxModifierFormStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
declare type ModifierValue = {
|
|
2
|
+
id: number;
|
|
3
|
+
quantity?: number;
|
|
4
|
+
};
|
|
5
|
+
declare type Modifier = {
|
|
6
|
+
id: number;
|
|
7
|
+
name: string;
|
|
8
|
+
price: string | null;
|
|
9
|
+
};
|
|
10
|
+
declare type OnChange = (value: Array<ModifierValue>, checked?: boolean) => void;
|
|
11
|
+
interface Base {
|
|
12
|
+
/** Modifier options */
|
|
13
|
+
modifiers: Array<Modifier>;
|
|
14
|
+
/** The values of the modifier form */
|
|
15
|
+
value: Array<ModifierValue>;
|
|
16
|
+
/** Handles the change event */
|
|
17
|
+
onChange: OnChange;
|
|
18
|
+
}
|
|
19
|
+
export declare type DishModifierCardProps = Base & {
|
|
20
|
+
/** Name of the modifier */
|
|
21
|
+
name: string;
|
|
22
|
+
/** Denotes the max amount of selections have been reached */
|
|
23
|
+
disableNewSelections?: boolean;
|
|
24
|
+
/** Denotes if modifier has an error */
|
|
25
|
+
error: boolean;
|
|
26
|
+
/** Denotes if modifier is required */
|
|
27
|
+
isRequired: boolean;
|
|
28
|
+
/** Denotes if modifier is out of stock */
|
|
29
|
+
isOutOfStock: boolean;
|
|
30
|
+
type: 'singleSelect' | 'multipleSelect';
|
|
31
|
+
/** Renders the text of the dish modifiers */
|
|
32
|
+
messages: {
|
|
33
|
+
optionalText: string;
|
|
34
|
+
outOfStockText: string;
|
|
35
|
+
requiredText: string;
|
|
36
|
+
helperText: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export declare type RadioModifierFormProps = Base;
|
|
40
|
+
export declare type CheckboxModifierFormProps = Base & {
|
|
41
|
+
disableNewSelections?: boolean;
|
|
42
|
+
};
|
|
43
|
+
export declare type ModifierOptionsControlProps = Base & {
|
|
44
|
+
disableNewSelections?: boolean;
|
|
45
|
+
type: 'singleSelect' | 'multipleSelect';
|
|
46
|
+
};
|
|
47
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { RadioModifierFormProps, CheckboxModifierFormProps } from './DishModifierCardProps';
|
|
3
|
+
export declare const CheckboxGroup: (props: CheckboxModifierFormProps) => JSX.Element;
|
|
4
|
+
export declare const RadioGroup: (props: RadioModifierFormProps) => JSX.Element;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes, PropsWithChildren } from 'react';
|
|
2
|
-
export declare type PresetNames = 'dairyFree' | 'glutenFree' | 'shellfishFree' | 'vegan' | 'vegetarian';
|
|
3
2
|
export interface ItemTagProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
|
|
4
3
|
/** Sets the border-color and text-color for an ItemTag. */
|
|
5
4
|
color?: string;
|
|
6
|
-
/** sets
|
|
7
|
-
|
|
5
|
+
/** sets alt for Avatar component */
|
|
6
|
+
alt?: string;
|
|
8
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { ItemTag as default } from './ItemTag';
|
|
2
|
-
export { ItemTagProps
|
|
2
|
+
export { ItemTagProps } from './ItemTagProps';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { CardActionAreaProps } from '@material-ui/core';
|
|
3
|
+
import { CardProps as MuiCardProps } from '@material-ui/core/Card';
|
|
4
|
+
export interface LocationCardProps extends Omit<MuiCardProps, 'onClick'> {
|
|
5
|
+
/** Renders the name of the restaurant location */
|
|
6
|
+
name: string;
|
|
7
|
+
/** Renders the address of the restaurant location */
|
|
8
|
+
address: string;
|
|
9
|
+
/** Renders the appropriate availability of the restaurant location */
|
|
10
|
+
availability?: string | ReactNode;
|
|
11
|
+
/** Renders the distance of the restaurant location (if applicable) */
|
|
12
|
+
distance?: string;
|
|
13
|
+
/** Callback for when the LocationCard is clicked */
|
|
14
|
+
onClick: (value: string) => void;
|
|
15
|
+
/** Sets card selection state */
|
|
16
|
+
selected?: boolean;
|
|
17
|
+
/** The value of a card in respects to selection state. */
|
|
18
|
+
value: string;
|
|
19
|
+
/** Props passed to the CardActionArea rendered by SelectableCard. */
|
|
20
|
+
CardActionAreaProps?: CardActionAreaProps;
|
|
21
|
+
/** Unique label for the location card */
|
|
22
|
+
labelId: string;
|
|
23
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare type MenuDropdownOption = {
|
|
2
|
+
id: number;
|
|
3
|
+
name: string;
|
|
4
|
+
};
|
|
5
|
+
export interface MenuDropdownProps {
|
|
6
|
+
/** Callback for selecting active menu */
|
|
7
|
+
onSelect: (id: number | string) => void;
|
|
8
|
+
/** selectable menu options */
|
|
9
|
+
menuOptions: MenuDropdownOption[];
|
|
10
|
+
/** current menu select value */
|
|
11
|
+
selectedOptionId: number | string;
|
|
12
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare type MenuFilterChangeEvent = {
|
|
2
|
+
target: {
|
|
3
|
+
value: number;
|
|
4
|
+
};
|
|
5
|
+
};
|
|
6
|
+
export declare type MenuFilterOption = {
|
|
7
|
+
id: number;
|
|
8
|
+
abbr: string;
|
|
9
|
+
color: string;
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
export interface MenuFilterProps {
|
|
13
|
+
/** Callback for setting menu filters */
|
|
14
|
+
onFilter: (event: MenuFilterChangeEvent) => void;
|
|
15
|
+
/** options to set menu filter with */
|
|
16
|
+
filterOptions: (MenuFilterOption | undefined)[];
|
|
17
|
+
activeFilters: (MenuFilterOption | undefined)[];
|
|
18
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare type QuantityChangeEvent = {
|
|
2
|
+
target: {
|
|
3
|
+
value: number;
|
|
4
|
+
};
|
|
5
|
+
};
|
|
6
|
+
export interface QuantityPickerProps {
|
|
7
|
+
/** Callback for when the quantity is increased or decreased for the parent form */
|
|
8
|
+
onChange: (event: QuantityChangeEvent, reason: string) => void;
|
|
9
|
+
/** the quantity represented by the picker */
|
|
10
|
+
value: number;
|
|
11
|
+
/** determines if picker is active */
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useSelectableChipGroupStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
|
|
@@ -1,4 +1,16 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as Button, ButtonProps } from './Button';
|
|
2
|
+
export { default as DishCard, DishCardProps } from './DishCard';
|
|
3
|
+
export { default as DishCheckoutCard, DishCheckoutCardProps } from './DishCheckoutCard';
|
|
4
|
+
export { default as DishDetailsReview, DishDetailsReviewProps } from './DishDetailsReview';
|
|
5
|
+
export { default as DishModifierCard, DishModifierCardProps } from './DishModifierCard';
|
|
6
|
+
export { default as ItemTag, ItemTagProps } from './ItemTag';
|
|
2
7
|
export { default as ItemTagGroup } from './ItemTagGroup';
|
|
8
|
+
export { default as LocationCard, LocationCardProps } from './LocationCard';
|
|
9
|
+
export { default as MenuDropdown, MenuDropdownProps, MenuDropdownOption } from './MenuDropdown';
|
|
10
|
+
export { default as MenuFilter, MenuFilterProps, MenuFilterChangeEvent, MenuFilterOption } from './MenuFilter';
|
|
3
11
|
export { default as ReactionCounter, ReactionCounterProps } from './ReactionCounter';
|
|
4
12
|
export { default as ReactionCounterGroup } from './ReactionCounterGroup';
|
|
13
|
+
export { default as QuantityPicker, QuantityPickerProps, QuantityChangeEvent } from './QuantityPicker';
|
|
14
|
+
export { default as SelectableChip } from './SelectableChip';
|
|
15
|
+
export { default as SelectableChipGroup, SelectableChipGroupProps } from './SelectableChipGroup';
|
|
16
|
+
export { default as StatusTag, StatusTagProps } from './StatusTag';
|