@teammodlr/ui-kit 2.0.6 → 2.0.7

package/lib/components/index.d.ts

@@ -21,6 +21,7 @@ export { default as MTooltip } from './tooltip/Tooltip.vue';
 export { default as MTabGroup } from './tab/TabGroup.vue';
 export { default as MTab } from './tab/Tab.vue';
 export { default as MTable } from './table/Table.vue';
+export { default as MPagination } from './pagination/Pagination.vue';
 export { default as MTableBody } from './table/TableBody.vue';
 export { default as MTableCell } from './table/TableCell.vue';
 export { default as MTableHead } from './table/TableHead.vue';

package/lib/components/pagination/Pagination.vue.d.ts

@@ -0,0 +1,75 @@
+import * as style from "./style";
+declare const _default: import("vue").DefineComponent<{
+    page: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSizes: {
+        type: ArrayConstructor;
+    };
+    total: {
+        type: NumberConstructor;
+    };
+    showPageSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTotal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    realTotal: import("vue").ComputedRef<number>;
+    isEmpty: import("vue").ComputedRef<boolean>;
+    realPageSizes: import("vue").ComputedRef<{
+        label: unknown;
+        value: unknown;
+    }[]>;
+    pageCount: import("vue").ComputedRef<number>;
+    pageIndicatorSeries: import("vue").ComputedRef<{
+        page: number;
+        more: boolean;
+        forward: boolean;
+        current: boolean;
+        text: number;
+    }[]>;
+    getKey: (item: any) => string;
+    handlePageChange: (page: number) => void;
+    style: typeof style;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:page" | "update:pageSize")[], "update:page" | "update:pageSize", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    page: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSizes: {
+        type: ArrayConstructor;
+    };
+    total: {
+        type: NumberConstructor;
+    };
+    showPageSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTotal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:pageSize"?: ((...args: any[]) => any) | undefined;
+}, {
+    page: number;
+    pageSize: number;
+    showPageSize: boolean;
+    showTotal: boolean;
+}>;
+export default _default;

package/lib/components/pagination/style/Pagination.css.d.ts

