@codemonster-ru/vueforge 0.21.0 → 0.23.0

package/dist/package/components/__tests__/accordion.test.d.ts

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

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

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

package/dist/package/components/accordion-context.d.ts

@@ -0,0 +1,15 @@
+import { ComputedRef } from 'vue';
+export type AccordionValue = string | number;
+export type AccordionVariant = 'filled' | 'outlined';
+export type AccordionSize = 'small' | 'normal' | 'large';
+export type AccordionContext = {
+    modelValue: ComputedRef<AccordionValue | AccordionValue[] | undefined>;
+    multiple: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    variant: ComputedRef<AccordionVariant>;
+    size: ComputedRef<AccordionSize>;
+    onToggle: (value: AccordionValue, event: Event) => void;
+    getHeaderId: (value: AccordionValue) => string;
+    getPanelId: (value: AccordionValue) => string;
+};
+export declare const accordionKey: unique symbol;

package/dist/package/components/accordion-item.vue.d.ts

@@ -0,0 +1,29 @@
+import { AccordionValue } from './accordion-context';
+interface Props {
+    value: AccordionValue;
+    title?: string;
+    disabled?: boolean;
+    unmount?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): 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, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    disabled: boolean;
+    title: string;
+    unmount: 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/components/accordion.vue.d.ts

@@ -0,0 +1,39 @@
+import { AccordionSize, AccordionValue, AccordionVariant } from './accordion-context';
+interface Props {
+    modelValue?: AccordionValue | AccordionValue[];
+    multiple?: boolean;
+    disabled?: boolean;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: AccordionSize;
+    variant: AccordionVariant;
+    modelValue: AccordionValue | AccordionValue[];
+    multiple: 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/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

@@ -413,6 +413,38 @@ export type TabsTokens = {
     panelTextColor?: string;
     disabledOpacity?: string;
 };
+export type AccordionTokens = {
+    gap?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    headerGap?: string;
+    headerPadding?: string;
+    headerFontSize?: string;
+    headerFontWeight?: string;
+    headerTextColor?: string;
+    headerBackgroundColor?: string;
+    headerHoverBackgroundColor?: string;
+    headerActiveBackgroundColor?: string;
+    contentPadding?: string;
+    contentTextColor?: string;
+    contentBackgroundColor?: string;
+    iconSize?: string;
+    iconColor?: string;
+    dividerColor?: string;
+    focusRingShadow?: string;
+    disabledOpacity?: string;
+    small?: {
+        headerPadding?: string;
+        headerFontSize?: string;
+        contentPadding?: string;
+    };
+    large?: {
+        headerPadding?: string;
+        headerFontSize?: string;
+        contentPadding?: string;
+    };
+};
 export type TooltipTokens = {
     padding?: string;
     borderRadius?: string;
@@ -434,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;
@@ -519,6 +583,7 @@ export type ThemeComponentTokens = {
     checkbox?: CheckboxTokens;
     radio?: RadioTokens;
     tabs?: TabsTokens;
+    accordion?: AccordionTokens;
     input?: InputTokens;
     formField?: FormFieldTokens;
     textarea?: TextareaTokens;
@@ -534,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/accordion.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    gap: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    headerGap: string;
+    headerPadding: string;
+    headerFontSize: string;
+    headerFontWeight: string;
+    headerTextColor: string;
+    headerBackgroundColor: string;
+    headerHoverBackgroundColor: string;
+    headerActiveBackgroundColor: string;
+    contentPadding: string;
+    contentTextColor: string;
+    contentBackgroundColor: string;
+    iconSize: string;
+    iconColor: string;
+    dividerColor: string;
+    focusRingShadow: string;
+    disabledOpacity: string;
+    small: {
+        headerPadding: string;
+        headerFontSize: string;
+        contentPadding: string;
+    };
+    large: {
+        headerPadding: string;
+        headerFontSize: string;
+        contentPadding: string;
+    };
+};
+export default _default;

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

@@ -595,6 +595,38 @@ declare const _default: {
             panelTextColor: string;
             disabledOpacity: string;
         };
+        accordion: {
+            gap: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            headerGap: string;
+            headerPadding: string;
+            headerFontSize: string;
+            headerFontWeight: string;
+            headerTextColor: string;
+            headerBackgroundColor: string;
+            headerHoverBackgroundColor: string;
+            headerActiveBackgroundColor: string;
+            contentPadding: string;
+            contentTextColor: string;
+            contentBackgroundColor: string;
+            iconSize: string;
+            iconColor: string;
+            dividerColor: string;
+            focusRingShadow: string;
+            disabledOpacity: string;
+            small: {
+                headerPadding: string;
+                headerFontSize: string;
+                contentPadding: string;
+            };
+            large: {
+                headerPadding: string;
+                headerFontSize: string;
+                contentPadding: string;
+            };
+        };
         tooltip: {
             padding: string;
             borderRadius: string;
@@ -616,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.21.0",
+    "version": "0.23.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",