@quoreadmin/ui 1.4.0 → 1.4.2

package/dist/src/components/data-filter/data-filter.d.ts

@@ -0,0 +1,773 @@
+import { PropType } from 'vue';
+declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    excludedFields: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    filters: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    hasSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orderBy: {
+        type: StringConstructor;
+        default: string;
+    };
+    repositionPopover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    search: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    showResultsCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sortBy: {
+        type: StringConstructor;
+        default: string;
+    };
+    noneEqualsAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filtersActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    debouncedSearch: import('@vueuse/shared').UseDebounceFnReturn<(value: string) => void>;
+    filteredCount: import('vue').Ref<number, number>;
+    showFilterBottomSheet: import('vue').Ref<boolean, boolean>;
+    showFilterPopover: import('vue').Ref<boolean, boolean>;
+    closeBottomSheet: () => void;
+    closePopover: () => void;
+    onFilterClick: (popoverOnClick: () => void) => void;
+    filtersCount: import('vue').ComputedRef<number>;
+    deviceType: {
+        deviceType: import('vue').Ref<string, string>;
+    };
+    filterData: (data: any, searchBy?: string, filterBy?: import('../..').FilterObject[], sortBy?: string, orderBy?: number, excludedKeys?: string[] | string, noneEqualsAll?: boolean) => any;
+    mq: {
+        xs: boolean;
+        sm: boolean;
+        md: boolean;
+        lg: boolean;
+        xl: boolean;
+        'sm-md': boolean;
+        'md-lg': boolean;
+        'lg-xl': boolean;
+        'sm-down': boolean;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:data" | "update:search" | "click:filters" | "popover:close" | "bottom-sheet:close")[], "update:data" | "update:search" | "click:filters" | "popover:close" | "bottom-sheet:close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    excludedFields: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    filters: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    hasSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orderBy: {
+        type: StringConstructor;
+        default: string;
+    };
+    repositionPopover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    search: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    showResultsCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sortBy: {
+        type: StringConstructor;
+        default: string;
+    };
+    noneEqualsAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filtersActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:search"?: ((...args: any[]) => any) | undefined;
+    "onClick:filters"?: ((...args: any[]) => any) | undefined;
+    "onPopover:close"?: ((...args: any[]) => any) | undefined;
+    "onBottom-sheet:close"?: ((...args: any[]) => any) | undefined;
+}>, {
+    search: string;
+    data: any[];
+    filters: any[];
+    id: string;
+    excludedFields: string[];
+    hasSearch: boolean;
+    orderBy: string;
+    repositionPopover: boolean;
+    searchDelay: number;
+    searchPlaceholder: string;
+    showResultsCount: boolean;
+    sortBy: string;
+    noneEqualsAll: boolean;
+    filtersActive: boolean;
+}, {}, {
+    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>;
+    QBottomSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        allowOnClickOutside: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        allowDrag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        allowOnClickOutside: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        allowDrag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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>;
+    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>;
+    QInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        maxlength: {
+            type: NumberConstructor;
+            default: null;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+        };
+        status: {
+            type: StringConstructor;
+            default: string;
+        };
+        controlClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
+        expands: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        currentInput: import('vue').Ref<null, null>;
+        focused: import('vue').Ref<boolean, boolean>;
+        icon: import('vue').Ref<string, string>;
+        isExpanded: import('vue').Ref<boolean, boolean>;
+        rootClasses: import('vue').ComputedRef<(string | {
+            focused: boolean;
+            disabled?: undefined;
+            collapsed?: undefined;
+        } | {
+            disabled: boolean;
+            focused?: undefined;
+            collapsed?: undefined;
+        } | {
+            [x: string]: boolean | "";
+            focused?: undefined;
+            disabled?: undefined;
+            collapsed?: undefined;
+        } | {
+            [x: string]: string;
+            focused?: undefined;
+            disabled?: undefined;
+            collapsed?: undefined;
+        } | {
+            collapsed: boolean;
+            focused?: undefined;
+            disabled?: undefined;
+        })[]>;
+        inputClasses: import('vue').ComputedRef<(string | {
+            [x: string]: boolean | "";
+            populated?: undefined;
+        } | {
+            populated: boolean;
+        })[]>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        showClearIcon: import('vue').ComputedRef<boolean>;
+        isSlotAvailable: import('vue').ComputedRef<boolean>;
+        onClickIcon: () => void;
+        onFocusOut: () => void;
+        togglePasswordVisibility: () => void;
+        updateValue: (event: Event) => void;
+        mq: {
+            xs: boolean;
+            sm: boolean;
+            md: boolean;
+            lg: boolean;
+            xl: boolean;
+            'sm-md': boolean;
+            'md-lg': boolean;
+            'lg-xl': boolean;
+            'sm-down': boolean;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:model-value" | "update-type")[], "update:model-value" | "update-type", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        maxlength: {
+            type: NumberConstructor;
+            default: null;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+        };
+        status: {
+            type: StringConstructor;
+            default: string;
+        };
+        controlClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
+        expands: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+        "onUpdate-type"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        modelValue: string | number | Record<string, any>;
+        type: string;
+        size: string;
+        placeholder: string;
+        disabled: boolean;
+        status: string;
+        expands: boolean;
+        maxlength: number;
+        controlClass: string;
+        inputClass: string;
+        autocomplete: string;
+        hideClear: boolean;
+        iconPosition: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        controlled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        noWrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        position: {
+            type: StringConstructor;
+            default: string;
+        };
+        relative: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        teleport: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        teleportTo: {
+            type: StringConstructor;
+            default: string;
+        };
+        tooltipClasses: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        tooltipStyle: import('vue').Ref<{
+            top: string;
+            left: string;
+        }, {
+            top: string;
+            left: string;
+        } | {
+            top: string;
+            left: string;
+        }>;
+        tooltipTarget: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+        isVisible: import('vue').ComputedRef<boolean>;
+        hideTooltip: () => void;
+        showTooltip: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        controlled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        noWrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        position: {
+            type: StringConstructor;
+            default: string;
+        };
+        relative: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        teleport: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        teleportTo: {
+            type: StringConstructor;
+            default: string;
+        };
+        tooltipClasses: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        color: string;
+        position: string;
+        visible: boolean;
+        relative: boolean;
+        disabled: boolean;
+        id: string;
+        controlled: boolean;
+        noWrap: boolean;
+        teleport: boolean;
+        teleportTo: string;
+        tooltipClasses: string | Record<string, any> | unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    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;
+        };
+        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>;
+        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;
+    }, {}, {}, {}, 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;
+        };
+        trigger: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        modelValue: boolean;
+        size: string;
+        position: string;
+        trigger: string;
+        align: string;
+        hasCaret: boolean;
+        reposition: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type QDataFilter = typeof QDataFilter;
+export default QDataFilter;