@clayui/autocomplete - npm Package Compare versions

Comparing version 3.0.0-milestone.1 to 3.0.0-milestone.2

lib/clay-autocomplete/src/Context.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 }
-declare const _default: React.Context<IContext>;
-export default _default;
+declare const context: React.Context<IContext>;
+export default context;

lib/clay-autocomplete/src/DropDown.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 }
-declare const DropDown: React.FunctionComponent<IProps>;
-export default DropDown;
+declare const ClayAutocompleteDropDown: React.FunctionComponent<IProps>;
+export default ClayAutocompleteDropDown;

lib/clay-autocomplete/src/Input.d.ts

@@ -5,3 +5,3 @@ import ClayForm from '@clayui/form';
 }
-declare const Input: React.ForwardRefExoticComponent<Pick<IProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "key" | "children" | "list" | "step" | "className" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "height" | "min" | "width" | "component" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "maxLength" | "minLength" | "readOnly" | "src"> & React.RefAttributes<HTMLInputElement>>;
-export default Input;
+declare const ClayAutocompleteInput: React.ForwardRefExoticComponent<Pick<IProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "key" | "children" | "list" | "step" | "className" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "height" | "min" | "width" | "checked" | "accept" | "alt" | "autoComplete" | "capture" | "crossOrigin" | "maxLength" | "minLength" | "readOnly" | "src" | "component"> & React.RefAttributes<HTMLInputElement>>;
+export default ClayAutocompleteInput;

lib/clay-autocomplete/src/Item.d.ts

 import ClayDropDown from '@clayui/drop-down';
 import React from 'react';
 interface IProps extends React.ComponentProps<typeof ClayDropDown.Item> {
-    match: string;
+    forwardRef?: React.Ref<HTMLLIElement>;
+    innerRef?: React.Ref<HTMLAnchorElement>;
+    match?: string;
     value: string;
 }
-declare const Item: React.FunctionComponent<IProps>;
-export default Item;
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<IProps, "match" | "active" | "disabled" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "key" | "ref" | "children" | "className" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "spritemap" | "href" | "innerRef" | "symbolLeft" | "symbolRight">, "match" | "active" | "disabled" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "key" | "children" | "className" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "spritemap" | "href" | "innerRef" | "symbolLeft" | "symbolRight"> & React.RefAttributes<HTMLLIElement>>;
+export default _default;

lib/clay-autocomplete/src/LoadingIndicator.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 }
-declare const LoadingIndicator: React.FunctionComponent<IProps>;
-export default LoadingIndicator;
+declare const ClayAutocompleteLoadingIndicator: React.FunctionComponent<IProps>;
+export default ClayAutocompleteLoadingIndicator;

lib/clay-button/src/Group.d.ts

 import React from 'react';
-export interface IButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+interface IButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     spaced?: boolean;
 }
-export declare const ClayButtonGroup: React.FunctionComponent<IButtonGroupProps>;
+declare const ClayButtonGroup: React.FunctionComponent<IButtonGroupProps>;
+export default ClayButtonGroup;

lib/clay-button/src/index.d.ts

@@ -1,14 +0,4 @@
-import React from 'react';
-import { IButtonGroupProps } from './Group';
-export declare type DisplayType = 'primary' | 'secondary' | 'link' | 'unstyled';
-interface IProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    block?: boolean;
-    displayType?: DisplayType;
-    monospaced?: boolean;
-    small?: boolean;
-}
-interface IClayButton extends React.FunctionComponent<IProps> {
-    Group: React.FunctionComponent<IButtonGroupProps>;
-}
-declare const ClayButton: IClayButton;
-export default ClayButton;
+import Button from './Button';
+import ClayButtonWithIcon from './ButtonWithIcon';
+export { ClayButtonWithIcon };
+export default Button;

lib/clay-drop-down/src/Action.d.ts

 import React from 'react';
-declare const DropDownAction: React.FunctionComponent<React.HTMLAttributes<HTMLButtonElement>>;
-export default DropDownAction;
+declare const ClayDropDownAction: React.FunctionComponent<React.HTMLAttributes<HTMLButtonElement>>;
+export default ClayDropDownAction;

lib/clay-drop-down/src/Caption.d.ts

 import React from 'react';
