@blocklet/discuss-kit 2.3.87 → 2.3.89

package/lib/cjs/comments.js

@@ -3,9 +3,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Theme = require("@arcblock/ux/lib/Theme");
 const PropTypes = require("prop-types");
-const SessionManager = require("@arcblock/did-connect/lib/SessionManager");
 const Session = require("@arcblock/did-connect/lib/Session");
-const Button = require("@arcblock/ux/lib/Button");
 const material = require("@mui/material");
 const context = require("@arcblock/ux/lib/Locale/context");
 const reactErrorBoundary = require("react-error-boundary");
@@ -103,7 +101,6 @@ const useDiscussKitStatus = () => {
 };
 const DiscussKitComments = react.forwardRef(
   ({
-    displayConnectButton,
     displayReaction,
     object,
     onChange,
@@ -201,17 +198,9 @@ const DiscussKitComments = react.forwardRef(
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(Container, { ref, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: [
-          displayReaction && /* @__PURE__ */ jsxRuntime.jsxs(discussKitUx.IconButtonGroup, { sx: { alignItems: "flex-end" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.GithubReactionContainer, { id: object.id, request: api, interactive }),
-            reactionAppend
-          ] }),
-          displayConnectButton && (session.user ? /* @__PURE__ */ jsxRuntime.jsx(SessionManager, { style: { padding: 0 }, showText: true, showRole: true, session }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "medium", variant: "contained", color: "primary", onClick: () => session.login(), children: t("connect") }))
-        ] }),
-        displayConnectButton && !session.user && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "input-no-connect", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "connect-tip", children: [
-          t("connectDIDWallet"),
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsx("a", { className: "down-load-wallet", href: "https://www.didwallet.io/", target: "_blank", rel: "noreferrer", children: t("installDIDWallet") })
+        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: displayReaction && /* @__PURE__ */ jsxRuntime.jsxs(discussKitUx.IconButtonGroup, { sx: { alignItems: "flex-end" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.GithubReactionContainer, { id: object.id, request: api, interactive }),
+          reactionAppend
         ] }) }),
         session.user && interactive && commentInputPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, className: "comment-editor", children: renderCommentInput() })
       ] }),
