@blocklet/discuss-kit-ux 2.4.36 → 2.4.38

package/dist/components/input/input.mjs

@@ -0,0 +1,152 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
+import { useState, useRef } from "react";
+import { Box } from "@mui/material";
+import isNil from "lodash/isNil";
+import { EditorConfigProvider, useEditorConfig } from "@blocklet/editor/lib/config";
+import { lazyWithPreload } from "react-lazy-with-preload";
+import { isEmptyContent, inferInitialEditorState } from "../lexical.mjs";
+import ShortcutPlugin from "./shortcut-plugin.mjs";
+import ImagePathFixerPlugin from "./image-path-fixer-plugin.mjs";
+import { VideoPathFixerPlugin } from "../editor/plugins/video-path-fixer-plugin.mjs";
+import AutoClearPlugin from "./auto-clear-plugin.mjs";
+import useMeasure from "../hooks/measure.mjs";
+import { mergeSx } from "../utils.mjs";
+import { MAX_COMMENT_LENGTH } from "../../constants.mjs";
+const BlockletEditor = lazyWithPreload(() => import("@blocklet/editor"));
+export const preloadInput = () => BlockletEditor.preload();
+const Input = ({
+  initialContent = "",
+  send,
+  placeholder,
+  onSuccess,
+  onChange,
+  autoFocus,
+  draftKey = "",
+  shortcut,
+  children,
+  renderInnerFooter,
+  renderEditorFooter,
+  editorRef,
+  disableCmdEnter = false,
+  ...rest
+}) => {
+  const sessionKey = draftKey || "";
+  const [content, setContent] = useState(null);
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [ref, { width }] = useMeasure();
+  const isChanged = useRef(false);
+  const editorConfig = useEditorConfig();
+  const inSmallView = width < 700;
+  const draftContent = sessionStorage.getItem(sessionKey);
+  const setDraftContent = (data) => {
+    if (data) {
+      try {
+        sessionStorage.setItem(sessionKey, JSON.stringify(data));
+      } catch (err) {
+        console.log(err);
+      }
+    } else {
+      sessionStorage.removeItem(sessionKey);
+      sessionStorage.removeItem(`${sessionKey}:title`);
+    }
+  };
+  const handleChange = async (state, editor) => {
+    const isEmpty = await isEmptyContent(state, editor);
+    if (isEmpty) {
+      setContent(null);
+      onChange?.(null);
+    } else {
+      setContent(state);
+      onChange?.(state);
+    }
+    if (draftKey) {
+      setDraftContent(state);
+    }
+    setError("");
+  };
+  const submit = async () => {
+    if (!send) {
+      return;
+    }
+    setLoading(true);
+    setError("");
+    const originContent = content;
+    try {
+      isChanged.current = true;
+      const result = await send(isNil(content) ? "" : JSON.stringify(content));
+      setContent(null);
+      if (draftKey) {
+        setDraftContent(null);
+      }
+      onSuccess?.(result);
+    } catch (e) {
+      setContent(originContent);
+      setError(e?.status === 429 ? e.response?.data || e.message : e.message);
+      console.error(e);
+    } finally {
+      setLoading(false);
+      setTimeout(() => {
+        isChanged.current = false;
+      }, 300);
+    }
+  };
+  const handleCmdEnterPressed = () => {
+    if (content && !loading) {
+      submit();
+    }
+  };
+  const mergedEditorConfig = {
+    ...editorConfig,
+    ...inSmallView && {
+      toolbar: {
+        items: ["component", "block", "italic", "bold", "underline", "media", ...editorConfig?.toolbar?.items || []]
+      }
+    },
+    characterLimitConfig: {
+      maxLength: MAX_COMMENT_LENGTH,
+      indicatorStyle: {
+        position: "absolute",
+        bottom: 6,
+        left: { xs: 12, md: 32 }
+      },
+      alignLeft: false
+    }
+  };
+  const editorState = draftKey && draftContent && !initialContent ? draftContent : inferInitialEditorState(initialContent);
+  const mergedSx = mergeSx(
+    {
+      position: "relative",
+      ".be-shell": {
+        border: 1,
+        borderColor: "divider",
+        borderRadius: 1,
+        overflow: "hidden"
+      },
+      ".be-editable, .be-content": {
+        minHeight: 150
+      }
+    },
+    rest.sx
+  );
+  return /* @__PURE__ */ createElement(Box, { ref, ...rest, key: draftKey, sx: mergedSx }, /* @__PURE__ */ jsx(EditorConfigProvider, { value: mergedEditorConfig, children: /* @__PURE__ */ jsxs(
+    BlockletEditor,
+    {
+      editorRef,
+      placeholder,
+      editorState,
+      onChange: handleChange,
+      autoFocus,
+      children: [
+        !disableCmdEnter && /* @__PURE__ */ jsx(ShortcutPlugin, { shortcut, callback: handleCmdEnterPressed }),
+        /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
+        /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
+        /* @__PURE__ */ jsx(AutoClearPlugin, { value: content, isChanged: isChanged.current }),
+        children,
+        renderInnerFooter?.({ submit, content, loading, error, inSmallView })
+      ]
+    }
+  ) }), renderEditorFooter?.({ submit, content, loading, error, inSmallView }));
+};
+export default Input;