@@ -0,0 +1,10 @@
+export declare const vars: {
+    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const pagination: string;
+export declare const buttons: string;
+export declare const pages: string;
+export declare const page: string;
+export declare const active: string;
+export declare const svg: string;

package/lib/components/pagination/style/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination.css';

package/lib/components/table/TableHead.vue.d.ts

@@ -6,7 +6,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}, {
+    computedStyles: import("vue").ComputedRef<{
+        width: string | number | undefined;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     sort: {
         type: NumberConstructor;
     };
@@ -14,6 +21,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
 }>>, {
     sortable: boolean;
 }>;

package/lib/components/tooltip/Tooltip.vue.d.ts

@@ -1,5 +1,6 @@
 import { type PropType } from 'vue';
 import { type Placement } from "../../composables/usePopper";
+import * as style from "./style";
 declare const _default: import("vue").DefineComponent<{
     text: {
         type: StringConstructor;
@@ -34,6 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     })[]>;
     zIndex: import("vue").Ref<number>;
+    style: typeof style;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;

package/lib/components/tooltip/style/Tooltip.css.d.ts

@@ -2,5 +2,9 @@ export declare const vars: {
     backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
+export declare const wrapper: string;
+export declare const container: string;
 export declare const tooltip: string;
 export declare const reverse: string;
+export declare const fadeEnter: string;
+export declare const fadeLeave: string;

package/lib/composables/usePopperV2.d.ts

@@ -0,0 +1,231 @@
+import type { Ref } from 'vue';
+import type { Instance, VirtualElement } from '@popperjs/core';
+import type { PopperOptions } from 'src/types/popper';
+import type { MaybeElement } from '@vueuse/core';
+export declare const createPopper: <TModifier extends Partial<import("@popperjs/core").Modifier<any, any>>>(reference: Element | VirtualElement, popper: HTMLElement, options?: Partial<import("@popperjs/core").OptionsGeneric<TModifier>> | undefined) => Instance;
+export declare function usePopper({ locked, overflowPadding, offsetDistance, offsetSkid, gpuAcceleration, adaptive, scroll, resize, placement, strategy }: PopperOptions, virtualReference?: Ref<Element | VirtualElement>): readonly [Ref<MaybeElement>, Ref<MaybeElement>, Ref<{
+    state: {
+        elements: {
+            reference: Element | {
+                getBoundingClientRect: () => ClientRect | DOMRect;
+                contextElement?: Element | undefined;
+            };
+            popper: HTMLElement;
+            arrow?: HTMLElement | undefined;
+        };
+        options: {
+            placement: import("@popperjs/core").Placement;
+            modifiers: any[];
+            strategy: import("@popperjs/core").PositioningStrategy;
+            onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
+        };
+        placement: import("@popperjs/core").Placement;
+        strategy: import("@popperjs/core").PositioningStrategy;
+        orderedModifiers: {
+            name: any;
+            enabled: boolean;
+            phase: import("@popperjs/core").ModifierPhases;
+            requires?: string[] | undefined;
+            requiresIfExists?: string[] | undefined;
+            fn: (arg0: import("@popperjs/core").ModifierArguments<any>) => void | import("@popperjs/core").State;
+            effect?: ((arg0: import("@popperjs/core").ModifierArguments<any>) => void | (() => void)) | undefined;
+            options?: Partial<any> | undefined;
+            data?: import("@popperjs/core").Obj | undefined;
+        }[];
+        rects: {
+            reference: {
+                width: number;
+                height: number;
+                x: number;
+                y: number;
+            };
+            popper: {
+                width: number;
+                height: number;
+                x: number;
+                y: number;
+            };
+        };
+        scrollParents: {
+            reference: (Element | {
+                innerHeight: number;
+                offsetHeight: number;
+                innerWidth: number;
+                offsetWidth: number;
+                pageXOffset: number;
+                pageYOffset: number;
+                getComputedStyle: typeof getComputedStyle;
+                addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
+                removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
+                Element: Element;
+                HTMLElement: HTMLElement;
+                Node: Node;
+                toString: () => "[object Window]";
+                devicePixelRatio: number;
+                visualViewport?: {
+                    addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
+                    dispatchEvent: (event: Event) => boolean;
+                    removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
+                    width: number;
+                    height: number;
+                    offsetLeft: number;
+                    offsetTop: number;
+                    scale: number;
+                } | undefined;
+                ShadowRoot: ShadowRoot;
+            } | {
+                addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
+                dispatchEvent: (event: Event) => boolean;
+                removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
+                width: number;
+                height: number;
+                offsetLeft: number;
+                offsetTop: number;
+                scale: number;
+            })[];
+            popper: (Element | {
+                innerHeight: number;
+                offsetHeight: number;
+                innerWidth: number;
+                offsetWidth: number;
+                pageXOffset: number;
+                pageYOffset: number;
+                getComputedStyle: typeof getComputedStyle;
+                addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
+                removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
+                Element: Element;
+                HTMLElement: HTMLElement;
+                Node: Node;
+                toString: () => "[object Window]";
+                devicePixelRatio: number;
+                visualViewport?: {
+                    addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
+                    dispatchEvent: (event: Event) => boolean;
+                    removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
+                    width: number;
+                    height: number;
+                    offsetLeft: number;
+                    offsetTop: number;
+                    scale: number;
+                } | undefined;
+                ShadowRoot: ShadowRoot;
+            } | {
+                addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
+                dispatchEvent: (event: Event) => boolean;
+                removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
+                width: number;
+                height: number;
+                offsetLeft: number;
+                offsetTop: number;
+                scale: number;
+            })[];
+        };
+        styles: {
+            [key: string]: Partial<CSSStyleDeclaration>;
+        };
+        attributes: {
+            [key: string]: {
+                [key: string]: string | boolean;
+            };
+        };
+        modifiersData: {
+            [x: string]: any;
+            arrow?: {
+                x?: number | undefined;
+                y?: number | undefined;
+                centerOffset: number;
+            } | undefined;
+            hide?: {
+                isReferenceHidden: boolean;
+                hasPopperEscaped: boolean;
+                referenceClippingOffsets: {
+                    top: number;
+                    left: number;
+                    right: number;
+                    bottom: number;
+                };
+                popperEscapeOffsets: {
+                    top: number;
+                    left: number;
+                    right: number;
+                    bottom: number;
+                };
+            } | undefined;
+            offset?: {
+                bottom?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                left?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                right?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                top?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                auto?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "auto-start"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "auto-end"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "top-start"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "top-end"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "bottom-start"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "bottom-end"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "right-start"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "right-end"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "left-start"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                "left-end"?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+            } | undefined;
+            preventOverflow?: {
+                y: number;
+                x: number;
+            } | undefined;
+            popperOffsets?: {
+                y: number;
+                x: number;
+            } | undefined;
+        };
+        reset: boolean;
+    };
+    destroy: () => void;
+    forceUpdate: () => void;
+    update: () => Promise<Partial<import("@popperjs/core").State>>;
+    setOptions: (setOptionsAction: Partial<import("@popperjs/core").OptionsGeneric<any>> | ((prev: Partial<import("@popperjs/core").OptionsGeneric<any>>) => Partial<import("@popperjs/core").OptionsGeneric<any>>)) => Promise<Partial<import("@popperjs/core").State>>;
+} | null>];