@agrotools1/at-components 0.1.3-5

package/README.md

@@ -0,0 +1,7 @@
+# At Components
+
+## Installation
+
+```bash
+pnpm install at-components
+```

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,66 @@
+export interface AvatarProps {
+    imgBase64?: string | null;
+    username: string;
+    size: "G" | "M" | "P";
+}
+declare const _default: import("vue").DefineComponent<{
+    imgBase64: {
+        required: false;
+        type: StringConstructor;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    withIcon: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    username: {
+        required: true;
+        type: StringConstructor;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        required: false;
+        type: () => "P" | "M" | "G";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    slotSize: import("vue").ComputedRef<string>;
+    fontSize: import("vue").ComputedRef<string>;
+    text: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    imgBase64: {
+        required: false;
+        type: StringConstructor;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    withIcon: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    username: {
+        required: true;
+        type: StringConstructor;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        required: false;
+        type: () => "P" | "M" | "G";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    imgBase64: string;
+    withIcon: boolean;
+    username: string;
+    size: "G" | "M" | "P";
+}, {}>;
+export default _default;

package/dist/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { type AvatarProps, default as AtAvatar } from "./Avatar";

package/dist/Button/Button.d.ts

@@ -0,0 +1,146 @@
+export interface ButtonProps {
+    text: string;
+    variant: "primary" | "secondary" | "danger" | "header";
+    loading: boolean;
+    disabled: boolean;
+    size: {
+        width: string;
+    };
+    icon: SVGSVGElement | string | null;
+    isToggle: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    isToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    text: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    variant: {
+        type: () => "primary" | "secondary" | "danger" | "header";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    size: {
+        type: () => {
+            width: string;
+        };
+        default: () => {
+            width: string;
+        };
+        validator: (value: {
+            width: string;
+        }) => boolean;
+    };
+    icon: {
+        type: (StringConstructor | {
+            new (): SVGSVGElement;
+            prototype: SVGSVGElement;
+        })[];
+        default: string;
+        required: false;
+        validator: (value: SVGSVGElement | string) => boolean;
+    };
+    iconLeft: {
+        type: (StringConstructor | {
+            new (): SVGSVGElement;
+            prototype: SVGSVGElement;
+        })[];
+        default: string;
+        required: false;
+        validator: (value: SVGSVGElement | string) => boolean;
+    };
+}, {
+    buttonRef: {
+        value: HTMLElement | null;
+    };
+    iconSlotEl: {
+        value: HTMLElement | null;
+    };
+    leftIconSlotEl: {
+        value: HTMLElement | null;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    text: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    variant: {
+        type: () => "primary" | "secondary" | "danger" | "header";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    size: {
+        type: () => {
+            width: string;
+        };
+        default: () => {
+            width: string;
+        };
+        validator: (value: {
+            width: string;
+        }) => boolean;
+    };
+    icon: {
+        type: (StringConstructor | {
+            new (): SVGSVGElement;
+            prototype: SVGSVGElement;
+        })[];
+        default: string;
+        required: false;
+        validator: (value: SVGSVGElement | string) => boolean;
+    };
+    iconLeft: {
+        type: (StringConstructor | {
+            new (): SVGSVGElement;
+            prototype: SVGSVGElement;
+        })[];
+        default: string;
+        required: false;
+        validator: (value: SVGSVGElement | string) => boolean;
+    };
+}>>, {
+    size: {
+        width: string;
+    };
+    text: string;
+    isToggle: boolean;
+    variant: "header" | "primary" | "secondary" | "danger";
+    loading: boolean;
+    disabled: boolean;
+    icon: string | SVGSVGElement;
+    iconLeft: string | SVGSVGElement;
+}, {}>;
+export default _default;

package/dist/Button/index.d.ts

@@ -0,0 +1 @@
+export { type ButtonProps, default as AtButton } from "./Button";

package/dist/CardWithInsights/CardWithInsights.d.ts

@@ -0,0 +1,7 @@
+export type CardWithInsights = {
+    index: number;
+    value: number;
+    image: string;
+    insightTitle: string;
+    myFunction?: (input: number | string | HTMLElement | Event | void) => void;
+};

package/dist/CardWithInsights/index.d.ts

@@ -0,0 +1 @@
+export { type AtCardWithInsightsProps, default as AtCardWithInsights } from "./CardWithInsights";

package/dist/Checkbox/Checkbox.d.ts

@@ -0,0 +1,73 @@
+export interface CheckboxProps {
+    value?: boolean;
+    disabled: boolean;
+    size: "12" | "16" | "20" | "24" | "28";
+    labelledby: string;
+}
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        required: false;
+        type: () => CheckboxProps["disabled"];
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    value: {
+        required: false;
+        type: () => CheckboxProps["value"];
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    size: {
+        required: false;
+        type: () => CheckboxProps["size"];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    labelledby: {
+        required: false;
+        type: () => CheckboxProps["labelledby"];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    checkmarck: string;
+    buttonRef: import("vue").Ref<HTMLButtonElement | null>;
+    inputRef: import("vue").Ref<HTMLInputElement | null>;
+    computedSize: import("vue").ComputedRef<string>;
+    isChecked: import("vue").Ref<boolean | undefined>;
+    onClick: () => void;
+    borderRadius: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        required: false;
+        type: () => CheckboxProps["disabled"];
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    value: {
+        required: false;
+        type: () => CheckboxProps["value"];
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    size: {
+        required: false;
+        type: () => CheckboxProps["size"];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    labelledby: {
+        required: false;
+        type: () => CheckboxProps["labelledby"];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    size: "12" | "16" | "20" | "24" | "28";
+    disabled: boolean;
+    value: boolean | undefined;
+    labelledby: string;
+}, {}>;
+export default _default;

package/dist/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { type CheckboxProps, default as AtCheckbox } from "./Checkbox";

package/dist/DataTable/Column/Column.d.ts

@@ -0,0 +1,36 @@
+import { type PropType, type Ref } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    withMaxMinFilter: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}, {
+    alignColumns: Ref<"center" | "left" | "right">;
+    filterSvg: string;
+    orientation: Ref<"bottom" | "top">;
+    onClick: () => 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: PropType<boolean>;
+        default: undefined;
+    };
+}>>, {
+    withMaxMinFilter: boolean;
+}, {}>;
+export default _default;

package/dist/DataTable/Counters/Counters.d.ts

@@ -0,0 +1,41 @@
+export interface CountersProps {
+    list: Array<any>;
+    columns: Array<{
+        label: string;
+        key: string;
+    }>;
+}
+declare const _default: import("vue").DefineComponent<{
+    columns: {
+        type: () => CountersProps["columns"];
+        required: true;
+    };
+    list: {
+        type: () => CountersProps["list"];
+        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: () => CountersProps["columns"];
+        required: true;
+    };
+    list: {
+        type: () => CountersProps["list"];
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/DataTable/DataTable.d.ts

@@ -0,0 +1,113 @@
+import { type PropType } from "vue";
+type TableData = Array<{
+    [key: string]: unknown;
+}>;
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: PropType<TableData>;
+        required: true;
+    };
+    withEditableFields: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    withSelection: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    withPaginator: {
+        type: PropType<{
+            total: number;
+            pageSize: number;
+            onUpdatePage: (page: number) => void;
+        } | undefined>;
+        default: undefined;
+    };
+    keyExtractor: {
+        type: PropType<(item: any) => string>;
+        default: (item: any) => any;
+    };
+    columnsClasses: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    alignColumns: {
+        type: PropType<"center" | "left" | "right">;
+        default: string;
+    };
+}, {
+    tableData: 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;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected-items": (items: Array<any>) => boolean;
+    "update:table-data": (data: TableData) => 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: PropType<TableData>;
+        required: true;
+    };
+    withEditableFields: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    withSelection: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    withPaginator: {
+        type: PropType<{
+            total: number;
+            pageSize: number;
+            onUpdatePage: (page: number) => void;
+        } | undefined>;
+        default: undefined;
+    };
+    keyExtractor: {
+        type: PropType<(item: any) => string>;
+        default: (item: any) => any;
+    };
+    columnsClasses: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    alignColumns: {
+        type: PropType<"center" | "left" | "right">;
+        default: string;
+    };
+}>> & {
+    "onUpdate:selected-items"?: ((items: any[]) => any) | undefined;
+    "onUpdate:table-data"?: ((data: TableData) => any) | undefined;
+    "onUpdate:table-cell"?: ((data: {
+        field: string;
+        value: string | number | boolean;
+    }) => any) | undefined;
+}, {
+    alignColumns: "center" | "left" | "right";
+    withEditableFields: string[];
+    withSelection: boolean;
+    withPaginator: {
+        total: number;
+        pageSize: number;
+        onUpdatePage: (page: number) => void;
+    } | undefined;
+    keyExtractor: (item: any) => string;
+    columnsClasses: string[];
+}, {}>;
+export default _default;

package/dist/DataTable/Tag/Tag.d.ts

@@ -0,0 +1,19 @@
+import { type PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<"disabled" | "error" | "success" | "warning" | "info">;
+        required: true;
+        default: string;
+    };
+}, {
+    icon: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<"disabled" | "error" | "success" | "warning" | "info">;
+        required: true;
+        default: string;
+    };
+}>>, {
+    type: "disabled" | "error" | "success" | "warning" | "info";
+}, {}>;
+export default _default;