@quoreadmin/ui 1.4.7 → 1.5.0

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

@@ -0,0 +1,262 @@
+import { PropType } from 'vue';
+export interface CalendarDate {
+    date: Date;
+    day: number;
+    month: number;
+    year: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isInRange: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isDisabled: boolean;
+    hasIndicator: boolean;
+}
+export interface CalendarMonth {
+    month: number;
+    year: number;
+    dates: CalendarDate[];
+}
+export interface ContinuousCalendarData {
+    dates: CalendarDate[];
+    primaryMonths: number[];
+}
+export type CalendarView = 'days' | 'months' | 'years';
+declare const QCalendar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Currently selected date(s) - single Date or array for range */
+    modelValue: {
+        type: PropType<Date | Date[] | null>;
+        default: null;
+    };
+    /** Enable range selection mode */
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Number of months to display (for multi-view) */
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Grey out dates that are not in the primary displayed month(s) */
+    greyOutNonCurrentMonth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show navigation chevrons */
+    showNavigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show the month/year header */
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Allow clicking header to select month/year */
+    headerClickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show week day labels */
+    showWeekDays: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Function to determine disabled dates */
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        default: () => boolean;
+    };
+    /** Dates that should show an indicator dot */
+    indicatorDates: {
+        type: PropType<Date[]>;
+        default: () => never[];
+    };
+    /** Minimum selectable date */
+    minDate: {
+        type: PropType<Date | null>;
+        default: null;
+    };
+    /** Maximum selectable date */
+    maxDate: {
+        type: PropType<Date | null>;
+        default: null;
+    };
+    /** First day of week (0 = Sunday, 1 = Monday) */
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Locale for month/day names */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Display multiple months in a single continuous vertical grid
+     * instead of side-by-side. Works with numberOfMonths > 1.
+     */
+    continuous: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Number of months to consider as "primary" (not greyed out) in continuous mode.
+     * Defaults to 1, meaning only the first month is highlighted.
+     * Set to same as numberOfMonths to highlight all visible months.
+     */
+    primaryMonthCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {
+    currentView: import('vue').Ref<CalendarView, CalendarView>;
+    viewDate: import('vue').Ref<Date, Date>;
+    hoverDate: import('vue').Ref<Date | null, Date | null>;
+    yearRangeStart: import('vue').Ref<number, number>;
+    daysOfWeek: import('vue').ComputedRef<string[]>;
+    monthNames: import('vue').ComputedRef<string[]>;
+    monthNamesShort: import('vue').ComputedRef<string[]>;
+    displayedMonths: import('vue').ComputedRef<CalendarMonth[]>;
+    headerTitle: import('vue').ComputedRef<string>;
+    yearsInRange: import('vue').ComputedRef<number[]>;
+    selectedDates: import('vue').ComputedRef<Date[]>;
+    primaryMonths: import('vue').ComputedRef<Set<string>>;
+    continuousCalendarData: import('vue').ComputedRef<ContinuousCalendarData>;
+    isSameDay: (date1: Date, date2: Date) => boolean;
+    isToday: (date: Date) => boolean;
+    isSelected: (date: Date) => boolean;
+    isInRange: (date: Date) => boolean;
+    isRangeStart: (date: Date) => boolean;
+    isRangeEnd: (date: Date) => boolean;
+    isDisabled: (date: Date) => boolean;
+    hasIndicator: (date: Date) => boolean;
+    generateMonthData: (monthDate: Date) => CalendarMonth;
+    createDateObject: (date: Date, isCurrentMonth: boolean) => CalendarDate;
+    createDateObjectForContinuous: (date: Date, isPrimaryMonth: boolean) => CalendarDate;
+    prevMonth: () => void;
+    nextMonth: () => void;
+    prevYearRange: () => void;
+    nextYearRange: () => void;
+    onHeaderClick: () => void;
+    selectMonth: (month: number) => void;
+    selectYear: (year: number) => void;
+    onDateClick: (calendarDate: CalendarDate) => void;
+    onDateHover: (calendarDate: CalendarDate) => void;
+    onDateLeave: () => void;
+    goToDate: (date: Date) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "date-click" | "month-change" | "view-change")[], "update:modelValue" | "date-click" | "month-change" | "view-change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Currently selected date(s) - single Date or array for range */
+    modelValue: {
+        type: PropType<Date | Date[] | null>;
+        default: null;
+    };
+    /** Enable range selection mode */
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Number of months to display (for multi-view) */
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Grey out dates that are not in the primary displayed month(s) */
+    greyOutNonCurrentMonth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show navigation chevrons */
+    showNavigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show the month/year header */
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Allow clicking header to select month/year */
+    headerClickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show week day labels */
+    showWeekDays: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Function to determine disabled dates */
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        default: () => boolean;
+    };
+    /** Dates that should show an indicator dot */
+    indicatorDates: {
+        type: PropType<Date[]>;
+        default: () => never[];
+    };
+    /** Minimum selectable date */
+    minDate: {
+        type: PropType<Date | null>;
+        default: null;
+    };
+    /** Maximum selectable date */
+    maxDate: {
+        type: PropType<Date | null>;
+        default: null;
+    };
+    /** First day of week (0 = Sunday, 1 = Monday) */
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Locale for month/day names */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Display multiple months in a single continuous vertical grid
+     * instead of side-by-side. Works with numberOfMonths > 1.
+     */
+    continuous: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Number of months to consider as "primary" (not greyed out) in continuous mode.
+     * Defaults to 1, meaning only the first month is highlighted.
+     * Set to same as numberOfMonths to highlight all visible months.
+     */
+    primaryMonthCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onDate-click"?: ((...args: any[]) => any) | undefined;
+    "onMonth-change"?: ((...args: any[]) => any) | undefined;
+    "onView-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: Date | Date[] | null;
+    range: boolean;
+    numberOfMonths: number;
+    greyOutNonCurrentMonth: boolean;
+    showNavigation: boolean;
+    showHeader: boolean;
+    headerClickable: boolean;
+    showWeekDays: boolean;
+    disabledDate: (date: Date) => boolean;
+    indicatorDates: Date[];
+    minDate: Date | null;
+    maxDate: Date | null;
+    firstDayOfWeek: number;
+    locale: string;
+    continuous: boolean;
+    primaryMonthCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type QCalendarType = typeof QCalendar;
+export default QCalendar;

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

