@cnamts/synapse 0.0.6-alpha → 0.0.7-alpha

package/dist/design-system-v3.d.ts

@@ -166,6 +166,7 @@ declare type __VLS_Props_20 = CustomizableOptions & {
     numberLabel?: string;
     keyLabel?: string;
     displayKey?: boolean;
+    showSuccessMessages?: boolean;
     customNumberRules?: any;
     customKeyRules?: any;
 };
@@ -177,8 +178,8 @@ declare type __VLS_Props_21 = CustomizableOptions & {
 };
 
 declare type __VLS_Props_22 = {
-    size?: 'xl' | 'l' | 'm' | 's';
-    spacing?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+    spacing?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
     color?: string;
 };
 
@@ -1304,6 +1305,7 @@ keyTooltip: string;
 numberLabel: string;
 keyLabel: string;
 displayKey: boolean;
+showSuccessMessages: boolean;
 customNumberRules: any;
 customKeyRules: any;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
@@ -1340,7 +1342,7 @@ contentColor: string;
 smallCloseBtn: ComputedRef<boolean>;
 isVertical: ComputedRef<boolean>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{}>, {
-rounded: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xl" | "xs" | "sm" | "lg" | "shaped";
+rounded: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xl" | "lg" | "sm" | "xs" | "shaped";
 bottom: boolean;
 closeBtnText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
@@ -1362,8 +1364,8 @@ spacingClass: ComputedRef<string>;
 containerSize: ComputedRef<number>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {
 color: string;
-size: "s" | "xl" | "l" | "m";
-spacing: "xl" | "xs" | "sm" | "md" | "lg";
+size: "xl" | "lg" | "md" | "sm" | "xs";
+spacing: "xl" | "lg" | "md" | "sm" | "xs";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
@@ -1881,7 +1883,7 @@ export declare function useFieldValidation(): {
     }>) => ValidationRule[];
 };
 
-declare function useNotificationService(): {
+export declare function useNotificationService(): {
     notificationQueue: Ref<    {
     id: string;
     message: string;

package/dist/design-system-v3.js

@@ -116,7 +116,7 @@ const y1 = /* @__PURE__ */ H({
   for (const [t, l] of e)
     n[t] = l;
   return n;
-}, q0 = /* @__PURE__ */ z(y1, [["__scopeId", "data-v-26444a7a"]]), k1 = {
+}, q0 = /* @__PURE__ */ z(y1, [["__scopeId", "data-v-d21449f5"]]), k1 = {
   label: "Retour"
 }, w1 = /* @__PURE__ */ H({
   __name: "BackBtn",
@@ -1565,7 +1565,7 @@ const S2 = {
 }, I2 = /* @__PURE__ */ H({
   __name: "PageContainer",
   props: {
-    size: { default: "xl" },
+    size: { default: void 0 },
     spacing: { default: void 0 },
     color: { default: "transparent" }
   },
@@ -1582,7 +1582,7 @@ const S2 = {
       md: 800,
       lg: 1280,
       xl: 1712
-    }, i = f(() => n.spacing ? `py-10 ${l[n.spacing]}` : `py-10 ${l[t.name.value]}`), s = f(() => o[t.name.value] ?? o[n.size ?? "xl"]);
+    }, i = f(() => n.spacing ? `py-10 ${l[n.spacing]}` : `py-10 ${l[t.name.value]}`), s = f(() => n.size ? o[n.size] : o[t.name.value] ?? o.xl);
     return e({
       spacingClass: i,
       containerSize: s
@@ -1600,7 +1600,7 @@ const S2 = {
       }, 8, ["width", "color"])
     ], 2));
   }
-}), B2 = /* @__PURE__ */ z(I2, [["__scopeId", "data-v-955c6758"]]), T2 = {
+}), B2 = /* @__PURE__ */ z(I2, [["__scopeId", "data-v-a1092a88"]]), T2 = {
   key: 0,
   class: "vd-code text-primary mb-4"
 }, O2 = { class: "d-sr-only" }, H2 = {
@@ -1619,7 +1619,7 @@ const S2 = {
     hideBtn: { type: Boolean, default: !1 }
   },
   setup(a) {
-    return (e, n) => (c(), L(B2, { size: "l" }, {
+    return (e, n) => (c(), L(B2, { size: "md" }, {
       default: d(() => [
         M(yt, {
           elevation: 0,
@@ -1680,7 +1680,7 @@ const S2 = {
       _: 3
     }));
   }
-}), va = /* @__PURE__ */ z(z2, [["__scopeId", "data-v-8c79b790"]]);
+}), va = /* @__PURE__ */ z(z2, [["__scopeId", "data-v-8a08901d"]]);
 /*!
   * vue-router v4.5.0
   * (c) 2024 Eduardo San Martin Morote
@@ -2305,7 +2305,7 @@ const en = ["fill", "aria-label", "width", "height", "viewBox", "aria-hidden"],
   }
 }), ln = {
   followUs: "Suivez-nous :"
-}, rn = { class: "d-flex flex-column" }, sn = { class: "vd-social-media-links-label text-subtitle-2 text--primary" }, cn = { class: "d-flex max-width-none" }, un = /* @__PURE__ */ H({
+}, rn = { class: "d-flex flex-column" }, sn = { class: "vd-social-media-links-label text-subtitle-2 text--primary" }, cn = { class: "vd-social-media-links-content d-flex max-width-none" }, un = /* @__PURE__ */ H({
   __name: "SocialMediaLinks",
   props: {
     links: {
@@ -2345,7 +2345,7 @@ const en = ["fill", "aria-label", "width", "height", "viewBox", "aria-hidden"],
       ])
     ]));
   }
-}), dn = /* @__PURE__ */ z(un, [["__scopeId", "data-v-82e1e286"]]), ot = {
+}), dn = /* @__PURE__ */ z(un, [["__scopeId", "data-v-14404215"]]), ot = {
   "non-compliant": "non-compliant",
   "partially-compliant": "partially-compliant",
   "fully-compliant": "fully-compliant"
@@ -2536,7 +2536,7 @@ const en = ["fill", "aria-label", "width", "height", "viewBox", "aria-hidden"],
       _: 3
     }, 16, ["color", "class"]));
   }
