@logora/debate 0.2.1 → 0.2.3

package/dist/components/list/paginated_list/PaginatedList.js

@@ -1,178 +1,245 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import { useDataProvider as ee } from "../../data/data_provider/useDataProvider.js";
-import { useData as te } from "../../data/data_provider/useData.js";
-import { StandardErrorBoundary as ne } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
-import { useResponsive as re } from "../../hooks/use_responsive/useResponsive.js";
-import { useList as ie } from "../list_provider/useList.js";
-import { Pagination as ae } from "../pagination/Pagination.js";
-import { uniqueBy as r } from "../../util/unique_by/uniqueBy.js";
-import i from "../../../node_modules/.pnpm/@rooks_use-previous@4.11.2/node_modules/@rooks/use-previous/lib/index.esm.js";
-import a from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
-import o from "./PaginatedList.module.js";
-import { ActionBar as oe } from "./action_bar/ActionBar.js";
-import se, { useEffect as s, useState as c } from "react";
-import { useLocation as ce } from "react-router";
-//#region src/components/list/paginated_list/PaginatedList.jsx
-var le = /* @__PURE__ */ e(n()), l = t(), u = ({ query: e, sortOptions: t, sort: n, filters: u, tagList: ue, currentPage: d, resource: f, currentListId: p, withToken: m, perPage: h, perPageParam: de = "per_page", pageParam: fe = "page", sortParam: pe = "sort", queryParam: me = "query", tagParam: he = "tag_id", totalHeaderParam: g = "total", onUpdateTotal: _, onElementsLoad: v, transformData: y, uniqueIdKey: b = "id", children: ge, resourcePropName: _e, loadingComponent: x, searchBar: ve = !1, title: ye, emptyListComponent: S, emptyText: be, display: C, elementsPerLine: w, indexLayout: xe = !1, gap: Se = "1em", withPagination: Ce = !0, numberElements: T, countless: we, onElementClick: E, withUrlParams: D = !1, onLoadNewPage: O }) => {
-	let k = a(), A = ie(), j = ee(), M = ce(), { isMobile: N, isTablet: Te, isDesktop: P } = re(), [F, I] = c(!1), [Ee, De] = c(!1), [L, R] = te(p, []), [z, Oe] = c(L?.length || 0), [B, V] = c(d || 1), [H, U] = c(e || null), [W, G] = c(null), [ke, K] = c(null), q = new URLSearchParams(typeof window < "u" ? window.location.search : M.search), Ae = () => t && t[0].type === "sort" && t[0].value || n || "", je = () => {
-		let e = {};
-		return t && t[0].type === "filter" && (e[t[0].name] = t[0].value), u && (e = Object.assign({}, e, u)), e;
-	}, [J, Y] = c(Ae()), [X, Z] = c(je()), Q = i(u);
-	d && d !== B && V(d), e !== void 0 && e !== H && U(e), n !== void 0 && n !== J && Y(n), Q && JSON.stringify(u) !== JSON.stringify(Q) && JSON.stringify(u) !== JSON.stringify(X) && Z(u), s(() => {
-		if (q.get("tagId") && G(Number.parseInt(q.get("tagId"))), q.get("search") && U(q.get("search")), q.get("sort")) {
-			Y(q.get("sort"));
-			for (let e of q.values()) {
-				t?.map((t) => {
-					t.value === e && K(t.name);
-				});
-				break;
-			}
-		}
-		for (let e of q.keys()) {
-			t?.map((t) => {
-				t.name === e && (Z({
-					...u,
-					[t.name]: t.value
-				}), K(t.name));
-			});
-			break;
-		}
-	}, [M.search]), s(() => {
-		f ? (V(1), R([]), I(!0), $(1)) : I(!1);
-	}, [
-		J,
-		X,
-		H,
-		f,
-		W,
-		h
-	]), s(() => {
-		B > 1 && (I(!0), $(B));
-	}, [B]), s(() => {
-		if (A.addElements && p in A.addElements && A.addElements[p].length > 0) {
-			Pe(A.addElements[p]);
-			let e = A.addElements;
-			delete e[p], A.setAddElements(e);
-		}
-	}, [A.addElements]), s(() => {
-		if (A.updateElements && p in A.updateElements && A.updateElements[p].length > 0) {
-			Fe(A.updateElements[p]);
-			let e = A.updateElements;
-			delete e[p], A.setUpdateElements(e);
-		}
-	}, [A.updateElements]), s(() => {
-		if (A.removeElements && p in A.removeElements && A.removeElements[p].length > 0) {
-			Ie(A.removeElements[p]);
-			let e = A.removeElements;
-			delete e[p], A.setRemoveElements(e);
-		}
-	}, [A.removeElements]);
-	let Me = (e) => {
-		e.type === "filter" ? (Y(""), Z({
-			...u,
-			[e.name]: e.value
-		})) : (Y(e.value), Z(u ? { ...u } : {}));
-	}, Ne = () => {
-		typeof O == "function" && O() !== null || V(B + 1);
-	}, $ = (e) => {
-		let t = m ? j.getListWithToken : j.getList;
-		(e - 1) * h <= (T || z) || e === 1 ? t(f, {
-			[fe]: e,
-			[de]: h,
-			...J && !H && { [pe]: J },
-			...H && { [me]: H },
-			...we === !0 && { countless: !0 },
-			...X,
-			...W && { [he]: W }
-		}).then((e) => {
-			let t = e.headers;
-			t && g in t && (Oe(Number.parseInt(t[g || "total"], 10)), _ && _(t[g || "total"]));
-			let n = e?.data?.data;
-			v && v(n), y && (n = n.filter(y)), A.addElements && p in A.addElements && A.addElements[p].length > 0 && (n = [...A.addElements[p], n]), Le(n), I(!1);
-		}).catch((e) => {
-			console.error(e), e?.response?.status !== 404 && De(!0), I(!1);
-		}) : I(!1);
-	}, Pe = (e) => {
-		R((t) => r([...e, ...t], b || "id")), v && v(e);
-	}, Fe = (e) => {
-		let t = L;
-		e.forEach((e) => t = t.map((t) => t.id === e.id ? e : t)), R(r(t, b || "id"));
-	}, Ie = (e) => {
-		let t = e.map((e) => e.id);
-		R(r(L.filter((e) => t.indexOf(e.id) === -1), b || "id"));
-	}, Le = (e) => {
-		R((t) => r([...t, ...e], b || "id"));
-	}, Re = (e, t) => e === void 0 ? null : /* @__PURE__ */ (0, l.jsx)("li", {
-		className: o.paginatedListItem,
-		"data-testid": "list-item",
-		onClick: E,
-		children: /* @__PURE__ */ (0, l.jsx)(ne, {
-			hideMessage: !0,
-			children: se.cloneElement(ge, {
-				index: t,
-				[_e]: e
-			})
-		})
-	}, e[b || "id"]), ze = (e) => x ? /* @__PURE__ */ (0, l.jsx)("li", {
-		className: o.paginatedListItem,
-		children: x
-	}, e) : null;
-	if (Ee) throw Error(k.formatMessage({
-		id: "error.list",
-		defaultMessage: "Error when loading content."
-	}));
-	return /* @__PURE__ */ (0, l.jsxs)("div", {
-		className: o.listContainer,
-		children: [/* @__PURE__ */ (0, l.jsx)(oe, {
-			title: ye,
-			sortOptions: t,
-			defaultSelectOption: ke,
-			searchBar: ve,
-			tagList: ue,
-			activeTagId: W,
-			onSearch: (e) => U(e),
-			onSortChange: Me,
-			onTagChange: (e) => G(e),
-			withUrlParams: D
-		}), !F && L.length === 0 ? S ? /* @__PURE__ */ (0, l.jsx)("div", {
-			className: o.emptyListElement,
-			children: S
-		}) : /* @__PURE__ */ (0, l.jsx)("div", {
-			className: o.emptyList,
-			children: be || k.formatMessage({
-				id: "info.emptyList",
-				defaultMessage: "No items for now."
-			})
-		}) : /* @__PURE__ */ (0, l.jsxs)(l.Fragment, { children: [/* @__PURE__ */ (0, l.jsxs)("ul", {
-			className: (0, le.default)(o.paginatedList, {
-				[o.paginatedListIsTablet]: !N && !P,
-				[o.centeredList]: C === "column",
-				[o.column]: C === "column",
-				[o.twoElementsPerLine]: w === 2,
-				[o.oneElementPerLine]: w === 1,
-				[o.indexLayoutList]: xe,
-				[o.listIsDesktop]: P,
-				[o.listIsTablet]: Te && !P,
-				[o.listIsMobile]: N
-			}),
-			style: { gap: Se },
-			children: [L.map(Re), F ? Array(h).fill().map((e, t) => t).map(ze) : null]
-		}), !F && Ce !== !1 && /* @__PURE__ */ (0, l.jsx)(ae, {
-			buttonText: k.formatMessage({
-				id: "action.see_more",
-				defaultMessage: "See more"
-			}),
-			currentPage: B,
-			perPage: h,
-			totalElements: T || z,
-			onLoad: Ne,
-			isLoading: F,
-			hideLoader: !0,
-			"data-tid": "list_read_more"
-		})] })]
-	});
+import { jsxs as U, jsx as d, Fragment as Le } from "react/jsx-runtime";
+import je from "@rooks/use-previous";
+import Be from "classnames";
+import Qe, { useState as m, useEffect as g } from "react";
+import { useIntl as Ue } from "react-intl";
+import { useLocation as We } from "react-router";
+import a from "./PaginatedList.module.scss.js";
+import { ActionBar as ze } from "./action_bar/ActionBar.js";
+import { useList as Ge } from "../list_provider/useList.js";
+import { useDataProvider as Pe } from "../../data/data_provider/useDataProvider.js";
+import { useResponsive as Ve } from "../../hooks/use_responsive/useResponsive.js";
+import { useData as Xe } from "../../data/data_provider/useData.js";
+import { uniqueBy as A } from "../../util/unique_by/uniqueBy.js";
+import { Pagination as Ye } from "../pagination/Pagination.js";
+import { StandardErrorBoundary as Ze } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
+const rt = ({
+  query: w,
+  sortOptions: i,
+  sort: N,
+  filters: o,
+  tagList: ne,
+  currentPage: M,
+  resource: _,
+  currentListId: n,
+  withToken: ae,
+  perPage: h,
+  perPageParam: le = "per_page",
+  pageParam: ie = "page",
+  sortParam: oe = "sort",
+  queryParam: me = "query",
+  tagParam: re = "tag_id",
+  totalHeaderParam: D = "total",
+  onUpdateTotal: W,
+  onElementsLoad: R,
+  transformData: z,
+  uniqueIdKey: p = "id",
+  children: de,
+  resourcePropName: fe,
+  loadingComponent: G,
+  searchBar: ce = !1,
+  title: ue,
+  emptyListComponent: P,
+  emptyText: V,
+  display: X,
+  elementsPerLine: Y,
+  indexLayout: Ee = !1,
+  gap: ge = "1em",
+  withPagination: he = !0,
+  numberElements: Z,
+  countless: pe,
+  onElementClick: ve,
+  withUrlParams: Se = !1,
+  onLoadNewPage: $
+}) => {
+  const J = Ue(), t = Ge(), H = Pe(), I = We(), { isMobile: K, isTablet: ye, isDesktop: L } = Ve(), [b, f] = m(!1), [we, Ne] = m(!1), [v, S] = Xe(n, []), [O, Me] = m(
+    v?.length || 0
+  ), [c, j] = m(M || 1), [y, B] = m(w || null), [k, q] = m(null), [Re, ee] = m(null), r = new URLSearchParams(
+    typeof window < "u" ? window.location.search : I.search
+  ), be = () => i && i[0].type === "sort" && i[0].value || N || "", ke = () => {
+    let e = {};
+    return i && i[0].type === "filter" && (e[i[0].name] = i[0].value), o && (e = Object.assign({}, e, o)), e;
+  }, [C, F] = m(be()), [Q, T] = m(ke()), te = je(o);
+  M && M !== c && j(M), w !== void 0 && w !== y && B(w), N !== void 0 && N !== C && F(N), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && T(o), g(() => {
+    if (r.get("tagId") && q(Number.parseInt(r.get("tagId"))), r.get("search") && B(r.get("search")), r.get("sort")) {
+      F(r.get("sort"));
+      for (const e of r.values()) {
+        i?.map((s) => {
+          s.value === e && ee(s.name);
+        });
+        break;
+      }
+    }
+    for (const e of r.keys()) {
+      i?.map((s) => {
+        s.name === e && (T({
+          ...o,
+          [s.name]: s.value
+        }), ee(s.name));
+      });
+      break;
+    }
+  }, [I.search]), g(() => {
+    _ ? (j(1), S([]), f(!0), se(1)) : f(!1);
+  }, [
+    C,
+    Q,
+    y,
+    _,
+    k,
+    h
+  ]), g(() => {
+    c > 1 && (f(!0), se(c));
+  }, [c]), g(() => {
+    if (t.addElements && n in t.addElements && t.addElements[n].length > 0) {
+      Te(t.addElements[n]);
+      const e = t.addElements;
+      delete e[n], t.setAddElements(e);
+    }
+  }, [t.addElements]), g(() => {
+    if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0) {
+      xe(t.updateElements[n]);
+      const e = t.updateElements;
+      delete e[n], t.setUpdateElements(e);
+    }
+  }, [t.updateElements]), g(() => {
+    if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0) {
+      Ae(t.removeElements[n]);
+      const e = t.removeElements;
+      delete e[n], t.setRemoveElements(e);
+    }
+  }, [t.removeElements]);
+  const Ce = (e) => {
+    e.type === "filter" ? (F(""), T({
+      ...o,
+      [e.name]: e.value
+    })) : (F(e.value), T(o ? { ...o } : {}));
+  }, Fe = () => {
+    typeof $ == "function" && $() !== null || j(c + 1);
+  }, se = (e) => {
+    const s = ae ? H.getListWithToken : H.getList;
+    if ((e - 1) * h <= (Z || O) || e === 1) {
+      const u = {
+        [ie]: e,
+        [le]: h,
+        ...C && !y && { [oe]: C },
+        ...y && { [me]: y },
+        ...pe === !0 && { countless: !0 },
+        ...Q,
+        ...k && { [re]: k }
+      };
+      s(_, u).then((l) => {
+        const x = l.headers;
+        x && D in x && (Me(
+          Number.parseInt(x[D || "total"], 10)
+        ), W && W(x[D || "total"]));
+        let E = l?.data?.data;
+        R && R(E), z && (E = E.filter(z)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (E = [...t.addElements[n], E]), _e(E), f(!1);
+      }).catch((l) => {
+        console.error(l), l?.response?.status !== 404 && Ne(!0), f(!1);
+      });
+    } else
+      f(!1);
+  }, Te = (e) => {
+    S(
+      (s) => A([...e, ...s], p || "id")
+    ), R && R(e);
+  }, xe = (e) => {
+    let s = v;
+    e.forEach(
+      (u) => s = s.map(
+        (l) => l.id === u.id ? u : l
+      )
+    ), S(A(s, p || "id"));
+  }, Ae = (e) => {
+    const s = e.map((l) => l.id), u = v.filter(
+      (l) => s.indexOf(l.id) === -1
+    );
+    S(A(u, p || "id"));
+  }, _e = (e) => {
+    S(
+      (s) => A([...s, ...e], p || "id")
+    );
+  }, De = (e, s) => e !== void 0 ? /* @__PURE__ */ d(
+    "li",
+    {
+      className: a.paginatedListItem,
+      "data-testid": "list-item",
+      onClick: ve,
+      children: /* @__PURE__ */ d(Ze, { hideMessage: !0, children: Qe.cloneElement(de, {
+        index: s,
+        [fe]: e
+      }) })
+    },
+    e[p || "id"]
+  ) : null, Je = (e) => G ? /* @__PURE__ */ d("li", { className: a.paginatedListItem, children: G }, e) : null;
+  if (we)
+    throw new Error(
+      J.formatMessage({
+        id: "error.list",
+        defaultMessage: "Error when loading content."
+      })
+    );
+  return /* @__PURE__ */ U("div", { className: a.listContainer, children: [
+    /* @__PURE__ */ d(
+      ze,
+      {
+        title: ue,
+        sortOptions: i,
+        defaultSelectOption: Re,
+        searchBar: ce,
+        tagList: ne,
+        activeTagId: k,
+        onSearch: (e) => B(e),
+        onSortChange: Ce,
+        onTagChange: (e) => q(e),
+        withUrlParams: Se
+      }
+    ),
+    !b && v.length === 0 ? P ? /* @__PURE__ */ d("div", { className: a.emptyListElement, children: P }) : /* @__PURE__ */ d("div", { className: a.emptyList, children: V || J.formatMessage({
+      id: "info.emptyList",
+      defaultMessage: "No items for now."
+    }) }) : /* @__PURE__ */ U(Le, { children: [
+      /* @__PURE__ */ U(
+        "ul",
+        {
+          className: Be(a.paginatedList, {
+            [a.paginatedListIsTablet]: !K && !L,
+            [a.centeredList]: X === "column",
+            [a.column]: X === "column",
+            [a.twoElementsPerLine]: Y === 2,
+            [a.oneElementPerLine]: Y === 1,
+            [a.indexLayoutList]: Ee,
+            [a.listIsDesktop]: L,
+            [a.listIsTablet]: ye && !L,
+            [a.listIsMobile]: K
+          }),
+          style: { gap: ge },
+          children: [
+            v.map(De),
+            b ? Array(h).fill().map((e, s) => s).map(Je) : null
+          ]
+        }
+      ),
+      !b && he !== !1 && /* @__PURE__ */ d(
+        Ye,
+        {
+          buttonText: J.formatMessage({
+            id: "action.see_more",
+            defaultMessage: "See more"
+          }),
+          currentPage: c,
+          perPage: h,
+          totalElements: Z || O,
+          onLoad: Fe,
+          isLoading: b,
+          hideLoader: !0,
+          "data-tid": "list_read_more"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  rt as PaginatedList
 };
-//#endregion
-export { u as PaginatedList };

package/dist/components/list/paginated_list/PaginatedList.module.scss.js

@@ -0,0 +1,33 @@
+import '../../../assets/components/list/paginated_list/PaginatedList.module-DI1wH2Na.css';const t = "_paginatedList_1m6u5_3", e = "_centeredList_1m6u5_11", s = "_listIsDesktop_1m6u5_14", i = "_indexLayoutList_1m6u5_17", n = "_listIsTablet_1m6u5_26", _ = "_listIsMobile_1m6u5_29", o = "_column_1m6u5_32", l = "_oneElementPerLine_1m6u5_32", m = "_twoElementsPerLine_1m6u5_35", a = "_paginatedListIsTablet_1m6u5_39", L = "_listContainer_1m6u5_44", c = "_emptyList_1m6u5_55", u = "_emptyListElement_1m6u5_63", p = "_paginatedListItem_1m6u5_71", d = {
+  paginatedList: t,
+  centeredList: e,
+  listIsDesktop: s,
+  indexLayoutList: i,
+  listIsTablet: n,
+  listIsMobile: _,
+  column: o,
+  oneElementPerLine: l,
+  twoElementsPerLine: m,
+  paginatedListIsTablet: a,
+  listContainer: L,
+  emptyList: c,
+  emptyListElement: u,
+  paginatedListItem: p
+};
+export {
+  e as centeredList,
+  o as column,
+  d as default,
+  c as emptyList,
+  u as emptyListElement,
+  i as indexLayoutList,
+  L as listContainer,
+  s as listIsDesktop,
+  _ as listIsMobile,
+  n as listIsTablet,
+  l as oneElementPerLine,
+  t as paginatedList,
+  a as paginatedListIsTablet,
+  p as paginatedListItem,
+  m as twoElementsPerLine
+};

package/dist/components/list/paginated_list/VotePaginatedList.js

@@ -1,20 +1,24 @@
-import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { PaginatedList as t } from "./PaginatedList.js";
-import { VoteContext as n, VoteProvider as r } from "../../vote/vote_provider/VoteProvider.js";
+import { jsx as a } from "react/jsx-runtime";
 import "react";
-//#region src/components/list/paginated_list/VotePaginatedList.jsx
-var i = e(), a = (e) => {
-	let a = (t, n) => {
-		e.onElementsLoad && e.onElementsLoad(t), n.addVoteableIds(t.map((t) => e.voteableIdFormat ? e.voteableIdFormat(t) : t.id));
-	};
-	return /* @__PURE__ */ (0, i.jsx)(r, {
-		voteableType: e.voteableType,
-		children: /* @__PURE__ */ (0, i.jsx)(n.Consumer, { children: (n) => /* @__PURE__ */ (0, i.jsx)(t, {
-			...e,
-			...n,
-			onElementsLoad: (e) => a(e, n)
-		}) })
-	});
+import { PaginatedList as m } from "./PaginatedList.js";
+import { VoteProvider as n, VoteContext as r } from "../../vote/vote_provider/VoteProvider.js";
+const L = (e) => {
+  const i = (o, t) => {
+    e.onElementsLoad && e.onElementsLoad(o), t.addVoteableIds(
+      o.map(
+        (d) => e.voteableIdFormat ? e.voteableIdFormat(d) : d.id
+      )
+    );
+  };
+  return /* @__PURE__ */ a(n, { voteableType: e.voteableType, children: /* @__PURE__ */ a(r.Consumer, { children: (o) => /* @__PURE__ */ a(
+    m,
+    {
+      ...e,
+      ...o,
+      onElementsLoad: (t) => i(t, o)
+    }
+  ) }) });
+};
+export {
+  L as VotePaginatedList
 };
-//#endregion
-export { a as VotePaginatedList };