-declare const DropDownCaption: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
-export default DropDownCaption;
+declare const ClayDropDownCaption: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
+export default ClayDropDownCaption;

lib/clay-drop-down/src/Divider.d.ts

 import React from 'react';
-declare const Divider: React.FunctionComponent<React.HTMLAttributes<HTMLLIElement>>;
-export default Divider;
+declare const ClayDropDownDivider: React.FunctionComponent<React.HTMLAttributes<HTMLLIElement>>;
+export default ClayDropDownDivider;

lib/clay-drop-down/src/Group.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 }
-declare const DropDownGroup: React.FunctionComponent<IProps>;
-export default DropDownGroup;
+declare const ClayDropDownGroup: React.FunctionComponent<IProps>;
+export default ClayDropDownGroup;

lib/clay-drop-down/src/Help.d.ts

 import React from 'react';
-declare const DropDownHelp: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
-export default DropDownHelp;
+declare const ClayDropDownHelp: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
+export default ClayDropDownHelp;

lib/clay-drop-down/src/hooks.d.ts

 import React from 'react';
-export declare function useDropdownCloseInteractions(nodeRefs: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[], setActive: (val: boolean) => void): void;
+export declare function useDropdownCloseInteractions(nodeRefs: React.RefObject<HTMLElement> | Array<React.RefObject<HTMLElement>>, setActive: (val: boolean) => void): void;

lib/clay-drop-down/src/index.d.ts

@@ -1,32 +0,4 @@
-import Action from './Action';
-import Caption from './Caption';
-import Divider from './Divider';
-import Group from './Group';
-import Help from './Help';
-import Item from './Item';
-import ItemList from './ItemList';
-import Menu, { Align } from './Menu';
-import React from 'react';
-import Search from './Search';
-interface IProps extends React.HTMLAttributes<HTMLDivElement | HTMLLIElement> {
-    active: boolean;
-    alignmentPosition?: number;
-    containerElement?: 'div' | 'li';
-    hasRightSymbols?: boolean;
-    hasLeftSymbols?: boolean;
-    onActiveChange: (val: boolean) => void;
-    trigger: React.ReactElement;
-}
-declare const ClayDropDown: React.FunctionComponent<IProps> & {
-    Action: typeof Action;
-    Caption: typeof Caption;
-    Divider: typeof Divider;
-    Group: typeof Group;
-    Help: typeof Help;
-    Item: typeof Item;
-    ItemList: typeof ItemList;
-    Menu: typeof Menu;
-    Search: typeof Search;
-};
-export { Align };
+import ClayDropDown, { Align } from './DropDown';
+import { ClayDropDownWithBasicItems } from './DropDownWithBasicItems';
+export { Align, ClayDropDownWithBasicItems };
 export default ClayDropDown;

lib/clay-drop-down/src/Item.d.ts

@@ -5,3 +5,5 @@ import React from 'react';
     disabled?: boolean;
+    forwardRef?: React.Ref<HTMLLIElement>;
     href?: string;
+    innerRef?: React.Ref<any>;
     spritemap?: string;
@@ -11,3 +13,3 @@ symbolLeft?: string;
 }
-declare const DropDownItem: React.FunctionComponent<IProps>;
-export default DropDownItem;
+declare const _default: React.ForwardRefExoticComponent<Pick<IProps, "active" | "disabled" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "className" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "spritemap" | "href" | "innerRef" | "symbolLeft" | "symbolRight"> & React.RefAttributes<HTMLLIElement>>;
+export default _default;

lib/clay-drop-down/src/ItemList.d.ts

 import React from 'react';
-declare const DropDownItemList: React.FunctionComponent<React.HTMLAttributes<HTMLUListElement>>;
-export default DropDownItemList;
+declare const ClayDropDownItemList: React.FunctionComponent<React.HTMLAttributes<HTMLUListElement>>;
+export default ClayDropDownItemList;

lib/clay-drop-down/src/Menu.d.ts

@@ -12,4 +12,4 @@ import React from 'react';
 }
-declare const DropDownMenu: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
+declare const ClayDropDownMenu: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
 export { Align };
-export default DropDownMenu;
+export default ClayDropDownMenu;

lib/clay-drop-down/src/Search.d.ts

 import React from 'react';
 interface IProps extends React.HTMLAttributes<HTMLInputElement> {
     onChange: (event: React.FormEvent<HTMLInputElement>) => void;
-    spritemap: string;
+    spritemap?: string;
     value: React.ReactText;
 }
