zuii 1.4.33 → 1.5.0

package/dist/components/Color/react/index.d.ts

@@ -1,4 +1,4 @@
-import { tokens } from '../../../core/styles/tokens';
+import { tokens } from '../../../../packages/core/src/styles/tokens';
 interface Props {
     /**
      * Le nom de la couleur à afficher (ex: 'primary', 'success').

package/dist/components/Color/react/index.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { tokens as m } from "../../../core/styles/tokens.js";
-import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Button/style/index.css';import '../style/index.css';import '../../../core/styles/main.css';/* empty css                             */
+import { tokens as m } from "../../../packages/core/src/styles/tokens.js";
+import '../../../packages/cookie-consent/src/style/index.css';import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Button/style/index.css';import '../style/index.css';import '../../../packages/core/src/styles/main.css';/* empty css                                          */
 /* empty css                  */
 import "react-bootstrap";
 /* empty css                            */
@@ -37,7 +37,8 @@ import "../../Menu/react/index.js";
 import "@splidejs/react-splide";
 /* empty css                            */
 import "../../Card/react/index.js";
-const R = ({ name: r }) => {
+/* empty css                                                    */
+const S = ({ name: r }) => {
   const p = m.brands[r];
   return /* @__PURE__ */ i(t, { children: [
     /* @__PURE__ */ o("div", { className: `color bg-${r} p-4`, children: /* @__PURE__ */ i(t, { vertical: !0, center: !0, children: [
@@ -61,5 +62,5 @@ const R = ({ name: r }) => {
   ] });
 };
 export {
-  R as Color
+  S as Color
 };

package/dist/components/Errorpage/react/index.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useNavigate as p } from "react-router-dom";
-import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';/* empty css                             */
+import '../../../packages/cookie-consent/src/style/index.css';import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Color/style/index.css';import '../../../packages/core/src/styles/main.css';/* empty css                                          */
 /* empty css                           */
 import { Button as e } from "../../Button/react/index.js";
 import { Icon as a } from "../../Icon/react/index.js";
@@ -36,7 +36,8 @@ import "../../Menu/react/index.js";
 import "@splidejs/react-splide";
 /* empty css                            */
 import "../../Card/react/index.js";
-const T = ({ code: t = 404 }) => {
+/* empty css                                                    */
+const U = ({ code: t = 404 }) => {
   const m = p();
   return /* @__PURE__ */ r("main", { className: "error-page", children: /* @__PURE__ */ r("div", { className: "error-page__container ", children: /* @__PURE__ */ i("div", { className: "container", children: [
     /* @__PURE__ */ i(o, { className: "text-secondary mb-4", children: [
@@ -52,5 +53,5 @@ const T = ({ code: t = 404 }) => {
   ] }) }) });
 };
 export {
-  T as Errorpage
+  U as Errorpage
 };

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

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