@rotki/ui-library 0.14.0 → 0.16.0

package/dist/components/overlays/menu/{Menu.vue.d.ts → RuiMenu.vue.d.ts}

@@ -1,24 +1,35 @@
 import { type PopperOptions } from '../../../composables/popper';
-export interface Props {
+export interface MenuProps {
     modelValue?: boolean;
     openOnHover?: boolean;
+    fullWidth?: boolean;
     disabled?: boolean;
     openDelay?: number;
     closeDelay?: number;
     popper?: PopperOptions;
+    wrapperClass?: string;
     menuClass?: string;
     closeOnContentClick?: boolean;
+    hint?: string;
+    errorMessages?: string | string[];
+    successMessages?: string | string[];
+    showDetails?: boolean;
+    dense?: boolean;
+    persistent?: boolean;
 }
 declare function checkClick(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
+    modelValue: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-    modelValue: {
+    disabled: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    dense: {
+        type: globalThis.PropType<boolean>;
+    };
     openDelay: {
         type: globalThis.PropType<number>;
         default: number;
@@ -31,10 +42,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<PopperOptions>;
         default: () => {};
     };
+    errorMessages: {
+        type: globalThis.PropType<string | string[]>;
+        default: () => never[];
+    };
+    successMessages: {
+        type: globalThis.PropType<string | string[]>;
+        default: () => never[];
+    };
+    hint: {
+        type: globalThis.PropType<string>;
+        default: undefined;
+    };
     openOnHover: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    fullWidth: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    wrapperClass: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     menuClass: {
         type: globalThis.PropType<string>;
         default: string;
@@ -43,17 +74,27 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    showDetails: {
+        type: globalThis.PropType<boolean>;
+    };
+    persistent: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    disabled: {
+    modelValue: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-    modelValue: {
+    disabled: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    dense: {
+        type: globalThis.PropType<boolean>;
+    };
     openDelay: {
         type: globalThis.PropType<number>;
         default: number;
@@ -66,10 +107,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<PopperOptions>;
         default: () => {};
     };
+    errorMessages: {
+        type: globalThis.PropType<string | string[]>;
+        default: () => never[];
+    };
+    successMessages: {
+        type: globalThis.PropType<string | string[]>;
+        default: () => never[];
+    };
+    hint: {
+        type: globalThis.PropType<string>;
+        default: undefined;
+    };
     openOnHover: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    fullWidth: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    wrapperClass: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     menuClass: {
         type: globalThis.PropType<string>;
         default: string;
@@ -78,27 +139,49 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    showDetails: {
+        type: globalThis.PropType<boolean>;
+    };
+    persistent: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
 }, {
-    disabled: boolean;
     modelValue: boolean;
+    disabled: boolean;
     openDelay: number;
     closeDelay: number;
     popper: PopperOptions;
+    errorMessages: string | string[];
+    successMessages: string | string[];
+    hint: string;
     openOnHover: boolean;
+    fullWidth: boolean;
+    wrapperClass: string;
     menuClass: string;
     closeOnContentClick: boolean;
+    persistent: boolean;
 }, {}>, {
     activator?(_: {
         on: {
+            mouseover?: undefined;
+            mouseleave?: undefined;
+            click?: undefined;
+        } | {
             mouseover: () => void;
             mouseleave: () => void;
             click: typeof checkClick;
         };
         open: boolean;
+        disabled: boolean;
+        hasError: boolean;
+        hasSuccess: boolean;
+    }): any;
+    default?(_: {
+        width: number;
     }): any;
-    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/steppers/{FooterStepper.vue.d.ts → RuiFooterStepper.vue.d.ts}

@@ -3,16 +3,17 @@ export interface Props {
     modelValue?: number;
     variant?: 'numeric' | 'bullet' | 'progress' | 'pill';
     arrowButtons?: boolean;
+    hideButtons?: boolean;
 }
 declare const _default: import("vue").DefineComponent<{
-    variant: {
-        type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
-        default: string;
-    };
     modelValue: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    variant: {
+        type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
+        default: string;
+    };
     pages: {
         type: globalThis.PropType<number>;
         required: true;
@@ -21,17 +22,21 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    hideButtons: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: number) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    variant: {
-        type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
-        default: string;
-    };
     modelValue: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    variant: {
+        type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
+        default: string;
+    };
     pages: {
         type: globalThis.PropType<number>;
         required: true;
@@ -40,11 +45,16 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    hideButtons: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
 }, {
-    variant: "progress" | "numeric" | "bullet" | "pill";
     modelValue: number;
+    variant: "progress" | "numeric" | "bullet" | "pill";
     arrowButtons: boolean;
+    hideButtons: boolean;
 }, {}>;
 export default _default;

package/dist/components/tables/{DataTable.vue.d.ts → RuiDataTable.vue.d.ts}

@@ -1,5 +1,5 @@
-import { type TablePaginationData } from './TablePagination.vue';
-import { type GroupData, type GroupKeys, type TableColumn, type TableRowKeyData, type TableSortData } from './TableHead.vue';
+import { type TablePaginationData } from '../../components/tables/RuiTablePagination.vue';
+import { type GroupData, type GroupKeys, type TableColumn, type TableRowKeyData, type TableSortData } from '../../components/tables/RuiTableHead.vue';
 export interface TableOptions<T> {
     pagination?: TablePaginationData;
     sort?: TableSortData<T>;
@@ -130,8 +130,12 @@ export interface Props<T, K extends keyof T> {
      * @example v-model:group="['name', 'country']"
      */
     group?: TableRowKeyData<T>;
+    groupExpandButtonPosition?: 'start' | 'end';
     collapsed?: T[];
     disabledRows?: T[];
+    multiPageSelect?: boolean;
+    scroller?: HTMLElement | null;
+    itemClass?: ((item: T) => string) | string;
 }
 declare const _default: <T extends object, IdType extends keyof T = keyof T>(__VLS_props: Props<T, IdType> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
     props: Props<T, IdType>;
@@ -169,16 +173,16 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
         tfoot: () => any;
     }>;
     emit: {
-        (e: 'update:model-value', value?: T[IdType][] | undefined): void;
+        (e: 'update:model-value', value?: T[IdType][]): void;
         (e: 'update:expanded', value: T[]): void;
         (e: 'update:pagination', value: TablePaginationData): void;
         (e: 'update:sort', value?: TableSortData<T>): void;
         (e: 'update:options', value: TableOptions<T>): void;
         (e: 'update:group', value?: GroupKeys<T>): void;
-        (e: 'update:collapsed', value?: T[] | undefined): void;
+        (e: 'update:collapsed', value?: T[]): void;
         (e: 'copy:group', value: GroupData<T>): void;
     };
-}, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+}, "slots" | "attrs" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
     props: Props<T, IdType>;
     expose(exposed: {}): void;
     attrs: any;
@@ -214,13 +218,13 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
         tfoot: () => any;
     }>;
     emit: {
-        (e: 'update:model-value', value?: T[IdType][] | undefined): void;
+        (e: 'update:model-value', value?: T[IdType][]): void;
         (e: 'update:expanded', value: T[]): void;
         (e: 'update:pagination', value: TablePaginationData): void;
         (e: 'update:sort', value?: TableSortData<T>): void;
         (e: 'update:options', value: TableOptions<T>): void;
         (e: 'update:group', value?: GroupKeys<T>): void;
-        (e: 'update:collapsed', value?: T[] | undefined): void;
+        (e: 'update:collapsed', value?: T[]): void;
         (e: 'copy:group', value: GroupData<T>): void;
     };
 }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -262,13 +266,13 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
             tfoot: () => any;
         }>;
         emit: {
-            (e: 'update:model-value', value?: T[IdType][] | undefined): void;
+            (e: 'update:model-value', value?: T[IdType][]): void;
             (e: 'update:expanded', value: T[]): void;
             (e: 'update:pagination', value: TablePaginationData): void;
             (e: 'update:sort', value?: TableSortData<T>): void;
             (e: 'update:options', value: TableOptions<T>): void;
             (e: 'update:group', value?: GroupKeys<T>): void;
-            (e: 'update:collapsed', value?: T[] | undefined): void;
+            (e: 'update:collapsed', value?: T[]): void;
             (e: 'copy:group', value: GroupData<T>): void;
         };
     } | undefined;

package/dist/components/tables/{ExpandButton.vue.d.ts → RuiExpandButton.vue.d.ts}

@@ -1,4 +1,4 @@
-import type { RuiIcons } from '~/src';
+import type { RuiIcons } from '../../icons';
 export interface Props {
     expanded: boolean;
     icon?: RuiIcons;

package/dist/components/tables/{TableHead.vue.d.ts → RuiTableHead.vue.d.ts}

@@ -71,26 +71,34 @@ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_pr
     attrs: any;
     slots: Partial<Record<string, (_: {
         column: TableColumn<T>;
+    }) => any>> & Partial<Record<string, (_: {
+        column: SortableTableColumn<T>;
+    }) => any>> & Partial<Record<string, (_: {
+        column: NoneSortableTableColumn<T>;
     }) => any>>;
     emit: {
         (e: 'select:all', value: boolean): void;
         (e: 'sort', value: {
             key: TableRowKey<T>;
-            direction?: "desc" | "asc" | undefined;
+            direction?: 'asc' | 'desc';
         }): void;
     };
-}, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+}, "slots" | "attrs" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
     props: Props<T>;
     expose(exposed: {}): void;
     attrs: any;
     slots: Partial<Record<string, (_: {
         column: TableColumn<T>;
+    }) => any>> & Partial<Record<string, (_: {
+        column: SortableTableColumn<T>;
+    }) => any>> & Partial<Record<string, (_: {
+        column: NoneSortableTableColumn<T>;
     }) => any>>;
     emit: {
         (e: 'select:all', value: boolean): void;
         (e: 'sort', value: {
             key: TableRowKey<T>;
-            direction?: "desc" | "asc" | undefined;
+            direction?: 'asc' | 'desc';
         }): void;
     };
 }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -102,12 +110,16 @@ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_pr
         attrs: any;
         slots: Partial<Record<string, (_: {
             column: TableColumn<T>;
+        }) => any>> & Partial<Record<string, (_: {
+            column: SortableTableColumn<T>;
+        }) => any>> & Partial<Record<string, (_: {
+            column: NoneSortableTableColumn<T>;
         }) => any>>;
         emit: {
             (e: 'select:all', value: boolean): void;
             (e: 'sort', value: {
                 key: TableRowKey<T>;
-                direction?: "desc" | "asc" | undefined;
+                direction?: 'asc' | 'desc';
             }): void;
         };
     } | undefined;

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

