@avenirs-esr/avenirs-dsav 0.1.31 → 0.1.33

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 (9) hide show
  1. package/dist/avenirs-dsav.css +1 -1
  2. package/dist/avenirs-dsav.es.js +3646 -6195
  3. package/dist/avenirs-dsav.umd.js +7 -18
  4. package/dist/components/interaction/inputs/AvInput/AvInput.stories.d.ts +1 -0
  5. package/dist/components/interaction/inputs/AvInput/AvInput.vue.d.ts +10 -2
  6. package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteInput.vue.d.ts +30 -18
  7. package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.stories.d.ts +3 -0
  8. package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.vue.d.ts +4 -0
  9. package/package.json +2 -1
package/dist/components/interaction/inputs/AvInput/AvInput.stories.d.ts CHANGED
@@ -44,6 +44,7 @@ export declare const Valid: StoryFn<AvInputProps>;
44
44
  export declare const Disabled: StoryFn<AvInputProps>;
45
45
  export declare const Email: StoryFn<AvInputProps>;
46
46
  export declare const Password: StoryFn<AvInputProps>;
47
+ export declare const DateInput: StoryFn<AvInputProps>;
47
48
  export declare const Textarea: StoryFn<AvInputProps>;
48
49
  export declare const WithoutLabel: StoryFn<AvInputProps>;
49
50
  export declare const WithMaxLength: StoryFn<AvInputProps>;
