@logora/debate 0.4.63 → 0.4.65

package/dist/assets/components/summary/summary/Summary.module-C1E_L02_.css

@@ -0,0 +1 @@
+._sectionBox_i352a_3{padding:1em}._content_i352a_7{padding-top:0}._summaryContainer_i352a_11{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:1em}._summaryContainer_i352a_11>div{flex:1 1 calc(50% - .5em);max-width:calc(50% - .5em);display:flex;flex-direction:column}@container (max-width: 767.98px){._summaryContainer_i352a_11{flex-direction:column}._summaryContainer_i352a_11>div{flex:1 1 100%;max-width:100%;width:100%}}._description_i352a_35{color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px);margin-bottom:1em}

package/dist/components/dialog/modal/Modal.js

@@ -1,65 +1,65 @@
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import d from "classnames";
+import { jsx as l, jsxs as s } from "react/jsx-runtime";
+import r from "classnames";
 import { useRef as g, useEffect as b } from "react";
-import { useIntl as w } from "react-intl";
-import o from "./Modal.module.scss.js";
-import { useModal as C } from "./useModal.js";
-import { Icon as M } from "../../icons/icon/Icon.js";
+import { useIntl as C } from "react-intl";
+import e from "./Modal.module.scss.js";
+import { useModal as M } from "./useModal.js";
+import { Icon as x } from "../../icons/icon/Icon.js";
 const D = ({
   title: t,
-  showCloseButton: s = !1,
-  fullScreen: i,
+  showCloseButton: i = !1,
+  fullScreen: c,
   children: m,
-  disableClickOutside: c = !1,
-  ...f
+  disableClickOutside: f = !1,
+  ...u
 }) => {
-  const r = g(), u = w(), { hideModal: a } = C();
+  const a = g(), h = C(), { hideModal: d } = M();
   b(() => {
-    const e = r.current;
-    if (!e) return;
-    const p = document.documentElement.style.overflow, y = document.body.style.overflow;
-    return document.documentElement.style.overflow = "hidden", document.body.style.overflow = "hidden", e.open || e.showModal(), e.focus(), () => {
-      document.documentElement.style.overflow = p, document.body.style.overflow = y, e.open && e.close();
+    const o = a.current;
+    if (!o) return;
+    const n = window.scrollY, p = document.documentElement.style.overflow, y = document.body.style.overflow;
+    return document.documentElement.style.overflow = "hidden", document.body.style.overflow = "hidden", o.open || o.showModal(), o.focus(), window.scrollTo(0, n), () => {
+      document.documentElement.style.overflow = p, document.body.style.overflow = y, o.open && o.close(), window.scrollTo(0, n);
     };
   }, []);
-  const h = (e) => {
-    c || e.currentTarget === e.target && a();
+  const w = (o) => {
+    f || o.currentTarget === o.target && d();
   }, v = () => {
-    a();
+    d();
   };
   return /* @__PURE__ */ l(
     "dialog",
     {
-      ref: r,
-      className: d(o.modalDialog, {
-        [o.modalDialogFullScreen]: i
+      ref: a,
+      className: r(e.modalDialog, {
+        [e.modalDialogFullScreen]: c
       }),
       "aria-labelledby": t ? "modal-title" : void 0,
-      onClick: h,
+      onClick: w,
       onClose: v,
-      ...f,
-      children: /* @__PURE__ */ n("div", { className: d(o.modalContainer), children: [
-        /* @__PURE__ */ n(
+      ...u,
+      children: /* @__PURE__ */ s("div", { className: r(e.modalContainer), children: [
+        /* @__PURE__ */ s(
           "div",
           {
-            className: d(o.modalHeader, {
-              [o.modalHeaderWithTitle]: t
+            className: r(e.modalHeader, {
+              [e.modalHeaderWithTitle]: t
             }),
             children: [
               t && /* @__PURE__ */ l("div", { id: "modal-title", children: t }),
-              s && /* @__PURE__ */ l(
+              i && /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
-                  className: o.modalExitButton,
-                  onClick: a,
-                  "aria-label": u.formatMessage({
+                  className: e.modalExitButton,
+                  onClick: d,
+                  "aria-label": h.formatMessage({
                     id: "dialog.modal.aria_label",
                     defaultMessage: "Close dialog"
                   }),
                   "data-testid": "close-button",
                   children: /* @__PURE__ */ l(
-                    M,
+                    x,
                     {
                       name: "close",
                       height: 18,
@@ -73,7 +73,7 @@ const D = ({
             ]
           }
         ),
-        /* @__PURE__ */ l("div", { className: o.modalContent, children: m })
+        /* @__PURE__ */ l("div", { className: e.modalContent, children: m })
       ] })
     }
   );

package/dist/components/report/report_box/ReportBox.js

@@ -80,7 +80,7 @@ const C = ({ report: e, flash: i }) => {
               }
             ),
             o.formatMessage({
-              id: "report.content_header.moderation_reason",
+              id: "report.content_header.moderation_reason_label",
               defaultMessage: "Report reason:"
             }),
             " ",

package/dist/components/summary/summary/Summary.module.scss.js

@@ -1,13 +1,13 @@
-import '../../../assets/components/summary/summary/Summary.module-2bnx3egy.css';const t = "_sectionBox_tui97_3", n = "_content_tui97_7", o = "_summaryContainer_tui97_11", s = "_description_tui97_35", i = {
-  sectionBox: t,
-  content: n,
+import '../../../assets/components/summary/summary/Summary.module-C1E_L02_.css';const n = "_sectionBox_i352a_3", t = "_content_i352a_7", o = "_summaryContainer_i352a_11", s = "_description_i352a_35", i = {
+  sectionBox: n,
+  content: t,
   summaryContainer: o,
   description: s
 };
 export {
-  n as content,
+  t as content,
   i as default,
   s as description,
-  t as sectionBox,
+  n as sectionBox,
   o as summaryContainer
 };

package/dist/components/user_content/content_header/ContentHeader.js

@@ -1,10 +1,10 @@
-import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
 import u from "classnames";
 import "react";
 import { useIntl as N } from "react-intl";
 import t from "./ContentHeader.module.scss.js";
-import { useRelativeTime as x } from "../../hooks/use_relative_time/useRelativeTime.js";
-import { useConfig as b } from "../../data/config_provider/useConfig.js";
+import { useRelativeTime as b } from "../../hooks/use_relative_time/useRelativeTime.js";
+import { useConfig as x } from "../../data/config_provider/useConfig.js";
 import { Icon as g } from "../../icons/icon/Icon.js";
 import { UserBoxSmall as H } from "../../user/user_box_small/UserBoxSmall.js";
 import { AuthorBox as w } from "../../user/author_box/AuthorBox.js";
@@ -22,11 +22,11 @@ const $ = ({
   moderationPolicyUrl: m,
   showModerationFeedback: v = !1
 }) => {
-  const M = x(new Date(l).getTime()), a = N(), f = b();
+  const M = b(new Date(l).getTime()), n = N(), f = x();
   return /* @__PURE__ */ o("div", { className: t.contentHeaderContainer, children: [
     v && /* @__PURE__ */ o("div", { className: t.moderationInfo, children: [
       /* @__PURE__ */ o("div", { className: t.moderationReason, children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           g,
           {
             name: "announcement",
@@ -35,17 +35,17 @@ const $ = ({
             className: t.warningIcon
           }
         ),
-        a.formatMessage({
-          id: "user_content.content_header.moderation_reason",
+        n.formatMessage({
+          id: "user_content.content_header.moderation_reason_label",
           defaultMessage: "Content rejected by moderation."
         }),
         " ",
-        s && a.messages[`user_content.content_header.moderation_reason.${s.toLowerCase()}`] ? a.formatMessage({
+        s && n.messages[`user_content.content_header.moderation_reason.${s.toLowerCase()}`] ? n.formatMessage({
           id: `user_content.content_header.moderation_reason.${s.toLowerCase()}`,
           defaultMessage: ""
         }) : null
       ] }),
-      c && /* @__PURE__ */ n("div", { children: a.formatMessage(
+      c && /* @__PURE__ */ a("div", { children: n.formatMessage(
         {
           id: "user_content.content_header.moderation_notes",
           defaultMessage: "Moderation Notes: {notes}"
@@ -53,19 +53,19 @@ const $ = ({
         { notes: c }
       ) }),
       m && /* @__PURE__ */ o("div", { children: [
-        a.formatMessage({
+        n.formatMessage({
           id: "user_content.content_header.moderationPolicyUrl",
           defaultMessage: "Please keep contributions respectful. See rules:"
         }),
         " ",
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "a",
           {
             href: m,
             target: "_blank",
             rel: "noopener noreferrer",
             className: t.moderationLink,
-            children: a.formatMessage({
+            children: n.formatMessage({
               id: "user_content.content_header.moderation_policy_link",
               defaultMessage: "moderation policy"
             })
@@ -74,21 +74,21 @@ const $ = ({
       ] })
     ] }),
     p && !d && /* @__PURE__ */ o("div", { className: t.selectedContent, children: [
-      /* @__PURE__ */ n(g, { name: "expertBadge", width: 18, height: 18 }),
-      a.formatMessage({
+      /* @__PURE__ */ a(g, { name: "expertBadge", width: 18, height: 18 }),
+      n.formatMessage({
         id: "user_content.content_header.selected",
         defaultMessage: "Selected by editor"
       })
     ] }),
     /* @__PURE__ */ o("div", { className: t.contentHeader, children: [
-      /* @__PURE__ */ n("div", { className: t.contentHeaderAuthorBox, children: i === !0 ? /* @__PURE__ */ n(
+      /* @__PURE__ */ a("div", { className: t.contentHeaderAuthorBox, children: i === !0 ? /* @__PURE__ */ a(
         H,
         {
           userName: e.full_name,
           avatarUrl: e.image_url,
           userSlug: e.hash_id
         }
-      ) : /* @__PURE__ */ n(
+      ) : /* @__PURE__ */ a(
         w,
         {
           fullName: e.full_name,
@@ -106,13 +106,13 @@ const $ = ({
         }
       ) }),
       /* @__PURE__ */ o("div", { className: t.contentHeaderRight, children: [
-        r && /* @__PURE__ */ n("div", { className: u(t.contentHeaderTagBox, _), children: /* @__PURE__ */ n("div", { className: t.contentHeaderTag, title: r, children: r }) }),
-        !l || i ? null : /* @__PURE__ */ n(
+        r && /* @__PURE__ */ a("div", { className: u(t.contentHeaderTagBox, _), children: /* @__PURE__ */ a("div", { className: t.contentHeaderTag, title: r, children: r }) }),
+        !l || i ? null : /* @__PURE__ */ a(
           "div",
           {
             "data-testid": "content-header-date",
             className: u(t.contentHeaderDate),
-            "aria-label": a.formatMessage({
+            "aria-label": n.formatMessage({
               id: "user_content.content_header.date",
               defaultMessage: "Publication date"
             }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.4.63",
+  "version": "0.4.65",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",

package/dist/assets/components/summary/summary/Summary.module-2bnx3egy.css

@@ -1 +0,0 @@
-._sectionBox_tui97_3{padding:1em}._content_tui97_7{padding-top:1em}._summaryContainer_tui97_11{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:1em}._summaryContainer_tui97_11>div{flex:1 1 calc(50% - .5em);max-width:calc(50% - .5em);display:flex;flex-direction:column}@container (max-width: 767.98px){._summaryContainer_tui97_11{flex-direction:column}._summaryContainer_tui97_11>div{flex:1 1 100%;max-width:100%;width:100%}}._description_tui97_35{color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px);margin-bottom:1em}