@quoreadmin/ui 1.4.8 → 1.5.1

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

@@ -0,0 +1,290 @@
+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 PrimaryMonth {
+    month: number;
+    year: number;
+}
+export interface ContinuousCalendarData {
+    dates: CalendarDate[];
+}
+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;
+    };
+    /**
+     * Start date of the calendar view.
+     * When provided with endDate, enables multi-month display.
+     * The calendar will show all weeks from startDate to endDate.
+     */
+    startDate: {
+        type: PropType<Date | null>;
+        default: null;
+    };
+    /**
+     * End date of the calendar view.
+     * When provided with startDate, enables multi-month display.
+     */
+    endDate: {
+        type: PropType<Date | null>;
+        default: null;
+    };
+    /**
+     * Which months to consider as "primary" (not greyed out).
+     * Array of {month, year} objects where month is 0-11.
+     * If not provided, derives from startDate/endDate range.
+     */
+    primaryMonths: {
+        type: PropType<PrimaryMonth[]>;
+        default: null;
+    };
+    /** 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 event indicator (green background) */
+    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;
+    };
+    /**
+     * When true and startDate/endDate are provided, displays all months
+     * in a single continuous vertical grid instead of side-by-side.
+     */
+    continuous: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    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>;
+    isMultiMonth: import('vue').ComputedRef<boolean>;
+    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[]>;
+    primaryMonthsSet: 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;
+    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;
+    };
+    /**
+     * Start date of the calendar view.
+     * When provided with endDate, enables multi-month display.
+     * The calendar will show all weeks from startDate to endDate.
+     */
+    startDate: {
+        type: PropType<Date | null>;
+        default: null;
+    };
+    /**
+     * End date of the calendar view.
+     * When provided with startDate, enables multi-month display.
+     */
+    endDate: {
+        type: PropType<Date | null>;
+        default: null;
+    };
+    /**
+     * Which months to consider as "primary" (not greyed out).
+     * Array of {month, year} objects where month is 0-11.
+     * If not provided, derives from startDate/endDate range.
+     */
+    primaryMonths: {
+        type: PropType<PrimaryMonth[]>;
+        default: null;
+    };
+    /** 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 event indicator (green background) */
+    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;
+    };
+    /**
+     * When true and startDate/endDate are provided, displays all months
+     * in a single continuous vertical grid instead of side-by-side.
+     */
+    continuous: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & 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;
+    startDate: Date | null;
+    endDate: Date | null;
+    primaryMonths: PrimaryMonth[];
+    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;
+}, {}, {}, {}, 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,37 @@
+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.
+ *
+ * ## Multi-month Display
+ * To display multiple months, provide `startDate` and `endDate` props.
+ * - `continuous: false` (default) - Months displayed side-by-side
+ * - `continuous: true` - Months displayed in one vertical grid
+ */
+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 TwoMonthsSideBySide: Story;
+export declare const ThreeMonthsSideBySide: Story;
+export declare const WithEventIndicators: Story;
+export declare const TodayIndicator: 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 AllIndicatorTypes: Story;
+export declare const WithFooter: Story;
+export declare const Compact: Story;
+export declare const ContinuousTwoMonths: Story;
+export declare const ContinuousThreeMonths: Story;
+export declare const ContinuousWithEvents: Story;
+export declare const ContinuousBothMonthsPrimary: Story;
+export declare const BackendDrivenExample: Story;
+export declare const PartialMonthRange: 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/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/grid/grid.stories.d.ts

