@club-employes/utopia 4.69.0 → 4.71.0

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

@@ -0,0 +1,310 @@
+import { DropFileProps, DropFileVariant } from './types';
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent } from 'vue';
+import { InputTextProps, ButtonProps } from '../../..';
+type __VLS_Props = DropFileProps & {
+    enableImageEditor?: boolean;
+    editorOptions?: Record<string, unknown>;
+};
+/**
+ * Ouvre le dialogue de sélection de fichiers
+ */
+declare function handleOpenFileDialog(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'upload-icon'?(_: {}): any;
+        'no-files-area'?(_: {
+            selectFile: typeof handleOpenFileDialog;
+        }): any;
+        'files-area'?(_: {
+            filesData: {
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                };
+                id: string;
+                url?: string | undefined;
+            }[];
+        }): any;
+        'file-item'?(_: {
+            file: {
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                };
+                id: string;
+                url?: string | undefined;
+            };
+        }): any;
+        'file-item'?(_: {
+            file: {
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                };
+                id: string;
+                url?: string | undefined;
+            };
+        }): any;
+        'file-item'?(_: {
+            file: {
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                };
+                id: string;
+                url?: string | undefined;
+            };
+        }): any;
+        'file-item'?(_: {
+            file: {
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                };
+                id: string;
+                url?: string | undefined;
+            };
+        }): any;
+        'file-item'?(_: {
+            file: {
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                };
+                id: string;
+                url?: string | undefined;
+            };
+        }): any;
+    };
+    refs: {
+        fileNameInputRef: CreateComponentPublicInstanceWithMixins<Readonly< InputTextProps> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onIcon-click"?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            input: (event: Event) => any;
+            blur: (event: FocusEvent) => any;
+            change: (event: Event) => any;
+            focus: (event: FocusEvent) => any;
+            keydown: (event: KeyboardEvent) => any;
+            paste: (event: ClipboardEvent) => any;
+            "update:modelValue": (value: string) => any;
+            "icon-click": (event: MouseEvent) => any;
+        }, PublicProps, {
+            label: string;
+            message: string;
+            size: "extra-small" | "small" | "medium" | "large";
+            icon: string;
+            type: "text" | "email" | "password" | "number" | "tel" | "url";
+            required: boolean;
+            disabled: boolean;
+            iconPosition: "left" | "right";
+            modelValue: string;
+            placeholder: string;
+            state: "default" | "error" | "valid" | "incomplete" | "completed";
+            readonly: boolean;
+            iconClickable: boolean;
+            step: number;
+            isCode: boolean;
+            forceModelValueOnBlur: boolean;
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+            inputRef: HTMLInputElement;
+        }, any, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly< InputTextProps> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onIcon-click"?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            label: string;
+            message: string;
+            size: "extra-small" | "small" | "medium" | "large";
+            icon: string;
+            type: "text" | "email" | "password" | "number" | "tel" | "url";
+            required: boolean;
+            disabled: boolean;
+            iconPosition: "left" | "right";
+            modelValue: string;
+            placeholder: string;
+            state: "default" | "error" | "valid" | "incomplete" | "completed";
+            readonly: boolean;
+            iconClickable: boolean;
+            step: number;
+            isCode: boolean;
+            forceModelValueOnBlur: boolean;
+        }> | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
+    required: boolean;
+    variant: DropFileVariant;
+    disabled: boolean;
+    modelValue: File | File[] | null;
+    id: string;
+    multiple: boolean;
+    accept: string[];
+    maxSize: number;
+    maxFiles: number;
+    showPreview: boolean;
+    recommendedRatio: string;
+    recommendedSize: string;
+    minSize: number;
+    allowDuplicates: boolean;
+    preventDefaultForUnhandled: boolean;
+    removeFileBtnProps: Partial< ButtonProps>;
+    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;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onIcon-click"?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        input: (event: Event) => any;
+        blur: (event: FocusEvent) => any;
+        change: (event: Event) => any;
+        focus: (event: FocusEvent) => any;
+        keydown: (event: KeyboardEvent) => any;
+        paste: (event: ClipboardEvent) => any;
+        "update:modelValue": (value: string) => any;
+        "icon-click": (event: MouseEvent) => any;
+    }, PublicProps, {
+        label: string;
+        message: string;
+        size: "extra-small" | "small" | "medium" | "large";
+        icon: string;
+        type: "text" | "email" | "password" | "number" | "tel" | "url";
+        required: boolean;
+        disabled: boolean;
+        iconPosition: "left" | "right";
+        modelValue: string;
+        placeholder: string;
+        state: "default" | "error" | "valid" | "incomplete" | "completed";
+        readonly: boolean;
+        iconClickable: boolean;
+        step: number;
+        isCode: boolean;
+        forceModelValueOnBlur: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        inputRef: HTMLInputElement;
+    }, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< InputTextProps> & Readonly<{
+        onInput?: ((event: Event) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onIcon-click"?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        label: string;
+        message: string;
+        size: "extra-small" | "small" | "medium" | "large";
+        icon: string;
+        type: "text" | "email" | "password" | "number" | "tel" | "url";
+        required: boolean;
+        disabled: boolean;
+        iconPosition: "left" | "right";
+        modelValue: string;
+        placeholder: string;
+        state: "default" | "error" | "valid" | "incomplete" | "completed";
+        readonly: boolean;
+        iconClickable: boolean;
+        step: number;
+        isCode: boolean;
+        forceModelValueOnBlur: boolean;
+    }> | null;
+}, 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/organisms/DropFile/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DropFile } from './DropFile';
+export type { DropFileProps, DropFileVariant, DropFileErrorCode, DropFileFileData, DropFileDropEvent, DropFileErrorEvent, DropFileUploadEvent } from './types';

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

