@logora/debate 0.4.49 → 0.4.51

package/dist/assets/components/input/text_editor/plugins/ToolbarPlugin.module-DPrYyi_2.css

@@ -0,0 +1 @@
+._toolbar_1vwec_3{display:flex!important;justify-content:space-between!important;flex-wrap:wrap;background:var(--background-color-primary, white);padding-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;vertical-align:middle;align-items:flex-start;gap:var(--space-unit, 1em)}._toolbar_1vwec_3._toolbarIsActive_1vwec_13{border-top:1px solid var(--text-tertiary, #fafafa)}._iconToolbar_1vwec_17{display:flex!important;gap:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))}._iconToolbar_1vwec_17._shortBar_1vwec_21{gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}._toolbarItem_1vwec_25{border:0;background:none;padding:0!important;cursor:pointer;vertical-align:middle;touch-action:manipulation;display:flex;align-items:center;justify-content:center;outline:none}@container (max-width: 575.98px){._toolbarItem_1vwec_25{min-width:44px;min-height:44px}}._toolbarItem_1vwec_25._disabled_1vwec_43{cursor:not-allowed}._toolbarItem_1vwec_25:active,._toolbarItem_1vwec_25._active_1vwec_46{background-color:#bababa66;border-radius:50%}._toolbarItem_1vwec_25 ._format_1vwec_50{background-size:contain;display:inline-block;vertical-align:-.25em;display:flex!important}._actionButton_1vwec_57{display:flex!important;gap:var(--space-unit, 1em);margin-left:auto}._inputSubmitActionButton_1vwec_63{width:100%;height:35px;display:flex!important;justify-content:center!important;align-items:center!important;background-color:var(--call-primary-color, #434343)!important}._inputSubmitActionButton_1vwec_63._submitAction_1vwec_71 svg{fill:var(--text-light, white)!important}._inputSubmitActionButton_1vwec_63 ._inputSourceText_1vwec_74{display:none!important;margin-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;font-size:var(--font-size-small, 16px)}@container (min-width: 576px){._inputSubmitActionButton_1vwec_63 ._inputSourceText_1vwec_74{display:block!important}}._tooltip_1vwec_85{width:230px!important;margin-left:-117px!important}

package/dist/assets/components/list/paginated_list/action_bar/ActionBar.module-DP4kPR9x.css

@@ -0,0 +1 @@
+._listHeader_10hfs_3{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:var(--space-unit, 1em)}@container (max-width: 575.98px){._listHeader_10hfs_3{flex-direction:column;align-items:flex-start}._listHeader_10hfs_3._listHeaderOneItem_10hfs_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_10hfs_23{font-size:var(--font-size-extra-large, 22px);line-height:var(--line-height-tight, 1.08em);font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);font-family:var(--title-font-family, var(--font-family, "Montserrat"))}._listSubtitle_10hfs_31{color:var(--text-primary, #222222);font-weight:var(--font-weight-normal, 400);font-variation-settings:var(--font-variation-normal, normal);font-size:var(--font-size-normal, 16px);margin-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._rightBar_10hfs_39{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_10hfs_39{width:100%;justify-content:space-between}._rightBar_10hfs_39._rightBarOneItem_10hfs_49{justify-content:flex-end}}._rightBar_10hfs_39{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_10hfs_60{flex:1;max-width:35%}@container (max-width: 575.98px){._search_10hfs_60{max-width:80%}}._tagSection_10hfs_70{position:relative;display:flex;align-items:stretch;width:100%;max-width:100%}._tagList_10hfs_78{display:flex;flex-direction:row;justify-content:flex-start;flex:1;overflow-x:auto;overflow-y:hidden;gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding-bottom:var(--spacer-md, calc(var(--space-unit, 1em) * .75));scrollbar-width:none}@container (max-width: 575.98px){._tagList_10hfs_78{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagList_10hfs_78::-webkit-scrollbar{display:none}._arrow_10hfs_98{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0;transition:opacity .2s ease;outline:none;background:none;line-height:0}._arrow_10hfs_98 svg{display:block}._arrow_10hfs_98:focus-visible{outline:2px solid var(--call-primary-color, #434343);outline-offset:-2px}._arrowLeft_10hfs_122{left:0;padding-left:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to right,var(--background-color-container, white) 40%,transparent)}._arrowLeft_10hfs_122 svg{transform:rotate(90deg)}._arrowRight_10hfs_131{right:0;padding-right:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to left,var(--background-color-container, white) 40%,transparent)}._arrowRight_10hfs_131 svg{transform:rotate(-90deg)}._arrowHidden_10hfs_140{opacity:0;pointer-events:none}._tagItem_10hfs_145{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_10hfs_152{max-width:300px}@container (max-width: 575.98px){._select_10hfs_152{max-width:300px}}

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

@@ -1,52 +1,50 @@
-import { jsxs as P, jsx as n } from "react/jsx-runtime";
-import { $isListNode as O, ListNode as Z, INSERT_ORDERED_LIST_COMMAND as ee, $isListItemNode as R, $createListNode as te } from "@lexical/list";
-import { useLexicalComposerContext as oe } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as ne, $createQuoteNode as B } from "@lexical/rich-text";
-import { $setBlocksType as $ } from "@lexical/selection";
-import { $getNearestNodeOfType as ie, mergeRegister as ae } from "@lexical/utils";
+import { jsxs as E, jsx as n } from "react/jsx-runtime";
+import { $isListNode as P, ListNode as Y, INSERT_ORDERED_LIST_COMMAND as Z, $isListItemNode as O, $createListNode as ee } from "@lexical/list";
+import { useLexicalComposerContext as te } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as oe, $createQuoteNode as R } from "@lexical/rich-text";
+import { $setBlocksType as B } from "@lexical/selection";
+import { $getNearestNodeOfType as ne, mergeRegister as ie } from "@lexical/utils";
 import i from "classnames";
-import { $getSelection as M, $isRangeSelection as I, SELECTION_CHANGE_COMMAND as le, FORMAT_TEXT_COMMAND as re, $createParagraphNode as q } from "lexical";
-import { useRef as k, useState as N, useCallback as se, useEffect as K } from "react";
-import { useIntl as ce } from "react-intl";
+import { $getSelection as M, $isRangeSelection as I, SELECTION_CHANGE_COMMAND as ae, FORMAT_TEXT_COMMAND as le, $createParagraphNode as $ } from "lexical";
+import { useRef as x, useState as N, useCallback as re, useEffect as q } from "react";
+import { useIntl as se } from "react-intl";
 import t from "./ToolbarPlugin.module.scss.js";
 import { Icon as f } from "../../../icons/icon/Icon.js";
-import { Button as de } from "../../../action/button/Button.js";
-const Ce = (a) => {
-  const d = ce(), F = 1, [l] = oe(), U = k(null), [T, x] = N("paragraph"), [ue, j] = N(null), [H, Q] = N(!1), [V, z] = N(!1), [G, X] = N(!1), L = a.hideSubmit && a.hideSourceAction && a.disableRichText, _ = se(() => {
+import { Button as ce } from "../../../action/button/Button.js";
+const we = (a) => {
+  const d = se(), K = 1, [l] = te(), F = x(null), [T, S] = N("paragraph"), [de, U] = N(null), [j, H] = N(!1), [Q, V] = N(!1), [z, G] = N(!1), L = a.hideSubmit && a.hideSourceAction && a.disableRichText, _ = re(() => {
     const e = M();
     if (I(e)) {
       const c = e.anchor.getNode(), r = c.getKey() === "root" ? c : c.getTopLevelElementOrThrow(), u = r.getKey();
       if (l.getElementByKey(u) !== null)
-        if (j(u), O(r)) {
-          const o = ie(c, Z), p = o ? o.getTag() : r.getTag();
-          x(p);
+        if (U(u), P(r)) {
+          const o = ne(c, Y), p = o ? o.getTag() : r.getTag();
+          S(p);
         } else {
-          const o = ne(r) ? r.getTag() : r.getType();
-          x(o);
+          const o = oe(r) ? r.getTag() : r.getType();
+          S(o);
         }
-      Q(e.hasFormat("bold")), z(e.hasFormat("italic")), X(e.hasFormat("underline"));
+      H(e.hasFormat("bold")), V(e.hasFormat("italic")), G(e.hasFormat("underline"));
     }
   }, [l]);
-  K(() => ae(
+  q(() => ie(
     l.registerUpdateListener(({ editorState: e }) => {
       e.read(() => {
         _();
       });
     }),
     l.registerCommand(
-      le,
+      ae,
       () => (_(), !1),
-      F
+      K
     )
   ), [l, _]);
-  const A = (e) => {
-    e.pointerType !== "touch" && e.pointerType !== "pen" && e.preventDefault();
-  }, y = k(!1), s = k(null);
-  K(() => () => {
+  const y = x(!1), s = x(null);
+  q(() => () => {
     s.current && clearTimeout(s.current);
   }, []);
   const g = (e, c) => {
-    A(e), (e.pointerType === "touch" || e.pointerType === "pen") && (y.current = !0, c(), s.current && clearTimeout(s.current), s.current = setTimeout(() => {
+    e.preventDefault(), (e.pointerType === "touch" || e.pointerType === "pen") && (y.current = !0, c(), s.current && clearTimeout(s.current), s.current = setTimeout(() => {
       y.current = !1, s.current = null;
     }, 500));
   }, h = (e) => {
@@ -62,8 +60,8 @@ const Ce = (a) => {
       });
     }, 0);
   }, b = (e) => {
-    l.dispatchCommand(re, e), w();
-  }, J = () => {
+    l.dispatchCommand(le, e), w();
+  }, X = () => {
     l.update(() => {
       const e = M();
       if (!I(e))
@@ -71,53 +69,53 @@ const Ce = (a) => {
       const c = e.getNodes(), r = /* @__PURE__ */ new Set();
       for (const m of c) {
         let o = m;
-        for (; o !== null && !R(o); )
+        for (; o !== null && !O(o); )
           o = o.getParent();
-        R(o) && r.add(o);
+        O(o) && r.add(o);
       }
       const u = Array.from(r).reverse();
       for (const m of u) {
         const o = m.getParent();
-        if (!O(o))
+        if (!P(o))
           continue;
-        const p = q(), W = m.getChildren();
-        for (const S of W)
-          p.append(S);
+        const p = $(), J = m.getChildren();
+        for (const k of J)
+          p.append(k);
         const C = m.getNextSiblings();
         if (o.insertAfter(p), C.length > 0) {
-          const S = C[0].getValue(), E = te(o.getListType(), S);
-          for (const Y of C)
-            E.append(Y);
-          p.insertAfter(E);
+          const k = C[0].getValue(), v = ee(o.getListType(), k);
+          for (const W of C)
+            v.append(W);
+          p.insertAfter(v);
         }
         m.remove(), o.getChildrenSize() === 0 && o.remove();
       }
     });
+  }, A = () => {
+    T !== "ol" ? l.dispatchCommand(Z) : X(), w();
   }, D = () => {
-    T !== "ol" ? l.dispatchCommand(ee) : J(), w();
-  }, v = () => {
     T !== "quote" ? l.update(() => {
       const e = M();
       if (I(e))
         if (e.isCollapsed()) {
-          const r = e.anchor.getNode().getTopLevelElementOrThrow(), u = B();
+          const r = e.anchor.getNode().getTopLevelElementOrThrow(), u = R();
           r.insertAfter(u), u.selectEnd();
         } else
-          $(e, () => B());
+          B(e, () => R());
     }) : l.update(() => {
       const e = M();
-      I(e) && $(e, () => q());
+      I(e) && B(e, () => $());
     }), w();
   };
-  return L ? null : /* @__PURE__ */ P(
+  return L ? null : /* @__PURE__ */ E(
     "div",
     {
       className: i(t.toolbar, {
         [t.toolbarIsActive]: L ? !1 : a.isActive
       }),
-      ref: U,
+      ref: F,
       children: [
-        a.isActive ? !a.disableRichText && /* @__PURE__ */ P(
+        a.isActive ? !a.disableRichText && /* @__PURE__ */ E(
           "div",
           {
             className: i(t.iconToolbar, {
@@ -130,7 +128,7 @@ const Ce = (a) => {
                   onPointerDown: (e) => g(e, () => b("bold")),
                   onClick: () => h(() => b("bold")),
                   type: "button",
-                  className: i(t.toolbarItem, { [t.active]: H }),
+                  className: i(t.toolbarItem, { [t.active]: j }),
                   "data-testid": "format-bold",
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
@@ -154,7 +152,7 @@ const Ce = (a) => {
                   onClick: () => h(() => b("italic")),
                   type: "button",
                   className: i(t.toolbarItem, {
-                    [t.active]: V
+                    [t.active]: Q
                   }),
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
@@ -178,7 +176,7 @@ const Ce = (a) => {
                   onClick: () => h(() => b("underline")),
                   type: "button",
                   className: i(t.toolbarItem, {
-                    [t.active]: G
+                    [t.active]: z
                   }),
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
@@ -198,8 +196,8 @@ const Ce = (a) => {
               /* @__PURE__ */ n(
                 "button",
                 {
-                  onPointerDown: (e) => g(e, () => v()),
-                  onClick: () => h(() => v()),
+                  onPointerDown: (e) => g(e, () => D()),
+                  onClick: () => h(() => D()),
                   type: "button",
                   className: i(t.toolbarItem, {
                     [t.active]: T === "quote"
@@ -222,8 +220,8 @@ const Ce = (a) => {
               /* @__PURE__ */ n(
                 "button",
                 {
-                  onPointerDown: (e) => g(e, () => D()),
-                  onClick: () => h(() => D()),
+                  onPointerDown: (e) => g(e, () => A()),
+                  onClick: () => h(() => A()),
                   type: "button",
                   className: i(t.toolbarItem, {
                     [t.active]: T === "ol"
@@ -246,7 +244,7 @@ const Ce = (a) => {
               !a.hideSourceAction && /* @__PURE__ */ n(
                 "button",
                 {
-                  onPointerDown: A,
+                  onPointerDown: (e) => e.preventDefault(),
                   onClick: a.onAddSource,
                   type: "button",
                   className: t.toolbarItem,
@@ -269,7 +267,7 @@ const Ce = (a) => {
           }
         ) : null,
         /* @__PURE__ */ n("div", { className: t.actionButton, children: a.hideSubmit ? null : /* @__PURE__ */ n(
-          de,
+          ce,
           {
             type: "button",
             "data-testid": "submit-button",
@@ -287,5 +285,5 @@ const Ce = (a) => {
   );
 };
 export {
-  Ce as ToolbarPlugin
+  we as ToolbarPlugin
 };

package/dist/components/input/text_editor/plugins/ToolbarPlugin.module.scss.js

@@ -1,24 +1,24 @@
-import '../../../../assets/components/input/text_editor/plugins/ToolbarPlugin.module-C3yG2biv.css';const t = "_toolbar_awaxp_3", o = "_toolbarIsActive_awaxp_13", a = "_iconToolbar_awaxp_17", n = "_shortBar_awaxp_21", _ = "_toolbarItem_awaxp_25", c = "_active_awaxp_45", i = "_format_awaxp_49", s = "_actionButton_awaxp_56", r = "_inputSubmitActionButton_awaxp_62", b = "_submitAction_awaxp_70", u = {
+import '../../../../assets/components/input/text_editor/plugins/ToolbarPlugin.module-DPrYyi_2.css';const t = "_toolbar_1vwec_3", o = "_toolbarIsActive_1vwec_13", c = "_iconToolbar_1vwec_17", n = "_shortBar_1vwec_21", _ = "_toolbarItem_1vwec_25", i = "_active_1vwec_46", a = "_format_1vwec_50", s = "_actionButton_1vwec_57", e = "_inputSubmitActionButton_1vwec_63", r = "_submitAction_1vwec_71", b = {
   toolbar: t,
   toolbarIsActive: o,
-  iconToolbar: a,
+  iconToolbar: c,
   shortBar: n,
   toolbarItem: _,
-  active: c,
-  format: i,
+  active: i,
+  format: a,
   actionButton: s,
-  inputSubmitActionButton: r,
-  submitAction: b
+  inputSubmitActionButton: e,
+  submitAction: r
 };
 export {
   s as actionButton,
-  c as active,
-  u as default,
-  i as format,
-  a as iconToolbar,
-  r as inputSubmitActionButton,
+  i as active,
+  b as default,
+  a as format,
+  c as iconToolbar,
+  e as inputSubmitActionButton,
   n as shortBar,
-  b as submitAction,
+  r as submitAction,
   t as toolbar,
   o as toolbarIsActive,
   _ as toolbarItem

package/dist/components/list/paginated_list/action_bar/ActionBar.js

@@ -1,109 +1,129 @@
-import { jsx as i, Fragment as g, jsxs as h } from "react/jsx-runtime";
-import v from "classnames";
-import { useState as T } from "react";
-import { useIntl as _ } from "react-intl";
-import { useLocation as z } from "react-router";
-import a from "./ActionBar.module.scss.js";
-import { useResponsive as D } from "../../../hooks/use_responsive/useResponsive.js";
-import { SearchInput as F } from "../../../input/search_input/SearchInput.js";
-import { Select as P } from "../../../input/select/Select.js";
-import { Tag as E } from "../../../tag/tag/Tag.js";
-import { Icon as G } from "../../../icons/icon/Icon.js";
-const O = ({
-  title: n,
-  subtitle: u,
-  showDebateConsultationSubtitle: y = !1,
-  sortOptions: r,
-  defaultSelectOption: A,
-  searchBar: s = !1,
-  tagList: o,
-  pinnedTagList: c = [],
-  activeTagId: d,
-  withUrlParams: m = !1,
-  onSearch: I,
-  onSortChange: N,
-  onTagChange: w
+import { jsx as r, Fragment as T, jsxs as d } from "react/jsx-runtime";
+import R from "classnames";
+import { useState as v, useRef as G, useCallback as J, useEffect as K } from "react";
+import { useIntl as Q } from "react-intl";
+import { useLocation as V } from "react-router";
+import t from "./ActionBar.module.scss.js";
+import { useResponsive as X } from "../../../hooks/use_responsive/useResponsive.js";
+import { SearchInput as Y } from "../../../input/search_input/SearchInput.js";
+import { Select as Z } from "../../../input/select/Select.js";
+import { Icon as b } from "../../../icons/icon/Icon.js";
+import { Tag as U } from "../../../tag/tag/Tag.js";
+const de = ({
+  title: f,
+  subtitle: w,
+  showDebateConsultationSubtitle: k = !1,
+  sortOptions: n,
+  defaultSelectOption: x,
+  searchBar: o = !1,
+  tagList: m,
+  pinnedTagList: h = [],
+  activeTagId: u,
+  withUrlParams: g = !1,
+  onSearch: $,
+  onSortChange: L,
+  onTagChange: H
 }) => {
-  const x = _(), b = z(), { isMobile: J } = D(), [k, C] = T(!1), l = new URLSearchParams(
-    typeof window < "u" ? window.location.search : b.search
-  ), f = Array.isArray(o) ? o : o?.data || [], p = [
+  const B = Q(), M = V(), { isMobile: q } = X(), [j, z] = v(!1), s = G(null), [y, P] = v(!1), [A, W] = v(!1), a = new URLSearchParams(
+    typeof window < "u" ? window.location.search : M.search
+  ), S = Array.isArray(m) ? m : m?.data || [], C = [
     ...new Set(
-      (Array.isArray(c) ? c : [c]).filter(Boolean).map(String)
+      (Array.isArray(h) ? h : [h]).filter(Boolean).map(String)
     )
-  ], S = f.length > 0 ? [
-    ...p.map((e) => f.find((t) => String(t.id) === e)).filter(Boolean),
-    ...f.filter((e) => !p.includes(String(e.id)))
-  ] : [], M = (e) => {
-    if (m) {
-      for (const t of l.keys())
-        r.map((R) => {
-          R.name === t && l.delete(t);
+  ], p = S.length > 0 ? [
+    ...C.map((e) => S.find((l) => String(l.id) === e)).filter(Boolean),
+    ...S.filter((e) => !C.includes(String(e.id)))
+  ] : [], i = J(() => {
+    const e = s.current;
+    e && (P(e.scrollLeft > 1), W(e.scrollLeft + e.clientWidth < e.scrollWidth - 1));
+  }, []);
+  K(() => {
+    i();
+    const e = s.current;
+    if (!e) return;
+    const l = new ResizeObserver(i);
+    return l.observe(e), () => l.disconnect();
+  }, [p, i]);
+  const I = (e, l) => {
+    l.stopPropagation();
+    const c = s.current;
+    if (!c) return;
+    const N = 200;
+    c.scrollBy({
+      left: e === "left" ? -N : N,
+      behavior: "smooth"
+    }), setTimeout(i, 300);
+  }, _ = (e) => {
+    if (g) {
+      for (const l of a.keys())
+        n.map((c) => {
+          c.name === l && a.delete(l);
         });
-      l.delete("sort"), l.set(
+      a.delete("sort"), a.set(
         e.type === "filter" ? e.name : "sort",
         e.value
       );
     }
-    N(e);
-  }, j = (e) => {
-    m && (e.id === d ? l.delete("tagId") : l.set("tagId", e.id)), w(e.id === d ? null : e.id);
-  }, B = (e) => {
-    m && (e ? l.set("search", e) : l.delete("search")), I(e), C(e !== "");
-  }, H = (e) => {
-    const t = d === e.id;
-    return /* @__PURE__ */ i(
+    L(e);
+  }, D = (e) => {
+    g && (e.id === u ? a.delete("tagId") : a.set("tagId", e.id)), H(e.id === u ? null : e.id);
+  }, E = (e) => {
+    g && (e ? a.set("search", e) : a.delete("search")), $(e), z(e !== "");
+  }, F = (e) => {
+    const l = u === e.id;
+    return /* @__PURE__ */ r(
       "div",
       {
-        className: a.tagItem,
-        onClick: () => j(e),
-        children: /* @__PURE__ */ i(
-          E,
+        className: t.tagItem,
+        onClick: () => D(e),
+        children: /* @__PURE__ */ r(
+          U,
           {
             text: e.display_name,
-            active: t,
-            rightIcon: t && /* @__PURE__ */ i(G, { name: "close", height: 10, width: 10 })
+            active: l,
+            rightIcon: l && /* @__PURE__ */ r(b, { name: "close", height: 10, width: 10 })
           }
         )
       },
       e.id
     );
   };
-  return /* @__PURE__ */ i(g, { children: (n || r || s) && /* @__PURE__ */ h(g, { children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ r(T, { children: (f || n || o) && /* @__PURE__ */ d(T, { children: [
+    /* @__PURE__ */ d(
       "div",
       {
-        className: v(a.listHeader, {
-          [a.listHeaderOneItem]: !s || !r
+        className: R(t.listHeader, {
+          [t.listHeaderOneItem]: !o || !n
         }),
         children: [
-          n && /* @__PURE__ */ i("div", { className: a.listTitle, children: n }),
-          (r || s) && /* @__PURE__ */ h(
+          f && /* @__PURE__ */ r("div", { className: t.listTitle, children: f }),
+          (n || o) && /* @__PURE__ */ d(
             "div",
             {
-              className: v(a.rightBar, {
-                [a.rightBarOneItem]: !s || !r
+              className: R(t.rightBar, {
+                [t.rightBarOneItem]: !o || !n
               }),
               children: [
-                s ? /* @__PURE__ */ i("div", { className: a.search, children: /* @__PURE__ */ i(
-                  F,
+                o ? /* @__PURE__ */ r("div", { className: t.search, children: /* @__PURE__ */ r(
+                  Y,
                   {
-                    onSearchSubmit: B,
-                    placeholder: x.formatMessage({
+                    onSearchSubmit: E,
+                    placeholder: B.formatMessage({
                       id: "info.search_mobile",
                       defaultMessage: "Search"
                     }),
                     reducedByDefault: !1
                   }
                 ) }) : null,
-                r ? /* @__PURE__ */ i(
-                  P,
+                n ? /* @__PURE__ */ r(
+                  Z,
                   {
-                    onChange: M,
-                    options: r,
-                    defaultOption: A,
+                    onChange: _,
+                    options: n,
+                    defaultOption: x,
                     horizontalPosition: "right",
-                    disabled: k,
-                    className: a.select
+                    disabled: j,
+                    className: t.select
                   }
                 ) : null
               ]
@@ -112,10 +132,42 @@ const O = ({
         ]
       }
     ),
-    y && u && /* @__PURE__ */ i("div", { className: a.listSubtitle, children: u }),
-    S.length > 0 && /* @__PURE__ */ i("div", { className: a.tagList, children: S.map(H) })
+    k && w && /* @__PURE__ */ r("div", { className: t.listSubtitle, children: w }),
+    p.length > 0 && /* @__PURE__ */ d("div", { className: t.tagSection, children: [
+      /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          className: `${t.arrow} ${t.arrowLeft} ${y ? "" : t.arrowHidden}`,
+          onClick: (e) => I("left", e),
+          "aria-label": "Tag précédent",
+          tabIndex: y ? 0 : -1,
+          children: /* @__PURE__ */ r(b, { name: "lightArrow", height: 24, width: 24 })
+        }
+      ),
+      /* @__PURE__ */ r(
+        "div",
+        {
+          ref: s,
+          className: t.tagList,
+          onScroll: i,
+          children: p.map(F)
+        }
+      ),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          className: `${t.arrow} ${t.arrowRight} ${A ? "" : t.arrowHidden}`,
+          onClick: (e) => I("right", e),
+          "aria-label": "Tag suivant",
+          tabIndex: A ? 0 : -1,
+          children: /* @__PURE__ */ r(b, { name: "lightArrow", height: 24, width: 24 })
+        }
+      )
+    ] })
   ] }) });
 };
 export {
-  O as ActionBar
+  de as ActionBar
 };

package/dist/components/list/paginated_list/action_bar/ActionBar.module.scss.js

@@ -1,25 +1,35 @@
-import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-BDMBrj2Y.css';const t = "_listHeader_fga2s_3", e = "_listHeaderOneItem_fga2s_16", s = "_listTitle_fga2s_23", a = "_listSubtitle_fga2s_31", _ = "_rightBar_fga2s_39", i = "_rightBarOneItem_fga2s_49", l = "_search_fga2s_60", g = "_tagList_fga2s_70", r = "_tagItem_fga2s_85", c = "_select_fga2s_92", n = {
+import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-DP4kPR9x.css';const t = "_listHeader_10hfs_3", s = "_listHeaderOneItem_10hfs_16", e = "_listTitle_10hfs_23", r = "_listSubtitle_10hfs_31", _ = "_rightBar_10hfs_39", a = "_rightBarOneItem_10hfs_49", i = "_search_10hfs_60", o = "_tagSection_10hfs_70", n = "_tagList_10hfs_78", h = "_arrow_10hfs_98", c = "_arrowLeft_10hfs_122", l = "_arrowRight_10hfs_131", f = "_arrowHidden_10hfs_140", g = "_tagItem_10hfs_145", d = "_select_10hfs_152", w = {
   listHeader: t,
-  listHeaderOneItem: e,
-  listTitle: s,
-  listSubtitle: a,
+  listHeaderOneItem: s,
+  listTitle: e,
+  listSubtitle: r,
   rightBar: _,
-  rightBarOneItem: i,
-  search: l,
-  tagList: g,
-  tagItem: r,
-  select: c
+  rightBarOneItem: a,
+  search: i,
+  tagSection: o,
+  tagList: n,
+  arrow: h,
+  arrowLeft: c,
+  arrowRight: l,
+  arrowHidden: f,
+  tagItem: g,
+  select: d
 };
 export {
-  n as default,
+  h as arrow,
+  f as arrowHidden,
+  c as arrowLeft,
+  l as arrowRight,
+  w as default,
   t as listHeader,
-  e as listHeaderOneItem,
-  a as listSubtitle,
-  s as listTitle,
+  s as listHeaderOneItem,
+  r as listSubtitle,
+  e as listTitle,
   _ as rightBar,
-  i as rightBarOneItem,
-  l as search,
-  c as select,
-  r as tagItem,
-  g as tagList
+  a as rightBarOneItem,
+  i as search,
+  d as select,
+  g as tagItem,
+  n as tagList,
+  o as tagSection
 };

package/package.json

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

package/dist/assets/components/input/text_editor/plugins/ToolbarPlugin.module-C3yG2biv.css

@@ -1 +0,0 @@
-._toolbar_awaxp_3{display:flex!important;justify-content:space-between!important;flex-wrap:wrap;background:var(--background-color-primary, white);padding-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;vertical-align:middle;align-items:flex-start;gap:var(--space-unit, 1em)}._toolbar_awaxp_3._toolbarIsActive_awaxp_13{border-top:1px solid var(--text-tertiary, #fafafa)}._iconToolbar_awaxp_17{display:flex!important;gap:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))}._iconToolbar_awaxp_17._shortBar_awaxp_21{gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}._toolbarItem_awaxp_25{border:0;background:none;padding:0!important;cursor:pointer;vertical-align:middle;touch-action:manipulation;display:flex;align-items:center;justify-content:center}@container (max-width: 575.98px){._toolbarItem_awaxp_25{min-width:44px;min-height:44px}}._toolbarItem_awaxp_25._disabled_awaxp_42{cursor:not-allowed}._toolbarItem_awaxp_25._active_awaxp_45{background-color:#bababa66;border-radius:50%}._toolbarItem_awaxp_25 ._format_awaxp_49{background-size:contain;display:inline-block;vertical-align:-.25em;display:flex!important}._actionButton_awaxp_56{display:flex!important;gap:var(--space-unit, 1em);margin-left:auto}._inputSubmitActionButton_awaxp_62{width:100%;height:35px;display:flex!important;justify-content:center!important;align-items:center!important;background-color:var(--call-primary-color, #434343)!important}._inputSubmitActionButton_awaxp_62._submitAction_awaxp_70 svg{fill:var(--text-light, white)!important}._inputSubmitActionButton_awaxp_62 ._inputSourceText_awaxp_73{display:none!important;margin-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;font-size:var(--font-size-small, 16px)}@container (min-width: 576px){._inputSubmitActionButton_awaxp_62 ._inputSourceText_awaxp_73{display:block!important}}._tooltip_awaxp_84{width:230px!important;margin-left:-117px!important}

package/dist/assets/components/list/paginated_list/action_bar/ActionBar.module-BDMBrj2Y.css

@@ -1 +0,0 @@
-._listHeader_fga2s_3{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:var(--space-unit, 1em)}@container (max-width: 575.98px){._listHeader_fga2s_3{flex-direction:column;align-items:flex-start}._listHeader_fga2s_3._listHeaderOneItem_fga2s_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_fga2s_23{font-size:var(--font-size-extra-large, 22px);line-height:var(--line-height-tight, 1.08em);font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);font-family:var(--title-font-family, var(--font-family, "Montserrat"))}._listSubtitle_fga2s_31{color:var(--text-primary, #222222);font-weight:var(--font-weight-normal, 400);font-variation-settings:var(--font-variation-normal, normal);font-size:var(--font-size-normal, 16px);margin-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._rightBar_fga2s_39{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_fga2s_39{width:100%;justify-content:space-between}._rightBar_fga2s_39._rightBarOneItem_fga2s_49{justify-content:flex-end}}._rightBar_fga2s_39{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_fga2s_60{flex:1;max-width:35%}@container (max-width: 575.98px){._search_fga2s_60{max-width:80%}}._tagList_fga2s_70{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding-bottom:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}@container (max-width: 575.98px){._tagList_fga2s_70{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagItem_fga2s_85{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_fga2s_92{max-width:300px}@container (max-width: 575.98px){._select_fga2s_92{max-width:300px}}