@logora/debate 0.2.1 → 0.2.3

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

@@ -1,75 +1,110 @@
-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 { Icon as n } from "../../../icons/icon/Icon.js";
-import { require_classnames as r } from "../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import { useResponsive as i } from "../../../hooks/use_responsive/useResponsive.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 { SearchInput as o } from "../../../input/search_input/SearchInput.js";
-import { Select as s } from "../../../input/select/Select.js";
-import { Tag as c } from "../../../tag/tag/Tag.js";
-import l from "./ActionBar.module.js";
-import { useState as u } from "react";
-import { useLocation as d } from "react-router";
-//#region src/components/list/paginated_list/action_bar/ActionBar.jsx
-var f = /* @__PURE__ */ e(r()), p = t(), m = ({ title: e, sortOptions: t, defaultSelectOption: r, searchBar: m = !1, tagList: h, activeTagId: g, withUrlParams: _ = !1, onSearch: v, onSortChange: y, onTagChange: b }) => {
-	let x = a(), S = d(), { isMobile: C } = i(), [w, T] = u(!1), E = new URLSearchParams(typeof window < "u" ? window.location.search : S.search), D = (e) => {
-		if (_) {
-			for (let e of E.keys()) t.map((t) => {
-				t.name === e && E.delete(e);
-			});
-			E.delete("sort"), E.set(e.type === "filter" ? e.name : "sort", e.value);
-		}
-		y(e);
-	}, O = (e) => {
-		_ && (e.id === g ? E.delete("tagId") : E.set("tagId", e.id)), b(e.id === g ? null : e.id);
-	}, k = (e) => {
-		_ && (e ? E.set("search", e) : E.delete("search")), v(e), T(e !== "");
-	}, A = (e) => {
-		let t = g === e.id;
-		return /* @__PURE__ */ (0, p.jsx)("div", {
-			className: l.tagItem,
-			onClick: () => O(e),
-			children: /* @__PURE__ */ (0, p.jsx)(c, {
-				text: e.display_name,
-				active: t,
-				rightIcon: t && /* @__PURE__ */ (0, p.jsx)(n, {
-					name: "close",
-					height: 10,
-					width: 10
-				})
-			})
-		}, e.id);
-	};
-	return /* @__PURE__ */ (0, p.jsx)(p.Fragment, { children: (e || t || m) && /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [/* @__PURE__ */ (0, p.jsxs)("div", {
-		className: (0, f.default)(l.listHeader, { [l.listHeaderOneItem]: !m || !t }),
-		children: [e && /* @__PURE__ */ (0, p.jsx)("div", {
-			className: l.listTitle,
-			children: e
-		}), (t || m) && /* @__PURE__ */ (0, p.jsxs)("div", {
-			className: (0, f.default)(l.rightBar, { [l.rightBarOneItem]: !m || !t }),
-			children: [m ? /* @__PURE__ */ (0, p.jsx)("div", {
-				className: l.search,
-				children: /* @__PURE__ */ (0, p.jsx)(o, {
-					onSearchSubmit: k,
-					placeholder: x.formatMessage({
-						id: "info.search_mobile",
-						defaultMessage: "Search"
-					}),
-					reducedByDefault: !1
-				})
-			}) : null, t ? /* @__PURE__ */ (0, p.jsx)(s, {
-				onChange: D,
-				options: t,
-				defaultOption: r,
-				horizontalPosition: "right",
-				disabled: w,
-				className: l.select
-			}) : null]
-		})]
-	}), h && h.length > 0 && /* @__PURE__ */ (0, p.jsx)("div", {
-		className: l.tagList,
-		children: h.map(A)
-	})] }) });
+import { jsx as i, Fragment as f, jsxs as m } from "react/jsx-runtime";
+import h from "classnames";
+import { useState as C } from "react";
+import { useIntl as M } from "react-intl";
+import { useLocation as j } from "react-router";
+import l from "./ActionBar.module.scss.js";
+import { useResponsive as H } from "../../../hooks/use_responsive/useResponsive.js";
+import { SearchInput as R } from "../../../input/search_input/SearchInput.js";
+import { Select as T } from "../../../input/select/Select.js";
+import { Tag as _ } from "../../../tag/tag/Tag.js";
+import { Icon as z } from "../../../icons/icon/Icon.js";
+const X = ({
+  title: n,
+  sortOptions: s,
+  defaultSelectOption: u,
+  searchBar: a = !1,
+  tagList: c,
+  activeTagId: r,
+  withUrlParams: d = !1,
+  onSearch: p,
+  onSortChange: v,
+  onTagChange: S
+}) => {
+  const g = M(), I = j(), { isMobile: D } = H(), [N, x] = C(!1), o = new URLSearchParams(
+    typeof window < "u" ? window.location.search : I.search
+  ), y = (e) => {
+    if (d) {
+      for (const t of o.keys())
+        s.map((k) => {
+          k.name === t && o.delete(t);
+        });
+      o.delete("sort"), o.set(
+        e.type === "filter" ? e.name : "sort",
+        e.value
+      );
+    }
+    v(e);
+  }, A = (e) => {
+    d && (e.id === r ? o.delete("tagId") : o.set("tagId", e.id)), S(e.id === r ? null : e.id);
+  }, b = (e) => {
+    d && (e ? o.set("search", e) : o.delete("search")), p(e), x(e !== "");
+  }, w = (e) => {
+    const t = r === e.id;
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        className: l.tagItem,
+        onClick: () => A(e),
+        children: /* @__PURE__ */ i(
+          _,
+          {
+            text: e.display_name,
+            active: t,
+            rightIcon: t && /* @__PURE__ */ i(z, { name: "close", height: 10, width: 10 })
+          }
+        )
+      },
+      e.id
+    );
+  };
+  return /* @__PURE__ */ i(f, { children: (n || s || a) && /* @__PURE__ */ m(f, { children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: h(l.listHeader, {
+          [l.listHeaderOneItem]: !a || !s
+        }),
+        children: [
+          n && /* @__PURE__ */ i("div", { className: l.listTitle, children: n }),
+          (s || a) && /* @__PURE__ */ m(
+            "div",
+            {
+              className: h(l.rightBar, {
+                [l.rightBarOneItem]: !a || !s
+              }),
+              children: [
+                a ? /* @__PURE__ */ i("div", { className: l.search, children: /* @__PURE__ */ i(
+                  R,
+                  {
+                    onSearchSubmit: b,
+                    placeholder: g.formatMessage({
+                      id: "info.search_mobile",
+                      defaultMessage: "Search"
+                    }),
+                    reducedByDefault: !1
+                  }
+                ) }) : null,
+                s ? /* @__PURE__ */ i(
+                  T,
+                  {
+                    onChange: y,
+                    options: s,
+                    defaultOption: u,
+                    horizontalPosition: "right",
+                    disabled: N,
+                    className: l.select
+                  }
+                ) : null
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    c && c.length > 0 && /* @__PURE__ */ i("div", { className: l.tagList, children: c.map(w) })
+  ] }) });
+};
+export {
+  X as ActionBar
 };
-//#endregion
-export { m as ActionBar };

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

@@ -0,0 +1,23 @@
+import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-pxwFC_Y2.css';const t = "_listHeader_fbaxc_3", e = "_listHeaderOneItem_fbaxc_16", a = "_listTitle_fbaxc_23", s = "_rightBar_fbaxc_30", _ = "_rightBarOneItem_fbaxc_40", c = "_search_fbaxc_51", r = "_tagList_fbaxc_61", i = "_tagItem_fbaxc_76", l = "_select_fbaxc_83", n = {
+  listHeader: t,
+  listHeaderOneItem: e,
+  listTitle: a,
+  rightBar: s,
+  rightBarOneItem: _,
+  search: c,
+  tagList: r,
+  tagItem: i,
+  select: l
+};
+export {
+  n as default,
+  t as listHeader,
+  e as listHeaderOneItem,
+  a as listTitle,
+  s as rightBar,
+  _ as rightBarOneItem,
+  c as search,
+  l as select,
+  i as tagItem,
+  r as tagList
+};

package/dist/components/list/pagination/Pagination.js

@@ -1,27 +1,34 @@
-import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Icon as t } from "../../icons/icon/Icon.js";
-import { Button as n } from "../../action/button/Button.js";
-import { Loader as r } from "../../progress/loader/Loader.js";
-import i from "./Pagination.module.js";
-import { useEffect as a, useState as o } from "react";
-//#region src/components/list/pagination/Pagination.jsx
-var s = e(), c = ({ currentPage: e, perPage: c, totalElements: l, buttonText: u, onLoad: d, isLoading: f, hideLoader: p, ...m }) => {
-	let [h, g] = o(e * c < l);
-	return a(() => {
-		l > 0 && g(e * c < l);
-	}, [l, e]), /* @__PURE__ */ (0, s.jsx)(s.Fragment, { children: h ? /* @__PURE__ */ (0, s.jsx)("div", {
-		className: i.paginationBox,
-		children: f ? p ? null : /* @__PURE__ */ (0, s.jsx)(r, {}) : /* @__PURE__ */ (0, s.jsx)(n, {
-			handleClick: d,
-			...m,
-			rightIcon: /* @__PURE__ */ (0, s.jsx)(t, {
-				name: "lightArrow",
-				height: 10,
-				width: 10
-			}),
-			children: u
-		})
-	}) : null });
+import { jsx as i, Fragment as c } from "react/jsx-runtime";
+import { useState as d, useEffect as p } from "react";
+import l from "./Pagination.module.scss.js";
+import { Button as g } from "../../action/button/Button.js";
+import { Icon as x } from "../../icons/icon/Icon.js";
+import { Loader as u } from "../../progress/loader/Loader.js";
+const v = ({
+  currentPage: r,
+  perPage: t,
+  totalElements: o,
+  buttonText: n,
+  onLoad: m,
+  isLoading: h,
+  hideLoader: a,
+  ...e
+}) => {
+  const [f, s] = d(
+    r * t < o
+  );
+  return p(() => {
+    o > 0 && s(r * t < o);
+  }, [o, r]), /* @__PURE__ */ i(c, { children: f ? /* @__PURE__ */ i("div", { className: l.paginationBox, children: h ? a ? null : /* @__PURE__ */ i(u, {}) : /* @__PURE__ */ i(
+    g,
+    {
+      handleClick: m,
+      ...e,
+      rightIcon: /* @__PURE__ */ i(x, { name: "lightArrow", height: 10, width: 10 }),
+      children: n
+    }
+  ) }) : null });
+};
+export {
+  v as Pagination
 };
-//#endregion
-export { c as Pagination };

package/dist/components/list/pagination/Pagination.module.scss.js

@@ -0,0 +1,7 @@
+import '../../../assets/components/list/pagination/Pagination.module-L9-ykJZ2.css';const o = "_paginationBox_1f9qt_3", t = {
+  paginationBox: o
+};
+export {
+  t as default,
+  o as paginationBox
+};

package/dist/components/modal/side_modal/SideModal.js

@@ -1,60 +1,74 @@
-import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Button as t } from "../../action/button/Button.js";
-import n from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/message.js";
-import { useTranslatedContent as r } from "../../translation/translated_content/useTranslatedContent.js";
-import { useModal as i } from "../../dialog/modal/useModal.js";
-import { Modal as a } from "../../dialog/modal/Modal.js";
-import o from "./SideModal.module.js";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import "react";
-//#region src/components/modal/side_modal/SideModal.jsx
-var s = e(), c = ({ modalTitle: e, onChooseSide: c, title: l, positions: u, disabledPositions: d, isNeutral: f = !1 }) => {
-	let { hideModal: p } = i(), m = (e) => {
-		p(), c(e);
-	};
-	return /* @__PURE__ */ (0, s.jsxs)(a, {
-		"data-vid": "side_modal",
-		title: e,
-		children: [
-			/* @__PURE__ */ (0, s.jsx)("div", {
-				className: o.modalContent,
-				children: l
-			}),
-			d?.length > 0 && /* @__PURE__ */ (0, s.jsx)("div", {
-				className: o.argumentInputWarning,
-				children: /* @__PURE__ */ (0, s.jsx)(n, {
-					id: "modal.side_modal.side_limit_short",
-					values: { position: d[0].name },
-					defaultMessage: "You have already reached the argument limit (10) for position {position}. You can support the other position."
-				})
-			}),
-			/* @__PURE__ */ (0, s.jsx)("div", {
-				className: o.modalActions,
-				children: u.slice(0, 2).map((e) => /* @__PURE__ */ (0, s.jsx)(t, {
-					"data-tid": "action_choose_side",
-					className: o.modalAction,
-					onClick: () => m(e.id),
-					disabled: d && d.filter((t) => t.id === e.id).length > 0,
-					children: r(e.name, e.language, "name", e.translation_entries).translatedContent
-				}, e.id))
-			}),
-			f && u[2] && /* @__PURE__ */ (0, s.jsxs)("div", {
-				className: o.neutralPosition,
-				children: [/* @__PURE__ */ (0, s.jsxs)("div", {
-					className: o.userChoice,
-					children: [/* @__PURE__ */ (0, s.jsx)(n, {
-						id: "modal.side_modal.neutral_position",
-						defaultMessage: "You support the position"
-					}), /* @__PURE__ */ (0, s.jsx)("span", {
-						className: o.neutralPositionName,
-						children: r(u[2].name, u[2].language, "name", u[2].translation_entries).translatedContent
-					})]
-				}), /* @__PURE__ */ (0, s.jsx)(n, {
-					id: "modal.side_modal.neutral_position_change",
-					defaultMessage: "It is not possible to write an argument with this one. If you wish to participate in the debate, choose one of the positions displayed above."
-				})]
-			})
-		]
-	});
+import { FormattedMessage as l } from "react-intl";
+import t from "./SideModal.module.scss.js";
+import { useModal as f } from "../../dialog/modal/useModal.js";
+import { Modal as g } from "../../dialog/modal/Modal.js";
+import { Button as _ } from "../../action/button/Button.js";
+import { useTranslatedContent as d } from "../../translation/translated_content/useTranslatedContent.js";
+const Y = ({
+  modalTitle: r,
+  onChooseSide: s,
+  title: m,
+  positions: o,
+  disabledPositions: n,
+  isNeutral: c = !1
+}) => {
+  const { hideModal: h } = f(), u = (e) => {
+    h(), s(e);
+  };
+  return /* @__PURE__ */ i(g, { "data-vid": "side_modal", title: r, children: [
+    /* @__PURE__ */ a("div", { className: t.modalContent, children: m }),
+    n?.length > 0 && /* @__PURE__ */ a("div", { className: t.argumentInputWarning, children: /* @__PURE__ */ a(
+      l,
+      {
+        id: "modal.side_modal.side_limit_short",
+        values: { position: n[0].name },
+        defaultMessage: "You have already reached the argument limit (10) for position {position}. You can support the other position."
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: t.modalActions, children: o.slice(0, 2).map((e) => /* @__PURE__ */ a(
+      _,
+      {
+        "data-tid": "action_choose_side",
+        className: t.modalAction,
+        onClick: () => u(e.id),
+        disabled: n && n.filter((p) => p.id === e.id).length > 0,
+        children: d(
+          e.name,
+          e.language,
+          "name",
+          e.translation_entries
+        ).translatedContent
+      },
+      e.id
+    )) }),
+    c && o[2] && /* @__PURE__ */ i("div", { className: t.neutralPosition, children: [
+      /* @__PURE__ */ i("div", { className: t.userChoice, children: [
+        /* @__PURE__ */ a(
+          l,
+          {
+            id: "modal.side_modal.neutral_position",
+            defaultMessage: "You support the position"
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: t.neutralPositionName, children: d(
+          o[2].name,
+          o[2].language,
+          "name",
+          o[2].translation_entries
+        ).translatedContent })
+      ] }),
+      /* @__PURE__ */ a(
+        l,
+        {
+          id: "modal.side_modal.neutral_position_change",
+          defaultMessage: "It is not possible to write an argument with this one. If you wish to participate in the debate, choose one of the positions displayed above."
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Y as SideModal
 };
-//#endregion
-export { c as SideModal };

package/dist/components/modal/side_modal/SideModal.module.scss.js

@@ -0,0 +1,19 @@
+import '../../../assets/components/modal/side_modal/SideModal.module-57E9_p4y.css';const n = "_modalContent_k53mr_3", o = "_modalActions_k53mr_14", t = "_modalAction_k53mr_14", a = "_argumentInputWarning_k53mr_61", e = "_neutralPosition_k53mr_68", i = "_userChoice_k53mr_73", r = "_neutralPositionName_k53mr_76", s = {
+  modalContent: n,
+  modalActions: o,
+  modalAction: t,
+  argumentInputWarning: a,
+  neutralPosition: e,
+  userChoice: i,
+  neutralPositionName: r
+};
+export {
+  a as argumentInputWarning,
+  s as default,
+  t as modalAction,
+  o as modalActions,
+  n as modalContent,
+  e as neutralPosition,
+  r as neutralPositionName,
+  i as userChoice
+};

package/dist/components/modal/side_modal/index.js

@@ -1,2 +1,4 @@
 import { SideModal as e } from "./SideModal.js";
-export { e as default };
+export {
+  e as default
+};

package/dist/components/navbar/navbar_button/NavbarButton.js

@@ -1,29 +1,33 @@
-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 { Icon as n } from "../../icons/icon/Icon.js";
-import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import { useResponsive as i } from "../../hooks/use_responsive/useResponsive.js";
-import { useModal as a } from "../../dialog/modal/useModal.js";
-import { NavbarModal as o } from "../navbar_modal/NavbarModal.js";
-import s from "./NavbarButton.module.js";
-//#region src/components/navbar/navbar_button/NavbarButton.jsx
-var c = /* @__PURE__ */ e(r()), l = t(), u = ({ inDrawer: e = !1, showNavbarButtonInDrawer: t = !0 }) => {
-	let r = a?.(), { isMobile: u, elementWidth: d } = i?.() || {}, f = () => {
-		r?.showModal?.(/* @__PURE__ */ (0, l.jsx)(o, {}));
-	};
-	return e && !t || !e && !(u && d <= 576) ? null : /* @__PURE__ */ (0, l.jsx)("div", {
-		className: (0, c.default)({
-			[s.mobileIcon]: !e,
-			[s.mobileIconDrawer]: e
-		}),
-		onClick: f,
-		"data-tid": "action_view_mobile_navigation",
-		children: /* @__PURE__ */ (0, l.jsx)(n, {
-			name: "mobileMenu",
-			width: 50,
-			height: 50
-		})
-	});
+import { jsx as t } from "react/jsx-runtime";
+import c from "classnames";
+import e from "./NavbarButton.module.scss.js";
+import { useModal as d } from "../../dialog/modal/useModal.js";
+import { useResponsive as h } from "../../hooks/use_responsive/useResponsive.js";
+import { Icon as u } from "../../icons/icon/Icon.js";
+import { NavbarModal as f } from "../navbar_modal/NavbarModal.js";
+const S = ({
+  inDrawer: o = !1,
+  showNavbarButtonInDrawer: i = !0
+}) => {
+  const n = d?.(), l = h?.() || {}, { isMobile: s, elementWidth: m } = l, r = () => {
+    n?.showModal?.(/* @__PURE__ */ t(f, {}));
+  };
+  if (o && !i || !o && !(s && m <= 576))
+    return null;
+  const a = c({
+    [e.mobileIcon]: !o,
+    [e.mobileIconDrawer]: o
+  });
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: a,
+      onClick: r,
+      "data-tid": "action_view_mobile_navigation",
+      children: /* @__PURE__ */ t(u, { name: "mobileMenu", width: 50, height: 50 })
+    }
+  );
+};
+export {
+  S as NavbarButton
 };
-//#endregion
-export { u as NavbarButton };

package/dist/components/navbar/navbar_button/NavbarButton.module.scss.js

@@ -0,0 +1,9 @@
+import '../../../assets/components/navbar/navbar_button/NavbarButton.module-lKeBjoEX.css';const o = "_mobileIcon_bkg5v_1", e = "_mobileIconDrawer_bkg5v_16", c = {
+  mobileIcon: o,
+  mobileIconDrawer: e
+};
+export {
+  c as default,
+  o as mobileIcon,
+  e as mobileIconDrawer
+};