@@ -812,8 +812,8 @@ export declare const InspectionGrid: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -987,8 +987,8 @@ export declare const InspectionGrid: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -1133,7 +1133,7 @@ export declare const InspectionGrid: {
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
-                modelValue: string | number | Record<string, any> | unknown[];
+                modelValue: string | number | object | any[] | null | undefined;
                 label: string;
                 size: string;
                 placeholder: string;
@@ -2913,8 +2913,8 @@ export declare const PMGrid: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -3088,8 +3088,8 @@ export declare const PMGrid: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -3234,7 +3234,7 @@ export declare const PMGrid: {
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
-                modelValue: string | number | Record<string, any> | unknown[];
+                modelValue: string | number | object | any[] | null | undefined;
                 label: string;
                 size: string;
                 placeholder: string;

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

@@ -842,8 +842,8 @@ export declare const RowList: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -1017,8 +1017,8 @@ export declare const RowList: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -1163,7 +1163,7 @@ export declare const RowList: {
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
-                modelValue: string | number | Record<string, any> | unknown[];
+                modelValue: string | number | object | any[] | null | undefined;
                 label: string;
                 size: string;
                 placeholder: string;

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

@@ -721,8 +721,8 @@ export declare const ClearFilters: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -896,8 +896,8 @@ export declare const ClearFilters: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -1042,7 +1042,7 @@ export declare const ClearFilters: {
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
-                modelValue: string | number | Record<string, any> | unknown[];
+                modelValue: string | number | object | any[] | null | undefined;
                 label: string;
                 size: string;
                 placeholder: string;

package/dist/src/components/room-details-popover/room-details-popover.d.ts

@@ -430,8 +430,8 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
     size: string;
     position: string;
     hover: boolean;
-    id: string;
     locale: string;
+    id: string;
     trigger: string | number;
     align: string;
     comments: unknown[];
@@ -5620,10 +5620,10 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         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/select/select.d.ts

@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 import { default as VueMultiselect } from 'vue-multiselect';
 /**
  * A dropdown lets a user pick an option from a list of actions or selectable options.
@@ -18,8 +19,8 @@ declare const QSelect: import('vue').DefineComponent<import('vue').ExtractPropTy
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        default: string;
+        type: PropType<string | number | any[] | object | null | undefined>;
+        default: undefined;
     };
     trackBy: {
         type: StringConstructor;
@@ -193,8 +194,8 @@ declare const QSelect: import('vue').DefineComponent<import('vue').ExtractPropTy
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        default: string;
+        type: PropType<string | number | any[] | object | null | undefined>;
+        default: undefined;
     };
     trackBy: {
         type: StringConstructor;
@@ -339,7 +340,7 @@ declare const QSelect: import('vue').DefineComponent<import('vue').ExtractPropTy
 }>> & Readonly<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }>, {
-    modelValue: string | number | Record<string, any> | unknown[];
+    modelValue: string | number | object | any[] | null | undefined;
     label: string;
     size: string;
     placeholder: string;

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

@@ -17,8 +17,8 @@ export declare const Primary: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -192,8 +192,8 @@ export declare const Primary: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -338,7 +338,7 @@ export declare const Primary: {
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
-                modelValue: string | number | Record<string, any> | unknown[];
+                modelValue: string | number | object | any[] | null | undefined;
                 label: string;
                 size: string;
                 placeholder: string;
@@ -449,8 +449,8 @@ export declare const TagSelect: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -624,8 +624,8 @@ export declare const TagSelect: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -770,7 +770,7 @@ export declare const TagSelect: {
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
-                modelValue: string | number | Record<string, any> | unknown[];
+                modelValue: string | number | object | any[] | null | undefined;
                 label: string;
                 size: string;
                 placeholder: string;
@@ -880,8 +880,8 @@ export declare const useAddTagOnlySelect: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -1055,8 +1055,8 @@ export declare const useAddTagOnlySelect: {
                     required: true;
                 };
                 modelValue: {
-                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
-                    default: string;
+                    type: import('vue').PropType<string | number | any[] | object | null | undefined>;
+                    default: undefined;
                 };
                 trackBy: {
                     type: StringConstructor;
@@ -1201,7 +1201,7 @@ export declare const useAddTagOnlySelect: {
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
-                modelValue: string | number | Record<string, any> | unknown[];
+                modelValue: string | number | object | any[] | null | undefined;
                 label: string;
                 size: string;
                 placeholder: string;

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

@@ -82,8 +82,8 @@ declare const QTextarea: import('vue').DefineComponent<import('vue').ExtractProp
     modelValue: string | number;
     placeholder: string;
     status: string;
-    controlClass: string;
     isDisabled: boolean;
+    controlClass: string;
     rows: number;
     persistentPlaceholder: boolean;
     textareaClass: string;

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

@@ -88,8 +88,8 @@ export declare const Idle: {
                 modelValue: string | number;
                 placeholder: string;
                 status: string;
-                controlClass: string;
                 isDisabled: boolean;
+                controlClass: string;
                 rows: number;
                 persistentPlaceholder: boolean;
                 textareaClass: string;