@club-employes/utopia 4.372.0 → 4.374.0

package/dist/components/molecules/MyUserGroups/MyUserGroups.d.ts

@@ -7,8 +7,11 @@ declare const _default: DefineComponent<MyUserGroupsProps, {}, {}, {}, {}, Compo
     onDelete?: (() => any) | undefined;
     onEdit?: (() => any) | undefined;
 }>, {
+    showMoreLabel: string;
     peopleLabel: string;
     criteria: UserGroupCriterion[];
     criteriaLabel: string;
+    maxVisibleCriteria: number;
+    showLessLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/molecules/MyUserGroups/types.d.ts

@@ -13,4 +13,7 @@ export interface MyUserGroupsProps {
     peopleLabel?: string;
     criteria?: UserGroupCriterion[];
     criteriaLabel?: string;
+    maxVisibleCriteria?: number;
+    showMoreLabel?: string;
+    showLessLabel?: string;
 }

package/dist/index.js

@@ -20745,7 +20745,7 @@ const Rz = {
     }
     function Qe(Q) {
       const V = r.value, oe = V.state.apply(Q);
-      V.updateState(oe), Ot(oe), fo(oe), l("update:modelValue", Ct(oe.doc)), Q.docChanged && n.state === "error" && (l("update:state", "default"), l("update:message", ""));
+      V.updateState(oe), Ot(oe), fo(oe), Q.docChanged && l("update:modelValue", Ct(oe.doc)), Q.docChanged && n.state === "error" && (l("update:state", "default"), l("update:message", ""));
     }
     function et(Q) {
       return () => {
@@ -21892,7 +21892,7 @@ const Rz = {
       ], 2)) : P("", !0)
     ], 2));
   }
