@club-employes/utopia 4.330.0 → 4.332.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27,6 +27,10 @@ export interface DefaultImageProps {
27
27
  * @default 12
28
28
  */
29
29
  radius?: number;
30
+ /**
31
+ * Force a background color.
32
+ */
33
+ background?: 'gradient' | 'surface-card';
30
34
  /**
31
35
  * Whether to force the loading state.
32
36
  * @default false
@@ -0,0 +1,8 @@
1
+ import { CartStepperProps, CartStepperStep } from './types';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare const _default: DefineComponent<CartStepperProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
4
+ "step-click": (step: CartStepperStep) => any;
5
+ }, string, PublicProps, Readonly<CartStepperProps> & Readonly<{
6
+ "onStep-click"?: ((step: CartStepperStep) => any) | undefined;
7
+ }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
8
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as CartStepper } from './CartStepper';
2
+ export type { CartStepperProps, CartStepperStep } from './types';
@@ -0,0 +1,36 @@
1
+ import { IconName } from '../../atoms/Icon/types';
2
+ /**
3
+ * Étape unique du CartStepper.
4
+ */
5
+ export interface CartStepperStep {
6
+ /** Identifiant unique de l'étape — sert au matching avec currentStepKey et est renvoyé via step-click */
7
+ key: string;
8
+ /** Libellé affiché à droite de l'icône */
9
+ label: string;
10
+ /**
11
+ * Icône affichée pour cette étape lorsqu'elle est active ou déjà franchie.
12
+ * Cf. `IconName` (icônes locales ou `fa:solid:...` / `fa:regular:...`).
13
+ */
14
+ icon: IconName;
15
+ /**
16
+ * Variante d'icône pour l'état "à venir" (étape pas encore atteinte).
17
+ * Si omis, `icon` est réutilisé.
18
+ *
19
+ * Permet de matcher la convention Figma : icône pleine pour active/franchie,
20
+ * icône fine (regular) pour les étapes à venir.
21
+ */
22
+ iconUpcoming?: IconName;
23
+ }
24
+ export interface CartStepperProps {
25
+ /** Liste ordonnée des étapes. L'ordre du tableau définit la progression. */
26
+ steps: CartStepperStep[];
27
+ /**
28
+ * Clé de l'étape actuellement active.
29
+ * Les étapes situées avant celle-ci sont considérées comme franchies
30
+ * (rendues avec la même emphase que l'étape active).
31
+ *
32
+ * Si la clé ne correspond à aucune étape, toutes les étapes sont rendues
33
+ * comme "à venir".
34
+ */
35
+ currentStepKey: string;
36
+ }
@@ -6,6 +6,7 @@ declare const _default: DefineComponent<ProductImageProps, {}, {}, {}, {}, Compo
6
6
  "onToggle-favorite"?: (() => any) | undefined;
7
7
  }>, {
8
8
  disabled: boolean;
9
+ loading: boolean;
9
10
  aspectRatio: number;
10
11
  hoverZoom: boolean;
11
12
  images: ProductImageType[];
@@ -7,6 +7,7 @@ export interface ProductImageProps {
7
7
  images: ProductImageType[];
8
8
  isFavorite: boolean;
9
9
  aspectRatio?: number;
10
+ loading?: boolean;
10
11
  disabled?: boolean;
11
12
  hoverZoom?: boolean;
12
13
  }
@@ -22,6 +22,7 @@ declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentO
22
22
  "onSlide-change"?: ((index: number) => any) | undefined;
23
23
  }>, {
24
24
  disabled: boolean;
25
+ loading: boolean;
25
26
  modelValue: number;
26
27
  height: string;
27
28
  hoverZoom: boolean;
@@ -7,6 +7,7 @@ export interface SlideType {
7
7
  }
8
8
  export interface SliderProps {
9
9
  modelValue?: number;
10
+ loading?: boolean;
10
11
  slides: SlideType[];
11
12
  direction?: 'horizontal' | 'vertical';
12
13
  autoplay?: boolean;
@@ -64,5 +64,5 @@ export { TromboItem, TromboItemEmptyState } from './TromboItem';
64
64
  export type { TromboItemProps } from './TromboItem';
65
65
  export { CountryDropDown, countriesToDropDownOptions, countryDisplayName, countryLabelForCode, countryToDropDownOption, filterCountriesByCodes, orderedCountriesForPicker } from './CountryDropDown';
66
66
  export type { CountryDropDownBaseProps, CountryDropDownPassthroughProps, CountryDropDownProps } from './CountryDropDown';
67
- export { GrantSelect } from './GrantSelect';
68
- export type { GrantSelectProps } from './GrantSelect';
67
+ export { GrantSelect, type GrantSelectItemProps } from './GrantSelect';
68
+ export { CartStepper, type CartStepperProps, type CartStepperStep } from './CartStepper';
@@ -1,4 +1,4 @@
1
- import { OrderRecapProps } from './types';
1
+ import { OrderRecapProps, OrderRecapMessage } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
3
  declare const _default: DefineComponent<OrderRecapProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
4
4
  confirm: () => any;
@@ -22,6 +22,12 @@ export interface OrderRecapConfirm {
22
22
  loading?: boolean;
23
23
  disabled?: boolean;
24
24
  }
25
+ export interface OrderRecapMessage {
26
+ type: 'danger' | 'e-cheque';
27
+ title: string;
28
+ description: string;
29
+ active: boolean;
30
+ }
25
31
  export interface OrderRecapProps {
26
32
  title: string;
27
33
  publicPriceLabel: string;
@@ -17,6 +17,7 @@ declare const _default: DefineComponent<ProductCardProps, {}, {}, {}, {}, Compon
17
17
  id: string;
18
18
  }) => any) | undefined;
