npm - @cnamts/synapse - Versions diffs - 1.0.27 → 1.1.1 - Mend

@cnamts/synapse 1.0.27 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (621) hide show

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

@@ -4,15 +4,15 @@ export declare function useSyAutocompleteValidation(props: FieldValidationProps)
     focused: Ref<boolean, boolean>;
     hasInteracted: Ref<boolean, boolean>;
     markInteracted: () => void;
-    validate: (() => Promise<boolean>) | (() => Promise<boolean>);
-    clearValidation: (() => void) | (() => void);
+    validate: () => Promise<boolean>;
+    clearValidation: () => 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>;
+    displayHasError: import('vue').ComputedRef<boolean>;
+    displayHasWarning: import('vue').ComputedRef<boolean>;
     displayHasSuccess: import('vue').ComputedRef<boolean>;
     validationIcon: import('vue').ComputedRef<string | null>;
 };

package/dist/components/Customs/Selects/SyInputSelect/SyInputSelect.d.ts CHANGED Viewed

@@ -44,8 +44,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     valueKey: string;
     disableErrorHandling: boolean;
     errorMessages: string | string[];
-    displayAsterisk: boolean;
     customRules: ValidationRule[];
+    displayAsterisk: boolean;
     clearable: boolean;
     isHeaderToolbar: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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

@@ -44,7 +44,6 @@ declare function __VLS_template(): {
         append?(_: {}): any;
     };
     refs: {
-        labelRef: HTMLSpanElement;
         list: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -490,7 +489,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     isOpen: import('vue').Ref<boolean, boolean>;
     closeList: (event?: Event) => void;
-    validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+    validateOnSubmit: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "prepend-icon-click": (...args: any[]) => void;
@@ -522,6 +521,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
     maxErrors: number;
+    hasError: boolean;
+    hasWarning: boolean;
+    hasSuccess: boolean;
+    useVuetifyValidation: boolean;
+    customRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
     prependTooltip: string;
     appendTooltip: string;
     tooltipLocation: "top" | "bottom" | "start" | "end";
@@ -531,23 +537,15 @@ 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;
+    hideDetails: boolean;
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
-    useVuetifyValidation: boolean;
     warningMessages: string[] | null;
-    hideDetails: boolean;
     clearable: boolean;
     plainTextKey: string;
     chips: boolean;
     allowHtml: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    labelRef: HTMLSpanElement;
     list: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};

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

@@ -3,13 +3,13 @@ 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>;
+    validate: () => Promise<boolean>;
+    clearValidation: () => void;
+    errors: import('vue').ComputedRef<string[]>;
+    warnings: import('vue').ComputedRef<string[]>;
+    successes: import('vue').ComputedRef<string[]>;
+    hasError: import('vue').ComputedRef<boolean>;
+    hasWarning: import('vue').ComputedRef<boolean>;
     hasSuccess: import('vue').ComputedRef<boolean>;
     validationIcon: import('vue').ComputedRef<string | null>;
 };

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

