@rotki/ui-library 1.0.0-beta.9 → 1.1.0

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 import RuiAlert, { type Props as AlertProps } from '../components/alerts/RuiAlert.vue';
-import RuiAutoComplete, { type AutoCompleteProps } from '@/components/forms/auto-complete/RuiAutoComplete.vue';
+import RuiAutoComplete, { type AutoCompleteProps } from '../components/forms/auto-complete/RuiAutoComplete.vue';
 import RuiButton, { type Props as ButtonProps } from '../components/buttons/button/RuiButton.vue';
 import RuiButtonGroup, { type Props as ButtonGroupProps } from '../components/buttons/button-group/RuiButtonGroup.vue';
 import RuiIcon, { type Props as IconProps } from '../components/icons/RuiIcon.vue';

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-8n-WtZE0.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-Za-M5gUg.js";
 export {
   u as RuiAccordion,
   s as RuiAccordions,

package/dist/components/overlays/tooltip/RuiTooltip.vue.d.ts

@@ -5,6 +5,7 @@ export interface Props {
     hideArrow?: boolean;
     openDelay?: number;
     closeDelay?: number;
+    persistOnTooltipHover?: boolean;
     popper?: PopperOptions;
     tooltipClass?: string;
 }
@@ -14,14 +15,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideArrow: boolean;
     openDelay: number;
     closeDelay: number;
+    persistOnTooltipHover: boolean;
     popper: () => {};
     tooltipClass: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+}>, {
+    onOpen: () => void;
+    onClose: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     text: null;
     disabled: boolean;
     hideArrow: boolean;
     openDelay: number;
     closeDelay: number;
+    persistOnTooltipHover: boolean;
     popper: () => {};
     tooltipClass: string;
 }>>>, {
@@ -31,10 +37,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeDelay: number;
     popper: PopperOptions;
     hideArrow: boolean;
+    persistOnTooltipHover: boolean;
     tooltipClass: string;
 }, {}>, {
     activator?(_: {
         open: boolean;
+        close: () => void;
     }): any;
     default?(_: {}): any;
 }>;

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

@@ -1,3 +1,4 @@
+import type { RouteLocationRaw } from 'vue-router';
 import type { ContextColorsType } from '../../../consts/colors';
 export interface Props {
     color?: ContextColorsType;
@@ -8,7 +9,7 @@ export interface Props {
     activeClass?: string;
     link?: boolean;
     target?: string;
-    to?: string;
+    to?: RouteLocationRaw;
     exact?: boolean;
     exactPath?: boolean;
     vertical?: boolean;
@@ -55,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     target: string;
     exact: boolean;
-    to: string;
+    to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
     align: "center" | "end" | "start";
     grow: boolean;
     activeClass: string;

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

@@ -2,6 +2,10 @@ import type { Ref } from 'vue';
 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>;
@@ -18,6 +22,10 @@ export interface DropdownOptions<TValue, TItem> {
     setValue?: (val: TItem) => void;
     hideSelected?: boolean;
 }
+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: {
@@ -25,7 +33,7 @@ export declare function useDropdownMenu<TValue, TItem>({ appendWidth, autoFocus,
         onScroll: () => void;
         style: import("vue").StyleValue;
     };
-    getIdentifier: (item: TItem) => TItem | TItem[KeyOfType<TItem, TValue>];
+    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;
@@ -39,7 +47,7 @@ export declare function useDropdownMenu<TValue, TItem>({ appendWidth, autoFocus,
         item: TItem;
     }[]>;
     toggle: (state?: boolean) => void;
-    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>;
+    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/consts/colors.d.ts

@@ -1,5 +1,9 @@
 export declare const baseColors: string[];
 export declare const baseColorsIntensities: string[];
+/**
+ * The available context colors.
+ * Keep in sync with build-web-types.mjs
+ */
 export declare const contextColors: readonly ["primary", "secondary", "error", "warning", "info", "success"];
 export type ContextColorsType = (typeof contextColors)[number];
 export declare const contextColorsIntensities: {

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-8n-WtZE0.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-8n-WtZE0.js";
+import { N as F, T as L } from "./RuiNavigationDrawer-Za-M5gUg.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-Za-M5gUg.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";