@cnamts/synapse 1.0.26 → 1.0.27

package/dist/components/Customs/Selects/SyAutocomplete/composables/useSyAutocompleteValidation.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { FieldValidationProps } from '../../../../../composables/unifyValidation/useValidation';
+export declare function useSyAutocompleteValidation(props: FieldValidationProps): {
+    focused: Ref<boolean, boolean>;
+    hasInteracted: Ref<boolean, boolean>;
+    markInteracted: () => void;
+    validate: (() => Promise<boolean>) | (() => Promise<boolean>);
+    clearValidation: (() => void) | (() => void);
+    validateOnSubmit: () => Promise<boolean>;
+    validateOnBlur: () => void;
+    displayErrors: import('vue').ComputedRef<string[]>;
+    displayWarnings: import('vue').ComputedRef<string[]>;
+    displaySuccesses: import('vue').ComputedRef<string[]>;
+    displayHasError: import('vue').ComputedRef<boolean | undefined>;
+    displayHasWarning: import('vue').ComputedRef<boolean | undefined>;
+    displayHasSuccess: import('vue').ComputedRef<boolean>;
+    validationIcon: import('vue').ComputedRef<string | null>;
+};

package/dist/components/Customs/Selects/SyAutocomplete/utils/ariaManager.d.ts

@@ -10,5 +10,5 @@ export declare const ariaManager: {
     updateValidationAttributes(inputElement: HTMLElement, isRequiredValue: boolean, hasErrorValue: boolean): void;
     cleanParentAttributes(parentElement: HTMLElement): void;
     cleanAlertAttributes(parentElement: HTMLElement): void;
-    setupAriaAttributesForAutocomplete(textFieldRef: Ref<any>, isOpen: Ref<boolean>, menuId: string, activeDescendant: Ref<string>, loading: boolean, inputLabel?: string): void;
+    setupAriaAttributesForAutocomplete(textFieldRef: Ref<any>, isOpen: Ref<boolean>, menuId: string, activeDescendant: Ref<string>, loading: boolean, inputLabel?: string, required?: boolean, hasError?: boolean): void;
 };

package/dist/components/Customs/Selects/SyAutocomplete/utils/useKeyboardHandler.d.ts

@@ -1,4 +1,4 @@
-import { Ref, ComputedRef } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { ItemType, SelectValue, SelectArray } from '../types';
 interface KeyboardHandlerProps {
     multiple: boolean;
@@ -13,6 +13,7 @@ interface KeyboardHandlerDeps {
     filteredItems: ComputedRef<ItemType[]>;
     uniqueMenuId: Ref<string>;
     focusListItem: boolean;
+    hasPrependItem?: ComputedRef<boolean>;
 }
 export declare function useSyAutocompleteKeyboard(props: KeyboardHandlerProps, deps: KeyboardHandlerDeps): {
     handleKeydown: (e: KeyboardEvent) => void;
@@ -22,6 +23,7 @@ export declare function useSyAutocompleteKeyboard(props: KeyboardHandlerProps, d
             input?: HTMLInputElement;
         };
     } | null>, noFocus?: boolean) => void;
+    focusPrepend: () => void;
     keyboardActiveId: Ref<string, string>;
     handleTabKey: () => void;
 };

package/dist/components/Customs/Selects/SySelect/SySelect.d.ts

@@ -1,6 +1,5 @@
-import { nextTick, Ref } from 'vue';
+import { nextTick } from 'vue';
 import { ColorType, IconType, VariantStyle } from '@/types/vuetifyTypes';
