@webiny/ui 0.0.0-mt-3 → 0.0.0-unstable.8c4d9f045a

package/AutoComplete/MultiAutoComplete.d.ts

@@ -1,6 +1,10 @@
-import * as React from "react";
+import React from "react";
 import { AutoCompleteBaseProps } from "./types";
-export declare type MultiAutoCompleteProps = AutoCompleteBaseProps & {
+interface SelectionItem {
+    name: string;
+}
+declare type MultiAutoCompletePropsValue = SelectionItem[] | string[];
+export interface MultiAutoCompleteProps extends Omit<AutoCompleteBaseProps, "value"> {
     /**
      * Prevents adding the same item to the list twice.
      */
@@ -21,60 +25,60 @@ export declare type MultiAutoCompleteProps = AutoCompleteBaseProps & {
      * Render list item when `useMultipleSelectionList` is used.
      */
     renderListItemLabel?: Function;
-};
-declare type State = {
+    /**
+     * Render in meta wrapper
+     */
+    renderListItemOptions?: (item: any) => React.ReactNode | null;
+    noResultFound?: React.ReactNode;
+    /**
+     * Value is an array of strings. But can be undefined.
+     */
+    value?: MultiAutoCompletePropsValue;
+}
+interface MultiAutoCompleteState {
     inputValue: string;
     multipleSelectionPage: number;
     multipleSelectionSearch: string;
     reorderFormVisible: string;
     reorderFormValue: string;
-};
-export declare class MultiAutoComplete extends React.Component<MultiAutoCompleteProps, State> {
-    static defaultProps: {
-        valueProp: string;
-        textProp: string;
-        unique: boolean;
-        options: any[];
-        useSimpleValues: boolean;
-        useMultipleSelectionList: boolean;
-        renderItem(item: any): JSX.Element;
-        renderListItemLabel(item: any): any;
-    };
-    state: {
-        inputValue: string;
-        multipleSelectionPage: number;
-        multipleSelectionSearch: string;
-        reorderFormVisible: string;
-        reorderFormValue: string;
-    };
+}
+export declare class MultiAutoComplete extends React.Component<MultiAutoCompleteProps, MultiAutoCompleteState> {
+    static defaultProps: Partial<MultiAutoCompleteProps>;
+    state: MultiAutoCompleteState;
     /**
      * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.
      */
-    downshift: any;
-    assignedValueAfterClearing: {
-        set: boolean;
-        selection: any;
-    };
-    setMultipleSelectionPage: (multipleSelectionPage: any) => void;
-    setMultipleSelectionSearch: (multipleSelectionSearch: any) => void;
+    private downshift;
+    private assignedValueAfterClearing;
+    setMultipleSelectionPage: (multipleSelectionPage: number) => void;
+    setMultipleSelectionSearch: (multipleSelectionSearch: string) => void;
     getOptions(): any[];
     /**
      * Renders options - based on user's input. It will try to match input text with available options.
-     * @param options
-     * @param isOpen
-     * @param highlightedIndex
-     * @param selectedItem
-     * @param getMenuProps
-     * @param getItemProps
-     * @returns {*}
      */
-    renderOptions({ options, isOpen, highlightedIndex, getMenuProps, getItemProps }: any): JSX.Element;
+    private renderOptions;
+    paginateMultipleSelection(): {
+        data: {
+            option: string | SelectionItem;
+            index: number;
+        }[];
+        meta: {
+            hasData: boolean;
+            totalCount: number;
+            from: number;
+            to: number;
+            page: number;
+            lastPage: number;
+            limit: number;
+            hasPrevious: boolean;
+            hasNext: boolean;
+        };
+    };
     /**
      * Once added, items can also be removed by clicking on the ✕ icon. This is the method that is responsible for
      * rendering selected items (we are using already existing "Chips" component).
-     * @returns {*}
      */
-    renderMultipleSelection(): JSX.Element;
+    renderMultipleSelection(): JSX.Element | null;
     render(): JSX.Element;
 }
 export {};