@quoreadmin/ui 1.7.1 → 1.7.3

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

@@ -537,3 +537,405 @@ export declare const Info2: {
     };
 };
 export declare const ShowOnLoad: Story;
+export declare const FilterSizeSm: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                align: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasCaret: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                reposition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                trigger: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                entered: import('vue').Ref<boolean, boolean>;
+                offsetStyle: import('vue').Ref<string, string>;
+                popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                teleportedStyle: import('vue').Ref<{
+                    top: string;
+                    left: string;
+                    transform: string;
+                }, {
+                    top: string;
+                    left: string;
+                    transform: string;
+                } | {
+                    top: string;
+                    left: string;
+                    transform: string;
+                }>;
+                alignment: import('vue').ComputedRef<string>;
+                positioning: import('vue').ComputedRef<string>;
+                getAlignment: (align: string) => string;
+                getPositioning: (position: string) => string;
+                isElementInView: (ele: any) => boolean;
+                onAfterLeave: () => void;
+                onClick: () => void;
+                onClickOutside: typeof import('@vueuse/core').onClickOutside;
+                onEnter: () => void;
+                onMouseLeave: () => void;
+                onMouseOver: () => void;
+                updateTeleportedPosition: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                align: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasCaret: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                reposition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                trigger: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: boolean;
+                size: string;
+                position: string;
+                teleport: boolean;
+                teleportTo: string;
+                trigger: string;
+                align: string;
+                hasCaret: boolean;
+                reposition: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: false;
+        align: string;
+        position: string;
+        reposition: false;
+        size: string;
+    };
+};
+export declare const FilterSizeMd: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                align: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasCaret: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                reposition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                trigger: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                entered: import('vue').Ref<boolean, boolean>;
+                offsetStyle: import('vue').Ref<string, string>;
+                popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                teleportedStyle: import('vue').Ref<{
+                    top: string;
+                    left: string;
+                    transform: string;
+                }, {
+                    top: string;
+                    left: string;
+                    transform: string;
+                } | {
+                    top: string;
+                    left: string;
+                    transform: string;
+                }>;
+                alignment: import('vue').ComputedRef<string>;
+                positioning: import('vue').ComputedRef<string>;
+                getAlignment: (align: string) => string;
+                getPositioning: (position: string) => string;
+                isElementInView: (ele: any) => boolean;
+                onAfterLeave: () => void;
+                onClick: () => void;
+                onClickOutside: typeof import('@vueuse/core').onClickOutside;
+                onEnter: () => void;
+                onMouseLeave: () => void;
+                onMouseOver: () => void;
+                updateTeleportedPosition: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                align: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasCaret: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                reposition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                trigger: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: boolean;
+                size: string;
+                position: string;
+                teleport: boolean;
+                teleportTo: string;
+                trigger: string;
+                align: string;
+                hasCaret: boolean;
+                reposition: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: false;
+        align: string;
+        position: string;
+        reposition: false;
+        size: string;
+    };
+};
+export declare const FilterSizeLg: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                align: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasCaret: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                reposition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                trigger: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                entered: import('vue').Ref<boolean, boolean>;
+                offsetStyle: import('vue').Ref<string, string>;
+                popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                teleportedStyle: import('vue').Ref<{
+                    top: string;
+                    left: string;
+                    transform: string;
+                }, {
+                    top: string;
+                    left: string;
+                    transform: string;
+                } | {
+                    top: string;
+                    left: string;
+                    transform: string;
+                }>;
+                alignment: import('vue').ComputedRef<string>;
+                positioning: import('vue').ComputedRef<string>;
+                getAlignment: (align: string) => string;
+                getPositioning: (position: string) => string;
+                isElementInView: (ele: any) => boolean;
+                onAfterLeave: () => void;
+                onClick: () => void;
+                onClickOutside: typeof import('@vueuse/core').onClickOutside;
+                onEnter: () => void;
+                onMouseLeave: () => void;
+                onMouseOver: () => void;
+                updateTeleportedPosition: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                align: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasCaret: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                reposition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                trigger: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: boolean;
+                size: string;
+                position: string;
+                teleport: boolean;
+                teleportTo: string;
+                trigger: string;
+                align: string;
+                hasCaret: boolean;
+                reposition: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: false;
+        align: string;
+        position: string;
+        reposition: false;
+        size: string;
+    };
+};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@quoreadmin/ui",
     "private": false,
