@club-employes/utopia 4.420.0 → 4.422.0

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

@@ -0,0 +1,12 @@
+import { OfferCardProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<OfferCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    action: (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<OfferCardProps> & Readonly<{
+    onAction?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    offerCardRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OfferCard } from './OfferCard';
+export type { OfferCardProps, OfferCardMeta, OfferCardMetaTone } from './types';

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

@@ -0,0 +1,41 @@
+import { IconName } from '../../atoms/Icon/types';
+/**
+ * Tonalité d'un fait secondaire de la zone meta.
+ * - `muted` : information neutre (défaut)
+ * - `warning` : information à surveiller (échéance proche, quota presque épuisé)
+ */
+export type OfferCardMetaTone = 'muted' | 'warning';
+/** Un fait secondaire affiché en bas de carte. */
+export interface OfferCardMeta {
+    /** Libellé déjà formaté par l'appelant (ex. « Jusqu'à 10,00 € / demande »). */
+    label: string;
+    /** Icône optionnelle affichée à gauche du libellé. */
+    icon?: IconName;
+    /** Tonalité visuelle du fait. */
+    tone?: OfferCardMetaTone;
+}
+export interface OfferCardProps {
+    /** Titre de l'offre (ex. « Billetterie — Offre Wassim »). */
+    title: string;
+    /** Sous-titre sous le titre (ex. « Catégorie : Billetterie »). */
+    subtitle?: string;
+    /** Icône de l'en-tête, affichée dans son cartouche. */
+    icon?: IconName;
+    /** Montant restant, déjà formaté (ex. « 65,00 € »). */
+    amount?: string;
+    /** Précision accolée au montant, déjà formatée (ex. « restants sur 100,00 € »). */
+    amountHint?: string;
+    /** Remplissage de la barre de progression, en pourcentage (0–100). */
+    progressPercentage?: number;
+    /** Faits secondaires affichés en bas de carte, dans l'ordre fourni. */
+    metas?: OfferCardMeta[];
+    /**
+     * Offre indisponible : la carte est atténuée et le bouton d'action est
+     * désactivé. Les faits secondaires perdent leur tonalité `warning`.
+     */
+    disabled?: boolean;
+    /** Libellé du bouton d'action. Par défaut : socle i18n (`offerCard.action`). */
+    actionLabel?: string;
+    /** Langue. Aucun défaut statique : prop > locale globale > `fr`. */
+    language?: 'fr' | 'en';
+}

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

@@ -74,3 +74,5 @@ export { Tree } from './Tree';
 export type { TreeProps } from './Tree';
 export { VerticalStepper } from './VerticalStepper';
 export type { VerticalStepperProps, VerticalStep, VerticalStepStatus, VerticalStepperStatus } from './VerticalStepper';
+export { OfferCard } from './OfferCard';
+export type { OfferCardProps, OfferCardMeta, OfferCardMetaTone } from './OfferCard';

package/dist/i18n/messages/fr.d.ts

@@ -386,6 +386,9 @@ declare const _default: {
         editGroup: string;
         deleteGroup: string;
     };
+    offerCard: {
+        action: string;
+    };
     optionSelect: {
         placeholder: string;
         outOfStock: string;

package/dist/index.d.ts

@@ -112,6 +112,7 @@ export { MyUserGroups } from './components/molecules/MyUserGroups';
 export type { MyUserGroupsProps, UserGroupCriterion } from './components/molecules/MyUserGroups/types';
 export type { TreeProps, TreeNode, TreeSelectionKey } from './components/molecules/Tree/types';
 export type { VerticalStepperProps, VerticalStep, VerticalStepStatus, VerticalStepperStatus } from './components/molecules/VerticalStepper/types';
+export type { OfferCardProps, OfferCardMeta, OfferCardMetaTone } from './components/molecules/OfferCard/types';
 export { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
 export { gifteoDark, gifteoLight } from './themes/gifteo';
 export type { LoaderProps } from './components/templates/Loader/types';