@measured/puck-plugin-heading-analyzer 0.14.0-canary.68f97ae → 0.14.0-canary.6cadfdb

package/dist/index.js

@@ -31294,7 +31294,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
           return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
         }
         var objectIs = typeof Object.is === "function" ? Object.is : is2;
-        var useState8 = React30.useState, useEffect8 = React30.useEffect, useLayoutEffect4 = React30.useLayoutEffect, useDebugValue2 = React30.useDebugValue;
+        var useState7 = React30.useState, useEffect7 = React30.useEffect, useLayoutEffect4 = React30.useLayoutEffect, useDebugValue2 = React30.useDebugValue;
         var didWarnOld18Alpha = false;
         var didWarnUncachedGetSnapshot = false;
         function useSyncExternalStore3(subscribe, getSnapshot, getServerSnapshot) {
@@ -31316,7 +31316,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
               }
             }
           }
-          var _useState = useState8({
+          var _useState = useState7({
             inst: {
               value,
               getSnapshot
@@ -31331,7 +31331,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
               });
             }
           }, [subscribe, value, getSnapshot]);
-          useEffect8(function() {
+          useEffect7(function() {
             if (checkIfSnapshotChanged(inst)) {
               forceUpdate({
                 inst
@@ -31469,7 +31469,7 @@ var require_with_selector_development = __commonJS({
         }
         var objectIs = typeof Object.is === "function" ? Object.is : is2;
         var useSyncExternalStore3 = shim.useSyncExternalStore;
-        var useRef6 = React30.useRef, useEffect8 = React30.useEffect, useMemo5 = React30.useMemo, useDebugValue2 = React30.useDebugValue;
+        var useRef6 = React30.useRef, useEffect7 = React30.useEffect, useMemo5 = React30.useMemo, useDebugValue2 = React30.useDebugValue;
         function useSyncExternalStoreWithSelector3(subscribe, getSnapshot, getServerSnapshot, selector, isEqual3) {
           var instRef = useRef6(null);
           var inst;
@@ -31526,7 +31526,7 @@ var require_with_selector_development = __commonJS({
             return [getSnapshotWithSelector, getServerSnapshotWithSelector];
           }, [getSnapshot, getServerSnapshot, selector, isEqual3]), getSelection = _useMemo[0], getServerSelection = _useMemo[1];
           var value = useSyncExternalStore3(subscribe, getSelection, getServerSelection);
-          useEffect8(function() {
+          useEffect7(function() {
             inst.hasValue = true;
             inst.value = value;
           }, [value]);
@@ -42381,7 +42381,7 @@ var require_Context = __commonJS({
       win = window;
     }
     var FrameContext = exports2.FrameContext = _react2.default.createContext({ document: doc, window: win });
-    var useFrame2 = exports2.useFrame = function useFrame3() {
+    var useFrame = exports2.useFrame = function useFrame2() {
       return _react2.default.useContext(FrameContext);
     };
     var FrameContextProvider = FrameContext.Provider;
@@ -43175,7 +43175,7 @@ var require_dist = __commonJS({
       default: () => AutoFrameComponent_default
     });
     module2.exports = __toCommonJS2(auto_frame_component_exports);
-    var import_react14 = __toESM2(require("react"));
+    var import_react13 = __toESM2(require("react"));
     var import_react22 = __toESM2(require("react"));
     var import_react_frame_component = __toESM2(require_lib());
     var import_object_hash = __toESM2(require_object_hash());
@@ -43848,11 +43848,11 @@ var require_dist2 = __commonJS({
         step((generator = generator.apply(__this, __arguments)).next());
       });
     };
-    var import_react14;
+    var import_react13;
     var init_react_import2 = __esm2({
       "../tsup-config/react-import.js"() {
         "use strict";
-        import_react14 = __toESM2(require("react"));
+        import_react13 = __toESM2(require("react"));
       }
     });
     var require_classnames2 = __commonJS2({
@@ -74123,41 +74123,32 @@ var require_dist2 = __commonJS({
       return el;
     };
     init_react_import2();
-    var import_react29 = require("react");
-    init_react_import2();
-    var import_react122 = require("react");
+    var import_react28 = require("react");
     init_react_import2();
     var import_react112 = require("react");
     init_react_import2();
     var getFrame3 = () => {
       let frame = document.querySelector("#preview-frame");
       if ((frame == null ? void 0 : frame.tagName) === "IFRAME") {
-        frame = frame.contentDocument.body;
+        frame = frame.contentDocument;
       }
       return frame;
     };
-    var useFrame2 = () => {
-      const [el, setEl] = (0, import_react112.useState)();
-      (0, import_react112.useEffect)(() => {
-        setEl(getFrame3());
-      }, []);
-      return el;
-    };
     var usePlaceholderStyle = () => {
       const queryAttr = "data-rfd-drag-handle-draggable-id";
-      const [placeholderStyle, setPlaceholderStyle] = (0, import_react122.useState)();
-      const frame = useFrame2();
+      const [placeholderStyle, setPlaceholderStyle] = (0, import_react112.useState)();
       const onDragStartOrUpdate = (draggedItem) => {
         var _a;
         const draggableId = draggedItem.draggableId;
         const destinationIndex = (draggedItem.destination || draggedItem.source).index;
         const droppableId = (draggedItem.destination || draggedItem.source).droppableId;
         const domQuery = `[${queryAttr}='${draggableId}']`;
-        const draggedDOM = frame == null ? void 0 : frame.ownerDocument.querySelector(domQuery);
+        const frame = getFrame3();
+        const draggedDOM = frame == null ? void 0 : frame.querySelector(domQuery);
         if (!draggedDOM) {
           return;
         }
-        const targetListElement = frame == null ? void 0 : frame.ownerDocument.querySelector(
+        const targetListElement = frame == null ? void 0 : frame.querySelector(
           `[data-rfd-droppable-id='${droppableId}']`
         );
         const { clientHeight } = draggedDOM;
@@ -74228,7 +74219,7 @@ var require_dist2 = __commonJS({
       );
     };
     init_react_import2();
-    var import_react132 = require("react");
+    var import_react122 = require("react");
     var convertPathDataToBreadcrumbs2 = (selectedItem, pathData, data) => {
       const id = selectedItem ? selectedItem == null ? void 0 : selectedItem.props.id : "";
       const currentPathData = pathData && id && pathData[id] ? __spreadValues2({}, pathData[id]) : { label: "Page", path: [] };
@@ -74278,8 +74269,8 @@ var require_dist2 = __commonJS({
         state: { data },
         selectedItem
       } = useAppContext2();
-      const dzContext = (0, import_react132.useContext)(dropZoneContext2);
-      return (0, import_react132.useMemo)(() => {
+      const dzContext = (0, import_react122.useContext)(dropZoneContext2);
+      return (0, import_react122.useMemo)(() => {
         const breadcrumbs = convertPathDataToBreadcrumbs2(
           selectedItem,
           dzContext == null ? void 0 : dzContext.pathData,
@@ -74668,7 +74659,7 @@ var require_dist2 = __commonJS({
       return appState;
     };
     init_react_import2();
-    var import_react142 = require("react");
+    var import_react132 = require("react");
     init_react_import2();
     var cache = { lastChange: {} };
     var resolveAllComponentData = (content, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
@@ -74775,13 +74766,13 @@ var require_dist2 = __commonJS({
       return data.root;
     });
     var useResolvedData = (appState, config, dispatch) => {
-      const [{ resolverKey, newAppState }, setResolverState] = (0, import_react142.useState)({
+      const [{ resolverKey, newAppState }, setResolverState] = (0, import_react132.useState)({
         resolverKey: 0,
         newAppState: appState
       });
-      const [componentState, setComponentState] = (0, import_react142.useState)({});
+      const [componentState, setComponentState] = (0, import_react132.useState)({});
       const deferredSetStates = {};
-      const setComponentLoading = (0, import_react142.useCallback)(
+      const setComponentLoading = (0, import_react132.useCallback)(
         (id, loading, defer = 0) => {
           if (deferredSetStates[id]) {
             clearTimeout(deferredSetStates[id]);
@@ -74851,10 +74842,10 @@ var require_dist2 = __commonJS({
         });
         yield Promise.all(promises);
       });
-      (0, import_react142.useEffect)(() => {
+      (0, import_react132.useEffect)(() => {
         runResolvers();
       }, [resolverKey]);
-      const resolveData = (0, import_react142.useCallback)((newAppState2 = appState) => {
+      const resolveData = (0, import_react132.useCallback)((newAppState2 = appState) => {
         setResolverState((curr) => ({
           resolverKey: curr.resolverKey + 1,
           newAppState: newAppState2
@@ -74968,7 +74959,7 @@ var require_dist2 = __commonJS({
       "Input-radioInner": "styles_Input-radioInner",
       "Input-radioInput": "styles_Input-radioInput"
     };
-    var import_react19 = require("react");
+    var import_react18 = require("react");
     init_react_import2();
     init_react_import2();
     var styles_default10 = {
@@ -74986,7 +74977,7 @@ var require_dist2 = __commonJS({
       "ArrayFieldItem-rhs": "styles_ArrayFieldItem-rhs",
       "ArrayFieldItem-actions": "styles_ArrayFieldItem-actions"
     };
-    var import_react15 = require("react");
+    var import_react14 = require("react");
     init_react_import2();
     var import_dnd4 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
     var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -75020,11 +75011,11 @@ var require_dist2 = __commonJS({
         }),
         openId: ""
       };
-      const [localState, setLocalState] = (0, import_react15.useState)({ arrayState, value });
-      (0, import_react15.useEffect)(() => {
+      const [localState, setLocalState] = (0, import_react14.useState)({ arrayState, value });
+      (0, import_react14.useEffect)(() => {
         setLocalState({ arrayState, value });
       }, [value, state.ui.arrayState[id]]);
-      const mapArrayStateToUi = (0, import_react15.useCallback)(
+      const mapArrayStateToUi = (0, import_react14.useCallback)(
         (partialArrayState) => {
           return {
             arrayState: __spreadProps2(__spreadValues2({}, state.ui.arrayState), {
@@ -75034,13 +75025,13 @@ var require_dist2 = __commonJS({
         },
         [arrayState]
       );
-      const getHighestIndex = (0, import_react15.useCallback)(() => {
+      const getHighestIndex = (0, import_react14.useCallback)(() => {
         return arrayState.items.reduce(
           (acc, item) => item._originalIndex > acc ? item._originalIndex : acc,
           -1
         );
       }, [arrayState]);
-      const regenerateArrayState = (0, import_react15.useCallback)(
+      const regenerateArrayState = (0, import_react14.useCallback)(
         (value2) => {
           let highestIndex = getHighestIndex();
           const newItems = Array.from(value2 || []).map((item, idx) => {
@@ -75059,10 +75050,10 @@ var require_dist2 = __commonJS({
         },
         [arrayState]
       );
-      (0, import_react15.useEffect)(() => {
+      (0, import_react14.useEffect)(() => {
         setUi(mapArrayStateToUi(arrayState));
       }, []);
-      const [hovering, setHovering] = (0, import_react15.useState)(false);
+      const [hovering, setHovering] = (0, import_react14.useState)(false);
       if (field.type !== "array" || !field.arrayFields) {
         return null;
       }
@@ -75158,6 +75149,7 @@ var require_dist2 = __commonJS({
                                       !readOnly && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameItem22("actions"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameItem22("action"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                                         IconButton,
                                         {
+                                          type: "button",
                                           disabled: field.min !== void 0 && field.min >= localState.arrayState.items.length,
                                           onClick: (e2) => {
                                             e2.stopPropagation();
@@ -75222,6 +75214,7 @@ var require_dist2 = __commonJS({
                       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                         "button",
                         {
+                          type: "button",
                           className: getClassName10("addButton"),
                           disabled: field.max !== void 0 && localState.arrayState.items.length >= field.max,
                           onClick: () => {
@@ -75292,9 +75285,9 @@ var require_dist2 = __commonJS({
       );
     };
     init_react_import2();
-    var import_react18 = require("react");
-    init_react_import2();
     var import_react17 = require("react");
+    init_react_import2();
+    var import_react16 = require("react");
     var styles_default11 = {
       "ExternalInput-actions": "styles_ExternalInput-actions",
       "ExternalInput-button": "styles_ExternalInput-button",
@@ -75325,7 +75318,7 @@ var require_dist2 = __commonJS({
       "ExternalInputModal-footer": "styles_ExternalInputModal-footer"
     };
     init_react_import2();
-    var import_react16 = require("react");
+    var import_react15 = require("react");
     var styles_default12 = {
       Modal: "styles_Modal",
       "Modal--isOpen": "styles_Modal--isOpen",
@@ -75339,8 +75332,8 @@ var require_dist2 = __commonJS({
       onClose,
       isOpen
     }) => {
-      const [rootEl, setRootEl] = (0, import_react16.useState)(null);
-      (0, import_react16.useEffect)(() => {
+      const [rootEl, setRootEl] = (0, import_react15.useState)(null);
+      (0, import_react15.useEffect)(() => {
         setRootEl(document.getElementById("puck-portal-root"));
       }, []);
       if (!rootEl) {
@@ -75375,16 +75368,16 @@ var require_dist2 = __commonJS({
         mapRow = (val) => val,
         filterFields
       } = field || {};
-      const [data, setData] = (0, import_react17.useState)([]);
-      const [isOpen, setOpen] = (0, import_react17.useState)(false);
-      const [isLoading, setIsLoading] = (0, import_react17.useState)(true);
+      const [data, setData] = (0, import_react16.useState)([]);
+      const [isOpen, setOpen] = (0, import_react16.useState)(false);
+      const [isLoading, setIsLoading] = (0, import_react16.useState)(true);
       const hasFilterFields = !!filterFields;
-      const [filters, setFilters] = (0, import_react17.useState)(field.initialFilters || {});
-      const [filtersToggled, setFiltersToggled] = (0, import_react17.useState)(hasFilterFields);
-      const mappedData = (0, import_react17.useMemo)(() => {
+      const [filters, setFilters] = (0, import_react16.useState)(field.initialFilters || {});
+      const [filtersToggled, setFiltersToggled] = (0, import_react16.useState)(hasFilterFields);
+      const mappedData = (0, import_react16.useMemo)(() => {
         return data.map(mapRow);
       }, [data]);
-      const keys = (0, import_react17.useMemo)(() => {
+      const keys = (0, import_react16.useMemo)(() => {
         const validKeys = /* @__PURE__ */ new Set();
         for (const item of mappedData) {
           for (const key of Object.keys(item)) {
@@ -75395,8 +75388,8 @@ var require_dist2 = __commonJS({
         }
         return Array.from(validKeys);
       }, [mappedData]);
-      const [searchQuery, setSearchQuery] = (0, import_react17.useState)(field.initialQuery || "");
-      const search = (0, import_react17.useCallback)(
+      const [searchQuery, setSearchQuery] = (0, import_react16.useState)(field.initialQuery || "");
+      const search = (0, import_react16.useCallback)(
         (query, filters2) => __async(void 0, null, function* () {
           setIsLoading(true);
           const cacheKey = `${id}-${name}-${query}-${JSON.stringify(filters2)}`;
@@ -75409,7 +75402,7 @@ var require_dist2 = __commonJS({
         }),
         [name, field]
       );
-      (0, import_react17.useEffect)(() => {
+      (0, import_react16.useEffect)(() => {
         search(searchQuery, filters);
       }, []);
       return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
@@ -75425,6 +75418,7 @@ var require_dist2 = __commonJS({
               /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "button",
                 {
+                  type: "button",
                   onClick: () => setOpen(true),
                   className: getClassName13("button"),
                   children: value ? field.getItemSummary ? field.getItemSummary(value) : "External item" : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
@@ -75567,7 +75561,7 @@ var require_dist2 = __commonJS({
       var _a, _b, _c;
       const validField = field;
       const deprecatedField = field;
-      (0, import_react18.useEffect)(() => {
+      (0, import_react17.useEffect)(() => {
         if (deprecatedField.adaptor) {
           console.error(
             "Warning: The `adaptor` API is deprecated. Please use updated APIs on the `external` field instead. This will be a breaking change in a future release."
@@ -75828,7 +75822,7 @@ var require_dist2 = __commonJS({
       readOnly
     }) => {
       const { overrides } = useAppContext2();
-      const Wrapper = (0, import_react19.useMemo)(
+      const Wrapper = (0, import_react18.useMemo)(
         () => overrides.fieldLabel || FieldLabel,
         [overrides]
       );
@@ -75849,7 +75843,7 @@ var require_dist2 = __commonJS({
       var _a2, _b2, _c, _d, _e, _f, _g, _h;
       const { overrides } = useAppContext2();
       const { name, field, value, readOnly } = props;
-      const [localValue, setLocalValue] = (0, import_react19.useState)(value);
+      const [localValue, setLocalValue] = (0, import_react18.useState)(value);
       const onChangeDb = (0, import_use_debounce2.useDebouncedCallback)(
         (val, ui) => {
           onChange(val, ui);
@@ -75857,11 +75851,11 @@ var require_dist2 = __commonJS({
         50,
         { leading: true }
       );
-      const onChangeLocal = (0, import_react19.useCallback)((val, ui) => {
+      const onChangeLocal = (0, import_react18.useCallback)((val, ui) => {
         setLocalValue(val);
         onChangeDb(val, ui);
       }, []);
-      (0, import_react19.useEffect)(() => {
+      (0, import_react18.useEffect)(() => {
         setLocalValue(value);
       }, [value]);
       const localProps = {
@@ -75907,7 +75901,7 @@ var require_dist2 = __commonJS({
       PuckFields: "styles_PuckFields",
       "PuckFields-loadingOverlay": "styles_PuckFields-loadingOverlay"
     };
-    var import_react20 = require("react");
+    var import_react19 = require("react");
     var import_jsx_runtime25 = require("react/jsx-runtime");
     var getClassName19 = get_class_name_factory_default2("PuckFields", styles_default14);
     var defaultPageFields = {
@@ -75939,7 +75933,7 @@ var require_dist2 = __commonJS({
       const fields = selectedItem ? ((_b = config.components[selectedItem.type]) == null ? void 0 : _b.fields) || {} : rootFields;
       const isLoading = selectedItem ? (_c = componentState[selectedItem == null ? void 0 : selectedItem.props.id]) == null ? void 0 : _c.loading : (_d = componentState["puck-root"]) == null ? void 0 : _d.loading;
       const rootProps = data.root.props || data.root;
-      const Wrapper = (0, import_react20.useMemo)(() => overrides.fields || DefaultFields, [overrides]);
+      const Wrapper = (0, import_react19.useMemo)(() => overrides.fields || DefaultFields, [overrides]);
       return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "form",
         {
@@ -76050,7 +76044,7 @@ var require_dist2 = __commonJS({
     };
     init_react_import2();
     init_react_import2();
-    var import_react21 = require("react");
+    var import_react20 = require("react");
     init_react_import2();
     var styles_default15 = {
       ComponentList: "styles_ComponentList",
@@ -76112,8 +76106,8 @@ var require_dist2 = __commonJS({
     ComponentList.Item = ComponentListItem;
     var import_jsx_runtime27 = require("react/jsx-runtime");
     var useComponentList = (config, ui) => {
-      const [componentList, setComponentList] = (0, import_react21.useState)();
-      (0, import_react21.useEffect)(() => {
+      const [componentList, setComponentList] = (0, import_react20.useState)();
+      (0, import_react20.useEffect)(() => {
         var _a, _b, _c;
         if (Object.keys(ui.componentList).length > 0) {
           const matchedComponents = [];
@@ -76178,16 +76172,16 @@ var require_dist2 = __commonJS({
       }, [config.categories, config.components, ui.componentList]);
       return componentList;
     };
-    var import_react222 = require("react");
+    var import_react21 = require("react");
     var import_jsx_runtime28 = require("react/jsx-runtime");
     var Components = () => {
       const { config, state, overrides } = useAppContext2();
       const componentList = useComponentList(config, state.ui);
-      const Wrapper = (0, import_react222.useMemo)(() => overrides.components || "div", [overrides]);
+      const Wrapper = (0, import_react21.useMemo)(() => overrides.components || "div", [overrides]);
       return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Wrapper, { children: componentList ? componentList : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ComponentList, { id: "all" }) });
     };
     init_react_import2();
-    var import_react23 = require("react");
+    var import_react222 = require("react");
     var import_auto_frame_component = __toESM2(require_dist());
     var styles_default16 = {
       PuckPreview: "styles_PuckPreview",
@@ -76197,7 +76191,7 @@ var require_dist2 = __commonJS({
     var getClassName21 = get_class_name_factory_default2("PuckPreview", styles_default16);
     var Preview = ({ id = "puck-preview" }) => {
       const { config, dispatch, state, setStatus, iframe } = useAppContext2();
-      const Page = (0, import_react23.useCallback)(
+      const Page = (0, import_react222.useCallback)(
         (pageProps) => {
           var _a, _b;
           return ((_a = config.root) == null ? void 0 : _a.render) ? (_b = config.root) == null ? void 0 : _b.render(__spreadProps2(__spreadValues2({}, pageProps), { editMode: true })) : pageProps.children;
@@ -76205,7 +76199,7 @@ var require_dist2 = __commonJS({
         [config.root]
       );
       const rootProps = state.data.root.props || state.data.root;
-      const ref2 = (0, import_react23.useRef)(null);
+      const ref2 = (0, import_react222.useRef)(null);
       return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "div",
         {
@@ -76273,7 +76267,7 @@ var require_dist2 = __commonJS({
         el.style.scrollMargin = oldStyle.scrollMargin || "";
       }
     };
-    var import_react24 = require("react");
+    var import_react23 = require("react");
     init_react_import2();
     var isChildOfZone = (item, maybeChild, ctx) => {
       var _a;
@@ -76296,8 +76290,7 @@ var require_dist2 = __commonJS({
       label
     }) => {
       const zones = data.zones || {};
-      const ctx = (0, import_react24.useContext)(dropZoneContext2);
-      const frame = useFrame2();
+      const ctx = (0, import_react23.useContext)(dropZoneContext2);
       return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: getClassName222("zoneTitle"), children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: getClassName222("zoneIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Layers, { size: "16" }) }),
@@ -76345,6 +76338,7 @@ var require_dist2 = __commonJS({
                           zone
                         });
                         const id = zoneContent[i2].props.id;
+                        const frame = getFrame3();
                         scrollIntoView2(
                           frame == null ? void 0 : frame.querySelector(
                             `[data-rfd-drag-handle-draggable-id="draggable-${id}"]`
@@ -76397,13 +76391,13 @@ var require_dist2 = __commonJS({
         ] })
       ] });
     };
-    var import_react25 = require("react");
+    var import_react24 = require("react");
     var import_jsx_runtime31 = require("react/jsx-runtime");
     var Outline = () => {
       const { dispatch, state, overrides, config } = useAppContext2();
       const { data, ui } = state;
       const { itemSelector } = ui;
-      const setItemSelector = (0, import_react25.useCallback)(
+      const setItemSelector = (0, import_react24.useCallback)(
         (newItemSelector) => {
           dispatch({
             type: "setUi",
@@ -76412,7 +76406,7 @@ var require_dist2 = __commonJS({
         },
         []
       );
-      const Wrapper = (0, import_react25.useMemo)(() => overrides.outline || "div", [overrides]);
+      const Wrapper = (0, import_react24.useMemo)(() => overrides.outline || "div", [overrides]);
       return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(dropZoneContext2.Consumer, { children: (ctx) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
         (ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId2]) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           LayerTree,
@@ -76506,12 +76500,12 @@ var require_dist2 = __commonJS({
       };
     }
     init_react_import2();
-    var import_react26 = require("react");
+    var import_react25 = require("react");
     var import_use_debounce3 = (init_index_module(), __toCommonJS(index_module_exports));
     var EMPTY_HISTORY_INDEX = -1;
     function useHistoryStore() {
-      const [histories, setHistories] = (0, import_react26.useState)([]);
-      const [index, setIndex] = (0, import_react26.useState)(EMPTY_HISTORY_INDEX);
+      const [histories, setHistories] = (0, import_react25.useState)([]);
+      const [index, setIndex] = (0, import_react25.useState)(EMPTY_HISTORY_INDEX);
       const hasPast = index > EMPTY_HISTORY_INDEX;
       const hasFuture = index < histories.length - 1;
       const currentHistory = histories[index];
@@ -76661,9 +76655,9 @@ var require_dist2 = __commonJS({
       var styles = window.getComputedStyle(el);
       return calculateBox3(borderBox, styles);
     };
-    var import_react28 = require("react");
-    init_react_import2();
     var import_react27 = require("react");
+    init_react_import2();
+    var import_react26 = require("react");
     var styles_default18 = {
       ViewportControls: "styles_ViewportControls",
       "ViewportControls-divider": "styles_ViewportControls-divider",
@@ -76687,8 +76681,8 @@ var require_dist2 = __commonJS({
       onClick
     }) => {
       const { state } = useAppContext2();
-      const [isActive2, setIsActive] = (0, import_react27.useState)(false);
-      (0, import_react27.useEffect)(() => {
+      const [isActive2, setIsActive] = (0, import_react26.useState)(false);
+      (0, import_react26.useEffect)(() => {
         setIsActive(width === state.ui.viewports.current.width);
       }, [width, state.ui.viewports.current.width]);
       return /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("span", { className: getClassNameButton({ isActive: isActive2 }), children: /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
@@ -76723,7 +76717,7 @@ var require_dist2 = __commonJS({
       const defaultsContainAutoZoom = defaultZoomOptions.find(
         (option) => option.value === autoZoom
       );
-      const zoomOptions = (0, import_react27.useMemo)(
+      const zoomOptions = (0, import_react26.useMemo)(
         () => [
           ...defaultZoomOptions,
           ...defaultsContainAutoZoom ? [] : [
@@ -76845,17 +76839,17 @@ var require_dist2 = __commonJS({
       const { status, iframe } = useAppContext2();
       const { dispatch, state, overrides, setUi, zoomConfig, setZoomConfig } = useAppContext2();
       const { ui } = state;
-      const frameRef = (0, import_react28.useRef)(null);
-      const [showTransition, setShowTransition] = (0, import_react28.useState)(false);
-      const defaultRender = (0, import_react28.useMemo)(() => {
+      const frameRef = (0, import_react27.useRef)(null);
+      const [showTransition, setShowTransition] = (0, import_react27.useState)(false);
+      const defaultRender = (0, import_react27.useMemo)(() => {
         const PuckDefault = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children });
         return PuckDefault;
       }, []);
-      const CustomPreview = (0, import_react28.useMemo)(
+      const CustomPreview = (0, import_react27.useMemo)(
         () => overrides.preview || defaultRender,
         [overrides]
       );
-      const getFrameDimensions = (0, import_react28.useCallback)(() => {
+      const getFrameDimensions = (0, import_react27.useCallback)(() => {
         if (frameRef.current) {
           const frame = frameRef.current;
           const box = getBox3(frame);
@@ -76863,7 +76857,7 @@ var require_dist2 = __commonJS({
         }
         return { width: 0, height: 0 };
       }, [frameRef]);
-      const resetAutoZoom = (0, import_react28.useCallback)(
+      const resetAutoZoom = (0, import_react27.useCallback)(
         (ui2 = state.ui) => {
           if (frameRef.current) {
             setZoomConfig(
@@ -76873,11 +76867,11 @@ var require_dist2 = __commonJS({
         },
         [frameRef, zoomConfig, state.ui]
       );
-      (0, import_react28.useEffect)(() => {
+      (0, import_react27.useEffect)(() => {
         setShowTransition(false);
         resetAutoZoom();
       }, [frameRef, ui.leftSideBarVisible, ui.rightSideBarVisible]);
-      (0, import_react28.useEffect)(() => {
+      (0, import_react27.useEffect)(() => {
         const { height: frameHeight } = getFrameDimensions();
         if (ui.viewports.current.height === "auto") {
           setZoomConfig(__spreadProps2(__spreadValues2({}, zoomConfig), {
@@ -76885,7 +76879,7 @@ var require_dist2 = __commonJS({
           }));
         }
       }, [zoomConfig.zoom]);
-      (0, import_react28.useEffect)(() => {
+      (0, import_react27.useEffect)(() => {
         const observer = new ResizeObserver(() => {
           setShowTransition(false);
           resetAutoZoom();
@@ -76974,10 +76968,10 @@ var require_dist2 = __commonJS({
     }) {
       var _a;
       const historyStore = useHistoryStore();
-      const [reducer2] = (0, import_react29.useState)(
+      const [reducer2] = (0, import_react28.useState)(
         () => createReducer({ config, record: historyStore.record })
       );
-      const [initialAppState] = (0, import_react29.useState)(() => {
+      const [initialAppState] = (0, import_react28.useState)(() => {
         var _a2, _b, _c, _d;
         const initial = __spreadValues2(__spreadValues2({}, defaultAppState2.ui), initialUi);
         let clientUiState = {};
@@ -77022,7 +77016,7 @@ var require_dist2 = __commonJS({
           })
         });
       });
-      const [appState, dispatch] = (0, import_react29.useReducer)(
+      const [appState, dispatch] = (0, import_react28.useReducer)(
         reducer2,
         flushZones(initialAppState)
       );
@@ -77033,9 +77027,9 @@ var require_dist2 = __commonJS({
         config,
         dispatch
       );
-      const [menuOpen, setMenuOpen] = (0, import_react29.useState)(false);
+      const [menuOpen, setMenuOpen] = (0, import_react28.useState)(false);
       const { itemSelector, leftSideBarVisible, rightSideBarVisible } = ui;
-      const setItemSelector = (0, import_react29.useCallback)(
+      const setItemSelector = (0, import_react28.useCallback)(
         (newItemSelector) => {
           if (newItemSelector === itemSelector)
             return;
@@ -77048,21 +77042,21 @@ var require_dist2 = __commonJS({
         [itemSelector]
       );
       const selectedItem = itemSelector ? getItem2(itemSelector, data) : null;
-      (0, import_react29.useEffect)(() => {
+      (0, import_react28.useEffect)(() => {
         if (onChange)
           onChange(data);
       }, [data]);
       const { onDragStartOrUpdate, placeholderStyle } = usePlaceholderStyle();
-      const [draggedItem, setDraggedItem] = (0, import_react29.useState)();
+      const [draggedItem, setDraggedItem] = (0, import_react28.useState)();
       const rootProps = data.root.props || data.root;
-      (0, import_react29.useEffect)(() => {
+      (0, import_react28.useEffect)(() => {
         if (Object.keys(data.root).length > 0 && !data.root.props) {
           console.error(
             "Warning: Defining props on `root` is deprecated. Please use `root.props`. This will be a breaking change in a future release."
           );
         }
       }, []);
-      const toggleSidebars = (0, import_react29.useCallback)(
+      const toggleSidebars = (0, import_react28.useCallback)(
         (sidebar) => {
           const widerViewport = window.matchMedia("(min-width: 638px)").matches;
           const sideBarVisible = sidebar === "left" ? leftSideBarVisible : rightSideBarVisible;
@@ -77076,7 +77070,7 @@ var require_dist2 = __commonJS({
         },
         [dispatch, leftSideBarVisible, rightSideBarVisible]
       );
-      (0, import_react29.useEffect)(() => {
+      (0, import_react28.useEffect)(() => {
         if (!window.matchMedia("(min-width: 638px)").matches) {
           dispatch({
             type: "setUi",
@@ -77099,11 +77093,11 @@ var require_dist2 = __commonJS({
           window.removeEventListener("resize", handleResize);
         };
       }, []);
-      const defaultRender = (0, import_react29.useMemo)(() => {
+      const defaultRender = (0, import_react28.useMemo)(() => {
         const PuckDefault = ({ children: children2 }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: children2 });
         return PuckDefault;
       }, []);
-      const defaultHeaderRender = (0, import_react29.useMemo)(() => {
+      const defaultHeaderRender = (0, import_react28.useMemo)(() => {
         if (renderHeader) {
           console.warn(
             "`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"
@@ -77117,7 +77111,7 @@ var require_dist2 = __commonJS({
         }
         return defaultRender;
       }, [renderHeader]);
-      const defaultHeaderActionsRender = (0, import_react29.useMemo)(() => {
+      const defaultHeaderActionsRender = (0, import_react28.useMemo)(() => {
         if (renderHeaderActions) {
           console.warn(
             "`renderHeaderActions` is deprecated. Please use `overrides.headerActions` and the `usePuck` hook instead."
@@ -77130,18 +77124,18 @@ var require_dist2 = __commonJS({
         }
         return defaultRender;
       }, [renderHeader]);
-      const loadedOverrides = (0, import_react29.useMemo)(() => {
+      const loadedOverrides = (0, import_react28.useMemo)(() => {
         return loadOverrides({ overrides, plugins });
       }, [plugins]);
-      const CustomPuck = (0, import_react29.useMemo)(
+      const CustomPuck = (0, import_react28.useMemo)(
         () => loadedOverrides.puck || defaultRender,
         [loadedOverrides]
       );
-      const CustomHeader = (0, import_react29.useMemo)(
+      const CustomHeader = (0, import_react28.useMemo)(
         () => loadedOverrides.header || defaultHeaderRender,
         [loadedOverrides]
       );
-      const CustomHeaderActions = (0, import_react29.useMemo)(
+      const CustomHeaderActions = (0, import_react28.useMemo)(
         () => loadedOverrides.headerActions || defaultHeaderActionsRender,
         [loadedOverrides]
       );
@@ -77514,7 +77508,7 @@ init_react_import();
 
 // src/HeadingAnalyzer.tsx
 init_react_import();
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_core = __toESM(require_dist2());
 
 // ../core/components/SidebarSection/index.tsx
@@ -77926,29 +77920,16 @@ var scrollIntoView = (el) => {
   }
 };
 
-// ../core/lib/use-frame.ts
-init_react_import();
-var import_react12 = require("react");
-
 // ../core/lib/get-frame.ts
 init_react_import();
 var getFrame2 = () => {
   let frame = document.querySelector("#preview-frame");
   if ((frame == null ? void 0 : frame.tagName) === "IFRAME") {
-    frame = frame.contentDocument.body;
+    frame = frame.contentDocument;
   }
   return frame;
 };
 
-// ../core/lib/use-frame.ts
-var useFrame = () => {
-  const [el, setEl] = (0, import_react12.useState)();
-  (0, import_react12.useEffect)(() => {
-    setEl(getFrame2());
-  }, []);
-  return el;
-};
-
 // src/HeadingAnalyzer.tsx
 var import_react_from_json = __toESM(require("react-from-json"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -78007,10 +77988,10 @@ function buildHierarchy(frame) {
 }
 var HeadingAnalyzer = () => {
   const { appState } = (0, import_core.usePuck)();
-  const [hierarchy, setHierarchy] = (0, import_react13.useState)([]);
-  const [firstRender, setFirstRender] = (0, import_react13.useState)(true);
-  const frame = useFrame();
-  (0, import_react13.useEffect)(() => {
+  const [hierarchy, setHierarchy] = (0, import_react12.useState)([]);
+  const [firstRender, setFirstRender] = (0, import_react12.useState)(true);
+  (0, import_react12.useEffect)(() => {
+    const frame = getFrame2();
     if (!frame)
       return;
     if (firstRender) {
@@ -78021,7 +78002,7 @@ var HeadingAnalyzer = () => {
     } else {
       setHierarchy(buildHierarchy(frame));
     }
-  }, [appState.data.content, frame]);
+  }, [appState.data.content]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
     hierarchy.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "No headings." }),
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(OutlineList, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -78035,6 +78016,7 @@ var HeadingAnalyzer = () => {
               {
                 onClick: typeof props.analyzeId == "undefined" ? void 0 : (e2) => {
                   e2.stopPropagation();
+                  const frame = getFrame2();
                   const el = frame == null ? void 0 : frame.querySelector(
                     `[${dataAttr}="${props.analyzeId}"]`
                   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.14.0-canary.68f97ae",
+  "version": "0.14.0-canary.6cadfdb",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -18,7 +18,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.14.0-canary.68f97ae",
+    "@measured/puck": "^0.14.0-canary.6cadfdb",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",