-    "version": "1.7.1",
+    "version": "1.7.3",
     "type": "module",
     "sideEffects": [
         "**/*.css",

package/src/assets/illustrations/no-files-uploaded.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="115" height="104" viewBox="0 0 115 104" fill="none">
+    <path d="M86.01 14.84C85.53 11.24 82.45 8.45996 78.72 8.45996H40.63C40.53 8.45996 40.44 8.46996 40.35 8.48996C40.35 8.48996 40.35 8.48996 40.34 8.48996C40.21 8.51996 40.09 8.55996 39.98 8.61996C39.95 8.62996 39.92 8.64996 39.89 8.66996C39.78 8.73996 39.67 8.80996 39.57 8.90996L23.06 25.42C22.97 25.51 22.89 25.62 22.82 25.74C22.8 25.77 22.79 25.8 22.77 25.82C22.71 25.94 22.67 26.06 22.64 26.18C22.62 26.28 22.61 26.37 22.61 26.47V81.88C22.61 85.6 25.4 88.68 28.99 89.17C29.47 92.77 32.55 95.55 36.28 95.55H85.01C89.07 95.55 92.37 92.25 92.37 88.19V22.12C92.37 18.4 89.59 15.32 86 14.83L86.01 14.84ZM39.13 13.58V20.61C39.13 23.01 37.17 24.97 34.77 24.97H27.74L39.13 13.58ZM25.62 81.88V27.96H34.77C38.83 27.96 42.13 24.66 42.13 20.6V11.45H78.72C81.12 11.45 83.08 13.41 83.08 15.81V81.87C83.08 84.27 81.12 86.23 78.72 86.23H29.99C27.58 86.23 25.62 84.27 25.62 81.87V81.88ZM89.38 88.18C89.38 90.58 87.42 92.54 85.02 92.54H36.29C34.25 92.54 32.53 91.13 32.06 89.23H78.72C82.78 89.23 86.08 85.93 86.08 81.87V17.9C87.97 18.38 89.38 20.09 89.38 22.13V88.19V88.18Z" fill="#BCC5CB"/>
+    <path d="M31.69 39.04H77.01C77.84 39.04 78.51 38.37 78.51 37.54C78.51 36.71 77.84 36.04 77.01 36.04H31.69C30.86 36.04 30.19 36.71 30.19 37.54C30.19 38.37 30.86 39.04 31.69 39.04Z" fill="#BCC5CB"/>
+    <path d="M31.69 50.3501H77.01C77.84 50.3501 78.51 49.6801 78.51 48.8501C78.51 48.0201 77.84 47.3501 77.01 47.3501H31.69C30.86 47.3501 30.19 48.0201 30.19 48.8501C30.19 49.6801 30.86 50.3501 31.69 50.3501Z" fill="#BCC5CB"/>
+    <path d="M31.69 61.6499H77.01C77.84 61.6499 78.51 60.9799 78.51 60.1499C78.51 59.3199 77.84 58.6499 77.01 58.6499H31.69C30.86 58.6499 30.19 59.3199 30.19 60.1499C30.19 60.9799 30.86 61.6499 31.69 61.6499Z" fill="#BCC5CB"/>
+    <path d="M31.69 72.9502H77.01C77.84 72.9502 78.51 72.2802 78.51 71.4502C78.51 70.6202 77.84 69.9502 77.01 69.9502H31.69C30.86 69.9502 30.19 70.6202 30.19 71.4502C30.19 72.2802 30.86 72.9502 31.69 72.9502Z" fill="#BCC5CB"/>
+    <path d="M98.61 16.15C98.61 16.98 99.28 17.65 100.11 17.65C100.94 17.65 101.61 16.98 101.61 16.15C101.61 13.61 103.21 11.46 105.11 11.46C105.94 11.46 106.61 10.79 106.61 9.96002C106.61 9.13002 105.94 8.46002 105.11 8.46002C103.18 8.46002 101.61 6.36002 101.61 3.77002C101.61 2.94002 100.94 2.27002 100.11 2.27002C99.28 2.27002 98.61 2.94002 98.61 3.77002C98.61 6.36002 97.04 8.46002 95.11 8.46002C94.28 8.46002 93.61 9.13002 93.61 9.96002C93.61 10.79 94.28 11.46 95.11 11.46C97.01 11.46 98.61 13.61 98.61 16.15ZM100.11 8.67002C100.45 9.15002 100.83 9.58002 101.26 9.95002C100.84 10.32 100.45 10.75 100.11 11.23C99.77 10.75 99.39 10.32 98.96 9.95002C99.38 9.58002 99.77 9.15002 100.11 8.67002Z" fill="#BCC5CB"/>
+    <path d="M21.21 92.5401C19.28 92.5401 17.71 90.4401 17.71 87.8501C17.71 87.0201 17.04 86.3501 16.21 86.3501C15.38 86.3501 14.71 87.0201 14.71 87.8501C14.71 90.4401 13.14 92.5401 11.21 92.5401C10.38 92.5401 9.71002 93.2101 9.71002 94.0401C9.71002 94.8701 10.38 95.5401 11.21 95.5401C13.11 95.5401 14.71 97.6901 14.71 100.23C14.71 101.06 15.38 101.73 16.21 101.73C17.04 101.73 17.71 101.06 17.71 100.23C17.71 97.6901 19.31 95.5401 21.21 95.5401C22.04 95.5401 22.71 94.8701 22.71 94.0401C22.71 93.2101 22.04 92.5401 21.21 92.5401ZM16.21 95.3301C15.87 94.8501 15.49 94.4201 15.06 94.0501C15.48 93.6801 15.87 93.2501 16.21 92.7701C16.55 93.2501 16.93 93.6801 17.36 94.0501C16.94 94.4201 16.55 94.8501 16.21 95.3301Z" fill="#BCC5CB"/>
+    <path d="M105.77 68.8199L103.53 67.8799L104.47 65.6399C104.79 64.8799 104.43 63.9999 103.67 63.6799C102.91 63.3599 102.03 63.7199 101.71 64.4799L100.77 66.7199L98.53 65.7799C97.77 65.4599 96.89 65.8199 96.57 66.5799C96.25 67.3399 96.61 68.2199 97.37 68.5399L99.61 69.4799L98.67 71.7199C98.35 72.4799 98.71 73.3599 99.47 73.6799C99.66 73.7599 99.86 73.7999 100.05 73.7999C100.63 73.7999 101.19 73.4599 101.43 72.8799L102.38 70.6399L104.62 71.5799C104.81 71.6599 105.01 71.6999 105.2 71.6999C105.78 71.6999 106.34 71.3599 106.58 70.7799C106.9 70.0199 106.54 69.1399 105.78 68.8199H105.77Z" fill="#BCC5CB"/>
+    <path d="M11.29 24.5098C11.53 25.0898 12.09 25.4498 12.68 25.4498C12.87 25.4498 13.06 25.4098 13.24 25.3398C14.01 25.0298 14.38 24.1498 14.06 23.3898L13.14 21.1398L15.39 20.2198C16.16 19.9098 16.53 19.0298 16.21 18.2698C15.9 17.4998 15.03 17.1298 14.25 17.4498L12 18.3698L11.08 16.1198C10.77 15.3498 9.9 14.9798 9.12 15.2998C8.35 15.6098 7.98 16.4898 8.3 17.2498L9.22 19.4998L6.97 20.4198C6.2 20.7298 5.83 21.6098 6.15 22.3698C6.39 22.9498 6.95 23.3098 7.54 23.3098C7.73 23.3098 7.92 23.2698 8.1 23.1998L10.35 22.2798L11.27 24.5298L11.29 24.5098Z" fill="#BCC5CB"/>
+</svg>