@logora/debate 0.3.118 → 0.3.119

package/dist/assets/components/dialog/dropdown/Dropdown.module-BmT3rAwz.css

@@ -0,0 +1 @@
+._dropdownWrapper_7839n_3{position:relative;display:inline-block}._dropdownHeader_7839n_8{border:none;padding:0!important;cursor:pointer;background-color:var(--background-color-primary, white)}._dropdownHeader_7839n_8:focus:not(:focus-visible){outline:none;box-shadow:none}._dropdownList_7839n_19{position:absolute;z-index:3;background:var(--background-color-primary, white);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));border-radius:var(--box-border-radius, 6px);overscroll-behavior-y:contain;width:max-content}._bottom_7839n_30{top:calc(100% + 2px)}._top_7839n_34{bottom:calc(100% + 2px)}._left_7839n_38{left:0!important}._right_7839n_42{right:0!important}._center_7839n_46{left:50%;transform:translate(-50%)}

package/dist/components/dialog/dropdown/Dropdown.js

@@ -1,17 +1,18 @@
-import { jsxs as w, jsx as i } from "react/jsx-runtime";
-import u from "classnames";
-import { useState as g, useRef as x, useEffect as E } from "react";
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import m from "classnames";
+import { useState as x, useRef as b, useEffect as E } from "react";
 import t from "./Dropdown.module.scss.js";
