@rotki/ui-library 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/components/forms/select/RuiMenuSelect.vue.d.ts

@@ -1,9 +1,9 @@
+import { type KeyOfType } from '../../../composables/dropdown-menu';
 import { type MenuProps } from '../../../components/overlays/menu/RuiMenu.vue';
-export interface Props<T, K extends keyof T = keyof T> {
-    options: T[];
-    keyAttr?: K;
-    textAttr?: keyof T;
-    modelValue?: T extends string ? T : T[K];
+export interface Props<TValue, TItem> {
+    options: TItem[];
+    keyAttr?: KeyOfType<TItem, TValue>;
+    textAttr?: keyof TItem;
     disabled?: boolean;
     loading?: boolean;
     readOnly?: boolean;
@@ -26,12 +26,12 @@ export interface Props<T, K extends keyof T = keyof T> {
     hideNoData?: boolean;
     noDataText?: string;
 }
-declare const _default: <T extends string | object, K extends keyof T = keyof T>(__VLS_props: {
-    "onUpdate:model-value"?: ((value?: T | T[K] | undefined) => any) | undefined;
-    options: T[];
-    keyAttr?: K | undefined;
-    textAttr?: keyof T | undefined;
-    modelValue?: (T extends string ? T : T[K]) | undefined;
+declare const _default: <TValue, TItem>(__VLS_props: {
+    "onUpdate:modelValue"?: ((modelValue: TValue | undefined) => any) | undefined;
+    modelValue: TValue | undefined;
+    options: TItem[];
+    keyAttr?: keyof { [P in keyof TItem as TItem[P] extends TValue ? P : never]: any; } | undefined;
+    textAttr?: keyof TItem | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
     readOnly?: boolean | undefined;
@@ -55,11 +55,11 @@ declare const _default: <T extends string | object, K extends keyof T = keyof T>
     noDataText?: string | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
-    emit: (e: 'update:model-value', value?: T | T[K]) => void;
+    emit: (evt: "update:modelValue", modelValue: TValue | undefined) => void;
     slots: {
         activator?(_: {
             disabled: boolean;
-            value: T | undefined;
+            value: TItem | undefined;
             variant: "default" | "outlined" | "filled";
             readOnly: boolean;
             attrs: {
@@ -76,38 +76,38 @@ declare const _default: <T extends string | object, K extends keyof T = keyof T>
             hasSuccess: boolean;
         }): any;
         "activator.label"?(_: {
-            value: T | undefined;
+            value: TItem | undefined;
         }): any;
         "selection.prepend"?(_: {
-            item: T;
+            item: NonNullable<TItem>;
         }): any;
         selection?(_: {
-            item: T;
+            item: NonNullable<TItem>;
         }): any;
         "item.prepend"?(_: {
             disabled: boolean;
-            item: T;
+            item: TItem;
             active: boolean;
         }): any;
         item?(_: {
             disabled: boolean;
-            item: T;
+            item: TItem;
             active: boolean;
         }): any;
         "item.append"?(_: {
             disabled: boolean;
-            item: T;
+            item: TItem;
             active: boolean;
         }): any;
         "no-data"?(_: {}): any;
     };
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        "onUpdate:model-value"?: ((value?: T | T[K] | undefined) => any) | undefined;
-        options: T[];
-        keyAttr?: K | undefined;
-        textAttr?: keyof T | undefined;
-        modelValue?: (T extends string ? T : T[K]) | undefined;
+        "onUpdate:modelValue"?: ((modelValue: TValue | undefined) => any) | undefined;
+        modelValue: TValue | undefined;
+        options: TItem[];
+        keyAttr?: keyof { [P in keyof TItem as TItem[P] extends TValue ? P : never]: any; } | undefined;
+        textAttr?: keyof TItem | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
         readOnly?: boolean | undefined;
@@ -135,7 +135,7 @@ declare const _default: <T extends string | object, K extends keyof T = keyof T>
     slots: {
         activator?(_: {
             disabled: boolean;
-            value: T | undefined;
+            value: TItem | undefined;
             variant: "default" | "outlined" | "filled";
             readOnly: boolean;
             attrs: {
@@ -152,42 +152,42 @@ declare const _default: <T extends string | object, K extends keyof T = keyof T>
             hasSuccess: boolean;
         }): any;
         "activator.label"?(_: {
-            value: T | undefined;
+            value: TItem | undefined;
         }): any;
         "selection.prepend"?(_: {
-            item: T;
+            item: NonNullable<TItem>;
         }): any;
         selection?(_: {
-            item: T;
+            item: NonNullable<TItem>;
         }): any;
         "item.prepend"?(_: {
             disabled: boolean;
-            item: T;
+            item: TItem;
             active: boolean;
         }): any;
         item?(_: {
             disabled: boolean;
-            item: T;
+            item: TItem;
             active: boolean;
         }): any;
         "item.append"?(_: {
             disabled: boolean;
-            item: T;
+            item: TItem;
             active: boolean;
         }): any;
         "no-data"?(_: {}): any;
     };
-    emit: (e: 'update:model-value', value?: T | T[K]) => void;
+    emit: (evt: "update:modelValue", modelValue: TValue | undefined) => void;
 }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
     __ctx?: {
         props: {
-            "onUpdate:model-value"?: ((value?: T | T[K] | undefined) => any) | undefined;
-            options: T[];
-            keyAttr?: K | undefined;
-            textAttr?: keyof T | undefined;
-            modelValue?: (T extends string ? T : T[K]) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: TValue | undefined) => any) | undefined;
+            modelValue: TValue | undefined;
+            options: TItem[];
+            keyAttr?: keyof { [P in keyof TItem as TItem[P] extends TValue ? P : never]: any; } | undefined;
+            textAttr?: keyof TItem | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
             readOnly?: boolean | undefined;
@@ -215,7 +215,7 @@ declare const _default: <T extends string | object, K extends keyof T = keyof T>
         slots: {
             activator?(_: {
                 disabled: boolean;
-                value: T | undefined;
+                value: TItem | undefined;
                 variant: "default" | "outlined" | "filled";
                 readOnly: boolean;
                 attrs: {
@@ -232,32 +232,32 @@ declare const _default: <T extends string | object, K extends keyof T = keyof T>
                 hasSuccess: boolean;
             }): any;
             "activator.label"?(_: {
-                value: T | undefined;
+                value: TItem | undefined;
             }): any;
             "selection.prepend"?(_: {
-                item: T;
+                item: NonNullable<TItem>;
             }): any;
             selection?(_: {
-                item: T;
+                item: NonNullable<TItem>;
             }): any;
             "item.prepend"?(_: {
                 disabled: boolean;
-                item: T;
+                item: TItem;
                 active: boolean;
             }): any;
             item?(_: {
                 disabled: boolean;
-                item: T;
+                item: TItem;
                 active: boolean;
             }): any;
             "item.append"?(_: {
                 disabled: boolean;
-                item: T;
+                item: TItem;
                 active: boolean;
             }): any;
             "no-data"?(_: {}): any;
         };
-        emit: (e: 'update:model-value', value?: T | T[K]) => void;
+        emit: (evt: "update:modelValue", modelValue: TValue | undefined) => void;
     } | undefined;
 };
 export default _default;

package/dist/components/index.es.js

@@ -1,4 +1,4 @@
-import { I as u, H as s, R as e, a as R, b as o, J as t, c as r, d as l, u as d, v as n, e as p, f as c, K as T, r as b, t as S, D as g, g as m, h as x, _ as C, q as A, F as h, L as B, M as D, i as k, j as v, k as w, l as F, s as I, B as f, G, m as L, n as M, x as P, z as E, y as H, A as N, E as j, w as q, C as y, o as z, p as J } from "../RuiNavigationDrawer-DgxZEmkN.js";
+import { I as u, H as s, R as e, a as R, b as o, J as t, c as r, d as l, u as d, v as n, e as p, f as c, K as T, r as b, t as S, D as g, g as m, h as x, _ as C, q as A, F as h, L as B, M as D, i as k, j as v, k as w, l as F, s as I, B as f, G, m as L, n as M, x as P, z as E, y as H, A as N, E as j, w as q, C as y, o as z, p as J } from "../RuiNavigationDrawer-DdMiKI77.js";
 export {
   u as RuiAccordion,
   s as RuiAccordions,

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

@@ -1,28 +1,37 @@
-export interface Props {
-    modelValue?: number | string;
+export interface Props<T> {
+    modelValue?: T;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    modelValue: undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    modelValue: undefined;
-}>>>, {
-    modelValue: string | number;
-}, {}>;
-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];
+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];
 } & {};
-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,42 +1,45 @@
 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 DropdownOptions<TValue, TItem> {
+    options: Ref<TItem[]>;
     dense?: Ref<boolean>;
-    value: Ref<T | T[] | undefined>;
+    value: Ref<TItem | TItem[] | undefined>;
     menuRef: Ref<HTMLElement>;
-    keyAttr?: K;
-    textAttr?: keyof T | ((item: T) => string);
+    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: T) => void;
+    setValue?: (val: TItem) => void;
     hideSelected?: boolean;
 }
-export declare function useDropdownMenu<T extends object | string, K extends keyof T>({ appendWidth, autoFocus, autoSelectFirst, dense, hideSelected, itemHeight, keyAttr, menuRef, options: allOptions, overscan, prependWidth, setValue, textAttr, value, }: DropdownOptions<T, K>): {
+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) => string | undefined;
+    getIdentifier: (item: TItem) => TItem | TItem[KeyOfType<TItem, TValue>];
+    getText: (item: TItem) => string | undefined;
     highlightedIndex: Ref<number>;
-    isActiveItem: (item: T) => boolean;
+    isActiveItem: (item: TItem) => boolean;
     isOpen: Ref<boolean>;
-    itemIndexInValue: (item: T) => number;
+    itemIndexInValue: (item: TItem) => number;
     menuWidth: globalThis.ComputedRef<string>;
     moveHighlight: (up: boolean) => void;
-    optionsWithSelectedHidden: globalThis.ComputedRef<T[]>;
+    optionsWithSelectedHidden: globalThis.ComputedRef<TItem[]>;
     renderedData: globalThis.ComputedRef<{
         index: number;
-        item: T;
+        item: TItem;
     }[]>;
     toggle: (state?: boolean) => void;
-    valueKey: globalThis.ComputedRef<any[] | T | T[K] | undefined>;
+    valueKey: globalThis.ComputedRef<TItem | TItem[] | TItem[keyof { [P in keyof TItem as TItem[P] extends (TValue extends (infer U)[] ? U : TValue) ? P : never]: any; }][] | NonNullable<TItem>[keyof { [P in keyof TItem as TItem[P] extends (TValue extends (infer U)[] ? U : TValue) ? P : never]: any; }] | undefined>;
     wrapperProps: globalThis.ComputedRef<{
         style: {
             width: string;

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { u as a, a as r } from "./index-NNlkUY_M.js";
 import { T as C } from "./index-NNlkUY_M.js";
-import { N as F, T as L } from "./RuiNavigationDrawer-DgxZEmkN.js";
-import { I as S, H as g, R as m, a as k, b as B, J as w, c as f, d as P, u as y, v as D, e as M, f as b, K as A, r as T, t as x, D as H, g as U, h as E, _ as v, q as G, F as I, L as W, M as V, i as O, j as N, k as z, l as K, s as q, B as Q, G as j, m as Z, n as X, x as J, z as Y, y as _, A as $, E as ii, w as li, C as ei, o as Ri, p as ni, S as oi } from "./RuiNavigationDrawer-DgxZEmkN.js";
+import { N as F, T as L } from "./RuiNavigationDrawer-DdMiKI77.js";
+import { I as S, H as g, R as m, a as k, b as B, J as w, c as f, d as P, u as y, v as D, e as M, f as b, K as A, r as T, t as x, D as H, g as U, h as E, _ as v, q as G, F as I, L as W, M as V, i as O, j as N, k as z, l as K, s as q, B as Q, G as j, m as Z, n as X, x as J, z as Y, y as _, A as $, E as ii, w as li, C as ei, o as Ri, p as ni, S as oi } from "./RuiNavigationDrawer-DdMiKI77.js";
 import { u as ri } from "./breakpoint-OTAceaTK.js";
 import { RuiIcons as Li, isRuiIcon as ti } from "./icons/index.es.js";
 import { c as di } from "./colors-D563Ic3q.js";