@logora/debate 0.3.35 → 0.3.37

package/dist/assets/components/source/source_list_item/SourceListItem.module-fm_uHuY4.css

@@ -0,0 +1 @@
+._sourceListItemContainer_as5dp_3{position:relative;display:inline-flex;align-items:center;max-width:100%}a._sourceListItem_as5dp_3{display:flex;flex-direction:row;justify-content:flex-start;font-size:var(--font-size-extra-small, 14px);margin-top:5px;padding:5px 26px 5px 5px;border:1px solid var(--background-color-secondary, #E8E8E8);border-radius:var(--box-border-radius, 6px);max-width:100%}a._sourceListItem_as5dp_3 svg{margin-right:5px;flex-shrink:0!important;width:16px!important;height:16px!important}a._sourceListItem_as5dp_3{color:var(--text-primary, #222222)!important;text-decoration:none!important;outline:none!important}._removeSourceButton_as5dp_33{position:absolute;top:calc(50% + 2px);right:6px;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #222222);z-index:2}

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

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

package/dist/components/source/source_list_item/SourceListItem.js

@@ -1,34 +1,46 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import "react";
-import t from "./SourceListItem.module.scss.js";
-import { Link as m } from "../../action/link/Link.js";
-import { Icon as l } from "../../icons/icon/Icon.js";
-const h = ({ index: o = 0, url: i, title: n, publisher: r }) => /* @__PURE__ */ e(
-  m,
-  {
-    className: t.sourceListItem,
-    to: i,
-    external: !0,
-    target: "_blank",
-    rel: "nofollow noreferrer noopener",
-    "data-tid": "link_view_source",
-    children: [
-      /* @__PURE__ */ s(l, { name: "link", width: 16, height: 16 }),
-      /* @__PURE__ */ e("div", { className: t.sourceListItemLink, children: [
-        /* @__PURE__ */ e("span", { children: [
-          "[ ",
-          o + 1,
-          " ]"
-        ] }),
-        /* @__PURE__ */ e("span", { children: [
-          r && `${r} – `,
-          " ",
-          n
+import r from "./SourceListItem.module.scss.js";
+import { Link as l } from "../../action/link/Link.js";
+import { Icon as n } from "../../icons/icon/Icon.js";
+const f = ({ index: s = 0, url: a, title: c, publisher: o, onRemove: i }) => /* @__PURE__ */ e("div", { className: r.sourceListItemContainer, children: [
+  /* @__PURE__ */ e(
+    l,
+    {
+      className: r.sourceListItem,
+      to: a,
+      external: !0,
+      target: "_blank",
+      rel: "nofollow noreferrer noopener",
+      "data-tid": "link_view_source",
+      children: [
+        /* @__PURE__ */ t(n, { name: "link", width: 16, height: 16 }),
+        /* @__PURE__ */ e("div", { className: r.sourceListItemLink, children: [
+          /* @__PURE__ */ e("span", { children: [
+            "[ ",
+            s + 1,
+            " ] "
+          ] }),
+          /* @__PURE__ */ e("span", { children: [
+            o && `${o} – `,
+            " ",
+            c
+          ] })
         ] })
-      ] })
-    ]
-  }
-);
+      ]
+    }
+  ),
+  i && /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: r.removeSourceButton,
+      onClick: i,
+      "aria-label": "Remove source",
+      children: /* @__PURE__ */ t(n, { name: "close", width: 10, height: 10 })
+    }
+  )
+] });
 export {
-  h as SourceListItem
+  f as SourceListItem
 };

package/dist/components/source/source_list_item/SourceListItem.module.scss.js

@@ -1,9 +1,11 @@
-import '../../../assets/components/source/source_list_item/SourceListItem.module-mTxHhXPV.css';const s = "_sourceListItem_1498g_3", t = "_sourceListItemLink_1498g_26", e = {
-  sourceListItem: s,
-  sourceListItemLink: t
+import '../../../assets/components/source/source_list_item/SourceListItem.module-fm_uHuY4.css';const t = "_sourceListItemContainer_as5dp_3", e = "_sourceListItem_as5dp_3", o = "_removeSourceButton_as5dp_33", s = {
+  sourceListItemContainer: t,
+  sourceListItem: e,
+  removeSourceButton: o
 };
 export {
-  e as default,
-  s as sourceListItem,
-  t as sourceListItemLink
+  s as default,
+  o as removeSourceButton,
+  e as sourceListItem,
+  t as sourceListItemContainer
 };

package/package.json

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

package/dist/assets/components/source/source_list_item/SourceListItem.module-mTxHhXPV.css

@@ -1 +0,0 @@
-a._sourceListItem_1498g_3{display:flex;flex-direction:row;justify-content:flex-start;font-size:var(--font-size-extra-small, 14px);margin-top:5px;padding:5px;border:1px solid var(--background-color-secondary, #E8E8E8);border-radius:var(--box-border-radius, 6px);max-width:100%}a._sourceListItem_1498g_3 svg{margin-right:5px;flex-shrink:0!important;width:16px!important;height:16px!important}a._sourceListItem_1498g_3{color:var(--text-primary, #222222)!important;text-decoration:none!important;outline:none!important}._sourceListItemLink_1498g_26{display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._sourceListItemLink_1498g_26 span{margin-right:5px}