@@ -0,0 +1,40 @@
+import type { Ref } from 'vue';
+export interface DropdownOptions<T, K extends keyof T = keyof T> {
+    options: Ref<T[]>;
+    dense?: Ref<boolean>;
+    value: Ref<T | undefined>;
+    menuRef: Ref<HTMLElement>;
+    keyAttr?: K;
+    textAttr?: keyof T;
+    appendWidth?: number;
+    prependWidth?: number;
+    itemHeight?: number;
+    overscan?: number;
+}
+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>): {
+    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;
+    isOpen: Ref<boolean>;
+    menuWidth: globalThis.ComputedRef<string>;
+    renderedData: globalThis.ComputedRef<T[]>;
+    toggle: (state?: boolean) => void;
+    valueKey: globalThis.ComputedRef<T | T[K] | undefined>;
+    wrapperProps: globalThis.ComputedRef<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        } | {
+            width: string;
+            height: string;
+            marginLeft: string;
+            display: string;
+        };
+    }>;
+};

package/dist/composables/index.es.js

@@ -1,83 +1,7 @@
-import { u as v, a as B } from "../theme-DT8UjYf9.js";
-import { useWindowSize as m, breakpointsTailwind as d, useBreakpoints as w } from "@vueuse/core";
-import { computed as _ } from "vue";
-import { get as h } from "@vueuse/shared";
-const C = /\d/, g = ["-", "_", "/", "."];
-function E(e = "") {
-  if (!C.test(e))
-    return e !== e.toLowerCase();
-}
-function S(e, n) {
-  const o = n ?? g, r = [];
-  if (!e || typeof e != "string")
-    return r;
-  let t = "", i, p;
-  for (const c of e) {
-    const f = o.includes(c);
-    if (f === !0) {
-      r.push(t), t = "", i = void 0;
-      continue;
-    }
-    const u = E(c);
-    if (p === !1) {
-      if (i === !1 && u === !0) {
-        r.push(t), t = c, i = u;
-        continue;
-      }
-      if (i === !0 && u === !1 && t.length > 1) {
-        const s = t.at(-1);
-        r.push(t.slice(0, Math.max(0, t.length - 1))), t = s + c, i = u;
-        continue;
-      }
-    }
-    t += c, i = u, p = f;
-  }
-  return r.push(t), r;
-}
-function y(e) {
-  return e ? e[0].toUpperCase() + e.slice(1) : "";
-}
-function z(e) {
-  return e ? e[0].toLowerCase() + e.slice(1) : "";
-}
-function R(e, n) {
-  return e ? (Array.isArray(e) ? e : S(e)).map((o) => y(n != null && n.normalize ? o.toLowerCase() : o)).join("") : "";
-}
-function l(e, n) {
-  return z(R(e || "", n));
-}
-function L() {
-  const { width: e } = m(), n = {
-    xs: 0,
-    ...d
-  }, o = w(n), r = Object.keys, t = r(n), i = t.map(
-    (s, a) => [
-      s,
-      a < t.length - 1 ? o.between(s, t[a + 1]) : o[s]
-    ]
-  ), p = i.map(([s, a]) => [
-    l(`is_${s}`),
-    a
-  ]), c = t.map((s) => [
-    l(`is_${s}_and_up`),
-    o.greaterOrEqual(s)
-  ]), f = t.map((s) => [
-    l(`is_${s}_and_down`),
-    o.smaller(s)
-  ]), u = _(() => {
-    var s;
-    return ((s = i.find((a) => h(a[1]))) == null ? void 0 : s[0]) || "";
-  });
-  return {
-    ...Object.fromEntries(p),
-    ...Object.fromEntries(c),
-    ...Object.fromEntries(f),
-    name: u,
-    width: e
-  };
-}
+import { u as s, a } from "../index-RsNqSz2V.js";
+import { u } from "../breakpoint-DAvEs_TA.js";
 export {
-  L as useBreakpoint,
-  v as useIcons,
-  B as useRotkiTheme
+  u as useBreakpoint,
+  s as useIcons,
+  a as useRotkiTheme
 };

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

@@ -1,4 +1,4 @@
-declare const defaultTextProp: "text";
-declare const defaultKeyProp: "id";
-declare const defaultDisabledProp: "disabled";
+declare const defaultTextProp = "text";
+declare const defaultKeyProp = "id";
+declare const defaultDisabledProp = "disabled";
 export { defaultKeyProp, defaultDisabledProp, defaultTextProp, };

package/dist/consts/typography.d.ts

@@ -1,5 +1,4 @@
-declare const typographyClasses: {
+export declare const typographyClasses: {
     className: string;
     name: string;
 }[];
-export default typographyClasses;