zuii 1.5.9 → 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/dist/components/Form/react/Select.js

@@ -9,8 +9,8 @@ const q = {
     noChoicesText: "Aucun choix disponible",
     uniqueItemText: "Seules les valeurs uniques peuvent être ajoutées",
     customAddItemText: "Seules les valeurs correspondant à un critère spécifique peuvent être ajoutées",
-    addItemText: (s) => `Appuyez sur Entrée pour ajouter **${s}**`,
-    maxItemText: (s) => `Seulement ${s} options peuvent être sélectionnées`
+    addItemText: (n) => `Appuyez sur Entrée pour ajouter **${n}**`,
+    maxItemText: (n) => `Seulement ${n} options peuvent être sélectionnées`
   },
   en: {
     placeholder: "Select an option",
@@ -18,40 +18,40 @@ const q = {
     noChoicesText: "No choices to choose from",
     uniqueItemText: "Only unique values can be added",
     customAddItemText: "Only values matching specific conditions can be added",
-    addItemText: (s) => `Press Enter to add **${s}**`,
-    maxItemText: (s) => `Only ${s} options can be selected`
+    addItemText: (n) => `Press Enter to add **${n}**`,
+    maxItemText: (n) => `Only ${n} options can be selected`
   }
 }, J = ({
-  required: s = !1,
-  options: x,
+  required: n = !1,
+  options: h,
   value: t,
   onChange: a,
   multiple: i = !1,
-  placeholder: h = "Sélectionnez une option",
+  placeholder: y = "Sélectionnez une option",
   disabled: v = !1,
-  searchable: y = !0,
+  searchable: T = !0,
   className: I = "",
   name: N,
-  variant: T = "default",
-  icon: S,
+  variant: S = "default",
+  icon: A,
   lang: O
 }) => {
-  const o = l(null), r = l(null), d = l(a), f = l(t), g = O || (typeof document < "u" ? document.documentElement.lang : "fr") || "fr", m = q[g.startsWith("en") ? "en" : "fr"], p = h === "Sélectionnez une option" ? m.placeholder : h;
+  const o = l(null), r = l(null), d = l(a), f = l(t), g = O || (typeof document < "u" ? document.documentElement.lang : "fr") || "fr", m = q[g.startsWith("en") ? "en" : "fr"], p = y === "Sélectionnez une option" ? m.placeholder : y;
   u(() => {
     d.current = a;
   }, [a]), u(() => {
     f.current = t;
   }, [t]);
-  const R = JSON.stringify(x);
+  const R = JSON.stringify(h);
   return u(() => {
     if (o.current) {
       o.current.innerHTML = "";
-      const e = t ?? f.current, c = x.map((n) => ({
-        value: n.value,
-        label: n.text,
-        selected: Array.isArray(e) ? e.includes(n.value) : e === n.value,
+      const e = t ?? f.current, c = h.map((s) => ({
+        value: s.value,
+        label: s.text,
+        selected: Array.isArray(e) ? e.includes(s.value) : e === s.value,
         customProperties: {
-          flag: n.flag
+          flag: s.flag
         }
       }));
       i || c.unshift({
@@ -63,22 +63,23 @@ const q = {
         choices: c,
         removeItemButton: i,
         placeholderValue: p,
-        searchEnabled: y,
+        searchEnabled: T,
         silent: !0,
-        variant: T,
+        variant: S,
         ...m
-      }, (n) => {
-        const A = o.current;
-        A && (A.hidden = !1), f.current = n, d.current && d.current(n);
+      }, (s) => {
+        f.current = s, d.current && d.current(s);
       });
+      const x = o.current;
+      x.hidden = !1;
     }
     return () => {
       r.current && (r.current.destroy(), r.current = null);
     };
-  }, [R, i, p, T, y, m]), u(() => {
+  }, [R, i, p, S, T, m]), u(() => {
     if (r.current && t !== void 0) {
-      const e = r.current.getValue(!0), c = Array.isArray(t) ? t : [t], n = Array.isArray(e) ? e : [e];
-      JSON.stringify(c.sort()) !== JSON.stringify(n.sort()) && r.current.setChoiceByValue(t);
+      const e = r.current.getValue(!0), c = Array.isArray(t) ? t : [t], x = Array.isArray(e) ? e : [e];
+      JSON.stringify(c.sort()) !== JSON.stringify(x.sort()) && r.current.setChoiceByValue(t);
     }
   }, [t]), u(() => {
     const e = o.current?.closest("fieldset");
@@ -89,7 +90,7 @@ const q = {
       return c.observe(e, { attributes: !0 }), () => c.disconnect();
     }
   }, []), /* @__PURE__ */ E("div", { className: `form__input ${I}`.trim(), children: [
-    S && /* @__PURE__ */ b(j, { name: S, size: "sm" }),
+    A && /* @__PURE__ */ b(j, { name: A, size: "sm" }),
     /* @__PURE__ */ b(
       "select",
       {
@@ -98,7 +99,7 @@ const q = {
         disabled: v,
         className: "select",
         name: N,
-        required: s
+        required: n
       }
     )
   ] });

package/package.json

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