@club-employes/utopia 4.74.0 → 4.76.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.
- package/dist/components/atoms/ProgressBar/ProgressBar.d.ts +3 -1
- package/dist/components/atoms/ProgressBar/types.d.ts +8 -0
- package/dist/components/molecules/DatePicker/DatePicker.d.ts +1 -0
- package/dist/components/molecules/DatePicker/types.d.ts +1 -0
- package/dist/components/molecules/InputPhone/InputPhone.d.ts +1 -2
- package/dist/components/molecules/InputPhone/countries.d.ts +9 -3
- package/dist/components/molecules/InputPhone/types.d.ts +1 -0
- package/dist/components/molecules/PriceTag/PriceTag.d.ts +1 -1
- package/dist/components/organisms/BalanceCard/BalanceCard.d.ts +1 -1
- package/dist/components/organisms/BalanceCardGroup/BalanceCardGroup.d.ts +1 -1
- package/dist/components/organisms/ProductCard/ProductCard.d.ts +1 -1
- package/dist/components/organisms/Table/Table.d.ts +1 -1
- package/dist/composables/index.d.ts +2 -0
- package/dist/composables/useCurrencyFormat.d.ts +14 -0
- package/dist/composables/useProgressBar.d.ts +22 -0
- package/dist/icons-list.json +1 -1
- package/dist/index.js +10041 -8309
- package/dist/utopia.css +1 -1
- package/package.json +1 -1
|
@@ -4,10 +4,12 @@ declare const _default: DefineComponent<ProgressBarProps, {}, {}, {}, {}, Compon
|
|
|
4
4
|
label: string;
|
|
5
5
|
size: "medium" | "large";
|
|
6
6
|
min: number;
|
|
7
|
-
value: number;
|
|
8
7
|
unit: string;
|
|
8
|
+
language: "fr" | "en";
|
|
9
|
+
value: number;
|
|
9
10
|
hideValue: boolean;
|
|
10
11
|
hideMax: boolean;
|
|
11
12
|
showPercentage: boolean;
|
|
13
|
+
inversed: boolean;
|
|
12
14
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
13
15
|
export default _default;
|
|
@@ -5,13 +5,21 @@ export interface ProgressBarProps {
|
|
|
5
5
|
max?: number;
|
|
6
6
|
unit?: string;
|
|
7
7
|
size?: 'medium' | 'large';
|
|
8
|
+
inversed?: boolean;
|
|
8
9
|
labelSize?: TextSize;
|
|
9
10
|
labelWeight?: TextWeight;
|
|
11
|
+
labelColor?: string;
|
|
10
12
|
valueSize?: TextSize;
|
|
11
13
|
valueWeight?: TextWeight;
|
|
14
|
+
valueColor?: string;
|
|
15
|
+
maxValueSize?: TextSize;
|
|
16
|
+
maxValueWeight?: TextWeight;
|
|
17
|
+
maxValueColor?: string;
|
|
18
|
+
language?: 'fr' | 'en';
|
|
12
19
|
label?: string;
|
|
13
20
|
hideValue?: boolean;
|
|
14
21
|
hideMax?: boolean;
|
|
15
22
|
showPercentage?: boolean;
|
|
16
23
|
loading?: boolean;
|
|
24
|
+
progressColor?: string;
|
|
17
25
|
}
|
|
@@ -19,6 +19,7 @@ declare const _default: DefineComponent<DatePickerProps, {}, {}, {}, {}, Compone
|
|
|
19
19
|
clearable: boolean;
|
|
20
20
|
enableTime: boolean;
|
|
21
21
|
use24HourFormat: boolean;
|
|
22
|
+
dday: boolean;
|
|
22
23
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
23
24
|
containerRef: HTMLDivElement;
|
|
24
25
|
triggerRef: HTMLDivElement;
|
|
@@ -27,11 +27,10 @@ declare const _default: DefineComponent<InputPhoneProps, {}, {}, {}, {}, Compone
|
|
|
27
27
|
modelValue: string | null;
|
|
28
28
|
placeholder: string;
|
|
29
29
|
id: string;
|
|
30
|
+
language: string;
|
|
30
31
|
defaultCountry: string;
|
|
31
32
|
preferredCountries: string[];
|
|
32
|
-
searchPlaceholder: string;
|
|
33
33
|
helperText: string;
|
|
34
|
-
noResultsText: string;
|
|
35
34
|
example: boolean;
|
|
36
35
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
37
36
|
containerRef: HTMLDivElement;
|
|
@@ -6,7 +6,9 @@ export interface Country {
|
|
|
6
6
|
/** Code ISO 3166-1 alpha-2 (ex: FR, BE, US) */
|
|
7
7
|
code: string;
|
|
8
8
|
/** Nom du pays en français */
|
|
9
|
-
name:
|
|
9
|
+
name: {
|
|
10
|
+
[key: string]: string;
|
|
11
|
+
};
|
|
10
12
|
/** Indicatif téléphonique sans le + (ex: 33, 1, 44) */
|
|
11
13
|
dialCode: string;
|
|
12
14
|
/** Emoji du drapeau */
|
|
@@ -16,8 +18,12 @@ export interface Country {
|
|
|
16
18
|
export declare const DEFAULT_COUNTRY_CODE = "FR";
|
|
17
19
|
/** Liste complète des pays supportés */
|
|
18
20
|
export declare const COUNTRIES: Country[];
|
|
19
|
-
/** Exemples de numéros par pays (format national)
|
|
20
|
-
|
|
21
|
+
/** Exemples de numéros par pays (format national)
|
|
22
|
+
* Peut être une string (exemple unique) ou un tableau (plusieurs exemples possibles)
|
|
23
|
+
* Pour les pays avec plusieurs préfixes mobiles (ex: Guadeloupe 0690, 0691),
|
|
24
|
+
* on peut fournir plusieurs exemples, le premier sera utilisé par défaut
|
|
25
|
+
*/
|
|
26
|
+
export declare const PHONE_EXAMPLES: Record<string, string | string[]>;
|
|
21
27
|
/**
|
|
22
28
|
* Trouve un pays par son code ISO
|
|
23
29
|
*/
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { PriceTagProps } from './types';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
3
|
declare const _default: DefineComponent<PriceTagProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PriceTagProps> & Readonly<{}>, {
|
|
4
|
+
language: "fr" | "en";
|
|
4
5
|
currency: string;
|
|
5
6
|
isDiscounted: boolean;
|
|
6
7
|
isSubventioned: boolean;
|
|
7
|
-
language: "fr" | "en";
|
|
8
8
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
9
9
|
export default _default;
|
|
@@ -17,8 +17,8 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
|
|
|
17
17
|
size: "small" | "medium" | "large";
|
|
18
18
|
variant: "default" | "primary" | "secondary";
|
|
19
19
|
disabled: boolean;
|
|
20
|
-
currency: string;
|
|
21
20
|
language: "fr" | "en";
|
|
21
|
+
currency: string;
|
|
22
22
|
expiredLabel: string;
|
|
23
23
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
24
24
|
titleRef: HTMLHeadingElement;
|
|
@@ -14,7 +14,7 @@ interface Props {
|
|
|
14
14
|
currency?: string;
|
|
15
15
|
}
|
|
16
16
|
declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
17
|
-
currency: string;
|
|
18
17
|
language: "fr" | "en";
|
|
18
|
+
currency: string;
|
|
19
19
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
20
20
|
export default _default;
|
|
@@ -17,8 +17,8 @@ declare const _default: DefineComponent<ProductCardProps, {}, {}, {}, {}, Compon
|
|
|
17
17
|
id: string;
|
|
18
18
|
}) => any) | undefined;
|
|
19
19
|
}>, {
|
|
20
|
-
currency: string;
|
|
21
20
|
language: "fr" | "en";
|
|
21
|
+
currency: string;
|
|
22
22
|
imageUrl: string;
|
|
23
23
|
available: boolean;
|
|
24
24
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
@@ -24,6 +24,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
|
|
|
24
24
|
data: any[];
|
|
25
25
|
size: "small" | "large";
|
|
26
26
|
loading: boolean;
|
|
27
|
+
language: string;
|
|
27
28
|
selection: any;
|
|
28
29
|
selectionMode: "single" | "multiple";
|
|
29
30
|
dataKey: string;
|
|
@@ -35,7 +36,6 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
|
|
|
35
36
|
searchable: boolean;
|
|
36
37
|
filterable: boolean;
|
|
37
38
|
editable: boolean;
|
|
38
|
-
language: string;
|
|
39
39
|
isCsvDataCheckMode: boolean;
|
|
40
40
|
filters: DataTableFilterMeta;
|
|
41
41
|
filterDisplay: "menu" | "row";
|
|
@@ -4,6 +4,8 @@ export { useScrollShadows, type UseScrollShadowsOptions, type UseScrollShadowsRe
|
|
|
4
4
|
export { useTheme, type BrandTheme, type ThemeMode } from './useTheme';
|
|
5
5
|
export { useBreakpoints } from './useBreakpoints';
|
|
6
6
|
export { useCurrency } from './useCurrency';
|
|
7
|
+
export { useCurrencyFormat, type UseCurrencyFormatOptions, type UseCurrencyFormatReturn } from './useCurrencyFormat';
|
|
8
|
+
export { useProgressBar, type UseProgressBarOptions, type UseProgressBarReturn } from './useProgressBar';
|
|
7
9
|
export { useTableTranslations, type TableLanguage } from './useTableTranslations';
|
|
8
10
|
export { useTableSelection, type SelectionMode, type UseTableSelectionOptions, type UseTableSelectionReturn } from './useTableSelection';
|
|
9
11
|
export { useTablePagination, type UseTablePaginationOptions, type UseTablePaginationReturn } from './useTablePagination';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComputedRef } from 'vue';
|
|
2
|
+
export interface UseCurrencyFormatOptions {
|
|
3
|
+
unit?: string;
|
|
4
|
+
language?: 'fr' | 'en';
|
|
5
|
+
}
|
|
6
|
+
export interface UseCurrencyFormatReturn {
|
|
7
|
+
isCurrency: ComputedRef<boolean>;
|
|
8
|
+
getLocale: () => string;
|
|
9
|
+
formatValue: (val: number, isMax?: boolean) => string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Composable pour gérer le formatage des devises et valeurs
|
|
13
|
+
*/
|
|
14
|
+
export declare function useCurrencyFormat(options?: UseCurrencyFormatOptions): UseCurrencyFormatReturn;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ComputedRef, MaybeRefOrGetter } from 'vue';
|
|
2
|
+
export interface UseProgressBarOptions {
|
|
3
|
+
value: MaybeRefOrGetter<number>;
|
|
4
|
+
min?: MaybeRefOrGetter<number>;
|
|
5
|
+
max?: MaybeRefOrGetter<number | undefined>;
|
|
6
|
+
unit?: MaybeRefOrGetter<string>;
|
|
7
|
+
language?: MaybeRefOrGetter<'fr' | 'en'>;
|
|
8
|
+
inversed?: MaybeRefOrGetter<boolean>;
|
|
9
|
+
showPercentage?: MaybeRefOrGetter<boolean>;
|
|
10
|
+
hideMax?: MaybeRefOrGetter<boolean>;
|
|
11
|
+
}
|
|
12
|
+
export interface UseProgressBarReturn {
|
|
13
|
+
effectiveMax: ComputedRef<number>;
|
|
14
|
+
percentage: ComputedRef<number>;
|
|
15
|
+
leftValue: ComputedRef<string>;
|
|
16
|
+
rightLabel: ComputedRef<string | null>;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Composable pour gérer la logique métier de ProgressBar
|
|
20
|
+
* Supporte les valeurs réactives (refs, getters, ou valeurs statiques)
|
|
21
|
+
*/
|
|
22
|
+
export declare function useProgressBar(options: UseProgressBarOptions): UseProgressBarReturn;
|
package/dist/icons-list.json
CHANGED