@logora/debate 0.4.81 → 0.4.82

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

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

package/package.json

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