@blocklet/discuss-kit 1.5.150 → 1.5.152

package/lib/cjs/comments.js

@@ -102,7 +102,7 @@ function DiscussKitComments({
 }) {
   discussKitUx.useDefaultApiErrorHandler({ request: api });
   const { session } = react.useContext(Session.SessionContext) || {};
-  const { state, sort, add, updateCommentState } = discussKitUx.useCommentsContext();
+  const { state, sort, add, updateCommentState, interactive } = discussKitUx.useCommentsContext();
   const { total, order, initialized } = state;
   const { t } = context.useLocaleContext();
   const objectRatingState = useAsyncRetry(() => api.fetchRatings(object.id));
@@ -159,7 +159,15 @@ function DiscussKitComments({
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: "comment-container", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: [
-        displayReaction && objectRatingState.value && /* @__PURE__ */ jsxRuntime.jsx(Box, { children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.GithubReaction, { data: objectRatingState.value, onRate: handleOnRate, onUnrate: handleOnUnrate }) }),
+        displayReaction && objectRatingState.value && /* @__PURE__ */ jsxRuntime.jsx(Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          discussKitUx.GithubReaction,
+          {
+            data: objectRatingState.value,
+            onRate: handleOnRate,
+            onUnrate: handleOnUnrate,
+            interactive
+          }
+        ) }),
         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: [
@@ -167,7 +175,7 @@ function DiscussKitComments({
         " ",
         /* @__PURE__ */ jsxRuntime.jsx("a", { className: "down-load-wallet", href: "https://www.didwallet.io/", target: "_blank", rel: "noreferrer", children: t("installDIDWallet") })
       ] }) }),
-      session.user && commentInputPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 2, className: "comment-editor", children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
+      session.user && interactive && commentInputPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 2, className: "comment-editor", children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
     ] }),
     !!total && showTopbar && /* @__PURE__ */ jsxRuntime.jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 3, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -200,7 +208,7 @@ function DiscussKitComments({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentList, { className: "comment-list" }),
-    session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 6, children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
+    session.user && interactive && commentInputPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 6, children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
   ] });
 }
 DiscussKitComments.propTypes = {
@@ -227,6 +235,7 @@ function Wrapper({
   order,
   allowCopyLink,
   showProfileCard,
+  interactive,
   ...rest
 }) {
   if (!(target == null ? void 0 : target.id)) {
@@ -266,6 +275,7 @@ function Wrapper({
       autoCollapse,
       allowCopyLink,
       showProfileCard,
+      interactive,
       children: /* @__PURE__ */ jsxRuntime.jsx(DiscussKitComments, { ...rest, object })
     }
   ) }) }) }) }) }) });
