@quoreadmin/ui 1.4.0 → 1.4.2

package/dist/src/components/accordion/accordion.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './accordion.js';
+export { default } from './accordion.js';

package/dist/src/components/activity-item/activity-item.d.ts

@@ -0,0 +1,83 @@
+import { PropType } from 'vue';
+declare const QActivityItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<"complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order">;
+        default: string;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    time: {
+        type: StringConstructor;
+        default: string;
+    };
+    isClickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    props: import('@vue/shared').LooseRequired<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: PropType<"complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order">;
+            default: string;
+        };
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        time: {
+            type: StringConstructor;
+            default: string;
+        };
+        isClickable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wrapTime: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }> & {}>;
+    isHistory: import('vue').ComputedRef<boolean>;
+    isLineIcon: import('vue').ComputedRef<boolean>;
+    typeIcon: import('vue').ComputedRef<"history" | "na" | "face-sad" | "close" | "check" | "minus" | "bell-concierge" | "phone-plus" | "tasks" | "hammer">;
+    handleClick: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<"complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order">;
+        default: string;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    time: {
+        type: StringConstructor;
+        default: string;
+    };
+    isClickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: "complaint" | "fail" | "history" | "na" | "pass" | "repair" | "request" | "satisfaction-call" | "task" | "work-order";
+    text: string;
+    time: string;
+    isClickable: boolean;
+    wrapTime: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type QActivityItemType = typeof QActivityItem;
+export default QActivityItem;

package/dist/src/components/activity-item/activity-item.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+declare const meta: Meta<any>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithProps: Story;
+export declare const WithSlots: Story;
+export declare const MixedUsage: Story;

package/dist/src/components/activity-item/activity-item.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './activity-item.js';
+export { default } from './activity-item.js';

package/dist/src/components/avatar/avatar.d.ts

@@ -0,0 +1,54 @@
+declare const QAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Determines the size of the avatar (currently, only 'sm' is supported) */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Currently used for displaying user initials */
+    text: {
+        type: StringConstructor[];
+        default: string;
+    };
+    /** Background that shows up behind the avatar */
+    bgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Image source of photo */
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    validSrc: import('vue').Ref<boolean, boolean>;
+    isLoaded: import('vue').Ref<boolean, boolean>;
+    onImageLoad: () => void;
+    onImageError: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Determines the size of the avatar (currently, only 'sm' is supported) */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Currently used for displaying user initials */
+    text: {
+        type: StringConstructor[];
+        default: string;
+    };
+    /** Background that shows up behind the avatar */
+    bgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Image source of photo */
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    size: string;
+    bgColor: string;
+    src: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default QAvatar;

package/dist/src/components/avatar/avatar.stories.d.ts

@@ -0,0 +1,68 @@
+import { Args, Meta, StoryObj } from '@storybook/vue3';
+import { default as QAvatar } from './avatar.vue';
+declare const meta: Meta<typeof QAvatar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                text: {
+                    type: StringConstructor[];
+                    default: string;
+                };
+                bgColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                src: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                validSrc: import('vue').Ref<boolean, boolean>;
+                isLoaded: import('vue').Ref<boolean, boolean>;
+                onImageLoad: () => void;
+                onImageError: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                text: {
+                    type: StringConstructor[];
+                    default: string;
+                };
+                bgColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                src: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                text: string;
+                size: string;
+                bgColor: string;
+                src: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        text: string;
+        bgColor: string;
+        size: string;
+    };
+};
+export declare const PhotoAvatar: Story;
+export declare const InvalidPhoto: Story;

package/dist/src/components/avatar/avatar.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './avatar.js';
+export { default } from './avatar.js';

package/dist/src/components/badge/badge.d.ts

@@ -0,0 +1,31 @@
+declare const QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Background of the badge */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** shape of the badge */
+    shape: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    bgColor: import('vue').ComputedRef<string>;
+    hasIcon: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Background of the badge */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** shape of the badge */
+    shape: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    color: string;
+    shape: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type QBadgeType = typeof QBadge;
+export default QBadge;

package/dist/src/components/badge/badge.stories.d.ts

@@ -0,0 +1,135 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QBadge } from './badge.vue';
+declare const meta: Meta<typeof QBadge>;
+export default meta;
+export declare const Example: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                shape: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                bgColor: import('vue').ComputedRef<string>;
+                hasIcon: import('vue').ComputedRef<boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                shape: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                color: string;
+                shape: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                width: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                height: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                customClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                customSize: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                iconPath: import('vue').ComputedRef<string>;
+                customizedSize: import('vue').ComputedRef<boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                width: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                height: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                customClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                customSize: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                type: string;
+                color: string;
+                size: string;
+                height: number;
+                width: number;
+                inline: boolean;
+                customClass: string;
+                customSize: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        color: string;
+        shape: string;
+    };
+};

package/dist/src/components/badge/badge.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './badge.js';
+export { default } from './badge.js';

package/dist/src/components/banner/banner.d.ts

@@ -0,0 +1,24 @@
+declare const QBanner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    backgroundColor: string;
+    textColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type QBannerType = typeof QBanner;
+export default QBanner;

package/dist/src/components/banner/banner.stories.d.ts

@@ -0,0 +1,40 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QBanner } from './banner.vue';
+declare const meta: Meta<typeof QBanner>;
+export default meta;
+export declare const Example: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QBanner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                textColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                textColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                backgroundColor: string;
+                textColor: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        backgroundColor: string;
+    };
+};

package/dist/src/components/banner/banner.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './banner.js';
+export { default } from './banner.js';

package/dist/src/components/bottom-sheet/bottom-sheet.d.ts

@@ -0,0 +1,120 @@
+declare const QSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** is card visible */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** If user clicks outside of the bottom sheet it closes */
+    allowOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Background of the sheet */
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    setNoScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    topPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    titleClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    contentClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    sheetRef: import('vue').Ref<any, any>;
+    headerRef: import('vue').Ref<any, any>;
+    windowHeight: import('vue').Ref<number, number>;
+    isDragging: import('vue').Ref<boolean, boolean>;
+    bgColor: import('vue').ComputedRef<string>;
+    containerClasses: import('vue').ComputedRef<"z-[201]" | "-z-40">;
+    show: import('vue').WritableComputedRef<boolean, boolean>;
+    hasHeaderAction: import('vue').ComputedRef<boolean>;
+    onClickOutside: () => void;
+    onClose: (option?: {
+        clickOutside: boolean;
+    }) => Promise<void>;
+    onOpen: () => void;
+    dragHandler: (ctx: any) => void;
+    handleDrag: (ctx: any) => void;
+    handleDragEnd: (ctx: any) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** is card visible */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** If user clicks outside of the bottom sheet it closes */
+    allowOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Background of the sheet */
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    setNoScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    topPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    titleClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    contentClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    contentClass: string;
+    backgroundColor: string;
+    allowOnClickOutside: boolean;
+    allowDrag: boolean;
+    setNoScroll: boolean;
+    showCloseButton: boolean;
+    topPosition: string;
+    headerClass: string;
+    titleClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default QSheet;