package/dist/components/input/post-edit.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Send } from './input';
 interface Props {
     content: string;
@@ -5,5 +6,5 @@ interface Props {
     onCancel?: () => void;
     onSuccess?: () => void;
 }
-export default function PostEdit({ content, send, onCancel, onSuccess, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function PostEdit({ content, send, onCancel, onSuccess, ...rest }: Props): import("react").JSX.Element;
 export {};

package/dist/components/input/post-edit.mjs

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import LoadingButton from "@mui/lab/LoadingButton";
+import { Save as SaveIcon } from "@mui/icons-material";
+import { LocaleContext } from "@arcblock/ux/lib/Locale/context";
+import Input from "./input.mjs";
+export default function PostEdit({ content, send, onCancel, onSuccess, ...rest }) {
+  const { t } = useContext(LocaleContext);
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      initialContent: content,
+      send,
+      onSuccess,
+      ...rest,
+      renderEditorFooter: ({ submit, content: content2, loading }) => /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            justifyContent: "flex-end",
+            alignItems: "flex-end",
+            gap: 1,
+            mt: 1
+          },
+          children: [
+            /* @__PURE__ */ jsx(Button, { variant: "text", color: "primary", onClick: onCancel, children: t("cancel") }),
+            /* @__PURE__ */ jsx(
+              LoadingButton,
+              {
+                disabled: !content2,
+                loading,
+                loadingPosition: "start",
+                startIcon: /* @__PURE__ */ jsx(SaveIcon, {}),
+                variant: "contained",
+                color: "primary",
+                title: "\u2318 Enter",
+                onClick: submit,
+                children: t("saveChanges")
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}

package/dist/components/input/scrollable-editor-wrapper.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { SxProps } from '@mui/material';
 interface Props {
     safeDistance?: number;
     sx?: SxProps;
     children: React.ReactNode;
 }
-export default function ScrollableEditorWrapper({ safeDistance, sx, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ScrollableEditorWrapper({ safeDistance, sx, children, ...rest }: Props): import("react").JSX.Element;
 export {};

package/dist/components/input/scrollable-editor-wrapper.mjs

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "@arcblock/ux/lib/Theme";
+import Box from "@mui/material/Box";
+import useMeasure from "../hooks/measure.mjs";
+const Root = styled(Box)`
+  height: 100%;
+  .be-editable {
+    overflow-y: auto;
+  }
+`;
+export default function ScrollableEditorWrapper({ safeDistance = 0, sx, children, ...rest }) {
+  const [ref, { height }] = useMeasure();
+  const mergedSx = [...Array.isArray(sx) ? sx : [sx]];
+  if (height) {
+    mergedSx.push({ ".be-editable": { height: height - safeDistance } });
+  }
+  return /* @__PURE__ */ jsx(Root, { sx: mergedSx, ...rest, ref, children });
+}

package/dist/components/input/shortcut-plugin.mjs

@@ -0,0 +1,28 @@
+import { useEffect } from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { KEY_ENTER_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
+export default function CmdEnterShortcutPlugin({
+  callback,
+  shortcut = "CMD_ENTER"
+}) {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return editor.registerCommand(
+      KEY_ENTER_COMMAND,
+      (e) => {
+        if (shortcut === "CMD_ENTER" && (e.metaKey || e.ctrlKey)) {
+          callback();
+          return true;
+        }
+        if (shortcut === "ENTER" && !e.shiftKey) {
+          e.preventDefault();
+          callback();
+          return true;
+        }
+        return false;
+      },
+      COMMAND_PRIORITY_LOW
+    );
+  }, [editor, callback]);
+  return null;
+}

package/dist/components/label-picker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Label } from '@blocklet/labels';
 interface LabelPickerProps {
     data: Label[];
@@ -6,5 +7,5 @@ interface LabelPickerProps {
     compact?: boolean;
     editable?: boolean;
 }
-export declare function SecureLabelPicker(props: LabelPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SecureLabelPicker(props: LabelPickerProps): import("react").JSX.Element;
 export {};

package/dist/components/label-picker.mjs

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+import Box from "@mui/material/Box";
+import { LabelPicker as InnerLabelPicker } from "@blocklet/labels";
+import EditOutlineIcon from "virtual:icons/material-symbols/edit-outline";
+import { AccessControl, useAuthzContext } from "./authz/index.mjs";
+export function SecureLabelPicker(props) {
+  const { isAdmin } = useAuthzContext();
+  const editable = typeof props.editable === "boolean" ? props.editable : isAdmin;
+  const addon = editable ? (
+    // @ts-ignore
+    /* @__PURE__ */ jsx(AccessControl, { roles: ["admin", "owner"], children: /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: "label-box",
+        component: Link,
+        to: "/labels",
+        sx: {
+          position: "absolute",
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          gap: 1,
+          width: "100%",
+          height: 36,
+          pl: 2,
+          borderTop: "1px solid #eee",
+          fontSize: 14,
+          color: "grey.600",
+          cursor: "pointer",
+          textDecoration: "none"
+        },
+        children: [
+          /* @__PURE__ */ jsx(EditOutlineIcon, {}),
+          /* @__PURE__ */ jsx("span", { children: "Edit labels" })
+        ]
+      }
+    ) })
+  ) : null;
+  return /* @__PURE__ */ jsx(InnerLabelPicker, { ...props, editable, addon });
+}

package/dist/components/lexical.mjs

@@ -0,0 +1,69 @@
+import { $createParagraphNode, $createTextNode, $getRoot } from "lexical";
+import { $isRootTextContentEmpty } from "@lexical/text";
+import { tryParseJSONObject } from "./utils.mjs";
+export const getTextContent = (editorState) => {
+  return new Promise((resolve) => {
+    editorState.read(() => {
+      const root = $getRoot();
+      const text = root.getTextContent();
+      resolve(text);
+    });
+  });
+};
+export const isEmptyContent = (editorState, editor) => {
+  const data = editorState.toJSON();
+  if (data.root.children?.length === 1 && !data.root.children[0].children?.length) {
+    return true;
+  }
+  const textOnly = !data.root.children.some((p) => {
+    if (p.type !== "paragraph") {
+      return true;
+    }
+    return p.children?.some((item) => item.type !== "text");
+  });
+  if (!textOnly) {
+    return false;
+  }
+  return new Promise((resolve) => {
+    editorState.read(() => {
+      resolve($isRootTextContentEmpty(editor.isComposing(), true));
+    });
+  });
+};
+export const inferInitialEditorState = (str) => {
+  str = str ?? "";
+  if (typeof str === "string" && !tryParseJSONObject(str)) {
+    return () => {
+      const paragraph = $createParagraphNode();
+      const text = $createTextNode(str);
+      paragraph.append(text);
+      $getRoot().append(paragraph);
+    };
+  }
+  return str;
+};
+export const getExcerpt = (editorState) => {
+  if (!editorState) {
+    return "";
+  }
+  return new Promise((resolve) => {
+    editorState.read(() => {
+      const root = $getRoot();
+      const text = root.getTextContent();
+      resolve(text.replace(/\n/g, "").slice(0, 150));
+    });
+  });
+};
+export const getExcerptSync = (editorState) => {
+  if (!editorState) {
+    return "";
+  }
+  return editorState.read(() => {
+    const root = $getRoot();
+    const text = root.getTextContent();
+    return text.replace(/\n/g, "").slice(0, 150);
+  });
+};
+export const stringify = (editorState) => {
+  return editorState ? JSON.stringify(editorState) : "";
+};

package/dist/components/locale/en.mjs

@@ -0,0 +1,92 @@
+export default {
+  cancel: "Cancel",
+  confirm: "Confirm",
+  commentInputPlaceholder: "Write a comment",
+  copyLink: "Copy Link",
+  delete: "Delete",
+  deleted: "This comment has been deleted",
+  edit: "Edit",
+  empty: "Be the first to leave a comment.",
+  loadMore: "Load More",
+  readMore: "Read More",
+  saveChanges: "Save Changes",
+  sendComment: "Comment",
+  showMoreReplies: "Show more replies",
+  all: "All",
+  messages: "Messages",
+  deleteMessage: {
+    title: "Delete message",
+    desc: "Do you want to delete this message permanently?"
+  },
+  deleteComment: {
+    title: "Delete comment",
+    desc: "Do you want to delete this comment?"
+  },
+  profile: {
+    empty: "Nothing here for now"
+  },
+  unsaved: {
+    title: "Leave without saving",
+    desc: "Your changes have not been saved. If you leave now, you will lose your changes.",
+    leave: "Leave anyway",
+    stay: "Stay on this page"
+  },
+  apiError: {
+    400: "Bad request: please retry the request later",
+    401: "Request unauthorized: authentication is required",
+    403: "Request forbidden: you may not have the necessary permissions for the requested resource",
+    409: "This record has been updated by another user. Please refresh the page to access the latest version",
+    staleTip: "You may need to save your changes manually",
+    timeout: "Request timeout: please retry the request later",
+    error: "Oops, your request failed. Please try again"
+  },
+  chat: {
+    notification: "Notification",
+    reply: "Reply",
+    unknown: "Unknown",
+    chats: "Chats",
+    channel: "Channel",
+    description: "Description",
+    newChannel: "New channel",
+    updateChannel: "Update channel",
+    noChats: "No chats",
+    unknownChannel: "Unknown Channel",
+    channelDescription: "Channel Description",
+    channelName: "Channel Name",
+    deleteChannel: "Delete Channel",
+    commentedYourPost: "commented on your post",
+    commentedPost: "commented on a post",
+    newPost: "create a new post",
+    mentionInComment: "mentioned you in a comment",
+    mentionInPost: "mentioned you in a post",
+    replyYourComment: "replied to your comment",
+    replyComment: "replied to a comment",
+    newMsg: "New message from",
+    deleteChannelTitle: "Delete this channel?",
+    deleteChannelDesc: "If you delete this channel, all messages in the channel will be deleted immediately.",
+    leaveChannel: "Leave channel",
+    joinChannel: "Join channel",
+    openTask: "opened a post",
+    closeTask: "closed a post",
+    assignTask: "assigned you to a post",
+    unassignTask: "unassigned you from a post",
+    points: "points",
+    point: "point",
+    pointUp: "\u{1F389} You got {points} {unit} {event}",
+    loadMore: "Load older messages",
+    notYetJoinedTheChannel: "Not yet joined the channel",
+    typeSomething: "Type here. Use Markdown, Drag or paste images",
+    send: "Send",
+    selectBoardTip: "Only board members can join board-specific channels"
+  },
+  userActionLog: {
+    editedCapital: "Edited",
+    times: "times",
+    mostRecent: "most recent",
+    edited: "edited",
+    created: "created"
+  },
+  pin: "Pin",
+  unpin: "Unpin",
+  pinned: "Pinned"
+};

package/dist/components/locale/index.mjs

@@ -0,0 +1,3 @@
+import en from "./en.mjs";
+import zh from "./zh.mjs";
+export const translations = { zh, en };

package/dist/components/locale/zh.mjs

@@ -0,0 +1,94 @@
+export default {
+  cancel: "\u53D6\u6D88",
+  confirm: "\u786E\u8BA4",
+  commentInputPlaceholder: "\u5199\u8BC4\u8BBA",
+  copyLink: "\u590D\u5236\u94FE\u63A5",
+  delete: "\u5220\u9664",
+  deleted: "\u8BE5\u8BC4\u8BBA\u5DF2\u88AB\u5220\u9664",
+  edit: "\u7F16\u8F91",
+  empty: "\u6210\u4E3A\u7B2C\u4E00\u4E2A\u7559\u4E0B\u8BC4\u8BBA\u7684\u4EBA.",
+  installDIDWallet: "\u70B9\u51FB\u62E5\u6709\u4F60\u7684 DID Wallet\u2192",
+  loadMore: "\u52A0\u8F7D\u66F4\u591A",
+  readMore: "\u66F4\u591A\u5185\u5BB9",
+  saveChanges: "\u4FDD\u5B58\u4FEE\u6539",
+  sendComment: "\u8BC4\u8BBA",
+  showMoreReplies: "\u663E\u793A\u66F4\u591A\u56DE\u590D",
+  all: "\u6240\u6709",
+  messages: "\u6D88\u606F",
+  deleteMessage: {
+    title: "\u5220\u9664\u6D88\u606F",
+    desc: "\u662F\u5426\u8981\u6C38\u4E45\u5220\u9664\u6B64\u6D88\u606F\uFF1F"
+  },
+  deleteComment: {
+    title: "\u5220\u9664\u8BC4\u8BBA",
+    desc: "\u662F\u5426\u8981\u5220\u9664\u6B64\u8BC4\u8BBA\uFF1F"
+  },
+  profile: {
+    empty: "\u6682\u65E0\u6570\u636E"
+  },
+  unsaved: {
+    title: "\u4E0D\u4FDD\u5B58\u79BB\u5F00",
+    desc: "\u60A8\u7684\u66F4\u6539\u5C1A\u672A\u4FDD\u5B58\u3002\u5982\u679C\u60A8\u73B0\u5728\u79BB\u5F00\uFF0C\u5C06\u4F1A\u4E22\u5931\u60A8\u7684\u66F4\u6539\u3002",
+    leave: "\u79BB\u5F00",
+    stay: "\u7559\u5728\u5F53\u524D\u9875\u9762"
+  },
+  apiError: {
+    400: "\u8BF7\u6C42\u9519\u8BEF: \u8BF7\u7A0D\u540E\u91CD\u8BD5",
+    401: "\u8BF7\u6C42\u672A\u7ECF\u6388\u6743\uFF1A\u9700\u8981\u8EAB\u4EFD\u9A8C\u8BC1",
+    403: "\u8BF7\u6C42\u88AB\u7981\u6B62\uFF1A\u60A8\u53EF\u80FD\u6CA1\u6709\u6240\u8BF7\u6C42\u8D44\u6E90\u7684\u5FC5\u8981\u6743\u9650",
+    409: "\u8BE5\u8BB0\u5F55\u5DF2\u88AB\u5176\u4ED6\u7528\u6237\u66F4\u65B0\u3002\u8BF7\u5237\u65B0\u9875\u9762\u4EE5\u8BBF\u95EE\u6700\u65B0\u7248\u672C\u3002",
+    staleTip: "\u60A8\u53EF\u80FD\u9700\u8981\u624B\u52A8\u5907\u4EFD\u4F60\u7684\u66F4\u6539",
+    timeout: "\u8BF7\u6C42\u8D85\u65F6: \u8BF7\u7A0D\u540E\u91CD\u8BD5",
+    error: "\u54CE\u5440\uFF0C\u60A8\u7684\u8BF7\u6C42\u5931\u8D25\u4E86\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5"
+  },
+  chat: {
+    notification: "\u901A\u77E5",
+    reply: "\u56DE\u590D",
+    unknown: "\u672A\u547D\u540D",
+    chats: "\u804A\u5929",
+    create: "\u521B\u5EFA",
+    channel: "\u9891\u9053",
+    description: "\u63CF\u8FF0",
+    newChannel: "\u65B0\u7684\u9891\u9053",
+    updateChannel: "\u66F4\u65B0\u9891\u9053",
+    noChats: "\u6682\u65E0\u5BF9\u8BDD",
+    unknownChannel: "\u672A\u547D\u540D\u7684\u9891\u9053",
+    channelDescription: "\u9891\u9053\u63CF\u8FF0",
+    channelName: "\u9891\u9053\u540D\u79F0",
+    deleteChannel: "\u5220\u9664\u9891\u9053",
+    commentedYourPost: "\u8BC4\u8BBA\u4E86\u4F60\u7684\u5E16\u5B50",
+    commentedPost: "\u8BC4\u8BBA\u4E86\u5E16\u5B50",
+    newPost: "\u521B\u5EFA\u4E86\u4E00\u4E2A\u65B0\u7684\u5E16\u5B50:",
+    mentionInComment: "\u5728\u8BC4\u8BBA\u91CC\u63D0\u53CA\u4E86\u4F60",
+    mentionInPost: "\u5728\u5E16\u5B50\u91CC\u63D0\u53CA\u4E86\u4F60",
+    replyYourComment: "\u56DE\u590D\u4E86\u4F60\u7684\u8BC4\u8BBA",
+    replyComment: "\u56DE\u590D\u4E86\u8BC4\u8BBA",
+    newMsg: "\u65B0\u6D88\u606F\u6765\u81EA",
+    deleteChannelTitle: "\u786E\u8BA4\u5220\u9664\u8FD9\u4E2A\u9891\u9053\uFF1F",
+    deleteChannelDesc: "\u5982\u679C\u4F60\u8981\u5220\u9664\u8FD9\u4E2A\u9891\u9053, \u9891\u9053\u5185\u6240\u6709\u7684\u6D88\u606F\u90FD\u4F1A\u7ACB\u523B\u6D88\u9664\u3002",
+    leaveChannel: "\u79BB\u5F00\u9891\u9053",
+    joinChannel: "\u52A0\u5165\u9891\u9053",
+    openTask: "\u521B\u5EFA\u4E86\u4E00\u4E2A\u4EFB\u52A1",
+    closeTask: "\u5173\u95ED\u4E86\u4E00\u4E2A\u4EFB\u52A1",
+    assignTask: "\u5206\u914D\u7ED9\u4F60\u4E00\u4E2A\u4EFB\u52A1",
+    unassignTask: "\u53D6\u6D88\u7ED9\u4F60\u5206\u914D\u7684\u4E00\u4E2A\u4EFB\u52A1",
+    points: "\u5206",
+    point: "\u5206",
+    pointUp: "\u{1F389} \u60A8\u83B7\u5F97\u4E86 {points} {unit} {event}",
+    loadMore: "\u52A0\u8F7D\u66F4\u591A\u6D88\u606F",
+    notYetJoinedTheChannel: "\u6682\u672A\u52A0\u5165\u8FD9\u4E2A\u9891\u9053",
+    typeSomething: "\u5728\u8FD9\u91CC\u8F93\u5165\uFF0C\u9002\u7528 MarkDown\uFF0C\u62FD\u5165\u6216\u8005\u9ECF\u8D34\u56FE\u7247",
+    send: "\u53D1\u9001",
+    selectBoardTip: "\u53EA\u6709 board \u6210\u5458\u53EF\u4EE5\u52A0\u5165 board \u4E13\u5C5E\u9891\u9053"
+  },
+  userActionLog: {
+    editedCapital: "\u7F16\u8F91",
+    times: "\u6B21",
+    mostRecent: "\u6700\u8FD1",
+    edited: "\u7F16\u8F91",
+    created: "\u521B\u5EFA"
+  },
+  pin: "\u7F6E\u9876",
+  unpin: "\u53D6\u6D88\u7F6E\u9876",
+  pinned: "\u7F6E\u9876"
+};

package/dist/components/pagination.d.ts

@@ -1,4 +1,5 @@
-import { SxProps } from '@mui/material/styles';
+/// <reference types="react" />
+import { type SxProps } from '@mui/material/styles';
 interface PaginationProps {
     page?: number;
     size?: number;
@@ -7,5 +8,5 @@ interface PaginationProps {
     routerMode?: boolean;
     sx?: SxProps;
 }
-export default function Pagination({ page, size, total, onChange, routerMode, sx, ...rest }: PaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export default function Pagination({ page, size, total, onChange, routerMode, sx, ...rest }: PaginationProps): import("react").JSX.Element | null;
 export {};

package/dist/components/pagination.mjs

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { useSearchParams } from "react-router-dom";
+import useMediaQuery from "@mui/material/useMediaQuery";
+import { useTheme } from "@mui/material/styles";
+import MuiPagination from "@mui/material/Pagination";
+export default function Pagination({
+  page,
+  size = 20,
+  total,
+  onChange,
+  routerMode = true,
+  sx,
+  ...rest
+}) {
+  const theme = useTheme();
+  const downMd = useMediaQuery(theme.breakpoints.down("md"));
+  const [searchParams, setSearchParams] = useSearchParams();
+  const pageCount = Math.ceil(total / size);
+  const mergedSx = [{}, ...Array.isArray(sx) ? sx : [sx]];
+  const handleOnChange = (e, page2) => {
+    if (routerMode) {
+      searchParams.set("page", `${page2}`);
+      setSearchParams(searchParams);
+    } else {
+      onChange?.(page2);
+    }
+  };
+  if (pageCount <= 1 || !total) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    MuiPagination,
+    {
+      page,
+      count: pageCount,
+      onChange: handleOnChange,
+      variant: "outlined",
+      shape: "rounded",
+      size: downMd ? "small" : "medium",
+      sx: mergedSx,
+      ...rest
+    }
+  );
+}

package/dist/components/paywall.d.ts

@@ -14,6 +14,6 @@ interface SubscriptionPaywallProps {
     children?: React.ReactNode;
     type: PaywallType;
 }
-export declare function Paywall({ children, cta, ...rest }: PaywallProps): import("react/jsx-runtime").JSX.Element;
-export declare function SubscriptionPaywall({ type, fetchPaymentLink, ...rest }: SubscriptionPaywallProps): import("react/jsx-runtime").JSX.Element;
+export declare function Paywall({ children, cta, ...rest }: PaywallProps): import("react").JSX.Element;
+export declare function SubscriptionPaywall({ type, fetchPaymentLink, ...rest }: SubscriptionPaywallProps): import("react").JSX.Element;
 export {};