-import { ValidationRule } from '../../../../composables/validation/useValidation';
 import { FieldValidationProps } from '../../../../composables/unifyValidation/useValidation';
 export type ItemType = {
     [key: string]: unknown;
@@ -489,7 +488,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    isOpen: Ref<boolean, boolean>;
+    isOpen: import('vue').Ref<boolean, boolean>;
     closeList: (event?: Event) => void;
     validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -532,16 +531,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disableClickButton: boolean;
     autocomplete: "on" | "off" | string;
     helpText: string;
+    customRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
+    hasError: boolean;
+    hasSuccess: boolean;
+    hasWarning: boolean;
     isValidateOnBlur: boolean;
+    successMessages: string[] | null;
     useVuetifyValidation: boolean;
-    customRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
     warningMessages: string[] | null;
-    successMessages: string[] | null;
-    hasError: boolean;
-    hasWarning: boolean;
-    hasSuccess: boolean;
     hideDetails: boolean;
     clearable: boolean;
     plainTextKey: string;

package/dist/components/Customs/Selects/SySelect/composables/useSySelectKeyboard.d.ts

@@ -10,6 +10,7 @@ export interface UseSySelectKeyboardOptions {
     getItemText: (item: unknown) => unknown;
     optionIdPrefix?: string;
     focusListItem?: boolean;
+    skipInitialFocus?: Ref<boolean>;
 }
 export declare function useSySelectKeyboard(options: UseSySelectKeyboardOptions): {
     activeDescendantId: Ref<string, string>;

package/dist/components/Customs/Selects/SySelect/composables/useSySelectValidation.d.ts

@@ -0,0 +1,15 @@
+import { FieldValidationProps } from '../../../../../composables/unifyValidation/useValidation';
+export declare function useSySelectValidation(props: FieldValidationProps & {
+    modelValue?: unknown;
+}): {
+    focused: import('vue').Ref<boolean, boolean>;
+    validate: (() => Promise<boolean>) | (() => Promise<boolean>);
+    clearValidation: (() => void) | (() => void);
+    errors: import('vue').Ref<string[], string[]> | import('vue').ComputedRef<string[]>;
+    warnings: import('vue').Ref<string[], string[]> | import('vue').ComputedRef<string[]>;
+    successes: import('vue').Ref<string[], string[]> | import('vue').ComputedRef<string[]>;
+    hasError: import('vue').ComputedRef<boolean> | import('vue').ComputedRef<boolean | undefined>;
+    hasWarning: import('vue').ComputedRef<boolean> | import('vue').ComputedRef<boolean | undefined>;
+    hasSuccess: import('vue').ComputedRef<boolean>;
+    validationIcon: import('vue').ComputedRef<string | null>;
+};

package/dist/components/Customs/SyCheckBoxGroup/SyCheckBoxGroup.d.ts

@@ -67,12 +67,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
     displayAsterisk: boolean;
-    isValidateOnBlur: boolean;
     customRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
     customSuccessRules: ValidationRule[];
-    warningMessages: string[] | null;
+    customWarningRules: ValidationRule[];
+    isValidateOnBlur: boolean;
     successMessages: string[] | null;
+    warningMessages: string[] | null;
     hideDetails: boolean | "auto";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     messagesRef: import('vue').CreateComponentPublicInstanceWithMixins<{

package/dist/components/Customs/SyCheckbox/SyCheckbox.d.ts

@@ -678,12 +678,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
     displayAsterisk: boolean;
-    isValidateOnBlur: boolean;
     customRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
     customSuccessRules: ValidationRule[];
-    warningMessages: string[] | null;
+    customWarningRules: ValidationRule[];
+    isValidateOnBlur: boolean;
     successMessages: string[] | null;
+    warningMessages: string[] | null;
     hideDetails: boolean | "auto";
     trueValue: true;
     falseValue: false;

package/dist/components/Customs/SyIconButton/SyIconButton.d.ts

@@ -0,0 +1,18 @@
+import { IconValue } from 'vuetify/lib/composables/icons.mjs';
+type Size = 'x-small' | 'small' | 'default' | 'large' | 'x-large';
+type Variant = 'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain';
+type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | (string & {});
+type __VLS_Props = {
+    icon: IconValue;
+    label: string;
+    color?: Color;
+    size?: Size;
+    disabled?: boolean;
+    variant?: Variant;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "click-icon-button": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClick-icon-button"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Customs/SyRadioGroup/SyRadioGroup.d.ts

@@ -1,34 +1,23 @@
 import { nextTick } from 'vue';
-import { ValidationRule } from '../../../composables/validation/useValidation';
+import { FieldValidationProps } from '../../../composables/unifyValidation/useValidation';
 type __VLS_Props = {
-    modelValue?: PropertyKey | null;
-    label?: string;
-    displayAsterisk?: boolean;
     ariaLabel?: string;
     ariaLabelledby?: string;
-    title?: string;
     color?: string;
-    disabled?: boolean;
-    readonly?: boolean;
-    hideDetails?: boolean | 'auto';
     density?: 'default' | 'comfortable' | 'compact';
+    displayAsterisk?: boolean;
+    helpText?: string;
+    hideDetails?: boolean | 'auto';
+    id?: string;
+    label?: string;
+    modelValue?: PropertyKey | null;
+    name?: string;
     options?: Array<{
         label: string;
         value: PropertyKey;
     }>;
-    name?: string;
-    id?: string;
-    required?: boolean;
-    errorMessages?: string[] | null;
-    warningMessages?: string[] | null;
-    successMessages?: string[] | null;
-    customRules?: ValidationRule[];
-    customWarningRules?: ValidationRule[];
-    customSuccessRules?: ValidationRule[];
-    showSuccessMessages?: boolean;
-    isValidateOnBlur?: boolean;
-    disableErrorHandling?: boolean;
-};
+    title?: string;
+} & FieldValidationProps;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -603,20 +592,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    validation: {
-        errors: import('vue').Ref<string[], string[]>;
-        warnings: import('vue').Ref<string[], string[]>;
-        successes: import('vue').Ref<string[], string[]>;
-        displaySuccesses: import('vue').ComputedRef<string[]>;
-        hasError: import('vue').ComputedRef<boolean>;
-        hasWarning: import('vue').ComputedRef<boolean>;
-        hasSuccess: import('vue').ComputedRef<boolean>;
-        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult | Promise<import('../../../composables/validation/useValidation').ValidationResult>;
-        validateOnSubmit: () => boolean;
-        clearValidation: () => void;
-    };
     validateOnSubmit: () => Promise<boolean>;
-    checkErrorOnBlur: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
@@ -643,13 +619,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
+    maxErrors: number;
     displayAsterisk: boolean;
+    helpText: string;
+    customRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    hasError: boolean;
+    hasSuccess: boolean;
+    hasWarning: boolean;
     isValidateOnBlur: boolean;
-    customRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
-    warningMessages: string[] | null;
     successMessages: string[] | null;
+    useVuetifyValidation: boolean;
+    warningMessages: string[] | null;
     hideDetails: boolean | "auto";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     radioGroupRef: ({

package/dist/components/Customs/SyRadioGroup/composables/useSyRadioGroupValidation.d.ts

@@ -0,0 +1,50 @@
+import { ComputedRef, Ref } from 'vue';
+import { FieldValidationProps, ValidationRule, VuetifyValidationRule } from '../../../../composables/unifyValidation/useValidation';
+export interface SyRadioGroupValidationProps extends FieldValidationProps {
+    modelValue?: PropertyKey | null;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    customRules?: ValidationRule[];
+    customWarningRules?: ValidationRule[];
+    customSuccessRules?: ValidationRule[];
+    isValidateOnBlur?: boolean;
+    showSuccessMessages?: boolean;
+    useVuetifyValidation?: boolean;
+    rules?: VuetifyValidationRule[];
+    errorMessages?: string[] | null;
+    warningMessages?: string[] | null;
+    successMessages?: string[] | null;
+    hasError?: boolean;
+    hasWarning?: boolean;
+    hasSuccess?: boolean;
+    maxErrors?: number;
+    disableErrorHandling?: boolean;
+    fieldIdentifier?: string;
+}
+export interface UseSyRadioGroupValidationReturn {
+    validate: () => Promise<boolean>;
+    validateOnSubmit: () => Promise<boolean>;
+    errors: Ref<string[]>;
+    warnings: Ref<string[]>;
+    successes: Ref<string[]>;
+    hasError: ComputedRef<boolean | undefined>;
+    hasWarning: ComputedRef<boolean | undefined>;
+    hasSuccess: ComputedRef<boolean | undefined>;
+    defaultRules: ComputedRef<ValidationRule[]>;
+    focused: Ref<boolean>;
+}
+/**
+ * Composable pour gérer la validation du composant SyRadioGroup
+ *
+ * Ce composable encapsule toute la logique de validation spécifique aux groupes de radios :
+ * - Validation required avec message personnalisé
+ * - Validation immédiate à la sélection (isValidateOnBlur = false par défaut)
+ * - Support des customRules, customWarningRules, customSuccessRules
+ * - Désactivation automatique des messages de succès en mode Vuetify
+ * - Intégration avec useValidation du design system
+ *
+ * @example
+ * const { validate, errors, hasError, defaultRules } = useSyRadioGroupValidation(props, model)
+ */
+export declare function useSyRadioGroupValidation(props: SyRadioGroupValidationProps, model: Ref<PropertyKey | null>, focused?: Ref<boolean>): UseSyRadioGroupValidationReturn;

package/dist/components/Customs/SyTextField/SyTextField.d.ts

@@ -1580,16 +1580,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     autocomplete: string;
     helpText: string;
     maxlength: string | number;
-    isValidateOnBlur: boolean;
-    useVuetifyValidation: boolean;
     customRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
     customSuccessRules: ValidationRule[];
-    warningMessages: string[] | null;
-    successMessages: string[] | null;
+    customWarningRules: ValidationRule[];
     hasError: boolean;
-    hasWarning: boolean;
     hasSuccess: boolean;
+    hasWarning: boolean;
+    isValidateOnBlur: boolean;
+    successMessages: string[] | null;
+    useVuetifyValidation: boolean;
+    warningMessages: string[] | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     syTextFieldRef: import('vue').CreateComponentPublicInstanceWithMixins<{
         style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;