@@ -238,7 +227,6 @@ const DiscussKitComments = react.forwardRef(
   }
 );
 DiscussKitComments.propTypes = {
-  displayConnectButton: PropTypes.bool,
   displayReaction: PropTypes.bool,
   object: PropTypes.object.isRequired,
   onChange: PropTypes.func,
@@ -261,7 +249,6 @@ DiscussKitComments.propTypes = {
   disableCmdEnter: PropTypes.bool
 };
 DiscussKitComments.defaultProps = {
-  displayConnectButton: false,
   displayReaction: true,
   onChange: () => {
   },
@@ -353,7 +340,6 @@ Wrapper.propTypes = {
     desc: PropTypes.string,
     owner: PropTypes.string
   }).isRequired,
-  displayConnectButton: PropTypes.bool,
   displayReaction: PropTypes.bool,
   onChange: PropTypes.func,
   flatView: PropTypes.bool,
@@ -374,7 +360,6 @@ Wrapper.propTypes = {
   reactionAppend: PropTypes.any
 };
 Wrapper.defaultProps = {
-  displayConnectButton: false,
   displayReaction: true,
   onChange: () => {
   },
@@ -402,28 +387,5 @@ const Container = Theme.styled("div")`
   padding: ${(props) => props.padding ? "20px" : "0"};
   border: ${(props) => props.border ? "1px solid rgb(208, 215, 222)" : "none"};
   border-radius: 6px;
-  .input-no-connect {
-    margin: 24px 0 0 0;
-    display: flex;
-    font-size: 16px;
-    width: 100%;
-    text-align: start;
-    word-break: break-all;
-    flex-direction: column;
-    .connect-tip {
-      background: ${({ theme }) => theme.palette.grey[100]};
-      padding: 10px;
-      border-radius: 4px;
-      box-sizing: border-box;
-      color: ${({ theme }) => theme.palette.grey[600]};
-      margin-bottom: 10px;
-    }
-    .down-load-wallet {
-      color: ${({ theme }) => theme.palette.primary.main};
-    }
-    @media (max-width: 768px) {
-      font-size: 14px;
-    }
-  }
 `;
 module.exports = Wrapper;

package/lib/es/comments.js

@@ -2,9 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { forwardRef, useContext, useRef, useMemo, useEffect, useState } from "react";
 import { styled } from "@arcblock/ux/lib/Theme";
 import PropTypes from "prop-types";
-import SessionManager from "@arcblock/did-connect/lib/SessionManager";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
-import Button from "@arcblock/ux/lib/Button";
 import { Alert, AlertTitle, Box, CircularProgress } from "@mui/material";
 import { useLocaleContext, LocaleProvider } from "@arcblock/ux/lib/Locale/context";
 import { ErrorBoundary } from "react-error-boundary";
@@ -102,7 +100,6 @@ const useDiscussKitStatus = () => {
 };
 const DiscussKitComments = forwardRef(
   ({
-    displayConnectButton,
     displayReaction,
     object,
     onChange,
@@ -200,17 +197,9 @@ const DiscussKitComments = forwardRef(
     };
     return /* @__PURE__ */ jsxs(Container, { ref, children: [
       /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: [
-          displayReaction && /* @__PURE__ */ jsxs(IconButtonGroup, { sx: { alignItems: "flex-end" }, children: [
-            /* @__PURE__ */ jsx(GithubReactionContainer, { id: object.id, request: api, interactive }),
-            reactionAppend
-          ] }),
-          displayConnectButton && (session.user ? /* @__PURE__ */ jsx(SessionManager, { style: { padding: 0 }, showText: true, showRole: true, session }) : /* @__PURE__ */ jsx(Button, { size: "medium", variant: "contained", color: "primary", onClick: () => session.login(), children: t("connect") }))
-        ] }),
-        displayConnectButton && !session.user && /* @__PURE__ */ jsx("div", { className: "input-no-connect", children: /* @__PURE__ */ jsxs("span", { className: "connect-tip", children: [
-          t("connectDIDWallet"),
-          " ",
-          /* @__PURE__ */ jsx("a", { className: "down-load-wallet", href: "https://www.didwallet.io/", target: "_blank", rel: "noreferrer", children: t("installDIDWallet") })
+        /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: displayReaction && /* @__PURE__ */ jsxs(IconButtonGroup, { sx: { alignItems: "flex-end" }, children: [
+          /* @__PURE__ */ jsx(GithubReactionContainer, { id: object.id, request: api, interactive }),
+          reactionAppend
         ] }) }),
         session.user && interactive && commentInputPosition === "top" && /* @__PURE__ */ jsx(Box, { mt: 2, className: "comment-editor", children: renderCommentInput() })
       ] }),
@@ -237,7 +226,6 @@ const DiscussKitComments = forwardRef(
   }
 );
 DiscussKitComments.propTypes = {
-  displayConnectButton: PropTypes.bool,
   displayReaction: PropTypes.bool,
   object: PropTypes.object.isRequired,
   onChange: PropTypes.func,
@@ -260,7 +248,6 @@ DiscussKitComments.propTypes = {
   disableCmdEnter: PropTypes.bool
 };
 DiscussKitComments.defaultProps = {
-  displayConnectButton: false,
   displayReaction: true,
   onChange: () => {
   },
@@ -352,7 +339,6 @@ Wrapper.propTypes = {
     desc: PropTypes.string,
     owner: PropTypes.string
   }).isRequired,
-  displayConnectButton: PropTypes.bool,
   displayReaction: PropTypes.bool,
   onChange: PropTypes.func,
   flatView: PropTypes.bool,
@@ -373,7 +359,6 @@ Wrapper.propTypes = {
   reactionAppend: PropTypes.any
 };
 Wrapper.defaultProps = {
-  displayConnectButton: false,
   displayReaction: true,
   onChange: () => {
   },
@@ -401,29 +386,6 @@ const Container = styled("div")`
   padding: ${(props) => props.padding ? "20px" : "0"};
   border: ${(props) => props.border ? "1px solid rgb(208, 215, 222)" : "none"};
   border-radius: 6px;
-  .input-no-connect {
-    margin: 24px 0 0 0;
-    display: flex;
-    font-size: 16px;
-    width: 100%;
-    text-align: start;
-    word-break: break-all;
-    flex-direction: column;
-    .connect-tip {
-      background: ${({ theme }) => theme.palette.grey[100]};
-      padding: 10px;
-      border-radius: 4px;
-      box-sizing: border-box;
-      color: ${({ theme }) => theme.palette.grey[600]};
-      margin-bottom: 10px;
-    }
-    .down-load-wallet {
-      color: ${({ theme }) => theme.palette.primary.main};
-    }
-    @media (max-width: 768px) {
-      font-size: 14px;
-    }
-  }
 `;
 export {
   Wrapper as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit",
-  "version": "2.3.87",
+  "version": "2.3.89",
   "description": "A react component for Discuss Kit blocklet.",
   "main": "./lib/cjs/index.js",
   "module": "./lib/es/index.js",
@@ -49,8 +49,8 @@
     "rehype-sanitize": "^5.0.1",
     "timeago.js": "^4.0.2",
     "url-join": "^4.0.1",
-    "@blocklet/discuss-kit-ux": "^2.3.87",
-    "@blocklet/editor": "^2.3.87"
+    "@blocklet/discuss-kit-ux": "^2.3.89",
+    "@blocklet/editor": "^2.3.89"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",