@cnamts/synapse 0.0.14-alpha → 0.0.15-alpha

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 (86) hide show
  1. package/dist/components/Customs/SyInputSelect/SyInputSelect.d.ts +2 -2
  2. package/dist/components/Customs/SySelect/SySelect.d.ts +24 -12
  3. package/dist/components/Customs/SySelect/locales.d.ts +3 -0
  4. package/dist/components/Customs/SyTextField/SyTextField.d.ts +2 -2
  5. package/dist/components/DatePicker/DatePicker.d.ts +732 -16
  6. package/dist/components/DatePicker/DateTextInput.d.ts +8 -8
  7. package/dist/components/DialogBox/config.d.ts +1 -1
  8. package/dist/components/DownloadBtn/DownloadBtn.d.ts +2 -0
  9. package/dist/components/LangBtn/LangBtn.d.ts +467 -1
  10. package/dist/components/LangBtn/config.d.ts +1 -3
  11. package/dist/components/NirField/NirField.d.ts +13 -13
  12. package/dist/components/PasswordField/PasswordField.d.ts +2 -2
  13. package/dist/components/PeriodField/PeriodField.d.ts +1462 -30
  14. package/dist/components/PhoneField/PhoneField.d.ts +3 -3
  15. package/dist/components/SelectBtnField/SelectBtnField.d.ts +1 -1
  16. package/dist/components/SkipLink/SkipLink.d.ts +3 -2
  17. package/dist/components/UserMenuBtn/UserMenuBtn.d.ts +2 -0
  18. package/dist/components/index.d.ts +1 -0
  19. package/dist/design-system-v3.js +3038 -2936
  20. package/dist/design-system-v3.umd.cjs +1 -1
  21. package/dist/style.css +1 -1
  22. package/dist/vuetifyConfig.d.ts +1 -0
  23. package/package.json +1 -1
  24. package/src/components/BackBtn/Accessibilite.stories.ts +4 -0
  25. package/src/components/BackBtn/BackBtn.vue +2 -1
  26. package/src/components/BackToTopBtn/Accessibilite.stories.ts +4 -0
  27. package/src/components/BackToTopBtn/BackToTopBtn.stories.ts +78 -21
  28. package/src/components/BackToTopBtn/BackToTopBtn.vue +15 -0
  29. package/src/components/BackToTopBtn/config.ts +2 -2
  30. package/src/components/BackToTopBtn/tests/__snapshots__/BackToTopBtn.spec.ts.snap +4 -4
  31. package/src/components/CopyBtn/Accessibilite.stories.ts +4 -0
  32. package/src/components/Customs/SyBtnSelect/SyBtnSelect.stories.ts +2 -2
  33. package/src/components/Customs/SyBtnSelect/SyBtnSelect.vue +0 -1
  34. package/src/components/Customs/SyInputSelect/SyInputSelect.stories.ts +3 -3
  35. package/src/components/Customs/SyInputSelect/SyInputSelect.vue +4 -4
  36. package/src/components/Customs/SySelect/SySelect.stories.ts +4 -0
  37. package/src/components/Customs/SySelect/SySelect.vue +75 -10
  38. package/src/components/Customs/SySelect/locales.ts +3 -0
  39. package/src/components/Customs/SySelect/tests/SySelect.spec.ts +24 -2
  40. package/src/components/Customs/SyTextField/SyTextField.stories.ts +1 -1
  41. package/src/components/Customs/SyTextField/SyTextField.vue +3 -3
  42. package/src/components/DatePicker/DatePicker.vue +82 -57
  43. package/src/components/DatePicker/DatePickerValidation.mdx +338 -0
  44. package/src/components/DatePicker/DatePickerValidation.stories.ts +22 -0
  45. package/src/components/DatePicker/DatePickerValidationExamples.vue +535 -0
  46. package/src/components/DatePicker/DateTextInput.vue +3 -3
  47. package/src/components/DatePicker/tests/DateTextInput.spec.ts +2 -2
  48. package/src/components/DialogBox/DialogBox.stories.ts +5 -2
  49. package/src/components/DialogBox/DialogBox.vue +1 -1
  50. package/src/components/DialogBox/config.ts +1 -1
  51. package/src/components/DownloadBtn/Accessibilite.stories.ts +4 -0
  52. package/src/components/DownloadBtn/DownloadBtn.stories.ts +17 -8
  53. package/src/components/DownloadBtn/DownloadBtn.vue +13 -6
  54. package/src/components/DownloadBtn/tests/__snapshots__/DownloadBtn.spec.ts.snap +0 -2
  55. package/src/components/FranceConnectBtn/Accessibilite.stories.ts +4 -0
  56. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuItem/HeaderMenuItem.vue +3 -0
  57. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderSubMenu/HeaderSubMenu.vue +3 -0
  58. package/src/components/HeaderBar/HeaderBurgerMenu/menu.scss +19 -0
  59. package/src/components/HeaderBar/HeaderMenuBtn/HeaderMenuBtn.vue +12 -2
  60. package/src/components/LangBtn/Accessibilite.stories.ts +4 -0
  61. package/src/components/LangBtn/LangBtn.stories.ts +1 -4
  62. package/src/components/LangBtn/LangBtn.vue +68 -9
  63. package/src/components/LangBtn/config.ts +0 -1
  64. package/src/components/LangBtn/tests/LangBtn.spec.ts +30 -2
  65. package/src/components/PageContainer/Accessibilite.stories.ts +36 -23
  66. package/src/components/PaginatedTable/PaginatedTable.stories.ts +144 -18
  67. package/src/components/PasswordField/PasswordField.stories.ts +6 -6
  68. package/src/components/PasswordField/PasswordField.vue +3 -3
  69. package/src/components/PeriodField/PeriodField.vue +4 -4
  70. package/src/components/PhoneField/PhoneField.stories.ts +216 -24
  71. package/src/components/PhoneField/PhoneField.vue +32 -2
  72. package/src/components/PhoneField/tests/PhoneField.spec.ts +161 -14
  73. package/src/components/RatingPicker/NumberPicker/NumberPicker.vue +2 -1
  74. package/src/components/RatingPicker/RatingPicker.stories.ts +1 -1
  75. package/src/components/SkipLink/Accessibilite.stories.ts +8 -0
  76. package/src/components/SkipLink/SkipLink.vue +11 -9
  77. package/src/components/SkipLink/tests/__snapshots__/skipLink.spec.ts.snap +7 -4
  78. package/src/components/SkipLink/tests/skipLink.spec.ts +120 -6
  79. package/src/components/UserMenuBtn/UserMenuBtn.stories.ts +56 -0
  80. package/src/components/UserMenuBtn/UserMenuBtn.vue +4 -2
  81. package/src/components/UserMenuBtn/tests/UserMenuBtn.spec.ts +41 -0
  82. package/src/components/index.ts +1 -0
  83. package/src/composables/rules/useFieldValidation.ts +26 -3
  84. package/src/stories/Accessibilite/KitDePreAudit/Echantillonnage.mdx +1 -1
  85. package/src/stories/GuideDuDev/LesBreackingChanges.mdx +31 -2
  86. package/src/components/LangBtn/tests/Config.spec.ts +0 -24
