@rotki/ui-library 0.2.4 → 0.4.0

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

@@ -0,0 +1,281 @@
+import { type TablePaginationData } from './TablePagination.vue';
+export interface TableColumn {
+    key: string;
+    sortable?: boolean;
+    direction?: 'asc' | 'desc';
+    align?: 'start' | 'center' | 'end';
+    class?: string;
+    cellClass?: string;
+    [key: string]: any;
+}
+export interface SortColumn {
+    column?: string;
+    direction: 'asc' | 'desc';
+}
+export interface TableOptions {
+    pagination?: TablePaginationData;
+    sort?: SortColumn | SortColumn[];
+}
+export interface Props {
+    /**
+     * list of items for each row
+     */
+    rows: Array<Record<string, any>>;
+    /**
+     * the attribute used to identify each row uniquely for selection, usually `id`
+     */
+    rowAttr: string;
+    /**
+     * model for selected rows, add a v-model to support row selection
+     */
+    modelValue?: string[];
+    /**
+     * model for insternal searching
+     */
+    search?: string;
+    /**
+     * model for paginating data
+     * @example v-model:pagination="{ total: 10, limit: 5, page: 1 }"
+     */
+    pagination?: TablePaginationData;
+    /**
+     * modifiers for specifying externally paginated tables
+     * use this when api controls pagination
+     * @example v-model:pagination.external="{ total: 10, limit: 5, page: 1 }"
+     */
+    paginationModifiers?: {
+        external: boolean;
+    };
+    /**
+     * model for sort column/columns data
+     * single column sort
+     * @example v-model:sort="{ column: 'name', direction: 'asc' }"
+     * multi columns sort
+     * @example v-model:sort="[{ column: 'name', direction: 'asc' }]"
+     */
+    sort?: SortColumn | SortColumn[];
+    /**
+     * modifiers for specifying externally sorted tables
+     * use this when api controls sorting
+     * single column sort
+     * @example v-model:sort.external="{ column: 'name', direction: 'asc' }"
+     * multi columns sort
+     * @example v-model:sort.external="[{ column: 'name', direction: 'asc' }]"
+     */
+    sortModifiers?: {
+        external: boolean;
+    };
+    /**
+     * list of column definitions
+     */
+    cols?: Array<TableColumn>;
+    /**
+     * attribute to use from column definitions to display column titles
+     */
+    columnAttr?: string;
+    /**
+     * flag to show a more or less spaceous table
+     */
+    dense?: boolean;
+    /**
+     * flag to outline the flag with a border
+     */
+    outlined?: boolean;
+    /**
+     * flag to show loading state of the table
+     * triggers an indefinite progress at the bottom of the table header
+     */
+    loading?: boolean;
+    /**
+     * data to display for empty state
+     * text and icon
+     * @example :empty="{ icon: 'transactions-line', label: 'No transactions found' }"
+     */
+    empty?: {
+        label?: string;
+        description?: string;
+    };
+}
+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;
+        };
+    };
+    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;
+        };
+    };
+    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;
+    };
+};

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

@@ -0,0 +1,46 @@
+export interface TablePaginationData {
+    page: number;
+    total: number;
+    limit: number;
+    limits?: number[];
+}
+export interface Props {
+    modelValue: TablePaginationData;
+    dense?: boolean;
+    loading?: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    loading: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: globalThis.PropType<TablePaginationData>;
+        required: true;
+    };
+    dense: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: TablePaginationData) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: globalThis.PropType<TablePaginationData>;
+        required: true;
+    };
+    dense: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((value: TablePaginationData) => any) | undefined;
+}, {
+    loading: boolean;
+    dense: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,136 @@
+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>;
+        required: true;
+    };
+    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>;
+        required: true;
+    };
+    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;
+    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,53 @@
+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>;
+        required: true;
+    };
+    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>;
+        required: true;
+    };
+    active: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    eager: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    reverse: boolean;
+    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-1f5d0d16.js";
+import { u as s, a } from "../index-393a0e94.js";
 import "../all-icons.es.js";
 import "@vueuse/core";
 import "vue";