@logora/debate 0.2.2 → 0.2.3

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

@@ -1,74 +1,110 @@
-import { Icon as e } from "../../../icons/icon/Icon.js";
-import { useResponsive as t } from "../../../hooks/use_responsive/useResponsive.js";
-import { SearchInput as n } from "../../../input/search_input/SearchInput.js";
-import { Select as r } from "../../../input/select/Select.js";
-import { Tag as i } from "../../../tag/tag/Tag.js";
-import a from "./ActionBar.module.js";
-import { useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "classnames";
-import { useIntl as d } from "react-intl";
-import { useLocation as f } from "react-router";
-//#region src/components/list/paginated_list/action_bar/ActionBar.jsx
-var p = ({ title: p, sortOptions: m, defaultSelectOption: h, searchBar: g = !1, tagList: _, activeTagId: v, withUrlParams: y = !1, onSearch: b, onSortChange: x, onTagChange: S }) => {
-	let C = d(), w = f(), { isMobile: T } = t(), [E, D] = o(!1), O = new URLSearchParams(typeof window < "u" ? window.location.search : w.search), k = (e) => {
-		if (y) {
-			for (let e of O.keys()) m.map((t) => {
-				t.name === e && O.delete(e);
-			});
-			O.delete("sort"), O.set(e.type === "filter" ? e.name : "sort", e.value);
-		}
-		x(e);
-	}, A = (e) => {
-		y && (e.id === v ? O.delete("tagId") : O.set("tagId", e.id)), S(e.id === v ? null : e.id);
-	}, j = (e) => {
-		y && (e ? O.set("search", e) : O.delete("search")), b(e), D(e !== "");
-	}, M = (t) => {
-		let n = v === t.id;
-		return /* @__PURE__ */ c("div", {
-			className: a.tagItem,
-			onClick: () => A(t),
-			children: /* @__PURE__ */ c(i, {
-				text: t.display_name,
-				active: n,
-				rightIcon: n && /* @__PURE__ */ c(e, {
-					name: "close",
-					height: 10,
-					width: 10
-				})
-			})
-		}, t.id);
-	};
-	return /* @__PURE__ */ c(s, { children: (p || m || g) && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
-		className: u(a.listHeader, { [a.listHeaderOneItem]: !g || !m }),
-		children: [p && /* @__PURE__ */ c("div", {
-			className: a.listTitle,
-			children: p
-		}), (m || g) && /* @__PURE__ */ l("div", {
-			className: u(a.rightBar, { [a.rightBarOneItem]: !g || !m }),
-			children: [g ? /* @__PURE__ */ c("div", {
-				className: a.search,
-				children: /* @__PURE__ */ c(n, {
-					onSearchSubmit: j,
-					placeholder: C.formatMessage({
-						id: "info.search_mobile",
-						defaultMessage: "Search"
-					}),
-					reducedByDefault: !1
-				})
-			}) : null, m ? /* @__PURE__ */ c(r, {
-				onChange: k,
-				options: m,
-				defaultOption: h,
-				horizontalPosition: "right",
-				disabled: E,
-				className: a.select
-			}) : null]
-		})]
-	}), _ && _.length > 0 && /* @__PURE__ */ c("div", {
-		className: a.tagList,
-		children: _.map(M)
-	})] }) });
+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 { p 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 { Icon as e } from "../../icons/icon/Icon.js";
-import { Button as t } from "../../action/button/Button.js";
-import { Loader as n } from "../../progress/loader/Loader.js";
-import r from "./Pagination.module.js";
-import { useEffect as i, useState as a } from "react";
-import { Fragment as o, jsx as s } from "react/jsx-runtime";
-//#region src/components/list/pagination/Pagination.jsx
-var c = ({ currentPage: c, perPage: l, totalElements: u, buttonText: d, onLoad: f, isLoading: p, hideLoader: m, ...h }) => {
-	let [g, _] = a(c * l < u);
-	return i(() => {
-		u > 0 && _(c * l < u);
-	}, [u, c]), /* @__PURE__ */ s(o, { children: g ? /* @__PURE__ */ s("div", {
-		className: r.paginationBox,
-		children: p ? m ? null : /* @__PURE__ */ s(n, {}) : /* @__PURE__ */ s(t, {
-			handleClick: f,
-			...h,
-			rightIcon: /* @__PURE__ */ s(e, {
-				name: "lightArrow",
-				height: 10,
-				width: 10
-			}),
-			children: d
-		})
-	}) : 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 { Button as e } from "../../action/button/Button.js";
-import { useTranslatedContent as t } from "../../translation/translated_content/useTranslatedContent.js";
-import { useModal as n } from "../../dialog/modal/useModal.js";
-import { Modal as r } from "../../dialog/modal/Modal.js";
-import i from "./SideModal.module.js";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { FormattedMessage as s } from "react-intl";
-//#region src/components/modal/side_modal/SideModal.jsx
-var c = ({ modalTitle: c, onChooseSide: l, title: u, positions: d, disabledPositions: f, isNeutral: p = !1 }) => {
-	let { hideModal: m } = n(), h = (e) => {
-		m(), l(e);
-	};
-	return /* @__PURE__ */ o(r, {
-		"data-vid": "side_modal",
-		title: c,
-		children: [
-			/* @__PURE__ */ a("div", {
-				className: i.modalContent,
-				children: u
-			}),
-			f?.length > 0 && /* @__PURE__ */ a("div", {
-				className: i.argumentInputWarning,
-				children: /* @__PURE__ */ a(s, {
-					id: "modal.side_modal.side_limit_short",
-					values: { position: f[0].name },
-					defaultMessage: "You have already reached the argument limit (10) for position {position}. You can support the other position."
-				})
-			}),
-			/* @__PURE__ */ a("div", {
-				className: i.modalActions,
-				children: d.slice(0, 2).map((n) => /* @__PURE__ */ a(e, {
-					"data-tid": "action_choose_side",
-					className: i.modalAction,
-					onClick: () => h(n.id),
-					disabled: f && f.filter((e) => e.id === n.id).length > 0,
-					children: t(n.name, n.language, "name", n.translation_entries).translatedContent
-				}, n.id))
-			}),
-			p && d[2] && /* @__PURE__ */ o("div", {
-				className: i.neutralPosition,
-				children: [/* @__PURE__ */ o("div", {
-					className: i.userChoice,
-					children: [/* @__PURE__ */ a(s, {
-						id: "modal.side_modal.neutral_position",
-						defaultMessage: "You support the position"
-					}), /* @__PURE__ */ a("span", {
-						className: i.neutralPositionName,
-						children: t(d[2].name, d[2].language, "name", d[2].translation_entries).translatedContent
-					})]
-				}), /* @__PURE__ */ a(s, {
-					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,28 +1,33 @@
-import { Icon as e } from "../../icons/icon/Icon.js";
-import { useResponsive as t } from "../../hooks/use_responsive/useResponsive.js";
-import { useModal as n } from "../../dialog/modal/useModal.js";
-import { NavbarModal as r } from "../navbar_modal/NavbarModal.js";
-import i from "./NavbarButton.module.js";
-import { jsx as a } from "react/jsx-runtime";
-import o from "classnames";
-//#region src/components/navbar/navbar_button/NavbarButton.jsx
-var s = ({ inDrawer: s = !1, showNavbarButtonInDrawer: c = !0 }) => {
-	let l = n?.(), { isMobile: u, elementWidth: d } = t?.() || {}, f = () => {
-		l?.showModal?.(/* @__PURE__ */ a(r, {}));
-	};
-	return s && !c || !s && !(u && d <= 576) ? null : /* @__PURE__ */ a("div", {
-		className: o({
-			[i.mobileIcon]: !s,
-			[i.mobileIconDrawer]: s
-		}),
-		onClick: f,
-		"data-tid": "action_view_mobile_navigation",
-		children: /* @__PURE__ */ a(e, {
-			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 { s 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
+};