-}, Uz = /* @__PURE__ */ re(Kz, [["__scopeId", "data-v-60a77087"]]), Gs = {
+}, Uz = /* @__PURE__ */ re(Kz, [["__scopeId", "data-v-0590d869"]]), Gs = {
   showToolbar: !0,
   headings: !0,
   formatting: {
@@ -22039,58 +22039,61 @@ const tx = /* @__PURE__ */ se({
       ...sf,
       ...n.labels
     })), a = { type: "doc", content: [{ type: "paragraph" }] }, s = H(a);
-    function c(u) {
-      if (typeof u == "string") {
-        if (!u.trim()) return a;
+    let c = null;
+    function r(A) {
+      if (typeof A == "string") {
+        if (!A.trim()) return a;
         try {
-          return ex(u);
+          return ex(A);
         } catch {
           return a;
         }
       }
-      return u && typeof u == "object" ? u : a;
+      return A && typeof A == "object" ? A : a;
     }
-    s.value = c(n.modelValue), ke(() => n.modelValue, (u) => {
-      const A = c(u);
+    s.value = r(n.modelValue), ke(() => n.modelValue, (A) => {
+      if (n.output !== "json" && typeof A == "string" && A === c)
+        return;
+      const p = r(A);
       try {
-        JSON.stringify(A) !== JSON.stringify(s.value) && (s.value = A);
+        JSON.stringify(p) !== JSON.stringify(s.value) && (s.value = p);
       } catch {
-        s.value = A;
+        s.value = p;
       }
     }, { immediate: !0 });
-    const r = M(() => {
-      const u = n.toolbarConfig;
-      if (!(u && Object.keys(u).length > 0) || u === Gs)
+    const u = M(() => {
+      const A = n.toolbarConfig;
+      if (!(A && Object.keys(A).length > 0) || A === Gs)
         return Gs;
-      const m = { bold: !1, italic: !1, link: !1 }, f = { ordered: !1, bullet: !1 }, b = { codeBlock: !1, blockquote: !1, expandable: !1 }, z = { image: !1, video: !1, table: !1, columns: !1 };
+      const f = { bold: !1, italic: !1, link: !1 }, b = { ordered: !1, bullet: !1 }, z = { codeBlock: !1, blockquote: !1, expandable: !1 }, k = { image: !1, video: !1, table: !1, columns: !1 };
       return {
-        showToolbar: u.showToolbar !== !1,
-        headings: u.headings === !0,
-        colors: u.colors === !0,
-        alignment: u.alignment === !0,
-        separators: u.separators === !0,
-        divider: u.divider !== !1,
-        formatting: u.formatting ? { ...m, ...u.formatting } : m,
-        lists: u.lists ? { ...f, ...u.lists } : f,
-        blocks: u.blocks ? { ...b, ...u.blocks } : b,
-        media: u.media ? { ...z, ...u.media } : z
+        showToolbar: A.showToolbar !== !1,
+        headings: A.headings === !0,
+        colors: A.colors === !0,
+        alignment: A.alignment === !0,
+        separators: A.separators === !0,
+        divider: A.divider !== !1,
+        formatting: A.formatting ? { ...f, ...A.formatting } : f,
+        lists: A.lists ? { ...b, ...A.lists } : b,
+        blocks: A.blocks ? { ...z, ...A.blocks } : z,
+        media: A.media ? { ...k, ...A.media } : k
       };
     });
-    return ke(s, (u) => {
+    return ke(s, (A) => {
       try {
         if (n.output === "json")
-          o("update:modelValue", u);
+          c = null, o("update:modelValue", A);
         else {
-          const A = fr(u);
-          o("update:modelValue", A);
+          const p = fr(A);
+          c = p, o("update:modelValue", p);
         }
-      } catch (A) {
-        console.error("Failed to render ProseMirror content", A);
+      } catch (p) {
+        console.error("Failed to render ProseMirror content", p);
       }
-    }, { deep: !0 }), (u, A) => (i(), B(Uz, {
+    }, { deep: !0 }), (A, p) => (i(), B(Uz, {
       modelValue: s.value,
-      "onUpdate:modelValue": A[0] || (A[0] = (p) => s.value = p),
-      "toolbar-config": r.value,
+      "onUpdate:modelValue": p[0] || (p[0] = (m) => s.value = m),
+      "toolbar-config": u.value,
       labels: l.value,
       label: e.label,
       required: e.required,
@@ -22098,8 +22101,8 @@ const tx = /* @__PURE__ */ se({
       message: e.message,
       "max-image-size": e.maxImageSize,
       "max-video-size": e.maxVideoSize,
-      "onUpdate:state": A[1] || (A[1] = (p) => u.$emit("update:state", p)),
-      "onUpdate:message": A[2] || (A[2] = (p) => u.$emit("update:message", p))
+      "onUpdate:state": p[1] || (p[1] = (m) => A.$emit("update:state", m)),
+      "onUpdate:message": p[2] || (p[2] = (m) => A.$emit("update:message", m))
     }, null, 8, ["modelValue", "toolbar-config", "labels", "label", "required", "state", "message", "max-image-size", "max-video-size"]));
   }
 }), tA = {};
@@ -48867,12 +48870,20 @@ const IN = /* @__PURE__ */ re(L3, [["__scopeId", "data-v-4d16284f"]]), SF = "dat
     peopleCount: {},
     peopleLabel: { default: "personne(s)" },
     criteria: { default: () => [] },
-    criteriaLabel: { default: "CRITÈRES DE CIBLAGE" }
+    criteriaLabel: { default: "CRITÈRES DE CIBLAGE" },
+    maxVisibleCriteria: { default: 4 },
+    showMoreLabel: { default: "Voir plus ({count})" },
+    showLessLabel: { default: "Voir moins" }
   },
   emits: ["edit", "delete"],
   setup(e, { emit: t }) {
-    const n = t;
-    return (o, l) => (i(), B(h(il), {
+    const n = e, o = t, l = H(!1), a = M(() => (n.criteria?.length ?? 0) > n.maxVisibleCriteria), s = M(
+      () => l.value || !a.value ? n.criteria ?? [] : (n.criteria ?? []).slice(0, n.maxVisibleCriteria)
+    ), c = M(() => {
+      const r = (n.criteria?.length ?? 0) - n.maxVisibleCriteria;
+      return n.showMoreLabel.replace("{count}", String(r));
+    });
+    return (r, u) => (i(), B(h(il), {
       variant: "elevated",
       interactive: !1,
       class: "utopia-my-user-groups"
@@ -48919,7 +48930,7 @@ const IN = /* @__PURE__ */ re(L3, [["__scopeId", "data-v-4d16284f"]]), SF = "dat
               type: "button",
               class: "utopia-my-user-groups__edit-btn",
               "aria-label": `Modifier le groupe ${e.title}`,
-              onClick: l[0] || (l[0] = (a) => n("edit"))
+              onClick: u[0] || (u[0] = (A) => o("edit"))
             }, [
               w(h(W), {
                 name: "Pencil",
@@ -48931,7 +48942,7 @@ const IN = /* @__PURE__ */ re(L3, [["__scopeId", "data-v-4d16284f"]]), SF = "dat
               type: "button",
               class: "utopia-my-user-groups__delete-btn",
               "aria-label": `Supprimer le groupe ${e.title}`,
-              onClick: l[1] || (l[1] = (a) => n("delete"))
+              onClick: u[1] || (u[1] = (A) => o("delete"))
             }, [
               w(h(W), {
                 name: "Trash-2",
@@ -48956,19 +48967,19 @@ const IN = /* @__PURE__ */ re(L3, [["__scopeId", "data-v-4d16284f"]]), SF = "dat
             _: 1
           }),
           e.criteria && e.criteria.length ? (i(), d("div", LI, [
-            (i(!0), d(X, null, de(e.criteria, (a) => (i(), B(h(Gt), {
-              key: a.label,
-              variant: a.variant ?? "secondary",
+            (i(!0), d(X, null, de(s.value, (A) => (i(), B(h(Gt), {
+              key: A.label,
+              variant: A.variant ?? "secondary",
               size: "small",
-              ghost: a.ghost !== !1,
-              "left-icon": a.icon
+              ghost: A.ghost !== !1,
+              "left-icon": A.icon
             }, {
               default: O(() => [
-                a.label.includes(": ") ? (i(), d(X, { key: 0 }, [
-                  S(C(a.label.split(": ")[0]) + ": ", 1),
-                  v("strong", null, C(a.label.split(": ").slice(1).join(": ")), 1)
+                A.label.includes(": ") ? (i(), d(X, { key: 0 }, [
+                  S(C(A.label.split(": ")[0]) + ": ", 1),
+                  v("strong", null, C(A.label.split(": ").slice(1).join(": ")), 1)
                 ], 64)) : (i(), d(X, { key: 1 }, [
-                  S(C(a.label), 1)
+                  S(C(A.label), 1)
                 ], 64))
               ]),
               _: 2
@@ -48979,11 +48990,23 @@ const IN = /* @__PURE__ */ re(L3, [["__scopeId", "data-v-4d16284f"]]), SF = "dat
             size: "xs",
             color: "brand-secondary-200"
           }, {
-            default: O(() => [...l[2] || (l[2] = [
+            default: O(() => [...u[3] || (u[3] = [
               S("Aucun critère", -1)
             ])]),
             _: 1
-          }))
+          })),
+          a.value ? (i(), d("button", {
+            key: 2,
+            type: "button",
+            class: "utopia-my-user-groups__show-more-btn",
+            onClick: u[2] || (u[2] = (A) => l.value = !l.value)
+          }, [
+            v("span", null, C(l.value ? e.showLessLabel : c.value), 1),
+            w(h(W), {
+              name: l.value ? "Chevron-up" : "Chevron-down",
+              size: "small"
+            }, null, 8, ["name"])
+          ])) : P("", !0)
         ])
       ]),
       _: 1
@@ -48991,7 +49014,7 @@ const IN = /* @__PURE__ */ re(L3, [["__scopeId", "data-v-4d16284f"]]), SF = "dat
   }
 }), zd = {};
 typeof zd == "function" && zd(S3);
-const JN = /* @__PURE__ */ re(S3, [["__scopeId", "data-v-d424cf27"]]), j3 = /* @__PURE__ */ Symbol("utopia-tree-context"), SI = {
+const JN = /* @__PURE__ */ re(S3, [["__scopeId", "data-v-5a29b7af"]]), j3 = /* @__PURE__ */ Symbol("utopia-tree-context"), SI = {
   key: 1,
   class: "utopia-tree-node__toggle-placeholder"
 }, jI = {