-declare const DropDownSearch: React.FunctionComponent<IProps>;
-export default DropDownSearch;
+declare const ClayDropDownSearch: React.FunctionComponent<IProps>;
+export default ClayDropDownSearch;

lib/clay-form/src/index.d.ts

 import * as React from 'react';
+import Checkbox from './Checkbox';
 import Input from './Input';
+import MultiSelect from './MultiSelect';
+import Radio from './Radio';
+import RadioGroup from './RadioGroup';
 declare const ClayForm: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>> & {
+    Checkbox: typeof Checkbox;
     Input: typeof Input;
+    MultiSelect: typeof MultiSelect;
+    Radio: typeof Radio;
+    RadioGroup: typeof RadioGroup;
 };
+export { ClayInputWithAutocomplete } from './InputWithAutocomplete';
 export default ClayForm;

lib/clay-form/src/Input.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 }
-declare const Input: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLInputElement>>;
-export default Input;
+declare const ClayFormInput: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLInputElement>>;
+export default ClayFormInput;

lib/clay-shared/src/index.d.ts

@@ -1,4 +0,8 @@
-import Portal from './Portal';
-import useTransitionHeight from './useTransitionHeight';
+export declare const noop: () => void;
+export { ClayPortal } from './Portal';
+export { getEllipsisItems } from './getEllipsisItems';
 export { useDebounce } from './useDebounce';
-export { Portal, useTransitionHeight };
+export { useKeyHandlerForList } from './useKeyHandlerForList';
+export { useTransitionHeight } from './useTransitionHeight';
+export { useFocusManagement } from './useFocusManagement';
+export { sub } from './sub';

lib/clay-shared/src/Portal.d.ts

 import React from 'react';
-declare const Portal: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
-export default Portal;
+export declare const ClayPortal: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;

lib/clay-shared/src/useDebounce.d.ts

@@ -1,2 +0,1 @@
-declare const useDebounce: (value: any, delay: number) => any;
-export { useDebounce };
+export declare function useDebounce(value: any, delay: number): any;

lib/clay-shared/src/useTransitionHeight.d.ts

 /// <reference types="react" />
-declare function useTransitionHeight(visible: Boolean, setVisible: any, contentRef: React.RefObject<any>): [Boolean, (event: import("react").TransitionEvent<Element>) => void, (event: MouseEvent | import("react").MouseEvent<Element, MouseEvent>) => void];
-export default useTransitionHeight;
+export declare function useTransitionHeight(visible: boolean, setVisible: any, contentRef: React.RefObject<any>): [boolean, (event: import("react").TransitionEvent<Element>) => void, (event: MouseEvent | import("react").MouseEvent<Element, MouseEvent>) => void];

lib/Context.js

@@ -17,4 +17,6 @@ "use strict";
  */
-var _default = _react.default.createContext({});
+var context = _react.default.createContext({});
 
+context.displayName = 'ClayAutocompleteContext';
+var _default = context;
 exports.default = _default;

lib/DropDown.js

@@ -23,3 +23,3 @@ "use strict";
  */
