@blocklet/discuss-kit-ux 2.1.200 → 2.1.201

package/dist/components/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { useChanged } from './changed';
 export { useNow } from './now';
 export { useInterval } from './interval';
 export { useDownBreakpoint, useUpBreakpoint } from './responsive';
+export { useEventCallback } from './use-event-callback';

package/dist/components/hooks/use-event-callback.d.ts

@@ -0,0 +1 @@
+export declare function useEventCallback<I extends unknown[], O>(fn: (...args: I) => O): (...args: I) => O;

package/dist/{editor-MevHKU1_.mjs → editor-D5FK3BKr.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 { lazyRetry } from "@arcblock/ux/lib/Util";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-D051_TWT.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-B7y6yLro.mjs";
 const BlockletEditor = lazyRetry(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-D051_TWT.mjs → index-B7y6yLro.mjs}

@@ -6,7 +6,7 @@ import { Labels2, LabelPicker } from "@blocklet/labels";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled as styled$2 } from "@mui/material/styles";
 import { create as create$1, styled } from "@arcblock/ux/lib/Theme";
-import { useEffect, useRef, useState, createElement, useContext, useMemo, useCallback, isValidElement, Suspense, createContext, Fragment as Fragment$1, forwardRef, useImperativeHandle } from "react";
+import { useEffect, useRef, useState, createElement, useContext, useMemo, useLayoutEffect, useCallback, isValidElement, Suspense, createContext, Fragment as Fragment$1, forwardRef, useImperativeHandle } from "react";
 import { Box, useTheme as useTheme$1, useMediaQuery, styled as styled$1, Button as Button$1, Stack as Stack$1, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions, DialogContentText, Divider, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, Typography as Typography$1, TextField, InputAdornment, SwipeableDrawer, Badge as Badge$1, Paper, ToggleButtonGroup, ToggleButton } from "@mui/material";
 import isNil from "lodash/isNil";
 import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/config";
@@ -1125,6 +1125,19 @@ const useResponsiveValue = (values2) => {
   const r = useResponsive();
   return r(values2);
 };
+function useEventCallback(fn) {
+  const ref = useRef();
+  useLayoutEffect(() => {
+    ref.current = fn;
+  });
+  return useCallback((...args) => {
+    const { current } = ref;
+    if (current == null) {
+      throw new Error("callback created in useEventCallback can only be called from event handlers");
+    }
+    return current(...args);
+  }, []);
+}
 const useChatInWallet = () => {
   var _a2;
   const navigate = useNavigate();
@@ -4906,7 +4919,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", 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", 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 = lazyRetry(() => import("./editor-MevHKU1_.mjs"));
+const Editor = lazyRetry(() => import("./editor-D5FK3BKr.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -12421,94 +12434,95 @@ function SegmentedControl({ value, options, onChange, sx, ...rest }) {
   ) });
 }
 export {
-  ChatHeaderAddon as $,
+  ChatListInWallet as $,
   Avatar as A,
   Badge as B,
   CommentInput as C,
   DefaultEditorConfigProvider as D,
-  CommentsProvider as E,
-  BinaryThumb as F,
-  GithubReaction as G,
-  EmptyStatus as H,
+  useCommentsContext as E,
+  CommentsProvider as F,
+  BinaryThumb as G,
+  GithubReaction as H,
   ImagePathFixerPlugin as I,
-  BlogListWrapper as J,
-  BlogCard as K,
-  BlogPermaLink as L,
+  EmptyStatus as J,
+  BlogListWrapper as K,
+  BlogCard as L,
   Menu as M,
-  getBlogLink as N,
-  CoverImage as O,
+  BlogPermaLink as N,
+  getBlogLink as O,
   Pagination as P,
-  CoverImageUpload as Q,
+  CoverImage as Q,
   RelativeTime as R,
   ScrollableEditorWrapper as S,
-  AccessControl as T,
-  useAuthzContext as U,
+  CoverImageUpload as T,
+  AccessControl as U,
   VideoPathFixerPlugin as V,
-  AuthzProvider as W,
-  ChatClient as X,
-  Chat as Y,
-  ChatInWallet as Z,
-  ChatListInWallet as _,
+  useAuthzContext as W,
+  AuthzProvider as X,
+  ChatClient as Y,
+  Chat as Z,
+  ChatInWallet as _,
   isEmptyContent as a,
-  useChatContext as a0,
-  ChatProvider as a1,
-  UnreadNotificationContext as a2,
-  useUnreadNotification as a3,
-  UnreadNotificationProvider as a4,
-  Confirm as a5,
-  ConfirmContext as a6,
-  useConfirm as a7,
-  ConfirmProvider as a8,
-  SecureLabelPicker as a9,
-  useApiErrorHandler as aa,
-  useDefaultApiErrorHandler as ab,
-  DefaultApiErrorHandler as ac,
-  Back as ad,
-  LazyEditor as ae,
-  EditorPreview as af,
-  DirtyPromptContainer as ag,
-  ConfirmNavigation as ah,
-  UploaderContext as ai,
-  useUploader as aj,
-  UploaderTrigger as ak,
-  UploaderProvider as al,
-  getUploadedImageUrl as am,
-  usePointUpContext as an,
-  PointUpProvider as ao,
-  ButtonGroup as ap,
-  SegmentedControl as aq,
-  create as ar,
-  getWsClient as as,
-  useSubscription as at,
-  toast as au,
-  isInArcSphere$1 as av,
-  isInArcSphereDialog as aw,
-  openArcSphereDialog as ax,
-  closeArcSphereDialog as ay,
-  useArcSphereDialog as az,
+  ChatHeaderAddon as a0,
+  useChatContext as a1,
+  ChatProvider as a2,
+  UnreadNotificationContext as a3,
+  useUnreadNotification as a4,
+  UnreadNotificationProvider as a5,
+  Confirm as a6,
+  ConfirmContext as a7,
+  useConfirm as a8,
+  ConfirmProvider as a9,
+  useArcSphereDialog as aA,
+  SecureLabelPicker as aa,
+  useApiErrorHandler as ab,
+  useDefaultApiErrorHandler as ac,
+  DefaultApiErrorHandler as ad,
+  Back as ae,
+  LazyEditor as af,
+  EditorPreview as ag,
+  DirtyPromptContainer as ah,
+  ConfirmNavigation as ai,
+  UploaderContext as aj,
+  useUploader as ak,
+  UploaderTrigger as al,
+  UploaderProvider as am,
+  getUploadedImageUrl as an,
+  usePointUpContext as ao,
+  PointUpProvider as ap,
+  ButtonGroup as aq,
+  SegmentedControl as ar,
+  create as as,
+  getWsClient as at,
+  useSubscription as au,
+  toast as av,
+  isInArcSphere$1 as aw,
+  isInArcSphereDialog as ax,
+  openArcSphereDialog as ay,
+  closeArcSphereDialog as az,
   Input as b,
   useChanged as c,
   useSessionContext as d,
-  utils as e,
-  preferences as f,
+  useEventCallback as e,
+  utils as f,
   getExcerptSync as g,
-  typography as h,
+  preferences as h,
   inferInitialEditorState as i,
-  themeOverrides as j,
-  InternalThemeProvider as k,
+  typography as j,
+  themeOverrides as k,
   lexical as l,
-  Avatars as m,
-  AuthorInfo as n,
-  SystemUser as o,
+  InternalThemeProvider as m,
+  Avatars as n,
+  AuthorInfo as o,
   preloadInput as p,
-  PostContent as q,
+  SystemUser as q,
   routes as r,
   stringify as s,
   translations as t,
   useNow as u,
-  PostComponent as v,
-  Comment as w,
-  CommentList as x,
-  CommentsContext as y,
-  useCommentsContext as z
+  PostContent as v,
+  PostComponent as w,
+  Comment as x,
+  CommentList as y,
+  CommentsContext as z
 };

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export * from './components/editor';
 export * as lexicalUtils from './components/lexical';
 export * from './components/dirty-prompt';
 export { translations } from './components/locale';
