@underverse-ui/underverse 2.0.13 → 2.0.14

package/dist/index.d.cts

@@ -3787,6 +3787,8 @@ declare const underverseMessages: {
                 imageWidthLg: string;
                 imageResetSize: string;
                 imageDelete: string;
+                hideMenuBar: string;
+                showMenuBar: string;
             };
             slashCommand: {
                 basicBlocks: string;
@@ -4238,6 +4240,8 @@ declare const underverseMessages: {
                 imageWidthLg: string;
                 imageResetSize: string;
                 imageDelete: string;
+                hideMenuBar: string;
+                showMenuBar: string;
             };
             slashCommand: {
                 basicBlocks: string;
@@ -4689,6 +4693,8 @@ declare const underverseMessages: {
                 imageWidthLg: string;
                 imageResetSize: string;
                 imageDelete: string;
+                hideMenuBar: string;
+                showMenuBar: string;
             };
             slashCommand: {
                 basicBlocks: string;
@@ -5140,6 +5146,8 @@ declare const underverseMessages: {
                 imageWidthLg: string;
                 imageResetSize: string;
                 imageDelete: string;
+                hideMenuBar: string;
+                showMenuBar: string;
             };
             slashCommand: {
                 basicBlocks: string;
@@ -5594,6 +5602,8 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
             imageWidthLg: string;
             imageResetSize: string;
             imageDelete: string;
+            hideMenuBar: string;
+            showMenuBar: string;
         };
         slashCommand: {
             basicBlocks: string;
@@ -6044,6 +6054,8 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
             imageWidthLg: string;
             imageResetSize: string;
             imageDelete: string;
+            hideMenuBar: string;
+            showMenuBar: string;
         };
         slashCommand: {
             basicBlocks: string;
@@ -6494,6 +6506,8 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
             imageWidthLg: string;
             imageResetSize: string;
             imageDelete: string;
+            hideMenuBar: string;
+            showMenuBar: string;
         };
         slashCommand: {
             basicBlocks: string;
@@ -6944,6 +6958,8 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
             imageWidthLg: string;
             imageResetSize: string;
             imageDelete: string;
+            hideMenuBar: string;
+            showMenuBar: string;
         };
         slashCommand: {
             basicBlocks: string;

package/dist/index.d.ts

@@ -3787,6 +3787,8 @@ declare const underverseMessages: {
                 imageWidthLg: string;
                 imageResetSize: string;
                 imageDelete: string;
+                hideMenuBar: string;
+                showMenuBar: string;
             };
             slashCommand: {
                 basicBlocks: string;
@@ -4238,6 +4240,8 @@ declare const underverseMessages: {
                 imageWidthLg: string;
                 imageResetSize: string;
                 imageDelete: string;
+                hideMenuBar: string;
+                showMenuBar: string;
             };
             slashCommand: {
                 basicBlocks: string;
@@ -4689,6 +4693,8 @@ declare const underverseMessages: {
                 imageWidthLg: string;
                 imageResetSize: string;
                 imageDelete: string;
+                hideMenuBar: string;
+                showMenuBar: string;
             };
             slashCommand: {
                 basicBlocks: string;
@@ -5140,6 +5146,8 @@ declare const underverseMessages: {
                 imageWidthLg: string;
                 imageResetSize: string;
                 imageDelete: string;
+                hideMenuBar: string;
+                showMenuBar: string;
             };
             slashCommand: {
                 basicBlocks: string;
@@ -5594,6 +5602,8 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
             imageWidthLg: string;
             imageResetSize: string;
             imageDelete: string;
+            hideMenuBar: string;
+            showMenuBar: string;
         };
         slashCommand: {
             basicBlocks: string;
@@ -6044,6 +6054,8 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
             imageWidthLg: string;
             imageResetSize: string;
             imageDelete: string;
+            hideMenuBar: string;
+            showMenuBar: string;
         };
         slashCommand: {
             basicBlocks: string;
@@ -6494,6 +6506,8 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
             imageWidthLg: string;
             imageResetSize: string;
             imageDelete: string;
+            hideMenuBar: string;
+            showMenuBar: string;
         };
         slashCommand: {
             basicBlocks: string;
@@ -6944,6 +6958,8 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
             imageWidthLg: string;
             imageResetSize: string;
             imageDelete: string;
+            hideMenuBar: string;
+            showMenuBar: string;
         };
         slashCommand: {
             basicBlocks: string;

package/dist/index.js

@@ -4,19 +4,19 @@ import {
   extractImageSrcsFromHtml,
   normalizeImageUrl,
   prepareUEditorContentForSave
-} from "./chunk-WDY3QWOW.js";
+} from "./chunk-PDYEK7HL.js";
 import {
   EmojiPicker_default
-} from "./chunk-HEYNAGQD.js";
+} from "./chunk-N2S6RI4Y.js";
 import {
   getEmojiImageUrl,
   getEmojiUnifiedCode,
   setEmojiBaseUrl
-} from "./chunk-VNSCI3OK.js";
+} from "./chunk-DXLSCUYA.js";
 import "./chunk-4TYW5K4J.js";
 import {
   Modal_default
-} from "./chunk-R7ZKNCWR.js";
+} from "./chunk-DCFQGH3K.js";
 import {
   DropdownMenuItem,
   DropdownMenuSeparator,
@@ -31,7 +31,7 @@ import {
   shadcnAnimationStyles,
   useShadCNAnimations,
   useUnderverseUIConfig
-} from "./chunk-MMMCBJ2L.js";
+} from "./chunk-3Q5EE2ZA.js";
 import {
   ForceInternalTranslationsProvider,
   NextIntlAdapter,
@@ -57,7 +57,7 @@ import {
   useUnderverseLocale,
   useUnderverseTranslations,
   vi_default
-} from "./chunk-PYC5EY5W.js";
+} from "./chunk-PV2G2XME.js";
 import {
   __export,
   __require

package/dist/{menu-bar-SVX36W4S.js → menu-bar-55SAOAX6.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal_default
-} from "./chunk-R7ZKNCWR.js";
+} from "./chunk-DCFQGH3K.js";
 import {
   DEFAULT_TABLE_ROW_HEIGHT,
   DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE,
@@ -21,11 +21,11 @@ import {
   sanitizeUEditorUrl,
   useDropdownMenuClose,
   useSharedEditorUiRenderState
-} from "./chunk-MMMCBJ2L.js";
+} from "./chunk-3Q5EE2ZA.js";
 import {
   cn,
   useSmartTranslations
-} from "./chunk-PYC5EY5W.js";
+} from "./chunk-PV2G2XME.js";
 import "./chunk-NSBPE2FW.js";
 
 // src/components/UEditor/menu-bar.tsx
@@ -945,4 +945,4 @@ var MenuBar = ({
 export {
   MenuBar
 };
-//# sourceMappingURL=menu-bar-SVX36W4S.js.map
+//# sourceMappingURL=menu-bar-55SAOAX6.js.map

package/dist/ueditor.cjs

@@ -223,7 +223,9 @@ var init_en = __esm({
           imageWidthMd: "Image Width Medium",
           imageWidthLg: "Image Width Large",
           imageResetSize: "Reset Image Size",
-          imageDelete: "Delete Image"
+          imageDelete: "Delete Image",
+          hideMenuBar: "Hide menu bar",
+          showMenuBar: "Show menu bar"
         },
         slashCommand: {
           basicBlocks: "Basic Blocks",
@@ -681,7 +683,9 @@ var init_vi = __esm({
           imageWidthMd: "\u1EA2nh V\u1EEBa",
           imageWidthLg: "\u1EA2nh L\u1EDBn",
           imageResetSize: "\u0110\u1EB7t L\u1EA1i K\xEDch Th\u01B0\u1EDBc \u1EA2nh",
-          imageDelete: "X\xF3a \u1EA2nh"
+          imageDelete: "X\xF3a \u1EA2nh",
+          hideMenuBar: "\u1EA8n thanh menu",
+          showMenuBar: "Hi\u1EC7n thanh menu"
         },
         slashCommand: {
           basicBlocks: "Kh\u1ED1i c\u01A1 b\u1EA3n",
@@ -1139,7 +1143,9 @@ var init_ko = __esm({
           imageWidthMd: "\uC911\uAC04 \uC774\uBBF8\uC9C0",
           imageWidthLg: "\uD070 \uC774\uBBF8\uC9C0",
           imageResetSize: "\uC774\uBBF8\uC9C0 \uD06C\uAE30 \uCD08\uAE30\uD654",
-          imageDelete: "\uC774\uBBF8\uC9C0 \uC0AD\uC81C"
+          imageDelete: "\uC774\uBBF8\uC9C0 \uC0AD\uC81C",
+          hideMenuBar: "\uBA54\uB274 \uBAA8\uC74C \uC228\uAE30\uAE30",
+          showMenuBar: "\uBA54\uB274 \uBAA8\uC74C \uD45C\uC2DC"
         },
         slashCommand: {
           basicBlocks: "\uAE30\uBCF8 \uBE14\uB85D",
@@ -1597,7 +1603,9 @@ var init_ja = __esm({
           imageWidthMd: "\u753B\u50CF\uFF08\u4E2D\uFF09",
           imageWidthLg: "\u753B\u50CF\uFF08\u5927\uFF09",
           imageResetSize: "\u753B\u50CF\u30B5\u30A4\u30BA\u3092\u30EA\u30BB\u30C3\u30C8",
-          imageDelete: "\u753B\u50CF\u3092\u524A\u9664"
+          imageDelete: "\u753B\u50CF\u3092\u524A\u9664",
+          hideMenuBar: "\u30E1\u30CB\u30E5\u30FC\u30D0\u30FC\u3092\u975E\u8868\u793A",
+          showMenuBar: "\u30E1\u30CB\u30E5\u30FC\u30D0\u30FC\u3092\u8868\u793A"
         },
         slashCommand: {
           basicBlocks: "\u57FA\u672C\u30D6\u30ED\u30C3\u30AF",
@@ -6967,6 +6975,8 @@ var init_toolbar = __esm({
     EditorToolbar = ({
       editor,
       variant,
+      isMenuBarVisible,
+      onToggleMenuBar,
       uploadImage,
       imageInsertMode = "base64",
       maxImageFileSize = DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE,
@@ -7141,6 +7151,15 @@ var init_toolbar = __esm({
                 )
               ] })
             }
+          ),
+          onToggleMenuBar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            ToolbarButton,
+            {
+              onClick: onToggleMenuBar,
+              active: isMenuBarVisible,
+              title: t(isMenuBarVisible ? "toolbar.hideMenuBar" : "toolbar.showMenuBar"),
+              children: isMenuBarVisible ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.PanelTopClose, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.PanelTopOpen, { className: "h-4 w-4" })
+            }
           )
         ] });
       }
@@ -7149,7 +7168,7 @@ var init_toolbar = __esm({
         "div",
         {
           role: "toolbar",
-          className: "flex min-h-9 flex-nowrap items-center gap-0.5 overflow-x-auto border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-1.5 py-1 dark:bg-muted/60",
+          className: "flex min-h-9 flex-wrap items-center gap-0.5 border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-1.5 py-1 dark:bg-muted/60",
           children: [
             isFull && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               DropdownMenu,
@@ -7864,7 +7883,16 @@ var init_toolbar = __esm({
                   children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.TableCellsMerge, { className: "w-4 h-4" })
                 }
               )
-            ] })
+            ] }),
+            onToggleMenuBar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              ToolbarButton,
+              {
+                onClick: onToggleMenuBar,
+                active: isMenuBarVisible,
+                title: t(isMenuBarVisible ? "toolbar.hideMenuBar" : "toolbar.showMenuBar"),
+                children: isMenuBarVisible ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.PanelTopClose, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.PanelTopOpen, { className: "h-4 w-4" })
+              }
+            )
           ]
         }
       );
