@blocklet/discuss-kit-ux 2.0.102 → 2.0.104

package/dist/components/avatars/author-info.d.ts

@@ -10,9 +10,10 @@ interface Props {
     showProfileCard?: boolean;
     showBadge?: boolean;
     showDID?: boolean;
-    profileUse?: boolean;
     children?: React.ReactNode;
     linkToProfile?: boolean;
+    avatarSize?: number;
+    fontSize?: number;
 }
-export default function AuthorInfo({ user, createdAt, append, size, responsive, showProfileCard, showBadge, showDID, newTitle, profileUse, children, linkToProfile, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AuthorInfo({ user, createdAt, append, size, responsive, showProfileCard, showBadge, showDID, newTitle, children, linkToProfile, avatarSize, fontSize, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{editor-PHk-L9y2.mjs → editor-CVKcoFe9.mjs}

@@ -4,7 +4,7 @@ import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangeP
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
 import { lazy } from "react";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-yxNgFjvj.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-CVNI0jpe.mjs";
 const BlockletEditor = lazy(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-yxNgFjvj.mjs → index-CVNI0jpe.mjs}

@@ -1299,9 +1299,10 @@ function AuthorInfo({
   showBadge = true,
   showDID = true,
   newTitle = void 0,
-  profileUse = false,
   children,
   linkToProfile = true,
+  avatarSize,
+  fontSize,
   ...rest
 }) {
   const theme = useTheme();
@@ -1311,11 +1312,11 @@ function AuthorInfo({
   const { mobile } = useBrowser();
   const { chatInWallet } = useChatInWallet();
   const sm = size === "sm";
-  let fontSize = sm ? 12 : 14;
-  let avatarSize = profileUse ? 24 : sm ? 40 : 48;
+  let mergedFontSize = fontSize ?? (sm ? 12 : 14);
+  let mergedAvatarSize = avatarSize ?? (sm ? 40 : 48);
   if (responsive && downMd) {
-    fontSize = 12;
-    avatarSize = 24;
+    mergedFontSize = fontSize ?? 12;
+    mergedAvatarSize = avatarSize ?? 24;
   }
   const renderTime = () => {
     if (!createdAt) {
@@ -1361,14 +1362,19 @@ function AuthorInfo({
           children: /* @__PURE__ */ jsx(
             Box$1,
             {
-              sx: { display: "flex", cursor: canClick ? "pointer" : "auto", width: avatarSize, height: avatarSize },
+              sx: {
+                display: "flex",
+                cursor: canClick ? "pointer" : "auto",
+                width: mergedAvatarSize,
+                height: mergedAvatarSize
+              },
               onClick: click,
               children: /* @__PURE__ */ jsx(
                 Avatar,
                 {
                   did: user == null ? void 0 : user.did,
                   src: user == null ? void 0 : user.avatar,
-                  size: avatarSize,
+                  size: mergedAvatarSize,
                   shape: "circle",
                   variant: "circle",
                   sx: {
@@ -1382,20 +1388,27 @@ function AuthorInfo({
         }
       );
     }
-    return /* @__PURE__ */ jsx(Box$1, { sx: { display: "flex", cursor: "pointer", width: avatarSize, height: avatarSize }, onClick: click, children: /* @__PURE__ */ jsx(
-      Avatar,
+    return /* @__PURE__ */ jsx(
+      Box$1,
       {
-        did: user == null ? void 0 : user.did,
-        src: user == null ? void 0 : user.avatar,
-        size: avatarSize,
-        shape: "circle",
-        variant: "circle",
-        sx: {
-          width: "100%",
-          height: "100%"
-        }
+        sx: { display: "flex", cursor: "pointer", width: mergedAvatarSize, height: mergedAvatarSize },
+        onClick: click,
+        children: /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            did: user == null ? void 0 : user.did,
+            src: user == null ? void 0 : user.avatar,
+            size: mergedAvatarSize,
+            shape: "circle",
+            variant: "circle",
+            sx: {
+              width: "100%",
+              height: "100%"
+            }
+          }
+        )
       }
-    ) });
+    );
   };
   const BadgeRender = /* @__PURE__ */ jsx(
     Badge,
@@ -1406,7 +1419,7 @@ function AuthorInfo({
       did: user == null ? void 0 : user.did
     }
   );
-  return /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "center", gap: 1, fontSize }, ...rest, children: [
+  return /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "center", gap: 1, fontSize: mergedFontSize }, ...rest, children: [
     renderAvatar(),
     /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", flexDirection: "column", flex: 1, overflow: "hidden" }, children: [
       /* @__PURE__ */ jsxs(
@@ -4775,7 +4788,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazy(() => import("./editor-PHk-L9y2.mjs"));
+const Editor = lazy(() => import("./editor-CVKcoFe9.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -4901,6 +4914,9 @@ function ShortcutPlugin({ callback }) {
         if (mobile.any || e.shiftKey) {
           return false;
         }
+        if (document.getElementById("typeahead-menu")) {
+          return false;
+        }
         callback();
         e.preventDefault();
         return true;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, am, ar, N, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-yxNgFjvj.mjs";
+import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, am, ar, N, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-CVNI0jpe.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -1225,9 +1225,10 @@ var __publicField = (obj, key, value) => {
     showBadge = true,
     showDID = true,
     newTitle = void 0,
-    profileUse = false,
     children,
     linkToProfile = true,
+    avatarSize,
+    fontSize,
     ...rest
   }) {
     const theme = styles.useTheme();
@@ -1237,11 +1238,11 @@ var __publicField = (obj, key, value) => {
     const { mobile } = reactHooks.useBrowser();
     const { chatInWallet } = useChatInWallet();
     const sm = size === "sm";
-    let fontSize = sm ? 12 : 14;
-    let avatarSize = profileUse ? 24 : sm ? 40 : 48;
+    let mergedFontSize = fontSize ?? (sm ? 12 : 14);
+    let mergedAvatarSize = avatarSize ?? (sm ? 40 : 48);
     if (responsive && downMd) {
-      fontSize = 12;
-      avatarSize = 24;
+      mergedFontSize = fontSize ?? 12;
+      mergedAvatarSize = avatarSize ?? 24;
     }
     const renderTime = () => {
       if (!createdAt) {
@@ -1287,14 +1288,19 @@ var __publicField = (obj, key, value) => {
             children: /* @__PURE__ */ jsxRuntime.jsx(
               Box,
               {
-                sx: { display: "flex", cursor: canClick ? "pointer" : "auto", width: avatarSize, height: avatarSize },
+                sx: {
+                  display: "flex",
+                  cursor: canClick ? "pointer" : "auto",
+                  width: mergedAvatarSize,
+                  height: mergedAvatarSize
+                },
                 onClick: click,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   Avatar,
                   {
                     did: user == null ? void 0 : user.did,
                     src: user == null ? void 0 : user.avatar,
-                    size: avatarSize,
+                    size: mergedAvatarSize,
                     shape: "circle",
                     variant: "circle",
                     sx: {
@@ -1308,20 +1314,27 @@ var __publicField = (obj, key, value) => {
           }
         );
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { display: "flex", cursor: "pointer", width: avatarSize, height: avatarSize }, onClick: click, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Avatar,
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Box,
         {
-          did: user == null ? void 0 : user.did,
-          src: user == null ? void 0 : user.avatar,
-          size: avatarSize,
-          shape: "circle",
-          variant: "circle",
-          sx: {
-            width: "100%",
-            height: "100%"
-          }
+          sx: { display: "flex", cursor: "pointer", width: mergedAvatarSize, height: mergedAvatarSize },
+          onClick: click,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Avatar,
+            {
+              did: user == null ? void 0 : user.did,
+              src: user == null ? void 0 : user.avatar,
+              size: mergedAvatarSize,
+              shape: "circle",
+              variant: "circle",
+              sx: {
+                width: "100%",
+                height: "100%"
+              }
+            }
+          )
         }
-      ) });
+      );
     };
     const BadgeRender = /* @__PURE__ */ jsxRuntime.jsx(
       Badge,
@@ -1332,7 +1345,7 @@ var __publicField = (obj, key, value) => {
         did: user == null ? void 0 : user.did
       }
     );
-    return /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, fontSize }, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, fontSize: mergedFontSize }, ...rest, children: [
       renderAvatar(),
       /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", flexDirection: "column", flex: 1, overflow: "hidden" }, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4827,6 +4840,9 @@ var __publicField = (obj, key, value) => {
           if (mobile.any || e.shiftKey) {
             return false;
           }
+          if (document.getElementById("typeahead-menu")) {
+            return false;
+          }
           callback();
           e.preventDefault();
           return true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.0.102",
+  "version": "2.0.104",
   "files": [
     "dist"
   ],
@@ -31,8 +31,8 @@
     "@arcblock/bridge": "^2.10.12",
     "@arcblock/react-hooks": "^2.10.12",
     "@arcblock/ws": "^1.18.128",
-    "@blocklet/editor": "2.0.102",
-    "@blocklet/labels": "2.0.102",
+    "@blocklet/editor": "2.0.104",
+    "@blocklet/labels": "2.0.104",
     "@blocklet/uploader": "^0.1.20",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -100,5 +100,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "7917e72bfc0bfc2ff0163c7ec2dafae1124df9c2"
+  "gitHead": "106db21cf7e889946a1835da05e6ec17fe477d84"
 }