@rotki/ui-library 0.3.0 → 0.5.0

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

@@ -1,37 +1,77 @@
 import { type TablePaginationData } from './TablePagination.vue';
-export interface TableColumn {
-    key: string;
-    sortable?: boolean;
+/**
+ * Represents a sortable column name for a given type.
+ * 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 SortableColumnName<T> = keyof T;
+/**
+ * Represents the name of a column in a dataset.
+ *
+ * The `ColumnName` type can either be a `SortableColumnName` or a string.
+ *
+ * @typeparam T - The type of the dataset containing the column name.
+ */
+export type ColumnName<T> = SortableColumnName<T> | string;
+export interface BaseTableColumn {
     direction?: 'asc' | 'desc';
-    align?: 'left' | 'right';
+    align?: 'start' | 'center' | 'end';
     class?: string;
+    cellClass?: string;
     [key: string]: any;
 }
-export interface SortColumn {
-    column?: string;
+/**
+ * Represents a sortable table column.
+ * This is used to ensure that when using sortable with a true value,
+ * the key matches to an actual property of the object passed.
+ *
+ * @template T - The type of data in the table column.
+ */
+export interface SortableTableColumn<T> extends BaseTableColumn {
+    key: SortableColumnName<T>;
+    sortable: true;
+}
+/**
+ * An interface representing a column in a table that cannot be sorted.
+ * This can be mapped to an actual property of the object or to a virtual column.
+ *
+ * @typeparam T - The type of data in the table.
+ */
+export interface NoneSortableTableColumn<T> extends BaseTableColumn {
+    key: string | SortableColumnName<T>;
+    sortable?: false;
+}
+export type TableColumn<T> = SortableTableColumn<T> | NoneSortableTableColumn<T>;
+export interface SortColumn<T> {
+    column?: SortableColumnName<T>;
     direction: 'asc' | 'desc';
 }
-export interface TableOptions {
+export interface TableOptions<T> {
     pagination?: TablePaginationData;
-    sort?: SortColumn | SortColumn[];
+    sort?: SortColumn<T> | SortColumn<T>[];
 }
-export interface Props {
+export interface Props<T, K extends keyof T> {
     /**
      * list of items for each row
      */
-    rows: Array<Record<string, any>>;
+    rows: T[];
     /**
      * the attribute used to identify each row uniquely for selection, usually `id`
      */
-    rowAttr: string;
+    rowAttr: K;
     /**
      * model for selected rows, add a v-model to support row selection
      */
-    modelValue?: string[];
+    modelValue?: T[K][];
     /**
-     * model for insternal searching
+     * model for internal searching
      */
     search?: string;
+    /**
+     * model for items per page
+     * will be used if the `pagination` model isn't specified
+     */
+    itemsPerPage?: number;
     /**
      * model for paginating data
      * @example v-model:pagination="{ total: 10, limit: 5, page: 1 }"
@@ -52,7 +92,7 @@ export interface Props {
      * multi columns sort
      * @example v-model:sort="[{ column: 'name', direction: 'asc' }]"
      */
-    sort?: SortColumn | SortColumn[];
+    sort?: SortColumn<T> | SortColumn<T>[];
     /**
      * modifiers for specifying externally sorted tables
      * use this when api controls sorting
@@ -67,7 +107,7 @@ export interface Props {
     /**
      * list of column definitions
      */
-    cols?: Array<TableColumn>;
+    cols?: TableColumn<T>[];
     /**
      * attribute to use from column definitions to display column titles
      */
@@ -94,187 +134,78 @@ export interface Props {
         label?: string;
         description?: string;
     };
+    /**
+     * should hide the footer
+     */
+    hideDefaultFooter?: boolean;
+    rounded?: 'sm' | 'md' | 'lg';
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    sort: {
-        type: globalThis.PropType<SortColumn | SortColumn[]>;
-        default: undefined;
-    };
-    search: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    outlined: {
-        type: globalThis.PropType<boolean>;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    modelValue: {
-        type: globalThis.PropType<string[]>;
-        default: undefined;
-    };
-    dense: {
-        type: globalThis.PropType<boolean>;
-    };
-    empty: {
-        type: globalThis.PropType<{
-            label?: string | undefined;
-            description?: string | undefined;
-        }>;
-        default: () => {
-            label: 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>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: Partial<Record<string, (_: {
+        column: TableColumn<T>;
+    }) => any>> & Partial<Record<string, (_: {
+        column: TableColumn<T>;
+        row: T;
+        index: number;
+    }) => any>> & {
+        "no-data"?(_: {}): any;
+        "empty-description"?(_: {}): any;
+        tfoot?(_: {}): any;
+    };
+    emit: {
+        (e: 'update:model-value', value?: T[IdType][] | undefined): void;
+        (e: 'update:pagination', value: TablePaginationData): void;
+        (e: 'update:sort', value?: SortColumn<T> | SortColumn<T>[] | undefined): void;
+        (e: 'update:options', value: TableOptions<T>): void;
+    };
+}, "attrs" | "slots" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+    props: Props<T, IdType>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: Partial<Record<string, (_: {
+        column: TableColumn<T>;
+    }) => any>> & Partial<Record<string, (_: {
+        column: TableColumn<T>;
+        row: T;
+        index: number;
+    }) => any>> & {
+        "no-data"?(_: {}): any;
+        "empty-description"?(_: {}): any;
+        tfoot?(_: {}): any;
+    };
+    emit: {
+        (e: 'update:model-value', value?: T[IdType][] | undefined): void;
+        (e: 'update:pagination', value: TablePaginationData): void;
+        (e: 'update:sort', value?: SortColumn<T> | SortColumn<T>[] | undefined): void;
+        (e: 'update:options', value: TableOptions<T>): void;
+    };
+}>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: Props<T, IdType>;
+        expose(exposed: {}): void;
+        attrs: any;
+        slots: Partial<Record<string, (_: {
+            column: TableColumn<T>;
+        }) => any>> & Partial<Record<string, (_: {
+            column: TableColumn<T>;
+            row: T;
+            index: number;
+        }) => any>> & {
+            "no-data"?(_: {}): any;
+            "empty-description"?(_: {}): any;
+            tfoot?(_: {}): any;
         };
-    };
-    rows: {
-        type: globalThis.PropType<Record<string, any>[]>;
-        required: true;
-    };
-    rowAttr: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    pagination: {
-        type: globalThis.PropType<TablePaginationData>;
-        default: undefined;
-    };
-    paginationModifiers: {
-        type: globalThis.PropType<{
-            external: boolean;
-        }>;
-        default: undefined;
-    };
-    sortModifiers: {
-        type: globalThis.PropType<{
-            external: boolean;
-        }>;
-        default: undefined;
-    };
-    cols: {
-        type: globalThis.PropType<TableColumn[]>;
-        default: undefined;
-    };
-    columnAttr: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:model-value": (value?: string[] | undefined) => void;
-    "update:pagination": (value?: TablePaginationData | undefined) => void;
-    "update:sort": (value?: SortColumn | SortColumn[] | undefined) => void;
-    "update:options": (value?: TableOptions | undefined) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    sort: {
-        type: globalThis.PropType<SortColumn | SortColumn[]>;
-        default: undefined;
-    };
-    search: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    outlined: {
-        type: globalThis.PropType<boolean>;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    modelValue: {
-        type: globalThis.PropType<string[]>;
-        default: undefined;
-    };
-    dense: {
-        type: globalThis.PropType<boolean>;
-    };
-    empty: {
-        type: globalThis.PropType<{
-            label?: string | undefined;
-            description?: string | undefined;
-        }>;
-        default: () => {
-            label: string;
+        emit: {
+            (e: 'update:model-value', value?: T[IdType][] | undefined): void;
+            (e: 'update:pagination', value: TablePaginationData): void;
+            (e: 'update:sort', value?: SortColumn<T> | SortColumn<T>[] | undefined): void;
+            (e: 'update:options', value: TableOptions<T>): void;
         };
-    };
-    rows: {
-        type: globalThis.PropType<Record<string, any>[]>;
-        required: true;
-    };
-    rowAttr: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    pagination: {
-        type: globalThis.PropType<TablePaginationData>;
-        default: undefined;
-    };
-    paginationModifiers: {
-        type: globalThis.PropType<{
-            external: boolean;
-        }>;
-        default: undefined;
-    };
-    sortModifiers: {
-        type: globalThis.PropType<{
-            external: boolean;
-        }>;
-        default: undefined;
-    };
-    cols: {
-        type: globalThis.PropType<TableColumn[]>;
-        default: undefined;
-    };
-    columnAttr: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-}>> & {
-    "onUpdate:model-value"?: ((value?: string[] | undefined) => any) | undefined;
-    "onUpdate:pagination"?: ((value?: TablePaginationData | undefined) => any) | undefined;
-    "onUpdate:sort"?: ((value?: SortColumn | SortColumn[] | undefined) => any) | undefined;
-    "onUpdate:options"?: ((value?: TableOptions | undefined) => any) | undefined;
-}, {
-    sort: SortColumn | SortColumn[];
-    search: string;
-    loading: boolean;
-    modelValue: string[];
-    empty: {
-        label?: string | undefined;
-        description?: string | undefined;
-    };
-    pagination: TablePaginationData;
-    paginationModifiers: {
-        external: boolean;
-    };
-    sortModifiers: {
-        external: boolean;
-    };
-    cols: TableColumn[];
-    columnAttr: string;
-}, {}>, Partial<Record<string, (_: {
-    column: TableColumn | {
-        [x: string]: string | boolean;
-        key: string;
-        sortable: boolean;
-        class: string;
-    };
-}) => any>> & Partial<Record<string, (_: {
-    column: TableColumn | {
-        [x: string]: string | boolean;
-        key: string;
-        sortable: boolean;
-        class: string;
-    };
-    row: Record<string, any>;
-    index: number;
-}) => any>> & {
-    "no-data"?(_: {}): any;
-    "empty-description"?(_: {}): any;
-    tfoot?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+    } | undefined;
 };
+export default _default;

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

@@ -0,0 +1,137 @@
+import { type ContextColorsType } from '../../../consts/colors';
+export interface Props {
+    color?: ContextColorsType;
+    disabled?: boolean;
+    grow?: boolean;
+    tabValue?: number | string;
+    active?: boolean;
+    link?: boolean;
+    target?: string;
+    to?: string;
+    exact?: boolean;
+    exactPath?: boolean;
+    vertical?: boolean;
+    align?: 'start' | 'center' | 'end';
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: undefined;
+    };
+    link: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    target: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    to: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    disabled: {
+        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;
+    };
+    grow: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    tabValue: {
+        type: globalThis.PropType<string | number>;
+        default: string;
+    };
+    exact: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    exactPath: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (tabValue: string | number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: undefined;
+    };
+    link: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    target: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    to: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    disabled: {
+        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;
+    };
+    grow: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    tabValue: {
+        type: globalThis.PropType<string | number>;
+        default: string;
+    };
+    exact: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    exactPath: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((tabValue: string | number) => any) | undefined;
+}, {
+    color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
+    link: boolean;
+    target: string;
+    to: string;
+    disabled: boolean;
+    active: boolean;
+    vertical: boolean;
+    align: "end" | "center" | "start";
+    grow: boolean;
+    tabValue: string | number;
+    exact: boolean;
+    exactPath: boolean;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,54 @@
+export interface Props {
+    active?: boolean;
+    value?: number | string;
+    eager?: boolean;
+    reverse?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    reverse: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    value: {
+        type: globalThis.PropType<string | number>;
+        default: undefined;
+    };
+    active: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    eager: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    reverse: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    value: {
+        type: globalThis.PropType<string | number>;
+        default: undefined;
+    };
+    active: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    eager: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    reverse: boolean;
+    value: string | number;
+    active: boolean;
+    eager: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,17 @@
+export interface Props {
+    modelValue?: number | string;
+}
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        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<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: globalThis.PropType<string | number>;
+        default: undefined;
+    };
+}>>, {
+    modelValue: string | number;
+}, {}>;
+export default _default;

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

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

package/dist/composables/index.es.js

@@ -1,4 +1,4 @@
-import { u as s, a } from "../index-2304aade.js";
+import { u as s, a } from "../index-393a0e94.js";
 import "../all-icons.es.js";
 import "@vueuse/core";
 import "vue";