-const k = ({
+const y = ({
   onClick: s,
-  horizontalPosition: c = "left",
+  horizontalPosition: d = "left",
+  verticalPosition: c = "bottom",
   disabled: l = !1,
-  closeOnContentClick: m = !1,
-  className: d,
+  closeOnContentClick: p = !1,
+  className: f,
   dropdownClassName: a,
-  children: f
+  children: u
 }) => {
-  const [r, o] = g(!1), n = x(null), p = () => {
+  const [r, o] = x(!1), n = b(null), w = () => {
     l || (s && s(), o(!r));
   };
   return E(() => {
@@ -19,11 +20,11 @@ const k = ({
       n.current && !n.current.contains(v.target) && o(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []), /* @__PURE__ */ w(
+  }, []), /* @__PURE__ */ g(
     "div",
     {
       ref: n,
-      className: u(t.dropdownWrapper, { [d]: d }),
+      className: m(t.dropdownWrapper, { [f]: f }),
       children: [
         /* @__PURE__ */ i(
           "button",
@@ -31,20 +32,21 @@ const k = ({
             type: "button",
             "aria-expanded": r,
             className: t.dropdownHeader,
-            onClick: p,
-            children: f[0]
+            onClick: w,
+            children: u[0]
           }
         ),
         r && /* @__PURE__ */ i(
           "div",
           {
-            className: a || u(t.dropdownList, {
+            className: a || m(t.dropdownList, {
+              [t[d]]: d,
               [t[c]]: c
             }),
             onClick: (e) => {
-              (m || e.target === e.currentTarget) && o(!1);
+              (p || e.target === e.currentTarget) && o(!1);
             },
-            children: f[1]
+            children: u[1]
           }
         )
       ]
@@ -52,5 +54,5 @@ const k = ({
   );
 };
 export {
-  k as Dropdown
+  y as Dropdown
 };

package/dist/components/dialog/dropdown/Dropdown.module.scss.js

@@ -1,17 +1,21 @@
-import '../../../assets/components/dialog/dropdown/Dropdown.module-FG2Sqrqs.css';const r = "_dropdownWrapper_zrxfa_3", o = "_dropdownHeader_zrxfa_8", d = "_dropdownList_zrxfa_19", t = "_left_zrxfa_31", e = "_right_zrxfa_35", n = "_center_zrxfa_39", _ = {
-  dropdownWrapper: r,
-  dropdownHeader: o,
-  dropdownList: d,
-  left: t,
+import '../../../assets/components/dialog/dropdown/Dropdown.module-BmT3rAwz.css';const o = "_dropdownWrapper_7839n_3", t = "_dropdownHeader_7839n_8", n = "_dropdownList_7839n_19", r = "_bottom_7839n_30", _ = "_top_7839n_34", d = "_left_7839n_38", e = "_right_7839n_42", p = "_center_7839n_46", s = {
+  dropdownWrapper: o,
+  dropdownHeader: t,
+  dropdownList: n,
+  bottom: r,
+  top: _,
+  left: d,
   right: e,
-  center: n
+  center: p
 };
 export {
-  n as center,
-  _ as default,
-  o as dropdownHeader,
-  d as dropdownList,
-  r as dropdownWrapper,
-  t as left,
-  e as right
+  r as bottom,
+  p as center,
+  s as default,
+  t as dropdownHeader,
+  n as dropdownList,
+  o as dropdownWrapper,
+  d as left,
+  e as right,
+  _ as top
 };

package/dist/components/user_content/content_footer/ContentFooter.js

@@ -14,7 +14,7 @@ import { Link as nt } from "../../action/link/Link.js";
 import { Icon as l } from "../../icons/icon/Icon.js";
 import { ShareButton as ot } from "../../share/share_button/ShareButton.js";
 import { Dropdown as at } from "../../dialog/dropdown/Dropdown.js";
-const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ default: n.ShareModal }))), vt = ({
+const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ default: n.ShareModal }))), Dt = ({
   resource: n,
   reportType: I,
   deleteType: k,
@@ -36,9 +36,9 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
   showShareText: T,
   enableEdition: j = !0,
   enableDeletion: F = !0,
-  enableReport: B = !0,
-  containerClassName: L,
-  voteActionClassName: P,
+  enableReport: P = !0,
+  containerClassName: B,
+  voteActionClassName: L,
   replyRedirectUrl: g
 }) => {
   const o = Q(), y = V(), { currentUser: d } = X(), { showModal: U } = Y(), { setInputContent: W } = Z() || {}, { reportContent: w } = $(I, n.id), { deleteContent: M } = tt(
@@ -46,7 +46,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
     k,
     N,
     x
-  ), { elementWidth: c } = et(), q = () => d?.id ? n.author?.id === d?.id || n.debate_suggestion?.author?.id === d?.id : !1, D = () => {
+  ), { elementWidth: c } = et(), q = () => d?.id ? n.author?.id === d?.id || n.debate_suggestion?.author?.id === d?.id : !1, v = () => {
     W(n);
   }, G = () => {
     if (n.created_at && y.actions?.editionTime) {
@@ -58,7 +58,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
       return /* @__PURE__ */ new Date() < a;
     }
     return !0;
-  }, v = () => {
+  }, D = () => {
     U(
       /* @__PURE__ */ t(J, { fallback: null, children: /* @__PURE__ */ t(
         rt,
@@ -75,14 +75,14 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
   }, i = (a) => (s) => {
     (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a());
   };
-  return /* @__PURE__ */ r("div", { className: b(e.container, L), children: [
+  return /* @__PURE__ */ r("div", { className: b(e.container, B), children: [
     /* @__PURE__ */ t(
       "div",
       {
         onKeyDown: (a) => {
           (a.key === "Enter" || a.key === " ") && (a.preventDefault(), onClick());
         },
-        className: b(e.voteAction, P),
+        className: b(e.voteAction, L),
         "data-tid": "action_vote_argument",
         children: C
       }
@@ -159,6 +159,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
           {
             className: e.moreActionDropdown,
             horizontalPosition: "right",
+            verticalPosition: "top",
             children: [
               /* @__PURE__ */ t(
                 l,
@@ -181,8 +182,8 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
                       "data-tid": "action_edit_argument",
                       className: e.dropdownItem,
                       tabIndex: "0",
-                      onClick: D,
-                      onKeyDown: i(D),
+                      onClick: v,
+                      onKeyDown: i(v),
                       children: o.formatMessage({
                         id: "user_content.content_footer.update",
                         defaultMessage: "Update"
@@ -204,7 +205,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
                     }
                   )
                 ] }),
-                B && /* @__PURE__ */ t(
+                P && /* @__PURE__ */ t(
                   "div",
                   {
                     "data-tid": "action_report_argument",
@@ -225,8 +226,8 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
                     "data-tid": "action_share_argument",
                     className: e.dropdownItem,
                     tabIndex: "0",
-                    onClick: v,
-                    onKeyDown: i(v),
+                    onClick: D,
+                    onKeyDown: i(D),
                     children: o.formatMessage({
                       id: "user_content.content_footer.share",
                       defaultMessage: "Share"
@@ -242,5 +243,5 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
   ] });
 };
 export {
-  vt as ContentFooter
+  Dt as ContentFooter
 };

package/package.json

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

package/dist/assets/components/dialog/dropdown/Dropdown.module-FG2Sqrqs.css

@@ -1 +0,0 @@
-._dropdownWrapper_zrxfa_3{position:relative;display:inline-block}._dropdownHeader_zrxfa_8{border:none;padding:0!important;cursor:pointer;background-color:var(--background-color-primary, white)}._dropdownHeader_zrxfa_8:focus:not(:focus-visible){outline:none;box-shadow:none}._dropdownList_zrxfa_19{position:absolute;top:calc(100% + 2px);z-index:3;background:var(--background-color-primary, white);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));border-radius:var(--box-border-radius, 6px);overscroll-behavior-y:contain;width:max-content}._left_zrxfa_31{left:0!important}._right_zrxfa_35{right:0!important}._center_zrxfa_39{left:50%;transform:translate(-50%)}