@rotki/ui-library 0.16.0 → 1.0.0-beta.10

package/dist/components/tabs/tab/RuiTab.vue.d.ts

@@ -3,8 +3,9 @@ export interface Props {
     color?: ContextColorsType;
     disabled?: boolean;
     grow?: boolean;
-    tabValue?: number | string;
+    value?: number | string;
     active?: boolean;
+    activeClass?: string;
     link?: boolean;
     target?: string;
     to?: string;
@@ -13,129 +14,81 @@ export interface Props {
     vertical?: boolean;
     align?: 'start' | 'center' | 'end';
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    link: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
-        default: undefined;
-    };
-    target: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    to: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    active: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    vertical: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    align: {
-        type: globalThis.PropType<"end" | "center" | "start">;
-        default: string;
-    };
-    grow: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabValue: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    exact: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    exactPath: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (tabValue: string | number) => void;
-}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    link: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
-        default: undefined;
-    };
-    target: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    to: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    active: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    vertical: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    align: {
-        type: globalThis.PropType<"end" | "center" | "start">;
-        default: string;
-    };
-    grow: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabValue: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    exact: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    exactPath: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
-    onClick?: ((tabValue: string | number) => any) | undefined;
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    color: undefined;
+    disabled: boolean;
+    grow: boolean;
+    value: string;
+    active: boolean;
+    activeClass: string;
     link: boolean;
-    color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
-    target: string;
     to: string;
+    target: string;
+    exact: boolean;
+    exactPath: boolean;
+    vertical: boolean;
+    align: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (value: string | number) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    color: undefined;
     disabled: boolean;
+    grow: boolean;
+    value: string;
     active: boolean;
+    activeClass: string;
+    link: boolean;
+    to: string;
+    target: string;
+    exact: boolean;
+    exactPath: boolean;
     vertical: boolean;
-    align: "end" | "center" | "start";
-    grow: boolean;
-    tabValue: string | number;
+    align: string;
+}>>> & {
+    onClick?: ((value: string | number) => any) | undefined;
+}, {
+    active: boolean;
+    vertical: boolean;
+    link: boolean;
+    value: string | number;
+    color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
+    disabled: boolean;
+    target: string;
     exact: boolean;
+    to: string;
+    align: "center" | "end" | "start";
+    grow: boolean;
+    activeClass: string;
     exactPath: boolean;
-}, {}>, {
+}, {}>, Readonly<{
+    default?: ((props?: object | undefined) => any) | undefined;
+    prepend?: ((props?: object | undefined) => any) | undefined;
+    append?: ((props?: object | undefined) => any) | undefined;
+}> & {
     default?: ((props?: object | undefined) => any) | undefined;
     prepend?: ((props?: object | undefined) => any) | undefined;
     append?: ((props?: object | undefined) => any) | undefined;
 }>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/tabs/tab-item/RuiTabItem.vue.d.ts

@@ -4,51 +4,45 @@ export interface Props {
     eager?: boolean;
     reverse?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    reverse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    eager: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    value: {
-        type: globalThis.PropType<string | number>;
-        default: undefined;
-    };
-    active: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    reverse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    eager: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    value: {
-        type: globalThis.PropType<string | number>;
-        default: undefined;
-    };
-    active: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    value: undefined;
+    eager: boolean;
+    active: boolean;
     reverse: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    value: undefined;
     eager: boolean;
-    value: string | number;
     active: boolean;
+    reverse: boolean;
+}>>>, {
+    reverse: boolean;
+    active: boolean;
+    value: string | number;
+    eager: boolean;
 }, {}>, {
     default?(_: {}): any;
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/tabs/tab-items/RuiTabItems.vue.d.ts

@@ -1,17 +1,37 @@
-export interface Props {
-    modelValue?: number | string;
+export interface Props<T> {
+    modelValue?: T;
 }
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-        default: undefined;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-        default: undefined;
-    };
-}>>, {
-    modelValue: string | number;
-}, {}>;
+declare const _default: <T extends string | number>(__VLS_props: {
+    "onUpdate:modelValue"?: ((modelValue: T | undefined) => any) | undefined;
+    modelValue?: Props<T>['modelValue'];
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    emit: (evt: "update:modelValue", modelValue: T | undefined) => void;
+    slots: {};
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        "onUpdate:modelValue"?: ((modelValue: T | undefined) => any) | undefined;
+        modelValue?: Props<T>['modelValue'];
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", modelValue: T | undefined) => void;
+}>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            "onUpdate:modelValue"?: ((modelValue: T | undefined) => any) | undefined;
+            modelValue?: Props<T>['modelValue'];
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: (evt: "update:modelValue", modelValue: T | undefined) => void;
+    } | undefined;
+};
 export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/tabs/tabs/RuiTabs.vue.d.ts

