@cnamts/synapse 1.0.5 → 1.0.6

package/dist/components/DatePicker/ComplexDatePicker/ComplexDatePicker.d.ts

@@ -255,6 +255,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly disableErrorHandling?: boolean | undefined;
                 readonly disableClickButton?: boolean | undefined;
                 readonly autocomplete?: string | undefined;
+                readonly helpText?: string | undefined;
                 readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 readonly onClear?: ((...args: any[]) => any) | undefined;
                 readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
@@ -1277,7 +1278,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         append: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                             [key: string]: any;
                         }>[];
-                        details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                        /** @type { typeof __VLS_ctx.dateCalendarTextInputRef } */ details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                             [key: string]: any;
                         }>[];
                         message: (arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -1344,7 +1345,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     minWidth?: string | number | undefined;
                     label?: string | undefined;
                     class?: any;
-                    theme?: string | undefined;
+                    /** @type { typeof __VLS_ctx.datePickerRef } */ theme?: string | undefined;
                     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
                     validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
@@ -1746,6 +1747,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disableErrorHandling?: boolean | undefined;
                 disableClickButton?: boolean | undefined;
                 autocomplete?: string | undefined;
+                helpText?: string | undefined;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
@@ -1835,6 +1837,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disableErrorHandling: boolean;
                 disableClickButton: boolean;
                 autocomplete: string;
+                helpText: string;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -1920,6 +1923,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string;
+            helpText: string;
         }> & Omit<Readonly<{
             modelValue?: string | number | null | undefined;
             prependIcon?: import('../../Customs/SyTextField/types').IconType;
@@ -1987,12 +1991,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling?: boolean | undefined;
             disableClickButton?: boolean | undefined;
             autocomplete?: string | undefined;
+            helpText?: string | undefined;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
             "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText")> & import('vue').ShallowUnwrapRef<{
             validation: {
                 errors: Ref<string[], string[]>;
                 warnings: Ref<string[], string[]>;
@@ -2204,6 +2209,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly disableErrorHandling?: boolean | undefined;
                 readonly disableClickButton?: boolean | undefined;
                 readonly autocomplete?: string | undefined;
+                readonly helpText?: string | undefined;
                 readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 readonly onClear?: ((...args: any[]) => any) | undefined;
                 readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
@@ -3226,7 +3232,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         append: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                             [key: string]: any;
                         }>[];
-                        details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                        /** @type { typeof __VLS_ctx.dateCalendarTextInputRef } */ details: (arg: import('vuetify/lib/components/VInput/VInput.mjs').VInputSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                             [key: string]: any;
                         }>[];
                         message: (arg: import('vuetify/lib/components/VMessages/VMessages.mjs').VMessageSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -3293,7 +3299,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     minWidth?: string | number | undefined;
                     label?: string | undefined;
                     class?: any;
-                    theme?: string | undefined;
+                    /** @type { typeof __VLS_ctx.datePickerRef } */ theme?: string | undefined;
                     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
                     validateOn?: "lazy" | "blur" | "input" | "submit" | "eager" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "invalid-input" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input" | undefined;
                     validationValue?: any;
@@ -3695,6 +3701,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disableErrorHandling?: boolean | undefined;
                 disableClickButton?: boolean | undefined;
                 autocomplete?: string | undefined;
+                helpText?: string | undefined;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
@@ -3784,6 +3791,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disableErrorHandling: boolean;
                 disableClickButton: boolean;
                 autocomplete: string;
+                helpText: string;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -3869,6 +3877,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string;
+            helpText: string;
         }> & Omit<Readonly<{
             modelValue?: string | number | null | undefined;
             prependIcon?: import('../../Customs/SyTextField/types').IconType;
@@ -3936,12 +3945,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling?: boolean | undefined;
             disableClickButton?: boolean | undefined;
             autocomplete?: string | undefined;
+            helpText?: string | undefined;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
             "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText")> & import('vue').ShallowUnwrapRef<{
             validation: {
                 errors: Ref<string[], string[]>;
                 warnings: Ref<string[], string[]>;

package/dist/components/DatePicker/DateTextInput/DateTextInput.d.ts

@@ -131,6 +131,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly disableErrorHandling?: boolean | undefined;
             readonly disableClickButton?: boolean | undefined;
             readonly autocomplete?: string | undefined;
+            readonly helpText?: string | undefined;
             readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             readonly onClear?: ((...args: any[]) => any) | undefined;
             readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
@@ -1622,6 +1623,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling?: boolean | undefined;
             disableClickButton?: boolean | undefined;
             autocomplete?: string | undefined;
+            helpText?: string | undefined;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
@@ -1711,6 +1713,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string;
+            helpText: string;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -1796,6 +1799,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         disableErrorHandling: boolean;
         disableClickButton: boolean;
         autocomplete: string;
+        helpText: string;
     }> & Omit<Readonly<{
         modelValue?: string | number | null | undefined;
         prependIcon?: import('../../Customs/SyTextField/types').IconType;
@@ -1863,12 +1867,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         disableErrorHandling?: boolean | undefined;
         disableClickButton?: boolean | undefined;
         autocomplete?: string | undefined;
+        helpText?: string | undefined;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
         "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
         "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
+    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText")> & import('vue').ShallowUnwrapRef<{
         validation: {
             errors: import('vue').Ref<string[], string[]>;
             warnings: import('vue').Ref<string[], string[]>;

package/dist/components/DatePicker/composables/useDateInputEditing.d.ts

@@ -1,20 +1,29 @@
+import { FormatDateInputResult } from '../utils/dateFormattingUtils';
 /**
  * Options pour le composable useDateInputEditing
  */
 export interface DateInputEditingOptions {
+    /**
+   * Format de date (ex: 'DD/MM/YYYY')
+   */
     format: string;
+    /**
+   * Fonction pour mettre à jour la valeur d'affichage
+   */
     updateDisplayValue: (value: string) => void;
+    /**
+   * Fonction pour mettre à jour l'attribut aria-label (pour l'accessibilité)
+   */
     updateAriaLabel?: (value: string) => void;
+    /**
+   * Caractère à utiliser pour les positions non remplies
+   */
     placeholderChar?: string;
+    /**
+   * Si true, utilise des caractères invisibles pour les lecteurs d'écran
+   */
     accessiblePlaceholders?: boolean;
 }
-/**
- * Résultat du formatage d'une date
- */
-export interface FormatDateInputResult {
-    formatted: string;
-    cursorPos: number;
-}
 /**
  * Composable pour gérer l'édition manuelle des dates
  * Ce composable fournit des fonctions pour formater les dates pendant la saisie
@@ -29,5 +38,5 @@ export declare const useDateInputEditing: (options: DateInputEditingOptions) =>
         target: HTMLInputElement;
     }) => void;
     handlePaste: (event: ClipboardEvent) => void;
-    getDateDescription: (dateStr: string, format: string) => string;
+    getDateDescription: (dateStr: string) => string;
 };

package/dist/components/DatePicker/composables/useKeyboardEvents.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Composable pour centraliser la gestion des événements clavier
+ * Utilisé dans les différents composants de saisie de date
+ */
+/**
+ * Options pour la gestion des événements clavier
+ */
+export interface KeyboardEventsOptions {
+    /**
+   * Expression régulière pour les caractères autorisés
+   * Par défaut, seuls les chiffres sont autorisés
+   */
+    allowedCharacters?: RegExp;
+    /**
+   * Fonction à appeler lors d'un appui sur une touche
+   * Appelée après la validation des caractères
+   */
+    onKeyDown?: (event: KeyboardEvent & {
+        target: HTMLInputElement;
+    }) => void;
+    /**
+   * Séparateur utilisé dans le format de date
+   * Utilisé pour gérer les touches de navigation
+   */
+    separator?: string;
+}
+/**
+ * Composable pour gérer les événements clavier communs aux champs de date
+ *
+ * @param options - Options de configuration
+ * @returns Fonctions pour gérer les événements clavier
+ */
+export declare const useKeyboardEvents: (options?: KeyboardEventsOptions) => {
+    handleKeyDown: (event: KeyboardEvent & {
+        target: HTMLInputElement;
+    }) => void;
+    handleArrowKeys: (event: KeyboardEvent & {
+        target: HTMLInputElement;
+    }) => void;
+    handlePaste: (event: ClipboardEvent) => void;
+};

package/dist/components/DatePicker/composables/useManualDateValidation.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 import { ValidationResult } from '../../../composables/validation/useValidation';
+import { CustomRule } from '../utils/validationUtils';
 /**
  * Composable pour la validation manuelle des dates saisies
  *
@@ -10,14 +11,8 @@ export declare const useManualDateValidation: (options: {
     format: string;
     required?: boolean | undefined;
     disableErrorHandling?: boolean | undefined;
-    customRules?: {
-        type: string;
-        options: any;
-    }[] | undefined;
-    customWarningRules?: {
-        type: string;
-        options: any;
-    }[] | undefined;
+    customRules?: CustomRule[] | undefined;
+    customWarningRules?: CustomRule[] | undefined;
     hasInteracted: Ref<boolean>;
     errors: Ref<string[]>;
     clearValidation: () => void;
@@ -27,7 +22,7 @@ export declare const useManualDateValidation: (options: {
     };
     isDateComplete: (value: string) => boolean;
     parseDate: (dateStr: string, format: string) => Date | null;
-    validateField: (value: any, rules?: any[], warningRules?: any[]) => ValidationResult;
+    validateField: (value: unknown, rules?: CustomRule[], warningRules?: CustomRule[]) => ValidationResult;
 }) => {
     validateManualInput: (value: string) => boolean;
 };

package/dist/components/DatePicker/utils/dateFormattingUtils.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Utilitaires de formatage de dates pour les composants DatePicker
+ * Extrait et centralisé à partir des différents composables
+ */
+/**
+ * Résultat du formatage d'une date
+ */
+export interface FormatDateInputResult {
+    /**
+   * Valeur formatée
+   */
+    formatted: string;
+    /**
+   * Position du curseur après formatage
+   */
+    cursorPos: number;
+}
+/**
+ * Options pour le formatage d'une date
+ */
+export interface FormatDateOptions {
+    /**
+   * Position actuelle du curseur
+   */
+    cursorPosition?: number;
+    /**
+   * Caractère à utiliser pour les positions non remplies
+   */
+    placeholderChar?: string;
+}
+/**
+ * Formate une entrée de date en ajoutant les séparateurs appropriés
+ *
+ * @param input - Chaîne de caractères saisie
+ * @param format - Format de date (ex: 'DD/MM/YYYY')
+ * @param options - Options de formatage
+ * @returns Objet contenant la chaîne formatée et la nouvelle position du curseur
+ */
+export declare const formatDateInput: (input: string, format: string, options?: FormatDateOptions) => FormatDateInputResult;
+/**
+ * Crée une description accessible de la date pour les lecteurs d'écran
+ *
+ * @param dateStr - La chaîne de date à décrire
+ * @param format - Le format de la date
+ * @param placeholderChar - Caractère utilisé pour les positions vides
+ * @returns Une description de la date adaptée aux lecteurs d'écran
+ */
+export declare const getDateDescription: (dateStr: string, format: string, placeholderChar?: string) => string;
+/**
+ * Extrait les deux parties d'une plage de dates
+ *
+ * @param value - Chaîne de caractères contenant une plage de dates
+ * @param separator - Séparateur de plage (par défaut: ' - ')
+ * @returns Tableau contenant les deux parties de la plage
+ */
+export declare const extractRangeParts: (value: string, separator?: string) => [string, string];
+/**
+ * Vérifie si une chaîne de caractères contient un séparateur de plage
+ *
+ * @param value - Chaîne de caractères à vérifier
+ * @param separator - Séparateur de plage (par défaut: ' - ')
+ * @returns Booléen indiquant si la chaîne contient le séparateur
+ */
+export declare const hasRangeSeparator: (value: string, separator?: string) => boolean;
+/**
+ * Vérifie si une plage de dates est valide (la date de début est antérieure à la date de fin)
+ *
+ * @param startDate - Date de début
+ * @param endDate - Date de fin
+ * @returns Booléen indiquant si la plage est valide
+ */
+export declare const isValidDateRange: (startDate: Date | null, endDate: Date | null) => boolean;

package/dist/components/DatePicker/utils/validationUtils.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Type pour une règle de validation personnalisée
+ */
+export interface CustomRule {
+    type: string;
+    options: {
+        validate: (value: unknown) => boolean;
+        message?: string;
+        [key: string]: unknown;
+    };
+}
+/**
+ * Adapte les règles personnalisées pour assurer la compatibilité avec différents types de valeurs
+ *
+ * @param rules - Règles personnalisées à adapter
+ * @param format - Format de date à utiliser pour la conversion
+ * @returns Règles adaptées pour fonctionner avec les dates et chaînes
+ */
+export declare const adaptCustomRules: (rules: CustomRule[] | undefined, format: string) => CustomRule[];
+/**
+ * Vérifie si une chaîne de date est vide ou incomplète
+ *
+ * @param value - Chaîne de date à vérifier
+ * @param required - Indique si le champ est requis
+ * @returns Objet indiquant si la validation doit continuer et si la valeur est valide
+ */
+export declare const validateEmptyOrIncompleteDate: (value: string, required: boolean, isDateComplete: (value: string) => boolean, hasInteracted: boolean) => {
+    shouldContinue: boolean;
+    isValid: boolean;
+    errorMessage?: string;
+};
+/**
+ * Structure de résultat de validation de format
+ */
+export interface FormatValidationResult {
+    isValid: boolean;
+    message: string;
+}

package/dist/components/HeaderBar/HeaderBurgerMenu/HeaderBurgerMenu.d.ts

@@ -1,12 +1,17 @@
+type __VLS_Props = {
+    innerTag?: string;
+};
 type __VLS_PublicProps = {
     modelValue?: boolean;
-};
+} & __VLS_Props;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    menuBtnWrapper: HTMLDivElement;
+}>, {
+    innerTag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    menuBtnWrapper: HTMLElement;
     outerBtn: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: boolean | undefined;
     }> & Readonly<{
@@ -31,6 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     }>, {
         focus: () => void;
     }, {}, {}, {}, {}> | null;
+    headerInnerMenu: HTMLDivElement;
     innerBtn: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: boolean | undefined;
     }> & Readonly<{

package/dist/components/HeaderBar/HeaderBurgerMenu/HeaderMenuItem/HeaderMenuItem.d.ts

@@ -1,4 +1,9 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLIElement>, {
+type __VLS_Props = {
+    tag?: string;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/HeaderBar/HeaderBurgerMenu/HeaderMenuSection/HeaderMenuSection.d.ts

@@ -1,7 +1,17 @@
 type __VLS_Props = {
     title?: string;
+    innerTag?: string;
+    tag?: string;
+    titleTag?: string;
+    showTitle?: boolean;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    tag: string;
+    innerTag: string;
+    titleTag: string;
+    showTitle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     title?(_: {}): any;
     default?(_: {}): any;
 }>;

package/dist/components/HeaderBar/HeaderBurgerMenu/HeaderSubMenu/HeaderSubMenu.d.ts

@@ -1,4 +1,14 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>, {
+type __VLS_Props = {
+    innerTag?: string;
+    tag?: string;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    tag: string;
+    innerTag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    headerSubMenuBtn: HTMLButtonElement;
+    headerInnerSubMenu: HTMLDivElement;
+}, any>, {
     title?(_: {}): any;
     default?(_: {}): any;
 }>;

package/dist/components/HeaderBar/HeaderBurgerMenu/locals.d.ts

@@ -1,5 +1,7 @@
 declare const _default: {
     mainMenu: string;
     publicMenu: string;
+    openSubMenu: string;
+    closeSubMenu: string;
 };
 export default _default;

package/dist/components/HeaderBar/HeaderBurgerMenu/useMenuPosition.d.ts

@@ -0,0 +1,4 @@
+import { CSSProperties, Ref } from 'vue';
+export default function useMenuPosition(menuBtnWrapper: Ref<HTMLElement | null>, menuOpen: Ref<boolean>): {
+    menuStyle: import('vue').ComputedRef<CSSProperties>;
+};

package/dist/components/NirField/NirField.d.ts

@@ -193,6 +193,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly disableErrorHandling?: boolean | undefined;
             readonly disableClickButton?: boolean | undefined;
             readonly autocomplete?: string | undefined;
+            readonly helpText?: string | undefined;
             readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             readonly onClear?: ((...args: any[]) => any) | undefined;
             readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
@@ -455,7 +456,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     hint?: string | undefined;
                     hideDetails?: boolean | "auto" | undefined;
                 }, {
-                    /** @type { typeof __VLS_ctx.numberField } */ reset: () => Promise<void>;
+                    reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
                     validate: (silent?: boolean | undefined) => Promise<string[]>;
                     isValid: import('vue').ComputedRef<boolean | null>;
@@ -1684,6 +1685,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling?: boolean | undefined;
             disableClickButton?: boolean | undefined;
             autocomplete?: string | undefined;
+            helpText?: string | undefined;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
@@ -1773,6 +1775,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string;
+            helpText: string;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -1858,6 +1861,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         disableErrorHandling: boolean;
         disableClickButton: boolean;
         autocomplete: string;
+        helpText: string;
     }> & Omit<Readonly<{
         modelValue?: string | number | null | undefined;
         prependIcon?: import('../Customs/SyTextField/types').IconType;
@@ -1925,12 +1929,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         disableErrorHandling?: boolean | undefined;
         disableClickButton?: boolean | undefined;
         autocomplete?: string | undefined;
+        helpText?: string | undefined;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
         "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
         "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
+    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText")> & import('vue').ShallowUnwrapRef<{
         validation: {
             errors: import('vue').Ref<string[], string[]>;
             warnings: import('vue').Ref<string[], string[]>;
@@ -2023,6 +2028,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly disableErrorHandling?: boolean | undefined;
             readonly disableClickButton?: boolean | undefined;
             readonly autocomplete?: string | undefined;
+            readonly helpText?: string | undefined;
             readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             readonly onClear?: ((...args: any[]) => any) | undefined;
             readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
@@ -2285,7 +2291,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     hint?: string | undefined;
                     hideDetails?: boolean | "auto" | undefined;
                 }, {
-                    /** @type { typeof __VLS_ctx.numberField } */ reset: () => Promise<void>;
+                    reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
                     validate: (silent?: boolean | undefined) => Promise<string[]>;
                     isValid: import('vue').ComputedRef<boolean | null>;
@@ -3514,6 +3520,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling?: boolean | undefined;
             disableClickButton?: boolean | undefined;
             autocomplete?: string | undefined;
+            helpText?: string | undefined;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
@@ -3603,6 +3610,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string;
+            helpText: string;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -3688,6 +3696,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         disableErrorHandling: boolean;
         disableClickButton: boolean;
         autocomplete: string;
+        helpText: string;
     }> & Omit<Readonly<{
         modelValue?: string | number | null | undefined;
         prependIcon?: import('../Customs/SyTextField/types').IconType;
@@ -3755,12 +3764,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         disableErrorHandling?: boolean | undefined;
         disableClickButton?: boolean | undefined;
         autocomplete?: string | undefined;
+        helpText?: string | undefined;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
         "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
         "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
+    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("type" | "label" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "rounded" | "loading" | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "direction" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "prefix" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText")> & import('vue').ShallowUnwrapRef<{
         validation: {
             errors: import('vue').Ref<string[], string[]>;
             warnings: import('vue').Ref<string[], string[]>;