@blocklet/discuss-kit 2.3.3 → 2.3.5

package/lib/cjs/comments-dialog.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+const CloseIcon = require("@mui/icons-material/Close");
+const Comments = require("./comments");
+function CommentsDialog({ title, open, onClose, ...rest }) {
+  const fullScreen = material.useMediaQuery((theme) => theme.breakpoints.down("md"));
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { fullScreen, onClose, maxWidth: false, ...rest, open, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogTitle, { variant: "h4", sx: { position: "relative" }, children: [
+      title,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.IconButton,
+        {
+          onClick: onClose,
+          sx: { position: "absolute", right: 8, top: "50%", transform: "translateY(-50%)" },
+          children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { sx: { width: { xs: 1, sm: 800 } }, children: /* @__PURE__ */ jsxRuntime.jsx(Comments, { ...rest }) })
+  ] });
+}
+exports.CommentsDialog = CommentsDialog;

package/lib/cjs/components/menu.js

@@ -34,13 +34,13 @@ function Menu({ items, ...rest }) {
         open,
         onClose: handleClose,
         children: items.map(({ onClick, text, ...itemProps }, index) => {
-          const _onClick = () => {
+          const handleClick2 = () => {
             onClick();
             handleClose();
           };
           return (
             // eslint-disable-next-line react/no-array-index-key
-            /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { onClick: _onClick, ...itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { minWidth: 100, children: text }) }, index)
+            /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { onClick: handleClick2, ...itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { minWidth: 100, children: text }) }, index)
           );
         })
       }

package/lib/cjs/index.js

@@ -4,6 +4,7 @@ const themeProvider = require("./theme-provider");
 const commentsInstaller = require("./comments-installer");
 const commentsWithSession = require("./comments-with-session");
 const commentListener = require("./hooks/comment-listener");
+const commentsDialog = require("./comments-dialog");
 exports.ThemeProvider = themeProvider;
 exports.Comments = commentsInstaller;
 exports.CommentsWithSession = commentsWithSession;
@@ -11,3 +12,7 @@ Object.defineProperty(exports, "useCommentsListener", {
   enumerable: true,
   get: () => commentListener.useCommentsListener
 });
+Object.defineProperty(exports, "CommentsDialog", {
+  enumerable: true,
+  get: () => commentsDialog.CommentsDialog
+});

package/lib/es/comments-dialog.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMediaQuery, Dialog, DialogTitle, IconButton, DialogContent } from "@mui/material";
+import CloseIcon from "@mui/icons-material/Close";
+import Comments from "./comments";
+function CommentsDialog({ title, open, onClose, ...rest }) {
+  const fullScreen = useMediaQuery((theme) => theme.breakpoints.down("md"));
+  return /* @__PURE__ */ jsxs(Dialog, { fullScreen, onClose, maxWidth: false, ...rest, open, children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { variant: "h4", sx: { position: "relative" }, children: [
+      title,
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          onClick: onClose,
+          sx: { position: "absolute", right: 8, top: "50%", transform: "translateY(-50%)" },
+          children: /* @__PURE__ */ jsx(CloseIcon, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(DialogContent, { sx: { width: { xs: 1, sm: 800 } }, children: /* @__PURE__ */ jsx(Comments, { ...rest }) })
+  ] });
+}
+export {
+  CommentsDialog
+};

package/lib/es/components/menu.js

@@ -33,13 +33,13 @@ function Menu({ items, ...rest }) {
         open,
         onClose: handleClose,
         children: items.map(({ onClick, text, ...itemProps }, index) => {
-          const _onClick = () => {
+          const handleClick2 = () => {
             onClick();
             handleClose();
           };
           return (
             // eslint-disable-next-line react/no-array-index-key
-            /* @__PURE__ */ jsx(StyledMenuItem, { onClick: _onClick, ...itemProps, children: /* @__PURE__ */ jsx(Box, { minWidth: 100, children: text }) }, index)
+            /* @__PURE__ */ jsx(StyledMenuItem, { onClick: handleClick2, ...itemProps, children: /* @__PURE__ */ jsx(Box, { minWidth: 100, children: text }) }, index)
           );
         })
       }

package/lib/es/index.js

@@ -2,8 +2,10 @@ import { default as default2 } from "./theme-provider";
 import { default as default3 } from "./comments-installer";
 import { default as default4 } from "./comments-with-session";
 import { useCommentsListener } from "./hooks/comment-listener";
+import { CommentsDialog } from "./comments-dialog";
 export {
   default3 as Comments,
+  CommentsDialog,
   default4 as CommentsWithSession,
   default2 as ThemeProvider,
   useCommentsListener

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit",
-  "version": "2.3.3",
+  "version": "2.3.5",
   "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.3",
-    "@blocklet/editor": "^2.3.3"
+    "@blocklet/discuss-kit-ux": "^2.3.5",
+    "@blocklet/editor": "^2.3.5"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",