@citruslime/ui 2.4.8-beta.0 → 2.5.0-beta.1

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 (16) hide show
  1. package/dist/citrus-lime-ui.es.js +1945 -1840
  2. package/dist/citrus-lime-ui.umd.js +2 -2
  3. package/dist/components/calendar/cl-ui-calendar-input.vue.d.ts +2 -2
  4. package/dist/components/calendar/cl-ui-calendar.vue.d.ts +9 -0
  5. package/dist/components/grid/body/cl-ui-grid-body.vue.d.ts +9 -0
  6. package/dist/components/grid/body/cl-ui-grid-cell-value.vue.d.ts +8 -0
  7. package/dist/components/grid/body/cl-ui-grid-cell.vue.d.ts +8 -0
  8. package/dist/components/grid/body/cl-ui-grid-row.vue.d.ts +9 -0
  9. package/dist/components/grid/cl-ui-grid.vue.d.ts +5 -0
  10. package/dist/components/grid/footer/cl-ui-grid-footer.vue.d.ts +8 -0
  11. package/dist/components/grid/header/cl-ui-grid-search.vue.d.ts +60 -0
  12. package/dist/components/grid/types.d.ts +5 -2
  13. package/dist/components/input/cl-ui-input.vue.d.ts +27 -0
  14. package/dist/style.css +1 -1
  15. package/dist/utils/i18n/types.d.ts +2 -0
  16. package/package.json +3 -3
package/dist/components/calendar/cl-ui-calendar-input.vue.d.ts CHANGED
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
17
17
  required: true;
18
18
  };
19
19
  placeholder: {
20
- type: import("vue").PropType<string>;
20
+ type: import("vue").PropType<string | null>;
21
21
  required: true;
22
22
  };
23
23
  required: {
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
47
47
  required: true;
48
48
  };
49
49
  placeholder: {
50
- type: import("vue").PropType<string>;
50
+ type: import("vue").PropType<string | null>;
51
51
  required: true;
52
52
  };
53
53
  required: {
package/dist/components/calendar/cl-ui-calendar.vue.d.ts CHANGED
@@ -31,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
31
31
  type: import("vue").PropType<string | null>;
32
32
  default: null;
33
33
  };
34
+ initialDate: {
35
+ type: import("vue").PropType<string | null>;
36
+ default: null;
37
+ };
34
38
  }, {
35
39
  focus(): void;
36
40
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -68,6 +72,10 @@ declare const _default: import("vue").DefineComponent<{
68
72
  type: import("vue").PropType<string | null>;
69
73
  default: null;
70
74
  };
75
+ initialDate: {
76
+ type: import("vue").PropType<string | null>;
77
+ default: null;
78
+ };
71
79
  }>> & {
72
80
  "onUpdate:date"?: ((args_0: string | null) => any) | undefined;
73
81
  }, {
@@ -78,5 +86,6 @@ declare const _default: import("vue").DefineComponent<{
78
86
  max: string | null;
79
87
  min: string | null;
80
88
  timeZone: string | null;
89
+ initialDate: string | null;
81
90
  }, {}>;
82
91
  export default _default;
package/dist/components/grid/body/cl-ui-grid-body.vue.d.ts CHANGED
@@ -29,6 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
29
29
  type: import("vue").PropType<FilterRequest<Record<string, unknown>>>;
30
30
  required: true;
31
31
  };
32
+ searchValue: {
33
+ type: import("vue").PropType<string>;
34
+ required: true;
35
+ };
32
36
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
33
37
  'row-select': (args_0: Record<string, unknown>) => void;
34
38
  'row-edit': (args_0: Record<string, unknown>) => void;
@@ -62,6 +66,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
62
66
  type: import("vue").PropType<FilterRequest<Record<string, unknown>>>;
63
67
  required: true;
64
68
  };
