@digigov/ui 2.0.0-cbc56209 → 2.0.0-fec6f1f7

package/form/AutoComplete/index.d.ts

@@ -5,10 +5,13 @@ import AutoCompleteInput from '@digigov/react-core/AutoCompleteInput';
 import AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';
 import AutoCompleteResultList from '@digigov/react-core/AutoCompleteResultList';
 import AutoCompleteResultListItem from '@digigov/react-core/AutoCompleteResultListItem';
-import AutoCompleteWrapper from '@digigov/react-core/AutoCompleteWrapper';
+import AutoCompleteContainer from '@digigov/react-core/AutoCompleteContainer';
+import AutoCompleteMultipleInputContainer from '@digigov/react-core/AutoCompleteMultipleInputContainer';
+import AutoCompleteMultipleInput from '@digigov/react-core/AutoCompleteMultipleInput';
 export interface AutoCompleteProps {
     source: (query: string, syncResults: (options: string[]) => void) => void;
     id: string;
+    multiple?: boolean;
     tStatusResults?: (x: number, y: string) => string;
     tStatusNoResults?: () => string;
     tStatusQueryTooShort?: (x: number) => string;
@@ -16,22 +19,19 @@ export interface AutoCompleteProps {
     tNoResults?: () => string;
     tAssistiveHint?: () => string;
     templates?: {
-        suggestion?: (value: any) => any;
+        suggestion?: (value: any, query: string | string[]) => any;
         inputValue?: (value: any) => string;
     };
     width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
     autoselect?: boolean;
-    defaultValue?: string;
-    displayMenu?: 'overlay' | 'inline';
+    defaultValue?: string | string[];
     minLength?: number;
     name?: string;
     placeholder?: string;
     onConfirm?: (x: any) => void;
     confirmOnBlur?: boolean;
-    showNoOptionsFound?: boolean;
-    showAllValues?: boolean;
     required?: boolean;
-    dropdownArrow?: React.ElementType;
+    numberOfSelected?: 1 | 2 | 3 | 'all';
 }
 export type State = {
     focused: any;
@@ -39,6 +39,7 @@ export type State = {
     menuOpen: boolean;
     options: string[];
     query: string;
+    selectedValues: string[];
     validChoiceMade: boolean;
     selected: any;
     ariaHint: boolean;
@@ -51,36 +52,28 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     static defaultProps: {
         width: string;
         autoselect: boolean;
-        defaultValue: string;
-        displayMenu: string;
         minLength: number;
         name: string;
         placeholder: string;
         onConfirm: () => void;
         confirmOnBlur: boolean;
-        showNoOptionsFound: boolean;
-        showAllValues: boolean;
         required: boolean;
         tNoResults: () => string;
         tAssistiveHint: () => string;
-        dropdownArrow: (props: any) => JSX.Element;
     };
     elementReferences: {};
     $pollInput: any;
     constructor(props: AutoCompleteProps);
     isQueryAnOption(query: string, options: string[]): boolean;
     componentDidMount(): void;
-    componentWillUnmount(): void;
-    pollInputElement(): void;
     getDirectInputChanges(): void;
     componentDidUpdate(_: any, prevState: Readonly<State>): void;
     hasAutoselect(): boolean;
     templateInputValue(value: string): string;
     templateSuggestion(value: string): string;
-    handleComponentBlur(newState: NewQueryProps): void;
+    handleComponentBlur(newState?: NewQueryProps): void;
     handleListMouseLeave(): void;
-    handleOptionBlur(event: React.FocusEvent<HTMLLIElement>, index: number): void;
-    handleInputBlur(): void;
+    handleAutoCompleteBlur(event: any, index?: number): void;
     handleInputChange(event: {
         target: any;
     }): void;
@@ -88,6 +81,7 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     handleInputFocus(): void;
     handleOptionFocus(index: number): void;
     handleOptionMouseEnter(index: number): void;
+    handleOptionClickMultiple(index: number): void;
     handleOptionClick(index: number): void;
     handleOptionMouseDown(event: {
         preventDefault: () => void;
@@ -114,4 +108,4 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     }): void;
     render(): JSX.Element;
 }
-export { AutoComplete, AutoCompleteInput, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteWrapper, AutoCompleteAssistiveHint, };
+export { AutoComplete, AutoCompleteInput, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteContainer, AutoCompleteAssistiveHint, AutoCompleteMultipleInputContainer, AutoCompleteMultipleInput, };