@club-employes/utopia 4.364.0 → 4.366.0

package/dist/components/atoms/RadioBox/types.d.ts

@@ -3,6 +3,7 @@ export interface RadioBoxProps {
     value?: any;
     name?: string;
     disabled?: boolean;
+    readonly?: boolean;
     size?: 'xs' | 'sm' | 'md';
     error?: boolean;
     caption?: string;

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

@@ -7,6 +7,6 @@ declare const _default: DefineComponent<DeliveryMethodCardProps, {}, {}, {}, {},
 }>, {
     disabled: boolean;
     active: boolean;
-    selectable: boolean;
+    readonly: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 export default _default;

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

@@ -3,7 +3,7 @@ export interface DeliveryMethodCardProps {
     description?: string;
     delay?: string;
     img?: string;
-    selectable?: boolean;
+    readonly?: boolean;
     selected?: boolean;
     /** Pre-formatted price, e.g. "3,30 €". When set, the card renders the
      *  summary layout (icon box + title + right-aligned price). The component

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

@@ -23,6 +23,7 @@ declare const __VLS_component: DefineComponent<RadioCardProps, {}, {}, {}, {}, C
     color: "primary" | "subvention" | "echeque";
     disabled: boolean;
     modelValue: any;
+    readonly: boolean;
     value: any;
     icon3dSize: number;
     iconAlignment: "start" | "center" | "end";

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

@@ -20,6 +20,7 @@ export interface RadioCardProps {
     icon3dSize?: number;
     iconAlignment?: 'start' | 'center' | 'end';
     disabled?: boolean;
+    readonly?: boolean;
     number?: string;
     bigPicto?: boolean;
     hideRadio?: boolean;

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

@@ -0,0 +1,40 @@
+import { TreeNode, TreeProps, TreeSelectionKey } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function expandAll(): void;
+declare function collapseAll(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<TreeProps, {
+    expandAll: typeof expandAll;
+    collapseAll: typeof collapseAll;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:expandedKeys": (val: Record<string, boolean>) => any;
+    "update:selectionKeys": (val: Record<string, TreeSelectionKey>) => any;
+    nodeChecked: (node: TreeNode) => any;
+    nodeUnchecked: (node: TreeNode) => any;
+    "update:filterValue": (val: string) => any;
+}, string, PublicProps, Readonly<TreeProps> & Readonly<{
+    "onUpdate:expandedKeys"?: ((val: Record<string, boolean>) => any) | undefined;
+    "onUpdate:selectionKeys"?: ((val: Record<string, TreeSelectionKey>) => any) | undefined;
+    onNodeChecked?: ((node: TreeNode) => any) | undefined;
+    onNodeUnchecked?: ((node: TreeNode) => any) | undefined;
+    "onUpdate:filterValue"?: ((val: string) => any) | undefined;
+}>, {
+    filter: boolean;
+    size: "sm" | "md" | "lg";
+    loading: boolean;
+    checkMode: "auto" | "manual";
+    filterMode: "lenient" | "strict";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/molecules/Tree/TreeNodeItem.d.ts

@@ -0,0 +1,28 @@
+import { TreeNode } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    node: TreeNode;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        [name: string]: (props: {
+            node: TreeNode;
+        }) => unknown;
+    }> & {
+        [name: string]: (props: {
+            node: TreeNode;
+        }) => unknown;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as Tree } from './Tree';
+export type { TreeNode, TreeSelectionKey, TreeProps } from './types';

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

@@ -0,0 +1,46 @@
+import { InjectionKey, Ref, ComputedRef } from 'vue';
+export interface TreeNode {
+    key: string;
+    label: string;
+    icon?: string;
+    data?: any;
+    type?: string;
+    styleClass?: string;
+    children?: TreeNode[];
+}
+export type TreeSelectionKey = {
+    checked: boolean;
+    partialChecked: boolean;
+};
+export interface TreeProps {
+    value: TreeNode[];
+    expandedKeys?: Record<string, boolean>;
+    selectionKeys?: Record<string, TreeSelectionKey>;
+    selectionMode?: 'checkbox';
+    checkMode?: 'auto' | 'manual';
+    loading?: boolean;
+    /** Affiche un champ de recherche au-dessus de l'arbre. */
+    filter?: boolean;
+    /** Valeur du filtre (v-model:filterValue). */
+    filterValue?: string;
+    /**
+     * Mode de filtrage.
+     * - `lenient` (défaut) : un nœud est affiché si lui-même OU l'un de ses descendants correspond.
+     * - `strict` : seuls les nœuds dont le label correspond sont affichés (sans leurs enfants).
+     */
+    filterMode?: 'lenient' | 'strict';
+    /** Placeholder du champ de recherche. */
+    filterPlaceholder?: string;
+    /** Taille des nœuds. */
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface TreeContext {
+    expandedKeys: Ref<Record<string, boolean>>;
+    selectionKeys: Ref<Record<string, TreeSelectionKey>>;
+    selectionMode: ComputedRef<'checkbox' | undefined>;
+    checkMode: ComputedRef<'auto' | 'manual'>;
+    size: ComputedRef<'sm' | 'md' | 'lg'>;
+    onToggle: (node: TreeNode) => void;
+    onCheck: (node: TreeNode) => void;
+}
+export declare const TREE_CONTEXT_KEY: InjectionKey<TreeContext>;

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

@@ -67,3 +67,5 @@ export { DateRange, type DateRangeProps, type DateRangeValue, type DateRangeTrig
 export { DeliveryMethodCard, type DeliveryMethodCardProps } from './DeliveryMethodCard';
 export { MyUserGroups } from './MyUserGroups';
 export type { MyUserGroupsProps } from './MyUserGroups';
+export { Tree } from './Tree';
+export type { TreeProps } from './Tree';

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

@@ -0,0 +1,6 @@
+import { CartConfirmationProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<CartConfirmationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CartConfirmationProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    cartConfirmationRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/CartConfirmation/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CartConfirmation } from './CartConfirmation';
+export type { CartConfirmationProps, CartConfirmationSavingColor } from './types';

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

@@ -0,0 +1,56 @@
+import { ProductRecapProps } from '../ProductRecap/types';
+/** A read-only info block — delivery/billing address or payment details.
+ *  `lines` are pre-formatted strings, each rendered as its own row. */
+export interface CartConfirmationInfoBlock {
+    title: string;
+    lines: string[];
+}
+/** Color of the leading bullet on a savings line. */
+export type CartConfirmationSavingColor = 'accent' | 'subvention' | 'echeque' | 'secondary';
+/** One line in the collapsible savings breakdown. */
+export interface CartConfirmationSavingLine {
+    label: string;
+    /** Pre-formatted amount, e.g. "-9,00 €". */
+    value: string;
+    color?: CartConfirmationSavingColor;
+}
+/** A totals row (sous-total / frais de livraison) with an optional struck old value. */
+export interface CartConfirmationSummaryRow {
+    label: string;
+    /** Pre-formatted current value, e.g. "21,50 €". */
+    value: string;
+    /** Pre-formatted previous value, rendered struck-through before `value`. */
+    oldValue?: string;
+}
+/** The blue collapsible "X € d'économisé" breakdown. Hidden when absent. */
+export interface CartConfirmationSavings {
+    /** e.g. "21 € d'économisé". */
+    label: string;
+    defaultExpanded?: boolean;
+    lines: CartConfirmationSavingLine[];
+}
+export interface CartConfirmationSummary {
+    /** Sous-total row — hidden when absent. */
+    subtotal?: CartConfirmationSummaryRow;
+    /** Frais de livraison row — hidden when absent. */
+    deliveryFee?: CartConfirmationSummaryRow;
+    total: {
+        label: string;
+        value: string;
+    };
+    /** Savings accordion — hidden when absent. */
+    savings?: CartConfirmationSavings;
+}
+export interface CartConfirmationProps {
+    loading?: boolean;
+    /** Section heading, e.g. "Récapitulatif de commande". */
+    title?: string;
+    /** Product rows. Rendered read-only (no stepper, no delete) by CartConfirmation. */
+    products?: ProductRecapProps[];
+    /** Delivery & billing address block. */
+    address?: CartConfirmationInfoBlock;
+    /** Payment details block. */
+    payment?: CartConfirmationInfoBlock;
+    /** Totals + savings column. */
+    summary?: CartConfirmationSummary;
+}

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

@@ -6,7 +6,9 @@ declare const _default: DefineComponent<ProductRecapProps, {}, {}, {}, {}, Compo
 }, string, PublicProps, Readonly<ProductRecapProps> & Readonly<{
     onDelete?: (() => any) | undefined;
     "onUpdate:quantity"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+}>, {
+    readonly: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
     recapRef: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;

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

@@ -1,5 +1,6 @@
 import { ChipVariant } from '../../atoms/Chip/types';
 import { ImageFits } from '../../atoms/DefaultImage/types';
+import { DeliveryMethodCardProps } from '../../molecules/DeliveryMethodCard/types';
 export interface ProductRecapImage {
     url: string;
     alt: string;
@@ -25,12 +26,18 @@ export interface ProductRecapPrice {
 }
 export interface ProductRecapProps {
     loading?: boolean;
+    /** Read-only mode: renders the quantity as text ("{quantityLabel} {quantity}")
+     *  instead of the interactive stepper, and suppresses the delete button. */
+    readonly?: boolean;
     id?: string;
     image?: ProductRecapImage;
     tag?: string;
     title?: string;
     description?: string;
     chips?: ProductRecapChip[];
+    delivery?: DeliveryMethodCardProps;
+    /** Label prefix shown before the quantity in read-only mode, e.g. "Qt :". */
+    quantityLabel?: string;
     quantity?: number;
     minQuantity?: number;
     maxQuantity?: number;

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

@@ -38,3 +38,4 @@ export { CustomCriteriaSection } from './CustomCriteriaSection';
 export type { CustomCriteriaSectionProps } from './CustomCriteriaSection';
 export { CustomCriterionV, CustomCriterionValuePreview } from './CustomCriterionV';
 export type { CustomCriterionVProps, CustomCriterionValueType } from './CustomCriterionV';
+export { CartConfirmation, type CartConfirmationProps, type CartConfirmationSavingColor } from './CartConfirmation';

package/dist/index.d.ts

@@ -101,11 +101,13 @@ export type { SummaryMetricCardProps } from './components/organisms/SummaryMetri
 export type { DeliveryMethodSelectorProps, DeliveryMethodProductRecap, DeliveryMethod } from './components/organisms/DeliveryMethodSelector/types';
 export type { CustomCriteriaSectionProps, CustomCriterion } from './components/organisms/CustomCriteriaSection/types';
 export type { CustomCriterionVProps, CustomCriterionValueType } from './components/organisms/CustomCriterionV/types';
+export type { CartConfirmationProps, CartConfirmationSavingColor } from './components/organisms/CartConfirmation/types';
 export type { AddressFormProps, AddressFormSchema, AddressFormSection } from './components/organisms/AddressForm/types';
 export type { CartPreviewProps, CartPreviewPrice, CartPreviewPriceLine } from './components/organisms/CartPreview/types';
 export type { CartPreviewItemProps } from './components/molecules/CartPreviewItem/types';
 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 { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
 export { gifteoDark, gifteoLight } from './themes/gifteo';
 export type { LoaderProps } from './components/templates/Loader/types';