@solfacil/girassol 0.3.3 → 0.3.4

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.
@@ -1,60 +1,59 @@
1
+ import type { Option, Select } from './types';
1
2
  declare const _default: {
2
3
  new (...args: any[]): {
3
4
  $: import("vue").ComponentInternalInstance;
4
5
  $data: {};
5
6
  $props: Partial<{
7
+ size: import("./types").Size;
6
8
  loading: boolean;
9
+ error: string | null;
10
+ placeholder: string;
11
+ options: Select['options'];
7
12
  searchable: boolean;
8
13
  closeOnSelect: boolean;
9
14
  fetchOnSearch: boolean;
10
- options: {
11
- name: string;
12
- value: string;
13
- }[];
14
- placeholder: string;
15
+ searchPlaceholder: string;
15
16
  }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
16
- id: string;
17
- label?: string | undefined;
18
- ariaLabel?: string | undefined;
19
- smallerWidth?: boolean | undefined;
20
- disabled?: boolean | undefined;
21
- loading?: boolean | undefined;
22
- searchable?: boolean | undefined;
23
- closeOnSelect?: boolean | undefined;
24
- fetchOnSearch?: boolean | undefined;
25
- multiple?: boolean | undefined;
26
- searchPlaceholder?: string | undefined;
27
- selected?: {
28
- name: string;
29
- value: string;
30
- } | {
31
- name: string;
32
- value: string;
33
- }[] | undefined;
34
- options: {
35
- name: string;
36
- value: string;
37
- }[];
38
- error?: string | undefined;
39
- placeholder: string;
17
+ id: Select['id'];
18
+ label?: Select['label'];
19
+ ariaLabel?: Select['ariaLabel'];
20
+ name: Select['name'];
21
+ selected?: Select['selected'];
22
+ options: Select['options'];
23
+ required: Select['required'];
24
+ disabled?: Select['disabled'];
25
+ loading?: Select['loading'];
26
+ searchable?: Select['searchable'];
27
+ closeOnSelect?: Select['closeOnSelect'];
28
+ fetchOnSearch?: Select['fetchOnSearch'];
29
+ multiple?: Select['multiple'];
30
+ helperText?: string | undefined;
31
+ size?: Select['size'];
32
+ placeholder?: Select['placeholder'];
33
+ searchPlaceholder?: Select['searchPlaceholder'];
34
+ error?: string | null | undefined;
35
+ useField?: typeof import("vee-validate").useField | undefined;
36
+ rules?: (string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
37
+ validate(value: unknown, options: Record<string, any>): Promise<unknown>;
38
+ } | undefined) | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
39
+ validate(value: unknown, options: Record<string, any>): Promise<unknown>;
40
+ } | undefined>;
41
+ opts?: Partial<import("vee-validate").FieldOptions<Option>> | undefined;
40
42
  }>, {
43
+ error: null;
44
+ size: string;
41
45
  placeholder: string;
46
+ searchPlaceholder: string;
42
47
  loading: boolean;
43
48
  closeOnSelect: boolean;
44
49
  fetchOnSearch: boolean;
45
50
  searchable: boolean;
46
51
  options: () => never[];
47
52
  }>>> & {
53
+ "onUpdate:selected"?: ((value: Option | Option[] | undefined) => any) | undefined;
48
54
  onSearch?: ((value: string) => any) | undefined;
49
55
  onCloseDropdown?: (() => any) | undefined;
50
- "onUpdate:selected"?: ((value: {
51
- name: string;
52
- value: string;
53
- } | {
54
- name: string;
55
- value: string;
56
- }[]) => any) | undefined;
57
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "searchable" | "closeOnSelect" | "fetchOnSearch" | "options" | "placeholder">;
56
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "loading" | "error" | "placeholder" | "options" | "searchable" | "closeOnSelect" | "fetchOnSearch" | "searchPlaceholder">;
58
57
  $attrs: {
59
58
  [x: string]: unknown;
60
59
  };
@@ -66,78 +65,64 @@ declare const _default: {
66
65
  }>;
67
66
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
68
67
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
69
- $emit: ((event: "search", value: string) => void) & ((event: "closeDropdown") => void) & ((event: "update:selected", value: {
70
- name: string;
71
- value: string;
72
- } | {
73
- name: string;
74
- value: string;
75
- }[]) => void);
68
+ $emit: ((event: "search", value: string) => void) & ((event: "update:selected", value: Option | Option[] | undefined) => void) & ((event: "closeDropdown") => void);
76
69
  $el: any;
77
70
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
78
- id: string;
79
- label?: string | undefined;
80
- ariaLabel?: string | undefined;
81
- smallerWidth?: boolean | undefined;
82
- disabled?: boolean | undefined;
83
- loading?: boolean | undefined;
84
- searchable?: boolean | undefined;
85
- closeOnSelect?: boolean | undefined;
86
- fetchOnSearch?: boolean | undefined;
87
- multiple?: boolean | undefined;
88
- searchPlaceholder?: string | undefined;
89
- selected?: {
90
- name: string;
91
- value: string;
92
- } | {
93
- name: string;
94
- value: string;
95
- }[] | undefined;
96
- options: {
97
- name: string;
98
- value: string;
99
- }[];
100
- error?: string | undefined;
101
- placeholder: string;
71
+ id: Select['id'];
72
+ label?: Select['label'];
73
+ ariaLabel?: Select['ariaLabel'];
74
+ name: Select['name'];
75
+ selected?: Select['selected'];
76
+ options: Select['options'];
77
+ required: Select['required'];
78
+ disabled?: Select['disabled'];
79
+ loading?: Select['loading'];
80
+ searchable?: Select['searchable'];
81
+ closeOnSelect?: Select['closeOnSelect'];
82
+ fetchOnSearch?: Select['fetchOnSearch'];
83
+ multiple?: Select['multiple'];
84
+ helperText?: string | undefined;
85
+ size?: Select['size'];
86
+ placeholder?: Select['placeholder'];
87
+ searchPlaceholder?: Select['searchPlaceholder'];
88
+ error?: string | null | undefined;
89
+ useField?: typeof import("vee-validate").useField | undefined;
90
+ rules?: (string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
91
+ validate(value: unknown, options: Record<string, any>): Promise<unknown>;
92
+ } | undefined) | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
93
+ validate(value: unknown, options: Record<string, any>): Promise<unknown>;
94
+ } | undefined>;
95
+ opts?: Partial<import("vee-validate").FieldOptions<Option>> | undefined;
102
96
  }>, {
97
+ error: null;
98
+ size: string;
103
99
  placeholder: string;
100
+ searchPlaceholder: string;
104
101
  loading: boolean;
105
102
  closeOnSelect: boolean;
106
103
  fetchOnSearch: boolean;
107
104
  searchable: boolean;
108
105
  options: () => never[];
109
106
  }>>> & {
107
+ "onUpdate:selected"?: ((value: Option | Option[] | undefined) => any) | undefined;
110
108
  onSearch?: ((value: string) => any) | undefined;
111
109
  onCloseDropdown?: (() => any) | undefined;
112
- "onUpdate:selected"?: ((value: {
113
- name: string;
114
- value: string;
115
- } | {
116
- name: string;
117
- value: string;
118
- }[]) => any) | undefined;
119
110
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
120
111
  closeDropdown: () => void;
121
112
  } & {
122
113
  search: (value: string) => void;
123
114
  } & {
124
- "update:selected": (value: {
125
- name: string;
126
- value: string;
127
- } | {
128
- name: string;
129
- value: string;
130
- }[]) => void;
115
+ "update:selected": (value: Option | Option[] | undefined) => void;
131
116
  }, string, {
117
+ size: import("./types").Size;
132
118
  loading: boolean;
119
+ error: string | null;
120
+ placeholder: string;
121
+ options: Select['options'];
133
122
  searchable: boolean;
134
123
  closeOnSelect: boolean;
135
124
  fetchOnSearch: boolean;
136
- options: {
137
- name: string;
138
- value: string;
139
- }[];
140
- placeholder: string;
125
+ searchPlaceholder: string;
141
126
  }> & {
142
127
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
143
128
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -159,115 +144,105 @@ declare const _default: {
159
144
  $nextTick: typeof import("vue").nextTick;
160
145
  $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
161
146
  } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
162
- id: string;
163
- label?: string | undefined;
164
- ariaLabel?: string | undefined;
165
- smallerWidth?: boolean | undefined;
166
- disabled?: boolean | undefined;
167
- loading?: boolean | undefined;
168
- searchable?: boolean | undefined;
169
- closeOnSelect?: boolean | undefined;
170
- fetchOnSearch?: boolean | undefined;
171
- multiple?: boolean | undefined;
172
- searchPlaceholder?: string | undefined;
173
- selected?: {
174
- name: string;
175
- value: string;
176
- } | {
177
- name: string;
178
- value: string;
179
- }[] | undefined;
180
- options: {
181
- name: string;
182
- value: string;
183
- }[];
184
- error?: string | undefined;
185
- placeholder: string;
147
+ id: Select['id'];
148
+ label?: Select['label'];
149
+ ariaLabel?: Select['ariaLabel'];
150
+ name: Select['name'];
151
+ selected?: Select['selected'];
152
+ options: Select['options'];
153
+ required: Select['required'];
154
+ disabled?: Select['disabled'];
155
+ loading?: Select['loading'];
156
+ searchable?: Select['searchable'];
157
+ closeOnSelect?: Select['closeOnSelect'];
158
+ fetchOnSearch?: Select['fetchOnSearch'];
159
+ multiple?: Select['multiple'];
160
+ helperText?: string | undefined;
161
+ size?: Select['size'];
162
+ placeholder?: Select['placeholder'];
163
+ searchPlaceholder?: Select['searchPlaceholder'];
164
+ error?: string | null | undefined;
165
+ useField?: typeof import("vee-validate").useField | undefined;
166
+ rules?: (string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
167
+ validate(value: unknown, options: Record<string, any>): Promise<unknown>;
168
+ } | undefined) | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
169
+ validate(value: unknown, options: Record<string, any>): Promise<unknown>;
170
+ } | undefined>;
171
+ opts?: Partial<import("vee-validate").FieldOptions<Option>> | undefined;
186
172
  }>, {
173
+ error: null;
174
+ size: string;
187
175
  placeholder: string;
176
+ searchPlaceholder: string;
188
177
  loading: boolean;
189
178
  closeOnSelect: boolean;
190
179
  fetchOnSearch: boolean;
191
180
  searchable: boolean;
192
181
  options: () => never[];
193
182
  }>>> & {
183
+ "onUpdate:selected"?: ((value: Option | Option[] | undefined) => any) | undefined;
194
184
  onSearch?: ((value: string) => any) | undefined;
195
185
  onCloseDropdown?: (() => any) | undefined;
196
- "onUpdate:selected"?: ((value: {
197
- name: string;
198
- value: string;
199
- } | {
200
- name: string;
201
- value: string;
202
- }[]) => any) | undefined;
203
186
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
204
187
  __isFragment?: undefined;
205
188
  __isTeleport?: undefined;
206
189
  __isSuspense?: undefined;
207
190
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
208
- id: string;
209
- label?: string | undefined;
210
- ariaLabel?: string | undefined;
211
- smallerWidth?: boolean | undefined;
212
- disabled?: boolean | undefined;
213
- loading?: boolean | undefined;
214
- searchable?: boolean | undefined;
215
- closeOnSelect?: boolean | undefined;
216
- fetchOnSearch?: boolean | undefined;
217
- multiple?: boolean | undefined;
218
- searchPlaceholder?: string | undefined;
219
- selected?: {
220
- name: string;
221
- value: string;
222
- } | {
223
- name: string;
224
- value: string;
225
- }[] | undefined;
226
- options: {
227
- name: string;
228
- value: string;
229
- }[];
230
- error?: string | undefined;
231
- placeholder: string;
191
+ id: Select['id'];
192
+ label?: Select['label'];
193
+ ariaLabel?: Select['ariaLabel'];
194
+ name: Select['name'];
195
+ selected?: Select['selected'];
196
+ options: Select['options'];
197
+ required: Select['required'];
198
+ disabled?: Select['disabled'];
199
+ loading?: Select['loading'];
200
+ searchable?: Select['searchable'];
201
+ closeOnSelect?: Select['closeOnSelect'];
202
+ fetchOnSearch?: Select['fetchOnSearch'];
203
+ multiple?: Select['multiple'];
204
+ helperText?: string | undefined;
205
+ size?: Select['size'];
206
+ placeholder?: Select['placeholder'];
207
+ searchPlaceholder?: Select['searchPlaceholder'];
208
+ error?: string | null | undefined;
209
+ useField?: typeof import("vee-validate").useField | undefined;
210
+ rules?: (string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
211
+ validate(value: unknown, options: Record<string, any>): Promise<unknown>;
212
+ } | undefined) | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
213
+ validate(value: unknown, options: Record<string, any>): Promise<unknown>;
214
+ } | undefined>;
215
+ opts?: Partial<import("vee-validate").FieldOptions<Option>> | undefined;
232
216
  }>, {
217
+ error: null;
218
+ size: string;
233
219
  placeholder: string;
220
+ searchPlaceholder: string;
234
221
  loading: boolean;
235
222
  closeOnSelect: boolean;
236
223
  fetchOnSearch: boolean;
237
224
  searchable: boolean;
238
225
  options: () => never[];
239
226
  }>>> & {
227
+ "onUpdate:selected"?: ((value: Option | Option[] | undefined) => any) | undefined;
240
228
  onSearch?: ((value: string) => any) | undefined;
241
229
  onCloseDropdown?: (() => any) | undefined;
242
- "onUpdate:selected"?: ((value: {
243
- name: string;
244
- value: string;
245
- } | {
246
- name: string;
247
- value: string;
248
- }[]) => any) | undefined;
249
230
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
250
231
  closeDropdown: () => void;
251
232
  } & {
252
233
  search: (value: string) => void;
253
234
  } & {
254
- "update:selected": (value: {
255
- name: string;
256
- value: string;
257
- } | {
258
- name: string;
259
- value: string;
260
- }[]) => void;
235
+ "update:selected": (value: Option | Option[] | undefined) => void;
261
236
  }, string, {
237
+ size: import("./types").Size;
262
238
  loading: boolean;
239
+ error: string | null;
240
+ placeholder: string;
241
+ options: Select['options'];
263
242
  searchable: boolean;
264
243
  closeOnSelect: boolean;
265
244
  fetchOnSearch: boolean;
266
- options: {
267
- name: string;
268
- value: string;
269
- }[];
270
- placeholder: string;
245
+ searchPlaceholder: string;
271
246
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
272
247
  $slots: {
273
248
  label: (_: {
@@ -281,30 +256,10 @@ declare const _default: {
281
256
  toggleDropdown: () => void;
282
257
  };
283
258
  isOpen: boolean;
284
- select: (selected: {
285
- name: string;
286
- value: string;
287
- }) => void;
288
- selected: {
289
- name: string;
290
- value: string;
291
- } | {
292
- name: string;
293
- value: string;
294
- }[] | undefined;
295
- }) => any;
296
- search: (_: {
297
- filter: string;
298
- }) => any;
299
- default: (_: {
300
- text: string;
301
- value: string;
302
- option: {
303
- name: string;
304
- value: string;
305
- };
306
- isSelected: boolean;
259
+ select: (selected: Option) => void;
260
+ selected: Option | Option[] | undefined;
307
261
  }) => any;
262
+ search: (_: {}) => any;
308
263
  'no-data': (_: {}) => any;
309
264
  };
310
265
  });
