@citruslime/ui 2.5.1-beta.0 → 2.6.0-beta.0

package/dist/components/calendar/cl-ui-calendar-input.vue.d.ts

@@ -6,14 +6,12 @@ declare function focus(): void;
 declare const _default: import("vue").DefineComponent<{
     date: {
         type: import("vue").PropType<string>;
-        required: true;
     };
     events: {
         type: import("vue").PropType<PopoverEventHandlers>;
-        required: true;
     };
     type: {
-        type: import("vue").PropType<"time" | "date" | "datetime">;
+        type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
         required: true;
     };
     placeholder: {
@@ -26,24 +24,25 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-        required: true;
+    };
+    rangeSelected: {
+        type: import("vue").PropType<boolean>;
     };
 }, {
     focus: typeof focus;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
     reset: () => void;
+    togglePopover: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     date: {
         type: import("vue").PropType<string>;
-        required: true;
     };
     events: {
         type: import("vue").PropType<PopoverEventHandlers>;
-        required: true;
     };
     type: {
-        type: import("vue").PropType<"time" | "date" | "datetime">;
+        type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
         required: true;
     };
     placeholder: {
@@ -56,10 +55,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-        required: true;
+    };
+    rangeSelected: {
+        type: import("vue").PropType<boolean>;
     };
 }>> & {
     onReset?: (() => any) | undefined;
     onClear?: (() => any) | undefined;
+    onTogglePopover?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/components/calendar/cl-ui-calendar.vue.d.ts

@@ -1,6 +1,7 @@
+import type { DateRange } from '../input/types';
 declare const _default: import("vue").DefineComponent<{
     type: {
-        type: import("vue").PropType<"time" | "date" | "datetime">;
+        type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
         default: string;
     };
     placeholder: {
@@ -16,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     date: {
-        type: import("vue").PropType<string | null>;
+        type: import("vue").PropType<string | DateRange | null>;
         required: true;
     };
     max: {
@@ -35,13 +36,17 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null>;
+        default: null;
+    };
 }, {
     focus(): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:date': (args_0: string | null) => void;
+    "update:date": (value: string | DateRange | null) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<"time" | "date" | "datetime">;
+        type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
         default: string;
     };
     placeholder: {
@@ -57,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     date: {
-        type: import("vue").PropType<string | null>;
+        type: import("vue").PropType<string | DateRange | null>;
         required: true;
     };
     max: {
@@ -76,10 +81,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null>;
+        default: null;
+    };
 }>> & {
-    "onUpdate:date"?: ((args_0: string | null) => any) | undefined;
+    "onUpdate:date"?: ((value: string | DateRange | null) => any) | undefined;
 }, {
-    type: "time" | "date" | "datetime";
+    type: "time" | "date" | "datetime" | "dateRange";
     placeholder: string | null;
     disabled: boolean;
     required: boolean;
@@ -87,5 +96,6 @@ declare const _default: import("vue").DefineComponent<{
     min: string | null;
     timeZone: string | null;
     initialDate: string | null;
+    quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null;
 }, {}>;
 export default _default;

package/dist/components/calendar/cl-ui-quick-dates-group.vue.d.ts

@@ -0,0 +1,25 @@
+import type { QuickDate } from './quick-dates';
+declare const _default: import("vue").DefineComponent<{
+    dates: {
+        type: import("vue").PropType<QuickDate[]>;
+        required: true;
+    };
+    selectedQuickDate: {
+        type: import("vue").PropType<QuickDate | null>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "quick-date-selected": (value: QuickDate) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dates: {
+        type: import("vue").PropType<QuickDate[]>;
+        required: true;
+    };
+    selectedQuickDate: {
+        type: import("vue").PropType<QuickDate | null>;
+        required: true;
+    };
+}>> & {
+    "onQuick-date-selected"?: ((value: QuickDate) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/components/calendar/cl-ui-quick-dates.vue.d.ts

@@ -0,0 +1,36 @@
+import type { DateRange } from '../input/types';
+import type { QuickDate } from './quick-dates';
+declare const _default: import("vue").DefineComponent<{
+    scope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+        required: true;
+    };
+    selectedQuickDate: {
+        type: import("vue").PropType<QuickDate | null>;
+        required: true;
+    };
+    currentDateRange: {
+        type: import("vue").PropType<DateRange | null>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "quick-date-selected": (value: QuickDate) => void;
+    "apply-button-clicked": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    scope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+        required: true;
+    };
+    selectedQuickDate: {
+        type: import("vue").PropType<QuickDate | null>;
+        required: true;
+    };
+    currentDateRange: {
+        type: import("vue").PropType<DateRange | null>;
+        required: true;
+    };
+}>> & {
+    "onQuick-date-selected"?: ((value: QuickDate) => any) | undefined;
+    "onApply-button-clicked"?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;

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

@@ -1,2 +1,3 @@
 export { default as clUiCalendar } from './cl-ui-calendar.vue';
 export * from './types';
+export * from './quick-dates';

package/dist/components/calendar/quick-dates.d.ts

@@ -0,0 +1,12 @@
+export declare const quickDateNames: readonly ["today", "this week", "this month", "this year", "yesterday", "last week", "last month", "last year", "tomorrow", "next week", "next month", "next year"];
+export type QuickDateName = typeof quickDateNames[number];
+export interface QuickDate {
+    name: QuickDateName;
+    scope: 'past' | 'future' | 'current';
+    translationKey: string;
+    range: 'day' | 'week' | 'month' | 'year';
+}
+export declare const currentQuickDates: QuickDate[];
+export declare const pastQuickDates: QuickDate[];
+export declare const futureQuickDates: QuickDate[];
+export declare const allQuickDates: QuickDate[];

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

@@ -1,2 +1,2 @@
-export declare const calendarTypes: readonly ["date", "datetime", "time"];
+export declare const calendarTypes: readonly ["date", "datetime", "time", "dateRange"];
 export type CalendarType = typeof calendarTypes[number];

package/dist/components/grid/body/cl-ui-grid-body.vue.d.ts

@@ -13,14 +13,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
-    editMode: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
     };
+    editMode: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     options: {
         type: import("vue").PropType<Partial<GridConfig>>;
         required: true;
@@ -50,14 +50,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
-    editMode: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
     };
+    editMode: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     options: {
         type: import("vue").PropType<Partial<GridConfig>>;
         required: true;

package/dist/components/grid/body/cl-ui-grid-row.vue.d.ts

@@ -9,14 +9,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
-    editMode: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
     };
+    editMode: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     searchValue: {
         type: import("vue").PropType<string>;
         required: true;
@@ -35,14 +35,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
-    editMode: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
     };
+    editMode: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     searchValue: {
         type: import("vue").PropType<string>;
         required: true;

package/dist/components/grid/cl-ui-grid.vue.d.ts

@@ -13,6 +13,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null>;
+        default: null;
+    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
@@ -46,6 +50,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null>;
+        default: null;
+    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
@@ -69,6 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     data: FilterResponse<unknown> | null;
     timeZone: string | null;
+    quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null;
     options: Partial<GridConfig>;
 }, {}>, Partial<Record<NonNullable<string | number>, (_: {
     column: GridColumn<Record<string, unknown>>;

package/dist/components/grid/header/cl-ui-grid-filter.vue.d.ts

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null>;
+        required: true;
+    };
     column: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>>;
         required: true;
@@ -27,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null>;
+        required: true;
+    };
     column: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>>;
         required: true;

package/dist/components/grid/header/cl-ui-grid-header.vue.d.ts

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null>;
+        required: true;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:request": (value: FilterRequest<Record<string, unknown>>) => void;
     "update:filterPanelOpen": (value: boolean) => void;
@@ -44,6 +48,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null>;
+        required: true;
+    };
 }>> & {
     "onUpdate:filterPanelOpen"?: ((value: boolean) => any) | undefined;
     "onUpdate:request"?: ((value: FilterRequest<Record<string, unknown>>) => any) | undefined;

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

@@ -6,7 +6,7 @@ export interface GridConfig {
     highlightRowSelection: boolean;
     hideViewManager: boolean;
 }
-export declare const gridColumnTypes: readonly ["string", "boolean", "number", "date", "datetime", "list", "slot"];
+export declare const gridColumnTypes: readonly ["string", "boolean", "number", "date", "datetime", "dateRange", "list", "slot"];
 export type GridColumnType = typeof gridColumnTypes[number];
 export type GridColumnListEntry = {
     value: string | number;
@@ -18,7 +18,7 @@ export interface GridColumn<T = Record<string, unknown>> {
     caption: string;
     type: GridColumnType;
     slotType?: Exclude<GridColumnType, 'slot'>;
-    listType?: Exclude<GridColumnType, 'list' | 'slot' | 'date' | 'datetime' | 'boolean'>;
+    listType?: Exclude<GridColumnType, 'list' | 'slot' | 'date' | 'datetime' | 'dateRange' | 'boolean'>;
     listEntries?: GridColumnListEntry[];
     format?: StringFormat | DateFormat | NumberFormat;
     maxLength?: number;

package/dist/components/index.d.ts

@@ -14,3 +14,4 @@ export * from './modal';
 export * from './navigation';
 export * from './notification';
 export * from './tab';
+export * from './calendar/quick-dates';