-export { useNow, useChanged, useSessionContext } from './components/hooks';
+export { useNow, useChanged, useSessionContext, useEventCallback } from './components/hooks';
 export * as utils from './components/utils';
 export * as routes from './components/routes';
 export { default as preferences } from './preferences';

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, ay, ar, N, am, as, av, aw, l, ax, f, p, r, j, au, t, h, aa, az, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-D051_TWT.mjs";
+import { U, o, X, A, n, ae, B, G, L, K, N, aq, Z, Y, a0, _, $, a2, x, C, y, z, F, a6, a7, ai, a9, Q, T, ad, D, ah, ag, J, H, b, m, af, M, P, ap, w, v, R, S, aa, ar, q, a3, a5, aj, am, al, az, as, O, an, at, aw, ax, l, ay, h, p, r, k, av, t, j, ab, aA, W, c, a1, E, a8, ac, e, u, ao, d, au, a4, ak, f } from "./index-B7y6yLro.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -9,88 +9,89 @@ import "@mui/icons-material";
 import "@arcblock/ux/lib/Locale/context";
 import "@mui/material";
 export {
-  T as AccessControl,
-  n as AuthorInfo,
-  W as AuthzProvider,
+  U as AccessControl,
+  o as AuthorInfo,
+  X as AuthzProvider,
   A as Avatar,
-  m as Avatars,
-  ad as Back,
+  n as Avatars,
+  ae as Back,
   B as Badge,
-  F as BinaryThumb,
-  K as BlogCard,
-  J as BlogList,
-  L as BlogPermaLink,
-  ap as ButtonGroup,
-  Y as Chat,
-  X as ChatClient,
-  $ as ChatHeaderAddon,
-  Z as ChatInWallet,
-  _ as ChatListInWallet,
-  a1 as ChatProvider,
-  w as Comment,
+  G as BinaryThumb,
+  L as BlogCard,
+  K as BlogList,
+  N as BlogPermaLink,
+  aq as ButtonGroup,
+  Z as Chat,
+  Y as ChatClient,
+  a0 as ChatHeaderAddon,
+  _ as ChatInWallet,
+  $ as ChatListInWallet,
+  a2 as ChatProvider,
+  x as Comment,
   C as CommentInput,
-  x as CommentList,
-  y as CommentsContext,
-  E as CommentsProvider,
-  a5 as Confirm,
-  a6 as ConfirmContext,
-  ah as ConfirmNavigation,
-  a8 as ConfirmProvider,
-  O as CoverImage,
-  Q as CoverImageUpload,
-  ac as DefaultApiErrorHandler,
+  y as CommentList,
+  z as CommentsContext,
+  F as CommentsProvider,
+  a6 as Confirm,
+  a7 as ConfirmContext,
+  ai as ConfirmNavigation,
+  a9 as ConfirmProvider,
+  Q as CoverImage,
+  T as CoverImageUpload,
+  ad as DefaultApiErrorHandler,
   D as DefaultEditorConfigProvider,
-  ag as DirtyPromptContainer,
-  af as EditorPreview,
-  H as EmptyStatus,
-  G as GithubReaction,
+  ah as DirtyPromptContainer,
+  ag as EditorPreview,
+  J as EmptyStatus,
+  H as GithubReaction,
   b as Input,
-  k as InternalThemeProvider,
-  ae as LazyEditor,
+  m as InternalThemeProvider,
+  af as LazyEditor,
   M as Menu,
   P as Pagination,
-  ao as PointUpProvider,
-  v as Post,
-  q as PostContent,
+  ap as PointUpProvider,
+  w as Post,
+  v as PostContent,
   R as RelativeTime,
   S as ScrollableEditorWrapper,
-  a9 as SecureLabelPicker,
-  aq as SegmentedControl,
-  o as SystemUser,
-  a2 as UnreadNotificationContext,
-  a4 as UnreadNotificationProvider,
-  ai as UploaderContext,
-  al as UploaderProvider,
-  ak as UploaderTrigger,
-  ay as closeArcSphereDialog,
-  ar as create,
-  N as getBlogLink,
-  am as getUploadedImageUrl,
-  as as getWsClient,
-  av as isInArcSphere,
-  aw as isInArcSphereDialog,
+  aa as SecureLabelPicker,
+  ar as SegmentedControl,
+  q as SystemUser,
+  a3 as UnreadNotificationContext,
+  a5 as UnreadNotificationProvider,
+  aj as UploaderContext,
+  am as UploaderProvider,
+  al as UploaderTrigger,
+  az as closeArcSphereDialog,
+  as as create,
+  O as getBlogLink,
+  an as getUploadedImageUrl,
+  at as getWsClient,
+  aw as isInArcSphere,
+  ax as isInArcSphereDialog,
   l as lexicalUtils,
-  ax as openArcSphereDialog,
-  f as preferences,
+  ay as openArcSphereDialog,
+  h as preferences,
   p as preloadInput,
   r as routes,
-  j as themeOverrides,
-  au as toast,
+  k as themeOverrides,
+  av as toast,
   t as translations,
-  h as typography,
-  aa as useApiErrorHandler,
-  az as useArcSphereDialog,
-  U as useAuthzContext,
+  j as typography,
+  ab as useApiErrorHandler,
+  aA as useArcSphereDialog,
+  W as useAuthzContext,
   c as useChanged,
-  a0 as useChatContext,
-  z as useCommentsContext,
-  a7 as useConfirm,
-  ab as useDefaultApiErrorHandler,
+  a1 as useChatContext,
+  E as useCommentsContext,
+  a8 as useConfirm,
+  ac as useDefaultApiErrorHandler,
+  e as useEventCallback,
   u as useNow,
-  an as usePointUpContext,
+  ao as usePointUpContext,
   d as useSessionContext,
-  at as useSubscription,
-  a3 as useUnreadNotification,
-  aj as useUploader,
-  e as utils
+  au as useSubscription,
+  a4 as useUnreadNotification,
+  ak as useUploader,
+  f as utils
 };