@@ -23659,6 +23687,10 @@ var UEditor = import_react44.default.forwardRef(({
   const formulaRangePickRef = (0, import_react44.useRef)(null);
   const formulaRangeSurfaceRef = (0, import_react44.useRef)(null);
   const [formulaRangeHighlight, setFormulaRangeHighlight] = import_react44.default.useState(null);
+  const [isMenuBarVisible, setIsMenuBarVisible] = import_react44.default.useState(showMenuBar);
+  (0, import_react44.useEffect)(() => {
+    setIsMenuBarVisible(showMenuBar);
+  }, [showMenuBar]);
   const { flushOutputUpdates, scheduleOutputUpdate } = useUEditorOutput({
     onChange,
     onHtmlChange,
@@ -23917,7 +23949,7 @@ var UEditor = import_react44.default.forwardRef(({
       ),
       children: [
         editable && (showMenuBar || showToolbar || showBubbleMenu) ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(EditorUiRenderStateProvider, { editor, children: [
-          showMenuBar && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react44.default.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          isMenuBarVisible && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react44.default.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             LazyMenuBar,
             {
               editor,
@@ -23938,6 +23970,8 @@ var UEditor = import_react44.default.forwardRef(({
             {
               editor,
               variant,
+              isMenuBarVisible,
+              onToggleMenuBar: () => setIsMenuBarVisible((visible) => !visible),
               uploadImage,
               imageInsertMode,
               maxImageFileSize,