69
+ searchValue: {
70
+ type: import("vue").PropType<string>;
71
+ required: true;
72
+ };
65
73
  }>> & {
66
74
  "onClear-filters"?: (() => any) | undefined;
67
75
  "onRow-select"?: ((args_0: Record<string, unknown>) => any) | undefined;
@@ -71,6 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
71
79
  }, {}>, Partial<Record<NonNullable<string | number>, (_: {
72
80
  column: GridColumn<Record<string, unknown>>;
73
81
  record: Record<string, InputValueType>;
82
+ searchValue?: string | undefined;
74
83
  edited?: boolean | undefined;
75
84
  listEntries?: import("../..").ComboBoxItem[] | undefined;
76
85
  cellFocused?: (() => void) | undefined;
package/dist/components/grid/body/cl-ui-grid-cell-value.vue.d.ts CHANGED
@@ -12,6 +12,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
12
12
  type: import("vue").PropType<string | null>;
13
13
  required: true;
14
14
  };
15
+ searchValue: {
16
+ type: import("vue").PropType<string>;
17
+ required: true;
18
+ };
15
19
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
16
20
  data: {
17
21
  type: import("vue").PropType<Record<string, unknown>>;
@@ -25,6 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
25
29
  type: import("vue").PropType<string | null>;
26
30
  required: true;
27
31
  };
32
+ searchValue: {
33
+ type: import("vue").PropType<string>;
34
+ required: true;
35
+ };
28
36
  }>>, {}, {}>, Record<string, (props: {}) => any>>;
29
37
  export default _default;
30
38
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/components/grid/body/cl-ui-grid-cell.vue.d.ts CHANGED
@@ -17,6 +17,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
17
17
  type: import("vue").PropType<boolean>;
18
18
  default: boolean;
19
19
  };
20
+ searchValue: {
21
+ type: import("vue").PropType<string>;
22
+ required: true;
23
+ };
20
24
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
21
25
  edit: (args_0: unknown) => void;
22
26
  focus: () => void;
@@ -38,6 +42,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
38
42
  type: import("vue").PropType<boolean>;
39
43
  default: boolean;
40
44
  };
45
+ searchValue: {
46
+ type: import("vue").PropType<string>;
47
+ required: true;
48
+ };
41
49
  }>> & {
42
50
  onFocus?: (() => any) | undefined;
43
51
  onEdit?: ((args_0: unknown) => any) | undefined;
package/dist/components/grid/body/cl-ui-grid-row.vue.d.ts CHANGED
@@ -17,6 +17,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
17
17
  type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
18
18
  required: true;
19
19
  };
20
+ searchValue: {
21
+ type: import("vue").PropType<string>;
22
+ required: true;
23
+ };
20
24
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
21
25
  'cell-focus': () => void;
22
26
  'cell-edit': (args_0: GridCellUpdateEvent) => void;
@@ -39,6 +43,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
39
43
  type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
40
44
  required: true;
41
45
  };
