@club-employes/utopia 4.305.0 → 4.307.0

package/README.md

@@ -335,7 +335,6 @@ const buttonProps: ButtonProps = {
 ## 📚 Documentation & Resources
 
 - 📖 **[Complete Documentation](https://ds-utopia.vercel.app/)** - Interactive examples and guides
-- 🎨 **[Storybook](https://main--673cf2b1e9d0b7c5f2b7b7e7.chromatic.com/)** - Component stories and visual tests
 - 🐙 **[GitHub Repository](https://github.com/club-employes/ds)** - Source code and issues
 - 📦 **[NPM Package](https://www.npmjs.com/package/@club-employes/utopia)** - Package details
 

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

@@ -0,0 +1,13 @@
+import { LoadingBannerProps, LoadingBannerProgress } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<LoadingBannerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (id?: string | undefined) => any;
+}, string, PublicProps, Readonly<LoadingBannerProps> & Readonly<{
+    onClose?: ((id?: string | undefined) => any) | undefined;
+}>, {
+    floating: boolean;
+    duration: number;
+    progressBar: "top" | "bottom" | false;
+    loadingProgress: LoadingBannerProgress;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/LoadingBanner/LoadingBannerContainer.d.ts

@@ -0,0 +1,11 @@
+import { LoadingBannerItem } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    items: LoadingBannerItem[];
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    dismiss: (id: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDismiss?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+export { default as LoadingBanner } from './LoadingBanner';
+export { LoadingBannerService, LoadingBannerServiceKey } from './loadingBannerService';
+export { useLoadingBanner } from './useLoadingBanner';
+export type { LoadingBannerProps, LoadingBannerOptions, LoadingBannerItem, LoadingBannerShowOptions, LoadingBannerProgress, LoadingBannerServiceOptions, LoadingBannerHandle, LoadingBannerPromiseOptions } from './types';
+export type { LoadingBannerServiceApi } from './loadingBannerService';

package/dist/components/molecules/LoadingBanner/loadingBannerService.d.ts

@@ -0,0 +1,18 @@
+import { App } from 'vue';
+import { LoadingBannerServiceOptions, LoadingBannerShowOptions, LoadingBannerHandle, LoadingBannerPromiseOptions } from './types';
+export type LoadingBannerServiceApi = {
+    loading: (content: string, options?: LoadingBannerShowOptions) => LoadingBannerHandle;
+    dismiss: (id: string) => void;
+    dismissLast: () => void;
+    dismissAll: () => void;
+    promise: <T>(p: Promise<T>, opts: LoadingBannerPromiseOptions<T>) => Promise<T>;
+};
+export declare const LoadingBannerService: {
+    install(app: App, options?: LoadingBannerServiceOptions): void;
+    readonly loading: (content: string, options?: LoadingBannerShowOptions) => LoadingBannerHandle;
+    readonly dismiss: (id: string) => void;
+    readonly dismissLast: () => void;
+    readonly dismissAll: () => void;
+    readonly promise: <T>(p: Promise<T>, opts: LoadingBannerPromiseOptions<T>) => Promise<T>;
+};
+export declare const LoadingBannerServiceKey: symbol;

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

@@ -0,0 +1,49 @@
+/** Mode d’animation de la barre du bandeau de chargement. */
+export type LoadingBannerProgress = 'loop' | 'fill';
+export interface LoadingBannerOptions {
+    title?: string;
+    content: string;
+    /** Fermeture auto (ms). 0 = pas de fermeture auto (défaut). */
+    duration?: number;
+    floating?: boolean;
+    progressBar?: 'top' | 'bottom' | false;
+    icon?: string;
+    loadingProgress?: LoadingBannerProgress;
+    /** 0–1 : barre « fill » déterministe ; ignoré en mode `loop`. */
+    loadingProgressValue?: number;
+    /**
+     * Durée d’un cycle de la barre « loop » (ms), entre 400 et 60000.
+     * Défaut 3000.
+     */
+    loadingLoopDurationMs?: number;
+    /**
+     * Durée d’un cycle de la barre « fill » indéterministe (ms).
+     * Ignoré si `loadingProgressValue` est défini. Défaut 3000.
+     */
+    loadingFillDurationMs?: number;
+}
+export interface LoadingBannerProps extends LoadingBannerOptions {
+    id?: string;
+}
+export interface LoadingBannerItem extends LoadingBannerOptions {
+    id: string;
+}
+/** Options passées en 2e argument de `loading()` (sans `content`). */
+export type LoadingBannerShowOptions = Omit<LoadingBannerOptions, 'content'>;
+export interface LoadingBannerHandle {
+    id: string;
+    dismiss: () => void;
+    update: (content: string, patch?: Partial<Omit<LoadingBannerOptions, 'content'>>) => void;
+}
+export interface LoadingBannerPromiseOptions<T = unknown> {
+    loading: string;
+    success: string | ((data: T) => string);
+    error: string | ((err: unknown) => string);
+    loadingOptions?: LoadingBannerShowOptions;
+}
+export interface LoadingBannerServiceOptions {
+    progressBar?: 'top' | 'bottom' | false;
+    floating?: boolean;
+    loadingLoopDurationMs?: number;
+    loadingFillDurationMs?: number;
+}

package/dist/components/molecules/LoadingBanner/useLoadingBanner.d.ts

@@ -0,0 +1,6 @@
+import { LoadingBannerServiceApi } from './loadingBannerService';
+/**
+ * Utilise l’API bandeau de chargement (Composition API).
+ * Nécessite : app.use(LoadingBannerService)
+ */
+export declare function useLoadingBanner(): LoadingBannerServiceApi;

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

@@ -110,7 +110,9 @@ declare const __VLS_component: DefineComponent<ModalProps, {}, {}, {}, {}, Compo
     disableScrollLock: boolean;
     showCloseButton: boolean;
     showHeader: boolean;
+    showHeaderBorder: boolean;
     showFooter: boolean;
+    showFooterBorder: boolean;
     showEnlargeLabel: boolean;
     focusTrap: boolean;
     blurBackdrop: boolean;

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

@@ -14,7 +14,11 @@ export interface ModalProps {
     closeOnOverlayClick?: boolean;
     showCloseButton?: boolean;
     showHeader?: boolean;
+    /** Bordure basse du bloc header (séparation avec le contenu). */
+    showHeaderBorder?: boolean;
     showFooter?: boolean;
+    /** Bordure haute du bloc footer (séparation avec le contenu). */
+    showFooterBorder?: boolean;
     showEnlargeLabel?: boolean;
     disableScrollLock?: boolean;
     focusTrap?: boolean;

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

@@ -49,6 +49,8 @@ export { ContactBloc } from './ContactBloc';
 export type { ContactBlocProps } from './ContactBloc';
 export { Toast, ToastService, ToastServiceKey, useToast } from './Toast';
 export type { ToastProps, ToastOptions, ToastItem, ToastAction, ToastPosition, ToastSize, ToastVariant, ToastServiceApi, ToastServiceOptions } from './Toast';
+export { LoadingBanner, LoadingBannerService, LoadingBannerServiceKey, useLoadingBanner } from './LoadingBanner';
+export type { LoadingBannerProps, LoadingBannerOptions, LoadingBannerItem, LoadingBannerShowOptions, LoadingBannerProgress, LoadingBannerServiceOptions, LoadingBannerHandle, LoadingBannerPromiseOptions, LoadingBannerServiceApi } from './LoadingBanner';
 export { EmptyState } from './EmptyState';
 export type { EmptyStateProps } from './EmptyState';
 export { UserCard } from './UserCard';

package/dist/components/organisms/AddressForm/AddressForm.d.ts

@@ -1,8 +1,9 @@
 import { AddressFormProps, AddressFormFieldConfig } from './types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = AddressFormProps;
 type __VLS_PublicProps = {
     modelValue: Record<string, any>;
+    'valid'?: boolean;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -16,10 +17,14 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<__VLS_PublicProps, {
     validate: () => boolean;
     validateField: (field: AddressFormFieldConfig) => boolean;
+    /** Lecture seule : même critère que `v-model:valid` */
+    isValid: ComputedRef<boolean>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: Record<string, any>) => any;
+    "update:valid": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+    "onUpdate:valid"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "small" | "extra-small" | "medium" | "large";
     disabled: boolean;

package/dist/components/organisms/AddressForm/types.d.ts

@@ -1,9 +1,9 @@
 import { InputTextProps } from '../../atoms/InputText/types';
-export type AddressFormFieldType = 'text' | 'postalCode' | 'country' | 'number' | 'email' | 'phone' | 'textarea';
+export type AddressFormFieldType = 'text' | 'postalCode' | 'country' | 'number' | 'email' | 'phone' | 'textarea' | 'checkbox';
 export interface AddressFormFieldConfig {
     /** Identifiant unique du champ (clé dans le model) */
     id: string;
-    /** Type de composant à afficher */
+    /** Type de composant à afficher (`checkbox` : valeur booléenne ; `required` = case obligatoirement cochée) */
     type: AddressFormFieldType;
     /** Libellé du champ */
     label?: string;
@@ -23,10 +23,19 @@ export interface AddressFormFieldConfig {
         required?: string;
         pattern?: string;
     };
-    /** Props supplémentaires pour le composant atom/molecule.
-     * On utilise any pour permettre la flexibilité totale lors du v-bind dynamique.
+    /**
+     * Props supplémentaires pour le composant atom/molecule (v-bind).
+     * `disabled`, `readonly`, `hideCountryDropdown`, `size` et `countryFieldId` peuvent être
+     * soit une valeur statique, soit une fonction `(formData) => value` où `formData` est le
+     * même objet que le `v-model` du formulaire (réévaluation à chaque rendu).
      */
-    componentProps?: any;
+    componentProps?: Record<string, unknown> & {
+        disabled?: boolean | ((formData: Record<string, unknown>) => boolean);
+        readonly?: boolean | ((formData: Record<string, unknown>) => boolean);
+        hideCountryDropdown?: boolean | ((formData: Record<string, unknown>) => boolean);
+        size?: InputTextProps['size'] | ((formData: Record<string, unknown>) => InputTextProps['size']);
+        countryFieldId?: string | ((formData: Record<string, unknown>) => string);
+    };
     /** Largeur flexible (flex-grow) */
     flex?: number;
 }
@@ -71,4 +80,9 @@ export interface AddressFormProps {
     disabled?: boolean;
     /** Lecture seule */
     readonly?: boolean;
+    /**
+     * Optionnel : liaison bidirectionnelle de la validité (`v-model:valid`).
+     * Mis à jour automatiquement quand le modèle ou les règles rendent le formulaire valide / invalide.
+     */
+    valid?: boolean;
 }

package/dist/components/organisms/Caroussel/Caroussel.d.ts

@@ -21,9 +21,9 @@ declare const __VLS_component: DefineComponent<CarousselProps, {}, {}, {}, {}, C
     autoplay: boolean;
     autoplayDelay: number;
     showDots: boolean;
+    loop: boolean;
     itemsPerView: number | CarousselBreakpoints;
     showArrows: boolean;
-    loop: boolean;
     peek: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     viewportRef: HTMLDivElement;

package/dist/index.d.ts

@@ -60,6 +60,9 @@ export type { HeaderNotificationsProps } from './components/molecules/HeaderNoti
 export type { ContactBlocProps } from './components/molecules/ContactBloc/types';
 export type { ToastProps, ToastOptions, ToastItem } from './components/molecules/Toast/types';
 export { ToastService, ToastServiceKey, useToast } from './components/molecules/Toast';
+export type { LoadingBannerProps, LoadingBannerOptions, LoadingBannerItem, LoadingBannerShowOptions, LoadingBannerProgress, LoadingBannerServiceOptions, LoadingBannerHandle, LoadingBannerPromiseOptions } from './components/molecules/LoadingBanner/types';
+export { LoadingBanner, LoadingBannerService, LoadingBannerServiceKey, useLoadingBanner } from './components/molecules/LoadingBanner';
+export type { LoadingBannerServiceApi } from './components/molecules/LoadingBanner';
 export type { ToastServiceApi, ToastServiceOptions } from './components/molecules/Toast';
 export type { EmptyStateProps } from './components/molecules/EmptyState/types';
 export type { SubventionCardProps } from './components/molecules/SubventionCard/types';