@measured/puck 0.18.2-canary.bdef789 → 0.18.2-canary.c22b3a9

package/dist/index.js

@@ -4067,6 +4067,25 @@ var GlobalPosition = class {
   }
 };
 
+// lib/bubble-pointer-event.ts
+init_react_import();
+var BaseEvent = typeof PointerEvent !== "undefined" ? PointerEvent : Event;
+var BubbledPointerEvent = class extends BaseEvent {
+  constructor(type, data) {
+    super(type, data);
+    this._originalTarget = null;
+    this.originalTarget = data.originalTarget;
+  }
+  // Necessary for Firefox
+  set originalTarget(target) {
+    this._originalTarget = target;
+  }
+  // Necessary for Firefox
+  get originalTarget() {
+    return this._originalTarget;
+  }
+};
+
 // lib/dnd/NestedDroppablePlugin.ts
 var depthSort = (candidates) => {
   return candidates.sort((a, b) => {
@@ -4191,7 +4210,7 @@ var createNestedDroppablePlugin = ({ onChange }, id) => class NestedDroppablePlu
     }
     const cleanupEffect = (0, import_state.effects)(() => {
       const handleMove = (event) => {
-        const target = event.originalTarget || event.target;
+        const target = event instanceof BubbledPointerEvent ? event.originalTarget || event.target : event.target;
         const position = new GlobalPosition(target, {
           x: event.clientX,
           y: event.clientY
@@ -6406,21 +6425,8 @@ var useBubbleIframeEvents = (ref) => {
     var _a;
     if (ref.current && status === "READY") {
       const iframe = ref.current;
-      class BubbledPointerEventClass extends PointerEvent {
-        constructor(type, data) {
-          super(type, data);
-          this._originalTarget = null;
-          this.originalTarget = data.originalTarget;
-        }
-        set originalTarget(target) {
-          this._originalTarget = target;
-        }
-        get originalTarget() {
-          return this._originalTarget;
-        }
-      }
       const handlePointerMove = (event) => {
-        const evt = new BubbledPointerEventClass("pointermove", __spreadProps(__spreadValues({}, event), {
+        const evt = new BubbledPointerEvent("pointermove", __spreadProps(__spreadValues({}, event), {
           bubbles: true,
           cancelable: false,
           clientX: event.clientX,
@@ -7433,6 +7439,11 @@ var usePreviewModeHotkeys = (dispatch, iframeEnabled) => {
     preventDefault: true,
     document: resolvedFrame
   });
+  (0, import_react_hotkeys_hook2.useHotkeys)("ctrl+i", toggleInteractive, { preventDefault: true });
+  (0, import_react_hotkeys_hook2.useHotkeys)("ctrl+i", toggleInteractiveIframe, {
+    preventDefault: true,
+    document: resolvedFrame
+  });
 };
 
 // components/Puck/index.tsx

package/dist/index.mjs

@@ -3910,6 +3910,25 @@ var GlobalPosition = class {
   }
 };
 
+// lib/bubble-pointer-event.ts
+init_react_import();
+var BaseEvent = typeof PointerEvent !== "undefined" ? PointerEvent : Event;
+var BubbledPointerEvent = class extends BaseEvent {
+  constructor(type, data) {
+    super(type, data);
+    this._originalTarget = null;
+    this.originalTarget = data.originalTarget;
+  }
+  // Necessary for Firefox
+  set originalTarget(target) {
+    this._originalTarget = target;
+  }
+  // Necessary for Firefox
+  get originalTarget() {
+    return this._originalTarget;
+  }
+};
+
 // lib/dnd/NestedDroppablePlugin.ts
 var depthSort = (candidates) => {
   return candidates.sort((a, b) => {
@@ -4034,7 +4053,7 @@ var createNestedDroppablePlugin = ({ onChange }, id) => class NestedDroppablePlu
     }
     const cleanupEffect = effects(() => {
       const handleMove = (event) => {
-        const target = event.originalTarget || event.target;
+        const target = event instanceof BubbledPointerEvent ? event.originalTarget || event.target : event.target;
         const position = new GlobalPosition(target, {
           x: event.clientX,
           y: event.clientY
@@ -6269,21 +6288,8 @@ var useBubbleIframeEvents = (ref) => {
     var _a;
     if (ref.current && status === "READY") {
       const iframe = ref.current;
-      class BubbledPointerEventClass extends PointerEvent {
-        constructor(type, data) {
-          super(type, data);
-          this._originalTarget = null;
-          this.originalTarget = data.originalTarget;
-        }
-        set originalTarget(target) {
-          this._originalTarget = target;
-        }
-        get originalTarget() {
-          return this._originalTarget;
-        }
-      }
       const handlePointerMove = (event) => {
-        const evt = new BubbledPointerEventClass("pointermove", __spreadProps(__spreadValues({}, event), {
+        const evt = new BubbledPointerEvent("pointermove", __spreadProps(__spreadValues({}, event), {
           bubbles: true,
           cancelable: false,
           clientX: event.clientX,
@@ -7302,6 +7308,11 @@ var usePreviewModeHotkeys = (dispatch, iframeEnabled) => {
     preventDefault: true,
     document: resolvedFrame
   });
+  useHotkeys2("ctrl+i", toggleInteractive, { preventDefault: true });
+  useHotkeys2("ctrl+i", toggleInteractiveIframe, {
+    preventDefault: true,
+    document: resolvedFrame
+  });
 };
 
 // components/Puck/index.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.18.2-canary.bdef789",
+  "version": "0.18.2-canary.c22b3a9",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",