@codemonster-ru/vueforge 0.22.0 → 0.23.0

package/dist/package/components/__tests__/data-table.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package/components/data-table.vue.d.ts

@@ -0,0 +1,83 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+type Align = 'left' | 'center' | 'right';
+type SortOrder = 'asc' | 'desc' | null;
+export interface DataTableColumn {
+    field: string;
+    header?: string;
+    sortable?: boolean;
+    align?: Align;
+    width?: string;
+    minWidth?: string;
+    formatter?: (row: Record<string, unknown>, value: unknown, column: DataTableColumn) => string | number;
+}
+interface Props {
+    rows?: Array<Record<string, unknown>>;
+    columns?: Array<DataTableColumn>;
+    rowKey?: string | ((row: Record<string, unknown>, index: number) => string | number);
+    sortable?: boolean;
+    sortField?: string | null;
+    sortOrder?: SortOrder;
+    loading?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+    striped?: boolean;
+    hover?: boolean;
+    size?: Size;
+    variant?: Variant;
+    showHeader?: boolean;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`header-${string}`, (_: {
+        column: DataTableColumn;
+    }) => any>> & Partial<Record<`header-${string}`, (_: {
+        column: DataTableColumn;
+    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+        row: Record<string, unknown>;
+        column: DataTableColumn;
+        value: unknown;
+        index: number;
+    }) => any>> & {
+        loading?(_: {}): any;
+        empty?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sort: (...args: any[]) => void;
+    "update:sortField": (...args: any[]) => void;
+    "update:sortOrder": (...args: any[]) => void;
+    rowClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSort?: ((...args: any[]) => any) | undefined;
+    "onUpdate:sortField"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:sortOrder"?: ((...args: any[]) => any) | undefined;
+    onRowClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: Size;
+    loading: boolean;
+    variant: Variant;
+    rows: Array<Record<string, unknown>>;
+    loadingText: string;
+    emptyText: string;
+    ariaLabel: string;
+    columns: Array<DataTableColumn>;
+    rowKey: string | ((row: Record<string, unknown>, index: number) => string | number);
+    sortable: boolean;
+    sortField: string | null;
+    sortOrder: SortOrder;
+    striped: boolean;
+    hover: boolean;
+    showHeader: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/config/theme-core.d.ts

@@ -466,6 +466,38 @@ export type SkeletonTokens = {
     shimmerColor?: string;
     animationDuration?: string;
 };
+export type DataTableTokens = {
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    fontSize?: string;
+    textColor?: string;
+    headerBackgroundColor?: string;
+    headerTextColor?: string;
+    headerFontSize?: string;
+    headerFontWeight?: string;
+    headerBorderColor?: string;
+    headerGap?: string;
+    rowBackgroundColor?: string;
+    rowTextColor?: string;
+    rowBorderColor?: string;
+    cellPadding?: string;
+    stripedBackgroundColor?: string;
+    hoverBackgroundColor?: string;
+    sortIconColor?: string;
+    sortIconActiveColor?: string;
+    sortIconSize?: string;
+    statePadding?: string;
+    stateTextColor?: string;
+    small?: {
+        fontSize?: string;
+        cellPadding?: string;
+    };
+    large?: {
+        fontSize?: string;
+        cellPadding?: string;
+    };
+};
 export type ToastTokens = {
     gap?: string;
     padding?: string;
@@ -567,6 +599,7 @@ export type ThemeComponentTokens = {
     switch?: SwitchTokens;
     tooltip?: TooltipTokens;
     skeleton?: SkeletonTokens;
+    datatable?: DataTableTokens;
     toast?: ToastTokens;
     alert?: AlertTokens;
     [key: string]: unknown;

package/dist/package/themes/default/components/datatable.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    borderColor: string;
+    borderRadius: string;
+    backgroundColor: string;
+    fontSize: string;
+    textColor: string;
+    headerBackgroundColor: string;
+    headerTextColor: string;
+    headerFontSize: string;
+    headerFontWeight: string;
+    headerBorderColor: string;
+    headerGap: string;
+    rowBackgroundColor: string;
+    rowTextColor: string;
+    rowBorderColor: string;
+    cellPadding: string;
+    stripedBackgroundColor: string;
+    hoverBackgroundColor: string;
+    sortIconColor: string;
+    sortIconActiveColor: string;
+    sortIconSize: string;
+    statePadding: string;
+    stateTextColor: string;
+    small: {
+        fontSize: string;
+        cellPadding: string;
+    };
+    large: {
+        fontSize: string;
+        cellPadding: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/index.d.ts

@@ -648,6 +648,38 @@ declare const _default: {
             shimmerColor: string;
             animationDuration: string;
         };
+        datatable: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            fontSize: string;
+            textColor: string;
+            headerBackgroundColor: string;
+            headerTextColor: string;
+            headerFontSize: string;
+            headerFontWeight: string;
+            headerBorderColor: string;
+            headerGap: string;
+            rowBackgroundColor: string;
+            rowTextColor: string;
+            rowBorderColor: string;
+            cellPadding: string;
+            stripedBackgroundColor: string;
+            hoverBackgroundColor: string;
+            sortIconColor: string;
+            sortIconActiveColor: string;
+            sortIconSize: string;
+            statePadding: string;
+            stateTextColor: string;
+            small: {
+                fontSize: string;
+                cellPadding: string;
+            };
+            large: {
+                fontSize: string;
+                cellPadding: string;
+            };
+        };
         toast: {
             gap: string;
             padding: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.22.0",
+    "version": "0.23.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",