@aws-amplify/ui-react 3.5.11 → 3.6.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/dist/IconWarning-8d0abeda.js +1 -0
- package/dist/esm/PrimitiveCatalog.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/primitives/Autocomplete/Autocomplete.js +1 -0
- package/dist/esm/primitives/Autocomplete/AutocompleteMenu.js +1 -0
- package/dist/esm/primitives/Autocomplete/AutocompleteOption.js +1 -0
- package/dist/esm/primitives/Autocomplete/useAutocomplete.js +1 -0
- package/dist/esm/primitives/HighlightMatch/HighlightMatch.js +1 -0
- package/dist/esm/primitives/SearchField/SearchField.js +1 -1
- package/dist/esm/primitives/SearchField/useSearchField.js +1 -1
- package/dist/esm/primitives/index.js +1 -1
- package/dist/esm/primitives/shared/constants.js +1 -1
- package/dist/index.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/styles.css +78 -1
- package/dist/types/primitives/Alert/Alert.d.ts +1 -1
- package/dist/types/primitives/Autocomplete/Autocomplete.d.ts +7 -0
- package/dist/types/primitives/Autocomplete/AutocompleteMenu.d.ts +2 -0
- package/dist/types/primitives/Autocomplete/AutocompleteOption.d.ts +2 -0
- package/dist/types/primitives/Autocomplete/index.d.ts +1 -0
- package/dist/types/primitives/Autocomplete/useAutocomplete.d.ts +23 -0
- package/dist/types/primitives/Badge/Badge.d.ts +1 -1
- package/dist/types/primitives/Button/Button.d.ts +1 -1
- package/dist/types/primitives/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/types/primitives/Card/Card.d.ts +1 -1
- package/dist/types/primitives/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/primitives/CheckboxField/CheckboxField.d.ts +1 -1
- package/dist/types/primitives/Divider/Divider.d.ts +1 -1
- package/dist/types/primitives/Expander/Expander.d.ts +1 -1
- package/dist/types/primitives/Expander/ExpanderItem.d.ts +1 -1
- package/dist/types/primitives/Field/FieldClearButton.d.ts +1 -1
- package/dist/types/primitives/FieldGroup/FieldGroup.d.ts +1 -1
- package/dist/types/primitives/FieldGroupIcon/FieldGroupIcon.d.ts +1 -1
- package/dist/types/primitives/FieldGroupIcon/FieldGroupIconButton.d.ts +1 -1
- package/dist/types/primitives/Flex/Flex.d.ts +1 -1
- package/dist/types/primitives/Grid/Grid.d.ts +1 -1
- package/dist/types/primitives/Heading/Heading.d.ts +1 -1
- package/dist/types/primitives/HighlightMatch/HighlightMatch.d.ts +7 -0
- package/dist/types/primitives/HighlightMatch/index.d.ts +1 -0
- package/dist/types/primitives/Icon/Icon.d.ts +1 -1
- package/dist/types/primitives/Image/Image.d.ts +1 -1
- package/dist/types/primitives/Input/Input.d.ts +1 -1
- package/dist/types/primitives/Label/Label.d.ts +1 -1
- package/dist/types/primitives/Link/Link.d.ts +1 -1
- package/dist/types/primitives/Loader/Loader.d.ts +1 -1
- package/dist/types/primitives/Menu/Menu.d.ts +1 -1
- package/dist/types/primitives/Menu/MenuButton.d.ts +1 -1
- package/dist/types/primitives/Pagination/Pagination.d.ts +1 -1
- package/dist/types/primitives/PasswordField/PasswordField.d.ts +1 -1
- package/dist/types/primitives/PasswordField/ShowPasswordButton.d.ts +1 -1
- package/dist/types/primitives/PhoneNumberField/CountryCodeSelect.d.ts +1 -1
- package/dist/types/primitives/PhoneNumberField/PhoneNumberField.d.ts +1 -1
- package/dist/types/primitives/Placeholder/Placeholder.d.ts +1 -1
- package/dist/types/primitives/Radio/Radio.d.ts +1 -1
- package/dist/types/primitives/RadioGroupField/RadioGroupField.d.ts +1 -1
- package/dist/types/primitives/Rating/Rating.d.ts +1 -1
- package/dist/types/primitives/ScrollView/ScrollView.d.ts +1 -1
- package/dist/types/primitives/SearchField/SearchField.d.ts +2 -2
- package/dist/types/primitives/SearchField/SearchFieldButton.d.ts +1 -1
- package/dist/types/primitives/SearchField/useSearchField.d.ts +3 -3
- package/dist/types/primitives/Select/Select.d.ts +1 -1
- package/dist/types/primitives/SelectField/SelectField.d.ts +1 -1
- package/dist/types/primitives/SliderField/SliderField.d.ts +1 -1
- package/dist/types/primitives/StepperField/StepperField.d.ts +1 -1
- package/dist/types/primitives/SwitchField/SwitchField.d.ts +1 -1
- package/dist/types/primitives/Table/Table.d.ts +1 -1
- package/dist/types/primitives/Table/TableBody.d.ts +1 -1
- package/dist/types/primitives/Table/TableCell.d.ts +1 -1
- package/dist/types/primitives/Table/TableFoot.d.ts +1 -1
- package/dist/types/primitives/Table/TableHead.d.ts +1 -1
- package/dist/types/primitives/Table/TableRow.d.ts +1 -1
- package/dist/types/primitives/Tabs/Tabs.d.ts +2 -2
- package/dist/types/primitives/Text/Text.d.ts +1 -1
- package/dist/types/primitives/TextArea/TextArea.d.ts +1 -1
- package/dist/types/primitives/TextAreaField/TextAreaField.d.ts +1 -1
- package/dist/types/primitives/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/types/primitives/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
- package/dist/types/primitives/View/View.d.ts +2 -2
- package/dist/types/primitives/VisuallyHidden/VisuallyHidden.d.ts +1 -1
- package/dist/types/primitives/components.d.ts +2 -0
- package/dist/types/primitives/shared/constants.d.ts +8 -0
- package/dist/types/primitives/shared/types.d.ts +2 -2
- package/dist/types/primitives/types/autocomplete.d.ts +121 -0
- package/dist/types/primitives/types/highlightMatch.d.ts +13 -0
- package/dist/types/primitives/types/index.d.ts +2 -0
- package/dist/types/primitives/types/searchField.d.ts +25 -2
- package/package.json +3 -3
- package/dist/IconWarning-05f44a4f.js +0 -1
|
@@ -3,4 +3,4 @@ import { ToggleButtonGroupProps } from '../types';
|
|
|
3
3
|
/**
|
|
4
4
|
* [📖 Docs](https://ui.docs.amplify.aws/react/components/togglebutton#togglebuttongroup)
|
|
5
5
|
*/
|
|
6
|
-
export declare const ToggleButtonGroup: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<ToggleButtonGroupProps, React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<import("../types").FlexProps, "div">, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "as" | "style" | "onLoad" | "onError" | "onClick" | "onChange" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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"> & React.RefAttributes<HTMLDivElement>>>, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "variation" | "size" | "value" | "as" | "isExclusive" | "isSelectionRequired" | "style" | "onLoad" | "onError" | "onClick" | "onChange" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export declare const ToggleButtonGroup: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<ToggleButtonGroupProps, React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<import("../types").FlexProps, "div">, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "as" | "style" | "onLoad" | "onError" | "onClick" | "onSubmit" | "onChange" | "onSelect" | "onBlur" | "onFocus" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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" | "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"> & React.RefAttributes<HTMLDivElement>>>, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "variation" | "size" | "value" | "as" | "isExclusive" | "isSelectionRequired" | "style" | "onLoad" | "onError" | "onClick" | "onSubmit" | "onChange" | "onSelect" | "onBlur" | "onFocus" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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" | "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"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -6,5 +6,5 @@ import { ElementType, ViewProps } from '../types';
|
|
|
6
6
|
export declare const View: React.ForwardRefExoticComponent<Pick<Omit<ViewProps, "as"> & {
|
|
7
7
|
as?: ElementType;
|
|
8
8
|
} & Omit<Omit<any, "ref">, "area" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "as" | "style"> & {
|
|
9
|
-
ref?: React.Ref<
|
|
10
|
-
}, string | number | symbol> & React.RefAttributes<
|
|
9
|
+
ref?: React.Ref<HTMLImageElement | HTMLElement | HTMLButtonElement | HTMLInputElement | SVGPathElement | SVGElement | HTMLSelectElement | SVGSymbolElement | HTMLObjectElement | HTMLAreaElement | HTMLSlotElement | HTMLTitleElement | HTMLFormElement | HTMLLabelElement | SVGPatternElement | SVGClipPathElement | SVGFilterElement | SVGMaskElement | HTMLTimeElement | HTMLDialogElement | HTMLLinkElement | HTMLOptionElement | SVGSwitchElement | HTMLTableElement | HTMLStyleElement | SVGTextElement | SVGImageElement | HTMLAnchorElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLSpanElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGForeignObjectElement | SVGGElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMetadataElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement>;
|
|
10
|
+
}, string | number | symbol> & React.RefAttributes<HTMLImageElement | HTMLElement | HTMLButtonElement | HTMLInputElement | SVGPathElement | SVGElement | HTMLSelectElement | SVGSymbolElement | HTMLObjectElement | HTMLAreaElement | HTMLSlotElement | HTMLTitleElement | HTMLFormElement | HTMLLabelElement | SVGPatternElement | SVGClipPathElement | SVGFilterElement | SVGMaskElement | HTMLTimeElement | HTMLDialogElement | HTMLLinkElement | HTMLOptionElement | SVGSwitchElement | HTMLTableElement | HTMLStyleElement | SVGTextElement | SVGImageElement | HTMLAnchorElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLSpanElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGForeignObjectElement | SVGGElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMetadataElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement>>;
|
|
@@ -3,4 +3,4 @@ import { VisuallyHiddenProps } from '../types';
|
|
|
3
3
|
/**
|
|
4
4
|
* [📖 Docs](https://ui.docs.amplify.aws/react/components/visuallyhidden)
|
|
5
5
|
*/
|
|
6
|
-
export declare const VisuallyHidden: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<VisuallyHiddenProps, "span">, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "as" | "style" | "onLoad" | "onError" | "onClick" | "onChange" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "
|
|
6
|
+
export declare const VisuallyHidden: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<VisuallyHiddenProps, "span">, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "as" | "style" | "onLoad" | "onError" | "onClick" | "onSubmit" | "onChange" | "onSelect" | "onBlur" | "onFocus" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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" | "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"> & React.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { Alert } from './Alert';
|
|
2
|
+
export { Autocomplete } from './Autocomplete';
|
|
2
3
|
export { Badge } from './Badge';
|
|
3
4
|
export { Button } from './Button';
|
|
4
5
|
export { ButtonGroup } from './ButtonGroup';
|
|
@@ -11,6 +12,7 @@ export { FieldGroupIcon, FieldGroupIconButton } from './FieldGroupIcon';
|
|
|
11
12
|
export { Flex } from './Flex';
|
|
12
13
|
export { Grid } from './Grid';
|
|
13
14
|
export { Heading } from './Heading';
|
|
15
|
+
export { HighlightMatch } from './HighlightMatch';
|
|
14
16
|
export { Icon } from './Icon';
|
|
15
17
|
export { Image } from './Image';
|
|
16
18
|
export { Link } from './Link';
|
|
@@ -9,6 +9,10 @@ export declare const ComponentText: {
|
|
|
9
9
|
Alert: {
|
|
10
10
|
dismissButtonLabel: string;
|
|
11
11
|
};
|
|
12
|
+
Autocomplete: {
|
|
13
|
+
emptyText: string;
|
|
14
|
+
loadingText: string;
|
|
15
|
+
};
|
|
12
16
|
Collection: {
|
|
13
17
|
searchButtonLabel: string;
|
|
14
18
|
searchNoResultsFound: string;
|
|
@@ -39,3 +43,7 @@ export declare const ComponentText: {
|
|
|
39
43
|
};
|
|
40
44
|
};
|
|
41
45
|
export declare const stylePropsToThemeKeys: Record<ThemeStylePropKey, ThemeTokenKey>;
|
|
46
|
+
export declare const ESCAPE_KEY = "Escape";
|
|
47
|
+
export declare const ENTER_KEY = "Enter";
|
|
48
|
+
export declare const ARROW_UP = "ArrowUp";
|
|
49
|
+
export declare const ARROW_DOWN = "ArrowDown";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentClassName } from '@aws-amplify/ui';
|
|
2
|
-
declare type ComponentNameKey = 'Alert' | 'Badge' | 'Button' | 'Button' | 'Card' | 'Checkbox' | 'CheckboxField' | 'Collection' | 'PhoneNumberField' | 'Divider' | 'Expander' | 'Flex' | 'Grid' | 'Heading' | 'Icon' | 'Image' | 'Link' | 'Loader' | 'Menu' | 'Pagination' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioGroupField' | 'Rating' | 'ScrollView' | 'SearchField' | 'Select' | 'SliderField' | 'SelectField' | 'StepperField' | 'SwitchField' | 'Table' | 'Tabs' | 'Text' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
|
|
3
|
-
declare type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Badge' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'DialCodeSelect' | 'Divider' | 'DividerLabel' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'Flex' | 'Grid' | 'Heading' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | 'MenuItem' | 'MenuTrigger' | 'Pagination' | 'PaginationItemButton' | 'PaginationItemCurrent' | 'PaginationItemEllipsis' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioButton' | 'RadioInput' | 'RadioLabel' | 'RadioGroupField' | 'RadioGroup' | 'Rating' | 'ScrollView' | 'SearchField' | 'SearchFieldClear' | 'SearchFieldSearch' | 'Select' | 'SelectField' | 'SelectWrapper' | 'SelectIconWrapper' | 'SliderField' | 'SliderFieldGroup' | 'SliderFieldLabel' | 'SliderFieldRange' | 'SliderFieldRoot' | 'SliderFieldThumb' | 'SliderFieldTrack' | 'StepperField' | 'StepperFieldButtonDecrease' | 'StepperFieldButtonIncrease' | 'StepperFieldInput' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
|
|
2
|
+
declare type ComponentNameKey = 'Alert' | 'Autocomplete' | 'Badge' | 'Button' | 'Button' | 'Card' | 'Checkbox' | 'CheckboxField' | 'Collection' | 'PhoneNumberField' | 'Divider' | 'Expander' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'Icon' | 'Image' | 'Link' | 'Loader' | 'Menu' | 'Pagination' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioGroupField' | 'Rating' | 'ScrollView' | 'SearchField' | 'Select' | 'SliderField' | 'SelectField' | 'StepperField' | 'SwitchField' | 'Table' | 'Tabs' | 'Text' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
|
|
3
|
+
declare type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Autocomplete' | 'AutocompleteMenu' | 'AutocompleteMenuEmpty' | 'AutocompleteMenuFooter' | 'AutocompleteMenuHeader' | 'AutocompleteMenuLoading' | 'AutocompleteMenuOption' | 'AutocompleteMenuOptions' | 'Badge' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'DialCodeSelect' | 'Divider' | 'DividerLabel' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'HighlightMatchHighlighted' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | 'MenuItem' | 'MenuTrigger' | 'Pagination' | 'PaginationItemButton' | 'PaginationItemCurrent' | 'PaginationItemEllipsis' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioButton' | 'RadioInput' | 'RadioLabel' | 'RadioGroupField' | 'RadioGroup' | 'Rating' | 'ScrollView' | 'SearchField' | 'SearchFieldClear' | 'SearchFieldSearch' | 'Select' | 'SelectField' | 'SelectWrapper' | 'SelectIconWrapper' | 'SliderField' | 'SliderFieldGroup' | 'SliderFieldLabel' | 'SliderFieldRange' | 'SliderFieldRoot' | 'SliderFieldThumb' | 'SliderFieldTrack' | 'StepperField' | 'StepperFieldButtonDecrease' | 'StepperFieldButtonIncrease' | 'StepperFieldInput' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
|
|
4
4
|
interface ComponentClassNameMetadata {
|
|
5
5
|
className: ComponentClassName;
|
|
6
6
|
components?: ComponentNameKey[];
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SearchFieldProps } from './searchField';
|
|
3
|
+
import { ViewProps } from './view';
|
|
4
|
+
export interface AutocompleteComboboxProps {
|
|
5
|
+
role: React.AriaRole;
|
|
6
|
+
'aria-activedescendant': React.AriaAttributes['aria-activedescendant'];
|
|
7
|
+
'aria-autocomplete': React.AriaAttributes['aria-autocomplete'];
|
|
8
|
+
'aria-controls': React.AriaAttributes['aria-controls'];
|
|
9
|
+
'aria-expanded': React.AriaAttributes['aria-expanded'];
|
|
10
|
+
'aria-haspopup': React.AriaAttributes['aria-haspopup'];
|
|
11
|
+
'aria-owns': React.AriaAttributes['aria-owns'];
|
|
12
|
+
}
|
|
13
|
+
export interface ComboBoxOption {
|
|
14
|
+
/**
|
|
15
|
+
* @description
|
|
16
|
+
* Unique id for an option
|
|
17
|
+
*/
|
|
18
|
+
id: string;
|
|
19
|
+
/**
|
|
20
|
+
* @description
|
|
21
|
+
* Label for an option
|
|
22
|
+
*/
|
|
23
|
+
label: string;
|
|
24
|
+
[key: string]: string;
|
|
25
|
+
}
|
|
26
|
+
export interface AutocompleteOptionProps extends ViewProps {
|
|
27
|
+
/**
|
|
28
|
+
* React node that will be wrapped inside a li element
|
|
29
|
+
*/
|
|
30
|
+
children: React.ReactNode;
|
|
31
|
+
/**
|
|
32
|
+
* @description
|
|
33
|
+
* Determine if it is an active option
|
|
34
|
+
*/
|
|
35
|
+
isActive: boolean;
|
|
36
|
+
}
|
|
37
|
+
export interface AutocompleteMenuProps extends ViewProps {
|
|
38
|
+
/**
|
|
39
|
+
* @description
|
|
40
|
+
* Defines a string value that labels an interactive element for accessibility
|
|
41
|
+
*/
|
|
42
|
+
ariaLabel?: React.AriaAttributes['aria-label'];
|
|
43
|
+
/**
|
|
44
|
+
* @description
|
|
45
|
+
* A list of Option JSX elements
|
|
46
|
+
*/
|
|
47
|
+
children: JSX.Element[];
|
|
48
|
+
/**
|
|
49
|
+
* @description
|
|
50
|
+
* This is a slot to label a list of options
|
|
51
|
+
*/
|
|
52
|
+
Header?: React.ReactNode;
|
|
53
|
+
/**
|
|
54
|
+
* @description
|
|
55
|
+
* This is a slot to add any contextual information or actions to the options
|
|
56
|
+
* (e.g. an "X results" label or a "More options" link)
|
|
57
|
+
*/
|
|
58
|
+
Footer?: React.ReactNode;
|
|
59
|
+
/**
|
|
60
|
+
* @description
|
|
61
|
+
* This is a slot to indicate the loading state when async request has been made to fetch options
|
|
62
|
+
*/
|
|
63
|
+
LoadingIndicator?: React.ReactNode;
|
|
64
|
+
/**
|
|
65
|
+
* @description
|
|
66
|
+
* This is a slot to indicate no matching options found
|
|
67
|
+
*/
|
|
68
|
+
Empty?: React.ReactNode;
|
|
69
|
+
/**
|
|
70
|
+
* @description
|
|
71
|
+
* Used to indicate if the menu is in loading state
|
|
72
|
+
* @default false
|
|
73
|
+
*/
|
|
74
|
+
isLoading: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* @description
|
|
77
|
+
* Listbox id
|
|
78
|
+
*/
|
|
79
|
+
listboxId: string;
|
|
80
|
+
}
|
|
81
|
+
export interface AutocompleteProps extends SearchFieldProps {
|
|
82
|
+
/**
|
|
83
|
+
* @description
|
|
84
|
+
* A list of options
|
|
85
|
+
*/
|
|
86
|
+
options: Array<ComboBoxOption>;
|
|
87
|
+
/**
|
|
88
|
+
* @description
|
|
89
|
+
* A colleciton of slots to customize the dropdown of options
|
|
90
|
+
*/
|
|
91
|
+
menuSlots?: Pick<AutocompleteMenuProps, 'ariaLabel' | 'Header' | 'Footer' | 'Empty' | 'LoadingIndicator'>;
|
|
92
|
+
/**
|
|
93
|
+
* @description
|
|
94
|
+
* Used to indicate if the autocomplete in loading state
|
|
95
|
+
* @default false
|
|
96
|
+
*/
|
|
97
|
+
isLoading?: boolean;
|
|
98
|
+
/**
|
|
99
|
+
* @description
|
|
100
|
+
* Custom filter that will be applied to options.
|
|
101
|
+
*
|
|
102
|
+
* Note: Applying custom filter to options will disable match highlighting.
|
|
103
|
+
*/
|
|
104
|
+
optionFilter?: (option: ComboBoxOption, value: string) => boolean;
|
|
105
|
+
/**
|
|
106
|
+
* @description
|
|
107
|
+
* Used to customize the rendering of an option inside the li element
|
|
108
|
+
*/
|
|
109
|
+
renderOption?: (option: ComboBoxOption, value: string) => React.ReactNode;
|
|
110
|
+
/**
|
|
111
|
+
* @description
|
|
112
|
+
* Triggered when an option is selected
|
|
113
|
+
*/
|
|
114
|
+
onSelect?: (option: ComboBoxOption) => void;
|
|
115
|
+
}
|
|
116
|
+
export interface UseAutocompleteProps extends Partial<AutocompleteProps> {
|
|
117
|
+
onBlur: React.FocusEventHandler<HTMLInputElement>;
|
|
118
|
+
onChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
119
|
+
onClick: React.MouseEventHandler<HTMLInputElement>;
|
|
120
|
+
onFocus: React.FocusEventHandler<HTMLInputElement>;
|
|
121
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ViewProps } from './view';
|
|
2
|
+
export interface HighlightMatchProps extends ViewProps {
|
|
3
|
+
/**
|
|
4
|
+
* @description
|
|
5
|
+
* The label you would like to have match highlighting
|
|
6
|
+
*/
|
|
7
|
+
children: string;
|
|
8
|
+
/**
|
|
9
|
+
* @description
|
|
10
|
+
* A query string used to match against the label
|
|
11
|
+
*/
|
|
12
|
+
query: string;
|
|
13
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from './autocomplete';
|
|
1
2
|
export * from './alert';
|
|
2
3
|
export * from './badge';
|
|
3
4
|
export * from './base';
|
|
@@ -14,6 +15,7 @@ export * from './fieldGroup';
|
|
|
14
15
|
export * from './fieldGroupIcon';
|
|
15
16
|
export * from './flex';
|
|
16
17
|
export * from './heading';
|
|
18
|
+
export * from './highlightMatch';
|
|
17
19
|
export * from './icon';
|
|
18
20
|
export * from './input';
|
|
19
21
|
export * from './image';
|
|
@@ -2,6 +2,28 @@ import * as React from 'react';
|
|
|
2
2
|
import { FieldGroupIconButtonProps } from './fieldGroupIcon';
|
|
3
3
|
import { TextInputFieldProps } from './textField';
|
|
4
4
|
export interface SearchFieldProps extends TextInputFieldProps {
|
|
5
|
+
/**
|
|
6
|
+
* @description
|
|
7
|
+
* Set the initial value for an uncontrolled search field
|
|
8
|
+
*/
|
|
9
|
+
defaultValue?: string;
|
|
10
|
+
/**
|
|
11
|
+
* @description
|
|
12
|
+
* Set the value for a controlled search field
|
|
13
|
+
*/
|
|
14
|
+
value?: string;
|
|
15
|
+
/**
|
|
16
|
+
* @description
|
|
17
|
+
* Used to determine whether to render a search button on the right
|
|
18
|
+
* @default true
|
|
19
|
+
*/
|
|
20
|
+
hasSearchButton?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* @description
|
|
23
|
+
* Used to determine whether to render a search icon on the left when there is no search button
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
hasSearchIcon?: boolean;
|
|
5
27
|
/**
|
|
6
28
|
* @description
|
|
7
29
|
* Handle submission of search field input
|
|
@@ -34,6 +56,7 @@ export interface SearchFieldProps extends TextInputFieldProps {
|
|
|
34
56
|
}
|
|
35
57
|
export interface SearchFieldButtonProps extends Partial<FieldGroupIconButtonProps> {
|
|
36
58
|
}
|
|
37
|
-
export
|
|
59
|
+
export interface UseSearchFieldProps extends Partial<SearchFieldProps> {
|
|
38
60
|
externalRef?: React.ForwardedRef<HTMLInputElement>;
|
|
39
|
-
|
|
61
|
+
onChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
62
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aws-amplify/ui-react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"size": "yarn run size-limit"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@aws-amplify/ui": "4.0
|
|
59
|
-
"@aws-amplify/ui-react-core": "1.0.
|
|
58
|
+
"@aws-amplify/ui": "4.1.0",
|
|
59
|
+
"@aws-amplify/ui-react-core": "1.0.5",
|
|
60
60
|
"@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
|
|
61
61
|
"@radix-ui/react-accordion": "0.1.6",
|
|
62
62
|
"@radix-ui/react-dropdown-menu": "0.1.6",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),t=require("classnames"),a=require("react"),n=require("@aws-amplify/ui");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var l=o(t),i=s(a);const r=i.createContext({theme:n.createTheme()}),p={alignContent:"alignContent",alignItems:"alignItems",alignSelf:"alignSelf",area:"gridArea",autoColumns:"gridAutoColumns",autoFlow:"gridAutoFlow",autoRows:"gridAutoRows",backgroundColor:"backgroundColor",backgroundImage:"backgroundImage",basis:"flexBasis",border:"border",borderRadius:"borderRadius",bottom:"bottom",boxShadow:"boxShadow",color:"color",column:"gridColumn",columnEnd:"gridColumnEnd",columnGap:"columnGap",columnSpan:"gridColumn",columnStart:"gridColumnStart",direction:"flexDirection",display:"display",flex:"flex",fontFamily:"fontFamily",fontSize:"fontSize",fontStyle:"fontStyle",fontWeight:"fontWeight",gap:"gap",grow:"flexGrow",height:"height",justifyContent:"justifyContent",left:"left",letterSpacing:"letterSpacing",lineHeight:"lineHeight",margin:"margin",marginBlock:"marginBlock",marginBlockEnd:"marginBlockEnd",marginBlockStart:"marginBlockStart",marginBottom:"marginBlockEnd",marginInline:"marginInline",marginInlineEnd:"marginInlineEnd",marginInlineStart:"marginInlineStart",marginLeft:"marginInlineStart",marginRight:"marginInlineEnd",marginTop:"marginBlockStart",maxHeight:"maxHeight",maxWidth:"maxWidth",minHeight:"minHeight",minWidth:"minWidth",objectFit:"objectFit",objectPosition:"objectPosition",opacity:"opacity",order:"order",overflow:"overflow",padding:"padding",paddingBlock:"paddingBlock",paddingBlockEnd:"paddingBlockEnd",paddingBlockStart:"paddingBlockStart",paddingBottom:"paddingBlockEnd",paddingInline:"paddingInline",paddingInlineEnd:"paddingInlineEnd",paddingInlineStart:"paddingInlineStart",paddingLeft:"paddingInlineStart",paddingRight:"paddingInlineEnd",paddingTop:"paddingBlockStart",position:"position",resize:"resize",right:"right",row:"gridRow",rowEnd:"gridRowEnd",rowGap:"rowGap",rowSpan:"gridRow",rowStart:"gridRowStart",shrink:"flexShrink",templateAreas:"gridTemplateAreas",templateColumns:"gridTemplateColumns",templateRows:"gridTemplateRows",textAlign:"textAlign",textDecoration:"textDecoration",textTransform:"textTransform",top:"top",transform:"transform",transformOrigin:"transformOrigin",width:"width",whiteSpace:"whiteSpace",wrap:"flexWrap"},c=Object.keys(p),m={Alert:{className:n.ComponentClassName.Alert,components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:n.ComponentClassName.AlertIcon,components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:n.ComponentClassName.AlertHeading,components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:n.ComponentClassName.AlertBody,components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:n.ComponentClassName.AlertDismiss,components:["Alert"],description:"Class applied to the close Button"},Badge:{className:n.ComponentClassName.Badge,components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:n.ComponentClassName.Button,components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:n.ComponentClassName.ButtonGroup},ButtonLoaderWrapper:{className:n.ComponentClassName.ButtonLoaderWrapper,components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:n.ComponentClassName.Card,components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:n.ComponentClassName.Checkbox,components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:n.ComponentClassName.CheckboxButton,components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:n.ComponentClassName.CheckboxIcon,components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:n.ComponentClassName.CheckboxInput,components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:n.ComponentClassName.CheckboxLabel,components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:n.ComponentClassName.CheckboxField,components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:n.ComponentClassName.Collection,components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:n.ComponentClassName.CollectionItems,components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:n.ComponentClassName.CollectionSearch,components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:n.ComponentClassName.CollectionPagination,components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:n.ComponentClassName.CountryCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},DialCodeSelect:{className:n.ComponentClassName.DialCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},Divider:{className:n.ComponentClassName.Divider,components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:n.ComponentClassName.DividerLabel,components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:n.ComponentClassName.Expander,components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:n.ComponentClassName.ExpanderContent,components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:n.ComponentClassName.ExpanderContentText,components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:n.ComponentClassName.ExpanderHeader,components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:n.ComponentClassName.ExpanderIcon,components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:n.ComponentClassName.ExpanderItem,components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:n.ComponentClassName.ExpanderTrigger,components:["Expander"],description:"Expander item trigger(button)"},Field:{className:n.ComponentClassName.Field},FieldDescription:{className:n.ComponentClassName.FieldDescription},FieldErrorMessage:{className:n.ComponentClassName.FieldErrorMessage},FieldGroup:{className:n.ComponentClassName.FieldGroup},FieldGroupControl:{className:n.ComponentClassName.FieldGroupControl},FieldGroupOuterEnd:{className:n.ComponentClassName.FieldGroupOuterEnd},FieldGroupOuterStart:{className:n.ComponentClassName.FieldGroupOuterStart},FieldGroupInnerEnd:{className:n.ComponentClassName.FieldGroupInnerEnd},FieldGroupInnerStart:{className:n.ComponentClassName.FieldGroupInnerStart},FieldGroupIcon:{className:n.ComponentClassName.FieldGroupIcon},FieldGroupIconButton:{className:n.ComponentClassName.FieldGroupIconButton},FieldGroupHasInnerEnd:{className:n.ComponentClassName.FieldGroupHasInnerEnd},FieldGroupHasInnerStart:{className:n.ComponentClassName.FieldGroupHasInnerStart},FieldShowPassword:{className:n.ComponentClassName.FieldShowPassword},FieldGroupFieldWrapper:{className:n.ComponentClassName.FieldGroupFieldWrapper},Flex:{className:n.ComponentClassName.Flex,components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:n.ComponentClassName.Grid,components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:n.ComponentClassName.Heading,components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:n.ComponentClassName.Icon,components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:n.ComponentClassName.Image,components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:n.ComponentClassName.Input},Label:{className:n.ComponentClassName.Label},Link:{className:n.ComponentClassName.Link,components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:n.ComponentClassName.Loader,components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:n.ComponentClassName.LoaderDeterminate,components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:n.ComponentClassName.LoaderPercentageText,components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:n.ComponentClassName.MenuContent,components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:n.ComponentClassName.MenuItem,components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:n.ComponentClassName.MenuTrigger,components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:n.ComponentClassName.Pagination,components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:n.ComponentClassName.PaginationItemButton,components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:n.ComponentClassName.PaginationItemCurrent,components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:n.ComponentClassName.PaginationItemEllipsis,components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:n.ComponentClassName.PasswordField,components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:n.ComponentClassName.PhoneNumberField,components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:n.ComponentClassName.Placeholder,components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:n.ComponentClassName.Radio,components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:n.ComponentClassName.RadioButton,components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:n.ComponentClassName.RadioInput,components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:n.ComponentClassName.RadioLabel,components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:n.ComponentClassName.RadioGroupField,components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:n.ComponentClassName.RadioGroup,components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:n.ComponentClassName.Rating,components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:n.ComponentClassName.ScrollView,components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:n.ComponentClassName.SearchField,components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:n.ComponentClassName.SearchFieldClear,components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:n.ComponentClassName.SearchFieldSearch,components:["SearchField"],description:"Class applied to the search button"},Select:{className:n.ComponentClassName.Select,components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:n.ComponentClassName.SelectField,components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:n.ComponentClassName.SelectWrapper,components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:n.ComponentClassName.SelectIconWrapper,components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:n.ComponentClassName.SliderField,components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:n.ComponentClassName.SliderFieldGroup,components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:n.ComponentClassName.SliderFieldLabel,components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:n.ComponentClassName.SliderFieldRange,components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:n.ComponentClassName.SliderFieldRoot,components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:n.ComponentClassName.SliderFieldThumb,components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:n.ComponentClassName.SliderFieldTrack,components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:n.ComponentClassName.StepperField,components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:n.ComponentClassName.StepperFieldButtonDecrease,components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:n.ComponentClassName.StepperFieldButtonIncrease,components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:n.ComponentClassName.StepperFieldInput,components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:n.ComponentClassName.SwitchField,components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:n.ComponentClassName.SwitchLabel,components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:n.ComponentClassName.SwitchThumb,components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:n.ComponentClassName.SwitchTrack,components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:n.ComponentClassName.SwitchWrapper,components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:n.ComponentClassName.Table,components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:n.ComponentClassName.TableCaption,components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:n.ComponentClassName.TableBody,components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:n.ComponentClassName.TableTd,components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:n.ComponentClassName.TableTh,components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:n.ComponentClassName.TableFoot,components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:n.ComponentClassName.TableHead,components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:n.ComponentClassName.TableRow,components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:n.ComponentClassName.Tabs,components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:n.ComponentClassName.TabItems,components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:n.ComponentClassName.Text,components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:n.ComponentClassName.Textarea,components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:n.ComponentClassName.TextAreaField,components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:n.ComponentClassName.TextField,components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:n.ComponentClassName.ToggleButton,components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:n.ComponentClassName.ToggleButtonGroup,components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:n.ComponentClassName.VisuallyHidden,components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},d={Alert:m.Alert.className,AlertIcon:m.AlertIcon.className,AlertHeading:m.AlertHeading.className,AlertBody:m.AlertBody.className,AlertDismiss:m.AlertDismiss.className,Badge:m.Badge.className,Button:m.Button.className,ButtonGroup:m.ButtonGroup.className,ButtonLoaderWrapper:m.ButtonLoaderWrapper.className,Card:m.Card.className,Checkbox:m.Checkbox.className,CheckboxButton:m.CheckboxButton.className,CheckboxIcon:m.CheckboxIcon.className,CheckboxInput:m.CheckboxInput.className,CheckboxLabel:m.CheckboxLabel.className,CheckboxField:m.CheckboxField.className,Collection:m.Collection.className,CollectionItems:m.CollectionItems.className,CollectionSearch:m.CollectionSearch.className,CollectionPagination:m.CollectionPagination.className,CountryCodeSelect:m.CountryCodeSelect.className,DialCodeSelect:m.DialCodeSelect.className,Divider:m.Divider.className,DividerLabel:m.DividerLabel.className,Expander:m.Expander.className,ExpanderContent:m.ExpanderContent.className,ExpanderContentText:m.ExpanderContentText.className,ExpanderHeader:m.ExpanderHeader.className,ExpanderIcon:m.ExpanderIcon.className,ExpanderItem:m.ExpanderItem.className,ExpanderTrigger:m.ExpanderTrigger.className,Field:m.Field.className,FieldDescription:m.FieldDescription.className,FieldErrorMessage:m.FieldErrorMessage.className,FieldGroup:m.FieldGroup.className,FieldGroupControl:m.FieldGroupControl.className,FieldGroupOuterEnd:m.FieldGroupOuterEnd.className,FieldGroupOuterStart:m.FieldGroupOuterStart.className,FieldGroupInnerEnd:m.FieldGroupInnerEnd.className,FieldGroupInnerStart:m.FieldGroupInnerStart.className,FieldGroupIcon:m.FieldGroupIcon.className,FieldGroupIconButton:m.FieldGroupIconButton.className,FieldGroupHasInnerEnd:m.FieldGroupHasInnerEnd.className,FieldGroupHasInnerStart:m.FieldGroupHasInnerStart.className,FieldShowPassword:m.FieldShowPassword.className,FieldGroupFieldWrapper:m.FieldGroupFieldWrapper.className,Flex:m.Flex.className,Grid:m.Grid.className,Heading:m.Heading.className,Icon:m.Icon.className,Image:m.Image.className,Input:m.Input.className,Label:m.Label.className,Link:m.Link.className,Loader:m.Loader.className,LoaderDeterminate:m.LoaderDeterminate.className,LoaderPercentageText:m.LoaderPercentageText.className,MenuContent:m.MenuContent.className,MenuItem:m.MenuItem.className,MenuTrigger:m.MenuTrigger.className,Pagination:m.Pagination.className,PaginationItemButton:m.PaginationItemButton.className,PaginationItemCurrent:m.PaginationItemCurrent.className,PaginationItemEllipsis:m.PaginationItemEllipsis.className,PasswordField:m.PasswordField.className,PhoneNumberField:m.PhoneNumberField.className,Placeholder:m.Placeholder.className,Radio:m.Radio.className,RadioButton:m.RadioButton.className,RadioInput:m.RadioInput.className,RadioLabel:m.RadioLabel.className,RadioGroupField:m.RadioGroupField.className,RadioGroup:m.RadioGroup.className,Rating:m.Rating.className,ScrollView:m.ScrollView.className,SearchField:m.SearchField.className,SearchFieldClear:m.SearchFieldClear.className,SearchFieldSearch:m.SearchFieldSearch.className,Select:m.Select.className,SelectField:m.SelectField.className,SelectWrapper:m.SelectWrapper.className,SelectIconWrapper:m.SelectIconWrapper.className,SliderField:m.SliderField.className,SliderFieldGroup:m.SliderFieldGroup.className,SliderFieldLabel:m.SliderFieldLabel.className,SliderFieldRange:m.SliderFieldRange.className,SliderFieldRoot:m.SliderFieldRoot.className,SliderFieldThumb:m.SliderFieldThumb.className,SliderFieldTrack:m.SliderFieldTrack.className,StepperField:m.StepperField.className,StepperFieldButtonDecrease:m.StepperFieldButtonDecrease.className,StepperFieldButtonIncrease:m.StepperFieldButtonIncrease.className,StepperFieldInput:m.StepperFieldInput.className,SwitchField:m.SwitchField.className,SwitchLabel:m.SwitchLabel.className,SwitchThumb:m.SwitchThumb.className,SwitchTrack:m.SwitchTrack.className,SwitchWrapper:m.SwitchWrapper.className,Table:m.Table.className,TableCaption:m.TableCaption.className,TableBody:m.TableBody.className,TableTd:m.TableTd.className,TableTh:m.TableTh.className,TableFoot:m.TableFoot.className,TableHead:m.TableHead.className,TableRow:m.TableRow.className,Tabs:m.Tabs.className,TabItems:m.TabItems.className,Text:m.Text.className,Textarea:m.Textarea.className,TextAreaField:m.TextAreaField.className,TextField:m.TextField.className,ToggleButton:m.ToggleButton.className,ToggleButtonGroup:m.ToggleButtonGroup.className,VisuallyHidden:m.VisuallyHidden.className},h={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"},C=e=>"string"==typeof e&&0===e.length,u=e=>null==e||C(e),g=(e,t)=>{if("string"!=typeof t)return t;if(t.includes(" "))return t.split(" ").map((t=>g(e,t))).join(" ");const a=t.split("."),o=h[e];let s=n.defaultTheme.tokens[o];for(let e=0;e<a.length&&s;e++)s=s[a[e]];return n.isDesignToken(s)?`var(--${n.cssNameTransform({path:[h[e],...a]})})`:t},N=({breakpoint:e,breakpoints:t,propKey:a,values:o})=>{if(n.isDesignToken(o))return o.toString();if("object"!=typeof o)return g(a,o);let s={};const l=Object.keys(t).sort(((e,a)=>t[e]-t[a]));return Array.isArray(o)?o.map(((e,t)=>{s[l[t]]=e})):s=o,(({breakpoint:e,breakpoints:t,propKey:a,values:o})=>{if(void 0!==o[e]){const t=o[e];return n.isDesignToken(t)?t.toString():g(a,t)}const s=Object.keys(t).sort(((e,a)=>t[a]-t[e])),l=s.slice(s.indexOf(e));for(const e of l)if(void 0!==o[e]){const t=o[e];return n.isDesignToken(t)?t.toString():g(a,t)}return null})({breakpoint:e,breakpoints:t,propKey:a,values:s})},w="undefined"==typeof window?i.useEffect:i.useLayoutEffect,b=({breakpoints:e,defaultBreakpoint:t})=>{const a="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,n=i.useMemo((()=>(({breakpoints:e})=>{const t=Object.keys(e).sort(((t,a)=>e[a]-e[t]));return t.map(((a,n)=>{let o="";const s=e[a],l=t[n-1],i=l?e[l]-1:null;return s>=0&&(o=`(min-width: ${s}px)`),null!==i&&(o&&(o+=" and "),o+=`(max-width: ${i}px)`),{breakpoint:a,query:o,maxWidth:i,minWidth:s}}))})({breakpoints:e})),[e]),[o,s]=i.useState(t),l=i.useCallback(((e,t)=>{e&&s(t)}),[s]);return w((()=>{if(!a)return;const e=n.map((({query:e,breakpoint:t})=>{const n=a(e);l(n.matches,t);const o=e=>{e.matches&&s(t)};return n.addEventListener("change",o),()=>n.removeEventListener("change",o)}));return()=>{e.forEach((e=>e()))}}),[e,s,a,n]),i.useDebugValue(o,(e=>e)),o},S=e=>void 0===e||void 0===e.theme?n.createTheme():e.theme,F=()=>{const e=i.useContext(r);return S(e)},x=e=>"auto"===e?"auto":`span ${e}`,T=e=>{if((e=>"auto"===e||"number"==typeof e&&!isNaN(e)||"string"==typeof e&&!isNaN(parseFloat(e)))(e))return x(e);if(Array.isArray(e))return e.map((e=>x(e)));if("object"==typeof e&&null!=e){const t={};return Object.entries(e).forEach((([e,a])=>{t[e]=x(a)})),t}return null},f=(t,a)=>{const{breakpoints:{values:n,defaultBreakpoint:o}}=F(),s=b({breakpoints:n,defaultBreakpoint:o}),l=(t=>{const{rowSpan:a,columnSpan:n,row:o,column:s}=t,l=e.__rest(t,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:r,columnFromSpanValue:p}=i.useMemo((()=>({rowFromSpanValue:T(a),columnFromSpanValue:T(n)})),[a,n]);return Object.assign({row:u(o)?r:o,column:u(s)?p:s},l)})(t);return i.useMemo((()=>(({props:e={},style:t={},breakpoint:a,breakpoints:n})=>{const o={};return Object.keys(e).filter((t=>null!=e[t])).forEach((s=>{if(s in p){if(!C(e[s])){const o=e[s],l=p[s];t=Object.assign(Object.assign({},t),{[l]:N({values:o,breakpoint:a,breakpoints:n,propKey:s})})}}else o[s]=e[s]})),{propStyles:t,nonStyleProps:o}})({props:l,style:a,breakpoint:s,breakpoints:n})),[l,a,n,s])},v={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},I={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlock:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInline:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlock:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInline:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},E=i.forwardRef(((t,a)=>{var{as:n="div",children:o,testId:s,ariaLabel:l,isDisabled:r,style:p}=t,c=e.__rest(t,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:m,nonStyleProps:d}=f(c,p);return i.createElement(n,Object.assign({"aria-label":l,"data-testid":s,disabled:r,ref:a,style:m},d),o)}));E.displayName="View";exports.AmplifyContext=r,exports.ComponentClassNames=d,exports.ComponentClassObject=m,exports.ComponentPropsToStylePropsMap=p,exports.ComponentPropsToStylePropsMapKeys=c,exports.ComponentText={Alert:{dismissButtonLabel:"Dismiss alert"},Collection:{searchButtonLabel:"Search",searchNoResultsFound:"No results found"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Page",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{passwordIsHidden:"Password is hidden",passwordIsShown:"Password is shown",showPassword:"Show password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},exports.IconAdd=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",fill:"currentColor"})))},exports.IconCheck=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z",fill:"currentColor"})))},exports.IconCheckCircle=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",fill:"currentColor"})))},exports.IconChevronLeft=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z",fill:"currentColor"})))},exports.IconChevronRight=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z",fill:"currentColor"})))},exports.IconClose=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:"currentColor"})))},exports.IconError=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z",fill:"currentColor"})))},exports.IconExpandMore=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z",fill:"currentColor"})))},exports.IconIndeterminate=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24"},i.createElement("line",{x1:"4",x2:"20",y1:"12",y2:"12",stroke:"currentColor",strokeWidth:"3"})))},exports.IconInfo=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z",fill:"currentColor"})))},exports.IconMenu=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z",fill:"currentColor"})))},exports.IconRemove=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M19 13H5V11H19V13Z",fill:"currentColor"})))},exports.IconSearch=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14V14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})))},exports.IconStar=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.63L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27Z",fill:"currentColor"})))},exports.IconVisibility=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z",fill:"currentColor"})))},exports.IconVisibilityOff=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 6.0002C15.79 6.0002 19.17 8.1302 20.82 11.5002C20.23 12.7202 19.4 13.7702 18.41 14.6202L19.82 16.0302C21.21 14.8002 22.31 13.2602 23 11.5002C21.27 7.1102 17 4.0002 12 4.0002C10.73 4.0002 9.51 4.2002 8.36 4.5702L10.01 6.2202C10.66 6.0902 11.32 6.0002 12 6.0002ZM10.93 7.14019L13 9.2102C13.57 9.4602 14.03 9.9202 14.28 10.4902L16.35 12.5602C16.43 12.2202 16.49 11.8602 16.49 11.4902C16.5 9.0102 14.48 7.0002 12 7.0002C11.63 7.0002 11.28 7.05019 10.93 7.14019ZM2.01 3.8702L4.69 6.5502C3.06 7.8302 1.77 9.5302 1 11.5002C2.73 15.8902 7 19.0002 12 19.0002C13.52 19.0002 14.98 18.7102 16.32 18.1802L19.74 21.6002L21.15 20.1902L3.42 2.4502L2.01 3.8702ZM9.51 11.3702L12.12 13.9802C12.08 13.9902 12.04 14.0002 12 14.0002C10.62 14.0002 9.5 12.8802 9.5 11.5002C9.5 11.4502 9.51 11.4202 9.51 11.3702V11.3702ZM6.11 7.97019L7.86 9.7202C7.63 10.2702 7.5 10.8702 7.5 11.5002C7.5 13.9802 9.52 16.0002 12 16.0002C12.63 16.0002 13.23 15.8702 13.77 15.6402L14.75 16.6202C13.87 16.8602 12.95 17.0002 12 17.0002C8.21 17.0002 4.83 14.8702 3.18 11.5002C3.88 10.0702 4.9 8.89019 6.11 7.97019Z",fill:"currentColor"})))},exports.IconWarning=t=>{const{className:a}=t,n=e.__rest(t,["className"]);return i.createElement(E,Object.assign({as:"span",width:"1em",height:"1em",className:l.default(d.Icon,a)},n),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z",fill:"currentColor"})))},exports.View=E,exports.classNameModifier=(e,t)=>t?`${e}--${t}`:null,exports.classNameModifierByFlag=(e,t,a)=>a?`${e}--${t}`:null,exports.getConsecutiveIntArray=(e,t)=>{const a=t-e+1;return Array.from({length:a},((t,a)=>a+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(t=e)&&null!==t&&"message"in t&&"string"==typeof t.message)return e;var t;try{return new Error(JSON.stringify(e))}catch(t){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const t=new FormData(e.target);return Object.fromEntries(t)},exports.getThemeFromContext=S,exports.getValueAtCurrentBreakpoint=N,exports.isFunction=e=>"function"==typeof e,exports.splitPrimitiveProps=e=>{const t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(e).forEach((a=>{a in v?t.flexContainerStyleProps[a]=e[a]:a in I?t.baseStyleProps[a]=e[a]:t.rest[a]=e[a]})),t},exports.strHasLength=e=>"string"==typeof e&&e.length>0,exports.useBreakpoint=b,exports.useStyles=f,exports.useTheme=F;
|