@@ -285,7 +295,8 @@ Wrapper.propTypes = {
   autoCollapse: PropTypes.bool,
   allowCopyLink: PropTypes.bool,
   showProfileCard: PropTypes.bool,
-  order: PropTypes.oneOf(["asc", "desc"])
+  order: PropTypes.oneOf(["asc", "desc"]),
+  interactive: PropTypes.bool
 };
 Wrapper.defaultProps = {
   displayConnectButton: false,
@@ -297,7 +308,8 @@ Wrapper.defaultProps = {
   autoCollapse: false,
   allowCopyLink: false,
   showProfileCard: false,
-  order: void 0
+  order: void 0,
+  interactive: true
 };
 const Container = Theme.styled("div")`
   background-color: #fff;

package/lib/es/comments.js

@@ -101,7 +101,7 @@ function DiscussKitComments({
 }) {
   useDefaultApiErrorHandler({ request: api });
   const { session } = useContext(SessionContext) || {};
-  const { state, sort, add, updateCommentState } = useCommentsContext();
+  const { state, sort, add, updateCommentState, interactive } = useCommentsContext();
   const { total, order, initialized } = state;
   const { t } = useLocaleContext();
   const objectRatingState = useAsyncRetry(() => fetchRatings(object.id));
@@ -158,7 +158,15 @@ function DiscussKitComments({
   return /* @__PURE__ */ jsxs(Container, { className: "comment-container", children: [
     /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: [
-        displayReaction && objectRatingState.value && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(GithubReaction, { data: objectRatingState.value, onRate: handleOnRate, onUnrate: handleOnUnrate }) }),
+        displayReaction && objectRatingState.value && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+          GithubReaction,
+          {
+            data: objectRatingState.value,
+            onRate: handleOnRate,
+            onUnrate: handleOnUnrate,
+            interactive
+          }
+        ) }),
         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: [
@@ -166,7 +174,7 @@ function DiscussKitComments({
         " ",
         /* @__PURE__ */ jsx("a", { className: "down-load-wallet", href: "https://www.didwallet.io/", target: "_blank", rel: "noreferrer", children: t("installDIDWallet") })
       ] }) }),
-      session.user && commentInputPosition === "top" && /* @__PURE__ */ jsx(Box, { mt: 2, className: "comment-editor", children: /* @__PURE__ */ jsx(CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
+      session.user && interactive && commentInputPosition === "top" && /* @__PURE__ */ jsx(Box, { mt: 2, className: "comment-editor", children: /* @__PURE__ */ jsx(CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
     ] }),
     !!total && showTopbar && /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 3, children: [
       /* @__PURE__ */ jsxs("span", { children: [
@@ -199,7 +207,7 @@ function DiscussKitComments({
       ] })
     ] }),
     /* @__PURE__ */ jsx(CommentList, { className: "comment-list" }),
-    session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsx(Box, { mt: 6, children: /* @__PURE__ */ jsx(CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
+    session.user && interactive && commentInputPosition === "bottom" && /* @__PURE__ */ jsx(Box, { mt: 6, children: /* @__PURE__ */ jsx(CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
   ] });
 }
 DiscussKitComments.propTypes = {
@@ -226,6 +234,7 @@ function Wrapper({
   order,
   allowCopyLink,
   showProfileCard,
+  interactive,
   ...rest
 }) {
   if (!(target == null ? void 0 : target.id)) {
@@ -265,6 +274,7 @@ function Wrapper({
       autoCollapse,
       allowCopyLink,
       showProfileCard,
+      interactive,
       children: /* @__PURE__ */ jsx(DiscussKitComments, { ...rest, object })
     }
   ) }) }) }) }) }) });
@@ -284,7 +294,8 @@ Wrapper.propTypes = {
   autoCollapse: PropTypes.bool,
   allowCopyLink: PropTypes.bool,
   showProfileCard: PropTypes.bool,
-  order: PropTypes.oneOf(["asc", "desc"])
+  order: PropTypes.oneOf(["asc", "desc"]),
+  interactive: PropTypes.bool
 };
 Wrapper.defaultProps = {
   displayConnectButton: false,
@@ -296,7 +307,8 @@ Wrapper.defaultProps = {
   autoCollapse: false,
   allowCopyLink: false,
   showProfileCard: false,
-  order: void 0
+  order: void 0,
+  interactive: true
 };
 const Container = styled("div")`
   background-color: #fff;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit",
-  "version": "1.5.150",
+  "version": "1.5.152",
   "description": "A react component for Discuss Kit blocklet.",
   "main": "./lib/cjs/index.js",
   "module": "./lib/es/index.js",
@@ -37,8 +37,8 @@
     "@arcblock/did-connect": "2.8.2",
     "@arcblock/ux": "2.8.2",
     "@arcblock/ws": "^1.18.92",
-    "@blocklet/discuss-kit-ux": "1.5.150",
-    "@blocklet/editor": "1.5.150",
+    "@blocklet/discuss-kit-ux": "1.5.152",
+    "@blocklet/editor": "1.5.152",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/icons-material": "^5.14.9",
@@ -77,5 +77,5 @@
     "vite-plugin-build": "^0.10.0",
     "vite-plugin-svgr": "^4.1.0"
   },
-  "gitHead": "abe673c9aea6f950da06b314957f76d6a2659dfe"
+  "gitHead": "cd85f290d1d617b9625997c913fc592bf671be4c"
 }