@quoreadmin/ui 1.4.0 → 1.4.2

package/dist/src/components/file-upload/file-upload.vue.d.ts

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

package/dist/src/components/footer-actions/footer-actions.d.ts

@@ -0,0 +1,3 @@
+declare const QIcon: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type QIconType = typeof QIcon;
+export default QIcon;

package/dist/src/components/footer-actions/footer-actions.stories.d.ts

@@ -0,0 +1,17 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QFooterActions } from './footer-actions.vue';
+declare const meta: Meta<typeof QFooterActions>;
+export default meta;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QFooterActions: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {};
+};

package/dist/src/components/footer-actions/footer-actions.vue.d.ts

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

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

@@ -0,0 +1,33 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    labelFor: {
+        type: StringConstructor;
+        required: true;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    statusColor: import('vue').ComputedRef<"red-30" | "inkwell-0" | "blue-40" | "green-20" | "yellow-30">;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    labelFor: {
+        type: StringConstructor;
+        required: true;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    status: string;
+    required: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,230 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QFormGroup } from './form-group.vue';
+declare const meta: Meta<typeof QFormGroup>;
+export default meta;
+export declare const Example: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QFormGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                labelFor: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                statusColor: import('vue').ComputedRef<"red-30" | "inkwell-0" | "blue-40" | "green-20" | "yellow-30">;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                labelFor: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                status: string;
+                required: 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>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        labelFor: string;
+        required: true;
+        status: string;
+    };
+};

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

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

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

@@ -0,0 +1,267 @@
+import { PropType } from 'vue';
+import { FilterObject } from '../../composables/filtering';
+type StatusObject = {
+    styles: string;
+    label?: string;
+};
+type StatusValue = string | StatusObject;
+declare const QGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Pass in an ID unique to the table. */
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Custom CSS classes for active cells */
+    activeCellClasses: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    cellClasses: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /** Number of columns in the grid (1-15 supported) */
+    columns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disableInternalFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Exclude certain values from the grid */
+    exclude: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    /** Pass data for filter feature */
+    filters: {
+        type: PropType<FilterObject[]>;
+        default: () => never[];
+    };
+    /** Pass in a function for when filters icon is clicked. */
+    filtersAction: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    /** Pass in a count of active filters. */
+    filtersCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isExpanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Data inside of the grid */
+    gridData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /** If the grid should include the search */
+    hasSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** If the loading state is enabled */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Ability to customize the no result message */
+    noResultMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Ability to customize the search placeholder */
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Pass in the number of skeleton rows that should show while loading. */
+    skeletonRows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    statusClasses: {
+        type: PropType<Record<string, StatusValue>>;
+        default: () => {};
+    };
+    /** Current search value */
+    searchValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    searchBy: import('vue').Ref<string, string>;
+    filteredGridData: import('vue').ComputedRef<any[]>;
+    getCellClassList: import('vue').ComputedRef<(item: any, index: number, hasCellContentSlot: boolean) => string[]>;
+    gridColumnCount: import('vue').ComputedRef<string>;
+    lastRowWillBeFilled: import('vue').ComputedRef<boolean>;
+    noResultsText: import('vue').ComputedRef<string>;
+    skeletonData: import('vue').ComputedRef<any[]>;
+    getCellClasses: (index: any) => {
+        '!border-t-[0.09375rem]': boolean;
+        '!border-b-[0.09375rem]': boolean;
+        '!border-l-[0.09375rem]': boolean;
+        '!border-r-[0.09375rem]': boolean;
+        '!rounded-tl-md': boolean;
+        '!rounded-tr-md': boolean;
+        '!rounded-bl-md': boolean;
+        '!rounded-br-md': boolean;
+    };
+    getStatusClass: (status: string, active: boolean) => string;
+    getStatusLabel: (status: string) => string;
+    getTextUtilityClass: (status: string, active?: boolean) => string;
+    selectGridItem: (item: any) => 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, ("select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue")[], "select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Pass in an ID unique to the table. */
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Custom CSS classes for active cells */
+    activeCellClasses: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    cellClasses: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /** Number of columns in the grid (1-15 supported) */
+    columns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disableInternalFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Exclude certain values from the grid */
+    exclude: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    /** Pass data for filter feature */
+    filters: {
+        type: PropType<FilterObject[]>;
+        default: () => never[];
+    };
+    /** Pass in a function for when filters icon is clicked. */
+    filtersAction: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    /** Pass in a count of active filters. */
+    filtersCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isExpanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Data inside of the grid */
+    gridData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /** If the grid should include the search */
+    hasSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** If the loading state is enabled */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Ability to customize the no result message */
+    noResultMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Ability to customize the search placeholder */
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Pass in the number of skeleton rows that should show while loading. */
+    skeletonRows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    statusClasses: {
+        type: PropType<Record<string, StatusValue>>;
+        default: () => {};
+    };
+    /** Current search value */
+    searchValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onSelect-grid-item"?: ((...args: any[]) => any) | undefined;
+    "onFilters-updated"?: ((...args: any[]) => any) | undefined;
+    "onClose-expanded"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    filters: FilterObject[];
+    columns: number;
+    exclude: string[];
+    loading: boolean;
+    id: string;
+    skeletonRows: number;
+    isExpanded: boolean;
+    hasSearch: boolean;
+    searchPlaceholder: string;
+    filtersCount: number;
+    noResultMessage: string;
+    activeCellClasses: string | Record<string, any> | unknown[];
+    cellClasses: string | Record<string, any> | unknown[];
+    disableInternalFiltering: boolean;
+    filtersAction: Function;
+    gridData: unknown[];
+    statusClasses: Record<string, StatusValue>;
+    searchValue: string;
+}, {}, {
+    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>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type QGridType = typeof QGrid;
+export default QGrid;