package/dist/components/interaction/inputs/AvInput/AvInput.vue.d.ts CHANGED
@@ -43,7 +43,15 @@ export interface AvInputProps {
43
43
  /**
44
44
  * Input type (text, email, password, etc.)
45
45
  */
46
- type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
46
+ type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'color' | 'file' | 'hidden' | 'range';
47
+ /**
48
+ * Minimum date for date inputs
49
+ */
50
+ minDate?: Date;
51
+ /**
52
+ * Max date for date inputs
53
+ */
54
+ maxDate?: Date;
47
55
  /**
48
56
  * Whether the input is disabled
49
57
  */
@@ -96,7 +104,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvInputPro
96
104
  }, string, import("vue").PublicProps, Readonly<AvInputProps> & Readonly<{
97
105
  "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
98
106
  }>, {
99
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
107
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
100
108
  disabled: boolean;
101
109
  required: boolean;
102
110
  isValid: boolean;
package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteInput.vue.d.ts CHANGED
@@ -24,7 +24,9 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
24
24
  readonly labelClass?: string | undefined;
25
25
  readonly modelValue?: string | number | null | undefined;
26
26
  readonly placeholder?: string | undefined;
27
- readonly type?: "number" | "text" | "search" | "email" | "password" | "tel" | "url" | undefined;
27
+ readonly type?: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
28
+ readonly minDate?: Date | undefined;
29
+ readonly maxDate?: Date | undefined;
28
30
  readonly disabled?: boolean | undefined;
29
31
  readonly required?: boolean | undefined;
30
32
  readonly maxlength?: number | undefined;
@@ -53,7 +55,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
53
55
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
54
56
  "update:modelValue": (value: string | number | null) => any;
55
57
  }, string, {
56
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
58
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
57
59
  disabled: boolean;
58
60
  required: boolean;
59
61
  isValid: boolean;
@@ -80,7 +82,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
80
82
  $nextTick: typeof import("vue").nextTick;
81
83
  $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
82
84
  } & Readonly<{
83
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
85
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
84
86
  disabled: boolean;
85
87
  required: boolean;
86
88
  isValid: boolean;
@@ -110,7 +112,9 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
110
112
  readonly labelClass?: string | undefined;
111
113
  readonly modelValue?: string | number | null | undefined;
112
114
  readonly placeholder?: string | undefined;
113
- readonly type?: "number" | "text" | "search" | "email" | "password" | "tel" | "url" | undefined;
115
+ readonly type?: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
116
+ readonly minDate?: Date | undefined;
117
+ readonly maxDate?: Date | undefined;
114
118
  readonly disabled?: boolean | undefined;
115
119
  readonly required?: boolean | undefined;
116
120
  readonly maxlength?: number | undefined;
@@ -139,7 +143,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
139
143
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
140
144
  "update:modelValue": (value: string | number | null) => any;
141
145
  }, string, {
142
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
146
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
143
147
  disabled: boolean;
144
148
  required: boolean;
145
149
  isValid: boolean;
@@ -166,7 +170,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
166
170
  $nextTick: typeof import("vue").nextTick;
167
171
  $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
168
172
  } & Readonly<{
169
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
173
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
170
174
  disabled: boolean;
171
175
  required: boolean;
172
176
  isValid: boolean;
@@ -204,7 +208,9 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
204
208
  readonly labelClass?: string | undefined;
205
209
  readonly modelValue?: string | number | null | undefined;
206
210
  readonly placeholder?: string | undefined;
207
- readonly type?: "number" | "text" | "search" | "email" | "password" | "tel" | "url" | undefined;
211
+ readonly type?: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
212
+ readonly minDate?: Date | undefined;
213
+ readonly maxDate?: Date | undefined;
208
214
  readonly disabled?: boolean | undefined;
209
215
  readonly required?: boolean | undefined;
210
216
  readonly maxlength?: number | undefined;
@@ -233,7 +239,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
233
239
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
234
240
  "update:modelValue": (value: string | number | null) => any;
235
241
  }, string, {
236
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
242
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
237
243
  disabled: boolean;
238
244
  required: boolean;
239
245
  isValid: boolean;
@@ -260,7 +266,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
260
266
  $nextTick: typeof import("vue").nextTick;
261
267
  $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
262
268
  } & Readonly<{
263
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
269
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
264
270
  disabled: boolean;
265
271
  required: boolean;
266
272
  isValid: boolean;
@@ -290,7 +296,9 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
290
296
  readonly labelClass?: string | undefined;
291
297
  readonly modelValue?: string | number | null | undefined;
292
298
  readonly placeholder?: string | undefined;
293
- readonly type?: "number" | "text" | "search" | "email" | "password" | "tel" | "url" | undefined;
299
+ readonly type?: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
300
+ readonly minDate?: Date | undefined;
301
+ readonly maxDate?: Date | undefined;
294
302
  readonly disabled?: boolean | undefined;
295
303
  readonly required?: boolean | undefined;
296
304
  readonly maxlength?: number | undefined;
@@ -319,7 +327,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
319
327
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
320
328
  "update:modelValue": (value: string | number | null) => any;
321
329
  }, string, {
322
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
330
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
323
331
  disabled: boolean;
324
332
  required: boolean;
325
333
  isValid: boolean;
@@ -346,7 +354,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
346
354
  $nextTick: typeof import("vue").nextTick;
347
355
  $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
348
356
  } & Readonly<{
349
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
357
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
350
358
  disabled: boolean;
351
359
  required: boolean;
352
360
  isValid: boolean;
@@ -393,7 +401,9 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
393
401
  readonly labelClass?: string | undefined;
394
402
  readonly modelValue?: string | number | null | undefined;
395
403
  readonly placeholder?: string | undefined;
396
- readonly type?: "number" | "text" | "search" | "email" | "password" | "tel" | "url" | undefined;
404
+ readonly type?: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
405
+ readonly minDate?: Date | undefined;
406
+ readonly maxDate?: Date | undefined;
397
407
  readonly disabled?: boolean | undefined;
398
408
  readonly required?: boolean | undefined;
399
409
  readonly maxlength?: number | undefined;
@@ -422,7 +432,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
422
432
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
423
433
  "update:modelValue": (value: string | number | null) => any;
424
434
  }, string, {
425
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
435
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
426
436
  disabled: boolean;
427
437
  required: boolean;
428
438
  isValid: boolean;
@@ -449,7 +459,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
449
459
  $nextTick: typeof import("vue").nextTick;
450
460
  $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
451
461
  } & Readonly<{
452
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
462
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
453
463
  disabled: boolean;
454
464
  required: boolean;
455
465
  isValid: boolean;
@@ -479,7 +489,9 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
479
489
  readonly labelClass?: string | undefined;
480
490
  readonly modelValue?: string | number | null | undefined;
481
491
  readonly placeholder?: string | undefined;
482
- readonly type?: "number" | "text" | "search" | "email" | "password" | "tel" | "url" | undefined;
492
+ readonly type?: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
493
+ readonly minDate?: Date | undefined;
494
+ readonly maxDate?: Date | undefined;
483
495
  readonly disabled?: boolean | undefined;
484
496
  readonly required?: boolean | undefined;
485
497
  readonly maxlength?: number | undefined;
@@ -508,7 +520,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
508
520
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
509
521
  "update:modelValue": (value: string | number | null) => any;
510
522
  }, string, {
511
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
523
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
512
524
  disabled: boolean;
513
525
  required: boolean;
514
526
  isValid: boolean;
@@ -535,7 +547,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
535
547
  $nextTick: typeof import("vue").nextTick;
536
548
  $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
537
549
  } & Readonly<{
538
- type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
550
+ type: "number" | "time" | "text" | "color" | "search" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range";
539
551
  disabled: boolean;
540
552
  required: boolean;
541
553
  isValid: boolean;
package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.stories.d.ts CHANGED
@@ -95,6 +95,9 @@ declare const meta: {
95
95
  search: {
96
96
  control: string;
97
97
  };
98
+ width: {
99
+ control: string;
100
+ };
98
101
  };
99
102
  args: {
100
103
  options: {
package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.vue.d.ts CHANGED
@@ -81,6 +81,10 @@ export interface AvMultiselectProps {
81
81
  * Displays the search bar
82
82
  */
83
83
  search?: boolean;
84
+ /**
85
+ * Fixes the width of the multiselect
86
+ */
87
+ width?: string;
84
88
  }
85
89
  declare const _default: import("vue").DefineComponent<AvMultiselectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
86
90
  "update:modelValue": (value: AvMultiselectOption[]) => any;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@avenirs-esr/avenirs-dsav",
3
3
  "type": "module",
4
- "version": "0.1.31",
4
+ "version": "0.1.33",
5
5
  "main": "dist/avenirs-dsav.umd.js",
6
6
  "module": "dist/avenirs-dsav.es.js",
7
7
  "types": "dist/index.d.ts",
@@ -52,6 +52,7 @@
52
52
  "@gouvfr/dsfr": "^1.14.0",
53
53
  "@gouvminint/vue-dsfr": "^8.4.0",
54
54
  "@vueuse/core": "^13.9.0",
55
+ "date-fns": "^4.1.0",
55
56
  "focus-trap": "^7.5.4",
56
57
  "focus-trap-vue": "^4.0.3",
57
58
  "lodash-es": "^4.17.21"