19
19
  }>, {
20
+ loading: boolean;
20
21
  currency: string;
21
22
  outOfStockLabel: string;
22
23
  imageUrl: string;
@@ -1,5 +1,6 @@
1
1
  export interface ProductCardProps {
2
2
  id: string;
3
+ loading?: boolean;
3
4
  title: string;
4
5
  description?: string;
5
6
  imageUrl: string;
@@ -1 +1,2 @@
1
1
  export { default as ProductRecap } from './ProductRecap';
2
+ export type { ProductRecapProps } from './types';
@@ -28,7 +28,5 @@ export { CartPreview } from './CartPreview';
28
28
  export type { CartPreviewProps, CartPreviewItemProps, CartPreviewPrice, CartPreviewPriceLine } from './CartPreview';
29
29
  export { AddressForm } from './AddressForm';
30
30
  export type { AddressFormProps, AddressFormSchema, AddressFormRow, AddressFormFieldConfig, AddressFormFieldType, AddressFormSection } from './AddressForm';
31
- export { ProductRecap } from './ProductRecap';
32
- export type { ProductRecapProps } from './ProductRecap';
33
- export { OrderRecap } from './OrderRecap';
34
- export type { OrderRecapProps, OrderRecapMessage } from './OrderRecap';
31
+ export { ProductRecap, type ProductRecapProps } from './ProductRecap';
32
+ export { OrderRecap, type OrderRecapProps, type OrderRecapMessage } from './OrderRecap';
package/dist/index.d.ts CHANGED
@@ -72,7 +72,8 @@ export { DownloadList } from './components/molecules/DownloadList';
72
72
  export type { DownloadListProps, DownloadListItem } from './components/molecules/DownloadList/types';
73
73
  export type { TromboItemProps } from './components/molecules/TromboItem/types';
74
74
  export type { CountryDropDownProps } from './components/molecules/CountryDropDown/types';
75
- export type { GrantSelectProps } from './components/molecules/GrantSelect/types';
75
+ export type { GrantSelectItemProps } from './components/molecules/GrantSelect/types';
76
+ export type { CartStepperProps, CartStepperStep } from './components/molecules/CartStepper/types';
76
77
  export { TromboItem, TromboItemEmptyState } from './components/molecules/TromboItem';
77
78
  export type { AuthLayoutProps } from './components/layouts/AuthLayout/types';
78
79
  export type { MfePageProps, ShyHeaderMode } from './components/layouts/MfePage/types';