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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/citrus-lime-ui.es.js +2392 -1971
  2. package/dist/citrus-lime-ui.umd.js +2 -2
  3. package/dist/components/calendar/cl-ui-calendar-input.vue.d.ts +10 -8
  4. package/dist/components/calendar/cl-ui-calendar.vue.d.ts +17 -7
  5. package/dist/components/calendar/cl-ui-quick-dates-group.vue.d.ts +25 -0
  6. package/dist/components/calendar/cl-ui-quick-dates.vue.d.ts +36 -0
  7. package/dist/components/calendar/index.d.ts +1 -0
  8. package/dist/components/calendar/quick-dates.d.ts +12 -0
  9. package/dist/components/calendar/types.d.ts +1 -1
  10. package/dist/components/grid/body/cl-ui-grid-body.vue.d.ts +8 -8
  11. package/dist/components/grid/body/cl-ui-grid-row.vue.d.ts +8 -8
  12. package/dist/components/grid/cl-ui-grid.vue.d.ts +9 -0
  13. package/dist/components/grid/header/cl-ui-grid-filter.vue.d.ts +8 -0
  14. package/dist/components/grid/header/cl-ui-grid-header.vue.d.ts +8 -0
  15. package/dist/components/grid/types.d.ts +2 -2
  16. package/dist/components/index.d.ts +1 -0
  17. package/dist/components/input/cl-ui-input.vue.d.ts +57 -30
  18. package/dist/components/input/types.d.ts +6 -2
  19. package/dist/style.css +1 -1
  20. package/dist/utils/i18n/types.d.ts +15 -0
  21. package/dist/utils/validation.d.ts +2 -2
  22. package/package.json +1 -1
