@bendyline/squisq-editor-react 2.11.9 → 2.11.10

package/dist/{chunk-MDW5NY3Q.js → chunk-5ZA7YMCP.js}

@@ -3664,6 +3664,7 @@ function PreviewToolbarControls({ displayMode } = {}) {
   const popoverRef = useRef6(null);
   const popoverTriggerRef = useRef6(null);
   const popoverPanelRef = useRef6(null);
+  const popoverPointerEventRef = useRef6(null);
   const [popoverAnchor, setPopoverAnchor] = useState7(null);
   const updatePopoverPosition = useCallback7(() => {
     const trigger = popoverTriggerRef.current;
@@ -3712,6 +3713,7 @@ function PreviewToolbarControls({ displayMode } = {}) {
   useEffect7(() => {
     if (!popoverOpen) return;
     const handler = (e2) => {
+      if (e2 === popoverPointerEventRef.current) return;
       const target = e2.target;
       if (popoverRef.current?.contains(target)) return;
       if (popoverPanelRef.current?.contains(target)) return;
@@ -4016,36 +4018,46 @@ function PreviewToolbarControls({ displayMode } = {}) {
       children: [
         /* @__PURE__ */ jsx7("div", { className: "squisq-preview-controls-probe", ref: probeRef, "aria-hidden": "true", children: controlKeys.map((key) => renderControl(key, false)) }),
         visibleKeys.length > 0 && /* @__PURE__ */ jsx7("div", { className: "squisq-preview-controls-inline", children: visibleKeys.map((key) => renderControl(key, false)) }),
-        hasOverflow && /* @__PURE__ */ jsxs6("div", { className: "squisq-preview-controls-compact", ref: popoverRef, children: [
-          /* @__PURE__ */ jsx7(
-            "button",
-            {
-              ref: popoverTriggerRef,
-              className: `squisq-toolbar-button${popoverOpen ? " squisq-toolbar-button--active" : ""}`,
-              onClick: () => {
-                if (popoverOpen) {
-                  closePopover();
-                  return;
+        hasOverflow && /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: "squisq-preview-controls-compact",
+            ref: popoverRef,
+            onMouseDown: (event) => {
+              popoverPointerEventRef.current = event.nativeEvent;
+            },
+            children: [
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  ref: popoverTriggerRef,
+                  className: `squisq-toolbar-button${popoverOpen ? " squisq-toolbar-button--active" : ""}`,
+                  onClick: () => {
+                    if (popoverOpen) {
+                      closePopover();
+                      return;
+                    }
+                    updatePopoverPosition();
+                    setPopoverOpen(true);
+                  },
+                  "aria-label": "More preview settings",
+                  title: "More preview settings",
+                  "aria-expanded": popoverOpen,
+                  children: /* @__PURE__ */ jsx7(Icon, { icon: "fa-solid fa-ellipsis" })
                 }
-                updatePopoverPosition();
-                setPopoverOpen(true);
-              },
-              "aria-label": "More preview settings",
-              title: "More preview settings",
-              "aria-expanded": popoverOpen,
-              children: /* @__PURE__ */ jsx7(Icon, { icon: "fa-solid fa-ellipsis" })
-            }
-          ),
-          popoverOpen && popoverAnchor && /* @__PURE__ */ jsx7(
-            "div",
-            {
-              ref: popoverPanelRef,
-              className: "squisq-preview-controls-popover",
-              style: { top: popoverAnchor.top, left: popoverAnchor.left },
-              children: overflowKeys.map((key) => renderControl(key, true))
-            }
-          )
-        ] })
+              ),
+              popoverOpen && popoverAnchor && /* @__PURE__ */ jsx7(
+                "div",
+                {
+                  ref: popoverPanelRef,
+                  className: "squisq-preview-controls-popover",
+                  style: { top: popoverAnchor.top, left: popoverAnchor.left },
+                  children: overflowKeys.map((key) => renderControl(key, true))
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );

package/dist/index.js

@@ -219,7 +219,7 @@ import {
   useTreeViewData,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-MDW5NY3Q.js";
+} from "./chunk-5ZA7YMCP.js";
 import {
   EditorProvider,
   detectLanguageFromFileName,

package/dist/shell/index.js

@@ -5,7 +5,7 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-MDW5NY3Q.js";
+} from "../chunk-5ZA7YMCP.js";
 import {
   EditorProvider,
   useEditorContext

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.11.9",
+  "version": "2.11.10",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",