@logora/debate 0.2.2 → 0.2.3

package/dist/components/text/expandable_text/ExpandableText.js

@@ -1,52 +1,72 @@
-import { ArrowIcon as e } from "./ArrowIcon.js";
-import t from "./ExpandableText.module.js";
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import s from "classnames";
-//#region src/components/text/expandable_text/ExpandableText.jsx
-var c = ({ children: c, expandable: l = !0, expandText: u = "Read more", collapseText: d = "Read less", className: f, maxHeight: p = "100", showIcon: m = !0, backgroundColor: h = "var(--background-color-primary)", onCollapse: g = () => {}, onExpand: _ = () => {}, isReply: v = !1 }) => {
-	let [y, b] = i(!1), [x, S] = i(0), C = r(null);
-	n(() => {
-		l && S(w());
-	}, []);
-	let w = () => {
-		let e = C.current.clientHeight;
-		return Math.round(e);
-	}, T = () => {
-		b(!1), g();
-	}, E = () => {
-		b(!0), _();
-	}, D = l && x > p, O = { maxHeight: p + "px" }, k = { background: v ? "linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--text-tertiary) 90%)" : `linear-gradient(to bottom, rgba(255, 255, 255, 0), ${h} 90%)` };
-	return /* @__PURE__ */ o("div", {
-		className: t.container,
-		ref: C,
-		children: [/* @__PURE__ */ a("div", {
-			style: D && !y ? O : {},
-			className: s({ [t.contentMask]: D && !y }),
-			children: c
-		}), D && (y ? /* @__PURE__ */ a("div", {
-			className: t.linkContainerExpanded,
-			onClick: () => T(),
-			children: /* @__PURE__ */ o("div", {
-				className: s(t.linkExpanded, f),
-				children: [/* @__PURE__ */ a("span", { children: d }), m && /* @__PURE__ */ a(e, {
-					height: 16,
-					width: 16
-				})]
-			})
-		}) : /* @__PURE__ */ a("div", {
-			style: D && !y ? k : {},
-			className: t.linkContainer,
-			onClick: () => E(),
-			children: /* @__PURE__ */ o("div", {
-				className: s(t.link, f),
-				children: [/* @__PURE__ */ a("span", { children: u }), m && /* @__PURE__ */ a(e, {
-					height: 16,
-					width: 16
-				})]
-			})
-		}))]
-	});
+import { useState as m, useRef as j, useEffect as M } from "react";
+import { ArrowIcon as p } from "./ArrowIcon.js";
+import e from "./ExpandableText.module.scss.js";
+const $ = ({
+  children: u,
+  expandable: i = !0,
+  expandText: f = "Read more",
+  collapseText: g = "Read less",
+  className: a,
+  maxHeight: l = "100",
+  showIcon: c = !0,
+  backgroundColor: x = "var(--background-color-primary)",
+  onCollapse: k = () => {
+  },
+  onExpand: v = () => {
+  },
+  isReply: y = !1
+}) => {
+  const [n, d] = m(!1), [C, E] = m(0), h = j(null);
+  M(() => {
+    i && E(b());
+  }, []);
+  const b = () => {
+    const w = h.current.clientHeight;
+    return Math.round(w);
+  }, N = () => {
+    d(!1), k();
+  }, H = () => {
+    d(!0), v();
+  }, r = i && C > l, R = { maxHeight: l + "px" }, S = {
+    background: y ? "linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--text-tertiary) 90%)" : `linear-gradient(to bottom, rgba(255, 255, 255, 0), ${x} 90%)`
+  };
+  return /* @__PURE__ */ o("div", { className: e.container, ref: h, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        style: r && !n ? R : {},
+        className: s({
+          [e.contentMask]: r && !n
+        }),
+        children: u
+      }
+    ),
+    r && (n ? /* @__PURE__ */ t(
+      "div",
+      {
+        className: e.linkContainerExpanded,
+        onClick: () => N(),
+        children: /* @__PURE__ */ o("div", { className: s(e.linkExpanded, a), children: [
+          /* @__PURE__ */ t("span", { children: g }),
+          c && /* @__PURE__ */ t(p, { height: 16, width: 16 })
+        ] })
+      }
+    ) : /* @__PURE__ */ t(
+      "div",
+      {
+        style: r && !n ? S : {},
+        className: e.linkContainer,
+        onClick: () => H(),
+        children: /* @__PURE__ */ o("div", { className: s(e.link, a), children: [
+          /* @__PURE__ */ t("span", { children: f }),
+          c && /* @__PURE__ */ t(p, { height: 16, width: 16 })
+        ] })
+      }
+    ))
+  ] });
+};
+export {
+  $ as ExpandableText
 };
