@logora/debate 0.3.66 → 0.3.68

package/dist/components/consultation/consultation_box/ConsultationBox.js

@@ -1,20 +1,21 @@
-import { jsx as t, Fragment as u, jsxs as a } from "react/jsx-runtime";
-import s from "classnames";
-import { useMemo as g } from "react";
-import { useIntl as h, FormattedMessage as p } from "react-intl";
+import { jsx as t, Fragment as g, jsxs as s } from "react/jsx-runtime";
+import i from "classnames";
+import { useMemo as p } from "react";
+import { useIntl as f, FormattedMessage as h } from "react-intl";
 import o from "./ConsultationBox.module.scss.js";
-import { useRoutes as f } from "../../data/config_provider/useRoutes.js";
-import { useResponsive as v } from "../../hooks/use_responsive/useResponsive.js";
-import { Link as i } from "../../action/link/Link.js";
-import { TranslatedContent as N } from "../../translation/translated_content/TranslatedContent.js";
-import { Icon as c } from "../../icons/icon/Icon.js";
-import { ProgressBar as _ } from "../../progress/progress_bar/ProgressBar.js";
-const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
-  const d = h(), r = g(() => /* @__PURE__ */ new Date()), l = new Date(e.ends_at), n = f(), { isMobile: x } = v();
-  return /* @__PURE__ */ t(u, { children: /* @__PURE__ */ a("div", { className: o.container, children: [
-    /* @__PURE__ */ a("div", { className: o.consultationImageBox, children: [
+import { useRoutes as v } from "../../data/config_provider/useRoutes.js";
+import { useResponsive as N } from "../../hooks/use_responsive/useResponsive.js";
+import { Link as r } from "../../action/link/Link.js";
+import { TranslatedContent as _ } from "../../translation/translated_content/TranslatedContent.js";
+import { Tooltip as m } from "../../dialog/tooltip/Tooltip.js";
+import { Icon as d } from "../../icons/icon/Icon.js";
+import { ProgressBar as x } from "../../progress/progress_bar/ProgressBar.js";
+const P = ({ consultation: e, showVoteProgress: u = !0 }) => {
+  const a = f(), l = p(() => /* @__PURE__ */ new Date()), c = new Date(e.ends_at), n = v(), { isMobile: I } = N();
+  return /* @__PURE__ */ t(g, { children: /* @__PURE__ */ s("div", { className: o.container, children: [
+    /* @__PURE__ */ s("div", { className: o.consultationImageBox, children: [
       /* @__PURE__ */ t(
-        i,
+        r,
         {
           to: n.consultationShowLocation.toUrl({
             consultationSlug: e.slug
@@ -25,7 +26,7 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
               loading: "lazy",
               className: o.consultationImage,
               src: e.image_url,
-              alt: d.formatMessage({
+              alt: a.formatMessage({
                 id: "consultation.consultation_box.alt",
                 defaultMessage: "Presentation image for the consultation"
               })
@@ -33,8 +34,8 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
           )
         }
       ),
-      e.ends_at && l < r && /* @__PURE__ */ t("div", { className: s(o.consultationTime, o.ended), children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
-        p,
+      e.ends_at && c < l && /* @__PURE__ */ t("div", { className: i(o.consultationTime, o.ended), children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
+        h,
         {
           id: "consultation.consultation_box.consultation_ended",
           defaultMessage: "Consultation ended"
@@ -42,13 +43,13 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
       ) }) })
     ] }),
     /* @__PURE__ */ t(
-      i,
+      r,
       {
         to: n.consultationShowLocation.toUrl({
           consultationSlug: e.slug
         }),
         children: /* @__PURE__ */ t("div", { className: o.consultationTitle, children: /* @__PURE__ */ t(
-          N,
+          _,
           {
             originalContent: e.title,
             originalLanguage: e.language,
@@ -59,42 +60,62 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
       }
     ),
     /* @__PURE__ */ t(
-      i,
+      r,
       {
         to: n.consultationShowLocation.toUrl({
           consultationSlug: e.slug
         })
       }
     ),
-    /* @__PURE__ */ a("div", { className: o.consultationInformations, children: [
-      /* @__PURE__ */ a("div", { className: o.consultationLeft, children: [
-        /* @__PURE__ */ a(
-          "div",
+    /* @__PURE__ */ s("div", { className: o.consultationInformations, children: [
+      /* @__PURE__ */ s("div", { className: o.consultationLeft, children: [
+        /* @__PURE__ */ t(
+          m,
           {
-            className: s(
-              o.consultationGroupInformation,
-              o.consultationGroupRight
-            ),
-            children: [
-              /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.total_votes }),
-              /* @__PURE__ */ t(c, { name: "votebox", width: 15, height: 20, className: o.iconVote })
-            ]
+            text: a.formatMessage({
+              id: "info.votes_count",
+              defaultMessage: "Number of votes"
+            }),
+            position: "top",
+            children: /* @__PURE__ */ s(
+              "div",
+              {
+                className: i(
+                  o.consultationGroupInformation,
+                  o.consultationGroupRight
+                ),
+                children: [
+                  /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.total_votes }),
+                  /* @__PURE__ */ t(d, { name: "votebox", width: 15, height: 20, className: o.iconVote })
+                ]
+              }
+            )
           }
         ),
-        /* @__PURE__ */ a("div", { className: o.consultationGroupInformation, children: [
-          /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.proposals_count }),
-          /* @__PURE__ */ t(c, { name: "chat", width: 15, height: 20, className: o.iconChat })
-        ] })
+        /* @__PURE__ */ t(
+          m,
+          {
+            text: a.formatMessage({
+              id: "info.proposals_count",
+              defaultMessage: "Number of proposals"
+            }),
+            position: "top",
+            children: /* @__PURE__ */ s("div", { className: o.consultationGroupInformation, children: [
+              /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.proposals_count }),
+              /* @__PURE__ */ t(d, { name: "chat", width: 15, height: 20, className: o.iconChat })
+            ] })
+          }
+        )
       ] }),
-      m && e.vote_goal > 0 && l > r && /* @__PURE__ */ t(
+      u && e.vote_goal > 0 && c > l && /* @__PURE__ */ t(
         "div",
         {
-          className: s(
+          className: i(
             o.consultationGroupInformation,
             o.progressBarContainer
           ),
           children: /* @__PURE__ */ t(
-            _,
+            x,
             {
               className: o.progress,
               innerClassName: o.bar,
@@ -110,5 +131,5 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
   ] }) });
 };
 export {
-  D as ConsultationBox
+  P as ConsultationBox
 };

package/dist/components/input/text_editor/TextEditor.js

@@ -1,111 +1,113 @@
-import { jsxs as p, Fragment as X, jsx as o } from "react/jsx-runtime";
-import { ListNode as Y, ListItemNode as Z } from "@lexical/list";
-import { OverflowNode as oo } from "@lexical/overflow";
-import { CharacterLimitPlugin as to } from "@lexical/react/LexicalCharacterLimitPlugin";
-import { LexicalComposer as eo } from "@lexical/react/LexicalComposer";
-import { ContentEditable as ro } from "@lexical/react/LexicalContentEditable";
-import { EditorRefPlugin as io } from "@lexical/react/LexicalEditorRefPlugin";
-import { LexicalErrorBoundary as no } from "@lexical/react/LexicalErrorBoundary";
-import { HistoryPlugin as so } from "@lexical/react/LexicalHistoryPlugin";
-import { ListPlugin as co } from "@lexical/react/LexicalListPlugin";
-import { OnChangePlugin as lo } from "@lexical/react/LexicalOnChangePlugin";
-import { RichTextPlugin as mo } from "@lexical/react/LexicalRichTextPlugin";
-import { QuoteNode as ao } from "@lexical/rich-text";
+import { jsxs as p, Fragment as Z, jsx as o } from "react/jsx-runtime";
+import { ListNode as oo, ListItemNode as to } from "@lexical/list";
+import { OverflowNode as eo } from "@lexical/overflow";
+import { CharacterLimitPlugin as ro } from "@lexical/react/LexicalCharacterLimitPlugin";
+import { LexicalComposer as io } from "@lexical/react/LexicalComposer";
+import { ContentEditable as no } from "@lexical/react/LexicalContentEditable";
+import { EditorRefPlugin as so } from "@lexical/react/LexicalEditorRefPlugin";
+import { LexicalErrorBoundary as co } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as lo } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as mo } from "@lexical/react/LexicalListPlugin";
+import { OnChangePlugin as ao } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as uo } from "@lexical/react/LexicalRichTextPlugin";
+import { QuoteNode as fo } from "@lexical/rich-text";
 import I from "classnames";
-import { $getRoot as uo } from "lexical";
-import { useState as d, useId as fo, useEffect as po } from "react";
-import { useIntl as ho } from "react-intl";
-import go from "./EditorTheme.js";
+import { $getRoot as po } from "lexical";
+import { useState as d, useId as ho, useEffect as go } from "react";
+import { useIntl as So } from "react-intl";
+import xo from "./EditorTheme.js";
 import i from "./TextEditor.module.scss.js";
-import { AutoSavePlugin as So } from "./plugins/AutoSavePlugin.js";
-import { FocusPlugin as xo } from "./plugins/FocusPlugin.js";
-import { MaxLengthPlugin as vo } from "./plugins/MaxLengthPlugin.js";
-import { ResetPlugin as Po } from "./plugins/ResetPlugin.js";
-import { SetContentPlugin as Co } from "./plugins/SetContentPlugin.js";
-import { SetRichContentPlugin as To } from "./plugins/SetRichContentPlugin.js";
-import { ToolbarPlugin as No } from "./plugins/ToolbarPlugin.js";
-import { useModal as Eo } from "../../dialog/modal/useModal.js";
-import { SourceModal as Io } from "../../source/source_modal/SourceModal.js";
-import { SourceListItem as Ro } from "../../source/source_list_item/SourceListItem.js";
-const R = (c) => c?.replace(/ /g, " "), et = ({
+import { AutoSavePlugin as vo } from "./plugins/AutoSavePlugin.js";
+import { FocusPlugin as Co } from "./plugins/FocusPlugin.js";
+import { MaxLengthPlugin as Po } from "./plugins/MaxLengthPlugin.js";
+import { ResetPlugin as To } from "./plugins/ResetPlugin.js";
+import { SetContentPlugin as No } from "./plugins/SetContentPlugin.js";
+import { SetRichContentPlugin as Eo } from "./plugins/SetRichContentPlugin.js";
+import { ToolbarPlugin as Io } from "./plugins/ToolbarPlugin.js";
+import { useModal as Ro } from "../../dialog/modal/useModal.js";
+import { SourceModal as bo } from "../../source/source_modal/SourceModal.js";
+import { SourceListItem as Mo } from "../../source/source_list_item/SourceListItem.js";
+const R = (c) => c?.replace(/ /g, " "), it = ({
   placeholder: c,
+  initialContent: b,
+  initialRichContent: M,
   onSubmit: h,
   sources: u,
-  hideSubmit: b = !1,
-  hideSourceAction: M = !1,
+  hideSubmit: y = !1,
+  hideSourceAction: w = !1,
   onActivation: g,
-  disabled: y = !1,
+  disabled: A = !1,
   handleChange: S,
   handleSourcesChange: f,
-  shortBar: w = !1,
+  shortBar: L = !1,
   active: x = !1,
   maxLength: l,
-  disableRichText: A = !1,
-  editorRef: L,
+  disableRichText: _ = !1,
+  editorRef: B,
   uid: v,
-  allowedDomains: P = [],
-  hideCharCount: _ = !1,
-  disableAutoActivate: B = !1,
-  ...F
+  allowedDomains: C = [],
+  hideCharCount: F = !1,
+  disableAutoActivate: O = !1,
+  ...U
 }) => {
-  const [n, O] = d(!1), [U, j] = d(""), [k, z] = d(""), [m, a] = d([]), { showModal: H } = Eo(), C = ho(), T = fo();
-  po(() => {
+  const [n, j] = d(!1), [k, z] = d(""), [H, J] = d(""), [m, a] = d([]), { showModal: Q } = Ro(), P = So(), T = ho();
+  go(() => {
     u && a(u);
   }, [u]);
   const N = () => {
-    n || (O(!0), g && g());
-  }, J = {
-    editable: !y,
-    theme: go,
+    n || (j(!0), g && g());
+  }, W = {
+    editable: !A,
+    theme: xo,
     onError(t) {
       console.error("TextEditor error:", t);
     },
-    nodes: [Y, Z, ao, oo]
-  }, Q = () => {
+    nodes: [oo, to, fo, eo]
+  }, $ = () => {
     N();
-  }, W = (t) => {
+  }, q = (t) => {
     t.read(() => {
-      const e = uo().getTextContent(), r = R(e), s = JSON.stringify(t), E = R(s);
-      j(r), z(E), S && S(r, E);
+      const e = po().getTextContent(), r = R(e), s = JSON.stringify(t), E = R(s);
+      z(r), J(E), S && S(r, E);
     });
-  }, $ = (t) => {
-    const e = U, r = k, s = m;
+  }, D = (t) => {
+    const e = k, r = H, s = m;
     h && (t.preventDefault(), h(e, r, s)), a([]), f?.([]);
-  }, q = () => {
-    H(
+  }, G = () => {
+    Q(
       /* @__PURE__ */ o(
-        Io,
+        bo,
         {
-          onAddSource: D,
-          allowedSources: P
+          onAddSource: K,
+          allowedSources: C
         }
       )
     );
-  }, D = (t) => {
+  }, K = (t) => {
     a((e) => {
       const r = [...e, t];
       return f?.(r), r;
     });
-  }, G = (t) => {
+  }, V = (t) => {
     a((e) => {
       const r = e.filter(
         (s) => s.source_url !== t.source_url
       );
       return f?.(r), r;
     });
-  }, K = (t, e) => /* @__PURE__ */ o(
-    Ro,
+  }, X = (t, e) => /* @__PURE__ */ o(
+    Mo,
     {
       publisher: t.publisher,
       url: t.source_url,
       title: t.title,
       index: e,
-      onRemove: () => G(t)
+      onRemove: () => V(t)
     },
     e
-  ), V = () => /* @__PURE__ */ o("div", { className: i.editorPlaceholder, children: c });
-  return /* @__PURE__ */ p(X, { children: [
-    /* @__PURE__ */ o(eo, { initialConfig: J, children: /* @__PURE__ */ o("div", { className: i.editorContainer, onClick: Q, children: /* @__PURE__ */ p(
+  ), Y = () => /* @__PURE__ */ o("div", { className: i.editorPlaceholder, children: c });
+  return /* @__PURE__ */ p(Z, { children: [
+    /* @__PURE__ */ o(io, { initialConfig: W, children: /* @__PURE__ */ o("div", { className: i.editorContainer, onClick: $, children: /* @__PURE__ */ p(
       "div",
       {
         className: I(i.editorInner, {
@@ -113,68 +115,68 @@ const R = (c) => c?.replace(/ /g, " "), et = ({
         }),
         children: [
           /* @__PURE__ */ o(
-            mo,
+            uo,
             {
               contentEditable: /* @__PURE__ */ o(
-                ro,
+                no,
                 {
                   className: I(i.editorInput, {
                     [i.editorInputInactive]: !n
                   }),
-                  ...F
+                  ...U
                 }
               ),
-              placeholder: c && /* @__PURE__ */ o(V, {}),
-              ErrorBoundary: no
+              placeholder: c && /* @__PURE__ */ o(Y, {}),
+              ErrorBoundary: co
             }
           ),
           /* @__PURE__ */ o(
-            No,
+            Io,
             {
-              hideSourceAction: M,
-              hideSubmit: b,
-              disableRichText: A,
-              shortBar: w,
-              onSubmit: $,
-              onAddSource: q,
+              hideSourceAction: w,
+              hideSubmit: y,
+              disableRichText: _,
+              shortBar: L,
+              onSubmit: D,
+              onAddSource: G,
               isActive: n || x,
-              sourceTooltip: P?.length > 0 && C.formatMessage({
+              sourceTooltip: C?.length > 0 && P.formatMessage({
                 id: "input.allowed_domains_tooltip",
                 defaultMessage: "With the new source function, you can add links to your article."
               })
             }
           ),
-          n && l && !_ && /* @__PURE__ */ p("div", { className: i.charactersCount, children: [
-            /* @__PURE__ */ o(to, { maxLength: l }),
+          n && l && !F && /* @__PURE__ */ p("div", { className: i.charactersCount, children: [
+            /* @__PURE__ */ o(ro, { maxLength: l }),
             " ",
-            C.formatMessage({
+            P.formatMessage({
               id: "input.remaining_chars",
               defaultMessage: "remaining characters"
             })
           ] }),
-          /* @__PURE__ */ o(co, {}),
-          /* @__PURE__ */ o(so, {}),
-          /* @__PURE__ */ o(lo, { onChange: W, ignoreSelectionChange: !0 }),
+          /* @__PURE__ */ o(mo, {}),
+          /* @__PURE__ */ o(lo, {}),
+          /* @__PURE__ */ o(ao, { onChange: q, ignoreSelectionChange: !0 }),
           /* @__PURE__ */ o(
-            So,
+            vo,
             {
-              onSetContent: B ? () => {
+              onSetContent: O ? () => {
               } : N,
               storageUid: v || T
             }
           ),
+          /* @__PURE__ */ o(No, { content: b }),
+          /* @__PURE__ */ o(Eo, { richContent: M }),
           /* @__PURE__ */ o(Co, {}),
-          /* @__PURE__ */ o(To, {}),
-          /* @__PURE__ */ o(xo, {}),
-          l && /* @__PURE__ */ o(vo, { maxLength: l }),
-          /* @__PURE__ */ o(Po, { storageUid: v || T }),
-          /* @__PURE__ */ o(io, { editorRef: L })
+          l && /* @__PURE__ */ o(Po, { maxLength: l }),
+          /* @__PURE__ */ o(To, { storageUid: v || T }),
+          /* @__PURE__ */ o(so, { editorRef: B })
         ]
       }
     ) }) }),
-    m && m.length !== 0 ? /* @__PURE__ */ o("div", { className: i.sourcesBox, children: /* @__PURE__ */ o("div", { className: i.sourceList, children: m.map(K) }) }) : null
+    m && m.length !== 0 ? /* @__PURE__ */ o("div", { className: i.sourcesBox, children: /* @__PURE__ */ o("div", { className: i.sourceList, children: m.map(X) }) }) : null
   ] });
 };
 export {
-  et as TextEditor
+  it as TextEditor
 };

package/dist/components/input/text_editor/plugins/SetContentPlugin.js

@@ -1,18 +1,18 @@
-import { useLexicalComposerContext as p } from "@lexical/react/LexicalComposerContext";
-import { $getRoot as u, $createParagraphNode as a, $createTextNode as c } from "lexical";
-import { useEffect as s } from "react";
-import { useInput as i } from "../../input_provider/useInput.js";
-const C = () => {
-  const [n] = p(), { inputContent: t, setInputContent: r } = i();
-  return s(() => {
-    t && n.update(() => {
-      const e = u();
-      e.clear();
-      const o = a();
-      o.append(c(t)), e.append(o), r(null);
+import { useLexicalComposerContext as a } from "@lexical/react/LexicalComposerContext";
+import { $getRoot as c, $createParagraphNode as i, $createTextNode as u } from "lexical";
+import { useEffect as f } from "react";
+import { useInput as m } from "../../input_provider/useInput.js";
+const x = ({ content: o }) => {
+  const [p] = a(), { inputContent: e, setInputContent: s } = m(), t = o || e;
+  return f(() => {
+    typeof t == "string" && t && p.update(() => {
+      const n = c();
+      n.clear();
+      const r = i();
+      r.append(u(t)), n.append(r), !o && e && s(null);
     });
   }, [t]), null;
 };
 export {
-  C as SetContentPlugin
+  x as SetContentPlugin
 };

package/dist/components/input/text_editor/plugins/SetRichContentPlugin.js

@@ -1,14 +1,14 @@
-import { useLexicalComposerContext as r } from "@lexical/react/LexicalComposerContext";
-import { useEffect as i } from "react";
-import { useInput as s } from "../../input_provider/useInput.js";
-const m = () => {
-  const [t] = r(), { inputRichContent: e, setInputRichContent: o } = s();
-  return i(() => {
-    e && t.update(() => {
-      const n = t.parseEditorState(e);
-      t.setEditorState(n), o(null);
+import { useLexicalComposerContext as s } from "@lexical/react/LexicalComposerContext";
+import { useEffect as u } from "react";
+import { useInput as c } from "../../input_provider/useInput.js";
+const m = ({ richContent: e }) => {
+  const [t] = s(), { inputRichContent: n, setInputRichContent: i } = c(), o = e || n;
+  return u(() => {
+    o && t.update(() => {
+      const r = t.parseEditorState(o);
+      t.setEditorState(r), !e && n && i(null);
     });
-  }, [e]), null;
+  }, [o]), null;
 };
 export {
   m as SetRichContentPlugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.66",
+  "version": "0.3.68",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",