zuii 1.5.10 → 1.5.11

package/dist/components/Form/react/FileInput.d.ts

@@ -27,6 +27,8 @@ interface FileInputProps {
         /** Si l'enregistrement vidéo est autorisé (défaut: true). */
         allowVideo?: boolean;
     };
+    /** Le champ est requis. */
+    required?: boolean;
 }
 /**
  * Composant FileInput utilisant Uppy.js pour le téléchargement de fichiers.
@@ -35,5 +37,5 @@ interface FileInputProps {
  * @param {FileInputProps} props - Les propriétés du composant.
  * @returns {JSX.Element} Le composant FileInput rendu.
  */
-export declare const FileInput: ({ name, lang, restrictions, onComplete, onError, files, webcam }: FileInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileInput: ({ name, lang, restrictions, onComplete, onError, files, webcam, required }: FileInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Form/react/FileInput.js

@@ -1,23 +1,24 @@
-import { jsx as p, jsxs as x } from "react/jsx-runtime";
-import { useRef as o, useState as b, useEffect as u } from "react";
-import { UppyContextProvider as v } from "@uppy/react";
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { useRef as f, useState as v, useEffect as u } from "react";
+import { UppyContextProvider as w } from "@uppy/react";
 import F from "../../../node_modules/.pnpm/@uppy_react@5.2.0_@uppy_core@5.2.0_@uppy_dashboard@5.1.1_@uppy_core@5.2.0__@uppy_image-editor_4567vrulez5sapld32rywmrijm/node_modules/@uppy/react/lib/Dashboard.js";
-import { getUppyLocale as w, createUppyInstance as N, fetchRemoteFiles as R, setupFileOpenButtons as _, syncUppyToInput as B } from "../js/uppy.js";
-const j = ({
-  name: i,
+import { getUppyLocale as N, createUppyInstance as R, fetchRemoteFiles as _, setupFileOpenButtons as B, syncUppyToInput as D } from "../js/uppy.js";
+const L = ({
+  name: p,
   lang: y,
   restrictions: l,
-  onComplete: s,
+  onComplete: i,
   onError: t,
-  files: r,
-  webcam: g
+  files: s,
+  webcam: g,
+  required: x
 }) => {
-  const c = o(null), f = o(null), U = o(/* @__PURE__ */ new Set()), a = w(y), [e] = b(() => N(l || {}, a, g));
+  const n = f(null), o = f(null), U = f(/* @__PURE__ */ new Set()), a = N(y), [e] = v(() => R(l || {}, a, g));
   u(() => {
-    s && e.on("complete", s), t && e.on("error", t);
-    const m = () => {
-      c.current && B(e, c.current);
-    }, h = [
+    i && e.on("complete", i), t && e.on("error", t);
+    const h = () => {
+      n.current && D(e, n.current);
+    }, m = [
       "file-added",
       "file-removed",
       "files-added",
@@ -25,18 +26,18 @@ const j = ({
       "preprocess-complete",
       "postprocess-complete"
     ];
-    return h.forEach((n) => e.on(n, m)), () => {
-      s && e.off("complete", s), t && e.off("error", t), h.forEach((n) => e.off(n, m));
+    return m.forEach((c) => e.on(c, h)), () => {
+      i && e.off("complete", i), t && e.off("error", t), m.forEach((c) => e.off(c, h));
     };
+  }, [e, i, t]), u(() => {
+    s && s.length > 0 && _(e, s, U.current, t);
   }, [e, s, t]), u(() => {
-    r && r.length > 0 && R(e, r, U.current, t);
-  }, [e, r, t]), u(() => {
-    if (f.current)
-      return _(f.current, e);
+    if (o.current)
+      return B(o.current, e);
   }, [e]);
   const d = !l?.maxNumberOfFiles || l.maxNumberOfFiles > 1;
-  return /* @__PURE__ */ p(v, { uppy: e, children: /* @__PURE__ */ x("div", { className: "file-input__wrapper", id: i, children: [
-    /* @__PURE__ */ p("div", { className: "file-input__content", ref: f, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ r(w, { uppy: e, children: /* @__PURE__ */ b("div", { className: "file-input__wrapper", id: p, children: [
+    /* @__PURE__ */ r("div", { className: "file-input__content", ref: o, children: /* @__PURE__ */ r(
       F,
       {
         uppy: e,
@@ -51,18 +52,25 @@ const j = ({
         }
       }
     ) }),
-    i && /* @__PURE__ */ p(
+    p && /* @__PURE__ */ r(
       "input",
       {
-        ref: c,
+        ref: n,
         type: "file",
-        name: d ? `${i}[]` : i,
+        name: d ? `${p}[]` : p,
         multiple: d,
-        style: { display: "none" }
+        style: {
+          position: "absolute",
+          opacity: "0",
+          width: "1px",
+          height: "1px",
+          pointerEvents: "none"
+        },
+        required: x
       }
     )
   ] }) });
 };
 export {
-  j as FileInput
+  L as FileInput
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zuii",
-  "version": "1.5.10",
+  "version": "1.5.11",
   "description": "Bibliothèque de composants UI légère, intuitive et modulaire pour les interfaces web modernes.",
   "type": "module",
   "repository": {