@quoreadmin/ui 1.4.0 → 1.4.2

package/dist/src/components/button-group/button-group.d.ts

@@ -0,0 +1,92 @@
+import { default as SelectButton } from 'primevue/selectbutton';
+declare const ButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: null;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /** Needed when options are array of objects. optionLabel is what is visible to the user */
+    optionLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Pass which option is disabled */
+    optionDisabled: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelBy: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Allow user to select multiple options */
+    allowMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Disable the button group */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    selected: import('vue').WritableComputedRef<string | Record<string, any> | unknown[], string | Record<string, any> | unknown[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: null;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /** Needed when options are array of objects. optionLabel is what is visible to the user */
+    optionLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Pass which option is disabled */
+    optionDisabled: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelBy: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Allow user to select multiple options */
+    allowMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Disable the button group */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | Record<string, any> | unknown[];
+    label: string;
+    disabled: boolean;
+    options: unknown[];
+    optionLabel: string;
+    optionDisabled: string;
+    labelBy: string;
+    allowMultiple: boolean;
+}, {}, {
+    SelectButton: typeof SelectButton;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default ButtonGroup;

package/dist/src/components/button-group/button-group.stories.d.ts

@@ -0,0 +1,325 @@
+import { Args, Meta, StoryObj } from '@storybook/vue3';
+import { default as QButtonGroup } from './button-group.vue';
+declare const meta: Meta<typeof QButtonGroup>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: null;
+                };
+                options: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                optionLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                optionDisabled: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                labelBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowMultiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                selected: import('vue').WritableComputedRef<string | Record<string, any> | unknown[], string | Record<string, any> | unknown[]>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: null;
+                };
+                options: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                optionLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                optionDisabled: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                labelBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowMultiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | Record<string, any> | unknown[];
+                label: string;
+                disabled: boolean;
+                options: unknown[];
+                optionLabel: string;
+                optionDisabled: string;
+                labelBy: string;
+                allowMultiple: boolean;
+            }, {}, {
+                SelectButton: typeof import('primevue/selectbutton').default;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: string;
+        options: string[];
+        disabled: false;
+    };
+};
+export declare const AllowMultiple: {
+    render: (args: Args) => {
+        components: {
+            QButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: null;
+                };
+                options: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                optionLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                optionDisabled: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                labelBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowMultiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                selected: import('vue').WritableComputedRef<string | Record<string, any> | unknown[], string | Record<string, any> | unknown[]>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: null;
+                };
+                options: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                optionLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                optionDisabled: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                labelBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowMultiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | Record<string, any> | unknown[];
+                label: string;
+                disabled: boolean;
+                options: unknown[];
+                optionLabel: string;
+                optionDisabled: string;
+                labelBy: string;
+                allowMultiple: boolean;
+            }, {}, {
+                SelectButton: typeof import('primevue/selectbutton').default;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            value: import('vue').Ref<null, null>;
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        options: {
+            label: string;
+            value: number;
+        }[];
+        allowMultiple: true;
+        optionLabel: string;
+    };
+};
+export declare const DisabledGroup: Story;
+export declare const DisabledOption: Story;
+export declare const HasIcons: {
+    render: (args: Args) => {
+        components: {
+            QButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: null;
+                };
+                options: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                optionLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                optionDisabled: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                labelBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowMultiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                selected: import('vue').WritableComputedRef<string | Record<string, any> | unknown[], string | Record<string, any> | unknown[]>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: null;
+                };
+                options: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                optionLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                optionDisabled: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                labelBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowMultiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | Record<string, any> | unknown[];
+                label: string;
+                disabled: boolean;
+                options: unknown[];
+                optionLabel: string;
+                optionDisabled: string;
+                labelBy: string;
+                allowMultiple: boolean;
+            }, {}, {
+                SelectButton: typeof import('primevue/selectbutton').default;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            value: import('vue').Ref<{
+                label: string;
+                value: number;
+                icon: string;
+            }[], {
+                label: string;
+                value: number;
+                icon: string;
+            }[] | {
+                label: string;
+                value: number;
+                icon: string;
+            }[]>;
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        options: ({
+            label: string;
+            value: number;
+            icon: string;
+        } | {
+            label: string;
+            value: number;
+            icon?: undefined;
+        })[];
+        allowMultiple: true;
+        optionLabel: string;
+    };
+    tags: string[];
+};

package/dist/src/components/button-group/button-group.vue.d.ts

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

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

@@ -0,0 +1,205 @@
+declare const QCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: boolean;
+    };
+    value: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[];
+        default: boolean;
+    };
+    uncheckedValue: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    checkboxElement: import('vue').Ref<any, any>;
+    isChecked: import('vue').Ref<boolean, boolean>;
+    handleChange: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "change" | "update:checked")[], "update:modelValue" | "change" | "update:checked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: boolean;
+    };
+    value: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[];
+        default: boolean;
+    };
+    uncheckedValue: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | number | boolean | Record<string, any> | unknown[];
+    name: string;
+    value: string | number | boolean | Record<string, any>;
+    label: string;
+    icon: string;
+    color: string;
+    size: string;
+    disabled: boolean;
+    toggle: boolean;
+    id: string;
+    uncheckedValue: string | number | boolean;
+}, {}, {
+    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>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type QCheckboxType = typeof QCheckbox;
+export default QCheckbox;

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

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