@@ -0,0 +1,42 @@
+import { ButtonProps } from '../../atoms/Button/types';
+export type DropFileVariant = 'image' | 'file' | 'csv';
+export type DropFileErrorCode = 'FILE_TOO_LARGE' | 'FILE_TOO_SMALL' | 'TOO_MANY_FILES' | 'INVALID_FILE_TYPE' | 'DUPLICATE_FILE' | 'UNKNOWN_ERROR';
+export interface DropFileFileData {
+    file: File;
+    id: string;
+    url?: string;
+}
+export interface DropFileProps {
+    modelValue?: File | File[] | null;
+    variant?: DropFileVariant;
+    multiple?: boolean;
+    accept?: string[];
+    maxSize?: number;
+    maxFiles?: number;
+    disabled?: boolean;
+    required?: boolean;
+    showPreview?: boolean;
+    showPreviewIcon?: boolean;
+    recommendedRatio?: string;
+    recommendedSize?: string;
+    id?: string;
+    minSize?: number;
+    allowDuplicates?: boolean;
+    preventDefaultForUnhandled?: boolean;
+    removeFileBtnProps?: Partial<ButtonProps>;
+    spinnerProps?: Record<string, unknown>;
+    allowAnyFileType?: boolean;
+}
+export interface DropFileDropEvent {
+    files: File[] | null;
+    event: DragEvent;
+}
+export interface DropFileErrorEvent {
+    files: File[] | null;
+    event: DragEvent | null;
+    code: DropFileErrorCode;
+}
+export interface DropFileUploadEvent {
+    files: File[];
+    blobs: Blob[];
+}

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

@@ -7,5 +7,7 @@ export { Breadcrumbs } from './Breadcrumbs';
 export { ProductCard } from './ProductCard';
 export { FilterPrice } from './FilterPrice';
 export { PageNavigation } from './PageNavigation';
+export { DropFile } from './DropFile';
+export type { DropFileProps, DropFileVariant, DropFileI18n, DropFileErrorCode, DropFileFileData, DropFileDropEvent, DropFileErrorEvent } from './DropFile';
 export { FilterGroup } from './FilterGroup';
 export type { FilterGroupProps, Filter, Sort } from './FilterGroup/types';

package/dist/icons-list.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2025-12-19T10:57:55.249Z",
+  "generated": "2025-12-23T14:57:29.307Z",
   "count": 1239,
   "icons": [
     "Accessibility",

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export type { Filter, FilterGroupProps, Sort } from './components/organisms/Filt
 export type { FilterPriceProps } from './components/organisms/FilterPrice/types';
 export type { PageNavigationProps } from './components/organisms/PageNavigation/types';
 export type { ProductCardProps } from './components/organisms/ProductCard/types';
+export type { DropFileProps } from './components/organisms/DropFile/types';
 export type { AuthLayoutProps } from './components/layouts/AuthLayout/types';
 export { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
 export { gifteoDark, gifteoLight } from './themes/gifteo';