vue-chrts 0.0.21

package/README.md

@@ -0,0 +1,3 @@
+# Vue 3 Charts Inspired by Tremor
+
+This is a Vue 3 chart package inspired by [Tremor](https://tremor.so/).

package/dist/components/Base/Area/AreaChart.vue.d.ts

@@ -0,0 +1,36 @@
+import { BulletLegendItemInterface, CurveType } from '@unovis/ts';
+import { PaginationPosition } from '..';
+
+declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, never>) & {
+        data: T[];
+        height: number;
+        xLabel?: string;
+        yLabel?: string;
+        categories: Record<string, BulletLegendItemInterface>;
+        xFormatter: (i: number, idx: number) => string;
+        yFormatter?: (i: number, idx?: number) => string | number;
+        curveType?: CurveType;
+        xNumTicks?: number;
+        yNumTicks?: number;
+        hideLegend?: boolean;
+        hideTooltip?: boolean;
+        gridLineX?: boolean;
+        domainLineX?: boolean;
+        gridLineY?: boolean;
+        domainLineY?: boolean;
+        paginationPoisition?: PaginationPosition;
+    }, keyof import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps | keyof import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps>> & {} & (import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps);
+    expose(exposed: import('../../../../vue/dist/vue.esm-bundler.js').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('../../../../vue/dist/vue.esm-bundler.js').VNode<import('../../../../vue/dist/vue.esm-bundler.js').RendererNode, import('../../../../vue/dist/vue.esm-bundler.js').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/Base/Area/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AreaChart } from './AreaChart.vue';
+
+export { AreaChart };

package/dist/components/Base/AreaStacked/AreaStackedChart.vue.d.ts

@@ -0,0 +1,17 @@
+import { BulletLegendItemInterface } from '@unovis/ts';
+
+declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, never>) & {
+        data: T[];
+        categories: Record<string, BulletLegendItemInterface>;
+    }, keyof import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps | keyof import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps>> & {} & (import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps);
+    expose(exposed: import('../../../../vue/dist/vue.esm-bundler.js').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('../../../../vue/dist/vue.esm-bundler.js').VNode<import('../../../../vue/dist/vue.esm-bundler.js').RendererNode, import('../../../../vue/dist/vue.esm-bundler.js').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;

package/dist/components/Base/AreaStacked/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AreaStackedChart } from './AreaStackedChart.vue';
+
+export { AreaStackedChart };

package/dist/components/Base/Bar/BarChart.vue.d.ts

@@ -0,0 +1,29 @@
+import { BulletLegendItemInterface } from '@unovis/ts';
+
+declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, never>) & {
+        data: T[];
+        height: number;
+        xLabel?: string;
+        yLabel?: string;
+        categories: Record<string, BulletLegendItemInterface>;
+        xFormatter: (i: number, idx: number) => string;
+        yFormatter?: (i: number, idx?: number) => string | number;
+        yNumTicks?: number;
+        xNumTicks?: number;
+        yAxis: string[];
+        groupPadding?: number;
+        barPadding?: number;
+        radius?: number;
+        hideLegend?: boolean;
+    }, keyof import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps | keyof import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps>> & {} & (import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps);
+    expose(exposed: import('../../../../vue/dist/vue.esm-bundler.js').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('../../../../vue/dist/vue.esm-bundler.js').VNode<import('../../../../vue/dist/vue.esm-bundler.js').RendererNode, import('../../../../vue/dist/vue.esm-bundler.js').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;

package/dist/components/Base/Bar/index.d.ts

@@ -0,0 +1,3 @@
+import { default as BarChart } from './BarChart.vue';
+
+export { BarChart };

package/dist/components/Base/Crosshair.vue.d.ts

@@ -0,0 +1,38 @@
+import { BulletLegendItemInterface } from '@unovis/ts';
+import { Component } from '../../../vue/dist/vue.esm-bundler.js';
+
+declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    colors: string[];
+    index: string;
+    items: BulletLegendItemInterface[];
+    customTooltip?: Component;
+}>, {
+    colors: () => never[];
+}>>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    colors: string[];
+    index: string;
+    items: BulletLegendItemInterface[];
+    customTooltip?: Component;
+}>, {
+    colors: () => never[];
+}>>> & Readonly<{}>, {
+    colors: string[];
+}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/Base/Donut/DonutChart.vue.d.ts

@@ -0,0 +1,40 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    type?: string;
+    data: number[];
+    height: number;
+    radius: number;
+    hidePagination?: boolean;
+    labels: {
+        name: string;
+        color: string;
+    }[];
+}>>, {}, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    type?: string;
+    data: number[];
+    height: number;
+    radius: number;
+    hidePagination?: boolean;
+    labels: {
+        name: string;
+        color: string;
+    }[];
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Base/Donut/index.d.ts

@@ -0,0 +1,3 @@
+import { default as DonutChart } from './DonutChart.vue';
+
+export { DonutChart };

package/dist/components/Base/Line/LineChart.vue.d.ts

