@measured/puck 0.18.2-canary.898cc4a → 0.18.2-canary.8992a94

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
@@ -5706,7 +5725,10 @@ var useResolvedFields = () => {
   const [fieldsLoading, setFieldsLoading] = (0, import_react36.useState)(false);
   const lastFields = (0, import_react36.useRef)(defaultFields);
   const defaultResolveFields = (_componentData, _params) => defaultFields;
-  const componentData = selectedItem ? selectedItem : { props: rootProps, readOnly: data.root.readOnly };
+  const componentData = (0, import_react36.useMemo)(
+    () => selectedItem ? selectedItem : { props: rootProps, readOnly: data.root.readOnly || {} },
+    [selectedItem, rootProps, data.root.readOnly]
+  );
   const hasComponentResolver = selectedItem && (componentConfig == null ? void 0 : componentConfig.resolveFields);
   const hasRootResolver = !selectedItem && ((_b = config.root) == null ? void 0 : _b.resolveFields);
   const hasResolver = hasComponentResolver || hasRootResolver;
@@ -5762,7 +5784,13 @@ var useResolvedFields = () => {
       }
     }
     setResolvedFields(defaultFields);
-  }, [defaultFields, state.ui.itemSelector, hasResolver, parent]);
+  }, [
+    defaultFields,
+    state.ui.itemSelector,
+    hasResolver,
+    parent,
+    resolveFields
+  ]);
   useOnValueChange(
     state.ui.itemSelector,
     () => {
@@ -6406,21 +6434,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 +7448,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
@@ -5564,7 +5583,10 @@ var useResolvedFields = () => {
   const [fieldsLoading, setFieldsLoading] = useState19(false);
   const lastFields = useRef5(defaultFields);
   const defaultResolveFields = (_componentData, _params) => defaultFields;
-  const componentData = selectedItem ? selectedItem : { props: rootProps, readOnly: data.root.readOnly };
+  const componentData = useMemo11(
+    () => selectedItem ? selectedItem : { props: rootProps, readOnly: data.root.readOnly || {} },
+    [selectedItem, rootProps, data.root.readOnly]
+  );
   const hasComponentResolver = selectedItem && (componentConfig == null ? void 0 : componentConfig.resolveFields);
   const hasRootResolver = !selectedItem && ((_b = config.root) == null ? void 0 : _b.resolveFields);
   const hasResolver = hasComponentResolver || hasRootResolver;
@@ -5620,7 +5642,13 @@ var useResolvedFields = () => {
       }
     }
     setResolvedFields(defaultFields);
-  }, [defaultFields, state.ui.itemSelector, hasResolver, parent]);
+  }, [
+    defaultFields,
+    state.ui.itemSelector,
+    hasResolver,
+    parent,
+    resolveFields
+  ]);
   useOnValueChange(
     state.ui.itemSelector,
     () => {
@@ -6269,21 +6297,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 +7317,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.898cc4a",
+  "version": "0.18.2-canary.8992a94",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",