tembro 2.0.3 → 2.0.5

package/dist/components/inputs/async-select.d.ts

@@ -22,6 +22,7 @@ export type AsyncSelectRenderState<TValue extends string = string, TData = unkno
 export type AsyncSelectStateRenderer<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = (state: AsyncSelectRenderState<TValue, TData, TOption>) => React.ReactNode;
 export type AsyncSelectLabels = {
     placeholder?: string;
+    multiPlaceholder?: string;
     searchPlaceholder?: string;
     loading?: string;
     creating?: string;
@@ -33,8 +34,10 @@ export type AsyncSelectLabels = {
     minSearchLength?: (minSearchLength: number) => string;
     maxSelected?: (maxSelected: number) => string;
     selectedCount?: (count: number) => string;
+    hiddenSelected?: (count: number) => string;
 };
 export type AsyncSelectProps<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = Omit<React.ComponentProps<"div">, "onChange"> & {
+    isMulti?: false;
     value?: TValue;
     selectedOption?: TOption | null;
     onValueChange?: (value: TValue | undefined, option?: TOption) => void;
@@ -59,12 +62,16 @@ export type AsyncSelectProps<TValue extends string = string, TData = unknown, TO
     onCreateOption?: (search: string) => Promise<TOption> | TOption;
     createOptionLabel?: (search: string) => React.ReactNode;
     showCreateOption?: (search: string, options: TOption[]) => boolean;
+    showSelectedDescription?: boolean;
     triggerClassName?: string;
     contentClassName?: string;
     searchClassName?: string;
     optionClassName?: string;
     invalid?: boolean;
 };
+export type AsyncSelectMultiModeProps<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = AsyncMultiSelectProps<TValue, TData, TOption> & {
+    isMulti: true;
+};
 export type AsyncMultiSelectProps<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = Omit<React.ComponentProps<"div">, "onChange"> & {
     value?: TValue[];
     selectedOptions?: TOption[];
@@ -80,6 +87,7 @@ export type AsyncMultiSelectProps<TValue extends string = string, TData = unknow
     debounceMs?: number;
     minSearchLength?: number;
     maxSelected?: number;
+    maxVisibleTags?: number;
     showSelectAll?: boolean;
     labels?: AsyncSelectLabels;
     renderOption?: (option: TOption, state: {
@@ -97,6 +105,7 @@ export type AsyncMultiSelectProps<TValue extends string = string, TData = unknow
     onCreateOption?: (search: string) => Promise<TOption> | TOption;
     createOptionLabel?: (search: string) => React.ReactNode;
     showCreateOption?: (search: string, options: TOption[]) => boolean;
+    showSelectedDescription?: boolean;
     triggerClassName?: string;
     contentClassName?: string;
     searchClassName?: string;
@@ -104,6 +113,6 @@ export type AsyncMultiSelectProps<TValue extends string = string, TData = unknow
     tagClassName?: string;
     invalid?: boolean;
 };
-declare function AsyncSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>({ className, value, selectedOption, onValueChange, loadOptions, loadSelectedOption, defaultOptions, disabled, clearable, cacheOptions, cacheTtl, debounceMs, minSearchLength, labels, renderOption, renderValue, renderLoading, renderEmpty, renderError, renderMinSearch, onCreateOption, createOptionLabel, showCreateOption, triggerClassName, contentClassName, searchClassName, optionClassName, invalid, ...props }: AsyncSelectProps<TValue, TData, TOption>): React.JSX.Element;
-declare function AsyncMultiSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>({ className, value, selectedOptions, onValueChange, loadOptions, loadSelectedOptions, defaultOptions, disabled, clearable, cacheOptions, cacheTtl, closeOnSelect, debounceMs, minSearchLength, maxSelected, showSelectAll, labels, renderOption, renderValue, renderTag, renderLoading, renderEmpty, renderError, renderMinSearch, renderMaxSelected, onCreateOption, createOptionLabel, showCreateOption, triggerClassName, contentClassName, searchClassName, optionClassName, tagClassName, invalid, ...props }: AsyncMultiSelectProps<TValue, TData, TOption>): React.JSX.Element;
+declare function AsyncSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>(props: AsyncSelectProps<TValue, TData, TOption> | AsyncSelectMultiModeProps<TValue, TData, TOption>): React.JSX.Element;
+declare function AsyncMultiSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>({ className, value, selectedOptions, onValueChange, loadOptions, loadSelectedOptions, defaultOptions, disabled, clearable, cacheOptions, cacheTtl, closeOnSelect, debounceMs, minSearchLength, maxSelected, maxVisibleTags, showSelectAll, labels, renderOption, renderValue, renderTag, renderLoading, renderEmpty, renderError, renderMinSearch, renderMaxSelected, onCreateOption, createOptionLabel, showCreateOption, showSelectedDescription, triggerClassName, contentClassName, searchClassName, optionClassName, tagClassName, invalid, ...props }: AsyncMultiSelectProps<TValue, TData, TOption>): React.JSX.Element;
 export { AsyncSelect, AsyncMultiSelect };