@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/DataTable/index.d.ts

@@ -0,0 +1,422 @@
+export declare const AtDataTable: {
+    DataTable: import('vue').DefineComponent<{
+        value: {
+            type: import('vue').PropType<{
+                [key: string]: unknown;
+            }[]>;
+            required: true;
+        };
+        withEditableFields: {
+            type: import('vue').PropType<string[]>;
+            default: undefined;
+        };
+        withSelection: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        withDefaultSelectedItems: {
+            type: import('vue').PropType<string[]>;
+            required: false;
+            default: () => undefined;
+        };
+        withPaginator: {
+            type: import('vue').PropType<{
+                total: number;
+                pageSize: number;
+                onUpdatePage: (page: number) => void;
+            } | undefined>;
+            default: undefined;
+        };
+        keyExtractor: {
+            type: import('vue').PropType<(item: any) => string>;
+            default: (item: any) => any;
+        };
+        columnsClasses: {
+            type: import('vue').PropType<string[]>;
+            default: () => never[];
+        };
+        alignColumns: {
+            type: import('vue').PropType<"center" | "left" | "right">;
+            default: string;
+        };
+        isLoading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loadingRowsLength: {
+            type: NumberConstructor;
+            default: number;
+        };
+        disable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        disableWithoutCSS: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        stickHeader: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }, {
+        reactiveIsLoading: import('vue').ComputedRef<boolean>;
+        tableData: import('vue').Ref<{
+            [key: string]: unknown;
+        }[]>;
+        activeTableData: import('vue').Ref<{
+            [key: string]: unknown;
+        }[]>;
+        columns: string[];
+        updateColumn: (column: string) => void;
+        internalUpdateColumn: (column: string) => void;
+        internalColumns: string[];
+        lastHoveredTr: import('vue').Ref<{
+            element: HTMLTableRowElement;
+            item: any;
+        } | null>;
+        getEntries: (item: any) => [string, unknown][];
+        extractKey: (item: any) => string | undefined;
+        updateOnKeyDown: (event: KeyboardEvent, field: string) => void;
+        handleTrClick: (event: MouseEvent, field: string) => void;
+        paginatorRef: import('vue').Ref<({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                disable?: boolean | undefined;
+                disableWithoutCSS?: boolean | undefined;
+                class?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import('vue').VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                style?: unknown;
+                "onUpdate:activePage"?: ((page: number) => any) | undefined;
+                readonly total: number;
+                readonly pageSize: number;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "update:activePage", page: number) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                total: {
+                    type: NumberConstructor;
+                    required: true;
+                };
+                pageSize: {
+                    type: NumberConstructor;
+                    required: true;
+                };
+                disable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableWithoutCSS: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
+                "onUpdate:activePage"?: ((page: number) => any) | undefined;
+            }, {
+                activePage: import('vue').Ref<number>;
+                activeChunk: import('vue').Ref<number>;
+                pageChunks: import('vue').ComputedRef<number[][]>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                isDisabledWithoutCSS: import('vue').ComputedRef<boolean>;
+                pages: import('vue').ComputedRef<number[]>;
+                icons: {
+                    arrowLeft: string;
+                    arrowRight: string;
+                    doubleLeft: string;
+                    doubleRight: string;
+                };
+                nextChunk: () => void;
+                nextPage: () => void;
+                previousPage: () => void;
+                previousChunk: () => void;
+            }, unknown, {}, {
+                setPage(page: number): void;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:activePage": (page: number) => boolean;
+            }, string, {
+                disable: boolean;
+                disableWithoutCSS: boolean;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<import('vue').ExtractPropTypes<{
+            total: {
+                type: NumberConstructor;
+                required: true;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                required: true;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableWithoutCSS: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:activePage"?: ((page: number) => any) | undefined;
+        } & import('vue').ShallowUnwrapRef<{
+            activePage: import('vue').Ref<number>;
+            activeChunk: import('vue').Ref<number>;
+            pageChunks: import('vue').ComputedRef<number[][]>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            isDisabledWithoutCSS: import('vue').ComputedRef<boolean>;
+            pages: import('vue').ComputedRef<number[]>;
+            icons: {
+                arrowLeft: string;
+                arrowRight: string;
+                doubleLeft: string;
+                doubleRight: string;
+            };
+            nextChunk: () => void;
+            nextPage: () => void;
+            previousPage: () => void;
+            previousChunk: () => void;
+        }> & {} & {
+            setPage(page: number): void;
+        } & import('vue').ComponentCustomProperties & {}) | undefined>;
+    }, unknown, {}, {
+        setPage(page: number): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:selected-items": (items: any[]) => boolean;
+        "update:table-data": (data: {
+            [key: string]: unknown;
+        }[]) => boolean;
+        "update:table-cell": (data: {
+            field: string;
+            value: string | number | boolean;
+        }) => boolean;
+    }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: import('vue').PropType<{
+                [key: string]: unknown;
+            }[]>;
+            required: true;
+        };
+        withEditableFields: {
+            type: import('vue').PropType<string[]>;
+            default: undefined;
+        };
+        withSelection: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        withDefaultSelectedItems: {
+            type: import('vue').PropType<string[]>;
+            required: false;
+            default: () => undefined;
+        };
+        withPaginator: {
+            type: import('vue').PropType<{
+                total: number;
+                pageSize: number;
+                onUpdatePage: (page: number) => void;
+            } | undefined>;
+            default: undefined;
+        };
+        keyExtractor: {
+            type: import('vue').PropType<(item: any) => string>;
+            default: (item: any) => any;
+        };
+        columnsClasses: {
+            type: import('vue').PropType<string[]>;
+            default: () => never[];
+        };
+        alignColumns: {
+            type: import('vue').PropType<"center" | "left" | "right">;
+            default: string;
+        };
+        isLoading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loadingRowsLength: {
+            type: NumberConstructor;
+            default: number;
+        };
+        disable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        disableWithoutCSS: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        stickHeader: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:selected-items"?: ((items: any[]) => any) | undefined;
+        "onUpdate:table-data"?: ((data: {
+            [key: string]: unknown;
+        }[]) => any) | undefined;
+        "onUpdate:table-cell"?: ((data: {
+            field: string;
+            value: string | number | boolean;
+        }) => any) | undefined;
+    }, {
+        isLoading: boolean;
+        disable: boolean;
+        disableWithoutCSS: boolean;
+        alignColumns: "center" | "left" | "right";
+        withEditableFields: string[];
+        withSelection: boolean;
+        withDefaultSelectedItems: string[];
+        withPaginator: {
+            total: number;
+            pageSize: number;
+            onUpdatePage: (page: number) => void;
+        } | undefined;
+        keyExtractor: (item: any) => string;
+        columnsClasses: string[];
+        loadingRowsLength: number;
+        stickHeader: boolean;
+    }, {}>;
+    Column: import('vue').DefineComponent<{
+        field: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        withMaxMinFilter: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+    }, {
+        alignColumns: import('vue').Ref<"center" | "left" | "right">;
+        filterSvg: string;
+        orientation: import('vue').Ref<"top" | "bottom">;
+        toggleOrientation: () => void;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        field: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        withMaxMinFilter: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+    }>>, {
+        withMaxMinFilter: boolean;
+    }, {}>;
+    Counters: import('vue').DefineComponent<{
+        columns: {
+            type: () => {
+                label: string;
+                key: string;
+            }[];
+            required: true;
+        };
+        list: {
+            type: () => any[];
+            required: true;
+        };
+    }, {
+        isOpened: import('vue').Ref<boolean>;
+        toggleClick: () => void;
+        handleClose: () => void;
+        countersQuantityRef: import('vue').Ref<HTMLElement | null>;
+        computedItems: import('vue').ComputedRef<{
+            label: string;
+            key: string;
+            value: any[];
+        }[]>;
+        itemsRef: import('vue').Ref<HTMLElement | null>;
+        closeIcon: string;
+        checkIfContainerIsWithinViewport: () => void;
+        onDispatchEvent: (event: any) => void;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        columns: {
+            type: () => {
+                label: string;
+                key: string;
+            }[];
+            required: true;
+        };
+        list: {
+            type: () => any[];
+            required: true;
+        };
+    }>>, {}, {}>;
+};

package/dist/DataTable/index.js

@@ -0,0 +1,11 @@
+import o from "./DataTable.vue.js";
+import t from "./Column/Column.vue.js";
+import r from "./Counters/Counters.vue.js";
+const p = {
+  DataTable: o,
+  Column: t,
+  Counters: r
+};
+export {
+  p as AtDataTable
+};