@rotki/ui-library 0.10.1 → 0.12.0

package/dist/components/tables/DataTable.vue.d.ts

@@ -4,10 +4,12 @@ export interface TableOptions<T> {
     pagination?: TablePaginationData;
     sort?: SortColumn<T> | SortColumn<T>[];
 }
-export type GroupedTableRow<T> = T & Partial<{
-    groupVal: string;
+export interface GroupHeader<T> {
+    __header__: true;
+    identifier: string;
     group: Partial<T>;
-}>;
+}
+export type GroupedTableRow<T> = T | GroupHeader<T>;
 export interface Props<T, K extends keyof T> {
     /**
      * list of items for each row
@@ -133,48 +135,37 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
     props: Props<T, IdType>;
     expose(exposed: {}): void;
     attrs: any;
-    slots: Partial<Record<string, (_: {
-        column: TableColumn<T>;
-    }) => any>> & Partial<Record<string, (_: {
-        column: TableColumn<T>;
-    }) => any>> & Partial<Record<string, (_: {
+    slots: Partial<Record<`header.${string}`, (props: {
         column: TableColumn<T>;
-        row: GroupedTableRow<T>;
-        index: number;
-    }) => any>> & Partial<Record<string, (_: {
+    }) => any> & Record<`item.${string}`, (props: {
         column: TableColumn<T>;
+        row: T;
         index: number;
-        row: GroupedTableRow<T>;
-    }) => any>> & {
-        "body.prepend"?(_: {
+    }) => any> & {
+        'body.prepend': (props: {
             colspan: number;
-        }): any;
-        "group.header"?(_: {
+        }) => any;
+        'body.append': (props: {
             colspan: number;
-            row: GroupedTableRow<T>;
-            group: Partial<T> | undefined;
-            groupKey: string;
-            groupValue: string | undefined;
+        }) => any;
+        'group.header': (props: {
+            colspan: number;
+            header: GroupHeader<T>;
             isOpen: boolean;
             toggle: () => void;
-        }): any;
-        "group.header.content"?(_: {
-            row: GroupedTableRow<T>;
-            group: Partial<T> | undefined;
+        }) => any;
+        'group.header.content': (props: {
+            header: GroupHeader<T>;
             groupKey: string;
-            groupValue: string | undefined;
-        }): any;
-        "expanded-item"?(_: {
-            row: GroupedTableRow<T>;
+        }) => any;
+        'expanded-item': (props: {
+            row: T;
             index: number;
-        }): any;
-        "no-data"?(_: {}): any;
-        "empty-description"?(_: {}): any;
-        "body.append"?(_: {
-            colspan: number;
-        }): any;
-        tfoot?(_: {}): any;
-    };
+        }) => any;
+        'no-data': () => any;
+        'empty-description': () => any;
+        tfoot: () => any;
+    }>;
     emit: {
         (e: 'update:model-value', value?: T[IdType][] | undefined): void;
         (e: 'update:expanded', value: T[]): void;
@@ -189,48 +180,37 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
     props: Props<T, IdType>;
     expose(exposed: {}): void;
     attrs: any;
-    slots: Partial<Record<string, (_: {
-        column: TableColumn<T>;
-    }) => any>> & Partial<Record<string, (_: {
+    slots: Partial<Record<`header.${string}`, (props: {
         column: TableColumn<T>;
-    }) => any>> & Partial<Record<string, (_: {
-        column: TableColumn<T>;
-        row: GroupedTableRow<T>;
-        index: number;
-    }) => any>> & Partial<Record<string, (_: {
+    }) => any> & Record<`item.${string}`, (props: {
         column: TableColumn<T>;
+        row: T;
         index: number;
-        row: GroupedTableRow<T>;
-    }) => any>> & {
-        "body.prepend"?(_: {
+    }) => any> & {
+        'body.prepend': (props: {
             colspan: number;
-        }): any;
-        "group.header"?(_: {
+        }) => any;
+        'body.append': (props: {
             colspan: number;
-            row: GroupedTableRow<T>;
-            group: Partial<T> | undefined;
-            groupKey: string;
-            groupValue: string | undefined;
+        }) => any;
+        'group.header': (props: {
+            colspan: number;
+            header: GroupHeader<T>;
             isOpen: boolean;
             toggle: () => void;
-        }): any;
-        "group.header.content"?(_: {
-            row: GroupedTableRow<T>;
-            group: Partial<T> | undefined;
+        }) => any;
+        'group.header.content': (props: {
+            header: GroupHeader<T>;
             groupKey: string;
-            groupValue: string | undefined;
-        }): any;
-        "expanded-item"?(_: {
-            row: GroupedTableRow<T>;
+        }) => any;
+        'expanded-item': (props: {
+            row: T;
             index: number;
-        }): any;
-        "no-data"?(_: {}): any;
-        "empty-description"?(_: {}): any;
-        "body.append"?(_: {
-            colspan: number;
-        }): any;
-        tfoot?(_: {}): any;
-    };
+        }) => any;
+        'no-data': () => any;
+        'empty-description': () => any;
+        tfoot: () => any;
+    }>;
     emit: {
         (e: 'update:model-value', value?: T[IdType][] | undefined): void;
         (e: 'update:expanded', value: T[]): void;
@@ -248,48 +228,37 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
         props: Props<T, IdType>;
         expose(exposed: {}): void;
         attrs: any;
-        slots: Partial<Record<string, (_: {
-            column: TableColumn<T>;
-        }) => any>> & Partial<Record<string, (_: {
+        slots: Partial<Record<`header.${string}`, (props: {
             column: TableColumn<T>;
-        }) => any>> & Partial<Record<string, (_: {
+        }) => any> & Record<`item.${string}`, (props: {
             column: TableColumn<T>;
-            row: GroupedTableRow<T>;
+            row: T;
             index: number;
-        }) => any>> & Partial<Record<string, (_: {
-            column: TableColumn<T>;
-            index: number;
-            row: GroupedTableRow<T>;
-        }) => any>> & {
-            "body.prepend"?(_: {
+        }) => any> & {
+            'body.prepend': (props: {
                 colspan: number;
-            }): any;
-            "group.header"?(_: {
+            }) => any;
+            'body.append': (props: {
                 colspan: number;
-                row: GroupedTableRow<T>;
-                group: Partial<T> | undefined;
-                groupKey: string;
-                groupValue: string | undefined;
+            }) => any;
+            'group.header': (props: {
+                colspan: number;
+                header: GroupHeader<T>;
                 isOpen: boolean;
                 toggle: () => void;
-            }): any;
-            "group.header.content"?(_: {
-                row: GroupedTableRow<T>;
-                group: Partial<T> | undefined;
+            }) => any;
+            'group.header.content': (props: {
+                header: GroupHeader<T>;
                 groupKey: string;
-                groupValue: string | undefined;
-            }): any;
-            "expanded-item"?(_: {
-                row: GroupedTableRow<T>;
+            }) => any;
+            'expanded-item': (props: {
+                row: T;
                 index: number;
-            }): any;
-            "no-data"?(_: {}): any;
-            "empty-description"?(_: {}): any;
-            "body.append"?(_: {
-                colspan: number;
-            }): any;
-            tfoot?(_: {}): any;
-        };
+            }) => any;
+            'no-data': () => any;
+            'empty-description': () => any;
+            tfoot: () => any;
+        }>;
         emit: {
             (e: 'update:model-value', value?: T[IdType][] | undefined): void;
             (e: 'update:expanded', value: T[]): void;

package/dist/components/tables/ExpandButton.vue.d.ts

@@ -1,4 +1,4 @@
-import { type RuiIcons } from '~/src';
+import type { RuiIcons } from '~/src';
 export interface Props {
     expanded: boolean;
     icon?: RuiIcons;
@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     icon: {
         type: globalThis.PropType<RuiIcons>;
         default: string;

package/dist/components/tables/TableHead.vue.d.ts

@@ -3,7 +3,7 @@
  * The column name must be a key of the passed data object type.
  * @template T - The type of the data in the column.
  */
-export type TableRowKey<T> = keyof T;
+export type TableRowKey<T> = keyof T extends string ? keyof T : never;
 export interface BaseTableColumn<T> {
     key: TableRowKey<T> | string;
     sortable?: boolean;
@@ -75,7 +75,7 @@ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_pr
     emit: {
         (e: 'select:all', value: boolean): void;
         (e: 'sort', value: {
-            key: keyof T;
+            key: TableRowKey<T>;
             direction?: "desc" | "asc" | undefined;
         }): void;
     };
@@ -89,7 +89,7 @@ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_pr
     emit: {
         (e: 'select:all', value: boolean): void;
         (e: 'sort', value: {
-            key: keyof T;
+            key: TableRowKey<T>;
             direction?: "desc" | "asc" | undefined;
         }): void;
     };
@@ -106,7 +106,7 @@ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_pr
         emit: {
             (e: 'select:all', value: boolean): void;
             (e: 'sort', value: {
-                key: keyof T;
+                key: TableRowKey<T>;
                 direction?: "desc" | "asc" | undefined;
             }): void;
         };

package/dist/components/tables/TablePagination.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (value: TablePaginationData) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     loading: {
         type: globalThis.PropType<boolean>;
         default: boolean;

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

@@ -1,4 +1,4 @@
-import { type ContextColorsType } from '../../../consts/colors';
+import type { ContextColorsType } from '../../../consts/colors';
 export interface Props {
     color?: ContextColorsType;
     disabled?: boolean;
@@ -64,7 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (tabValue: string | number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;

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

@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     reverse: {
         type: globalThis.PropType<boolean>;
         default: boolean;

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

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string | number>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: {
         type: globalThis.PropType<string | number>;
         default: undefined;

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

@@ -1,4 +1,4 @@
-import { type ContextColorsType } from '../../../consts/colors';
+import type { ContextColorsType } from '../../../consts/colors';
 export interface Props {
     color?: ContextColorsType;
     vertical?: boolean;
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: string | number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;

package/dist/composables/breakpoint.d.ts

@@ -1 +1 @@
-export declare const useBreakpoint: () => any;
+export declare function useBreakpoint(): any;

package/dist/composables/defaults/table.d.ts

@@ -1,10 +1,10 @@
-import { type InjectionKey, type Ref } from 'vue';
-import { type MaybeRef } from '@vueuse/shared';
+import type { InjectionKey, Ref } from 'vue';
+import type { MaybeRef } from '@vueuse/shared';
 export interface TableOptions {
     itemsPerPage: Ref<number>;
     globalItemsPerPage: MaybeRef<boolean>;
     limits: MaybeRef<number[]>;
 }
 export declare const TableSymbol: InjectionKey<TableOptions>;
-export declare const createTableDefaults: (options?: Partial<TableOptions>) => TableOptions;
-export declare const useTable: () => TableOptions;
+export declare function createTableDefaults(options?: Partial<TableOptions>): TableOptions;
+export declare function useTable(): TableOptions;

package/dist/composables/icons.d.ts

@@ -1,4 +1,4 @@
-import { type GeneratedIcon } from '../types/icons';
+import type { GeneratedIcon } from '../types/icons';
 export declare const useIcons: () => {
     registeredIcons: globalThis.Ref<Record<string, string>>;
     registerIcons: (iconsToAdd: GeneratedIcon[]) => void;

package/dist/composables/index.es.js

@@ -1,4 +1,4 @@
-import { u as A, a as $ } from "../theme-V5yenaDk.js";
+import { u as A, a as $ } 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";
@@ -22,19 +22,19 @@ function S(e, n) {
       r.push(t), t = "", i = void 0;
       continue;
     }
-    const a = E(c);
+    const u = E(c);
     if (p === !1) {
-      if (i === !1 && a === !0) {
-        r.push(t), t = c, i = a;
+      if (i === !1 && u === !0) {
+        r.push(t), t = c, i = u;
         continue;
       }
-      if (i === !0 && a === !1 && t.length > 1) {
+      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 = a;
+        r.push(t.slice(0, Math.max(0, t.length - 1))), t = s + c, i = u;
         continue;
       }
     }
-    t += c, i = a, p = f;
+    t += c, i = u, p = f;
   }
   return r.push(t), r;
 }
@@ -50,36 +50,36 @@ function R(e, n) {
 function l(e, n) {
   return z(R(e || "", n));
 }
-const B = () => {
+function B() {
   const { width: e } = m(), n = {
     xs: 0,
     ...d
   }, o = w(n), r = Object.keys, t = r(n), i = t.map(
-    (s, u) => [
+    (s, a) => [
       s,
-      u < t.length - 1 ? o.between(s, t[u + 1]) : o[s]
+      a < t.length - 1 ? o.between(s, t[a + 1]) : o[s]
     ]
-  ), p = i.map(([s, u]) => [
+  ), p = i.map(([s, a]) => [
     l(`is_${s}`),
-    u
+    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)
-  ]), a = _(() => {
+  ]), u = _(() => {
     var s;
-    return ((s = i.find((u) => h(u[1]))) == null ? void 0 : s[0]) || "";
+    return ((s = i.find((a) => h(a[1]))) == null ? void 0 : s[0]) || "";
   });
   return {
     ...Object.fromEntries(p),
     ...Object.fromEntries(c),
     ...Object.fromEntries(f),
-    width: e,
-    name: a
+    name: u,
+    width: e
   };
-};
+}
 export {
   B as useBreakpoint,
   A as useIcons,

package/dist/composables/popper.d.ts

@@ -1,6 +1,6 @@
+import { type Ref } from 'vue';
 import { type VirtualElement } from '@popperjs/core/lib/popper-lite';
 import { type MaybeElement } from '@vueuse/core';
-import type { Ref } from 'vue';
 import type { Instance, Placement, PositioningStrategy } from '@popperjs/core';
 export interface PopperOptions {
     locked?: boolean;
@@ -16,14 +16,14 @@ export interface PopperOptions {
 }
 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 const usePopper: (options: Ref<PopperOptions>, disabled?: Ref<boolean>, openDelay?: Ref<number>, closeDelay?: Ref<number>, virtualReference?: Ref<Element | VirtualElement>) => {
-    reference: Ref<MaybeElement>;
-    popper: Ref<MaybeElement>;
+export declare function usePopper(options: Ref<PopperOptions>, disabled?: Ref<boolean>, openDelay?: Ref<number>, closeDelay?: Ref<number>, virtualReference?: Ref<Element | VirtualElement>): {
     instance: Ref<Instance | null>;
-    open: Ref<boolean>;
-    popperEnter: Ref<boolean>;
-    onMouseOver: () => void;
     onMouseLeave: () => void;
+    onMouseOver: () => void;
     onPopperLeave: () => void;
+    open: Ref<boolean>;
+    popper: Ref<MaybeElement>;
+    popperEnter: Ref<boolean>;
+    reference: Ref<MaybeElement>;
     updatePopper: () => void;
 };

package/dist/composables/sticky-header.d.ts

@@ -1,8 +1,8 @@
-import { type Ref } from 'vue';
+import type { Ref } from 'vue';
 /**
  * Setup sticky table header
  */
-export declare const useStickyTableHeader: (offsetTop?: Ref<number>, sticky?: Ref<boolean>) => {
+export declare function useStickyTableHeader(offsetTop?: Ref<number>, sticky?: Ref<boolean>): {
     stick: Ref<boolean>;
     table: Ref<HTMLTableElement | null>;
     tableScroller: Ref<HTMLElement | null>;

package/dist/composables/theme.d.ts

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

package/dist/consts/typography.d.ts

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