@logora/debate 0.2.2 → 0.2.3

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

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