@blocklet/discuss-kit-ux 1.6.167 → 1.6.169

package/dist/components/pagination.d.ts

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

package/dist/components/posts/post-content.d.ts

@@ -3,10 +3,11 @@ interface Props {
     content: string;
     editing?: boolean;
     onExitEditing?: () => void;
+    onCancel?: () => void;
     onSubmit?: Send;
     autoCollapse?: boolean;
     enableHeadingsIdPlugin?: boolean;
     onReady?: () => void;
 }
-export default function PostContent({ content, editing, onExitEditing, onSubmit, autoCollapse, enableHeadingsIdPlugin, onReady, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function PostContent({ content, editing, onExitEditing, onCancel, onSubmit, autoCollapse, enableHeadingsIdPlugin, onReady, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/shared/theme.d.ts

@@ -1,34 +1,5 @@
-export declare const themeOverrides: {
-    components: {
-        MuiButton: {
-            defaultProps: {
-                size: string;
-            };
-            styleOverrides: {
-                root: {
-                    textTransform: string;
-                };
-            };
-        };
-        MuiIconButton: {
-            defaultProps: {
-                size: string;
-            };
-        };
-        MuiToggleButtonGroup: {
-            defaultProps: {
-                size: string;
-            };
-        };
-        MuiToggleButton: {
-            styleOverrides: {
-                root: {
-                    textTransform: string;
-                };
-            };
-        };
-    };
-};
+import { type ThemeOptions } from '@mui/material/styles';
+export declare const themeOverrides: Partial<ThemeOptions>;
 export declare function InternalThemeProvider({ children }: {
     children: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/{editor-FzAO_L68.mjs → editor-JXsHI10g.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-AqROiqZF.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-l7-38Nc9.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";

package/dist/{index-AqROiqZF.mjs → index-l7-38Nc9.mjs}

@@ -106,11 +106,11 @@ const themeOverrides = {
 function InternalThemeProvider({ children }) {
   const theme = useTheme();
   const merged = {
-    ...theme,
-    components: {
-      ...theme.components,
-      ...themeOverrides.components
-    }
+    ...theme
+    // components: {
+    //   ...theme.components,
+    //   ...themeOverrides.components,
+    // },
   };
   return /* @__PURE__ */ jsx(ThemeProvider, { theme: merged, children });
 }
@@ -1201,6 +1201,7 @@ function PostContent({
   content,
   editing = false,
   onExitEditing,
+  onCancel,
   onSubmit,
   autoCollapse,
   enableHeadingsIdPlugin,
@@ -1214,7 +1215,7 @@ function PostContent({
         sx: {
           ".be-editable": { maxHeight: 768, overflow: "auto", minHeight: `${Math.max(innerHeight, 200)}px !important` }
         },
-        children: /* @__PURE__ */ jsx(PostEdit, { content, onCancel: onExitEditing, send: onSubmit, onSuccess: onExitEditing })
+        children: /* @__PURE__ */ jsx(PostEdit, { content, onCancel, send: onSubmit, onSuccess: onExitEditing })
       }
     );
   }
@@ -3614,7 +3615,7 @@ function ChatList(props) {
           position: "relative",
           p: 2,
           fontWeight: "bold",
-          color: isActiveChat ? "#fff" : "grey.700",
+          color: isActiveChat ? "primary.contrastText" : "grey.700",
           bgcolor: isActiveChat ? "primary.light" : "",
           borderRadius: 2,
           cursor: "pointer",
@@ -3945,7 +3946,7 @@ const PreviousLocationRecorder = () => {
 };
 function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
   const navigate = useNavigate();
-  const mergedSx = [{ ml: "-5px", color: "grey.600" }, ...Array.isArray(sx) ? sx : [sx]];
+  const mergedSx = [{ color: "grey.600" }, ...Array.isArray(sx) ? sx : [sx]];
   const handleClick = () => {
     if (url) {
       navigate(url, { replace: true });
@@ -3957,15 +3958,15 @@ function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
   };
   if (iconOnly) {
     mergedSx.push({ minWidth: "initial", py: 1 });
-    return /* @__PURE__ */ jsx(Button$1, { className: "back-button", onClick: handleClick, variant: "text", color: "inherit", sx: mergedSx, ...rest, children: /* @__PURE__ */ jsx(ArrowBackIos, { style: { fontSize: 13 } }) });
+    return /* @__PURE__ */ jsx(Button$1, { onClick: handleClick, variant: "text", color: "inherit", sx: mergedSx, ...rest, children: /* @__PURE__ */ jsx(ArrowBackIos, { style: { fontSize: 13 } }) });
   }
   return /* @__PURE__ */ jsx(
     Button$1,
     {
-      className: "back-button",
       onClick: handleClick,
-      variant: "text",
+      variant: "outlined",
       color: "inherit",
+      size: "small",
       startIcon: /* @__PURE__ */ jsx(ArrowBackIos, { style: { fontSize: 13 } }),
       sx: mergedSx,
       ...rest,
@@ -4532,11 +4533,26 @@ function DefaultEditorConfigProvider({
   }, [isAdmin, request, (_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did, downMd]);
   return /* @__PURE__ */ jsx(EditorConfigProvider, { value: config, children });
 }
-function Pagination({ page, size = 20, total, onChange, routerMode = true, ...rest }) {
+function Pagination({
+  page,
+  size = 20,
+  total,
+  onChange,
+  routerMode = true,
+  sx,
+  ...rest
+}) {
   const theme = useTheme();
   const downMd = useMediaQuery$1(theme.breakpoints.down("md"));
   const [searchParams, setSearchParams] = useSearchParams();
   const pageCount = Math.ceil(total / size);
+  const mergedSx = [
+    {
+      ".MuiPaginationItem-root": { border: 0 },
+      ".MuiPaginationItem-root.Mui-selected": { bgcolor: "transparent", border: 1, borderColor: "divider" }
+    },
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
   const handleOnChange = (e, page2) => {
     if (routerMode) {
       searchParams.set("page", `${page2}`);
@@ -4557,13 +4573,12 @@ function Pagination({ page, size = 20, total, onChange, routerMode = true, ...re
       variant: "outlined",
       shape: "rounded",
       size: downMd ? "small" : "medium",
-      showFirstButton: true,
-      showLastButton: true,
+      sx: mergedSx,
       ...rest
     }
   );
 }
-const Editor = lazy(() => import("./editor-FzAO_L68.mjs"));
+const Editor = lazy(() => import("./editor-JXsHI10g.mjs"));
 function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -10658,11 +10673,11 @@ export {
   create as al,
   getWsClient as am,
   useSubscription as an,
-  InternalThemeProvider as b,
-  Input as c,
-  translations as d,
-  useChanged as e,
-  utils as f,
+  Input as b,
+  useChanged as c,
+  utils as d,
+  themeOverrides as e,
+  InternalThemeProvider as f,
   getExcerptSync as g,
   Avatars as h,
   inferInitialEditorState as i,
@@ -10676,7 +10691,7 @@ export {
   CommentList as q,
   routes as r,
   stringify as s,
-  themeOverrides as t,
+  translations as t,
   useNow as u,
   CommentsContext as v,
   useCommentsContext as w,

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export * from '@blocklet/labels';
-export { themeOverrides, InternalThemeProvider } from './components/shared/theme';
+export * from './components/shared/theme';
 export { Input, CommentInput, ScrollableEditorWrapper } from './components/input';
 export * from './components/avatars';
 export * from './components/posts';

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { N, j, Q, A, h, a8, B, y, F, z, H, ak, U, T, W, Y, o, C, q, v, x, a0, a1, ac, a3, K, L, D, ab, aa, E, G, c, b, a9, M, P, aj, n, m, a7, R, S, a4, k, Z, $, ad, ag, af, ah, al, J, am, l, p, r, t, d, a5, O, e, X, w, a2, a6, u, ai, an, _, ae, f } from "./index-AqROiqZF.mjs";
+import { N, j, Q, A, h, a8, B, y, F, z, H, ak, U, T, W, Y, o, C, q, v, x, a0, a1, ac, a3, K, L, D, ab, aa, E, G, b, f, a9, M, P, aj, n, m, a7, R, S, a4, k, Z, $, ad, ag, af, ah, al, J, am, l, p, r, e, t, a5, O, c, X, w, a2, a6, u, ai, an, _, ae, d } from "./index-l7-38Nc9.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -99,8 +99,8 @@ export {
   aa as EditorPreview,
   E as EmptyStatus,
   G as GithubReaction,
-  c as Input,
-  b as InternalThemeProvider,
+  b as Input,
+  f as InternalThemeProvider,
   a9 as LazyEditor,
   M as Menu,
   P as Pagination,
@@ -124,11 +124,11 @@ export {
   l as lexicalUtils,
   p as preferences,
   r as routes,
-  t as themeOverrides,
-  d as translations,
+  e as themeOverrides,
+  t as translations,
   a5 as useApiErrorHandler,
   O as useAuthzContext,
-  e as useChanged,
+  c as useChanged,
   X as useChatContext,
   w as useCommentsContext,
   a2 as useConfirm,
@@ -138,5 +138,5 @@ export {
   an as useSubscription,
   _ as useUnreadNotification,
   ae as useUploader,
-  f as utils
+  d as utils
 };

package/dist/index.umd.js

@@ -43,11 +43,11 @@ var __publicField = (obj, key, value) => {
   function InternalThemeProvider({ children }) {
     const theme = styles.useTheme();
     const merged = {
-      ...theme,
-      components: {
-        ...theme.components,
-        ...themeOverrides.components
-      }
+      ...theme
+      // components: {
+      //   ...theme.components,
+      //   ...themeOverrides.components,
+      // },
     };
     return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, { theme: merged, children });
   }
@@ -1138,6 +1138,7 @@ var __publicField = (obj, key, value) => {
     content,
     editing = false,
     onExitEditing,
+    onCancel,
     onSubmit,
     autoCollapse,
     enableHeadingsIdPlugin,
@@ -1151,7 +1152,7 @@ var __publicField = (obj, key, value) => {
           sx: {
             ".be-editable": { maxHeight: 768, overflow: "auto", minHeight: `${Math.max(innerHeight, 200)}px !important` }
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(PostEdit, { content, onCancel: onExitEditing, send: onSubmit, onSuccess: onExitEditing })
+          children: /* @__PURE__ */ jsxRuntime.jsx(PostEdit, { content, onCancel, send: onSubmit, onSuccess: onExitEditing })
         }
       );
     }
@@ -3551,7 +3552,7 @@ var __publicField = (obj, key, value) => {
             position: "relative",
             p: 2,
             fontWeight: "bold",
-            color: isActiveChat ? "#fff" : "grey.700",
+            color: isActiveChat ? "primary.contrastText" : "grey.700",
             bgcolor: isActiveChat ? "primary.light" : "",
             borderRadius: 2,
             cursor: "pointer",
@@ -3882,7 +3883,7 @@ var __publicField = (obj, key, value) => {
   };
   function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
     const navigate = reactRouterDom.useNavigate();
-    const mergedSx = [{ ml: "-5px", color: "grey.600" }, ...Array.isArray(sx) ? sx : [sx]];
+    const mergedSx = [{ color: "grey.600" }, ...Array.isArray(sx) ? sx : [sx]];
     const handleClick = () => {
       if (url) {
         navigate(url, { replace: true });
@@ -3894,15 +3895,15 @@ var __publicField = (obj, key, value) => {
     };
     if (iconOnly) {
       mergedSx.push({ minWidth: "initial", py: 1 });
-      return /* @__PURE__ */ jsxRuntime.jsx(material.Button, { className: "back-button", onClick: handleClick, variant: "text", color: "inherit", sx: mergedSx, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowBackIos, { style: { fontSize: 13 } }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: handleClick, variant: "text", color: "inherit", sx: mergedSx, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowBackIos, { style: { fontSize: 13 } }) });
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
       material.Button,
       {
-        className: "back-button",
         onClick: handleClick,
-        variant: "text",
+        variant: "outlined",
         color: "inherit",
+        size: "small",
         startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowBackIos, { style: { fontSize: 13 } }),
         sx: mergedSx,
         ...rest,
@@ -4469,11 +4470,26 @@ var __publicField = (obj, key, value) => {
     }, [isAdmin, request, (_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did, downMd]);
     return /* @__PURE__ */ jsxRuntime.jsx(config.EditorConfigProvider, { value: config$1, children });
   }
-  function Pagination({ page, size = 20, total, onChange, routerMode = true, ...rest }) {
+  function Pagination({
+    page,
+    size = 20,
+    total,
+    onChange,
+    routerMode = true,
+    sx,
+    ...rest
+  }) {
     const theme = styles.useTheme();
     const downMd = useMediaQuery(theme.breakpoints.down("md"));
     const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
     const pageCount = Math.ceil(total / size);
+    const mergedSx = [
+      {
+        ".MuiPaginationItem-root": { border: 0 },
+        ".MuiPaginationItem-root.Mui-selected": { bgcolor: "transparent", border: 1, borderColor: "divider" }
+      },
+      ...Array.isArray(sx) ? sx : [sx]
+    ];
     const handleOnChange = (e, page2) => {
       if (routerMode) {
         searchParams.set("page", `${page2}`);
@@ -4494,8 +4510,7 @@ var __publicField = (obj, key, value) => {
         variant: "outlined",
         shape: "rounded",
         size: downMd ? "small" : "medium",
-        showFirstButton: true,
-        showLastButton: true,
+        sx: mergedSx,
         ...rest
       }
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.6.167",
+  "version": "1.6.169",
   "files": [
     "dist"
   ],
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.112",
-    "@blocklet/editor": "1.6.167",
-    "@blocklet/labels": "1.6.167",
+    "@blocklet/editor": "1.6.169",
+    "@blocklet/labels": "1.6.169",
     "@blocklet/uploader": "^0.0.74",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -94,5 +94,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "d693e00f42a067f737029d207f6e8e8a8eefa897"
+  "gitHead": "7caa727540c6b01581cf21807affab650dbb0b60"
 }

package/dist/components/posts/PostContent.stories.d.ts

@@ -1,7 +0,0 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import PostContent from './post-content';
-declare const _default: ComponentMeta<typeof PostContent>;
-export default _default;
-export declare const Basic: ComponentStory<typeof PostContent>;
-export declare const LongContent: ComponentStory<typeof PostContent>;
-export declare const Editable: ComponentStory<typeof PostContent>;