package/dist/components/NirField/NirField.d.ts CHANGED
@@ -88,6 +88,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
88
88
  outlined: boolean;
89
89
  modelValue: string | null;
90
90
  label: string;
91
+ readonly: boolean;
91
92
  bgColor: string;
92
93
  counter: string | number | boolean;
93
94
  density: "default" | "comfortable" | "compact";
@@ -98,7 +99,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
98
99
  displayAsterisk: boolean;
99
100
  showSuccessMessages: boolean;
100
101
  disableErrorHandling: boolean;
101
- readonly: boolean;
102
102
  hideSpinButtons: boolean;
103
103
  persistentHint: boolean;
104
104
  hideDetails: boolean | "auto";
@@ -138,7 +138,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
138
138
  readonly errorMessages?: string[] | null | undefined;
139
139
  readonly warningMessages?: string[] | null | undefined;
140
140
  readonly successMessages?: string[] | null | undefined;
141
- readonly readOnly?: boolean | undefined;
141
+ readonly readonly?: boolean | undefined;
142
142
  readonly isActive?: boolean | undefined;
143
143
  readonly baseColor?: string | undefined;
144
144
  readonly bgColor?: string | undefined;
@@ -222,7 +222,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
222
222
  errorMessages?: string[] | null | undefined;
223
223
  warningMessages?: string[] | null | undefined;
224
224
  successMessages?: string[] | null | undefined;
225
- readOnly?: boolean | undefined;
225
+ readonly?: boolean | undefined;
226
226
  isActive?: boolean | undefined;
227
227
  baseColor?: string | undefined;
228
228
  bgColor?: string | undefined;
@@ -309,7 +309,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
309
309
  errorMessages: string[] | null;
310
310
  warningMessages: string[] | null;
