@rotki/ui-library 0.13.0 → 0.14.0

package/dist/components/loaders/Skeleton.vue.d.ts

@@ -4,24 +4,24 @@ export interface Props extends SkeletonBaseProps {
 }
 declare const _default: import("vue").DefineComponent<{
     type: {
-        type: globalThis.PropType<"article" | "button" | "text" | "icon" | "heading" | "paragraph" | "custom" | "avatar" | "thumbnail">;
+        type: globalThis.PropType<"heading" | "paragraph" | "text" | "article" | "button" | "icon" | "custom" | "avatar" | "thumbnail">;
         default: string;
     };
     rounded: {
-        type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
+        type: globalThis.PropType<"sm" | "md" | "lg" | "none" | "full">;
         default: undefined;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     type: {
-        type: globalThis.PropType<"article" | "button" | "text" | "icon" | "heading" | "paragraph" | "custom" | "avatar" | "thumbnail">;
+        type: globalThis.PropType<"heading" | "paragraph" | "text" | "article" | "button" | "icon" | "custom" | "avatar" | "thumbnail">;
         default: string;
     };
     rounded: {
-        type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
+        type: globalThis.PropType<"sm" | "md" | "lg" | "none" | "full">;
         default: undefined;
     };
 }>>, {
-    type: "article" | "button" | "text" | "icon" | "heading" | "paragraph" | "custom" | "avatar" | "thumbnail";
-    rounded: "none" | "sm" | "lg" | "md" | "full";
+    type: "heading" | "paragraph" | "text" | "article" | "button" | "icon" | "custom" | "avatar" | "thumbnail";
+    rounded: "sm" | "md" | "lg" | "none" | "full";
 }, {}>;
 export default _default;

package/dist/components/loaders/SkeletonBase.vue.d.ts

@@ -3,15 +3,15 @@ export interface Props {
 }
 declare const _default: import("vue").DefineComponent<{
     rounded: {
-        type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
+        type: globalThis.PropType<"sm" | "md" | "lg" | "none" | "full">;
         default: undefined;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     rounded: {
-        type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
+        type: globalThis.PropType<"sm" | "md" | "lg" | "none" | "full">;
         default: undefined;
     };
 }>>, {
-    rounded: "none" | "sm" | "lg" | "md" | "full";
+    rounded: "sm" | "md" | "lg" | "none" | "full";
 }, {}>;
 export default _default;

package/dist/components/overlays/badge/Badge.vue.d.ts

@@ -14,20 +14,20 @@ export interface Props {
     color?: 'default' | ContextColorsType;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
-        default: string;
-    };
     size: {
-        type: globalThis.PropType<"sm" | "lg" | "md">;
+        type: globalThis.PropType<"sm" | "md" | "lg">;
         default: string;
     };
     text: {
         type: globalThis.PropType<string | null>;
         default: null;
     };
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
+        default: string;
+    };
     rounded: {
-        type: globalThis.PropType<"sm" | "lg" | "md" | "full">;
+        type: globalThis.PropType<"sm" | "md" | "lg" | "full">;
         default: string;
     };
     icon: {
@@ -59,20 +59,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: number;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
-        default: string;
-    };
     size: {
-        type: globalThis.PropType<"sm" | "lg" | "md">;
+        type: globalThis.PropType<"sm" | "md" | "lg">;
         default: string;
     };
     text: {
         type: globalThis.PropType<string | null>;
         default: null;
     };
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
+        default: string;
+    };
     rounded: {
-        type: globalThis.PropType<"sm" | "lg" | "md" | "full">;
+        type: globalThis.PropType<"sm" | "md" | "lg" | "full">;
         default: string;
     };
     icon: {
@@ -104,10 +104,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: number;
     };
 }>>, {
-    color: "primary" | "secondary" | "error" | "warning" | "info" | "success" | "default";
-    size: "sm" | "lg" | "md";
+    size: "sm" | "md" | "lg";
     text: string | null;
-    rounded: "sm" | "lg" | "md" | "full";
+    color: "primary" | "secondary" | "error" | "warning" | "info" | "success" | "default";
+    rounded: "sm" | "md" | "lg" | "full";
     icon: RuiIcons | null;
     modelValue: boolean;
     left: boolean;

package/dist/components/overlays/dialog/Dialog.vue.d.ts

@@ -6,7 +6,7 @@ export interface Props {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
-        type: globalThis.PropType<"sm" | "lg" | "md">;
+        type: globalThis.PropType<"sm" | "md" | "lg">;
         default: string;
     };
     modelValue: {
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:model-value": (modelValue: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     size: {
-        type: globalThis.PropType<"sm" | "lg" | "md">;
+        type: globalThis.PropType<"sm" | "md" | "lg">;
         default: string;
     };
     modelValue: {
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:model-value"?: ((modelValue: boolean) => any) | undefined;
 }, {
-    size: "sm" | "lg" | "md";
+    size: "sm" | "md" | "lg";
     dismissible: boolean;
     persistent: boolean;
 }, {}>, {

package/dist/components/overlays/menu/Menu.vue.d.ts

@@ -0,0 +1,108 @@
+import { type PopperOptions } from '../../../composables/popper';
+export interface Props {
+    modelValue?: boolean;
+    openOnHover?: boolean;
+    disabled?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    popper?: PopperOptions;
+    menuClass?: string;
+    closeOnContentClick?: boolean;
+}
+declare function checkClick(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    openDelay: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
+    closeDelay: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
+    popper: {
+        type: globalThis.PropType<PopperOptions>;
+        default: () => {};
+    };
+    openOnHover: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    menuClass: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    closeOnContentClick: {
+        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: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    openDelay: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
+    closeDelay: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
+    popper: {
+        type: globalThis.PropType<PopperOptions>;
+        default: () => {};
+    };
+    openOnHover: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    menuClass: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    closeOnContentClick: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+}, {
+    disabled: boolean;
+    modelValue: boolean;
+    openDelay: number;
+    closeDelay: number;
+    popper: PopperOptions;
+    openOnHover: boolean;
+    menuClass: string;
+    closeOnContentClick: boolean;
+}, {}>, {
+    activator?(_: {
+        on: {
+            mouseover: () => void;
+            mouseleave: () => void;
+            click: typeof checkClick;
+        };
+        open: boolean;
+    }): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/progress/Progress.vue.d.ts

@@ -24,6 +24,10 @@ export interface Props {
     size?: number | string;
 }
 declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: globalThis.PropType<string | number>;
+        default: number;
+    };
     value: {
         type: globalThis.PropType<number>;
         default: number;
@@ -52,11 +56,11 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string | number>;
         default: number;
     };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     size: {
         type: globalThis.PropType<string | number>;
         default: number;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     value: {
         type: globalThis.PropType<number>;
         default: number;
@@ -85,11 +89,8 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string | number>;
         default: number;
     };
-    size: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
 }>>, {
+    size: string | number;
     value: number;
     bufferValue: number;
     variant: "determinate" | "indeterminate" | "buffer";
@@ -97,6 +98,5 @@ declare const _default: import("vue").DefineComponent<{
     circular: boolean;
     showLabel: boolean;
     thickness: string | number;
-    size: string | number;
 }, {}>;
 export default _default;

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

@@ -1,8 +1,8 @@
 import { type TablePaginationData } from './TablePagination.vue';
-import { type GroupData, type GroupKeys, type SortColumn, type TableColumn, type TableRowKeyData, type TableSortData } from './TableHead.vue';
+import { type GroupData, type GroupKeys, type TableColumn, type TableRowKeyData, type TableSortData } from './TableHead.vue';
 export interface TableOptions<T> {
     pagination?: TablePaginationData;
-    sort?: SortColumn<T> | SortColumn<T>[];
+    sort?: TableSortData<T>;
 }
 export interface GroupHeader<T> {
     __header__: true;
@@ -89,6 +89,7 @@ export interface Props<T, K extends keyof T> {
      * triggers indefinite progress at the bottom of the table header
      */
     loading?: boolean;
+    disablePerPage?: boolean;
     /**
      * data to display for empty state
      * text and icon
@@ -130,6 +131,7 @@ export interface Props<T, K extends keyof T> {
      */
     group?: TableRowKeyData<T>;
     collapsed?: T[];
+    disabledRows?: T[];
 }
 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>;

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

@@ -7,6 +7,7 @@ export interface TablePaginationData {
 export interface Props {
     modelValue: TablePaginationData;
     dense?: boolean;
+    disablePerPage?: boolean;
     loading?: boolean;
 }
 declare const _default: import("vue").DefineComponent<{
@@ -22,6 +23,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    disablePerPage: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (value: TablePaginationData) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -37,10 +42,15 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    disablePerPage: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:model-value"?: ((value: TablePaginationData) => any) | undefined;
 }, {
     loading: boolean;
     dense: boolean;
+    disablePerPage: boolean;
 }, {}>;
 export default _default;

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

@@ -14,14 +14,22 @@ export interface Props {
     align?: 'start' | 'center' | 'end';
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
-        default: undefined;
+    active: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    vertical: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
     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;
@@ -34,14 +42,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         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;
@@ -65,14 +65,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (tabValue: string | number) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
-        default: undefined;
+    active: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    vertical: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
     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;
@@ -85,14 +93,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         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;
@@ -116,22 +116,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     onClick?: ((tabValue: string | number) => any) | undefined;
 }, {
-    color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
+    active: boolean;
+    vertical: boolean;
     link: boolean;
+    color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     target: string;
     to: string;
     disabled: boolean;
-    active: boolean;
-    vertical: boolean;
     align: "end" | "center" | "start";
     grow: boolean;
     tabValue: string | number;
     exact: boolean;
     exactPath: boolean;
 }, {}>, {
-    default?(props?: object | undefined): any;
-    prepend?(props?: object | undefined): any;
-    append?(props?: object | undefined): any;
+    default?: ((props?: object | undefined) => any) | undefined;
+    prepend?: ((props?: object | undefined) => any) | undefined;
+    append?: ((props?: object | undefined) => any) | undefined;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -8,6 +8,10 @@ export interface Props {
     align?: 'start' | 'center' | 'end';
 }
 declare const _default: import("vue").DefineComponent<{
+    vertical: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;
@@ -16,10 +20,6 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-    vertical: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
     modelValue: {
         type: globalThis.PropType<string | number>;
         default: undefined;
@@ -35,6 +35,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: string | number) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    vertical: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;
@@ -43,10 +47,6 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-    vertical: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
     modelValue: {
         type: globalThis.PropType<string | number>;
         default: undefined;
@@ -62,9 +62,9 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
 }, {
+    vertical: boolean;
     color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     disabled: boolean;
-    vertical: boolean;
     modelValue: string | number;
     align: "end" | "center" | "start";
     grow: boolean;

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

@@ -4,6 +4,7 @@ export interface TableOptions {
     itemsPerPage: Ref<number>;
     globalItemsPerPage: MaybeRef<boolean>;
     limits: MaybeRef<number[]>;
+    stickyOffset: MaybeRef<number>;
 }
 export declare const TableSymbol: InjectionKey<TableOptions>;
 export declare function createTableDefaults(options?: Partial<TableOptions>): TableOptions;

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

@@ -0,0 +1,9 @@
+export declare function useAutoCompleteProps<T extends object>(props: {
+    keyProp?: Extract<keyof T, string>;
+    textProp?: Extract<keyof T, string>;
+    itemDisabledProp?: Extract<keyof T, string>;
+}): {
+    getItemKey: (item: T) => string | undefined;
+    getTextValue: (item: T) => string | undefined;
+    isItemDisabled: (item: T) => boolean;
+};

package/dist/composables/index.es.js

@@ -1,11 +1,7 @@
-import { u as A, a as $ } from "../theme-DT8UjYf9.js";
+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";
-import "../icons/icons_1.es.js";
-import "../icons/icons_2.es.js";
-import "../icons/icons_5.es.js";
-import "../colors-ikihApJv.js";
 const C = /\d/, g = ["-", "_", "/", "."];
 function E(e = "") {
   if (!C.test(e))
@@ -50,7 +46,7 @@ function R(e, n) {
 function l(e, n) {
   return z(R(e || "", n));
 }
-function B() {
+function L() {
   const { width: e } = m(), n = {
     xs: 0,
     ...d
@@ -81,7 +77,7 @@ function B() {
   };
 }
 export {
-  B as useBreakpoint,
-  A as useIcons,
-  $ as useRotkiTheme
+  L as useBreakpoint,
+  v as useIcons,
+  B as useRotkiTheme
 };

package/dist/composables/popper.d.ts

@@ -18,8 +18,8 @@ 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>;
-    onMouseLeave: () => void;
-    onMouseOver: () => void;
+    onClose: () => void;
+    onOpen: () => void;
     onPopperLeave: () => void;
     open: Ref<boolean>;
     popper: Ref<MaybeElement>;

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

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

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

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