@club-employes/utopia 4.134.0 → 4.136.0

package/dist/components/molecules/DatePicker/CalendarGrid.d.ts

@@ -0,0 +1,19 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+}
+type __VLS_Props = {
+    weekDays: string[];
+    calendarDays: CalendarDay[];
+    draftSelectedDate: Date | null;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    dday?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "select-date": (date: Date) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onSelect-date"?: ((date: Date) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/DatePicker/CalendarHeader.d.ts

@@ -0,0 +1,13 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    currentMonthName: string;
+    canGoPrev: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    next: () => any;
+    prev: () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNext?: (() => any) | undefined;
+    onPrev?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -1,8 +1,9 @@
 import { DatePickerProps } from './types';
 import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function getDefaultDate(): Date;
 declare const _default: DefineComponent<DatePickerProps, {
     minDate: ComputedRef<Date>;
-    getDefaultDate: () => Date;
+    getDefaultDate: typeof getDefaultDate;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (value: string | Date | null) => any;
     "update:modelValue": (value: string | Date | null) => any;
@@ -15,15 +16,17 @@ declare const _default: DefineComponent<DatePickerProps, {
     size: "small" | "medium" | "large";
     disabled: boolean;
     modelValue: string | Date | null;
-    placeholder: string;
     state: "default" | "valid" | "error";
     readonly: boolean;
+    language: "fr" | "en";
     format: string;
     clearable: boolean;
-    enableTime: boolean;
-    use24HourFormat: boolean;
+    teleport: boolean;
     dday: boolean;
+    use24HourFormat: boolean;
     enableMinutes: boolean;
+    enableTime: boolean;
+    allowKeyboardInput: boolean;
     activationType: string;
     defaultDateOffsetHours: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {

package/dist/components/molecules/DatePicker/DatePickerFooter.d.ts

@@ -0,0 +1,13 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    formattedDraftDateDisplay: string;
+    enableTime: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: () => any;
+    confirm: () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/DatePicker/TimePickerSection.d.ts

@@ -0,0 +1,22 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    hour: number;
+    minute: number;
+    selectedPeriod: 'am' | 'pm';
+    use24HourFormat: boolean;
+    enableMinutes: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "increment-hour": () => any;
+    "decrement-hour": () => any;
+    "increment-minute": () => any;
+    "decrement-minute": () => any;
+    "toggle-period": () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onIncrement-hour"?: (() => any) | undefined;
+    "onDecrement-hour"?: (() => any) | undefined;
+    "onIncrement-minute"?: (() => any) | undefined;
+    "onDecrement-minute"?: (() => any) | undefined;
+    "onToggle-period"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/DatePicker/dateUtils.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Utilitaires date pour DatePicker : parsing, formatage, masque DD/MM/YYYY.
+ */
+/**
+ * Parse une chaîne ou Date. Les chaînes au format DD/MM/YYYY sont toujours interprétées
+ * en jour/mois/année (pas en MM/DD comme new Date() selon la locale).
+ */
+export declare function parseDate(value: string | Date | null): Date | null;
+/** Format date pour la saisie clavier (DD/MM/YYYY). */
+export declare function formatForInput(date: Date | null): string;
+/** Masque DD/MM/YYYY : uniquement chiffres (max 8), insertion auto des /. */
+export declare function applyDateMask(raw: string): string;
+/**
+ * Calcule la position du curseur après application du masque, en préservant
+ * la position "logique" (nombre de chiffres avant le curseur).
+ */
+export declare function getCursorPositionAfterMask(oldValue: string, oldStart: number, oldEnd: number, newValue: string): {
+    start: number;
+    end: number;
+};
+export declare function isSameDay(d1: Date, d2: Date): boolean;
+export declare function formatDateDisplay(date: Date, options: {
+    enableTime?: boolean;
+    use24HourFormat?: boolean;
+}): string;
+/** Jours du calendrier pour un mois donné (grille 6×7, jours précédant/suivant inclus). */
+export interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+}
+export declare function buildCalendarDays(year: number, month: number): CalendarDay[];
+export interface MinMaxTimeOptions {
+    dday?: boolean;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+}
+/** Contraintes min/max d'heure pour une date donnée (dday, minDate, maxDate). */
+export declare function getMinMaxTimeForDate(date: Date, options: MinMaxTimeOptions): {
+    minTime: Date | null;
+    maxTime: Date | null;
+};

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

@@ -9,6 +9,8 @@ export interface DatePickerProps {
     message?: string;
     size?: 'small' | 'medium' | 'large';
     format?: string;
+    /** Autoriser la saisie au clavier dans l'input (format selon format, contrôle de saisie) */
+    allowKeyboardInput?: boolean;
     minDate?: Date | string;
     maxDate?: Date | string;
     enableTime?: boolean;
@@ -17,4 +19,8 @@ export interface DatePickerProps {
     enableMinutes?: boolean;
     activationType?: string;
     defaultDateOffsetHours?: number;
+    /** Téléporter le calendrier dans body (à utiliser dans un modal/overlay pour éviter overflow ou z-index) */
+    teleport?: boolean;
+    language?: 'fr' | 'en';
+    minuteStep?: number;
 }

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

@@ -1,5 +1,5 @@
 export interface DropDownOption {
-    value: string | number | boolean;
+    value: string | number | boolean | null;
     label: string;
     secondaryLabel?: string;
     disabled?: boolean;

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

@@ -233,6 +233,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
     modelValue: File | File[] | null;
     id: string;
     multiple: boolean;
+    editorOptions: Record<string, unknown>;
     accept: string[];
     maxSize: number;
     maxFiles: number;
@@ -246,7 +247,6 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
     spinnerProps: Record<string, unknown>;
     allowAnyFileType: boolean;
     enableImageEditor: boolean;
-    editorOptions: Record<string, unknown>;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     fileNameInputRef: CreateComponentPublicInstanceWithMixins<Readonly< InputTextProps> & Readonly<{
         onInput?: ((event: Event) => any) | undefined;

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

@@ -0,0 +1,23 @@
+import { ImageEditorProps, ImageEditorOptions } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ImageEditorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    close: () => any;
+    "update:open": (value: boolean) => any;
+    save: (dataURL: string) => any;
+}, string, PublicProps, Readonly<ImageEditorProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onSave?: ((dataURL: string) => any) | undefined;
+}>, {
+    title: string;
+    open: boolean;
+    imageSrc: string | File | null;
+    editorOptions: Partial< ImageEditorOptions>;
+    cancelText: string;
+    saveText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    editorContainerRef: HTMLDivElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as ImageEditor } from './ImageEditor';
+export type { ImageEditorProps, ImageEditorEmits } from './types';

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

@@ -0,0 +1,47 @@
+export type ImageEditorMenuType = 'crop' | 'flip' | 'rotate' | 'draw' | 'shape' | 'icon' | 'text' | 'mask' | 'filter';
+export type ImageEditorMenuBarPosition = 'top' | 'bottom';
+export type ImageEditorTheme = Record<string, string>;
+export type ImageEditorUISize = Record<string, string | number>;
+export interface ImageEditorLoadImage {
+    path: string;
+    name: string;
+}
+export interface ImageEditorIncludeUI {
+    loadImage?: ImageEditorLoadImage;
+    theme?: ImageEditorTheme;
+    menu?: ImageEditorMenuType[];
+    initMenu?: ImageEditorMenuType;
+    uiSize?: ImageEditorUISize;
+    menuBarPosition?: ImageEditorMenuBarPosition;
+}
+export type ImageEditorSelectionStyle = Record<string, unknown>;
+export type ImageEditorFreeDrawing = Record<string, unknown>;
+export type ImageEditorText = Record<string, unknown>;
+export type ImageEditorFilters = Record<string, unknown>;
+export interface ImageEditorOptions {
+    includeUI?: ImageEditorIncludeUI;
+    cssMaxWidth?: number;
+    cssMaxHeight?: number;
+    selectionStyle?: ImageEditorSelectionStyle;
+    freeDrawing?: ImageEditorFreeDrawing;
+    text?: ImageEditorText;
+    filters?: ImageEditorFilters;
+    usageStatistics?: boolean;
+}
+/**
+ * Props du composant ImageEditor
+ */
+export interface ImageEditorProps {
+    open?: boolean;
+    imageSrc?: string | File | null;
+    editorOptions?: Partial<ImageEditorOptions>;
+    title?: string;
+    cancelText?: string;
+    saveText?: string;
+}
+export interface ImageEditorEmits {
+    (e: 'update:open', value: boolean): void;
+    (e: 'save', dataURL: string): void;
+    (e: 'cancel'): void;
+    (e: 'close'): void;
+}

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

@@ -6,6 +6,9 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         empty?(_: {}): any;
+        'header-tooltip'?(_: {
+            columnConfig: ColumnType;
+        }): any;
         'custom-cell'?(_: {
             data: any;
             columnConfig: any;

package/dist/components/organisms/Table/renderers/filters/BudgetFilterCell.d.ts

@@ -0,0 +1,15 @@
+import { ColumnType } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    column: ColumnType;
+    modelValue?: [number, number] | null;
+    language?: 'fr' | 'en';
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: [number, number]) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: [number, number]) => any) | undefined;
+}>, {
+    modelValue: [number, number] | null;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/Table/renderers/filters/HourFilterCell.d.ts

@@ -0,0 +1,13 @@
+import { ColumnType } from '../../types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    column: ColumnType;
+    modelValue: string | null;
+    filters?: Record<string, any>;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | null) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -11,7 +11,9 @@ export declare enum CellFilterType {
     DATE_RANGE = "dateRange",
     SELECT = "select",
     EMAIL = "email",
-    NUMBER = "number"
+    NUMBER = "number",
+    BUDGET = "budget",
+    HOUR = "hour"
 }
 export declare enum CellContentType {
     TEXT_IMAGE = "textImage",
@@ -25,7 +27,8 @@ export declare enum CellContentType {
     TOGGLE = "toggle",
     PROGRESS_BAR = "progressBar",
     ACTIONS = "actions",
-    CUSTOM = "custom"
+    CUSTOM = "custom",
+    BUDGET = "budget"
 }
 export type CellContent = TextImageContentType | DateContentType | DateRangeContentType | PriceContentType | TagContentType | DropdownContentType | ProgressBarContentType | ActionsContentType | ToggleContentType;
 export interface ColumnType {
@@ -79,6 +82,7 @@ export interface ColumnType {
     minWidth?: string;
     /** Alignement du contenu dans les cellules */
     align?: 'left' | 'center' | 'right';
+    hasHeaderTooltip?: boolean;
     /**
      * Colonne "gelée" (fixe lors du défilement horizontal).
      * ⚠️ **IMPORTANT** : Pour que cette propriété fonctionne, la prop `scrollable` du tableau doit être `true`.
@@ -334,7 +338,21 @@ export interface TableProps<T = Record<string, any>> {
     editable?: boolean;
     editMode?: 'cell' | 'row';
     editingRows?: object | undefined;
+    /**
+     * Classe CSS appliquée à chaque ligne en fonction de ses données.
+     * Utilisez `'utopia-table-row-error'` pour une ligne en fond rouge (ex: ligne erronée).
+     * @example
+     * ```vue
+     * <Table
+     *   :rowClass="(data) => data.errors?.length ? 'utopia-table-row-error' : ''"
+     *   :rowStyle="(data) => data.priority === 'high' ? { fontWeight: 'bold' } : {}"
+     * />
+     * ```
+     */
     rowClass?: (data: TableRowData<T>) => string | object;
+    /**
+     * Style inline appliqué à chaque ligne en fonction de ses données.
+     */
     rowStyle?: (data: TableRowData<T>) => object | object[];
     /**
      * Active le défilement vertical/horizontal du tableau.
@@ -435,11 +453,19 @@ export interface TextImageContentType {
 export interface TagContentType {
     key: string;
     size?: 'extra-small' | 'small' | 'medium' | 'large';
-    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
     ghost?: boolean;
-    options?: DropDownOption[];
+    options?: TagOption[];
     format?: (value: string) => string | number | boolean | null | undefined;
 }
+export interface TagOption {
+    value: string | number | boolean | null;
+    label: string;
+    disabled?: boolean;
+    color?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    textColor?: string;
+}
 export interface PriceContentType {
     key: string;
     price?: number;
@@ -520,6 +546,7 @@ export interface ActionContentType {
     disabled?: boolean;
     loading?: boolean;
     actionName?: string;
+    label?: string;
 }
 export interface ToggleContentType {
     key: string;

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

@@ -21,3 +21,5 @@ export { Transaction } from './Transaction';
 export type { TransactionProps } from './Transaction';
 export { MenuSection } from './MenuSection';
 export type { MenuSectionItem } from './MenuSection/types';
+export { ImageEditor } from './ImageEditor';
+export type { ImageEditorProps, ImageEditorEmits } from './ImageEditor';

package/dist/icons-list.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-02-04T18:15:13.196Z",
+  "generated": "2026-02-05T10:13:33.317Z",
   "count": 1239,
   "icons": [
     "Accessibility",