-var DropDown = function DropDown(_ref) {
+var ClayAutocompleteDropDown = function ClayAutocompleteDropDown(_ref) {
   var _ref$active = _ref.active,
@@ -56,3 +56,3 @@ active = _ref$active === void 0 ? false : _ref$active,
 
-var _default = DropDown;
+var _default = ClayAutocompleteDropDown;
 exports.default = _default;

lib/Input.js

@@ -26,3 +26,3 @@ "use strict";
 
-var Input = _react.default.forwardRef(function (_ref, ref) {
+var ClayAutocompleteInput = _react.default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -42,3 +42,3 @@ othersProps = _objectWithoutProperties(_ref, ["className"]);
 
-var _default = Input;
+var _default = ClayAutocompleteInput;
 exports.default = _default;

lib/Item.js

@@ -16,2 +16,4 @@ "use strict";
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -26,12 +28,19 @@
 
-var Item = function Item(_ref) {
-  var match = _ref.match,
+var ClayAutocompleteItem = function ClayAutocompleteItem(_ref) {
+  var forwardRef = _ref.forwardRef,
+      innerRef = _ref.innerRef,
+      _ref$match = _ref.match,
+      match = _ref$match === void 0 ? '' : _ref$match,
       value = _ref.value,
-      otherProps = _objectWithoutProperties(_ref, ["match", "value"]);
+      otherProps = _objectWithoutProperties(_ref, ["forwardRef", "innerRef", "match", "value"]);
 
-  var fuzzyMatchResult = _fuzzy.default.match(match, value, optionsFuzzy);
+  var fuzzyMatch = _fuzzy.default.match(match, value, optionsFuzzy);
 
-  return _react.default.createElement(_dropDown.default.Item, otherProps, fuzzyMatchResult ? _react.default.createElement("div", {
+  return _react.default.createElement(_dropDown.default.Item, _extends({}, otherProps, {
+    innerRef: innerRef,
+    ref: forwardRef,
+    tabIndex: -1
+  }), match && fuzzyMatch ? _react.default.createElement("div", {
     dangerouslySetInnerHTML: {
-      __html: fuzzyMatchResult.rendered
+      __html: fuzzyMatch.rendered
     }
@@ -41,3 +50,8 @@ }) : value);
 
-var _default = Item;
+var _default = _react.default.forwardRef(function (props, ref) {
+  return _react.default.createElement(ClayAutocompleteItem, _extends({}, props, {
+    forwardRef: ref
+  }));
+});
+
 exports.default = _default;

lib/LoadingIndicator.js

@@ -38,3 +38,3 @@ "use strict";
 
-var LoadingIndicator = function LoadingIndicator(_ref2) {
+var ClayAutocompleteLoadingIndicator = function ClayAutocompleteLoadingIndicator(_ref2) {
   var className = _ref2.className,
@@ -61,3 +61,3 @@ _ref2$component = _ref2.component,
 
-var _default = LoadingIndicator;
+var _default = ClayAutocompleteLoadingIndicator;
 exports.default = _default;

package.json

 {
 	"name": "@clayui/autocomplete",
-	"version": "3.0.0-milestone.1",
+	"version": "3.0.0-milestone.2",
 	"description": "ClayAutocomplete component",
@@ -21,3 +21,3 @@ "license": "BSD-3-Clause",
 		"build:types": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
-		"prepublishOnly": "npm run build && npm run build:types",
+		"prepublishOnly": "yarn build && yarn build:types",
 		"test": "jest --config ../../jest.config.js"
@@ -30,5 +30,5 @@ },
 	"dependencies": {
-		"@clayui/drop-down": "^3.0.0-milestone.1",
-		"@clayui/form": "^3.0.0-milestone.1",
-		"@clayui/loading-indicator": "^3.0.0-milestone.1",
+		"@clayui/drop-down": "^3.0.0-milestone.2",
+		"@clayui/form": "^3.0.0-milestone.2",
+		"@clayui/loading-indicator": "^3.0.0-milestone.2",
 		"classnames": "^2.2.6",
@@ -38,5 +38,5 @@ "fuzzy": "^0.1.3"
 	"devDependencies": {
-		"@clayui/data-provider": "^3.0.0-milestone.1",
-		"@clayui/shared": "^3.0.0-milestone.1",
-		"@clayui/css": "^3.0.0-milestone.1"
+		"@clayui/css": "^3.0.0-milestone.2",
+		"@clayui/data-provider": "^3.0.0-milestone.2",
+		"@clayui/shared": "^3.0.0-milestone.2"
 	},
@@ -49,3 +49,4 @@ "peerDependencies": {
 		"extends browserslist-config-clay"
-	]
+	],
+	"gitHead": "182d0565a7d2fea244023b6deea572b5018653e5"
 }

src/Context.ts

@@ -27,2 +27,6 @@ /**
 
-export default React.createContext({} as IContext);
+const context = React.createContext({} as IContext);
+
+context.displayName = 'ClayAutocompleteContext';
+
+export default context;

No alert changes

Improved metrics

Total package byte prevSize

67194

increased by64.11%

Number of package files

57

increased by32.56%

Lines of code

1069

increased by29.11%

Dependency changes

• Updated@clayui/drop-down@^3.0.0-milestone.2

• Updated@clayui/form@^3.0.0-milestone.2

• Updated@clayui/loading-indicator@^3.0.0-milestone.2