zuii 1.7.12 → 1.7.14

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

@@ -1,16 +1,16 @@
-import { jsxs as E, jsx as b } from "react/jsx-runtime";
-import { useRef as l, useEffect as u } from "react";
-import { initSelect as V } from "../js/select.js";
-import { Icon as j } from "../../Icon/react/index.js";
-const q = {
+import { jsxs as q, jsx as I } from "react/jsx-runtime";
+import { useRef as i, useEffect as l } from "react";
+import { initSelect as z } from "../js/select.js";
+import { Icon as $ } from "../../Icon/react/index.js";
+const L = {
   fr: {
     placeholder: "Sélectionnez une option",
     noResultsText: "Aucun résultat trouvé",
     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: (n) => `Appuyez sur Entrée pour ajouter **${n}**`,
-    maxItemText: (n) => `Seulement ${n} options peuvent être sélectionnées`
+    addItemText: (s) => `Appuyez sur Entrée pour ajouter **${s}**`,
+    maxItemText: (s) => `Seulement ${s} options peuvent être sélectionnées`
   },
   en: {
     placeholder: "Select an option",
@@ -18,92 +18,92 @@ 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: (n) => `Press Enter to add **${n}**`,
-    maxItemText: (n) => `Only ${n} options can be selected`
+    addItemText: (s) => `Press Enter to add **${s}**`,
+    maxItemText: (s) => `Only ${s} options can be selected`
   }
-}, J = ({
-  required: n = !1,
-  options: h,
-  value: t,
+}, B = ({
+  required: s = !1,
+  options: T,
+  value: n,
   onChange: a,
-  multiple: i = !1,
-  placeholder: y = "Sélectionnez une option",
-  disabled: v = !1,
-  searchable: T = !0,
-  className: I = "",
+  multiple: u = !1,
+  placeholder: A = "Sélectionnez une option",
+  disabled: g = !1,
+  searchable: S = !0,
+  className: R = "",
   name: N,
-  variant: S = "default",
-  icon: A,
+  variant: b = "default",
+  icon: v,
   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 = y === "Sélectionnez une option" ? m.placeholder : y;
-  u(() => {
+  const o = i(null), t = i(null), d = i(a), f = i(n), m = i(!1), E = O || (typeof document < "u" ? document.documentElement.lang : "fr") || "fr", p = L[E.startsWith("en") ? "en" : "fr"], h = A === "Sélectionnez une option" ? p.placeholder : A;
+  l(() => {
     d.current = a;
-  }, [a]), u(() => {
-    f.current = t;
-  }, [t]);
-  const R = JSON.stringify(h);
-  return u(() => {
+  }, [a]), l(() => {
+    f.current = n;
+  }, [n]);
+  const V = JSON.stringify(T);
+  return l(() => {
     if (o.current) {
       o.current.innerHTML = "";
-      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,
+      const e = n ?? f.current, c = T.map((r) => ({
+        value: r.value,
+        label: r.text,
+        selected: Array.isArray(e) ? e.includes(r.value) : e === r.value,
         customProperties: {
-          flag: s.flag
+          flag: r.flag
         }
       }));
-      i || c.unshift({
+      u || c.unshift({
         value: "",
-        label: p,
+        label: h,
         selected: e === void 0 || e === "",
         placeholder: !0
-      }), r.current = V(o.current, {
+      }), t.current = z(o.current, {
         choices: c,
-        removeItemButton: i,
-        placeholderValue: p,
-        searchEnabled: T,
+        removeItemButton: u,
+        placeholderValue: h,
+        searchEnabled: S,
         silent: !0,
-        variant: S,
-        ...m
-      }, (s) => {
-        f.current = s, d.current && d.current(s);
+        variant: b,
+        ...p
+      }, (r) => {
+        m.current || (f.current = r, d.current && d.current(r));
       });
       const x = o.current;
       x.hidden = !1;
     }
     return () => {
-      r.current && (r.current.destroy(), r.current = null);
+      t.current && (t.current.destroy(), t.current = null);
     };
-  }, [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], x = Array.isArray(e) ? e : [e];
-      JSON.stringify(c.sort()) !== JSON.stringify(x.sort()) && r.current.setChoiceByValue(t);
+  }, [V, u, h, b, S, p]), l(() => {
+    if (t.current && n !== void 0) {
+      const e = t.current.getValue(!0), c = Array.isArray(n) ? n : n === null ? [] : [n], x = Array.isArray(e) ? e : [e], r = (j) => JSON.stringify(j.filter((y) => y != null && y !== "").map(String).sort());
+      r(c) !== r(x) && (m.current = !0, u && t.current.removeActiveItems(), c.length && t.current.setChoiceByValue(c), m.current = !1);
     }
-  }, [t]), u(() => {
+  }, [n]), l(() => {
     const e = o.current?.closest("fieldset");
     if (e) {
       const c = new MutationObserver(() => {
-        r && (e.disabled ? r.current.disable() : r.current.enable());
+        t && (e.disabled ? t.current.disable() : t.current.enable());
       });
       return c.observe(e, { attributes: !0 }), () => c.disconnect();
     }
-  }, []), /* @__PURE__ */ E("div", { className: `form__input ${I}`.trim(), children: [
-    A && /* @__PURE__ */ b(j, { name: A, size: "sm" }),
-    /* @__PURE__ */ b(
+  }, []), /* @__PURE__ */ q("div", { className: `form__input ${R}`.trim(), children: [
+    v && /* @__PURE__ */ I($, { name: v, size: "sm" }),
+    /* @__PURE__ */ I(
       "select",
       {
         ref: o,
-        multiple: i,
-        disabled: v,
+        multiple: u,
+        disabled: g,
         className: "select",
         name: N,
-        required: n
+        required: s
       }
     )
   ] });
 };
 export {
-  J as Select
+  B as Select
 };