@elia-ori/editor 0.1.19 → 0.1.21

package/dist/index.cjs

@@ -2029,7 +2029,7 @@ var DropdownMenuSubContent = (0, import_react27.forwardRef)(({ className, portal
   return portal ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPortal, { ...typeof portal === "object" ? portal : {}, children: content }) : content;
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = (0, import_react27.forwardRef)(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
+var DropdownMenuContent = (0, import_react27.forwardRef)(({ className, sideOffset = 4, portal = true, ...props }, ref) => {
   const content = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     DropdownMenuPrimitive.Content,
     {
@@ -2118,7 +2118,7 @@ var HeadingDropdownMenu = (0, import_react29.forwardRef)(
     editor: providedEditor,
     levels = [1, 2, 3, 4, 5, 6],
     hideWhenUnavailable = false,
-    portal = false,
+    portal = true,
     onOpenChange,
     ...buttonProps
   }, ref) => {
@@ -3016,7 +3016,7 @@ function ListDropdownMenu({
   types = ["bulletList", "orderedList", "taskList"],
   hideWhenUnavailable = false,
   onOpenChange,
-  portal = false,
+  portal = true,
   ...props
 }) {
   const { editor } = useTiptapEditor(providedEditor);
@@ -5545,7 +5545,7 @@ var CALLOUT_OPTIONS = [
   { type: "error", label: "\u932F\u8AA4\u63D0\u793A", className: "callout-option--error" },
   { type: "info", label: "\u8CC7\u8A0A\u63D0\u793A", className: "callout-option--info" }
 ];
-function CalloutButton({ portal = false }) {
+function CalloutButton({ portal = true }) {
   const { editor } = useTiptapEditor();
   const [isOpen, setIsOpen] = React.useState(false);
   const [isVisible, setIsVisible] = React.useState(true);
@@ -5614,7 +5614,7 @@ var React2 = __toESM(require("react"), 1);
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var GRID_SIZE = 6;
 var TOTAL_CELLS = GRID_SIZE * GRID_SIZE;
-function TableButton({ portal = false }) {
+function TableButton({ portal = true }) {
   const { editor } = useTiptapEditor();
   const [isOpen, setIsOpen] = React2.useState(false);
   const [isVisible, setIsVisible] = React2.useState(true);
@@ -5754,7 +5754,7 @@ var TEXT_COLORS = [
   { color: "var(--tt-color-text-pink)", label: "\u7C89\u7D05", className: "text-color--pink" },
   { color: "var(--tt-color-text-red)", label: "\u7D05\u8272", className: "text-color--red" }
 ];
-function TextColorButton({ portal = false }) {
+function TextColorButton({ portal = true }) {
   const { editor } = useTiptapEditor();
   const [isOpen, setIsOpen] = React3.useState(false);
   const [isVisible, setIsVisible] = React3.useState(true);
@@ -6124,18 +6124,17 @@ var MainToolbarContent = ({
     ] }),
     has("undo-redo") && (has("heading") || has("list") || has("blockquote") || has("code-block") || has("callout") || has("table")) && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ToolbarSeparator, {}),
     (has("heading") || has("list") || has("blockquote") || has("code-block") || has("callout") || has("table")) && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(ToolbarGroup, { children: [
-      has("heading") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(HeadingDropdownMenu, { levels: [1, 2, 3, 4], portal: isMobile }),
+      has("heading") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(HeadingDropdownMenu, { levels: [1, 2, 3, 4] }),
       has("list") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         ListDropdownMenu,
         {
-          types: ["bulletList", "orderedList", "taskList"],
-          portal: isMobile
+          types: ["bulletList", "orderedList", "taskList"]
         }
       ),
       has("blockquote") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(BlockquoteButton, {}),
       has("code-block") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CodeBlockButton, {}),
-      has("callout") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CalloutButton, { portal: isMobile }),
-      has("table") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TableButton, { portal: isMobile })
+      has("callout") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CalloutButton, {}),
+      has("table") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TableButton, {})
     ] }),
     (has("heading") || has("list") || has("blockquote") || has("code-block") || has("callout") || has("table")) && (has("format") || has("text-color") || has("highlight") || has("link")) && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ToolbarSeparator, {}),
     (has("format") || has("text-color") || has("highlight") || has("link")) && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(ToolbarGroup, { children: [
@@ -6146,7 +6145,7 @@ var MainToolbarContent = ({
         /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MarkButton, { type: "code" }),
         /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MarkButton, { type: "underline" })
       ] }),
-      has("text-color") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TextColorButton, { portal: isMobile }),
+      has("text-color") && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TextColorButton, {}),
       has("highlight") && (!isMobile ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ColorHighlightPopover, {}) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ColorHighlightPopoverButton, { onClick: onHighlighterClick })),
       has("link") && (!isMobile ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LinkPopover, {}) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LinkButton, { onClick: onLinkClick }))
     ] }),