@@ -1,51 +1,14 @@
-import { ValidationRule } from '../../../composables/validation/useValidation';
-import { Option } from './types';
-type __VLS_Props = {
-    ariaLabel?: string;
-    ariaLabelledby?: string;
-    color?: string;
-    customRules?: ValidationRule[];
-    customSuccessRules?: ValidationRule[];
-    customWarningRules?: ValidationRule[];
-    density?: 'default' | 'comfortable' | 'compact';
-    disabled?: boolean;
-    disableErrorHandling?: boolean;
-    displayAsterisk?: boolean;
-    errorMessages?: string[] | null;
-    hideDetails?: boolean | 'auto';
-    id?: string;
-    isValidateOnBlur?: boolean;
-    label?: string;
-    modelValue?: (string | number) | (string | number)[] | null;
-    multiple?: boolean;
-    name?: string;
-    options?: Option[];
-    readonly?: boolean;
-    required?: boolean;
-    showSuccessMessages?: boolean;
-    successMessages?: string[] | null;
-    title?: string;
-    warningMessages?: string[] | null;
-};
-declare const _default: 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;
-    };
+import { SyCheckBoxGroupProps } from './types';
+declare const _default: import('vue').DefineComponent<SyCheckBoxGroupProps, {
     validateOnSubmit: () => Promise<boolean>;
-    checkErrorOnBlur: () => void;
+    clearValidation: () => void;
+    reset: () => void;
+    defaultRules: import('vue').ComputedRef<import('../../../composables/unifyValidation/useValidation').ValidationRule[]>;
+    checkErrorOnBlur: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<SyCheckBoxGroupProps> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -58,7 +21,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     readonly: boolean;
     id: string;
     name: string;
-    options: Option[];
+    options: import('./types').Option[];
     modelValue: (string | number) | (string | number)[] | null;
     multiple: boolean;
     required: boolean;
@@ -66,14 +29,20 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
+    maxErrors: number;
+    hasError: boolean;
+    hasWarning: boolean;
+    hasSuccess: boolean;
+    useVuetifyValidation: boolean;
+    customRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
     displayAsterisk: boolean;
-    customRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
+    helpText: string;
+    hideDetails: boolean | "auto";
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
     warningMessages: string[] | null;
-    hideDetails: boolean | "auto";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     messagesRef: import('vue').CreateComponentPublicInstanceWithMixins<{
         style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;

package/dist/components/Customs/SyCheckBoxGroup/composables/useSyCheckBoxGroupValidation.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { ComputedRef, Ref } from 'vue';
+import { ValidationRule } from '../../../../composables/unifyValidation/useValidation';
+import { SyCheckBoxGroupValidationProps } from '../types';
+export interface UseSyCheckBoxGroupValidationReturn {
+    validate: () => Promise<boolean>;
+    validateOnSubmit: () => Promise<boolean>;
+    clearValidation: () => void;
+    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 SyCheckBoxGroup
+ *
+ * Ce composable encapsule toute la logique de validation spécifique aux groupes de checkboxes :
+ * - Validation required avec message personnalisé (supporte les modes single et multiple)
+ * - 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 } = useSyCheckBoxGroupValidation(props, model)
+ */
+export declare function useSyCheckBoxGroupValidation(props: SyCheckBoxGroupValidationProps, model: Ref<(string | number) | (string | number)[] | null>, focused?: Ref<boolean>): UseSyCheckBoxGroupValidationReturn;

package/dist/components/Customs/SyCheckBoxGroup/types.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { FieldValidationProps, ValidationRule, VuetifyValidationRule } from '../../../composables/unifyValidation/useValidation';
 export type Option = {
     label: string;
     value: string | number;
@@ -8,3 +9,48 @@ export type Option = {
     ariaLabel?: string;
     title?: string;
 };
+/**
+ * Props du composant SyCheckBoxGroup
+ */
+export interface SyCheckBoxGroupProps extends FieldValidationProps {
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    color?: string;
+    density?: 'default' | 'comfortable' | 'compact';
+    displayAsterisk?: boolean;
+    helpText?: string;
+    hideDetails?: boolean | 'auto';
+    id?: string;
+    label?: string;
+    modelValue?: (string | number) | (string | number)[] | null;
+    multiple?: boolean;
+    name?: string;
+    options?: Option[];
+    title?: string;
+}
+/**
+ * Props de validation étendant FieldValidationProps du système unifié
+ */
+export interface SyCheckBoxGroupValidationProps extends FieldValidationProps {
+    modelValue?: (string | number) | (string | number)[] | null;
+    multiple?: boolean;
+    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;
+}

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

@@ -1,36 +1,5 @@
-import { nextTick } from 'vue';
-import { ValidationRule } from '../../../composables/validation/useValidation';
-type __VLS_Props = {
-    modelValue?: boolean | null;
-    indeterminate?: boolean;
-    label?: string;
-    ariaLabel?: string;
-    ariaLabelledby?: string;
-    title?: string;
-    color?: string;
-    disabled?: boolean;
-    readonly?: boolean;
-    required?: boolean;
-    hideDetails?: boolean | 'auto';
-    density?: 'default' | 'comfortable' | 'compact';
-    errorMessages?: string[] | null;
-    warningMessages?: string[] | null;
-    successMessages?: string[] | null;
-    customRules?: ValidationRule[];
-    customWarningRules?: ValidationRule[];
-    customSuccessRules?: ValidationRule[];
-    showSuccessMessages?: boolean;
-    isValidateOnBlur?: boolean;
-    disableErrorHandling?: boolean;
-    id?: string;
-    name?: string;
-    value?: unknown;
-    trueValue?: unknown;
-    falseValue?: unknown;
-    controlsIds?: string[];
-    displayAsterisk?: boolean;
-    decorative?: boolean;
-};
+import { nextTick, Ref } from 'vue';
+import { SyCheckboxProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -452,7 +421,7 @@ declare function __VLS_template(): {
             } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -634,27 +603,17 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 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;
-    };
+declare const __VLS_component: import('vue').DefineComponent<SyCheckboxProps, {
     validateOnSubmit: () => Promise<boolean>;
-    checkErrorOnBlur: () => void;
+    clearValidation: () => void;
+    reset: () => void;
+    checkErrorOnBlur: () => Promise<boolean>;
     toggleMixed: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
     "update:indeterminate": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<SyCheckboxProps> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:indeterminate"?: ((...args: any[]) => any) | undefined;
@@ -677,14 +636,20 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
+    maxErrors: number;
+    hasError: boolean;
+    hasWarning: boolean;
+    hasSuccess: boolean;
+    useVuetifyValidation: boolean;
+    customRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
     displayAsterisk: boolean;
-    customRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
+    helpText: string;
+    hideDetails: boolean | "auto";
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
     warningMessages: string[] | null;
-    hideDetails: boolean | "auto";
     trueValue: true;
     falseValue: false;
     controlsIds: string[];
@@ -1102,7 +1067,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;

package/dist/components/Customs/SyCheckbox/composables/useSyCheckboxValidation.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { ComputedRef, Ref } from 'vue';
+import { ValidationRule } from '../../../../composables/unifyValidation/useValidation';
+import { SyCheckboxValidationProps } from '../types';
+export interface UseSyCheckboxValidationReturn {
+    validate: () => Promise<boolean>;
+    validateOnSubmit: () => Promise<boolean>;
+    clearValidation: () => void;
+    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 de validation du composant SyCheckbox
+ *
+ * Version simplifiée du système unifié : pour une case à cocher, « required » signifie
+ * que la case doit être cochée (`value === true`). On utilise donc une règle `custom`
+ * plutôt que la règle `required` générique, qui considère `false` comme une valeur valide.
+ *
+ * @example
+ * const { validate, errors, hasError } = useSyCheckboxValidation(props, model, focused)
+ */
+export declare function useSyCheckboxValidation(props: SyCheckboxValidationProps, model: Ref<boolean | null>, focused?: Ref<boolean>): UseSyCheckboxValidationReturn;

package/dist/components/Customs/SyCheckbox/types.d.ts ADDED Viewed

@@ -0,0 +1,49 @@
+import { FieldValidationProps, ValidationRule, VuetifyValidationRule } from '../../../composables/unifyValidation/useValidation';
+/**
+ * Props du composant SyCheckbox
+ */
+export interface SyCheckboxProps extends FieldValidationProps {
+    modelValue?: boolean | null;
+    indeterminate?: boolean;
+    label?: string;
+    helpText?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    title?: string;
+    color?: string;
+    hideDetails?: boolean | 'auto';
+    density?: 'default' | 'comfortable' | 'compact';
+    id?: string;
+    name?: string;
+    value?: unknown;
+    trueValue?: unknown;
+    falseValue?: unknown;
+    controlsIds?: string[];
+    displayAsterisk?: boolean;
+    decorative?: boolean;
+}
+/**
+ * Props de validation passées au composable dédié
+ */
+export interface SyCheckboxValidationProps extends FieldValidationProps {
+    modelValue?: boolean | null;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    label?: string;
+    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;
+}

package/dist/components/Customs/SyIcon/SyIcon.d.ts CHANGED Viewed

@@ -7,6 +7,82 @@ type __VLS_Props = {
     autoDetectButton?: boolean;
     color?: string;
     size?: string;
+    width?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    svg: import('vue').CreateComponentPublicInstanceWithMixins<{
+        style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    } & {
+        theme?: string | undefined;
+        class?: any;
+        color?: string | undefined;
+        icon?: IconValue | undefined;
+        opacity?: string | number | undefined;
+    } & {
+        $children?: {
+            default?: (() => import('vue').VNodeChild) | undefined;
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild) | import('vue').VNodeChild;
+        "v-slots"?: {
+            default?: false | (() => import('vue').VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        style: import('vue').StyleValue;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    }, true, {}, import('vue').SlotsType<Partial<{
+        default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {
+        style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    } & {
+        theme?: string | undefined;
+        class?: any;
+        color?: string | undefined;
+        icon?: IconValue | undefined;
+        opacity?: string | number | undefined;
+    } & {
+        $children?: {
+            default?: (() => import('vue').VNodeChild) | undefined;
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild) | import('vue').VNodeChild;
+        "v-slots"?: {
+            default?: false | (() => import('vue').VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+    }, {}, {}, {}, {}, {
+        style: import('vue').StyleValue;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    }> | null;
+}, any>;
 export default _default;

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

@@ -422,7 +422,7 @@ declare function __VLS_template(): {
             } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -620,19 +620,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     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;
+    hasSuccess: boolean;
+    useVuetifyValidation: boolean;
+    customRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    displayAsterisk: boolean;
+    helpText: string;
+    hideDetails: boolean | "auto";
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
-    useVuetifyValidation: boolean;
     warningMessages: string[] | null;
-    hideDetails: boolean | "auto";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     radioGroupRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -1031,7 +1031,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;

package/dist/components/Customs/SyTextField/FieldState.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    state?: 'default' | 'error' | 'success' | 'warning';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;