@webiny/ui 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/AutoComplete/MultiAutoComplete.d.ts

@@ -1,14 +1,14 @@
 import React from "react";
-import { AutoCompleteBaseProps } from "./types";
+import type { AutoCompleteBaseProps } from "./types";
 interface SelectionItem {
     name: string;
 }
-declare type MultiAutoCompletePropsValue = SelectionItem[] | string[];
+type MultiAutoCompletePropsValue = SelectionItem[] | string[];
 export interface MultiAutoCompleteProps extends Omit<AutoCompleteBaseProps, "value"> {
     /**
      * Prevents adding the same item to the list twice.
      */
-    unique: boolean;
+    unique?: boolean;
     /**
      * Set if custom values (not from list of suggestions) are allowed.
      */
@@ -17,6 +17,10 @@ export interface MultiAutoCompleteProps extends Omit<AutoCompleteBaseProps, "val
      *  If true, will show a loading spinner on the right side of the input.
      */
     loading?: boolean;
+    /**
+     * Use custom renderer for selected items.
+     */
+    renderMultipleSelection?: ((items: any, index: number) => React.ReactNode | null) | null;
     /**
      * Use data list instead of default Chips component. Useful when expecting a lot of data.
      */
@@ -24,61 +28,27 @@ export interface MultiAutoCompleteProps extends Omit<AutoCompleteBaseProps, "val
     /**
      * Render list item when `useMultipleSelectionList` is used.
      */
-    renderListItemLabel?: Function;
+    renderListItemLabel?: (item: any) => React.ReactNode;
     /**
      * Render in meta wrapper
      */
     renderListItemOptions?: (item: any) => React.ReactNode | null;
+    /**
+     *  A component that renders supporting UI in case of no result found.
+     */
     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, 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.
-     */
-    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.
-     */
-    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).
+     * Indicates if the reset action should be displayed.
      */
-    renderMultipleSelection(): JSX.Element | null;
-    render(): JSX.Element;
+    displayResetAction?: boolean;
 }
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `MultiAutoComplete` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const MultiAutoComplete: ({ onChange, value, valueProp, textProp, renderItem, noResultFound, useSimpleValues, loading, allowFreeInput, unique, renderMultipleSelection, onInput, ...props }: MultiAutoCompleteProps) => React.JSX.Element;
 export {};