-//#endregion
-export { c as ExpandableText };

package/dist/components/text/expandable_text/ExpandableText.module.scss.js

@@ -0,0 +1,17 @@
+import '../../../assets/components/text/expandable_text/ExpandableText.module-C9NQVGvu.css';const n = "_container_nt4pn_3", t = "_contentMask_nt4pn_8", e = "_linkContainer_nt4pn_12", i = "_linkContainerExpanded_nt4pn_34", a = "_link_nt4pn_12", o = "_linkExpanded_nt4pn_52", _ = {
+  container: n,
+  contentMask: t,
+  linkContainer: e,
+  linkContainerExpanded: i,
+  link: a,
+  linkExpanded: o
+};
+export {
+  n as container,
+  t as contentMask,
+  _ as default,
+  a as link,
+  e as linkContainer,
+  i as linkContainerExpanded,
+  o as linkExpanded
+};

package/dist/components/text/read_more/ReadMore.js

@@ -1,62 +1,80 @@
-import { Link as e } from "../../action/link/Link.js";
-import t from "./ReadMore.module.js";
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "classnames";
-//#region src/components/text/read_more/ReadMore.jsx
-var l = ({ content: l, charCount: u, lineCount: d, to: f, className: p, readMoreText: m, readLessText: h, expandable: g = !0, readMoreClassName: _, ...v }) => {
-	let [y, b] = i(!1), [x, S] = i(g && l && u ? l.length > u : !1), C = r(null), w = (e) => y ? e.toString() : e.length > u ? `${e.replace(/[\n\r]/g, " ").slice(0, u)}` : e, T = () => {
-		b((e) => !e);
-	}, E = {
-		display: "-webkit-box",
-		WebkitLineClamp: d,
-		WebkitBoxOrient: "vertical",
-		overflow: "hidden",
-		textOverflow: "clip",
-		width: "100%"
-	};
-	return n(() => {
-		if (g && l && d && C.current) {
-			let { clientHeight: e, scrollHeight: t } = C.current;
-			S(e !== t);
-		}
-	}, [
-		d,
-		l,
-		C
-	]), /* @__PURE__ */ s("div", {
-		className: c(t.readMore, { [t.pointer]: x }),
-		children: [/* @__PURE__ */ o("div", {
-			ref: C,
-			style: d && !y ? E : { width: "100%" },
-			onClick: g ? T : void 0,
-			children: !g || d ? l : w(l)
-		}), x && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
-			className: c(t.readMoreWrapper, _),
-			children: [!y && /* @__PURE__ */ o("span", {
-				className: t.ellipsis,
-				children: "..."
-			}), f ? /* @__PURE__ */ o(e, {
-				to: f,
-				className: c(t.readMoreElement, p),
-				...v,
-				children: m
-			}) : !y && /* @__PURE__ */ o("span", {
-				className: c(t.readMoreElement, p),
-				onClick: T,
-				...v,
-				children: m
-			})]
-		}), y && /* @__PURE__ */ o("div", {
-			className: t.readLessWrapper,
-			children: /* @__PURE__ */ o("span", {
-				className: c(t.readLessElement, p),
-				onClick: T,
-				...v,
-				children: h
-			})
-		})] })]
-	});
+import { jsxs as p, jsx as i, Fragment as S } from "react/jsx-runtime";
+import o from "classnames";
+import { useState as k, useRef as W, useEffect as R } from "react";
+import r from "./ReadMore.module.scss.js";
+import { Link as j } from "../../action/link/Link.js";
+const F = ({
+  content: s,
+  charCount: d,
+  lineCount: l,
+  to: h,
+  className: a,
+  readMoreText: g,
+  readLessText: w,
+  expandable: n = !0,
+  readMoreClassName: E,
+  ...m
+}) => {
+  const [t, x] = k(!1), [v, N] = k(
+    n && s && d ? s.length > d : !1
+  ), c = W(null), u = (e) => t ? e.toString() : e.length > d ? `${e.replace(/[\n\r]/g, " ").slice(0, d)}` : e, f = () => {
+    x((e) => !e);
+  }, y = {
+    display: "-webkit-box",
+    WebkitLineClamp: l,
+    WebkitBoxOrient: "vertical",
+    overflow: "hidden",
+    textOverflow: "clip",
+    width: "100%"
+  };
+  return R(() => {
+    if (n && s && l && c.current) {
+      const e = c.current, { clientHeight: L, scrollHeight: M } = e;
+      N(L !== M);
+    }
+  }, [l, s, c]), /* @__PURE__ */ p("div", { className: o(r.readMore, { [r.pointer]: v }), children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        ref: c,
+        style: l && !t ? y : { width: "100%" },
+        onClick: n ? f : void 0,
+        children: !n || l ? s : u(s)
+      }
+    ),
+    v && /* @__PURE__ */ p(S, { children: [
+      /* @__PURE__ */ p("div", { className: o(r.readMoreWrapper, E), children: [
+        !t && /* @__PURE__ */ i("span", { className: r.ellipsis, children: "..." }),
+        h ? /* @__PURE__ */ i(
+          j,
+          {
+            to: h,
+            className: o(r.readMoreElement, a),
+            ...m,
+            children: g
+          }
+        ) : !t && /* @__PURE__ */ i(
+          "span",
+          {
+            className: o(r.readMoreElement, a),
+            onClick: f,
+            ...m,
+            children: g
+          }
+        )
+      ] }),
+      t && /* @__PURE__ */ i("div", { className: r.readLessWrapper, children: /* @__PURE__ */ i(
+        "span",
+        {
+          className: o(r.readLessElement, a),
+          onClick: f,
+          ...m,
+          children: w
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  F as ReadMore
 };
-//#endregion
-export { l as ReadMore };

package/dist/components/text/read_more/ReadMore.module.scss.js

@@ -0,0 +1,19 @@
+import '../../../assets/components/text/read_more/ReadMore.module-Ni_Mm8o8.css';const e = "_readMore_1ws8j_1", r = "_pointer_1ws8j_7", s = "_readMoreWrapper_1ws8j_11", a = "_readMoreElement_1ws8j_21", o = "_readLessWrapper_1ws8j_30", _ = "_readLessElement_1ws8j_37", t = "_ellipsis_1ws8j_44", p = {
+  readMore: e,
+  pointer: r,
+  readMoreWrapper: s,
+  readMoreElement: a,
+  readLessWrapper: o,
+  readLessElement: _,
+  ellipsis: t
+};
+export {
+  p as default,
+  t as ellipsis,
+  r as pointer,
+  _ as readLessElement,
+  o as readLessWrapper,
+  e as readMore,
+  a as readMoreElement,
+  s as readMoreWrapper
+};

package/dist/components/tools/hash_scroll/HashScroll.js

@@ -1,18 +1,18 @@
-import { useEffect as e } from "react";
-import { Fragment as t, jsx as n } from "react/jsx-runtime";
-import { useLocation as r } from "react-router";
-//#region src/components/tools/hash_scroll/HashScroll.jsx
-var i = ({ elementId: i, onScroll: a, children: o }) => {
-	let s = r();
-	return e(() => {
-		if (i && typeof window < "u") {
-			let e = s.hash.slice(1), t = new RegExp(i);
-			if (e.match(t)) {
-				let e = document.getElementById(i);
-				e && (a && a(), e.scrollIntoView({ behavior: "smooth" }));
-			}
-		}
-	}, [s.hash]), /* @__PURE__ */ n(t, { children: o });
+import { jsx as s, Fragment as f } from "react/jsx-runtime";
+import { useEffect as a } from "react";
+import { useLocation as h } from "react-router";
+const g = ({ elementId: o, onScroll: t, children: r }) => {
+  const e = h();
+  return a(() => {
+    if (o && typeof window < "u") {
+      const i = e.hash.slice(1), c = new RegExp(o);
+      if (i.match(c)) {
+        const n = document.getElementById(o);
+        n && (t && t(), n.scrollIntoView({ behavior: "smooth" }));
+      }
+    }
+  }, [e.hash]), /* @__PURE__ */ s(f, { children: r });
+};
+export {
+  g as HashScroll
 };
-//#endregion
-export { i as HashScroll };

package/dist/components/tools/scroll_to_top/ScrollToTop.js

@@ -1,15 +1,17 @@
-import { useEffect as e, useRef as t } from "react";
-import { useLocation as n } from "react-router";
-//#region src/components/tools/scroll_to_top/ScrollToTop.jsx
-var r = ({ elementId: r }) => {
-	let { pathname: i, search: a } = n(), o = t(!0);
-	return e(() => {
-		if (typeof window < "u") if (o.current) o.current = !1;
-		else {
-			let e = document.getElementById(r);
-			e && e.scrollIntoView({ behavior: "smooth" });
-		}
-	}, [i, a]), null;
+import { useRef as s, useEffect as c } from "react";
+import { useLocation as f } from "react-router";
+const u = ({ elementId: t }) => {
+  const { pathname: n, search: r } = f(), e = s(!0);
+  return c(() => {
+    if (typeof window < "u")
+      if (e.current)
+        e.current = !1;
+      else {
+        const o = document.getElementById(t);
+        o && o.scrollIntoView({ behavior: "smooth" });
+      }
+  }, [n, r]), null;
+};
+export {
+  u as ScrollToTop
 };
-//#endregion
-export { r as ScrollToTop };

package/dist/components/translation/translated_content/TranslatedContent.js

@@ -1,7 +1,20 @@
-import { useTranslatedContent as e } from "./useTranslatedContent.js";
+import { jsx as a, Fragment as s } from "react/jsx-runtime";
 import "react";
-import { Fragment as t, jsx as n } from "react/jsx-runtime";
-//#region src/components/translation/translated_content/TranslatedContent.jsx
-var r = ({ originalContent: r, originalLanguage: i, targetField: a, translations: o }) => /* @__PURE__ */ n(t, { children: e(r, i, a, o).translatedContent });
-//#endregion
-export { r as TranslatedContent };
+import { useTranslatedContent as m } from "./useTranslatedContent.js";
+const p = ({
+  originalContent: t,
+  originalLanguage: n,
+  targetField: r,
+  translations: e
+}) => {
+  const o = m(
+    t,
+    n,
+    r,
+    e
+  );
+  return /* @__PURE__ */ a(s, { children: o.translatedContent });
+};
+export {
+  p as TranslatedContent
+};

package/dist/components/translation/translated_content/useTranslatedContent.js

@@ -1,26 +1,54 @@
-import { useEffect as e, useState as t } from "react";
-import { useIntl as n } from "react-intl";
-//#region src/components/translation/translated_content/useTranslatedContent.jsx
-var r = (e, t, n, r, i) => {
-	let a = (e) => e.target_language?.substring(0, 2) === i?.substring(0, 2) && e.is_approved && e.origin_field === n;
-	if (i?.substring(0, 2) !== t?.substring(0, 2) && r?.length > 0) {
-		let e = r.filter((e) => a(e))[0];
-		if (e) return e.translated_content;
-	}
-	return e;
-}, i = (i, a, o, s) => {
-	let c = n(), [l, u] = t(!1), [d, f] = t(r(i, a, o, s, c.locale));
-	return e(() => {
-		i && f(r(i, a, o, s, c.locale));
-	}, [i]), e(() => {
-		d !== i && u(!0);
-	}, [d]), {
-		translatedContent: d,
-		toggleContent: () => {
-			f(d === i ? r(i, a, o, s, c.locale) : i);
-		},
-		isTranslated: l
-	};
+import { useState as o, useEffect as T } from "react";
+import { useIntl as p } from "react-intl";
+const l = (e, u, f, s, r) => {
+  const n = (t) => t.target_language?.substring(0, 2) === r?.substring(0, 2) && t.is_approved && t.origin_field === f;
+  if (r?.substring(0, 2) !== u?.substring(0, 2) && s?.length > 0) {
+    const t = s.filter(
+      (c) => n(c)
+    )[0];
+    if (t)
+      return t.translated_content;
+  }
+  return e;
+}, a = (e, u, f, s) => {
+  const r = p(), [n, t] = o(!1), [c, d] = o(
+    l(
+      e,
+      u,
+      f,
+      s,
+      r.locale
+    )
+  );
+  return T(() => {
+    e && d(
+      l(
+        e,
+        u,
+        f,
+        s,
+        r.locale
+      )
+    );
+  }, [e]), T(() => {
+    c !== e && t(!0);
+  }, [c]), {
+    translatedContent: c,
+    toggleContent: () => {
+      d(
+        c === e ? l(
+          e,
+          u,
+          f,
+          s,
+          r.locale
+        ) : e
+      );
+    },
+    isTranslated: n
+  };
+};
+export {
+  l as getTranslatedContent,
+  a as useTranslatedContent
 };
-//#endregion
-export { r as getTranslatedContent, i as useTranslatedContent };

package/dist/components/translation/translation_button/TranslationButton.js

@@ -1,33 +1,51 @@
-import e from "./TranslationButton.module.js";
-import { useState as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import r from "classnames";
-import { FormattedMessage as i, useIntl as a } from "react-intl";
-//#region src/components/translation/translation_button/TranslationButton.jsx
-var o = ({ className: o, language: s, callback: c, ...l }) => {
-	let [u, d] = t(!1), f = a();
-	return /* @__PURE__ */ n("div", {
-		onClick: () => {
-			d(!u), c();
-		},
-		className: r(e.translationButton, o),
-		...l,
-		children: u ? /* @__PURE__ */ n(i, {
-			id: "translations.translate_to",
-			values: { variable: f.formatMessage({
-				id: "translations." + f.locale,
-				defaultMessage: "English"
-			}) },
-			defaultMessage: "Translate to English"
-		}) : /* @__PURE__ */ n(i, {
-			id: "translations.translated_from",
-			values: { variable: f.formatMessage({
-				id: "translations." + s,
-				defaultMessage: "French"
-			}) },
-			defaultMessage: "Translated from French - Show original"
-		})
-	});
+import { jsx as t } from "react/jsx-runtime";
+import m from "classnames";
+import { useState as d } from "react";
+import { useIntl as f, FormattedMessage as e } from "react-intl";
+import c from "./TranslationButton.module.scss.js";
+const k = ({
+  className: l,
+  language: n,
+  callback: r,
+  ...o
+}) => {
+  const [s, i] = d(!1), a = f();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      onClick: () => {
+        i(!s), r();
+      },
+      className: m(c.translationButton, l),
+      ...o,
+      children: s ? /* @__PURE__ */ t(
+        e,
+        {
+          id: "translations.translate_to",
+          values: {
+            variable: a.formatMessage({
+              id: "translations." + a.locale,
+              defaultMessage: "English"
+            })
+          },
+          defaultMessage: "Translate to English"
+        }
+      ) : /* @__PURE__ */ t(
+        e,
+        {
+          id: "translations.translated_from",
+          values: {
+            variable: a.formatMessage({
+              id: "translations." + n,
+              defaultMessage: "French"
+            })
+          },
+          defaultMessage: "Translated from French - Show original"
+        }
+      )
+    }
+  );
+};
+export {
+  k as TranslationButton
 };
-//#endregion
-export { o as TranslationButton };

package/dist/components/translation/translation_button/TranslationButton.module.scss.js

@@ -0,0 +1,7 @@
+import '../../../assets/components/translation/translation_button/TranslationButton.module-DZv7Csu4.css';const t = "_translationButton_1t9hb_3", n = {
+  translationButton: t
+};
+export {
+  n as default,
+  t as translationButton
+};