@logora/debate 0.2.2 → 0.2.3

package/dist/components/share/share_box/ShareBox.js

@@ -1,132 +1,184 @@
-import { Icon as e } from "../../icons/icon/Icon.js";
-import { Tooltip as t } from "../../dialog/tooltip/Tooltip.js";
-import n from "./ShareBox.module.js";
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useIntl as a } from "react-intl";
-import { CopyToClipboard as o } from "react-copy-to-clipboard";
-//#region src/components/share/share_box/ShareBox.jsx
-var s = ({ tooltipPosition: s, shareUrl: c, shareTitle: l, shareText: u, shareCode: d, showShareCode: f = !1 }) => {
-	let p = a(), m = (e) => {
-		if (typeof window < "u") {
-			let t = window.open();
-			t.opener = null, t.referrer = null, t.location = e;
-		}
-	};
-	return /* @__PURE__ */ i("div", {
-		className: n.shareBox,
-		children: [
-			/* @__PURE__ */ r(t, {
-				text: p.formatMessage({
-					id: "share.share_box.copy_to_clipboard",
-					defaultMessage: "Copy to clipboard"
-				}),
-				onClickText: p.formatMessage({
-					id: "share.share_box.link_copied",
-					defaultMessage: "Link copied !"
-				}),
-				position: s,
-				children: /* @__PURE__ */ r(o, {
-					tabIndex: "0",
-					className: n.linkCopyButton,
-					text: c,
-					children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(e, {
-						name: "link",
-						role: "button",
-						className: n.linkCopyIcon,
-						"data-tid": "action_embed_code_clipboard",
-						width: 20,
-						height: 20
-					}) })
-				})
-			}),
-			/* @__PURE__ */ r(t, {
-				text: p.formatMessage({
-					id: "share.share_box.facebook_share",
-					defaultMessage: "Share on Facebook"
-				}),
-				position: s,
-				children: /* @__PURE__ */ r("div", {
-					onClick: () => m("https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(c)),
-					className: n.linkCopyButton,
-					tabIndex: 0,
-					children: /* @__PURE__ */ r(e, {
-						name: "facebook",
-						role: "button",
-						"data-tid": "action_share_debate_facebook",
-						width: 20,
-						height: 20
-					})
-				})
-			}),
-			/* @__PURE__ */ r(t, {
-				text: p.formatMessage({
-					id: "share.share_box.twitter_share",
-					defaultMessage: "Share on Twitter"
-				}),
-				position: s,
-				children: /* @__PURE__ */ r("div", {
-					onClick: () => m("https://twitter.com/intent/tweet?text=" + encodeURIComponent(l) + "&url=" + encodeURIComponent(c)),
-					className: n.linkCopyButton,
-					tabIndex: 0,
-					children: /* @__PURE__ */ r(e, {
-						name: "twitter",
-						className: n.twitterIcon,
-						role: "button",
-						"data-tid": "action_share_debate_twitter",
-						width: 20,
-						height: 20
-					})
-				})
-			}),
-			/* @__PURE__ */ r(t, {
-				text: p.formatMessage({
-					id: "share.share_box.mail_share",
-					defaultMessage: "Share by email"
-				}),
-				position: s,
-				children: /* @__PURE__ */ r("div", {
-					onClick: () => m("mailto:?subject=" + l + "&body=" + u + "%0D%0A" + c),
-					className: n.linkCopyButton,
-					tabIndex: 0,
-					children: /* @__PURE__ */ r(e, {
-						name: "mail",
-						role: "button",
-						"data-tid": "action_share_debate_mail",
-						width: 20,
-						height: 20
-					})
-				})
-			}),
-			f && /* @__PURE__ */ r(t, {
-				text: p.formatMessage({
-					id: "share.share_box.embed_code_to_clipboard",
-					defaultMessage: "Copy embed code"
-				}),
-				onClickText: p.formatMessage({
-					id: "share.share_box.code_copied",
-					defaultMessage: "Code copied !"
-				}),
-				position: s,
-				children: /* @__PURE__ */ r(o, {
-					tabIndex: "0",
-					className: n.codeCopyButton,
-					text: d,
-					children: /* @__PURE__ */ r("div", {
-						className: n.codeIcon,
-						children: /* @__PURE__ */ r(e, {
-							name: "code",
-							className: n.codeIcon,
-							role: "button",
-							"data-tid": "action_embed_code_clipboard",
-							width: 20,
-							height: 20
-						})
-					})
-				})
-			})
-		]
-	});
+import { CopyToClipboard as l } from "react-copy-to-clipboard";
+import { useIntl as f } from "react-intl";
+import t from "./ShareBox.module.scss.js";
+import { Tooltip as i } from "../../dialog/tooltip/Tooltip.js";
+import { Icon as d } from "../../icons/icon/Icon.js";
+const I = ({
+  tooltipPosition: a,
+  shareUrl: n,
+  shareTitle: c,
+  shareText: h,
+  shareCode: m,
+  showShareCode: p = !1
+}) => {
+  const o = f(), r = (b) => {
+    if (typeof window < "u") {
+      const s = window.open();
+      s.opener = null, s.referrer = null, s.location = b;
+    }
+  };
+  return /* @__PURE__ */ _("div", { className: t.shareBox, children: [
+    /* @__PURE__ */ e(
+      i,
+      {
+        text: o.formatMessage({
+          id: "share.share_box.copy_to_clipboard",
+          defaultMessage: "Copy to clipboard"
+        }),
+        onClickText: o.formatMessage({
+          id: "share.share_box.link_copied",
+          defaultMessage: "Link copied !"
+        }),
+        position: a,
+        children: /* @__PURE__ */ e(
+          l,
+          {
+            tabIndex: "0",
+            className: t.linkCopyButton,
+            text: n,
+            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+              d,
+              {
+                name: "link",
+                role: "button",
+                className: t.linkCopyIcon,
+                "data-tid": "action_embed_code_clipboard",
+                width: 20,
+                height: 20
+              }
+            ) })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        text: o.formatMessage({
+          id: "share.share_box.facebook_share",
+          defaultMessage: "Share on Facebook"
+        }),
+        position: a,
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            onClick: () => r(
+              "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(n)
+            ),
+            className: t.linkCopyButton,
+            tabIndex: 0,
+            children: /* @__PURE__ */ e(
+              d,
+              {
+                name: "facebook",
+                role: "button",
+                "data-tid": "action_share_debate_facebook",
+                width: 20,
+                height: 20
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        text: o.formatMessage({
+          id: "share.share_box.twitter_share",
+          defaultMessage: "Share on Twitter"
+        }),
+        position: a,
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            onClick: () => r(
+              "https://twitter.com/intent/tweet?text=" + encodeURIComponent(c) + "&url=" + encodeURIComponent(n)
+            ),
+            className: t.linkCopyButton,
+            tabIndex: 0,
+            children: /* @__PURE__ */ e(
+              d,
+              {
+                name: "twitter",
+                className: t.twitterIcon,
+                role: "button",
+                "data-tid": "action_share_debate_twitter",
+                width: 20,
+                height: 20
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        text: o.formatMessage({
+          id: "share.share_box.mail_share",
+          defaultMessage: "Share by email"
+        }),
+        position: a,
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            onClick: () => r(
+              "mailto:?subject=" + c + "&body=" + h + "%0D%0A" + n
+            ),
+            className: t.linkCopyButton,
+            tabIndex: 0,
+            children: /* @__PURE__ */ e(
+              d,
+              {
+                name: "mail",
+                role: "button",
+                "data-tid": "action_share_debate_mail",
+                width: 20,
+                height: 20
+              }
+            )
+          }
+        )
+      }
+    ),
+    p && /* @__PURE__ */ e(
+      i,
+      {
+        text: o.formatMessage({
+          id: "share.share_box.embed_code_to_clipboard",
+          defaultMessage: "Copy embed code"
+        }),
+        onClickText: o.formatMessage({
+          id: "share.share_box.code_copied",
+          defaultMessage: "Code copied !"
+        }),
+        position: a,
+        children: /* @__PURE__ */ e(
+          l,
+          {
+            tabIndex: "0",
+            className: t.codeCopyButton,
+            text: m,
+            children: /* @__PURE__ */ e("div", { className: t.codeIcon, children: /* @__PURE__ */ e(
+              d,
+              {
+                name: "code",
+                className: t.codeIcon,
+                role: "button",
+                "data-tid": "action_embed_code_clipboard",
+                width: 20,
+                height: 20
+              }
+            ) })
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  I as ShareBox
 };
-//#endregion
-export { s as ShareBox };

package/dist/components/share/share_box/ShareBox.module.scss.js

@@ -0,0 +1,17 @@
+import '../../../assets/components/share/share_box/ShareBox.module-AIRPhwtg.css';const o = "_shareBox_gemec_3", t = "_linkCopyButton_gemec_12", c = "_linkCopyIcon_gemec_19", n = "_codeIcon_gemec_23", e = "_twitterIcon_gemec_27", _ = "_codeCopyButton_gemec_33", s = {
+  shareBox: o,
+  linkCopyButton: t,
+  linkCopyIcon: c,
+  codeIcon: n,
+  twitterIcon: e,
+  codeCopyButton: _
+};
+export {
+  _ as codeCopyButton,
+  n as codeIcon,
+  s as default,
+  t as linkCopyButton,
+  c as linkCopyIcon,
+  o as shareBox,
+  e as twitterIcon
+};

package/dist/components/share/share_button/ShareButton.js

@@ -1,72 +1,92 @@
-import { Icon as e } from "../../icons/icon/Icon.js";
-import { ShareBox as t } from "../share_box/ShareBox.js";
-import n from "./ShareButton.module.js";
-import { useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "classnames";
-import { useIntl as c } from "react-intl";
-import l from "use-onclickoutside";
-//#region src/components/share/share_button/ShareButton.jsx
-var u = ({ showText: u, shareUrl: d, shareTitle: f, shareText: p = !1, shareCode: m, showShareCode: h = !1, iconSize: g = 22, className: _, tooltipPosition: v = "bottom" }) => {
-	let y = r(), b = c(), [x, S] = i(!1), C = (() => {
-		let e = d;
-		return typeof window < "u" && (e += "?redirect_url=" + window.location.protocol + "//" + window.location.hostname), e;
-	})(), w = (e) => {
-		y && !y.current.contains(e.target) && S(!1);
-	}, T = () => {
-		if (typeof window < "u") {
-			let e = window.matchMedia("(max-width: 600px)");
-			typeof window < "u" && window.navigator.share && window.navigator.maxTouchPoints && window.navigator?.maxTouchPoints > 0 && e.matches ? E() : S(!0);
-		}
-	}, E = () => {
-		typeof window < "u" && window.navigator.share({
-			text: p,
-			title: f,
-			url: C
-		}).catch((e) => {});
-	};
-	return l(y, w), /* @__PURE__ */ a("div", {
-		tabIndex: "0",
-		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
-		},
-		title: b.formatMessage({
-			id: "share.share_button.text",
-			defaultMessage: "Share"
-		}),
-		className: s(n.shareButtonContainer, _),
-		onClick: T,
-		"data-tid": "action_share_button",
-		children: /* @__PURE__ */ o("div", {
-			className: s(n.popoverWrapper, { [n.popoverActive]: x }),
-			children: [
-				/* @__PURE__ */ a(e, {
-					name: "share",
-					height: g,
-					width: g
-				}),
-				u && /* @__PURE__ */ a("div", {
-					className: n.shareButtonText,
-					children: b.formatMessage({
-						id: "share.share_button.text",
-						defaultMessage: "Share"
-					})
-				}),
-				/* @__PURE__ */ a("div", {
-					ref: y,
-					className: s(n.popoverContent, { [n.popoverContentWithCode]: h }),
-					children: x && /* @__PURE__ */ a(t, {
-						shareUrl: C,
-						shareTitle: f,
-						shareText: p,
-						showShareCode: h,
-						shareCode: m,
-						tooltipPosition: v
-					})
-				})
-			]
-		})
-	});
+import { jsx as o, jsxs as y } from "react/jsx-runtime";
+import n from "classnames";
+import { useRef as k, useState as C } from "react";
+import { useIntl as S } from "react-intl";
+import B from "use-onclickoutside";
+import t from "./ShareButton.module.scss.js";
+import { Icon as M } from "../../icons/icon/Icon.js";
+import { ShareBox as _ } from "../share_box/ShareBox.js";
+const R = ({
+  showText: m,
+  shareUrl: u,
+  shareTitle: i,
+  shareText: a = !1,
+  shareCode: w,
+  showShareCode: s = !1,
+  iconSize: d = 22,
+  className: v,
+  tooltipPosition: x = "bottom"
+}) => {
+  const r = k(), l = S(), [c, h] = C(!1), f = (() => {
+    let e = u;
+    return typeof window < "u" && (e += "?redirect_url=" + window.location.protocol + "//" + window.location.hostname), e;
+  })(), g = (e) => {
+    r && !r.current.contains(e.target) && h(!1);
+  }, p = () => {
+    if (typeof window < "u") {
+      const e = window.matchMedia("(max-width: 600px)");
+      typeof window < "u" && window.navigator.share && window.navigator.maxTouchPoints && window.navigator?.maxTouchPoints > 0 && e.matches ? b() : h(!0);
+    }
+  }, b = () => {
+    typeof window < "u" && window.navigator.share({
+      text: a,
+      title: i,
+      url: f
+    }).catch((e) => {
+    });
+  };
+  return B(r, g), /* @__PURE__ */ o(
+    "div",
+    {
+      tabIndex: "0",
+      onKeyDown: (e) => {
+        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
+      },
+      title: l.formatMessage({
+        id: "share.share_button.text",
+        defaultMessage: "Share"
+      }),
+      className: n(t.shareButtonContainer, v),
+      onClick: p,
+      "data-tid": "action_share_button",
+      children: /* @__PURE__ */ y(
+        "div",
+        {
+          className: n(t.popoverWrapper, {
+            [t.popoverActive]: c
+          }),
+          children: [
+            /* @__PURE__ */ o(M, { name: "share", height: d, width: d }),
+            m && /* @__PURE__ */ o("div", { className: t.shareButtonText, children: l.formatMessage({
+              id: "share.share_button.text",
+              defaultMessage: "Share"
+            }) }),
+            /* @__PURE__ */ o(
+              "div",
+              {
+                ref: r,
+                className: n(t.popoverContent, {
+                  [t.popoverContentWithCode]: s
+                }),
+                children: c && /* @__PURE__ */ o(
+                  _,
+                  {
+                    shareUrl: f,
+                    shareTitle: i,
+                    shareText: a,
+                    showShareCode: s,
+                    shareCode: w,
+                    tooltipPosition: x
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  R as ShareButton
 };
-//#endregion
-export { u as ShareButton };

package/dist/components/share/share_button/ShareButton.module.scss.js

@@ -0,0 +1,15 @@
+import '../../../assets/components/share/share_button/ShareButton.module-BS6STEUD.css';const o = "_shareButtonContainer_wb12g_3", t = "_popoverWrapper_wb12g_11", e = "_popoverActive_wb12g_18", p = "_popoverContent_wb12g_18", r = "_shareButtonText_wb12g_65", n = {
+  shareButtonContainer: o,
+  popoverWrapper: t,
+  popoverActive: e,
+  popoverContent: p,
+  shareButtonText: r
+};
+export {
+  n as default,
+  e as popoverActive,
+  p as popoverContent,
+  t as popoverWrapper,
+  o as shareButtonContainer,
+  r as shareButtonText
+};

package/dist/components/share/share_modal/ShareModal.js

@@ -1,28 +1,32 @@
-import { Modal as e } from "../../dialog/modal/Modal.js";
-import { ShareBox as t } from "../share_box/ShareBox.js";
-import n from "./ShareModal.module.js";
+import { jsx as o } from "react/jsx-runtime";
 import "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/share/share_modal/ShareModal.jsx
-var i = ({ shareUrl: i, title: a, shareTitle: o, shareText: s, showShareCode: c = !1, shareCode: l }) => {
-	let u = (() => {
-		let e = i;
-		return typeof window < "u" && (i += "?redirect_url=" + window.location.protocol + "//" + window.location.hostname), e;
-	})();
-	return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(e, {
-		title: a,
-		children: /* @__PURE__ */ r("div", {
-			className: n.modalContainer,
-			children: /* @__PURE__ */ r(t, {
-				shareUrl: u,
-				shareTitle: o,
-				shareText: s,
-				tooltipPosition: "top",
-				showShareCode: c,
-				shareCode: l
-			})
-		})
-	}) });
+import s from "./ShareModal.module.scss.js";
+import { Modal as c } from "../../dialog/modal/Modal.js";
+import { ShareBox as m } from "../share_box/ShareBox.js";
+const x = ({
+  shareUrl: r,
+  title: i,
+  shareTitle: t,
+  shareText: e,
+  showShareCode: n = !1,
+  shareCode: l
+}) => {
+  const d = (() => {
+    const a = r;
+    return typeof window < "u" && (r += "?redirect_url=" + window.location.protocol + "//" + window.location.hostname), a;
+  })();
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(c, { title: i, children: /* @__PURE__ */ o("div", { className: s.modalContainer, children: /* @__PURE__ */ o(
+    m,
+    {
+      shareUrl: d,
+      shareTitle: t,
+      shareText: e,
+      tooltipPosition: "top",
+      showShareCode: n,
+      shareCode: l
+    }
+  ) }) }) });
+};
+export {
+  x as ShareModal
 };
-//#endregion
-export { i as ShareModal };

package/dist/components/share/share_modal/ShareModal.module.scss.js

@@ -0,0 +1,7 @@
+import '../../../assets/components/share/share_modal/ShareModal.module-CczX4YRd.css';const o = "_modalContainer_k69g6_3", a = {
+  modalContainer: o
+};
+export {
+  a as default,
+  o as modalContainer
+};

package/dist/components/share/share_modal/index.js

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