@rotki/ui-library 2.5.3 → 2.6.0

package/dist/composables/forms/auto-complete/focus.d.ts

@@ -0,0 +1,28 @@
+import type { ComputedRef, MaybeRef, Ref } from 'vue';
+export interface UseAutoCompleteFocusOptions {
+    customValue: MaybeRef<boolean>;
+    shouldApplyValueAsSearch: MaybeRef<boolean>;
+    disabled: MaybeRef<boolean>;
+}
+export interface UseAutoCompleteFocusDeps<TItem> {
+    activatorFocused: Ref<boolean>;
+    activatorFocusedWithin: Ref<boolean>;
+    focusedValueIndex: Ref<number>;
+    filteredOptions: Ref<TItem[]>;
+    internalSearch: Ref<string>;
+    isOpen: Ref<boolean>;
+    justOpened: Ref<boolean>;
+    menuWrapperFocusedWithin: Ref<boolean>;
+    searchInputFocused: Ref<boolean>;
+    textInput: Ref<HTMLInputElement | undefined>;
+    setSearchAsValue: () => void;
+    updateInternalSearch: (value?: string) => void;
+}
+export interface UseAutoCompleteFocusReturn {
+    anyFocused: ComputedRef<boolean>;
+    inputClass: ComputedRef<string>;
+    onActivatorFocused: () => Promise<void>;
+    onInputFocused: () => void;
+    setInputFocus: () => Promise<void>;
+}
+export declare function useAutoCompleteFocus<TItem>(options: UseAutoCompleteFocusOptions, deps: UseAutoCompleteFocusDeps<TItem>): UseAutoCompleteFocusReturn;

package/dist/composables/forms/auto-complete/index.d.ts

@@ -7,3 +7,7 @@ export declare function useAutoCompleteProps<T extends object>(props: {
     getTextValue: (item: T) => string | undefined;
     isItemDisabled: (item: T) => boolean;
 };
+export * from './focus';
+export * from './keyboard-navigation';
+export * from './search';
+export * from './value';

package/dist/composables/forms/auto-complete/keyboard-navigation.d.ts

@@ -0,0 +1,27 @@
+import type { MaybeRef, Ref } from 'vue';
+export interface UseAutoCompleteKeyboardNavigationOptions {
+    multiple: MaybeRef<boolean>;
+    customValue: MaybeRef<boolean>;
+}
+export interface UseAutoCompleteKeyboardNavigationDeps<TItem> {
+    internalSearch: Ref<string>;
+    value: Ref<TItem[]>;
+    filteredOptions: Ref<TItem[]>;
+    options: Ref<TItem[]>;
+    isOpen: Ref<boolean>;
+    highlightedIndex: Ref<number>;
+    searchInputFocused: Ref<boolean>;
+    applyHighlighted: () => void;
+    clear: () => void;
+    setSearchAsValue: () => void;
+    activator: Ref<HTMLElement | undefined>;
+}
+export interface UseAutoCompleteKeyboardNavigationReturn {
+    focusedValueIndex: Ref<number>;
+    moveSelectedValueHighlight: (event: KeyboardEvent, next: boolean) => void;
+    onEnter: (event: KeyboardEvent) => void;
+    onTab: (event: KeyboardEvent) => void;
+    onInputDeletePressed: () => void;
+    setValueFocus: (index: number) => void;
+}
+export declare function useAutoCompleteKeyboardNavigation<TItem>(options: UseAutoCompleteKeyboardNavigationOptions, deps: UseAutoCompleteKeyboardNavigationDeps<TItem>): UseAutoCompleteKeyboardNavigationReturn;

package/dist/composables/forms/auto-complete/search.d.ts

@@ -0,0 +1,19 @@
+import type { MaybeRef, Ref } from 'vue';
+export interface UseAutoCompleteSearchOptions<TItem> {
+    keyAttr?: MaybeRef<keyof TItem | undefined>;
+    textAttr?: MaybeRef<keyof TItem | undefined>;
+    noFilter?: MaybeRef<boolean>;
+    filter?: MaybeRef<((item: TItem, queryText: string) => boolean) | undefined>;
+    customValue?: MaybeRef<boolean>;
+    hideCustomValue?: MaybeRef<boolean>;
+    returnObject?: MaybeRef<boolean>;
+}
+export interface UseAutoCompleteSearchReturn<TItem> {
+    internalSearch: Ref<string>;
+    debouncedInternalSearch: Readonly<Ref<string>>;
+    filteredOptions: Readonly<Ref<TItem[]>>;
+    justOpened: Ref<boolean>;
+    updateInternalSearch: (value?: string) => void;
+    textValueToProperValue: (val: any, returnObject?: boolean) => TItem;
+}
+export declare function useAutoCompleteSearch<TItem>(options: MaybeRef<TItem[]>, searchModel: Ref<string>, opts: UseAutoCompleteSearchOptions<TItem>): UseAutoCompleteSearchReturn<TItem>;

package/dist/composables/forms/auto-complete/value.d.ts

@@ -0,0 +1,19 @@
+import type { ComputedRef, MaybeRef, Ref } from 'vue';
+export interface UseAutoCompleteValueOptions<TItem> {
+    keyAttr?: MaybeRef<keyof TItem | undefined>;
+    returnObject?: MaybeRef<boolean>;
+    customValue?: MaybeRef<boolean>;
+}
+export interface UseAutoCompleteValueReturn<TItem> {
+    value: ComputedRef<TItem[]>;
+    setSelected: (selected: TItem[]) => void;
+}
+export interface UseAutoCompleteValueDeps<TItem> {
+    getIdentifier: (item: TItem) => any;
+    getText: (item: TItem) => string | undefined;
+    textValueToProperValue: (val: any, returnObject?: boolean) => TItem;
+    shouldApplyValueAsSearch: MaybeRef<boolean>;
+    isOpen: MaybeRef<boolean>;
+    updateInternalSearch: (value?: string) => void;
+}
+export declare function useAutoCompleteValue<TValue, TItem>(modelValue: Ref<TValue | undefined>, options: MaybeRef<TItem[]>, opts: UseAutoCompleteValueOptions<TItem>, deps: UseAutoCompleteValueDeps<TItem>): UseAutoCompleteValueReturn<TItem>;