package/dist/components/input/cl-ui-input.vue.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { InputValidationState, InputValueType } from './types';
1
+ import type { InputValidationState, InputValueType, DateRange } from './types';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  label: {
4
4
  type: import("vue").PropType<string>;
@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<{
24
24
  type: import("vue").PropType<number>;
25
25
  default: number;
26
26
  };
27
+ group: {
28
+ type: import("vue").PropType<string>;
29
+ default: string;
30
+ };
27
31
  timeZone: {
28
32
  type: import("vue").PropType<string | null>;
29
33
  default: null;
@@ -32,8 +36,12 @@ declare const _default: import("vue").DefineComponent<{
32
36
  type: import("vue").PropType<string | null>;
33
37
  default: null;
34
38
  };
39
+ quickDateScope: {
40
+ 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>;
41
+ default: null;
42
+ };
35
43
  modelValue: {
36
- type: import("vue").PropType<string | number | boolean | null>;
44
+ type: import("vue").PropType<string | number | boolean | DateRange | null>;
37
45
  default: undefined;
38
46
  };
39
47
  isRequired: {
@@ -41,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
41
49
  default: boolean;
42
50
  };
43
51
  inputType: {
44
- type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
52
+ type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "dateRange" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
45
53
  required: true;
46
54
  default: string;
47
55
  };
@@ -77,10 +85,6 @@ declare const _default: import("vue").DefineComponent<{
77
85
  type: import("vue").PropType<string>;
78
86
  default: string;
79
87
  };
80
- group: {
81
- type: import("vue").PropType<string>;
82
- default: string;
83
- };
84
88
  showLabel: {
85
89
  type: import("vue").PropType<boolean>;
86
90
  default: boolean;
@@ -119,7 +123,7 @@ declare const _default: import("vue").DefineComponent<{
119
123
  input: (args_0: {
120
124
  target: EventTarget | import("vue").DefineComponent<{
121
125
  type: {
122
- type: import("vue").PropType<"time" | "date" | "datetime">;
126
+ type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
123
127
  default: string;
124
128
  };
125
129
  placeholder: {
@@ -135,7 +139,7 @@ declare const _default: import("vue").DefineComponent<{
135
139
  default: boolean;
136
140
  };
137
141
  date: {
138
- type: import("vue").PropType<string | null>;
142
+ type: import("vue").PropType<string | DateRange | null>;
139
143
  required: true;
140
144
  };
141
145
  max: {
@@ -154,13 +158,17 @@ declare const _default: import("vue").DefineComponent<{
154
158
  type: import("vue").PropType<string | null>;
155
159
  default: null;
156
160
  };
161
+ quickDateScope: {
162
+ 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>;
163
+ default: null;
164
+ };
157
165
  }, {
158
166
  focus(): void;
159
167
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
160
- 'update:date': (args_0: string | null) => void;
168
+ "update:date": (value: string | DateRange | null) => void;
161
169
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
162
170
  type: {
163
- type: import("vue").PropType<"time" | "date" | "datetime">;
171
+ type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
164
172
  default: string;
165
173
  };
166
174
  placeholder: {
@@ -176,7 +184,7 @@ declare const _default: import("vue").DefineComponent<{
176
184
  default: boolean;
177
185
  };
178
186
  date: {
179
- type: import("vue").PropType<string | null>;
187
+ type: import("vue").PropType<string | DateRange | null>;
180
188
  required: true;
181
189
  };
182
190
  max: {
@@ -195,10 +203,14 @@ declare const _default: import("vue").DefineComponent<{
195
203
  type: import("vue").PropType<string | null>;
196
204
  default: null;
197
205
  };
206
+ quickDateScope: {
207
+ 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>;
208
+ default: null;
209
+ };
198
210
  }>> & {
199
- "onUpdate:date"?: ((args_0: string | null) => any) | undefined;
211
+ "onUpdate:date"?: ((value: string | DateRange | null) => any) | undefined;
200
212
  }, {
201
- type: "time" | "date" | "datetime";
213
+ type: "time" | "date" | "datetime" | "dateRange";
202
214
  placeholder: string | null;
203
215
  disabled: boolean;
204
216
  required: boolean;
@@ -206,6 +218,7 @@ declare const _default: import("vue").DefineComponent<{
206
218
  min: string | null;
207
219
  timeZone: string | null;
208
220
  initialDate: string | null;
221
+ 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;
209
222
  }, {}> | import("vue").DefineComponent<{
210
223
  disabled: {
211
224
  type: import("vue").PropType<boolean>;
@@ -295,6 +308,10 @@ declare const _default: import("vue").DefineComponent<{
295
308
  type: import("vue").PropType<number>;
296
309
  default: number;
297
310
  };
311
+ group: {
312
+ type: import("vue").PropType<string>;
313
+ default: string;
314
+ };
298
315
  timeZone: {
299
316
  type: import("vue").PropType<string | null>;
300
317
  default: null;
@@ -303,8 +320,12 @@ declare const _default: import("vue").DefineComponent<{
303
320
  type: import("vue").PropType<string | null>;
304
321
  default: null;
305
322
  };
323
+ quickDateScope: {
324
+ 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>;
325
+ default: null;
326
+ };
306
327
  modelValue: {
307
- type: import("vue").PropType<string | number | boolean | null>;
328
+ type: import("vue").PropType<string | number | boolean | DateRange | null>;
308
329
  default: undefined;
309
330
  };
310
331
  isRequired: {
@@ -312,7 +333,7 @@ declare const _default: import("vue").DefineComponent<{
312
333
  default: boolean;
313
334
  };
314
335
  inputType: {
315
- type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
336
+ type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "dateRange" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
316
337
  required: true;
317
338
  default: string;
318
339
  };
@@ -348,10 +369,6 @@ declare const _default: import("vue").DefineComponent<{
348
369
  type: import("vue").PropType<string>;
349
370
  default: string;
350
371
  };
351
- group: {
352
- type: import("vue").PropType<string>;
353
- default: string;
354
- };
355
372
  showLabel: {
356
373
  type: import("vue").PropType<boolean>;
357
374
  default: boolean;
@@ -386,7 +403,7 @@ declare const _default: import("vue").DefineComponent<{
386
403
  onInput?: ((args_0: {
387
404
  target: EventTarget | import("vue").DefineComponent<{
388
405
  type: {
389
- type: import("vue").PropType<"time" | "date" | "datetime">;
406
+ type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
390
407
  default: string;
391
408
  };
392
409
  placeholder: {
@@ -402,7 +419,7 @@ declare const _default: import("vue").DefineComponent<{
402
419
  default: boolean;
403
420
  };
404
421
  date: {
405
- type: import("vue").PropType<string | null>;
422
+ type: import("vue").PropType<string | DateRange | null>;
406
423
  required: true;
407
424
  };
408
425
  max: {
@@ -421,13 +438,17 @@ declare const _default: import("vue").DefineComponent<{
421
438
  type: import("vue").PropType<string | null>;
422
439
  default: null;
423
440
  };
441
+ quickDateScope: {
442
+ 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>;
443
+ default: null;
444
+ };
424
445
  }, {
425
446
  focus(): void;
426
447
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
427
- 'update:date': (args_0: string | null) => void;
448
+ "update:date": (value: string | DateRange | null) => void;
428
449
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
429
450
  type: {
430
- type: import("vue").PropType<"time" | "date" | "datetime">;
451
+ type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
431
452
  default: string;
432
453
  };
433
454
  placeholder: {
@@ -443,7 +464,7 @@ declare const _default: import("vue").DefineComponent<{
443
464
  default: boolean;
444
465
  };
445
466
  date: {
446
- type: import("vue").PropType<string | null>;
467
+ type: import("vue").PropType<string | DateRange | null>;
447
468
  required: true;
448
469
  };
449
470
  max: {
@@ -462,10 +483,14 @@ declare const _default: import("vue").DefineComponent<{
462
483
  type: import("vue").PropType<string | null>;
463
484
  default: null;
464
485
  };
486
+ quickDateScope: {
487
+ 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>;
488
+ default: null;
489
+ };
465
490
  }>> & {
466
- "onUpdate:date"?: ((args_0: string | null) => any) | undefined;
491
+ "onUpdate:date"?: ((value: string | DateRange | null) => any) | undefined;
467
492
  }, {
468
- type: "time" | "date" | "datetime";
493
+ type: "time" | "date" | "datetime" | "dateRange";
469
494
  placeholder: string | null;
470
495
  disabled: boolean;
471
496
  required: boolean;
@@ -473,6 +498,7 @@ declare const _default: import("vue").DefineComponent<{
473
498
  min: string | null;
474
499
  timeZone: string | null;
475
500
  initialDate: string | null;
501
+ 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;
476
502
  }, {}> | import("vue").DefineComponent<{
477
503
  disabled: {
478
504
  type: import("vue").PropType<boolean>;
@@ -545,11 +571,13 @@ declare const _default: import("vue").DefineComponent<{
545
571
  max: string | number | null;
546
572
  min: string | number | null;
547
573
  step: number;
574
+ group: string;
548
575
  timeZone: string | null;
549
576
  initialDate: string | null;
550
- modelValue: string | number | boolean | null;
577
+ 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;
578
+ modelValue: string | number | boolean | DateRange | null;
551
579
  isRequired: boolean;
552
- inputType: "number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url";
580
+ inputType: "number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "dateRange" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url";
553
581
  customValidationFunction: (_name: string, _value: InputValueType) => InputValidationState;
554
582
  onInputFunction: (_value: InputValueType) => InputValueType;
555
583
  validateImmediately: boolean;
@@ -558,7 +586,6 @@ declare const _default: import("vue").DefineComponent<{
558
586
  requiredText: string;
559
587
  placeholderText: string;
560
588
  fileExtensions: string;
561
- group: string;
562
589
  showLabel: boolean;
563
590
  showArrows: boolean;
564
591
  highlightWhenValid: boolean;
package/dist/components/input/types.d.ts CHANGED
@@ -1,7 +1,11 @@
1
- export declare const inputTypes: readonly ["button", "checkbox", "color", "email", "file", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "url", "date", "datetime", "time"];
1
+ export declare const inputTypes: readonly ["button", "checkbox", "color", "email", "file", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "url", "date", "datetime", "time", "dateRange"];
2
2
  export type InputType = typeof inputTypes[number];
3
- export type InputValueType = string | number | boolean | null | undefined;
3
+ export type InputValueType = string | DateRange | number | boolean | null | undefined;
4
4
  export interface InputValidationState {
5
5
  valid: boolean;
6
6
  message: string;
7
7
  }
8
+ export interface DateRange {
9
+ start: string;
10
+ end: string;
11
+ }