@club-employes/utopia 4.67.0 → 4.68.0

package/dist/components/molecules/DropDown/DropDown.d.ts

@@ -25,10 +25,10 @@ declare const _default: DefineComponent<DropDownProps, {}, {}, {}, {}, Component
     placeholder: string;
     state: "default" | "error" | "valid" | "incomplete" | "completed";
     readonly: boolean;
+    clearable: boolean;
     options: DropDownOption[];
     multiple: boolean;
     searchable: boolean;
-    clearable: boolean;
     maxHeight: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     triggerRef: HTMLButtonElement;

package/dist/components/molecules/InputPhone/InputPhone.d.ts

@@ -0,0 +1,245 @@
+import { DropDownOption, DropDownProps } from '../DropDown/types';
+import { InputPhoneProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives } from 'vue';
+import { InputTextProps } from '../../..';
+declare const _default: DefineComponent<InputPhoneProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    blur: () => any;
+    change: (value: string | null) => any;
+    focus: () => any;
+    "update:modelValue": (value: string | null) => any;
+    "country-change": (countryCode: string) => any;
+    "validity-change": (isValid: boolean) => any;
+}, string, PublicProps, Readonly<InputPhoneProps> & Readonly<{
+    onBlur?: (() => any) | undefined;
+    onChange?: ((value: string | null) => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+    "onCountry-change"?: ((countryCode: string) => any) | undefined;
+    "onValidity-change"?: ((isValid: boolean) => any) | undefined;
+}>, {
+    label: string;
+    error: string | boolean;
+    name: string;
+    size: "small" | "medium" | "large";
+    required: boolean;
+    success: boolean;
+    disabled: boolean;
+    modelValue: string | null;
+    placeholder: string;
+    id: string;
+    defaultCountry: string;
+    preferredCountries: string[];
+    searchPlaceholder: string;
+    helperText: string;
+    noResultsText: string;
+    example: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    controlRef: HTMLDivElement;
+    inputRef: CreateComponentPublicInstanceWithMixins<Readonly< InputTextProps> & Readonly<{
+        onInput?: ((event: Event) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onIcon-click"?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        input: (event: Event) => any;
+        blur: (event: FocusEvent) => any;
+        change: (event: Event) => any;
+        focus: (event: FocusEvent) => any;
+        keydown: (event: KeyboardEvent) => any;
+        paste: (event: ClipboardEvent) => any;
+        "update:modelValue": (value: string) => any;
+        "icon-click": (event: MouseEvent) => any;
+    }, PublicProps, {
+        label: string;
+        message: string;
+        size: "extra-small" | "small" | "medium" | "large";
+        icon: string;
+        type: "text" | "email" | "password" | "number" | "tel" | "url";
+        required: boolean;
+        disabled: boolean;
+        iconPosition: "left" | "right";
+        modelValue: string;
+        placeholder: string;
+        state: "default" | "error" | "valid" | "incomplete" | "completed";
+        readonly: boolean;
+        iconClickable: boolean;
+        step: number;
+        isCode: boolean;
+        forceModelValueOnBlur: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        inputRef: HTMLInputElement;
+    }, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< InputTextProps> & Readonly<{
+        onInput?: ((event: Event) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onIcon-click"?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        label: string;
+        message: string;
+        size: "extra-small" | "small" | "medium" | "large";
+        icon: string;
+        type: "text" | "email" | "password" | "number" | "tel" | "url";
+        required: boolean;
+        disabled: boolean;
+        iconPosition: "left" | "right";
+        modelValue: string;
+        placeholder: string;
+        state: "default" | "error" | "valid" | "incomplete" | "completed";
+        readonly: boolean;
+        iconClickable: boolean;
+        step: number;
+        isCode: boolean;
+        forceModelValueOnBlur: boolean;
+    }> | null;
+    countryDropdownRef: CreateComponentPublicInstanceWithMixins<Readonly< DropDownProps> & Readonly<{
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: string | number | (string | number)[]) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        blur: (event: FocusEvent) => any;
+        change: (value: string | number | (string | number)[]) => any;
+        close: () => any;
+        focus: (event: FocusEvent) => any;
+        "update:modelValue": (value: string | number | (string | number)[]) => any;
+        open: () => any;
+    }, PublicProps, {
+        label: string;
+        message: string;
+        size: "small" | "medium" | "large";
+        required: boolean;
+        disabled: boolean;
+        modelValue: string | number | (string | number)[];
+        placeholder: string;
+        state: "default" | "error" | "valid" | "incomplete" | "completed";
+        readonly: boolean;
+        clearable: boolean;
+        options: DropDownOption[];
+        multiple: boolean;
+        searchable: boolean;
+        maxHeight: string;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        triggerRef: HTMLButtonElement;
+        chipsScrollRef: HTMLDivElement;
+        menuRef: HTMLDivElement;
+        searchRef: CreateComponentPublicInstanceWithMixins<Readonly< InputTextProps> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onIcon-click"?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            input: (event: Event) => any;
+            blur: (event: FocusEvent) => any;
+            change: (event: Event) => any;
+            focus: (event: FocusEvent) => any;
+            keydown: (event: KeyboardEvent) => any;
+            paste: (event: ClipboardEvent) => any;
+            "update:modelValue": (value: string) => any;
+            "icon-click": (event: MouseEvent) => any;
+        }, PublicProps, {
+            label: string;
+            message: string;
+            size: "extra-small" | "small" | "medium" | "large";
+            icon: string;
+            type: "text" | "email" | "password" | "number" | "tel" | "url";
+            required: boolean;
+            disabled: boolean;
+            iconPosition: "left" | "right";
+            modelValue: string;
+            placeholder: string;
+            state: "default" | "error" | "valid" | "incomplete" | "completed";
+            readonly: boolean;
+            iconClickable: boolean;
+            step: number;
+            isCode: boolean;
+            forceModelValueOnBlur: boolean;
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+            inputRef: HTMLInputElement;
+        }, any, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly< InputTextProps> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onIcon-click"?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            label: string;
+            message: string;
+            size: "extra-small" | "small" | "medium" | "large";
+            icon: string;
+            type: "text" | "email" | "password" | "number" | "tel" | "url";
+            required: boolean;
+            disabled: boolean;
+            iconPosition: "left" | "right";
+            modelValue: string;
+            placeholder: string;
+            state: "default" | "error" | "valid" | "incomplete" | "completed";
+            readonly: boolean;
+            iconClickable: boolean;
+            step: number;
+            isCode: boolean;
+            forceModelValueOnBlur: boolean;
+        }> | null;
+    }, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DropDownProps> & Readonly<{
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: string | number | (string | number)[]) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        label: string;
+        message: string;
+        size: "small" | "medium" | "large";
+        required: boolean;
+        disabled: boolean;
+        modelValue: string | number | (string | number)[];
+        placeholder: string;
+        state: "default" | "error" | "valid" | "incomplete" | "completed";
+        readonly: boolean;
+        clearable: boolean;
+        options: DropDownOption[];
+        multiple: boolean;
+        searchable: boolean;
+        maxHeight: string;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/InputPhone/countries.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Liste des pays supportés par le composant InputPhone
+ * Triés par ordre alphabétique (français)
+ */
+export interface Country {
+    /** Code ISO 3166-1 alpha-2 (ex: FR, BE, US) */
+    code: string;
+    /** Nom du pays en français */
+    name: string;
+    /** Indicatif téléphonique sans le + (ex: 33, 1, 44) */
+    dialCode: string;
+    /** Emoji du drapeau */
+    flag: string;
+}
+/** Pays par défaut si aucun n'est détecté */
+export declare const DEFAULT_COUNTRY_CODE = "FR";
+/** Liste complète des pays supportés */
+export declare const COUNTRIES: Country[];
+/** Exemples de numéros par pays (format national) */
+export declare const PHONE_EXAMPLES: Record<string, string>;
+/**
+ * Trouve un pays par son code ISO
+ */
+export declare function findCountryByCode(code: string): Country | undefined;
+/**
+ * Vérifie si un code pays existe dans la liste
+ */
+export declare function isValidCountryCode(code: string): boolean;

package/dist/components/molecules/InputPhone/index.d.ts

@@ -0,0 +1,3 @@
+export { default as InputPhone } from './InputPhone';
+export { COUNTRIES, DEFAULT_COUNTRY_CODE, PHONE_EXAMPLES, findCountryByCode, isValidCountryCode, type Country } from './countries';
+export type { InputPhoneProps } from './types';

package/dist/components/molecules/InputPhone/types.d.ts

@@ -0,0 +1,18 @@
+export interface InputPhoneProps {
+    modelValue?: string | null;
+    defaultCountry?: string;
+    preferredCountries?: string[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    helperText?: string;
+    error?: string | boolean;
+    success?: boolean;
+    required?: boolean;
+    label?: string;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    noResultsText?: string;
+    example?: boolean;
+}

package/dist/components/molecules/index.d.ts

@@ -1,23 +1,24 @@
 export { BottomSheet } from './BottomSheet';
 export type { BottomSheetChangeReason, BottomSheetProps } from './BottomSheet/types';
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';
 export { DropDown } from './DropDown';
+export { DropFilter } from './DropFilter';
 export { FeedbackState } from './FeedbackState';
 export type { ErrorStateProps, FeedbackStateProps } from './FeedbackState/types';
 export { FilterChip } from './FilterChip';
 export type { FilterChipProps } from './FilterChip/types';
+export { FilterSelect, type FilterSelectOption, type FilterSelectProps } from './FilterSelect';
 export { InputCode } from './InputCode';
 export type { InputCodeProps } from './InputCode';
+export { InputPhone } from './InputPhone';
+export type { InputPhoneProps } from './InputPhone/types';
 export { Modal } from './Modal';
 export type { ModalChangeReason, ModalProps } from './Modal/types';
 export { PriceTag } from './PriceTag';
 export { SearchBox } from './SearchBox';
 export { Slider } from './Slider';
 export type { SlideType, SliderProps } from './Slider';
+export { Tab, Tabs } from './Tabs';
+export type { TabProps, TabsProps } from './Tabs/types';
 export { Tooltip } from './Tooltip';
-export { DropFilter } from './DropFilter';
-export { FilterSelect, type FilterSelectOption, type FilterSelectProps } from './FilterSelect';
-export { Tabs } from './Tabs';
-export { Tab } from './Tabs';
-export type { TabsProps, TabProps } from './Tabs/types';
-export { DatePicker } from './DatePicker';
-export type { DatePickerProps } from './DatePicker';

package/dist/icons-list.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2025-12-19T10:30:00.901Z",
+  "generated": "2025-12-19T10:44:22.733Z",
   "count": 1239,
   "icons": [
     "Accessibility",

package/dist/index.d.ts

@@ -16,25 +16,26 @@ export type { LogoProps } from './components/atoms/Logo/types';
 export type { SkeletonAvatarProps, SkeletonProps, SkeletonTextProps } from './components/atoms/Skeleton/types';
 export type { SwitchProps } from './components/atoms/Switch/types';
 export type { BottomSheetChangeReason, BottomSheetProps } from './components/molecules/BottomSheet/types';
+export type { DatePickerProps } from './components/molecules/DatePicker/types';
 export type { DropDownOption, DropDownProps } from './components/molecules/DropDown/types';
 export type { ErrorStateProps, FeedbackStateProps } from './components/molecules/FeedbackState/types';
 export type { FilterChipProps } from './components/molecules/FilterChip/types';
+export type { FilterSelectOption, FilterSelectProps } from './components/molecules/FilterSelect/types';
 export type { InputCodeProps } from './components/molecules/InputCode/types';
+export type { InputPhoneProps } from './components/molecules/InputPhone/types';
 export type { ModalChangeReason, ModalProps } from './components/molecules/Modal/types';
 export type { PriceTagProps } from './components/molecules/PriceTag/types';
 export type { TooltipProps } from './components/molecules/Tooltip/types';
-export type { FilterSelectOption, FilterSelectProps } from './components/molecules/FilterSelect/types';
-export type { DatePickerProps } from './components/molecules/DatePicker/types';
 export type { BreadcrumbsItem, BreadcrumbsProps } from './components/organisms/Breadcrumbs/types';
+export type { Filter, FilterGroupProps, Sort } from './components/organisms/FilterGroup/types';
 export type { FilterPriceProps } from './components/organisms/FilterPrice/types';
 export type { PageNavigationProps } from './components/organisms/PageNavigation/types';
 export type { ProductCardProps } from './components/organisms/ProductCard/types';
-export type { FilterGroupProps, Filter, Sort } from './components/organisms/FilterGroup/types';
 export type { AuthLayoutProps } from './components/layouts/AuthLayout/types';
 export { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
 export { gifteoDark, gifteoLight } from './themes/gifteo';
+export type { LoaderProps } from './components/templates/Loader/types';
 export { getActiveTheme, initializeTheme, isValidThemeName, unlockBrand, useBreakpoints, useCurrency, useFavicon, useScrollShadows, useTheme } from './composables';
 export type { ThemeName } from './composables/initializeTheme';
 export type { UseScrollShadowsOptions, UseScrollShadowsReturn } from './composables/useScrollShadows';
 export type { BrandTheme, ThemeMode } from './composables/useTheme';
-export type { LoaderProps } from './components/templates/Loader/types';