package/dist/index.umd.js

@@ -1049,6 +1049,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const r = useResponsive();
     return r(values2);
   };
+  function useEventCallback(fn) {
+    const ref = react.useRef();
+    react.useLayoutEffect(() => {
+      ref.current = fn;
+    });
+    return react.useCallback((...args) => {
+      const { current } = ref;
+      if (current == null) {
+        throw new Error("callback created in useEventCallback can only be called from event handlers");
+      }
+      return current(...args);
+    }, []);
+  }
   const useChatInWallet = () => {
     var _a2;
     const navigate = reactRouterDom.useNavigate();
@@ -12459,6 +12472,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.useCommentsContext = useCommentsContext;
   exports2.useConfirm = useConfirm;
   exports2.useDefaultApiErrorHandler = useDefaultApiErrorHandler;
+  exports2.useEventCallback = useEventCallback;
   exports2.useNow = useNow;
   exports2.usePointUpContext = usePointUpContext;
   exports2.useSessionContext = useSessionContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.1.200",
+  "version": "2.1.201",
   "files": [
     "dist"
   ],
@@ -45,8 +45,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.1.200",
-    "@blocklet/labels": "^2.1.200"
+    "@blocklet/editor": "^2.1.201",
+    "@blocklet/labels": "^2.1.201"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",