@cnamts/synapse 1.0.27 → 1.1.1

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

@@ -1,66 +1,5 @@
 import { nextTick, ComponentPublicInstance } from 'vue';
-import { IconType, VariantStyle, ColorType } from '@/types/vuetifyTypes';
-import { ValidationRule } from '../../../composables/validation/useValidation';
-import { FieldValidationProps } from '../../../composables/unifyValidation/useValidation';
-type __VLS_Props = {
-    modelValue?: string | number | null | undefined;
-    prependIcon?: IconType;
-    appendIcon?: IconType;
-    prependInnerIcon?: IconType;
-    appendInnerIcon?: IconType;
-    prependTooltip?: string;
-    appendTooltip?: string;
-    tooltipLocation?: 'top' | 'bottom' | 'start' | 'end';
-    variantStyle?: VariantStyle;
-    color?: ColorType;
-    isClearable?: boolean;
-    showDivider?: boolean;
-    label?: string;
-    readonly?: boolean;
-    isActive?: boolean;
-    baseColor?: string;
-    bgColor?: string;
-    centerAffix?: boolean;
-    counter?: string | number | boolean;
-    counterValue?: number | ((value: any) => number);
-    density?: 'default' | 'comfortable' | 'compact';
-    direction?: 'horizontal' | 'vertical';
-    isDirty?: boolean;
-    disabled?: boolean;
-    isFlat?: boolean;
-    isFocused?: boolean;
-    areDetailsHidden?: boolean | 'auto';
-    areSpinButtonsHidden?: boolean;
-    hint?: string;
-    id?: string;
-    loading?: string | boolean;
-    maxWidth?: string | number;
-    messages?: string | string[];
-    minWidth?: string | number;
-    name?: string;
-    displayPersistentClear?: boolean;
-    displayPersistentCounter?: boolean;
-    displayPersistentHint?: boolean;
-    displayPersistentPlaceholder?: boolean;
-    placeholder?: string;
-    prefix?: string;
-    isReversed?: boolean;
-    role?: string;
-    rounded?: string | number | boolean;
-    isOnSingleLine?: boolean;
-    suffix?: string;
-    theme?: string;
-    isTiled?: boolean;
-    type?: string;
-    width?: string | number;
-    displayAsterisk?: boolean;
-    noIcon?: boolean;
-    disableClickButton?: boolean;
-    autocomplete?: string;
-    helpText?: string;
-    maxlength?: string | number;
-    title?: string | false;
-} & FieldValidationProps;
+import { SyTextFieldProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -451,7 +390,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}`> & Omit<Omit<{
+        }, 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}`> & Omit<Omit<{
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -1188,7 +1127,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}`> & Omit<Omit<{
+        }, 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}`> & Omit<Omit<{
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -1498,8 +1437,8 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+declare const __VLS_component: import('vue').DefineComponent<SyTextFieldProps, {
+    validateOnSubmit: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     blur: (...args: any[]) => void;
@@ -1509,7 +1448,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     clear: (...args: any[]) => void;
     "prepend-icon-click": (...args: any[]) => void;
     "append-icon-click": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<SyTextFieldProps> & Readonly<{
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -1524,10 +1463,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     title: string | false;
     width: string | number;
     role: string;
-    color: ColorType;
+    color: import('./types').ColorType;
     theme: string;
     disabled: boolean;
     placeholder: string;
+    locales: Partial<import('./locales').SyTextFieldLocales>;
     density: "default" | "comfortable" | "compact";
     rounded: string | number | boolean;
     maxWidth: string | number;
@@ -1548,12 +1488,19 @@ 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[];
     prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
     appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
     prependTooltip: string;
     appendTooltip: string;
     tooltipLocation: "top" | "bottom" | "start" | "end";
-    variantStyle: VariantStyle;
+    variantStyle: import('./types').VariantStyle;
     isClearable: boolean;
     centerAffix: boolean;
     counter: string | number | boolean;
@@ -1562,7 +1509,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     isDirty: boolean;
     isFlat: boolean;
     isFocused: boolean;
-    areDetailsHidden: boolean | "auto";
     areSpinButtonsHidden: boolean;
     hint: string;
     messages: string | string[];
@@ -1580,15 +1526,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     autocomplete: string;
     helpText: string;
     maxlength: string | number;
-    customRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
-    hasError: boolean;
-    hasSuccess: boolean;
-    hasWarning: boolean;
+    hideDetails: boolean | "auto";
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
-    useVuetifyValidation: boolean;
     warningMessages: string[] | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     syTextFieldRef: import('vue').CreateComponentPublicInstanceWithMixins<{
@@ -1970,7 +1910,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}`> & Omit<Omit<{
+    }, 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}`> & Omit<Omit<{
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -2707,7 +2647,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}`> & Omit<Omit<{
+    }, 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}`> & Omit<Omit<{
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{

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

@@ -0,0 +1,7 @@
+export declare const locales: {
+    increment: (label?: string) => string;
+    decrement: (label?: string) => string;
+    clear: (label?: string) => string;
+    loading: (label?: string) => string;
+};
+export type SyTextFieldLocales = typeof locales;

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

@@ -1,4 +1,67 @@
-export type IconType = 'info' | 'success' | 'warning' | 'error' | 'close' | 'calendar' | undefined
-export type VariantStyle = 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled'
-export type ColorType = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error'
-export type ValidateOnType = 'eager' | 'lazy' | 'blur' | 'input' | 'submit' | 'invalid-input' | 'blur lazy' | 'input lazy' | 'submit lazy' | 'invalid-input lazy' | 'blur eager' | 'input eager' | 'submit eager' | 'invalid-input eager' | 'lazy blur' | 'lazy input' | 'lazy submit' | 'lazy invalid-input' | 'eager blur' | 'eager input' | 'eager submit' | 'eager invalid-input' | undefined
+import { FieldValidationProps } from '../../../composables/unifyValidation/useValidation';
+import { SyTextFieldLocales } from './locales';
+export type IconType = 'info' | 'success' | 'warning' | 'error' | 'close' | 'calendar' | undefined;
+export type VariantStyle = 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled';
+export type ColorType = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
+export type ValidateOnType = 'eager' | 'lazy' | 'blur' | 'input' | 'submit' | 'invalid-input' | 'blur lazy' | 'input lazy' | 'submit lazy' | 'invalid-input lazy' | 'blur eager' | 'input eager' | 'submit eager' | 'invalid-input eager' | 'lazy blur' | 'lazy input' | 'lazy submit' | 'lazy invalid-input' | 'eager blur' | 'eager input' | 'eager submit' | 'eager invalid-input' | undefined;
+export type SyTextFieldProps = {
+    modelValue?: string | number | null | undefined;
+    prependIcon?: IconType;
+    appendIcon?: IconType;
+    prependInnerIcon?: IconType;
+    appendInnerIcon?: IconType;
+    prependTooltip?: string;
+    appendTooltip?: string;
+    tooltipLocation?: 'top' | 'bottom' | 'start' | 'end';
+    variantStyle?: VariantStyle;
+    color?: ColorType;
+    isClearable?: boolean;
+    showDivider?: boolean;
+    label?: string;
+    readonly?: boolean;
+    isActive?: boolean;
+    baseColor?: string;
+    bgColor?: string;
+    centerAffix?: boolean;
+    counter?: string | number | boolean;
+    counterValue?: number | ((value: any) => number);
+    density?: 'default' | 'comfortable' | 'compact';
+    direction?: 'horizontal' | 'vertical';
+    isDirty?: boolean;
+    disabled?: boolean;
+    isFlat?: boolean;
+    isFocused?: boolean;
+    areSpinButtonsHidden?: boolean;
+    hint?: string;
+    id?: string;
+    loading?: string | boolean;
+    maxWidth?: string | number;
+    messages?: string | string[];
+    minWidth?: string | number;
+    name?: string;
+    displayPersistentClear?: boolean;
+    displayPersistentCounter?: boolean;
+    displayPersistentHint?: boolean;
+    displayPersistentPlaceholder?: boolean;
+    placeholder?: string;
+    prefix?: string;
+    isReversed?: boolean;
+    role?: string;
+    rounded?: string | number | boolean;
+    isOnSingleLine?: boolean;
+    suffix?: string;
+    theme?: string;
+    isTiled?: boolean;
+    type?: string;
+    width?: string | number;
+    displayAsterisk?: boolean;
+    noIcon?: boolean;
+    disableClickButton?: boolean;
+    autocomplete?: string;
+    helpText?: string;
+    maxlength?: string | number;
+    title?: string | false;
+    hideDetails?: boolean | 'auto';
+    /** Surcharge des libellés d'accessibilité (boutons +/-, vider, chargement). */
+    locales?: Partial<SyTextFieldLocales>;
+} & FieldValidationProps;

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

@@ -0,0 +1,23 @@
+import { Ref } from 'vue';
+/**
+ * Regroupe la logique propre au mode `type="number"` de SyTextField.
+ *
+ * Un champ number est rendu en `type=text` (+ `inputmode=decimal`) pour que `input.value`
+ * reste lisible et corrigeable sur tous les navigateurs (Chrome comme Firefox). L'incrément
+ * natif étant alors perdu, il est réimplémenté ici (flèches ↑/↓ + boutons +/-).
+ */
+export declare function useNumberField(params: {
+    type: Ref<string | undefined>;
+    disabled: Ref<boolean | undefined>;
+    readonly: Ref<boolean | undefined>;
+    model: Ref<string | number | null | undefined>;
+    attrs: Record<string, unknown>;
+}): {
+    isNumberField: import('vue').ComputedRef<boolean>;
+    nativeInputType: import('vue').ComputedRef<string | undefined>;
+    sanitizeNumberValue: (value: string | number | null | undefined) => string | number | null | undefined;
+    isAllowedNumberCharacter: (char: string) => boolean;
+    hasDisallowedNumberCharacter: (data: string) => boolean;
+    stepValue: (direction: 1 | -1) => void;
+    handleStepKeydown: (event: KeyboardEvent) => boolean;
+};

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

@@ -0,0 +1,38 @@
+import { Ref } from 'vue';
+import { ValidationRule as SyValidationRule, VuetifyValidationRule } from '../../../composables/unifyValidation/useValidation';
+export declare function useSyTextFieldValidation(params: {
+    modelValue: Ref<string | number | null | undefined>;
+    readonly: Ref<boolean>;
+    disabled: Ref<boolean>;
+    required: Ref<boolean>;
+    isValidateOnBlur: Ref<boolean>;
+    showSuccessMessages: Ref<boolean>;
+    disableErrorHandling: Ref<boolean>;
+    useVuetifyValidation: Ref<boolean>;
+    label: Ref<string | undefined>;
+    focused: Ref<boolean>;
+    customRules: Ref<SyValidationRule[]>;
+    customWarningRules: Ref<SyValidationRule[] | undefined>;
+    customSuccessRules: Ref<SyValidationRule[] | undefined>;
+    rules: Ref<VuetifyValidationRule[] | undefined>;
+    errorMessages: Ref<string[] | null | undefined>;
+    warningMessages: Ref<string[] | null | undefined>;
+    successMessages: Ref<string[] | null | undefined>;
+    hasErrorProp: Ref<boolean>;
+    hasWarningProp: Ref<boolean>;
+    hasSuccessProp: Ref<boolean>;
+    maxErrors: Ref<number>;
+}): {
+    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>;
+    iconColor: import('vue').ComputedRef<"success" | "warning" | "error" | "rgba(0, 0, 0, 1)">;
+    clearButtonColorClass: import('vue').ComputedRef<string>;
+    hasMessages: import('vue').ComputedRef<boolean>;
+    state: import('vue').ComputedRef<"default" | "success" | "warning" | "error">;
+    validate: () => Promise<boolean>;
+    clearValidation: () => void;
+};