@@ -0,0 +1,30 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as QCalendar } from './calendar.vue';
+/**
+ * The Calendar component provides a flexible date selection interface.
+ * It supports single date selection, date range selection, and multi-month views.
+ */
+declare const meta: Meta<typeof QCalendar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSelectedDate: Story;
+export declare const RangeSelection: Story;
+export declare const WithSelectedRange: Story;
+export declare const TwoMonthView: Story;
+export declare const ThreeMonthView: Story;
+export declare const WithIndicators: Story;
+export declare const WithDisabledDates: Story;
+export declare const WithMinMaxDates: Story;
+export declare const WithoutNavigation: Story;
+export declare const WithoutHeader: Story;
+export declare const SundayFirst: Story;
+export declare const WithCustomDaySlot: Story;
+export declare const WithFooter: Story;
+export declare const Compact: Story;
+export declare const FullMultiView: Story;
+export declare const ContinuousTwoMonths: Story;
+export declare const ContinuousThreeMonths: Story;
+export declare const ContinuousWithRange: Story;
+export declare const ContinuousNoGreyOut: Story;
+export declare const ContinuousBothMonthsPrimary: Story;

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

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

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

@@ -1996,6 +1996,10 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showGallery: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
             fileUpload: import('vue').Ref<any, any>;
             dropZoneRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -2069,6 +2073,10 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showGallery: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onFile-list"?: ((...args: any[]) => any) | undefined;
             "onUpload-error"?: ((...args: any[]) => any) | undefined;
@@ -2085,6 +2093,7 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
             autoUpload: boolean;
             customUpload: boolean;
             expands: boolean;