@@ -7,66 +7,47 @@ export interface Props {
     modelValue?: number | string;
     align?: 'start' | 'center' | 'end';
 }
-declare const _default: import("vue").DefineComponent<{
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
-        default: undefined;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-        default: undefined;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    vertical: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    align: {
-        type: globalThis.PropType<"end" | "center" | "start">;
-        default: string;
-    };
-    grow: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    color: undefined;
+    vertical: boolean;
+    disabled: boolean;
+    grow: boolean;
+    modelValue: undefined;
+    align: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: string | number) => void;
-}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
-        default: undefined;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-        default: undefined;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    vertical: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    align: {
-        type: globalThis.PropType<"end" | "center" | "start">;
-        default: string;
-    };
-    grow: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    color: undefined;
+    vertical: boolean;
+    disabled: boolean;
+    grow: boolean;
+    modelValue: undefined;
+    align: string;
+}>>> & {
     "onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
 }, {
+    vertical: boolean;
     color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
-    modelValue: string | number;
     disabled: boolean;
-    vertical: boolean;
-    align: "end" | "center" | "start";
+    modelValue: string | number;
+    align: "center" | "end" | "start";
     grow: boolean;
 }, {}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/composables/dropdown-menu.d.ts

@@ -1,30 +1,53 @@
 import type { Ref } from 'vue';