46
+ searchValue: {
47
+ type: import("vue").PropType<string>;
48
+ required: true;
49
+ };
42
50
  }>> & {
43
51
  "onCell-focus"?: (() => any) | undefined;
44
52
  "onCell-edit"?: ((args_0: GridCellUpdateEvent) => any) | undefined;
@@ -49,6 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
49
57
  }, {}>, Partial<Record<NonNullable<string | number>, (_: {
50
58
  column: GridColumn<Record<string, unknown>>;
51
59
  record: Record<string, InputValueType>;
60
+ searchValue?: string | undefined;
52
61
  edited?: boolean | undefined;
53
62
  listEntries?: import("../..").ComboBoxItem[] | undefined;
54
63
  cellFocused?: (() => void) | undefined;
package/dist/components/grid/cl-ui-grid.vue.d.ts CHANGED
@@ -73,10 +73,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
73
73
  }, {}>, Partial<Record<NonNullable<string | number>, (_: {
74
74
  column: GridColumn<Record<string, unknown>>;
75
75
  record: Record<string, InputValueType>;
76
+ searchValue?: string | undefined;
76
77
  edited?: boolean | undefined;
77
78
  listEntries?: import("..").ComboBoxItem[] | undefined;
78
79
  cellFocused?: (() => void) | undefined;
79
80
  }) => any>> & {
81
+ search?(_: {
82
+ searchValue: string;
83
+ performSearch: (value: string) => void;
84
+ }): any;
80
85
  "additional-grid-actions"?(_: {
81
86
  loading: boolean;
82
87
  editMode: boolean;
package/dist/components/grid/footer/cl-ui-grid-footer.vue.d.ts CHANGED
@@ -4,6 +4,10 @@ declare const _default: import("vue").DefineComponent<{
4
4
  type: import("vue").PropType<FilterResponse<unknown> | null>;
5
5
  default: null;
6
6
  };
7
+ loading: {
8
+ type: import("vue").PropType<boolean>;
9
+ required: true;
10
+ };
7
11
  request: {
8
12
  type: import("vue").PropType<FilterRequest<Record<string, unknown>>>;
9
13
  required: true;
@@ -15,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
15
19
  type: import("vue").PropType<FilterResponse<unknown> | null>;
16
20
  default: null;
17
21
  };
22
+ loading: {
23
+ type: import("vue").PropType<boolean>;
24
+ required: true;
25
+ };
18
26
  request: {
19
27
  type: import("vue").PropType<FilterRequest<Record<string, unknown>>>;
20
28
  required: true;
package/dist/components/grid/header/cl-ui-grid-search.vue.d.ts ADDED
@@ -0,0 +1,60 @@
1
+ import { type GridColumn, type FilterRequest } from '../types';
2
+ /**
3
+ * Adds search filters to the filter request for each of the searchable columns.
4
+ * Removes search filters, when provided with a blank value.
5
+ *
6
+ * @param value The value to search for.
7
+ */
8
+ declare function performSearch(value: string): void;
9
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
10
+ searchValue: {
11
+ type: import("vue").PropType<string>;
12
+ required: true;
13
+ };
14
+ columns: {
15
+ type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
16
+ required: true;
17
+ };
18
+ request: {
19
+ type: import("vue").PropType<FilterRequest<Record<string, unknown>>>;
20
+ required: true;
21
+ };
22
+ loading: {
23
+ type: import("vue").PropType<boolean>;
24
+ required: true;
25
+ };
26
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
27
+ 'update:searchValue': (args_0: string) => void;
28
+ 'update:request': (args_0: FilterRequest<Record<string, unknown>>) => void;
29
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
30
+ searchValue: {
31
+ type: import("vue").PropType<string>;
32
+ required: true;
33
+ };
34
+ columns: {
35
+ type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
36
+ required: true;
37
+ };
38
+ request: {
39
+ type: import("vue").PropType<FilterRequest<Record<string, unknown>>>;
40
+ required: true;
41
+ };
42
+ loading: {
43
+ type: import("vue").PropType<boolean>;
44
+ required: true;
45
+ };
46
+ }>> & {
47
+ "onUpdate:request"?: ((args_0: FilterRequest<Record<string, unknown>>) => any) | undefined;
48
+ "onUpdate:searchValue"?: ((args_0: string) => any) | undefined;
49
+ }, {}, {}>, {
50
+ search: (props: {
51
+ searchValue: string;
52
+ performSearch: typeof performSearch;
53
+ }) => any;
54
+ }>;
55
+ export default _default;
56
+ type __VLS_WithTemplateSlots<T, S> = T & {
57
+ new (): {
58
+ $slots: S;
59
+ };
60
+ };
package/dist/components/grid/types.d.ts CHANGED
@@ -27,6 +27,7 @@ export interface GridColumn<T = Record<string, unknown>> {
27
27
  sortable?: boolean;
28
28
  editable?: boolean;
29
29
  width?: number;
30
+ searchable?: boolean;
30
31
  }
31
32
  export interface FilterMethod {
32
33
  method: FilterMethodType;
@@ -61,9 +62,10 @@ export declare enum FilterOperation {
61
62
  GREATER_THAN = 6,
62
63
  LESS_THAN = 7,
63
64
  EQUAL_OR_GREATER_THAN = 8,
64
- EQUAL_OR_LESS_THAN = 9
65
+ EQUAL_OR_LESS_THAN = 9,
66
+ AND_CONTAINS = 10
65
67
  }
66
- export declare const filterMethodTypes: readonly ["equal", "notequal", "contains", "notcontains", "lessthan", "greaterthan", "startswith", "endswith", "equalorlessthan", "equalorgreaterthan"];
68
+ export declare const filterMethodTypes: readonly ["equal", "notequal", "contains", "notcontains", "lessthan", "greaterthan", "startswith", "endswith", "equalorlessthan", "equalorgreaterthan", "andcontains"];
67
69
  export type FilterMethodType = typeof filterMethodTypes[number];
68
70
  export interface FilterArg<T = Record<string, unknown>> {
69
71
  filterOnColumn: keyof T;
@@ -88,6 +90,7 @@ export interface FilterResponse<T> {
88
90
  export type CellSlot = {
89
91
  column: GridColumn;
90
92
  record: Record<string, InputValueType>;
93
+ searchValue?: string;
91
94
  };
92
95
  export type EditCellSlot = CellSlot & Partial<{
93
96
  edited: boolean;
package/dist/components/input/cl-ui-input.vue.d.ts CHANGED
@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<{
28
28
  type: import("vue").PropType<string | null>;
29
29
  default: null;
30
30
  };
31
+ initialDate: {
32
+ type: import("vue").PropType<string | null>;
33
+ default: null;
34
+ };
31
35
  modelValue: {
32
36
  type: import("vue").PropType<string | number | boolean | null>;
33
37
  default: undefined;
@@ -146,6 +150,10 @@ declare const _default: import("vue").DefineComponent<{
146
150
  type: import("vue").PropType<string | null>;
147
151
  default: null;
148
152
  };
153
+ initialDate: {
154
+ type: import("vue").PropType<string | null>;
155
+ default: null;
156
+ };
149
157
  }, {
150
158
  focus(): void;
151
159
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -183,6 +191,10 @@ declare const _default: import("vue").DefineComponent<{
183
191
  type: import("vue").PropType<string | null>;
184
192
  default: null;
185
193
  };
194
+ initialDate: {
195
+ type: import("vue").PropType<string | null>;
196
+ default: null;
197
+ };
186
198
  }>> & {
187
199
  "onUpdate:date"?: ((args_0: string | null) => any) | undefined;
188
200
  }, {
@@ -193,6 +205,7 @@ declare const _default: import("vue").DefineComponent<{
193
205
  max: string | null;
194
206
  min: string | null;
195
207
  timeZone: string | null;
208
+ initialDate: string | null;
196
209
  }, {}> | import("vue").DefineComponent<{
197
210
  disabled: {
198
211
  type: import("vue").PropType<boolean>;
@@ -286,6 +299,10 @@ declare const _default: import("vue").DefineComponent<{
286
299
  type: import("vue").PropType<string | null>;
287
300
  default: null;
288
301
  };
302
+ initialDate: {
303
+ type: import("vue").PropType<string | null>;
304
+ default: null;
305
+ };
289
306
  modelValue: {
290
307
  type: import("vue").PropType<string | number | boolean | null>;
291
308
  default: undefined;
@@ -400,6 +417,10 @@ declare const _default: import("vue").DefineComponent<{
400
417
  type: import("vue").PropType<string | null>;
401
418
  default: null;
402
419
  };
420
+ initialDate: {
421
+ type: import("vue").PropType<string | null>;
422
+ default: null;
423
+ };
403
424
  }, {
404
425
  focus(): void;
405
426
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -437,6 +458,10 @@ declare const _default: import("vue").DefineComponent<{
437
458
  type: import("vue").PropType<string | null>;
438
459
  default: null;
439
460
  };
461
+ initialDate: {
462
+ type: import("vue").PropType<string | null>;
463
+ default: null;
464
+ };
440
465
  }>> & {
441
466
  "onUpdate:date"?: ((args_0: string | null) => any) | undefined;
442
467
  }, {
@@ -447,6 +472,7 @@ declare const _default: import("vue").DefineComponent<{
447
472
  max: string | null;
448
473
  min: string | null;
449
474
  timeZone: string | null;
475
+ initialDate: string | null;
450
476
  }, {}> | import("vue").DefineComponent<{
451
477
  disabled: {
452
478
  type: import("vue").PropType<boolean>;
@@ -520,6 +546,7 @@ declare const _default: import("vue").DefineComponent<{
520
546
  min: string | number | null;
521
547
  step: number;
522
548
  timeZone: string | null;
549
+ initialDate: string | null;
523
550
  modelValue: string | number | boolean | null;
524
551
  isRequired: boolean;
525
552
  inputType: "number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url";