+            showGallery: boolean;
         }, {}, {
             FileUpload: typeof import('primevue/fileupload').default;
             QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

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

@@ -1964,6 +1964,10 @@ export declare const Primary: {
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        showGallery: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                     }>, {
                         fileUpload: import('vue').Ref<any, any>;
                         dropZoneRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -2037,6 +2041,10 @@ export declare const Primary: {
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        showGallery: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                     }>> & Readonly<{
                         "onFile-list"?: ((...args: any[]) => any) | undefined;
                         "onUpload-error"?: ((...args: any[]) => any) | undefined;
@@ -2053,6 +2061,7 @@ export declare const Primary: {
                         autoUpload: boolean;
                         customUpload: boolean;
                         expands: boolean;
+                        showGallery: boolean;
                     }, {}, {
                         FileUpload: typeof import('primevue/fileupload').default;
                         QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/src/components/comment-section/comment-section.d.ts

@@ -2148,6 +2148,10 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                showGallery: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 fileUpload: import('vue').Ref<any, any>;
                 dropZoneRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -2221,6 +2225,10 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                showGallery: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onFile-list"?: ((...args: any[]) => any) | undefined;
                 "onUpload-error"?: ((...args: any[]) => any) | undefined;
@@ -2237,6 +2245,7 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                 autoUpload: boolean;
                 customUpload: boolean;
                 expands: boolean;
+                showGallery: boolean;
             }, {}, {
                 FileUpload: typeof import('primevue/fileupload').default;
                 QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -3705,6 +3714,10 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showGallery: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
             fileUpload: import('vue').Ref<any, any>;
             dropZoneRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -3778,6 +3791,10 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showGallery: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onFile-list"?: ((...args: any[]) => any) | undefined;
             "onUpload-error"?: ((...args: any[]) => any) | undefined;
@@ -3794,6 +3811,7 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
             autoUpload: boolean;
             customUpload: boolean;
             expands: boolean;
+            showGallery: boolean;
         }, {}, {
             FileUpload: typeof import('primevue/fileupload').default;
             QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/src/components/comment-section/comment-section.stories.d.ts

@@ -2118,6 +2118,10 @@ export declare const Primary: {
                                 type: BooleanConstructor;
                                 default: boolean;
                             };
+                            showGallery: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                         }>, {
                             fileUpload: import('vue').Ref<any, any>;
                             dropZoneRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -2191,6 +2195,10 @@ export declare const Primary: {
                                 type: BooleanConstructor;
                                 default: boolean;
                             };
+                            showGallery: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                         }>> & Readonly<{
                             "onFile-list"?: ((...args: any[]) => any) | undefined;
                             "onUpload-error"?: ((...args: any[]) => any) | undefined;
@@ -2207,6 +2215,7 @@ export declare const Primary: {
                             autoUpload: boolean;
                             customUpload: boolean;
                             expands: boolean;
+                            showGallery: boolean;
                         }, {}, {
                             FileUpload: typeof import('primevue/fileupload').default;
                             QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -3675,6 +3684,10 @@ export declare const Primary: {
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        showGallery: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                     }>, {
                         fileUpload: import('vue').Ref<any, any>;
                         dropZoneRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -3748,6 +3761,10 @@ export declare const Primary: {
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        showGallery: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                     }>> & Readonly<{
                         "onFile-list"?: ((...args: any[]) => any) | undefined;
                         "onUpload-error"?: ((...args: any[]) => any) | undefined;
@@ -3764,6 +3781,7 @@ export declare const Primary: {
                         autoUpload: boolean;
                         customUpload: boolean;
                         expands: boolean;
+                        showGallery: boolean;
                     }, {}, {
                         FileUpload: typeof import('primevue/fileupload').default;
                         QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -5232,6 +5250,10 @@ export declare const Primary: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    showGallery: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                 }>, {
                     fileUpload: import('vue').Ref<any, any>;
                     dropZoneRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -5305,6 +5327,10 @@ export declare const Primary: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    showGallery: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                 }>> & Readonly<{
                     "onFile-list"?: ((...args: any[]) => any) | undefined;
                     "onUpload-error"?: ((...args: any[]) => any) | undefined;
@@ -5321,6 +5347,7 @@ export declare const Primary: {
                     autoUpload: boolean;
                     customUpload: boolean;
                     expands: boolean;
+                    showGallery: boolean;
                 }, {}, {
                     FileUpload: typeof import('primevue/fileupload').default;
                     QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/src/components/date-picker/date-picker.d.ts

@@ -180,10 +180,10 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
     placeholder: string;
     range: boolean;
     disabled: boolean;
-    id: string;
+    disabledDate: Function;
     locale: string;
+    id: string;
     clearable: boolean;
-    disabledDate: Function;
     disabledBeforeToday: boolean;
     disabledAfterToday: boolean;
     format: string;

package/dist/src/components/date-picker/date-picker.stories.d.ts

@@ -156,10 +156,10 @@ export declare const DatePicker: {
                 placeholder: string;
                 range: boolean;
                 disabled: boolean;
-                id: string;
+                disabledDate: Function;
                 locale: string;
+                id: string;
                 clearable: boolean;
-                disabledDate: Function;
                 disabledBeforeToday: boolean;
                 disabledAfterToday: boolean;
                 format: string;
@@ -810,10 +810,10 @@ export declare const RangedDatePicker: {
                 placeholder: string;
                 range: boolean;
                 disabled: boolean;
-                id: string;
+                disabledDate: Function;
                 locale: string;
+                id: string;
                 clearable: boolean;
-                disabledDate: Function;
                 disabledBeforeToday: boolean;
                 disabledAfterToday: boolean;
                 format: string;

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

@@ -49,6 +49,10 @@ declare const QFileUpload: import('vue').DefineComponent<import('vue').ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    showGallery: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     fileUpload: import('vue').Ref<any, any>;
     dropZoneRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -129,6 +133,10 @@ declare const QFileUpload: import('vue').DefineComponent<import('vue').ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    showGallery: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onFile-list"?: ((...args: any[]) => any) | undefined;
     "onUpload-error"?: ((...args: any[]) => any) | undefined;
@@ -145,6 +153,7 @@ declare const QFileUpload: import('vue').DefineComponent<import('vue').ExtractPr
     autoUpload: boolean;
     customUpload: boolean;
     expands: boolean;
+    showGallery: boolean;
 }, {}, {
     FileUpload: typeof FileUpload;
     QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{