@mobileaction/action-kit 1.21.43 → 1.22.0

package/dist/src/components/pagination/index.vue.d.ts

@@ -1,48 +1,180 @@
-import { MaPaginationType } from "@/components/pagination/types";
+import type { PropType } from 'vue';
+import { MaPaginationMode, MaPaginationSize, MaPaginationLimit } from './types';
 export interface MaPaginationProps {
+    mode?: MaPaginationMode;
+    size?: MaPaginationSize;
+    /**
+     * Full radius or not.
+     */
+    rounded?: boolean;
+    /**
+     * Number of current page.
+     */
+    current?: number;
+    /**
+     * Number of items per page.
+     */
+    perPage?: number;
+    /**
+     * Total number of items.
+     */
     totalItems?: number;
-    itemsPerPage?: number;
-    type?: MaPaginationType;
-    showEllipsis?: boolean;
-    showTotalItems?: boolean;
-    modelValue?: number;
+    /**
+     * The object must contain the xs, sm, md, lg, and default keys.
+     */
+    limits?: MaPaginationLimit;
+    /**
+     * Number of items to display per page.
+     */
+    pageSizeOptions?: number[];
+    /**
+     * Show or hide the Prev / Next navigation buttons. Default true.
+     */
+    showPrevNext?: boolean;
+    disabled?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaPaginationProps>, {
-    totalItems: number;
-    itemsPerPage: number;
-    type: string;
-    showEllipsis: boolean;
-    showTotalItems: boolean;
-    modelValue: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaPaginationProps>, {
-    totalItems: number;
-    itemsPerPage: number;
-    type: string;
-    showEllipsis: boolean;
-    showTotalItems: boolean;
-    modelValue: number;
-}>>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    mode: {
+        type: PropType<"simple" | "advanced">;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    rounded: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    current: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+        validator(value: number): boolean;
+    };
+    perPage: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+        validator(value: number): boolean;
+    };
+    totalItems: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    limits: {
+        type: PropType<MaPaginationLimit>;
+        required: false;
+        default: () => {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            default: number;
+        };
+        validator: (value: MaPaginationLimit) => boolean;
+    };
+    pageSizeOptions: {
+        type: PropType<number[]>;
+        required: false;
+        default: () => number[];
+    };
+    showPrevNext: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:current" | "update:perPage" | "perPageChange")[], "change" | "update:current" | "update:perPage" | "perPageChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: PropType<"simple" | "advanced">;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    rounded: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    current: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+        validator(value: number): boolean;
+    };
+    perPage: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+        validator(value: number): boolean;
+    };
+    totalItems: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    limits: {
+        type: PropType<MaPaginationLimit>;
+        required: false;
+        default: () => {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            default: number;
+        };
+        validator: (value: MaPaginationLimit) => boolean;
+    };
+    pageSizeOptions: {
+        type: PropType<number[]>;
+        required: false;
+        default: () => number[];
+    };
+    showPrevNext: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:current"?: (...args: any[]) => any;
+    "onUpdate:perPage"?: (...args: any[]) => any;
+    onPerPageChange?: (...args: any[]) => any;
 }, {
-    type: "compact" | "divided";
-    modelValue: number;
+    size: "small" | "medium" | "large";
+    rounded: boolean;
+    disabled: boolean;
+    mode: "simple" | "advanced";
+    current: number;
+    perPage: number;
     totalItems: number;
-    itemsPerPage: number;
-    showEllipsis: boolean;
-    showTotalItems: boolean;
+    limits: MaPaginationLimit;
+    pageSizeOptions: number[];
+    showPrevNext: boolean;
+}>, {
+    totalText: (_: {}) => any;
 }>;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/dist/src/components/pagination/pagination.test.d.ts

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

package/dist/src/components/pagination/stories/default.stories.d.ts

@@ -3,5 +3,4 @@ import type MaPagination from '../index.vue';
 declare const meta: Meta<typeof MaPagination>;
 export default meta;
 declare type Story = StoryObj<typeof MaPagination>;
-export declare const Divided: Story;
-export declare const Compact: Story;
+export declare const Advanced: Story;

package/dist/src/components/pagination/types.d.ts

@@ -1,2 +1,19 @@
-export declare const MaPaginationTypes: readonly ["divided", "compact"];
-export declare type MaPaginationType = (typeof MaPaginationTypes)[number];
+export declare const MaPaginationMode: readonly ["simple", "advanced"];
+export declare type MaPaginationMode = (typeof MaPaginationMode)[number];
+export declare const MaPaginationSize: readonly ["small", "medium", "large"];
+export declare type MaPaginationSize = (typeof MaPaginationSize)[number];
+export declare type MaPaginationLimit = {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    default: number;
+};
+export declare type MaPaginationItem = {
+    key: string | number;
+    pageNumber: number;
+    label: string | number;
+    isEllipsis: boolean;
+    isActive: boolean;
+    isDisabled: boolean;
+};

package/dist/src/utils/breakpoints.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Tailwind breakpoints
+ */
+export declare type TailwindBreakpoints = {
+    '2xl': number;
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+    xs: number;
+};
+export declare const breakpoints: TailwindBreakpoints;
+export declare const MaBreakpointInstance: {
+    windowWidth: () => number;
+    getBreakpointSize(): string;
+};

package/dist/src/utils/breakpoints.test.d.ts

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