-export interface DropdownOptions<T, K extends keyof T = keyof T> {
-    options: Ref<T[]>;
+export type KeyOfType<T, V> = keyof {
+    [P in keyof T as T[P] extends V ? P : never]: any;
+};
+export interface DropdownItemAttr<TValue, TItem> {
+    keyAttr?: KeyOfType<TItem, TValue extends Array<infer U> ? U : TValue>;
+    textAttr?: keyof TItem | ((item: TItem) => string);
+}
+export interface DropdownOptions<TValue, TItem> {
+    options: Ref<TItem[]>;
     dense?: Ref<boolean>;
-    value: Ref<T | undefined>;
+    value: Ref<TItem | TItem[] | undefined>;
     menuRef: Ref<HTMLElement>;
-    keyAttr?: K;
-    textAttr?: keyof T;
+    keyAttr?: KeyOfType<TItem, TValue extends Array<infer U> ? U : TValue>;
+    textAttr?: keyof TItem | ((item: TItem) => string);
     appendWidth?: number;
     prependWidth?: number;
     itemHeight?: number;
     overscan?: number;
+    autoSelectFirst?: boolean;
+    autoFocus?: boolean;
+    setValue?: (val: TItem) => void;
+    hideSelected?: boolean;
 }
-export declare function useDropdownMenu<T extends object | string, K extends keyof T>({ appendWidth, dense, itemHeight, keyAttr, menuRef, options, overscan, prependWidth, textAttr, value, }: DropdownOptions<T, K>): {
+export declare function useDropdownOptionProperty<TValue, TItem>({ keyAttr, textAttr, }: DropdownItemAttr<TValue, TItem>): {
+    getIdentifier: (item: TItem) => TItem | TItem[KeyOfType<TItem, TValue>];
+    getText: (item: TItem) => string | undefined;
+};
+export declare function useDropdownMenu<TValue, TItem>({ appendWidth, autoFocus, autoSelectFirst, dense, hideSelected, itemHeight, keyAttr, menuRef, options: allOptions, overscan, prependWidth, setValue, textAttr, value, }: DropdownOptions<TValue, TItem>): {
+    applyHighlighted: () => void;
     containerProps: {
         ref: Ref<HTMLElement | null>;
         onScroll: () => void;
         style: import("vue").StyleValue;
     };
-    getIdentifier: (item: T) => T[K] | T;
-    getText: (item: T) => T[keyof T] | T;
-    isActiveItem: (item: T) => boolean;
+    getIdentifier: (item: TItem) => TItem | TItem[keyof { [P in keyof TItem as TItem[P] extends TValue ? P : never]: any; }];
+    getText: (item: TItem) => string | undefined;
+    highlightedIndex: Ref<number>;
+    isActiveItem: (item: TItem) => boolean;
     isOpen: Ref<boolean>;
+    itemIndexInValue: (item: TItem) => number;
     menuWidth: globalThis.ComputedRef<string>;
-    renderedData: globalThis.ComputedRef<T[]>;
+    moveHighlight: (up: boolean) => void;
+    optionsWithSelectedHidden: globalThis.ComputedRef<TItem[]>;
+    renderedData: globalThis.ComputedRef<{
+        index: number;
+        item: TItem;
+    }[]>;
     toggle: (state?: boolean) => void;
-    valueKey: globalThis.ComputedRef<T | T[K] | undefined>;
+    valueKey: globalThis.ComputedRef<TItem | TItem[] | TItem[keyof { [P_1 in keyof TItem as TItem[P_1] extends (TValue extends (infer U)[] ? U : TValue) ? P_1 : never]: any; }][] | NonNullable<TItem>[keyof { [P_1 in keyof TItem as TItem[P_1] extends (TValue extends (infer U)[] ? U : TValue) ? P_1 : never]: any; }] | undefined>;
     wrapperProps: globalThis.ComputedRef<{
         style: {
             width: string;

package/dist/composables/index.es.js

@@ -1,5 +1,5 @@
-import { u as s, a } from "../index-RsNqSz2V.js";
-import { u } from "../breakpoint-DAvEs_TA.js";
+import { u as s, a } from "../index-NNlkUY_M.js";
+import { u } from "../breakpoint-OTAceaTK.js";
 export {
   u as useBreakpoint,
   s as useIcons,

package/dist/composables/popper.d.ts

@@ -18,7 +18,9 @@ export declare const DEFAULT_POPPER_OPTIONS: PopperOptions;
 export declare const createPopper: <TModifier extends Partial<import("@popperjs/core").Modifier<any, any>>>(reference: Element | VirtualElement, popper: HTMLElement, options?: Partial<import("@popperjs/core").OptionsGeneric<TModifier>> | undefined) => Instance;
 export declare function usePopper(options: Ref<PopperOptions>, disabled?: Ref<boolean>, openDelay?: Ref<number>, closeDelay?: Ref<number>, virtualReference?: Ref<Element | VirtualElement>): {
     instance: Ref<Instance | null>;
+    leavePending: Ref<boolean>;
     onClose: () => void;
+    onLeavePending: () => void;
     onOpen: () => void;
     onPopperLeave: () => void;
     open: Ref<boolean>;

package/dist/composables/theme.d.ts

@@ -3,4 +3,4 @@ import { type ThemeContent } from '../types/theme';
  * Theme manager
  * @returns {ThemeContent}
  */
-export declare function useRotkiTheme(): ThemeContent;
+export declare const useRotkiTheme: () => ThemeContent;