@@ -0,0 +1,23 @@
1
+ export declare type Size = 'sm' | 'md';
2
+ export declare type Option = {
3
+ name: string;
4
+ value: string;
5
+ };
6
+ export interface Select {
7
+ id: string;
8
+ label?: string;
9
+ name: string;
10
+ ariaLabel?: string;
11
+ disabled?: boolean;
12
+ required?: boolean;
13
+ loading?: boolean;
14
+ searchable?: boolean;
15
+ closeOnSelect?: boolean;
16
+ fetchOnSearch?: boolean;
17
+ multiple?: boolean;
18
+ searchPlaceholder?: string;
19
+ selected?: Option | Option[];
20
+ options: Option[];
21
+ size?: Size;
22
+ placeholder?: string;
23
+ }
@@ -13,8 +13,8 @@ declare const _default: {
13
13
  }>, {
14
14
  removable: boolean;
15
15
  }>>> & {
16
- "onUpdate:selected"?: (() => any) | undefined;
17
16
  onClose?: (() => any) | undefined;
17
+ "onUpdate:selected"?: (() => any) | undefined;
18
18
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "removable">;
19
19
  $attrs: {
20
20
  [x: string]: unknown;
@@ -27,7 +27,7 @@ declare const _default: {
27
27
  }>;
28
28
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
29
29
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
30
- $emit: ((event: "update:selected") => void) & ((event: "close") => void);
30
+ $emit: ((event: "close") => void) & ((event: "update:selected") => void);
31
31
  $el: any;
32
32
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
33
33
  id: string;
@@ -38,8 +38,8 @@ declare const _default: {
38
38
  }>, {
39
39
  removable: boolean;
40
40
  }>>> & {
41
- "onUpdate:selected"?: (() => any) | undefined;
42
41
  onClose?: (() => any) | undefined;
42
+ "onUpdate:selected"?: (() => any) | undefined;
43
43
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
44
44
  close: () => void;
45
45
  } & {
@@ -75,8 +75,8 @@ declare const _default: {
75
75
  }>, {
76
76
  removable: boolean;
77
77
  }>>> & {
78
- "onUpdate:selected"?: (() => any) | undefined;
79
78
  onClose?: (() => any) | undefined;
79
+ "onUpdate:selected"?: (() => any) | undefined;
80
80
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
81
81
  __isFragment?: undefined;
82
82
  __isTeleport?: undefined;
@@ -90,8 +90,8 @@ declare const _default: {
90
90
  }>, {
91
91
  removable: boolean;
92
92
  }>>> & {
93
- "onUpdate:selected"?: (() => any) | undefined;
94
93
  onClose?: (() => any) | undefined;
94
+ "onUpdate:selected"?: (() => any) | undefined;
95
95
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
96
96
  close: () => void;
97
97
  } & {
@@ -1,5 +1,5 @@
1
1
  import type { ParentValidation } from './types';
2
- export declare function useValidateField(name: string, parentValidation?: ParentValidation): import("vee-validate").FieldContext<string> | {
3
- value: import("vue").Ref<string>;
2
+ export declare function useValidateField<T = unknown>(name: string, parentValidation?: ParentValidation<T>): import("vee-validate").FieldContext<T> | {
3
+ value: import("vue").Ref<unknown>;
4
4
  errorMessage: import("vue").ComputedRef<string | null> | undefined;
5
5
  };
@@ -1,9 +1,22 @@
1
1
  import type { useField } from 'vee-validate';
2
- import type { ComputedRef } from 'vue';
3
- export interface ParentValidation {
4
- error?: ComputedRef<string | null>;
5
- modelValue?: string;
2
+ import type { ComputedRef, Ref } from 'vue';
3
+ declare type Option = {
4
+ name: string;
5
+ value: string;
6
+ };
7
+ declare type Error = ComputedRef<string | null>;
8
+ declare type ComponentType = 'input' | 'select' | 'checkbox' | 'radio';
9
+ export interface ParentValidation<T = unknown> {
10
+ error?: Error;
11
+ modelValue?: T;
12
+ component?: ComponentType;
13
+ selected?: Option | Option[];
6
14
  useFieldParent?: typeof useField;
7
15
  rules?: Parameters<typeof useField>['1'];
8
- opts?: Parameters<typeof useField<string>>['2'];
16
+ opts?: Parameters<typeof useField<T>>['2'];
9
17
  }
18
+ export declare type ValidateFieldReturn<T = string> = {
19
+ value: Ref<T>;
20
+ errorMessage: ComputedRef<string | null> | undefined;
21
+ };
22
+ export {};