-}), Q0 = /* @__PURE__ */ z(gn, [["__scopeId", "data-v-6d7fdd14"]]), Rt = {
+}), Q0 = /* @__PURE__ */ z(gn, [["__scopeId", "data-v-85a79e6b"]]), Rt = {
   btnLabel: (a) => `S’identifier avec FranceConnect${a ? "+" : ""}`,
   infoLinkLabel: (a) => `Qu’est-ce que FranceConnect${a ? "+" : ""} ?`
 }, yn = ["href", "aria-label"], kn = ["viewBox", "width"], wn = ["fill"], Ln = ["fill"], Mn = ["href"], _n = /* @__PURE__ */ H({
@@ -2854,7 +2854,7 @@ const jn = {
       ], 4)
     ], 4));
   }
-}), Gn = /* @__PURE__ */ z(Wn, [["__scopeId", "data-v-0b978951"]]), Ke = {
+}), Gn = /* @__PURE__ */ z(Wn, [["__scopeId", "data-v-b4466b1f"]]), Ke = {
   closeMenu: "Fermer le menu",
   openMenu: "Ouvrir le menu"
 }, Yn = ["aria-label", "title"], Jn = /* @__PURE__ */ H({
@@ -2969,7 +2969,8 @@ const Qn = ["aria-label"], Xn = {
     return E && E(ct(h)), (k, T) => (c(), g("div", {
       role: "dialog",
       "aria-modal": "true",
-      "aria-label": u(Pt).mainMenu
+      "aria-label": u(Pt).mainMenu,
+      class: "menu mr-4"
     }, [
       w("div", {
         ref_key: "menuBtnWrapper",
@@ -3019,7 +3020,7 @@ const Qn = ["aria-label"], Xn = {
       ]))
     ], 8, Qn));
   }
-}), no = /* @__PURE__ */ z(ao, [["__scopeId", "data-v-63b844d1"]]), oo = {}, lo = { class: "header-menu-item" };
+}), no = /* @__PURE__ */ z(ao, [["__scopeId", "data-v-78aeada6"]]), oo = {}, lo = { class: "header-menu-item" };
 function ro(a, e) {
   return c(), g("li", lo, [
     V(a.$slots, "default", {}, void 0, !0)
@@ -3530,7 +3531,7 @@ const io = /* @__PURE__ */ z(oo, [["render", ro], ["__scopeId", "data-v-753dd5aa
       ])
     ]));
   }
-}), ar = /* @__PURE__ */ z(xo, [["__scopeId", "data-v-1708d64a"]]), Io = {
+}), ar = /* @__PURE__ */ z(xo, [["__scopeId", "data-v-469c119a"]]), Io = {
   label: "Choix de la langue. Actuellement"
 }, Bo = {
   aa: {
@@ -4928,6 +4929,7 @@ const Ue = {
     numberLabel: { default: "Numéro de sécurité sociale" },
     keyLabel: { default: "Clé" },
     displayKey: { type: Boolean, default: !0 },
+    showSuccessMessages: { type: Boolean, default: !1 },
     customNumberRules: { default: [] },
     customKeyRules: { default: [] }
   },
@@ -5027,13 +5029,13 @@ const Ue = {
       M(ta, {
         ref: "vInput",
         class: K([{
-          "v-messages__message--success": y.value.length > 0,
+          "v-messages__message--success": y.value.length > 0 && t.showSuccessMessages,
           "v-messages__message--error": p.value.length > 0
         }, "vd-nir-field__fields-wrapper multi-line"]),
         "error-messages": p.value,
         label: B.numberLabel,
         "max-errors": 3,
-        messages: y.value,
+        messages: t.showSuccessMessages ? y.value : [],
         "model-value": [s.value, r.value],
         "validate-on": "blur lazy"
       }, {
@@ -5127,7 +5129,7 @@ const Ue = {
       }, 8, ["class", "error-messages", "label", "messages", "model-value"])
     ]));
   }
-}), cr = /* @__PURE__ */ z(wl, [["__scopeId", "data-v-53a042d6"]]), ge = $([]);
+}), cr = /* @__PURE__ */ z(wl, [["__scopeId", "data-v-a1b2f672"]]), ge = $([]);
 function Va() {
   return {
     notificationQueue: ge,
@@ -6280,5 +6282,6 @@ export {
   pl as computeNIRKey,
   fl as isNIRKeyValid,
   ol as useFieldValidation,
+  Va as useNotificationService,
   ma as useWidthable
 };