311
311
  successMessages: string[] | null;
312
- readOnly: boolean;
312
+ readonly: boolean;
313
313
  isActive: boolean;
314
314
  baseColor: string;
315
315
  bgColor: string;
@@ -392,7 +392,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
392
392
  errorMessages: string[] | null;
393
393
  warningMessages: string[] | null;
394
394
  successMessages: string[] | null;
395
- readOnly: boolean;
395
+ readonly: boolean;
396
396
  isActive: boolean;
397
397
  baseColor: string;
398
398
  bgColor: string;
@@ -457,7 +457,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
457
457
  errorMessages?: string[] | null | undefined;
458
458
  warningMessages?: string[] | null | undefined;
459
459
  successMessages?: string[] | null | undefined;
460
- readOnly?: boolean | undefined;
460
+ readonly?: boolean | undefined;
461
461
  isActive?: boolean | undefined;
462
462
  baseColor?: string | undefined;
463
463
  bgColor?: string | undefined;
@@ -509,7 +509,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
509
509
  onClear?: ((...args: any[]) => any) | undefined;
510
510
  "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
511
511
  "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
512
- }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
512
+ }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
513
513
  validation: {
514
514
  errors: import('vue').Ref<string[], string[]>;
515
515
  warnings: import('vue').Ref<string[], string[]>;
@@ -553,7 +553,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
553
553
  readonly errorMessages?: string[] | null | undefined;
554
554
  readonly warningMessages?: string[] | null | undefined;
555
555
  readonly successMessages?: string[] | null | undefined;
556
- readonly readOnly?: boolean | undefined;
556
+ readonly readonly?: boolean | undefined;
557
557
  readonly isActive?: boolean | undefined;
558
558
  readonly baseColor?: string | undefined;
559
559
  readonly bgColor?: string | undefined;
@@ -637,7 +637,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
637
637
  errorMessages?: string[] | null | undefined;
638
638
  warningMessages?: string[] | null | undefined;
639
639
  successMessages?: string[] | null | undefined;
640
- readOnly?: boolean | undefined;
640
+ readonly?: boolean | undefined;
641
641
  isActive?: boolean | undefined;
642
642
  baseColor?: string | undefined;
643
643
  bgColor?: string | undefined;
@@ -724,7 +724,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
724
724
  errorMessages: string[] | null;
725
725
  warningMessages: string[] | null;
726
726
  successMessages: string[] | null;
727
- readOnly: boolean;
727
+ readonly: boolean;
728
728
  isActive: boolean;
729
729
  baseColor: string;
730
730
  bgColor: string;
@@ -807,7 +807,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
807
807
  errorMessages: string[] | null;
808
808
  warningMessages: string[] | null;
809
809
  successMessages: string[] | null;
810
- readOnly: boolean;
810
+ readonly: boolean;
811
811
  isActive: boolean;
812
812
  baseColor: string;
813
813
  bgColor: string;
@@ -872,7 +872,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
872
872
  errorMessages?: string[] | null | undefined;
873
873
  warningMessages?: string[] | null | undefined;
874
874
  successMessages?: string[] | null | undefined;
875
- readOnly?: boolean | undefined;
875
+ readonly?: boolean | undefined;
876
876
  isActive?: boolean | undefined;
877
877
  baseColor?: string | undefined;
878
878
  bgColor?: string | undefined;
@@ -924,7 +924,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
924
924
  onClear?: ((...args: any[]) => any) | undefined;
925
925
  "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
926
926
  "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
927
- }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
927
+ }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
928
928
  validation: {
929
929
  errors: import('vue').Ref<string[], string[]>;
930
930
  warnings: import('vue').Ref<string[], string[]>;
package/dist/components/PasswordField/PasswordField.d.ts CHANGED
@@ -10,7 +10,7 @@ type __VLS_Props = {
10
10
  errorMessages?: string[] | null;
11
11
  warningMessages?: string[] | null;
12
12
  successMessages?: string[] | null;
13
- readOnly?: boolean;
13
+ readonly?: boolean;
14
14
  disabled?: boolean;
15
15
  placeholder?: string;
16
16
  customRules?: ValidationRule[];
@@ -45,7 +45,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
45
45
  errorMessages: string[] | null;
46
46
  warningMessages: string[] | null;
47
47
  successMessages: string[] | null;
48
- readOnly: boolean;
48
+ readonly: boolean;
49
49
  disabled: boolean;
50
50
  placeholder: string;
51
51
  displayAsterisk: boolean;