@cnamts/synapse 1.1.0 → 1.1.1

package/dist/components/PhoneField/locales.d.ts

@@ -2,4 +2,11 @@ export declare const locales: {
     label: string;
     indicatifLabel: string;
     phoneNumberWithoutCountryLabel: string;
+    errorLength: (length: number) => string;
+    errorRequired: (fieldIdentifier: string) => string;
+    success: (fieldIdentifier: string) => string;
+    clearButtonAriaLabel: string;
+    clearButtonAriaLabelWithField: (fieldIdentifier: string) => string;
+    clearButtonTitle: string;
+    clearButtonTitleWithField: (fieldIdentifier: string) => string;
 };

package/dist/components/PhoneField/types.d.ts

@@ -0,0 +1,29 @@
+import { FieldValidationProps } from '../../composables/unifyValidation/useValidation';
+import { locales as defaultLocales } from './locales';
+export type DisplayFormat = 'code' | 'code-abbreviation' | 'code-country' | 'country' | 'abbreviation';
+export type Indicatif = {
+    code: string;
+    abbreviation: string;
+    country: string;
+    countryFr?: string;
+    mask?: string;
+    phoneLength?: number;
+};
+export type PhoneFieldProps = FieldValidationProps & {
+    modelValue?: string;
+    isClearable?: boolean;
+    dialCodeModel?: string | Indicatif;
+    outlined?: boolean;
+    withCountryCode?: boolean;
+    displayFormat?: DisplayFormat;
+    customIndicatifs?: Indicatif[];
+    useCustomIndicatifsOnly?: boolean;
+    displayAsterisk?: boolean;
+    bgColor?: string;
+    helpText?: string;
+    hideDetails?: boolean;
+    autocompleteCountryCode?: string;
+    autocompletePhone?: string;
+    withoutFieldset?: boolean;
+    locales?: typeof defaultLocales;
+};

package/dist/components/PhoneField/usePhoneFieldValidation.d.ts

@@ -0,0 +1,45 @@
+import { ValidationRule } from '../../composables/validation/useValidation';
+import { Ref } from 'vue';
+import { locales } from './locales';
+import { VuetifyValidationRule } from '../../composables/unifyValidation/useValidation';
+import { Indicatif } from './types';
+export declare function usePhoneFieldValidation(params: {
+    modelValue: Ref<string>;
+    readonly: Ref<boolean>;
+    disabled: Ref<boolean>;
+    required: Ref<boolean>;
+    counter: Ref<number>;
+    phoneFieldIdentifier: Ref<string>;
+    shouldDisableErrorHandling: Ref<boolean>;
+    hasError: Ref<boolean>;
+    hasWarning: Ref<boolean>;
+    hasSuccess: Ref<boolean>;
+    showSuccessMessages: Ref<boolean>;
+    disableErrorHandling: Ref<boolean>;
+    isValidateOnBlur: Ref<boolean>;
+    focused: Ref<boolean>;
+    customRules: Ref<ValidationRule[]>;
+    warningRules?: Ref<ValidationRule[]>;
+    successRules?: Ref<ValidationRule[]>;
+    rules?: Ref<VuetifyValidationRule[] | undefined>;
+    errorMessages?: Ref<string[] | null | undefined>;
+    warningMessages?: Ref<string[] | null | undefined>;
+    successMessages?: Ref<string[] | null | undefined>;
+    locales: Ref<typeof locales>;
+    useVuetifyValidation?: Ref<boolean>;
+    dialCode?: Ref<Indicatif>;
+    withCountryCode?: Ref<boolean>;
+}): {
+    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<"#222324" | "success" | "warning" | "error">;
+    clearButtonColorClass: import('vue').ComputedRef<"text-iconBase" | "success-field" | "warning-field" | "error-field">;
+    validationRules: import('vue').ComputedRef<ValidationRule[]>;
+    state: import('vue').ComputedRef<"default" | "success" | "warning" | "error">;
+    validate: () => Promise<boolean>;
+    clearValidation: () => void;
+};