@cnamts/synapse 1.0.25 → 1.0.27
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.
- package/dist/{AutocompleteFilter-D7qBuCAP.js → AutocompleteFilter-C9eLKyW8.js} +3 -3
- package/dist/{DateFilter-BitMWrMU.js → DateFilter-y-GLkAkn.js} +9 -9
- package/dist/{NumberFilter-BTLUxw0a.js → NumberFilter-DN6hIBS7.js} +1 -1
- package/dist/{PeriodFilter-B5rUIPAC.js → PeriodFilter-MoUUp9qS.js} +1 -1
- package/dist/{SelectFilter-l4QnRcuk.js → SelectFilter-bCbrdLmu.js} +1 -1
- package/dist/{TextFilter-C9hj6Qrp.js → TextFilter-CvjgEaoM.js} +4 -4
- package/dist/apLightTheme2026-ug4Y23ns.js +611 -0
- package/dist/components/Customs/Selects/SyAutocomplete/SyAutocomplete.d.ts +2369 -351
- package/dist/components/Customs/Selects/SyAutocomplete/composables/useSyAutocompleteValidation.d.ts +18 -0
- package/dist/components/Customs/Selects/SyAutocomplete/utils/ariaManager.d.ts +1 -1
- package/dist/components/Customs/Selects/SyAutocomplete/utils/useKeyboardHandler.d.ts +3 -1
- package/dist/components/Customs/Selects/SySelect/SySelect.d.ts +58 -288
- package/dist/components/Customs/Selects/SySelect/composables/useSySelectKeyboard.d.ts +1 -0
- package/dist/components/Customs/Selects/SySelect/composables/useSySelectValidation.d.ts +15 -0
- package/dist/components/Customs/SyCheckBoxGroup/SyCheckBoxGroup.d.ts +4 -3
- package/dist/components/Customs/SyCheckbox/SyCheckbox.d.ts +4 -3
- package/dist/components/Customs/SyIconButton/SyIconButton.d.ts +18 -0
- package/dist/components/Customs/SyRadioGroup/SyRadioGroup.d.ts +20 -37
- package/dist/components/Customs/SyRadioGroup/composables/useSyRadioGroupValidation.d.ts +50 -0
- package/dist/components/Customs/SyTextField/SyTextField.d.ts +8 -10
- package/dist/components/DatePicker/CalendarMode/DatePicker.d.ts +197 -185
- package/dist/components/DatePicker/ComplexDatePicker/ComplexDatePicker.d.ts +91 -82
- package/dist/components/DatePicker/DateTextInput/DateTextInput.d.ts +35 -32
- package/dist/components/DatePicker/composables/index.d.ts +1 -0
- package/dist/components/DatePicker/composables/useDatePickerState.d.ts +3 -3
- package/dist/components/DatePicker/composables/useDatePickerValidationBridge.d.ts +51 -0
- package/dist/components/DatePicker/composables/useDateTextField.d.ts +2 -2
- package/dist/components/DatePicker/composables/useInputBlurHandler.d.ts +2 -2
- package/dist/components/DatePicker/types.d.ts +1 -2
- package/dist/components/LunarCalendar/useLunarCalendarValidation.d.ts +1 -0
- package/dist/components/MonthPicker/MonthPicker.d.ts +24 -24
- package/dist/components/MonthPicker/MonthPickerText/MonthPickerInput.d.ts +24 -24
- package/dist/components/NirField/NirField.d.ts +64 -60
- package/dist/components/NirField/useNirValidation.d.ts +6 -2
- package/dist/components/PasswordField/PasswordField.d.ts +3 -3
- package/dist/components/PeriodField/PeriodField.d.ts +338 -314
- package/dist/components/PhoneField/PhoneField.d.ts +34 -24
- package/dist/components/RangeField/RangeSlider/RangeSlider.d.ts +0 -3
- package/dist/components/RatingPicker/EmotionPicker/EmotionPicker.d.ts +3 -1
- package/dist/components/RatingPicker/NumberPicker/NumberPicker.d.ts +4 -3
- package/dist/components/RatingPicker/RatingPicker.d.ts +18 -5
- package/dist/components/RatingPicker/StarsPicker/StarsPicker.d.ts +3 -1
- package/dist/components/RatingPicker/useRatingFocus.d.ts +18 -0
- package/dist/components/SyTextArea/SyTextArea.d.ts +25 -15
- package/dist/components/SyTextArea/composables/useSyTextAreaValidation.d.ts +20 -0
- package/dist/components/SyTextArea/locales.d.ts +1 -0
- package/dist/components/Tables/SyServerTable/SyServerTable.d.ts +5 -4
- package/dist/components/Tables/SyTable/SyTable.d.ts +5 -4
- package/dist/components/Tables/common/SyTablePagination.d.ts +152 -364
- package/dist/components/Tables/common/TableHeader.d.ts +1 -1
- package/dist/components/Tables/common/filters/DateFilter.d.ts +4 -4
- package/dist/components/Tables/common/types.d.ts +2 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/composables/date/useDateInitializationDayjs.d.ts +3 -1
- package/dist/composables/unifyValidation/documentationValidationProps.d.ts +160 -160
- package/dist/composables/unifyValidation/useCustomValidation.d.ts +3 -1
- package/dist/composables/unifyValidation/useValidation.d.ts +27 -19
- package/dist/composables/unifyValidation/useVuetifyValidation.d.ts +1 -1
- package/dist/composables/validation/useValidation.d.ts +1 -0
- package/dist/design-system-v3.js +81 -80
- package/dist/designTokens/tokens/amelipro/apContextual.d.ts +6 -6
- package/dist/designTokens/tokens/amelipro/apDarkTheme.d.ts +3 -1
- package/dist/designTokens/tokens/amelipro/apLightTheme.d.ts +53 -98
- package/dist/designTokens/tokens/baseContextualTokens.d.ts +0 -6
- package/dist/designTokens/tokens/baseTokens.d.ts +232 -0
- package/dist/designTokens/tokens/cnam/cnamContextual.d.ts +6 -6
- package/dist/designTokens/tokens/cnam/cnamDarkTheme.d.ts +1 -1
- package/dist/designTokens/tokens/cnam/cnamLightTheme.d.ts +57 -99
- package/dist/designTokens/tokens/pa/paContextual.d.ts +0 -6
- package/dist/designTokens/tokens/pa/paDarkTheme.d.ts +1 -1
- package/dist/designTokens/tokens/pa/paLightTheme.d.ts +53 -97
- package/dist/designTokens/tokens/pa/paSemantic.d.ts +1 -0
- package/dist/designTokens/tokens/semanticTokens.d.ts +112 -0
- package/dist/{main-Cpx8Co6H.js → main-CI6Q9nmO.js} +13843 -13478
- package/dist/synapse.css +1 -1
- package/dist/vuetifyConfig.js +208 -72
- package/package.json +10 -7
- package/src/assets/overrides/_icons.scss +5 -17
- package/src/assets/overrides/_otp.scss +4 -5
- package/src/assets/overrides/_typography.scss +2 -1
- package/src/assets/overrides/_utilities.scss +1 -42
- package/src/components/Accordion/Accordion.vue +2 -0
- package/src/components/ChipList/ChipList.vue +30 -18
- package/src/components/ChipList/tests/chipList.spec.ts +4 -4
- package/src/components/CookiesSelection/CookiesInformation/CookiesInformation.vue +2 -1
- package/src/components/CookiesSelection/CookiesSelection.vue +2 -1
- package/src/components/CopyBtn/CopyBtn.vue +9 -0
- package/src/components/Customs/Selects/SelectBtnField/SelectBtnField.stories.ts +4 -0
- package/src/components/Customs/Selects/SelectBtnField/SelectBtnField.vue +7 -6
- package/src/components/Customs/Selects/SelectBtnField/tests/SelectBtnField.spec.ts +223 -0
- package/src/components/Customs/Selects/SyAutocomplete/SyAutocomplete.stories.ts +283 -351
- package/src/components/Customs/Selects/SyAutocomplete/SyAutocomplete.vue +183 -219
- package/src/components/Customs/Selects/SyAutocomplete/composables/useSyAutocompleteValidation.ts +101 -0
- package/src/components/Customs/Selects/SyAutocomplete/tests/SyAutocomplete.spec.ts +761 -1
- package/src/components/Customs/Selects/SyAutocomplete/utils/ariaManager.ts +3 -1
- package/src/components/Customs/Selects/SyAutocomplete/utils/useKeyboardHandler.ts +79 -5
- package/src/components/Customs/Selects/SyAutocomplete/validation/Validation.stories.ts +1029 -0
- package/src/components/Customs/Selects/SySelect/SySelect.stories.ts +52 -217
- package/src/components/Customs/Selects/SySelect/SySelect.vue +248 -236
- package/src/components/Customs/Selects/SySelect/composables/useSySelectKeyboard.ts +3 -0
- package/src/components/Customs/Selects/SySelect/composables/useSySelectValidation.ts +64 -0
- package/src/components/Customs/Selects/SySelect/tests/SySelect.spec.ts +440 -5
- package/src/components/Customs/Selects/SySelect/validation/Validation.stories.ts +1026 -0
- package/src/components/Customs/SyCheckBoxGroup/SyCheckBoxGroup.stories.ts +18 -7
- package/src/components/Customs/SyCheckBoxGroup/SyCheckBoxGroup.vue +5 -5
- package/src/components/Customs/SyCheckbox/SyCheckbox.stories.ts +8 -8
- package/src/components/Customs/SyCheckbox/SyCheckbox.vue +27 -6
- package/src/components/Customs/SyCheckbox/tests/SyCheckbox.spec.ts +1 -1
- package/src/components/Customs/SyIcon/accessibilite/Accessibility.mdx +0 -6
- package/src/components/Customs/SyIcon/utils/tests/iconUtils.spec.ts +107 -0
- package/src/components/Customs/SyRadioGroup/SyRadioGroup.mdx +2 -2
- package/src/components/Customs/SyRadioGroup/SyRadioGroup.stories.ts +395 -200
- package/src/components/Customs/SyRadioGroup/SyRadioGroup.vue +100 -127
- package/src/components/Customs/SyRadioGroup/composables/useSyRadioGroupValidation.ts +127 -0
- package/src/components/Customs/SyRadioGroup/tests/SyRadioGroup.a11y.spec.ts +93 -1
- package/src/components/Customs/SyRadioGroup/tests/SyRadioGroup.spec.ts +146 -9
- package/src/components/Customs/SyRadioGroup/tests/SyRadioGroup.visual.cy.ts +165 -0
- package/src/components/Customs/SyRadioGroup/validation/Validation.stories.ts +773 -0
- package/src/components/Customs/SyTabs/SyTabs.stories.ts +5 -5
- package/src/components/Customs/SyTabs/config.ts +3 -3
- package/src/components/Customs/SyTabs/tests/SyTabs.spec.ts +265 -0
- package/src/components/Customs/SyTabs/tests/useTabTransition.spec.ts +188 -0
- package/src/components/Customs/SyTextField/SyTextField.stories.ts +10 -29
- package/src/components/Customs/SyTextField/SyTextField.vue +52 -17
- package/src/components/DataList/DataList.stories.ts +1 -1
- package/src/components/DataListItem/tests/DataListItem.spec.ts +3 -1
- package/src/components/DatePicker/CalendarMode/DatePicker.stories.ts +1 -1
- package/src/components/DatePicker/CalendarMode/DatePicker.vue +52 -154
- package/src/components/DatePicker/CalendarMode/tests/DatePicker.coverage.spec.ts +156 -0
- package/src/components/DatePicker/CalendarMode/tests/DatePicker.spec.ts +495 -4
- package/src/components/DatePicker/ComplexDatePicker/ComplexDatePicker.stories.ts +1 -1
- package/src/components/DatePicker/ComplexDatePicker/ComplexDatePicker.vue +55 -73
- package/src/components/DatePicker/ComplexDatePicker/tests/ComplexDatePicker.spec.ts +207 -1
- package/src/components/DatePicker/ComplexDatePicker/tests/bridge-integration.regression.spec.ts +210 -0
- package/src/components/DatePicker/ComplexDatePicker/tests/calendar-navigation.regression.spec.ts +214 -0
- package/src/components/DatePicker/ComplexDatePicker/tests/validation-cross.regression.spec.ts +194 -0
- package/src/components/DatePicker/ComplexDatePicker/tests/validation-success-messages.regression.spec.ts +83 -0
- package/src/components/DatePicker/DatePickerValidationExample/DatePickerValidation.stories.ts +1 -1
- package/src/components/DatePicker/DateTextInput/DateTextInput.vue +169 -60
- package/src/components/DatePicker/DateTextInput/NoCalendar.stories.ts +1 -1
- package/src/components/DatePicker/DateTextInput/tests/DateTextInput.spec.ts +320 -0
- package/src/components/DatePicker/composables/index.ts +1 -0
- package/src/components/DatePicker/composables/tests/useCalendarKeyboardNavigation.spec.ts +360 -0
- package/src/components/DatePicker/composables/tests/useDatePickerValidationBridge.spec.ts +129 -0
- package/src/components/DatePicker/composables/useDatePickerState.ts +33 -14
- package/src/components/DatePicker/composables/useDatePickerValidationBridge.ts +205 -0
- package/src/components/DatePicker/composables/useDateRangeInput.ts +2 -1
- package/src/components/DatePicker/composables/useDateSelection.ts +2 -1
- package/src/components/DatePicker/composables/useDateTextField.ts +2 -2
- package/src/components/DatePicker/composables/useInputBlurHandler.ts +2 -2
- package/src/components/DatePicker/docExamples/BidirectionalComplexValidation.vue +1 -1
- package/src/components/DatePicker/docExamples/DatePickerBidirectionalValidation.vue +1 -1
- package/src/components/DatePicker/tests/exposed-methods.coverage.spec.ts +75 -0
- package/src/components/DatePicker/types.ts +1 -2
- package/src/components/DialogBox/DialogBox.stories.ts +8 -8
- package/src/components/DialogBox/DialogBox.vue +1 -1
- package/src/components/DialogBox/accessibilite/Accessibility.mdx +86 -22
- package/src/components/FileList/UploadItem/UploadItem.vue +4 -4
- package/src/components/FileUpload/FileUpload.vue +2 -2
- package/src/components/FileUpload/FileUploadContent.vue +1 -1
- package/src/components/FilterInline/FilterInline.mdx +2 -2
- package/src/components/FilterSideBar/FilterSideBar.stories.ts +1 -1
- package/src/components/FilterSideBar/FilterSideBar.vue +4 -3
- package/src/components/FooterBar/FooterBar.vue +7 -7
- package/src/components/FranceConnectBtn/FranceConnectBtn.vue +1 -1
- package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuItem/HeaderMenuItem.vue +2 -2
- package/src/components/HeaderBar/HeaderBurgerMenu/HeaderSubMenu/HeaderSubMenu.vue +7 -7
- package/src/components/HeaderBar/HeaderMenuBtn/HeaderMenuBtn.vue +2 -2
- package/src/components/HeaderLoading/tests/HeaderLoading.spec.ts +87 -8
- package/src/components/HeaderNavigationBar/HorizontalNavbar/HorizontalNavbar.vue +3 -3
- package/src/components/HeaderNavigationBar/HorizontalNavbar/tests/HorizontalNavbar.spec.ts +589 -0
- package/src/components/HeaderToolbar/tests/HeaderToolBar.spec.ts +153 -1
- package/src/components/HeaderToolbar/tests/useMobileRightMenu.spec.ts +258 -0
- package/src/components/LangBtn/LangBtn.vue +2 -1
- package/src/components/LogoBrandSection/tests/LogoBrandSection.spec.ts +2 -2
- package/src/components/LogoBrandSection/tests/__snapshots__/LogoBrandSection.spec.ts.snap +1 -1
- package/src/components/LunarCalendar/tests/useLunarCalendarRules.spec.ts +184 -0
- package/src/components/MonthPicker/MonthPickerVisual/MonthSelector.vue +3 -3
- package/src/components/MonthPicker/MonthPickerVisual/VisualPickerFooter.vue +1 -1
- package/src/components/MonthPicker/MonthPickerVisual/VisualPickerHeader.vue +2 -2
- package/src/components/MonthPicker/MonthPickerVisual/YearSelector.vue +1 -1
- package/src/components/NirField/NirField.vue +3 -3
- package/src/components/NotificationBar/Notification/Notification.vue +12 -12
- package/src/components/NotificationBar/NotificationBar.stories.ts +8 -8
- package/src/components/PaginatedTable/PaginatedTable.vue +1 -1
- package/src/components/PaginatedTable/Pagination.vue +3 -3
- package/src/components/PasswordField/PasswordField.vue +15 -11
- package/src/components/PasswordField/tests/PasswordField.spec.ts +3 -3
- package/src/components/PhoneField/PhoneField.vue +4 -2
- package/src/components/RangeField/RangeSlider/RangeSlider.vue +11 -18
- package/src/components/RangeField/RangeSlider/Tooltip/Tooltip.vue +1 -1
- package/src/components/RatingPicker/EmotionPicker/EmotionPicker.vue +32 -48
- package/src/components/RatingPicker/EmotionPicker/tests/__snapshots__/EmotionPicker.spec.ts.snap +5 -0
- package/src/components/RatingPicker/NumberPicker/NumberPicker.vue +48 -53
- package/src/components/RatingPicker/NumberPicker/tests/NumberPicker.spec.ts +2 -1
- package/src/components/RatingPicker/NumberPicker/tests/__snapshots__/NumberPicker.spec.ts.snap +40 -13
- package/src/components/RatingPicker/RatingPicker.stories.ts +65 -88
- package/src/components/RatingPicker/RatingPicker.vue +71 -15
- package/src/components/RatingPicker/StarsPicker/StarsPicker.vue +28 -37
- package/src/components/RatingPicker/StarsPicker/tests/StarsPicker.spec.ts +1 -1
- package/src/components/RatingPicker/StarsPicker/tests/__snapshots__/StarsPicker.spec.ts.snap +5 -0
- package/src/components/RatingPicker/accessibilite/Accessibility.mdx +137 -9
- package/src/components/RatingPicker/tests/RatingPicker.a11y.spec.ts +123 -0
- package/src/components/RatingPicker/tests/RatingPicker.spec.ts +3 -2
- package/src/components/RatingPicker/tests/__snapshots__/RatingPicker.spec.ts.snap +40 -11
- package/src/components/RatingPicker/useRatingFocus.ts +97 -0
- package/src/components/StatusPage/tests/StatusPage.spec.ts +149 -0
- package/src/components/SubHeader/SubHeader.vue +1 -1
- package/src/components/SyAlert/SyAlert.vue +23 -23
- package/src/components/SyTextArea/SyTextArea.stories.ts +177 -131
- package/src/components/SyTextArea/SyTextArea.vue +257 -74
- package/src/components/SyTextArea/composables/useSyTextAreaValidation.ts +81 -0
- package/src/components/SyTextArea/locales.ts +1 -0
- package/src/components/SyTextArea/tests/SyTextArea.spec.ts +449 -1
- package/src/components/SyTextArea/useDefaultValidationRules.ts +2 -7
- package/src/components/SyTextArea/validation/Validation.stories.ts +856 -0
- package/src/components/TableToolbar/TableToolbar.vue +6 -6
- package/src/components/TableToolbar/accessibilite/Accessibility.mdx +81 -7
- package/src/components/Tables/SyServerTable/SyServerTable.stories.ts +163 -0
- package/src/components/Tables/SyServerTable/SyServerTable.vue +3 -2
- package/src/components/Tables/SyServerTable/tests/SyServerTable.spec.ts +67 -0
- package/src/components/Tables/SyTable/SyTable.stories.ts +94 -0
- package/src/components/Tables/SyTable/SyTable.vue +3 -2
- package/src/components/Tables/SyTable/tests/SyTable.spec.ts +64 -0
- package/src/components/Tables/common/SyTableFilter.vue +4 -4
- package/src/components/Tables/common/SyTablePagination.vue +1 -0
- package/src/components/Tables/common/TableHeader.vue +3 -3
- package/src/components/Tables/common/filters/DateFilter.vue +2 -2
- package/src/components/Tables/common/filters/logics/tests/NumberFilterLogic.spec.ts +176 -0
- package/src/components/Tables/common/filters/logics/tests/SelectFilterLogic.spec.ts +111 -0
- package/src/components/Tables/common/tableStyles.scss +6 -6
- package/src/components/Tables/common/types.ts +2 -0
- package/src/components/UploadWorkflow/tests/UploadWorkflow.spec.ts +2 -0
- package/src/components/index.ts +1 -0
- package/src/composables/date/tests/useDateFormatDayjs.spec.ts +112 -0
- package/src/composables/date/tests/{useDateInitialization.spec.ts → useDateInitializationDayjs.spec.ts} +39 -3
- package/src/composables/date/tests/useHolidayDay.spec.ts +109 -0
- package/src/composables/date/useDateInitializationDayjs.ts +4 -1
- package/src/composables/rules/tests/useFieldValidation.spec.ts +374 -0
- package/src/composables/tests/useError.spec.ts +30 -0
- package/src/composables/tests/useFormFieldErrorHandling.spec.ts +234 -0
- package/src/composables/unifyValidation/documentationValidationProps.ts +12 -12
- package/src/composables/unifyValidation/tests/documentationValidationProps.spec.ts +177 -0
- package/src/composables/unifyValidation/tests/useCustomValidation.spec.ts +32 -1
- package/src/composables/unifyValidation/tests/useValidation.spec.ts +28 -2
- package/src/composables/unifyValidation/useCustomValidation.ts +34 -12
- package/src/composables/unifyValidation/useValidation.ts +55 -27
- package/src/composables/unifyValidation/useVuetifyValidation.ts +2 -2
- package/src/composables/useFilterable/useFilterable.spec.ts +42 -0
- package/src/composables/useFilterable/useFilterable.ts +11 -7
- package/src/composables/useFormFieldErrorHandling.ts +6 -3
- package/src/composables/validation/tests/useValidation.spec.ts +2 -2
- package/src/composables/validation/useValidation.ts +15 -3
- package/src/composantsVuetify/VBtn/VBtn.mdx +9 -39
- package/src/composantsVuetify/VBtn/v-btn.stories.ts +26 -86
- package/src/composantsVuetify/VCard/VCard.mdx +59 -0
- package/src/composantsVuetify/VCard/v-card.stories.ts +279 -0
- package/src/designTokens/tokens/amelipro/apColors2026.ts +1 -1
- package/src/designTokens/tokens/amelipro/apContextual.ts +6 -0
- package/src/designTokens/tokens/amelipro/apDarkTheme.ts +2 -2
- package/src/designTokens/tokens/amelipro/apLightTheme.ts +72 -100
- package/src/designTokens/tokens/amelipro/apSemantic.ts +1 -1
- package/src/designTokens/tokens/baseContextualTokens.ts +1 -6
- package/src/designTokens/tokens/baseTokens.ts +232 -0
- package/src/designTokens/tokens/cnam/cnamContextual.ts +6 -0
- package/src/designTokens/tokens/cnam/cnamDarkTheme.ts +2 -2
- package/src/designTokens/tokens/cnam/cnamLightTheme.ts +76 -101
- package/src/designTokens/tokens/pa/paDarkTheme.ts +2 -2
- package/src/designTokens/tokens/pa/paLightTheme.ts +73 -99
- package/src/designTokens/tokens/pa/paSemantic.ts +2 -0
- package/src/designTokens/tokens/semanticTokens.ts +114 -0
- package/src/stories/Accessibilite/Aculturation/SensibilisationAccessibilite.mdx +61 -91
- package/src/stories/Accessibilite/AuditDesignSystem.mdx +5 -8
- package/src/stories/Accessibilite/AuditEtContreAudit/Exemptions-derogations.mdx +1 -1
- package/src/stories/Accessibilite/AuditEtContreAudit/Introduction.mdx +11 -8
- package/src/stories/Accessibilite/AuditEtContreAudit/RGAA.mdx +6 -7
- package/src/stories/Accessibilite/Introduction.mdx +30 -30
- package/src/stories/Accessibilite/KitDePreAudit/Echantillonnage.mdx +168 -78
- package/src/stories/Accessibilite/KitDePreAudit/Introduction.mdx +13 -6
- package/src/stories/Accessibilite/KitDePreAudit/Outils/Introduction.mdx +66 -45
- package/src/stories/Accessibilite/KitDePreAudit/Outils/LecteursDEcran.mdx +23 -49
- package/src/stories/Accessibilite/KitDePreAudit/Outils/Tanaguru/FauxPositifs.stories.ts +6 -0
- package/src/stories/Accessibilite/KitDePreAudit/Outils/Tanaguru/Utilisation.mdx +7 -19
- package/src/stories/Accessibilite/KitDePreAudit/Preaudit.mdx +18 -20
- package/src/stories/Components/Components.stories.ts +59 -6
- package/src/stories/DesignTokens/ColorIntegrationExample.vue +2 -3
- package/src/stories/DesignTokens/Colors.mdx +6 -8
- package/src/stories/DesignTokens/colors.stories.ts +244 -1081
- package/src/utils/amelipro/toKebabCase/tests/toKebabCase.spec.ts +52 -0
- package/src/utils/formatNir/tests/formatNir.spec.ts +34 -0
- package/src/utils/tests/insertAt.spec.ts +44 -0
- package/dist/AutocompleteFilter-Df9i5mAl.cjs +0 -1
- package/dist/DateFilter-BJD6FMev.cjs +0 -1
- package/dist/NumberFilter-DGCzCXzI.cjs +0 -1
- package/dist/PeriodFilter-DO_ecTZW.cjs +0 -1
- package/dist/SelectFilter-CGwcKWLm.cjs +0 -1
- package/dist/TextFilter-B8nf7xoK.cjs +0 -1
- package/dist/apLightTheme-CEK4iY3f.cjs +0 -1
- package/dist/apLightTheme-DnIM24Lv.js +0 -950
- package/dist/composables/date/useDateFormat.d.ts +0 -26
- package/dist/composables/date/useDateInitialization.d.ts +0 -18
- package/dist/design-system-v3.umd.cjs +0 -1
- package/dist/main-ByDPHpae.cjs +0 -1067
- package/dist/tooth-11-D3sLWv2n.cjs +0 -1
- package/dist/tooth-12-CXrLuH03.cjs +0 -1
- package/dist/tooth-13-BSfo5fpT.cjs +0 -1
- package/dist/tooth-14-DMzulx0h.cjs +0 -1
- package/dist/tooth-15-BKRFVi-9.cjs +0 -1
- package/dist/tooth-16-CpuxAbuM.cjs +0 -1
- package/dist/tooth-17-BPoahUdg.cjs +0 -1
- package/dist/tooth-18-DhHJz8sy.cjs +0 -1
- package/dist/tooth-21-Dgd5hn_X.cjs +0 -1
- package/dist/tooth-22-C2Tn19sB.cjs +0 -1
- package/dist/tooth-23-C9uaaSGb.cjs +0 -1
- package/dist/tooth-24-BrK9UGpf.cjs +0 -1
- package/dist/tooth-25-CE_EfGNp.cjs +0 -1
- package/dist/tooth-26-Ctv4i9Fy.cjs +0 -1
- package/dist/tooth-27-C5J7JkWM.cjs +0 -1
- package/dist/tooth-28-Z9oWqjo0.cjs +0 -1
- package/dist/tooth-31-BrYqmkTi.cjs +0 -1
- package/dist/tooth-32-BNNR0oCZ.cjs +0 -1
- package/dist/tooth-33-DuxvqO2J.cjs +0 -1
- package/dist/tooth-34-BCSCXMB6.cjs +0 -1
- package/dist/tooth-35-BLUXkX88.cjs +0 -1
- package/dist/tooth-36-IrKHYqlA.cjs +0 -1
- package/dist/tooth-37-BYqpdMwo.cjs +0 -1
- package/dist/tooth-38-B_eNXXdu.cjs +0 -1
- package/dist/tooth-41-Ddva4Ot8.cjs +0 -1
- package/dist/tooth-42-szcDqlM0.cjs +0 -1
- package/dist/tooth-43-B3ka6rQm.cjs +0 -1
- package/dist/tooth-44-CazyQucj.cjs +0 -1
- package/dist/tooth-45-B4HQtc8n.cjs +0 -1
- package/dist/tooth-46-BPM40gbG.cjs +0 -1
- package/dist/tooth-47-Dvr20dlh.cjs +0 -1
- package/dist/tooth-48-Bd8ljGsF.cjs +0 -1
- package/dist/tooth-51-OBpwCOF3.cjs +0 -1
- package/dist/tooth-52-aKxyHcmq.cjs +0 -1
- package/dist/tooth-53-vCwJjTOc.cjs +0 -1
- package/dist/tooth-54-DsWu2iFy.cjs +0 -1
- package/dist/tooth-55-BxC1X2Dn.cjs +0 -1
- package/dist/tooth-61-BbLvxMQi.cjs +0 -1
- package/dist/tooth-62-CmTkWczP.cjs +0 -1
- package/dist/tooth-63-DI7l_2qI.cjs +0 -1
- package/dist/tooth-64-B21sOsJh.cjs +0 -1
- package/dist/tooth-65-D2ZC2VEr.cjs +0 -1
- package/dist/tooth-71-D473PPO5.cjs +0 -1
- package/dist/tooth-72-Drh1wnNu.cjs +0 -1
- package/dist/tooth-73-DzlwYI23.cjs +0 -1
- package/dist/tooth-74-8aGvcZPg.cjs +0 -1
- package/dist/tooth-75-BFK7At_r.cjs +0 -1
- package/dist/tooth-81-BZmR-I0M.cjs +0 -1
- package/dist/tooth-82-euVfUUZV.cjs +0 -1
- package/dist/tooth-83-KV010j64.cjs +0 -1
- package/dist/tooth-84-BBg1RjhZ.cjs +0 -1
- package/dist/tooth-85-Cr-kc1wM.cjs +0 -1
- package/dist/vuetifyConfig.umd.cjs +0 -1
- package/src/components/BackBtn/tests/__snapshots__/back-btn-custom-bg.snap.png +0 -0
- package/src/components/BackBtn/tests/__snapshots__/back-btn-dark-mode.snap.png +0 -0
- package/src/components/BackBtn/tests/__snapshots__/back-btn-default.snap.png +0 -0
- package/src/components/BackBtn/tests/__snapshots__/back-btn-no-icon.snap.png +0 -0
- package/src/components/DatePicker/CalendarMode/tests/DatePicker.events.spec.ts +0 -178
- package/src/components/DialogBox/tests/__snapshots__/dialog-box-custom-texts.snap.png +0 -0
- package/src/components/DialogBox/tests/__snapshots__/dialog-box-default.snap.png +0 -0
- package/src/components/DialogBox/tests/__snapshots__/dialog-box-no-actions.snap.png +0 -0
- package/src/components/HeaderBar/HeaderBurgerMenu/tests/__snapshots__/header-burger-menu-generated-submenu-open.snap.png +0 -0
- package/src/components/HeaderBar/HeaderBurgerMenu/tests/__snapshots__/header-burger-menu-generated.snap.png +0 -0
- package/src/components/HeaderBar/tests/__snapshots__/header-bar-custom-width.snap.png +0 -0
- package/src/components/HeaderBar/tests/__snapshots__/header-bar-default.snap.png +0 -0
- package/src/components/HeaderBar/tests/__snapshots__/header-bar-no-sticky.snap.png +0 -0
- package/src/components/HeaderBar/tests/__snapshots__/header-bar-with-prepend.snap.png +0 -0
- package/src/components/HeaderBar/tests/__snapshots__/header-bar-with-side.snap.png +0 -0
- package/src/components/HeaderBar/tests/__snapshots__/header-bar-with-subtitle.snap.png +0 -0
- package/src/components/Logo/tests/__snapshots__/logo-avatar.snap.png +0 -0
- package/src/components/Logo/tests/__snapshots__/logo-dark.snap.png +0 -0
- package/src/components/Logo/tests/__snapshots__/logo-default.snap.png +0 -0
- package/src/components/Logo/tests/__snapshots__/logo-no-organism.snap.png +0 -0
- package/src/components/Logo/tests/__snapshots__/logo-no-signature.snap.png +0 -0
- package/src/components/Logo/tests/__snapshots__/logo-risque-pro.snap.png +0 -0
- package/src/components/RangeField/tests/__snapshots__/range-field-custom-bg.snap.png +0 -0
- package/src/components/RangeField/tests/__snapshots__/range-field-custom-range.snap.png +0 -0
- package/src/components/RangeField/tests/__snapshots__/range-field-default.snap.png +0 -0
- package/src/components/RangeField/tests/__snapshots__/range-field-step.snap.png +0 -0
- package/src/components/RangeField/tests/__snapshots__/range-field-with-label.snap.png +0 -0
- package/src/components/SyAlert/tests/__snapshots__/sy-alert-closable.snap.png +0 -0
- package/src/components/SyAlert/tests/__snapshots__/sy-alert-error.snap.png +0 -0
- package/src/components/SyAlert/tests/__snapshots__/sy-alert-info.snap.png +0 -0
- package/src/components/SyAlert/tests/__snapshots__/sy-alert-success.snap.png +0 -0
- package/src/components/SyAlert/tests/__snapshots__/sy-alert-variant-outlined.snap.png +0 -0
- package/src/components/SyAlert/tests/__snapshots__/sy-alert-variant-tonal.snap.png +0 -0
- package/src/components/SyAlert/tests/__snapshots__/sy-alert-warning.snap.png +0 -0
- package/src/composables/date/tests/useDateFormat.spec.ts +0 -67
- package/src/composables/date/useDateFormat.ts +0 -110
- package/src/composables/date/useDateInitialization.ts +0 -92
package/dist/components/Customs/Selects/SyAutocomplete/composables/useSyAutocompleteValidation.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { FieldValidationProps } from '../../../../../composables/unifyValidation/useValidation';
|
|
3
|
+
export declare function useSyAutocompleteValidation(props: FieldValidationProps): {
|
|
4
|
+
focused: Ref<boolean, boolean>;
|
|
5
|
+
hasInteracted: Ref<boolean, boolean>;
|
|
6
|
+
markInteracted: () => void;
|
|
7
|
+
validate: (() => Promise<boolean>) | (() => Promise<boolean>);
|
|
8
|
+
clearValidation: (() => void) | (() => void);
|
|
9
|
+
validateOnSubmit: () => Promise<boolean>;
|
|
10
|
+
validateOnBlur: () => void;
|
|
11
|
+
displayErrors: import('vue').ComputedRef<string[]>;
|
|
12
|
+
displayWarnings: import('vue').ComputedRef<string[]>;
|
|
13
|
+
displaySuccesses: import('vue').ComputedRef<string[]>;
|
|
14
|
+
displayHasError: import('vue').ComputedRef<boolean | undefined>;
|
|
15
|
+
displayHasWarning: import('vue').ComputedRef<boolean | undefined>;
|
|
16
|
+
displayHasSuccess: import('vue').ComputedRef<boolean>;
|
|
17
|
+
validationIcon: import('vue').ComputedRef<string | null>;
|
|
18
|
+
};
|
|
@@ -10,5 +10,5 @@ export declare const ariaManager: {
|
|
|
10
10
|
updateValidationAttributes(inputElement: HTMLElement, isRequiredValue: boolean, hasErrorValue: boolean): void;
|
|
11
11
|
cleanParentAttributes(parentElement: HTMLElement): void;
|
|
12
12
|
cleanAlertAttributes(parentElement: HTMLElement): void;
|
|
13
|
-
setupAriaAttributesForAutocomplete(textFieldRef: Ref<any>, isOpen: Ref<boolean>, menuId: string, activeDescendant: Ref<string>, loading: boolean, inputLabel?: string): void;
|
|
13
|
+
setupAriaAttributesForAutocomplete(textFieldRef: Ref<any>, isOpen: Ref<boolean>, menuId: string, activeDescendant: Ref<string>, loading: boolean, inputLabel?: string, required?: boolean, hasError?: boolean): void;
|
|
14
14
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComputedRef, Ref } from 'vue';
|
|
2
2
|
import { ItemType, SelectValue, SelectArray } from '../types';
|
|
3
3
|
interface KeyboardHandlerProps {
|
|
4
4
|
multiple: boolean;
|
|
@@ -13,6 +13,7 @@ interface KeyboardHandlerDeps {
|
|
|
13
13
|
filteredItems: ComputedRef<ItemType[]>;
|
|
14
14
|
uniqueMenuId: Ref<string>;
|
|
15
15
|
focusListItem: boolean;
|
|
16
|
+
hasPrependItem?: ComputedRef<boolean>;
|
|
16
17
|
}
|
|
17
18
|
export declare function useSyAutocompleteKeyboard(props: KeyboardHandlerProps, deps: KeyboardHandlerDeps): {
|
|
18
19
|
handleKeydown: (e: KeyboardEvent) => void;
|
|
@@ -22,6 +23,7 @@ export declare function useSyAutocompleteKeyboard(props: KeyboardHandlerProps, d
|
|
|
22
23
|
input?: HTMLInputElement;
|
|
23
24
|
};
|
|
24
25
|
} | null>, noFocus?: boolean) => void;
|
|
26
|
+
focusPrepend: () => void;
|
|
25
27
|
keyboardActiveId: Ref<string, string>;
|
|
26
28
|
handleTabKey: () => void;
|
|
27
29
|
};
|
|
@@ -1,10 +1,42 @@
|
|
|
1
|
-
import { nextTick
|
|
1
|
+
import { nextTick } from 'vue';
|
|
2
2
|
import { ColorType, IconType, VariantStyle } from '@/types/vuetifyTypes';
|
|
3
|
+
import { FieldValidationProps } from '../../../../composables/unifyValidation/useValidation';
|
|
3
4
|
export type ItemType = {
|
|
4
5
|
[key: string]: unknown;
|
|
5
6
|
};
|
|
6
7
|
export type SelectItemValueType = Record<string, unknown> | string | number | null | undefined;
|
|
7
8
|
export type SelectItemArrayType = Array<Record<string, unknown> | string | number>;
|
|
9
|
+
type __VLS_Props = {
|
|
10
|
+
modelValue?: Record<string, unknown> | string | number | null | SelectItemArrayType;
|
|
11
|
+
items?: ItemType[];
|
|
12
|
+
label?: string;
|
|
13
|
+
menuId?: string;
|
|
14
|
+
outlined?: boolean;
|
|
15
|
+
variantStyle?: VariantStyle;
|
|
16
|
+
color?: ColorType;
|
|
17
|
+
textKey?: string;
|
|
18
|
+
plainTextKey?: string;
|
|
19
|
+
valueKey?: string;
|
|
20
|
+
displayAsterisk?: boolean;
|
|
21
|
+
returnObject?: boolean;
|
|
22
|
+
density?: 'default' | 'comfortable' | 'compact';
|
|
23
|
+
bgColor?: string;
|
|
24
|
+
clearable?: boolean;
|
|
25
|
+
hideDetails?: boolean;
|
|
26
|
+
width?: string;
|
|
27
|
+
multiple?: boolean;
|
|
28
|
+
chips?: boolean;
|
|
29
|
+
helpText?: string;
|
|
30
|
+
allowHtml?: boolean;
|
|
31
|
+
autocomplete?: 'on' | 'off' | string;
|
|
32
|
+
prependIcon?: IconType;
|
|
33
|
+
appendIcon?: IconType;
|
|
34
|
+
prependTooltip?: string;
|
|
35
|
+
appendTooltip?: string;
|
|
36
|
+
tooltipLocation?: 'top' | 'bottom' | 'start' | 'end';
|
|
37
|
+
noIcon?: boolean;
|
|
38
|
+
disableClickButton?: boolean;
|
|
39
|
+
} & FieldValidationProps;
|
|
8
40
|
declare function __VLS_template(): {
|
|
9
41
|
attrs: Partial<{}>;
|
|
10
42
|
slots: {
|
|
@@ -455,289 +487,15 @@ declare function __VLS_template(): {
|
|
|
455
487
|
rootEl: any;
|
|
456
488
|
};
|
|
457
489
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
458
|
-
declare const __VLS_component: import('vue').DefineComponent<
|
|
459
|
-
modelValue: {
|
|
460
|
-
type: PropType<Record<string, unknown> | string | number | null | SelectItemArrayType>;
|
|
461
|
-
default: null;
|
|
462
|
-
};
|
|
463
|
-
items: {
|
|
464
|
-
type: PropType<ItemType[]>;
|
|
465
|
-
default: () => never[];
|
|
466
|
-
};
|
|
467
|
-
label: {
|
|
468
|
-
type: StringConstructor;
|
|
469
|
-
default: string;
|
|
470
|
-
};
|
|
471
|
-
errorMessages: {
|
|
472
|
-
type: PropType<string | readonly string[]>;
|
|
473
|
-
default: () => never[];
|
|
474
|
-
};
|
|
475
|
-
required: {
|
|
476
|
-
type: BooleanConstructor;
|
|
477
|
-
default: boolean;
|
|
478
|
-
};
|
|
479
|
-
disabled: {
|
|
480
|
-
type: BooleanConstructor;
|
|
481
|
-
default: boolean;
|
|
482
|
-
};
|
|
483
|
-
menuId: {
|
|
484
|
-
type: StringConstructor;
|
|
485
|
-
default: string;
|
|
486
|
-
};
|
|
487
|
-
outlined: {
|
|
488
|
-
type: BooleanConstructor;
|
|
489
|
-
default: boolean;
|
|
490
|
-
};
|
|
491
|
-
variantStyle: {
|
|
492
|
-
type: PropType<VariantStyle | undefined>;
|
|
493
|
-
default: undefined;
|
|
494
|
-
};
|
|
495
|
-
color: {
|
|
496
|
-
type: PropType<ColorType>;
|
|
497
|
-
default: string;
|
|
498
|
-
};
|
|
499
|
-
textKey: {
|
|
500
|
-
type: StringConstructor;
|
|
501
|
-
default: string;
|
|
502
|
-
};
|
|
503
|
-
plainTextKey: {
|
|
504
|
-
type: StringConstructor;
|
|
505
|
-
default: string;
|
|
506
|
-
};
|
|
507
|
-
valueKey: {
|
|
508
|
-
type: StringConstructor;
|
|
509
|
-
default: string;
|
|
510
|
-
};
|
|
511
|
-
displayAsterisk: {
|
|
512
|
-
type: BooleanConstructor;
|
|
513
|
-
default: boolean;
|
|
514
|
-
};
|
|
515
|
-
returnObject: {
|
|
516
|
-
type: BooleanConstructor;
|
|
517
|
-
default: boolean;
|
|
518
|
-
};
|
|
519
|
-
disableErrorHandling: {
|
|
520
|
-
type: BooleanConstructor;
|
|
521
|
-
default: boolean;
|
|
522
|
-
};
|
|
523
|
-
density: {
|
|
524
|
-
type: PropType<"default" | "comfortable" | "compact" | undefined>;
|
|
525
|
-
default: string;
|
|
526
|
-
};
|
|
527
|
-
bgColor: {
|
|
528
|
-
type: StringConstructor;
|
|
529
|
-
default: string;
|
|
530
|
-
};
|
|
531
|
-
readonly: {
|
|
532
|
-
type: BooleanConstructor;
|
|
533
|
-
default: boolean;
|
|
534
|
-
};
|
|
535
|
-
clearable: {
|
|
536
|
-
type: BooleanConstructor;
|
|
537
|
-
default: boolean;
|
|
538
|
-
};
|
|
539
|
-
hideMessages: {
|
|
540
|
-
type: BooleanConstructor;
|
|
541
|
-
default: boolean;
|
|
542
|
-
};
|
|
543
|
-
width: {
|
|
544
|
-
type: StringConstructor;
|
|
545
|
-
default: string;
|
|
546
|
-
};
|
|
547
|
-
multiple: {
|
|
548
|
-
type: BooleanConstructor;
|
|
549
|
-
default: boolean;
|
|
550
|
-
};
|
|
551
|
-
chips: {
|
|
552
|
-
type: BooleanConstructor;
|
|
553
|
-
default: boolean;
|
|
554
|
-
};
|
|
555
|
-
helpText: {
|
|
556
|
-
type: StringConstructor;
|
|
557
|
-
default: string;
|
|
558
|
-
};
|
|
559
|
-
allowHtml: {
|
|
560
|
-
type: BooleanConstructor;
|
|
561
|
-
default: boolean;
|
|
562
|
-
};
|
|
563
|
-
autocomplete: {
|
|
564
|
-
type: PropType<"on" | "off" | undefined | string>;
|
|
565
|
-
default: string;
|
|
566
|
-
};
|
|
567
|
-
prependIcon: {
|
|
568
|
-
type: PropType<IconType>;
|
|
569
|
-
default: undefined;
|
|
570
|
-
};
|
|
571
|
-
appendIcon: {
|
|
572
|
-
type: PropType<IconType>;
|
|
573
|
-
default: undefined;
|
|
574
|
-
};
|
|
575
|
-
prependTooltip: {
|
|
576
|
-
type: StringConstructor;
|
|
577
|
-
default: undefined;
|
|
578
|
-
};
|
|
579
|
-
appendTooltip: {
|
|
580
|
-
type: StringConstructor;
|
|
581
|
-
default: undefined;
|
|
582
|
-
};
|
|
583
|
-
tooltipLocation: {
|
|
584
|
-
type: PropType<"top" | "bottom" | "start" | "end">;
|
|
585
|
-
default: string;
|
|
586
|
-
};
|
|
587
|
-
noIcon: {
|
|
588
|
-
type: BooleanConstructor;
|
|
589
|
-
default: boolean;
|
|
590
|
-
};
|
|
591
|
-
disableClickButton: {
|
|
592
|
-
type: BooleanConstructor;
|
|
593
|
-
default: boolean;
|
|
594
|
-
};
|
|
595
|
-
}>, {
|
|
490
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
596
491
|
isOpen: import('vue').Ref<boolean, boolean>;
|
|
597
492
|
closeList: (event?: Event) => void;
|
|
598
|
-
validateOnSubmit: () => boolean;
|
|
493
|
+
validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
|
|
599
494
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
600
495
|
"update:modelValue": (...args: any[]) => void;
|
|
601
496
|
"prepend-icon-click": (...args: any[]) => void;
|
|
602
497
|
"append-icon-click": (...args: any[]) => void;
|
|
603
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
604
|
-
modelValue: {
|
|
605
|
-
type: PropType<Record<string, unknown> | string | number | null | SelectItemArrayType>;
|
|
606
|
-
default: null;
|
|
607
|
-
};
|
|
608
|
-
items: {
|
|
609
|
-
type: PropType<ItemType[]>;
|
|
610
|
-
default: () => never[];
|
|
611
|
-
};
|
|
612
|
-
label: {
|
|
613
|
-
type: StringConstructor;
|
|
614
|
-
default: string;
|
|
615
|
-
};
|
|
616
|
-
errorMessages: {
|
|
617
|
-
type: PropType<string | readonly string[]>;
|
|
618
|
-
default: () => never[];
|
|
619
|
-
};
|
|
620
|
-
required: {
|
|
621
|
-
type: BooleanConstructor;
|
|
622
|
-
default: boolean;
|
|
623
|
-
};
|
|
624
|
-
disabled: {
|
|
625
|
-
type: BooleanConstructor;
|
|
626
|
-
default: boolean;
|
|
627
|
-
};
|
|
628
|
-
menuId: {
|
|
629
|
-
type: StringConstructor;
|
|
630
|
-
default: string;
|
|
631
|
-
};
|
|
632
|
-
outlined: {
|
|
633
|
-
type: BooleanConstructor;
|
|
634
|
-
default: boolean;
|
|
635
|
-
};
|
|
636
|
-
variantStyle: {
|
|
637
|
-
type: PropType<VariantStyle | undefined>;
|
|
638
|
-
default: undefined;
|
|
639
|
-
};
|
|
640
|
-
color: {
|
|
641
|
-
type: PropType<ColorType>;
|
|
642
|
-
default: string;
|
|
643
|
-
};
|
|
644
|
-
textKey: {
|
|
645
|
-
type: StringConstructor;
|
|
646
|
-
default: string;
|
|
647
|
-
};
|
|
648
|
-
plainTextKey: {
|
|
649
|
-
type: StringConstructor;
|
|
650
|
-
default: string;
|
|
651
|
-
};
|
|
652
|
-
valueKey: {
|
|
653
|
-
type: StringConstructor;
|
|
654
|
-
default: string;
|
|
655
|
-
};
|
|
656
|
-
displayAsterisk: {
|
|
657
|
-
type: BooleanConstructor;
|
|
658
|
-
default: boolean;
|
|
659
|
-
};
|
|
660
|
-
returnObject: {
|
|
661
|
-
type: BooleanConstructor;
|
|
662
|
-
default: boolean;
|
|
663
|
-
};
|
|
664
|
-
disableErrorHandling: {
|
|
665
|
-
type: BooleanConstructor;
|
|
666
|
-
default: boolean;
|
|
667
|
-
};
|
|
668
|
-
density: {
|
|
669
|
-
type: PropType<"default" | "comfortable" | "compact" | undefined>;
|
|
670
|
-
default: string;
|
|
671
|
-
};
|
|
672
|
-
bgColor: {
|
|
673
|
-
type: StringConstructor;
|
|
674
|
-
default: string;
|
|
675
|
-
};
|
|
676
|
-
readonly: {
|
|
677
|
-
type: BooleanConstructor;
|
|
678
|
-
default: boolean;
|
|
679
|
-
};
|
|
680
|
-
clearable: {
|
|
681
|
-
type: BooleanConstructor;
|
|
682
|
-
default: boolean;
|
|
683
|
-
};
|
|
684
|
-
hideMessages: {
|
|
685
|
-
type: BooleanConstructor;
|
|
686
|
-
default: boolean;
|
|
687
|
-
};
|
|
688
|
-
width: {
|
|
689
|
-
type: StringConstructor;
|
|
690
|
-
default: string;
|
|
691
|
-
};
|
|
692
|
-
multiple: {
|
|
693
|
-
type: BooleanConstructor;
|
|
694
|
-
default: boolean;
|
|
695
|
-
};
|
|
696
|
-
chips: {
|
|
697
|
-
type: BooleanConstructor;
|
|
698
|
-
default: boolean;
|
|
699
|
-
};
|
|
700
|
-
helpText: {
|
|
701
|
-
type: StringConstructor;
|
|
702
|
-
default: string;
|
|
703
|
-
};
|
|
704
|
-
allowHtml: {
|
|
705
|
-
type: BooleanConstructor;
|
|
706
|
-
default: boolean;
|
|
707
|
-
};
|
|
708
|
-
autocomplete: {
|
|
709
|
-
type: PropType<"on" | "off" | undefined | string>;
|
|
710
|
-
default: string;
|
|
711
|
-
};
|
|
712
|
-
prependIcon: {
|
|
713
|
-
type: PropType<IconType>;
|
|
714
|
-
default: undefined;
|
|
715
|
-
};
|
|
716
|
-
appendIcon: {
|
|
717
|
-
type: PropType<IconType>;
|
|
718
|
-
default: undefined;
|
|
719
|
-
};
|
|
720
|
-
prependTooltip: {
|
|
721
|
-
type: StringConstructor;
|
|
722
|
-
default: undefined;
|
|
723
|
-
};
|
|
724
|
-
appendTooltip: {
|
|
725
|
-
type: StringConstructor;
|
|
726
|
-
default: undefined;
|
|
727
|
-
};
|
|
728
|
-
tooltipLocation: {
|
|
729
|
-
type: PropType<"top" | "bottom" | "start" | "end">;
|
|
730
|
-
default: string;
|
|
731
|
-
};
|
|
732
|
-
noIcon: {
|
|
733
|
-
type: BooleanConstructor;
|
|
734
|
-
default: boolean;
|
|
735
|
-
};
|
|
736
|
-
disableClickButton: {
|
|
737
|
-
type: BooleanConstructor;
|
|
738
|
-
default: boolean;
|
|
739
|
-
};
|
|
740
|
-
}>> & Readonly<{
|
|
498
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
741
499
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
742
500
|
"onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
|
|
743
501
|
"onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
|
|
@@ -746,13 +504,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
746
504
|
width: string;
|
|
747
505
|
color: ColorType;
|
|
748
506
|
disabled: boolean;
|
|
749
|
-
density: "default" | "comfortable" | "compact"
|
|
750
|
-
prependIcon:
|
|
751
|
-
appendIcon:
|
|
507
|
+
density: "default" | "comfortable" | "compact";
|
|
508
|
+
prependIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
|
|
509
|
+
appendIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
|
|
752
510
|
readonly: boolean;
|
|
753
511
|
outlined: boolean;
|
|
754
512
|
items: ItemType[];
|
|
755
|
-
modelValue:
|
|
513
|
+
modelValue: Record<string, unknown> | string | number | null | SelectItemArrayType;
|
|
756
514
|
returnObject: boolean;
|
|
757
515
|
bgColor: string;
|
|
758
516
|
multiple: boolean;
|
|
@@ -760,23 +518,35 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
760
518
|
menuId: string;
|
|
761
519
|
textKey: string;
|
|
762
520
|
valueKey: string;
|
|
521
|
+
showSuccessMessages: boolean;
|
|
763
522
|
disableErrorHandling: boolean;
|
|
764
|
-
errorMessages: string |
|
|
523
|
+
errorMessages: string[] | null;
|
|
524
|
+
maxErrors: number;
|
|
765
525
|
prependTooltip: string;
|
|
766
526
|
appendTooltip: string;
|
|
767
|
-
tooltipLocation: "
|
|
768
|
-
variantStyle: VariantStyle
|
|
527
|
+
tooltipLocation: "top" | "bottom" | "start" | "end";
|
|
528
|
+
variantStyle: VariantStyle;
|
|
769
529
|
displayAsterisk: boolean;
|
|
770
530
|
noIcon: boolean;
|
|
771
531
|
disableClickButton: boolean;
|
|
772
|
-
autocomplete:
|
|
532
|
+
autocomplete: "on" | "off" | string;
|
|
773
533
|
helpText: string;
|
|
534
|
+
customRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
|
|
535
|
+
customSuccessRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
|
|
536
|
+
customWarningRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
|
|
537
|
+
hasError: boolean;
|
|
538
|
+
hasSuccess: boolean;
|
|
539
|
+
hasWarning: boolean;
|
|
540
|
+
isValidateOnBlur: boolean;
|
|
541
|
+
successMessages: string[] | null;
|
|
542
|
+
useVuetifyValidation: boolean;
|
|
543
|
+
warningMessages: string[] | null;
|
|
544
|
+
hideDetails: boolean;
|
|
774
545
|
clearable: boolean;
|
|
775
546
|
plainTextKey: string;
|
|
776
|
-
hideMessages: boolean;
|
|
777
547
|
chips: boolean;
|
|
778
548
|
allowHtml: boolean;
|
|
779
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions,
|
|
549
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
780
550
|
labelRef: HTMLSpanElement;
|
|
781
551
|
list: ({
|
|
782
552
|
$: import('vue').ComponentInternalInstance;
|
|
@@ -10,6 +10,7 @@ export interface UseSySelectKeyboardOptions {
|
|
|
10
10
|
getItemText: (item: unknown) => unknown;
|
|
11
11
|
optionIdPrefix?: string;
|
|
12
12
|
focusListItem?: boolean;
|
|
13
|
+
skipInitialFocus?: Ref<boolean>;
|
|
13
14
|
}
|
|
14
15
|
export declare function useSySelectKeyboard(options: UseSySelectKeyboardOptions): {
|
|
15
16
|
activeDescendantId: Ref<string, string>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FieldValidationProps } from '../../../../../composables/unifyValidation/useValidation';
|
|
2
|
+
export declare function useSySelectValidation(props: FieldValidationProps & {
|
|
3
|
+
modelValue?: unknown;
|
|
4
|
+
}): {
|
|
5
|
+
focused: import('vue').Ref<boolean, boolean>;
|
|
6
|
+
validate: (() => Promise<boolean>) | (() => Promise<boolean>);
|
|
7
|
+
clearValidation: (() => void) | (() => void);
|
|
8
|
+
errors: import('vue').Ref<string[], string[]> | import('vue').ComputedRef<string[]>;
|
|
9
|
+
warnings: import('vue').Ref<string[], string[]> | import('vue').ComputedRef<string[]>;
|
|
10
|
+
successes: import('vue').Ref<string[], string[]> | import('vue').ComputedRef<string[]>;
|
|
11
|
+
hasError: import('vue').ComputedRef<boolean> | import('vue').ComputedRef<boolean | undefined>;
|
|
12
|
+
hasWarning: import('vue').ComputedRef<boolean> | import('vue').ComputedRef<boolean | undefined>;
|
|
13
|
+
hasSuccess: import('vue').ComputedRef<boolean>;
|
|
14
|
+
validationIcon: import('vue').ComputedRef<string | null>;
|
|
15
|
+
};
|
|
@@ -32,6 +32,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
|
32
32
|
errors: import('vue').Ref<string[], string[]>;
|
|
33
33
|
warnings: import('vue').Ref<string[], string[]>;
|
|
34
34
|
successes: import('vue').Ref<string[], string[]>;
|
|
35
|
+
displaySuccesses: import('vue').ComputedRef<string[]>;
|
|
35
36
|
hasError: import('vue').ComputedRef<boolean>;
|
|
36
37
|
hasWarning: import('vue').ComputedRef<boolean>;
|
|
37
38
|
hasSuccess: import('vue').ComputedRef<boolean>;
|
|
@@ -66,12 +67,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
|
66
67
|
disableErrorHandling: boolean;
|
|
67
68
|
errorMessages: string[] | null;
|
|
68
69
|
displayAsterisk: boolean;
|
|
69
|
-
isValidateOnBlur: boolean;
|
|
70
70
|
customRules: ValidationRule[];
|
|
71
|
-
customWarningRules: ValidationRule[];
|
|
72
71
|
customSuccessRules: ValidationRule[];
|
|
73
|
-
|
|
72
|
+
customWarningRules: ValidationRule[];
|
|
73
|
+
isValidateOnBlur: boolean;
|
|
74
74
|
successMessages: string[] | null;
|
|
75
|
+
warningMessages: string[] | null;
|
|
75
76
|
hideDetails: boolean | "auto";
|
|
76
77
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
77
78
|
messagesRef: import('vue').CreateComponentPublicInstanceWithMixins<{
|
|
@@ -639,6 +639,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
639
639
|
errors: import('vue').Ref<string[], string[]>;
|
|
640
640
|
warnings: import('vue').Ref<string[], string[]>;
|
|
641
641
|
successes: import('vue').Ref<string[], string[]>;
|
|
642
|
+
displaySuccesses: import('vue').ComputedRef<string[]>;
|
|
642
643
|
hasError: import('vue').ComputedRef<boolean>;
|
|
643
644
|
hasWarning: import('vue').ComputedRef<boolean>;
|
|
644
645
|
hasSuccess: import('vue').ComputedRef<boolean>;
|
|
@@ -677,12 +678,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
677
678
|
disableErrorHandling: boolean;
|
|
678
679
|
errorMessages: string[] | null;
|
|
679
680
|
displayAsterisk: boolean;
|
|
680
|
-
isValidateOnBlur: boolean;
|
|
681
681
|
customRules: ValidationRule[];
|
|
682
|
-
customWarningRules: ValidationRule[];
|
|
683
682
|
customSuccessRules: ValidationRule[];
|
|
684
|
-
|
|
683
|
+
customWarningRules: ValidationRule[];
|
|
684
|
+
isValidateOnBlur: boolean;
|
|
685
685
|
successMessages: string[] | null;
|
|
686
|
+
warningMessages: string[] | null;
|
|
686
687
|
hideDetails: boolean | "auto";
|
|
687
688
|
trueValue: true;
|
|
688
689
|
falseValue: false;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { IconValue } from 'vuetify/lib/composables/icons.mjs';
|
|
2
|
+
type Size = 'x-small' | 'small' | 'default' | 'large' | 'x-large';
|
|
3
|
+
type Variant = 'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain';
|
|
4
|
+
type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | (string & {});
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
icon: IconValue;
|
|
7
|
+
label: string;
|
|
8
|
+
color?: Color;
|
|
9
|
+
size?: Size;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
variant?: Variant;
|
|
12
|
+
};
|
|
13
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
"click-icon-button": () => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
+
"onClick-icon-button"?: (() => any) | undefined;
|
|
17
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
export default _default;
|
|
@@ -1,34 +1,23 @@
|
|
|
1
1
|
import { nextTick } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { FieldValidationProps } from '../../../composables/unifyValidation/useValidation';
|
|
3
3
|
type __VLS_Props = {
|
|
4
|
-
modelValue?: PropertyKey | null;
|
|
5
|
-
label?: string;
|
|
6
|
-
displayAsterisk?: boolean;
|
|
7
4
|
ariaLabel?: string;
|
|
8
5
|
ariaLabelledby?: string;
|
|
9
|
-
title?: string;
|
|
10
6
|
color?: string;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
readonly?: boolean;
|
|
13
|
-
hideDetails?: boolean | 'auto';
|
|
14
7
|
density?: 'default' | 'comfortable' | 'compact';
|
|
8
|
+
displayAsterisk?: boolean;
|
|
9
|
+
helpText?: string;
|
|
10
|
+
hideDetails?: boolean | 'auto';
|
|
11
|
+
id?: string;
|
|
12
|
+
label?: string;
|
|
13
|
+
modelValue?: PropertyKey | null;
|
|
14
|
+
name?: string;
|
|
15
15
|
options?: Array<{
|
|
16
16
|
label: string;
|
|
17
17
|
value: PropertyKey;
|
|
18
18
|
}>;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
required?: boolean;
|
|
22
|
-
errorMessages?: string[] | null;
|
|
23
|
-
warningMessages?: string[] | null;
|
|
24
|
-
successMessages?: string[] | null;
|
|
25
|
-
customRules?: ValidationRule[];
|
|
26
|
-
customWarningRules?: ValidationRule[];
|
|
27
|
-
customSuccessRules?: ValidationRule[];
|
|
28
|
-
showSuccessMessages?: boolean;
|
|
29
|
-
isValidateOnBlur?: boolean;
|
|
30
|
-
disableErrorHandling?: boolean;
|
|
31
|
-
};
|
|
19
|
+
title?: string;
|
|
20
|
+
} & FieldValidationProps;
|
|
32
21
|
declare function __VLS_template(): {
|
|
33
22
|
attrs: Partial<{}>;
|
|
34
23
|
slots: {
|
|
@@ -603,19 +592,7 @@ declare function __VLS_template(): {
|
|
|
603
592
|
};
|
|
604
593
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
605
594
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
606
|
-
validation: {
|
|
607
|
-
errors: import('vue').Ref<string[], string[]>;
|
|
608
|
-
warnings: import('vue').Ref<string[], string[]>;
|
|
609
|
-
successes: import('vue').Ref<string[], string[]>;
|
|
610
|
-
hasError: import('vue').ComputedRef<boolean>;
|
|
611
|
-
hasWarning: import('vue').ComputedRef<boolean>;
|
|
612
|
-
hasSuccess: import('vue').ComputedRef<boolean>;
|
|
613
|
-
validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult | Promise<import('../../../composables/validation/useValidation').ValidationResult>;
|
|
614
|
-
validateOnSubmit: () => boolean;
|
|
615
|
-
clearValidation: () => void;
|
|
616
|
-
};
|
|
617
595
|
validateOnSubmit: () => Promise<boolean>;
|
|
618
|
-
checkErrorOnBlur: () => void;
|
|
619
596
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
620
597
|
change: (...args: any[]) => void;
|
|
621
598
|
"update:modelValue": (...args: any[]) => void;
|
|
@@ -642,13 +619,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
642
619
|
showSuccessMessages: boolean;
|
|
643
620
|
disableErrorHandling: boolean;
|
|
644
621
|
errorMessages: string[] | null;
|
|
622
|
+
maxErrors: number;
|
|
645
623
|
displayAsterisk: boolean;
|
|
624
|
+
helpText: string;
|
|
625
|
+
customRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
|
|
626
|
+
customSuccessRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
|
|
627
|
+
customWarningRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
|
|
628
|
+
hasError: boolean;
|
|
629
|
+
hasSuccess: boolean;
|
|
630
|
+
hasWarning: boolean;
|
|
646
631
|
isValidateOnBlur: boolean;
|
|
647
|
-
customRules: ValidationRule[];
|
|
648
|
-
customWarningRules: ValidationRule[];
|
|
649
|
-
customSuccessRules: ValidationRule[];
|
|
650
|
-
warningMessages: string[] | null;
|
|
651
632
|
successMessages: string[] | null;
|
|
633
|
+
useVuetifyValidation: boolean;
|
|
634
|
+
warningMessages: string[] | null;
|
|
652
635
|
hideDetails: boolean | "auto";
|
|
653
636
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
654
637
|
radioGroupRef: ({
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ComputedRef, Ref } from 'vue';
|
|
2
|
+
import { FieldValidationProps, ValidationRule, VuetifyValidationRule } from '../../../../composables/unifyValidation/useValidation';
|
|
3
|
+
export interface SyRadioGroupValidationProps extends FieldValidationProps {
|
|
4
|
+
modelValue?: PropertyKey | null;
|
|
5
|
+
required?: boolean;
|
|
6
|
+
readonly?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
customRules?: ValidationRule[];
|
|
9
|
+
customWarningRules?: ValidationRule[];
|
|
10
|
+
customSuccessRules?: ValidationRule[];
|
|
11
|
+
isValidateOnBlur?: boolean;
|
|
12
|
+
showSuccessMessages?: boolean;
|
|
13
|
+
useVuetifyValidation?: boolean;
|
|
14
|
+
rules?: VuetifyValidationRule[];
|
|
15
|
+
errorMessages?: string[] | null;
|
|
16
|
+
warningMessages?: string[] | null;
|
|
17
|
+
successMessages?: string[] | null;
|
|
18
|
+
hasError?: boolean;
|
|
19
|
+
hasWarning?: boolean;
|
|
20
|
+
hasSuccess?: boolean;
|
|
21
|
+
maxErrors?: number;
|
|
22
|
+
disableErrorHandling?: boolean;
|
|
23
|
+
fieldIdentifier?: string;
|
|
24
|
+
}
|
|
25
|
+
export interface UseSyRadioGroupValidationReturn {
|
|
26
|
+
validate: () => Promise<boolean>;
|
|
27
|
+
validateOnSubmit: () => Promise<boolean>;
|
|
28
|
+
errors: Ref<string[]>;
|
|
29
|
+
warnings: Ref<string[]>;
|
|
30
|
+
successes: Ref<string[]>;
|
|
31
|
+
hasError: ComputedRef<boolean | undefined>;
|
|
32
|
+
hasWarning: ComputedRef<boolean | undefined>;
|
|
33
|
+
hasSuccess: ComputedRef<boolean | undefined>;
|
|
34
|
+
defaultRules: ComputedRef<ValidationRule[]>;
|
|
35
|
+
focused: Ref<boolean>;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Composable pour gérer la validation du composant SyRadioGroup
|
|
39
|
+
*
|
|
40
|
+
* Ce composable encapsule toute la logique de validation spécifique aux groupes de radios :
|
|
41
|
+
* - Validation required avec message personnalisé
|
|
42
|
+
* - Validation immédiate à la sélection (isValidateOnBlur = false par défaut)
|
|
43
|
+
* - Support des customRules, customWarningRules, customSuccessRules
|
|
44
|
+
* - Désactivation automatique des messages de succès en mode Vuetify
|
|
45
|
+
* - Intégration avec useValidation du design system
|
|
46
|
+
*
|
|
47
|
+
* @example
|
|
48
|
+
* const { validate, errors, hasError, defaultRules } = useSyRadioGroupValidation(props, model)
|
|
49
|
+
*/
|
|
50
|
+
export declare function useSyRadioGroupValidation(props: SyRadioGroupValidationProps, model: Ref<PropertyKey | null>, focused?: Ref<boolean>): UseSyRadioGroupValidationReturn;
|