@@ -0,0 +1,27 @@
+import { BulletLegendItemInterface, CurveType } from '@unovis/ts';
+import { PaginationPosition } from './../../Base';
+
+declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, never>) & {
+        data: T[];
+        height: number;
+        xLabel?: string;
+        yLabel?: string;
+        categories: Record<string, BulletLegendItemInterface>;
+        xFormatter: (i: number, idx: number) => string;
+        yFormatter?: (i: number, idx: number) => string;
+        curveType?: CurveType;
+        yNumTicks?: number;
+        xNumTicks?: number;
+        paginationPoisition?: PaginationPosition;
+    }, keyof import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps | keyof import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps>> & {} & (import('../../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps);
+    expose(exposed: import('../../../../vue/dist/vue.esm-bundler.js').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('../../../../vue/dist/vue.esm-bundler.js').VNode<import('../../../../vue/dist/vue.esm-bundler.js').RendererNode, import('../../../../vue/dist/vue.esm-bundler.js').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;

package/dist/components/Base/Line/index.d.ts

@@ -0,0 +1,4 @@
+import { default as LineChart } from './LineChart.vue';
+
+export { LineChart };
+export * from './types';

package/dist/components/Base/Line/types.d.ts

@@ -0,0 +1,4 @@
+export declare enum PaginationPosition {
+    Top = "top",
+    Bottom = "bottom"
+}

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

@@ -0,0 +1,19 @@
+interface StorageProps {
+    label: string;
+    value: string;
+    unit?: string;
+    progress: number;
+    total: number;
+    color: string;
+}
+declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<StorageProps>>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<StorageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Base/Status.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<{}, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Base/Tooltip.vue.d.ts

@@ -0,0 +1,17 @@
+import { BulletLegendItemInterface } from '@unovis/ts';
+
+declare const _default: <T extends {}>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, never>) & {
+        data: T;
+        categories: Record<string, BulletLegendItemInterface>;
+    }, keyof import('../../../vue/dist/vue.esm-bundler.js').VNodeProps | keyof import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps>> & {} & (import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps);
+    expose(exposed: import('../../../vue/dist/vue.esm-bundler.js').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('../../../vue/dist/vue.esm-bundler.js').VNode<import('../../../vue/dist/vue.esm-bundler.js').RendererNode, import('../../../vue/dist/vue.esm-bundler.js').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;

package/dist/components/Base/index.d.ts

@@ -0,0 +1,10 @@
+import { default as Crosshair } from './Crosshair.vue';
+import { default as Progress } from './Progress.vue';
+import { default as Status } from './Status.vue';
+import { default as Tooltip } from './Tooltip.vue';
+export * from './Area';
+export * from './AreaStacked';
+export * from './Bar';
+export * from './Donut';
+export * from './Line';
+export { Crosshair, Progress, Status, Tooltip };

package/dist/components/Elements/Table/Table.d.ts

@@ -0,0 +1,56 @@
+import { ColumnDef, Row, CellContext } from '@tanstack/vue-table';
+
+export declare function createTypedColumnHelper<T>(): import('@tanstack/vue-table').ColumnHelper<T>;
+export type CellRenderer<T> = (context: CellContext<T, unknown>) => any;
+export type HeaderRenderer<T> = (context: {
+    column: T | any;
+}) => any;
+export declare function createColumn<T>(options: {
+    accessorKey: keyof T | string;
+    header: string | HeaderRenderer<T>;
+    cell?: CellRenderer<T>;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    meta?: Record<string, any>;
+}): ColumnDef<T>;
+export declare function createCustomColumn<T, TValue>(options: {
+    id: string;
+    header: string | HeaderRenderer<T>;
+    accessorFn: (row: T) => TValue;
+    cell?: CellRenderer<T>;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    size?: number;
+    meta?: Record<string, any>;
+}): ColumnDef<T>;
+export declare function createPaginationState(pageIndex?: number, pageSize?: number): {
+    pageIndex: number;
+    pageSize: number;
+};
+export declare function createSortingState<T>(columnId: keyof T | string, direction?: 'asc' | 'desc'): {
+    id: string;
+    desc: boolean;
+}[];
+export declare function getSelectedRows<T>(rows: Row<T>[], rowSelection: Record<string, boolean>): T[];
+export interface TableConfig<T> {
+    data: T[];
+    columns: ColumnDef<T>[];
+    enableSorting?: boolean;
+    enableMultiSort?: boolean;
+    enablePagination?: boolean;
+    enableFiltering?: boolean;
+    enableRowSelection?: boolean;
+    tableSize?: 'sm' | 'md' | 'lg';
+    striped?: boolean;
+    hover?: boolean;
+    bordered?: boolean;
+    paginationPosition?: 'top' | 'bottom' | 'both' | 'none';
+    pageSizeOptions?: number[];
+    initialPageSize?: number;
+    onRowClick?: (row: Row<T>) => void;
+    getRowClass?: (row: Row<T>) => string;
+}
+export declare function getDefaultTableConfig<T>(): Partial<TableConfig<T>>;